@charset "utf-8";

/* 내용관리 */
#ctt {overflow: hidden; position: relative; z-index: 4; background: #EFEFEF; min-height: 100vh; }
.ctt_admin {text-align:right; position: fixed; top: 80px; right: 80px; z-index: 9999999999; }

.content-wrap.mt-200 { margin-top: 200px; }
.content-wrap.sub-bg-1 { background: url('/theme/basic/img/sub_bg_1.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding: 80px 0; position: relative; }

.content-wrap.bg-black { background: #101010; }
.content-wrap.bg-black.pd { padding: 160px 60px 200px 160px; }

.tab-content.active { display: block; }
.tab-content { display: none; }

.m-br { display: none; }


.content-inner { width: 1400px; margin: 0 auto; }
.content-inner.w100 { width: 100%; }

.content-inner > .full-img1 { width: 100%; height: 100vh; background-image: url('/theme/basic/img/full_img_0202_1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }

.content-inner > .full-img2 { width: 100%; height: 100vh; background-image: url('/theme/basic/img/full_img_0202_2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }

.content-inner > .full-img-0201 { width: 100%; height: 100vh; background-image: url('/theme/basic/img/full_img_0201_1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }


.content-inner > .text-wrap { margin-bottom: 50px; }
.content-inner > .text-wrap.mb-80 { margin-bottom: 80px; }
.content-inner > .text-wrap.w1400 { width: 1400px; margin: 0 auto; margin-bottom: 50px; }
.content-inner > .text-wrap.flex { display: flex; }
.content-inner > .text-wrap.flex.center { align-items: center; }
.content-inner > .text-wrap.flex.bete { justify-content: space-between; }
.content-inner > .text-wrap.flex > .desc { margin-left: 50px; margin-top: 0; }
.content-inner > .text-wrap.flex > .desc.ml-80 { margin-left: 80px; }
.content-inner > .text-wrap.flex > .sub-num { font-size: 20px; font-weight: 600; margin-right: 18px; }
.content-inner > .text-wrap.flex > .sub-title { font-size: 34px; font-weight: 600; }
.content-inner > .text-wrap > .title { font-size: 50px; font-weight: 400; flex: none; }
.content-inner > .text-wrap > .desc { font-size: 18px; font-weight: 400; line-height: 160%; margin-top: 30px; }
.content-inner > .text-wrap > .desc > span.fw-600 { font-weight: 600; }


.content-inner > .updown-img-box { display: flex; justify-content: space-between; }
.content-inner > .updown-img-box > .img-box { width: 680px; height: 922px; position: relative; }
.content-inner > .updown-img-box > .img-box.mar { margin-top: 200px; }
.content-inner > .updown-img-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }



.content-inner > .zoom-bete-wrap { display: flex; align-items: center; }
.content-inner > .zoom-bete-wrap > .img-box { width: 680px; height: 970px; position: relative; margin-left: 120px; }
.content-inner > .zoom-bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .zoom-bete-wrap > .text-box { margin-left: 80px; }
.content-inner > .zoom-bete-wrap > .text-box > .gwal-box.w335 { width: 340px; }
.content-inner > .zoom-bete-wrap > .text-box > .gwal-box > .title { padding: 0 13px; font-size: 34px; font-weight: 600; }
.content-inner > .zoom-bete-wrap > .text-box > .gwal-box > .text-right { margin-top: -13px; }
.content-inner > .zoom-bete-wrap > .text-box > .gwal-box img.rotate { transform: rotate(180deg); }
.content-inner > .zoom-bete-wrap > .text-box > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }



.content-inner > .mixed-wrap { display: flex; justify-content: center; }
.content-inner > .mixed-wrap.mt-200 { margin-top: 200px; }
.content-inner > .mixed-wrap.sero { align-items: flex-end; }
.content-inner > .mixed-wrap.garo > .img-text-box { width: 1180px; margin-right: 40px; }
.content-inner > .mixed-wrap.sero > .img-text-box { width: 920px; margin-left: 40px; margin-bottom: 160px; }
.content-inner > .mixed-wrap.garo > .img-text-box > .img-box { width: 100%; height: 660px; position: relative; }
.content-inner > .mixed-wrap.sero > .img-text-box > .img-box { width: 100%; height: 1087px; position: relative; }
.content-inner > .mixed-wrap > .img-text-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .mixed-wrap.garo > .img-text-box > .text-box { margin-top: 60px; display: flex; align-items: center; justify-content: flex-end; padding-right: 100px; }
.content-inner > .mixed-wrap.sero > .img-text-box > .text-box { margin-top: 60px; display: flex; align-items: center; justify-content: flex-start; padding-left: 120px; }
.content-inner > .mixed-wrap > .img-text-box > .text-box > .line { width: 2px; height: 50px; background: #CECECE; margin-right: 22px; }
.content-inner > .mixed-wrap > .img-text-box > .text-box > .desc { font-size: 20px; font-weight: 400; }

.content-inner > .mixed-wrap.garo > .img-box { width: 700px; height: 658px; position: relative; margin-top: 200px; }
.content-inner > .mixed-wrap.sero > .img-box { width: 360px; height: 600px; position: relative; }
.content-inner > .mixed-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }



.content-inner > .full-short-img { width: 100%; height: 600px; position: relative; background-image: url('/theme/basic/img/full_short_img_0202_1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.content-inner > .full-short-img > .title { position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%); font-size: 100px; font-weight: 700; line-height: 120%; width: 1400px; }

.content-inner > .desc-wrap.mt-170 { margin-top: 170px; }
.content-inner > .desc-wrap.w1400 { width: 1400px; margin: 0 auto; }
.content-inner > .desc-wrap.w1400.mt-170 { margin-top: 170px; }
.content-inner > .desc-wrap .desc { font-size: 18px; font-weight: 400; }

.content-inner > .three-mix-wrap { display: flex; justify-content: space-between; }
.content-inner > .three-mix-wrap > .img-box { width: 432px; position: relative; }
.content-inner > .three-mix-wrap > .img-box.mb { margin-bottom: 100px; }
.content-inner > .three-mix-wrap > .img-box.mt { margin-top: 100px; }
.content-inner > .three-mix-wrap > .img-box.h604 { height: 604px; }
.content-inner > .three-mix-wrap > .img-box.h702 { height: 702px; }
.content-inner > .three-mix-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .tab-sub-pg { display: flex; align-items: center; justify-content: center; margin-bottom: 200px; }
.content-inner > .tab-sub-pg > .title {
    font-size: 24px;
    font-weight: 600;
    color: #999999;
    margin-right: 12px;
    padding: 20px 94px;
    line-height: 150%;
    background: #E3E3E3;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color 0.4s ease-in-out;
    z-index: 1;
}

.content-inner > .tab-sub-pg > .title:last-child {
    margin-right: 0;
}

.content-inner > .tab-sub-pg > .title.active {
    color: #fff;
    background: #AF362B;
}

.content-inner > .tab-sub-pg > .title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #AF362B;
    transition: width 0.4s ease-in-out;
    z-index: -1;
}

.content-inner > .tab-sub-pg > .title:hover::before {
    width: 100%;
}

.content-inner > .tab-sub-pg > .title:hover {
    color: #fff;
    z-index: 2;
}



.content-inner > .three-wrap { display: flex; justify-content: space-between; }
.content-inner > .three-wrap.end { justify-content: flex-end; }
.content-inner > .three-wrap > div { width: 432px; }
.content-inner > .three-wrap > div > .img-box { width: 100%; position: relative; }
.content-inner > .three-wrap > div > .img-box.h422 { height: 422px; }
.content-inner > .three-wrap > div > .img-box.h562 { height: 562px; }
.content-inner > .three-wrap > div > .img-box.h660 { height: 660px; }
.content-inner > .three-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .three-wrap > div > .text-box { margin-top: 40px; }
.content-inner > .three-wrap > div > .text-box > .title { font-size: 20px; font-weight: 600; }
.content-inner > .three-wrap > div > .text-box > .desc { font-size: 18px; font-weight: 400; margin-top: 12px; }

.content-inner > .end-wrap { display: flex; justify-content: flex-end; position: relative; }
.content-inner > .end-wrap.mt-80 { margin-top: 80px; }
.content-inner > .end-wrap > .title { font-size: 100px; font-weight: 700; line-height: 120%; position: absolute; left: 47px; top: 144px; letter-spacing: -0.01em; z-index: 1; }
.content-inner > .end-wrap > div { width: 432px; margin-right: 52px; }
.content-inner > .end-wrap > div:last-child { margin-right: 0; }
.content-inner > .end-wrap > div > .img-box { width: 100%; position: relative; }
.content-inner > .end-wrap > div > .img-box.h528 { height: 528px; }
.content-inner > .end-wrap > div > .img-box.h422 { height: 422px; }
.content-inner > .end-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .end-wrap > div > .text-box { margin-top: 40px; }
.content-inner > .end-wrap > div > .text-box > .title { font-size: 20px; font-weight: 600; }
.content-inner > .end-wrap > div > .text-box > .desc { font-size: 18px; font-weight: 400; margin-top: 12px; }


.content-inner > .white-bg-banner { width: 100%; background: #fff; padding: 80px 100px; position: relative; overflow: hidden; }
.content-inner > .white-bg-banner > .text-wrap { margin-bottom: 88px; }
.content-inner > .white-bg-banner > .text-wrap > .title { font-size: 46px; font-weight: 400; }
.content-inner > .white-bg-banner > .text-wrap > .desc { font-size: 28px; font-weight: 600; margin-top: 30px; }
.content-inner > .white-bg-banner > .name { font-size: 20px; font-weight: 400; }
.content-inner > .white-bg-banner > .arrow { position: absolute; right: 256px; top: -20px; }
.content-inner > .white-bg-banner > svg { position: absolute; right: 70px; bottom: 80px; }


.content-inner > .abs-bete-wrap { width: 1160px; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center; position: relative; }
.content-inner > .abs-bete-wrap > .text-box { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; z-index: 1; }
.content-inner > .abs-bete-wrap > .text-box > .title { font-size: 46px; font-weight: 400; }
.content-inner > .abs-bete-wrap > .text-box > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.content-inner > .abs-bete-wrap > .img-box { width: 560px; height: 800px; position: relative; }
.content-inner > .abs-bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }


.content-inner > .left-img-box { position: relative; width: 1420px; height: 726px; }
.content-inner > .left-img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .right-img-box { position: relative; width: 920px; height: 676px; margin-left: auto; }
.content-inner > .right-img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }


.content-wrap.black-bg { background: #101010; padding: 200px 0; position: relative; overflow: hidden; }
.content-wrap.black-bg > .arrow-box { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1400px; margin: 0 auto; text-align: right; }

.content-inner > .bg-text-wrap > .sub-title { font-size: 22px; font-weight: 700; margin-bottom: 22px; }
.content-inner > .bg-text-wrap > .title { font-size: 46px; font-weight: 400; }
.content-inner > .bg-line { width: 0%; height: 1px; background: #fff; margin: 140px 0 100px 0; }
.content-inner > .num-order-wrap { display: flex; justify-content: space-between; }
.content-inner > .num-order-wrap > div { width: 320px; position: relative; }
.content-inner > .num-order-wrap > div > .num { font-size: 38px; font-weight: 600; color: rgba(255,255,255,0.2); position: absolute; left: 0; top: -24px; }
.content-inner > .num-order-wrap > div > .title { font-size: 20px; font-weight: 600; }
.content-inner > .num-order-wrap > div > .desc { font-size: 18px; font-weight: 400; margin-top: 18px; }


.content-inner > .mid-big-img-box { width: 920px; height: 1087px; position: relative; margin: 0 auto; }
.content-inner > .mid-big-img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }





.content-inner > .recom-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
.content-inner > .recom-wrap > div { width: 680px; position: relative; padding-left: 30px; border-left: 1px solid #999999; position: relative; margin-top: 120px; }
.content-inner > .recom-wrap > div:nth-child(1),
.content-inner > .recom-wrap > div:nth-child(2) { margin-top: 0; }
.content-inner > .recom-wrap > div > .img-box { width: 170px; height: 170px; position: relative; display: none; }
.content-inner > .recom-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .recom-wrap > div > .text-box { margin: 0 0 80px 0; }
.content-inner > .recom-wrap > div > .text-box > .title { font-size: 38px; font-weight: 600; }
.content-inner > .recom-wrap > div > .text-box > .title > span { font-size: 22px; margin-left: 4px; }
.content-inner > .recom-wrap > div > .text-box > .desc { font-size: 20px; font-weight: 600; margin-top: 16px; }
.content-inner > .recom-wrap > div > .desc-box { font-size: 20px; font-weight: 400; }
.content-inner > .recom-wrap > div > .num { position: absolute; right: 0; top: 0; font-size: 46px; font-weight: 600; }

.content-inner > .recom-wrap .opa { opacity: 0; }

.content-inner > .slogun-box { margin-bottom: 140px; }
.content-inner > .slogun-box > .text-box { margin-bottom: 100px; }
.content-inner > .slogun-box > .text-box > .title { font-size: 56px; font-weight: 400; }
.content-inner > .slogun-box > .case-wrap { position: relative; overflow: hidden; padding: 100px 80px 50px 80px; border-bottom: 1px solid #999999; }
.content-inner > .slogun-box > .case-wrap > .title { font-size: 38px; font-weight: 600; text-align: right; }
.content-inner > .slogun-box > .case-wrap .num { font-size: 220px; font-weight: 400; position: absolute; left: 80px; bottom: -50px; line-height: 100%; color: #CECECE; overflow: hidden; width: 500px; }
.content-inner > .slogun-box > .case-wrap .num.overlay { color: #AF362B; width: 0; display: block; left: 0; bottom: 0; }
.content-inner > .slogun-box > .case-wrap .plus { font-size: 220px; font-weight: 400; position: absolute; left: 600px; top: -62px; color: #CECECE; overflow: hidden; line-height: 100%; }
.content-inner > .slogun-box > .case-wrap .plus.overlay { color: #AF362B; width: 0; display: block; left: 0; top: 0; }

.content-inner > .right-0-img-box { width: 1420px; height: 726px; position: relative; margin-left: auto; }
.content-inner > .right-0-img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .left-0-img-box { width: 1540px; height: 720px; position: relative; margin-right: auto; }
.content-inner > .left-0-img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .left-0-img-box > .title { position: absolute; right: -200px; font-size: 100px; font-weight: 700; top: 10px; }

.content-inner > .sub-desc-wrap { margin-top: 150px; padding-left: 120px; }
.content-inner > .sub-desc-wrap > .desc { font-size: 18px; font-weight: 400; }



.content-inner > .slide-bete-wrap { display: flex; align-items: center; justify-content: flex-end; position: relative; }
.content-inner > .slide-bete-wrap > .text-box { position: absolute; left: 120px; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; }
.content-inner > .slide-bete-wrap > .text-box > .sub-num { font-size: 20px; font-weight: 600; margin-right: 18px; line-height: 180%; }
.content-inner > .slide-bete-wrap > .text-box > div > .sub-title { font-size: 34px; font-weight: 600; }
.content-inner > .slide-bete-wrap > .text-box > div > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }

.content-inner > .slide-bete-wrap > .sub-slide-1 { width: 920px; overflow: hidden; position: relative; margin-right: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-1 .swiper-slide { width: 100%; height: 967px; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-1 .swiper-slide > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }



.content-inner > .bete-wrap { display: flex; align-items: center; }
.content-inner > .bete-wrap > .img-box { width: 680px; height: 970px; position: relative; margin-right: 80px; }
.content-inner > .bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .bete-wrap > .text-box { display: flex; }
.content-inner > .bete-wrap > .text-box > .sub-num { font-size: 20px; font-weight: 600; margin-right: 18px; line-height: 180%; }
.content-inner > .bete-wrap > .text-box > div > .sub-title { font-size: 34px; font-weight: 600; }
.content-inner > .bete-wrap > .text-box > div > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.content-inner > .bete-wrap > .text-box > div > .desc > span { font-weight: 600; }

.content-inner > .sub-text-img-box { display: -webkit-box; width: 1400px; margin: 0 auto; }
.content-inner > .sub-text-img-box > .text-box { display: flex; margin-right: 100px; }
.content-inner > .sub-text-img-box > .text-box > .sub-num { font-size: 20px; font-weight: 600; margin-right: 18px; line-height: 180%; }
.content-inner > .sub-text-img-box > .text-box > .sub-title { font-size: 34px; font-weight: 600; }
.content-inner > .sub-text-img-box > .img-box { width: 1180px; height: 574px; position: relative; }
.content-inner > .sub-text-img-box > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }



.content-inner > .bete-com-wrap { display: flex; align-items: center; justify-content: space-between; position: relative; }
.content-inner > .bete-com-wrap.w1400 { width: 1400px; margin: 0 auto; }
.content-inner > .bete-com-wrap.mt-80 { margin-top: 80px; }
.content-inner > .bete-com-wrap > .img-box { width: 680px; height: 398px; position: relative; }
.content-inner > .bete-com-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .bete-com-wrap > .text-box > .desc { font-size: 18px; font-weight: 400; }
.content-inner > .bete-com-wrap > .text-box > .desc > span { font-weight: 600; }
.content-inner > .bete-com-wrap > .big-op-logo { position: absolute; left: -284px; top: -115px; z-index: -1; }


.content-inner > .big-line { width: 0%; height: 2px; background: #CECECE; }


.content-inner > .slogun-text-wrap.flex { display: flex; flex-direction: column; }

.content-inner > .slogun-text-wrap > .title {
    font-size: 56px;
    font-weight: 700;
    color: #CECECE; /* 초기 텍스트 색상 */
    position: relative;
    display: inline-block;
    overflow: hidden; /* 텍스트를 넘지 않도록 설정 */
}

.content-inner > .slogun-text-wrap > .title .overlay {
    position: absolute;
    top: 0;
    left: 0;
    color: #AF362B; /* 빨간 텍스트 */
    width: 0; /* 초기 상태에서 가로 길이 0 */
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.content-inner > .slogun-text-wrap > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }

.content-inner > .h200 { width: 100%; height: 200px; }




.content-inner > .click-0204-wrap { display: flex; align-items: center; justify-content: center; }
.content-inner > .click-0204-wrap > .title { font-size: 24px; font-weight: 600; margin-right: 12px; background: #E3E3E3; color: #999999; width: 270px; height: 76px; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; overflow: hidden; transition: color 0.4s ease-in-out; z-index: 1; }
.content-inner > .click-0204-wrap > .title:last-child { margin-right: 0; }
.content-inner > .click-0204-wrap > .title.active { color: #fff; background: #AF362B; }
.content-inner > .click-0204-wrap > .title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #AF362B;
    transition: width 0.4s ease-in-out;
    z-index: -1;
}

.content-inner > .click-0204-wrap > .title:hover::before {
    width: 100%;
}

.content-inner > .click-0204-wrap > .title:hover {
    color: #fff;
    z-index: 2;
}


.content-inner .bg-slide-wrap { display: flex; justify-content: space-between; width: 1700px; margin: 0 auto; }
.content-inner .bg-slide-wrap .text-num-wrap { display: flex; justify-content: space-between; flex-direction: column; }
.content-inner .bg-slide-wrap .text-num-wrap > .title { font-size: 180px; font-weight: 400; line-height: 140%; padding-top: 56px; }
.content-inner .bg-slide-wrap .text-num-wrap > .slide-btn-box { display: flex; align-items: center; }
.content-inner .bg-slide-wrap .text-num-wrap > .slide-btn-box > div { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; margin: 0; padding: 0; margin-right: 18px; }
.content-inner .bg-slide-wrap .text-num-wrap > .slide-btn-box > div:last-child { margin-right: 0; }

.swiper-button-next:after,
.swiper-button-prev:after { display: none; }



.content-inner .bg-slide-wrap .co-slide-wrap { width: 1360px; margin-right: 0; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide { display: flex; justify-content: flex-end; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div { width: 662px; margin-right: 15px; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div:last-child { margin-right: 0; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div > .text-box { display: flex; align-items: center; margin-bottom: 30px; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .title { font-size: 16px; font-weight: 600; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .line { width: 2px; height: 26px; margin-right: 10px;}
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .line.before { background: #fff; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .line.after { background: #AF362B; }

.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .img-box { width: 100%; height: 416px; position: relative; overflow: hidden; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .img-box > img.filter { filter: blur(20px); }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .img-box .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: center; background: rgba(0,0,0,0.6); cursor: pointer; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .img-box .bg > div { padding: 40px; }
.content-inner .bg-slide-wrap .co-slide-wrap .swiper-slide > div .img-box .bg span { font-size: 16px; font-weight: 500; }



.content-inner > .flex-slogun-text-wrap { display: flex; flex-direction: column; padding: 61px 78px; position: relative; }
.content-inner > .flex-slogun-text-wrap > .ddaum-up { position: absolute; left: 0; top: 0; }
.content-inner > .flex-slogun-text-wrap > .ddaum-down { position: absolute; right: 0; bottom: 0; transform: rotate(180deg); }
.content-inner > .flex-slogun-text-wrap > .title {
    font-size: 56px;
    font-weight: 400;
    color: #CECECE; /* 초기 텍스트 색상 */
    position: relative;
    display: inline-block;
    overflow: hidden; /* 텍스트를 넘지 않도록 설정 */
}
.content-inner > .flex-slogun-text-wrap > .title.a { margin-left: 242px; }
.content-inner > .flex-slogun-text-wrap > .title.b { margin-left: 342px; }
.content-inner > .flex-slogun-text-wrap > .title .overlay {
    position: absolute;
    top: 0;
    left: 0;
    color: #AF362B; /* 빨간 텍스트 */
    width: 0; /* 초기 상태에서 가로 길이 0 */
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.content-inner > .flex-slogun-text-wrap > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }






.content-inner > .sub-slide-bete-wrap { width: 100%; display: flex; height: 827px; align-items: center; position: relative; padding-left: calc(50% - 700px); }

.content-inner > .sub-slide-bete-wrap > .text-wrap { padding: 50px 0; width: 550px; height: 527px; margin-right: 50px; position: relative; flex: none; }

.content-inner > .sub-slide-bete-wrap > .text-wrap > .title { font-size: 46px; font-weight: 400; }
.content-inner > .sub-slide-bete-wrap > .text-wrap > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }
.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-btn { margin-top: 60px; display: flex; align-items: center; }

.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-btn > div { position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; width: auto; height: auto; }
.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-btn > div:last-child { margin-left: 30px; }

.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-num-box { position: absolute; right: 0; bottom: 30px; display: flex; align-items: flex-end; }

.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-num-box > .now-num { font-size: 38px; font-weight: 600; }
.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-num-box > .mid { margin: 0 11px; }
.content-inner > .sub-slide-bete-wrap > .text-wrap > .slide-num-box > span { font-size: 20px; font-weight: 600; }


.content-inner > .sub-slide-bete-wrap > .sub-0101-slide { width: 100%; margin-left: auto; padding: 120px 0; cursor: none; }

.content-inner > .sub-slide-bete-wrap > .sub-0101-slide > .bg { background: #e0e0e0; position: absolute; left: 50px; top: 0; width: 100%; height: 100%; }
.content-inner > .sub-slide-bete-wrap > .sub-0101-slide .swiper-slide { width: 368px; height: 527px; position: relative; }
.content-inner > .sub-slide-bete-wrap > .sub-0101-slide .swiper-slide > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .sub-slide-bete-wrap > .sub-0101-slide .swiper-scrollbar { position: relative; background: #999999; height: 2px; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; margin-top: 60px; width: 100%; }
.content-inner > .sub-slide-bete-wrap > .sub-0101-slide .swiper-scrollbar-drag { background: #AF362B; height: 3px; top: -2px; }


.content-inner > .sub-slide-bete-wrap.order2 { padding-right: calc(50% - 700px); padding-left: 0; }
.content-inner > .sub-slide-bete-wrap.order2 > .text-wrap { order: 2; margin-right: 0; margin-left: 50px; text-align: right; }
.content-inner > .sub-slide-bete-wrap.order2 > .text-wrap > .slide-btn { justify-content: flex-end; }
.content-inner > .sub-slide-bete-wrap.order2 > .text-wrap > .slide-num-box { right: auto; left: 0; }
.content-inner > .sub-slide-bete-wrap.order2 > .sub-0101-slide { rotate: 180deg; display: flex; flex-direction: column; }
.content-inner > .sub-slide-bete-wrap.order2 > .sub-0101-slide .swiper-slide { rotate: 180deg; }
.content-inner > .sub-slide-bete-wrap.order2 > .sub-0101-slide .swiper-wrapper { order: 2; }
.content-inner > .sub-slide-bete-wrap.order2 > .sub-0101-slide .swiper-scrollbar { margin-top: 0; margin-bottom: 60px; }
.content-inner > .sub-slide-bete-wrap.order2 > .sub-0101-slide .swiper-scrollbar-drag { top: 0; bottom: -2px; }





.content-inner > .academic-wrap ul { display: flex; margin-bottom: 12px; }
.content-inner > .academic-wrap ul:last-child { margin-bottom: 0; }
.content-inner > .academic-wrap ul li { font-size: 16px; font-weight: 400; }
.content-inner > .academic-wrap ul li:last-child { margin-left: 6px; font-size: 18px; }
.content-inner > .academic-wrap ul li span { font-weight: 600; }



.content-inner > .banner-0101-wrap { width: 1510px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.content-inner > .banner-0101-wrap .text-wrap { width: 560px; flex: none; }
.content-inner > .banner-0101-wrap .text-wrap > .title { font-size: 50px; font-weight: 400; }
.content-inner > .banner-0101-wrap .text-wrap > .title .color-red { color: #EA4040; }
.content-inner > .banner-0101-wrap .text-wrap > .desc { font-size: 18px; font-weight: 400; margin-top: 30px; }


.sub-slide-2.m-br,
.sub-slide-3.m-br { display: none; }

.content-inner > .img-0201-box { width: 560px; height: 704px; position: relative; margin-top: -150px; z-index: 1; }
.content-inner > .img-0201-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }