/*메인*/

.main {width:100%; position:relative; background:var(--beige);}
.main section {width:100%; position:relative;}
.main section .sec-wrap {width:100%;}
.main section .sec-title .head {font-size:clamp(22px, 2.5cqw, 48px); font-weight:700;}
.main section .sec-title .conts {font-size:clamp(14px, 1.3cqw, 24px);}


.main .visual {height:var(--nvh); background:var(--beige); overflow:hidden;}
.main .visual .sec-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.main .visual .visual-wrap {width:90%; height:100%; max-width:1680px; margin:0 auto; container-type:inline-size; display:flex; align-items:center; z-index:10; position:relative;}
.main .visual .visual-wrap .visual-box {width:100%; height:67%; display:flex; flex-direction:column; justify-content:space-between; gap:10%;}
.main .visual .visual-wrap .visual-box .line-box {--dot-size:12px; width:60.5%; display:flex; align-items:center; gap:var(--gap-8); position:absolute;}
.main .visual .visual-wrap .visual-box .line-box .dot {width:var(--dot-size); aspect-ratio:1; border-radius:50%; background:var(--key-color);}
.main .visual .visual-wrap .visual-box .line-box .line {width:calc(100% - var(--dot-size) - var(--gap-8)); height:1px; background:var(--key-color);}

.main .visual .visual-wrap .visual-box .top-conts-wrap {width:100%; position:relative;}
.main .visual .visual-wrap .visual-box .top-conts-wrap .txt-box {width:100%; font-family:var(--DM); font-size:clamp(36px, 9cqw, 140px); line-height:1; font-style:italic;}
.main .visual .visual-wrap .visual-box .top-conts-wrap .txt-box .row:last-child {transform:translateX(16.6%);}
.main .visual .visual-wrap .visual-box .top-conts-wrap .txt-box .row {overflow:clip; display:flex; gap:clamp(8px, 2cqw, 60px); align-items:center;}
.main .visual .visual-wrap .visual-box .top-conts-wrap .txt-box .row span {display:block;}
.main .visual .visual-wrap .visual-box .top-conts-wrap .line-box {right:0; top:22%;}

.main .visual .visual-wrap .visual-box .bottom-conts-wrap {width:100%; position:relative;}
.main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-wrap {width:100%; display:flex; justify-content:flex-end;}
.main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-box {display:flex; flex-direction:column; gap:var(--gap-24); transform:translateX(-50%);}
.main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-box .head {font-size:clamp(20px, 3cqi, 40px); font-weight:500; color:var(--gray-1); line-height:1.2;}
.main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-box .conts {font-size:clamp(13px, 1.34cqi, 18px); color:var(--gray-3);}
.main .visual .visual-wrap .visual-box .bottom-conts-wrap .line-box {flex-direction:row-reverse; left:0; bottom:25%;}


@media screen and (min-width: 1025px) and (orientation: landscape) {
    .main .visual {min-height:800px;}
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
    .main .visual .visual-wrap .visual-box {height:80%;}
    .main .visual .visual-wrap .visual-box .top-conts-wrap {transform:translateY(50%);}
}

@media screen and (max-width: 1024px) {
    .main .visual .visual-wrap .visual-box .line-box {width:55%;}

    .main .visual .visual-wrap .visual-box .top-conts-wrap .line-box {right:-10%;}

    .main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-box {transform:translateX(-30%);}
    .main .visual .visual-wrap .visual-box .bottom-conts-wrap .line-box {left:-10%; bottom:auto; top:20%;}
}

@media screen and (max-width: 768px) {
    .main .visual .visual-wrap .visual-box .line-box {--dot-size:8px;}
}

@media screen and (max-width: 648px) {
    .main .visual .visual-wrap .visual-box .line-box {width:50%;}
    .main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-box {transform:translateX(-10%); width:35%; min-width:140px;}
    .main .visual .visual-wrap .visual-box .bottom-conts-wrap .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 480px) {
    .main .visual .visual-wrap .visual-box .line-box {--dot-size:5px;}
}



.main .visual .hidden-visual {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; container-type:inline-size;}
.main .visual .hidden-visual > .wrap {width:100%; height:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.main .visual .hidden-visual .img-box {width:clamp(230px, 33%, 650px); aspect-ratio:534/201; border-radius:var(--gap-16); overflow:hidden; will-change:width, height, border-radius, transform;}
.main .visual .hidden-visual .img-box span {display:block; width:100%; height:100%; position:relative;}
.main .visual .hidden-visual .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .visual .hidden-visual .img-box.is-full {aspect-ratio:auto !important;}

.main .visual .hidden-visual .conts-box {width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; visibility:hidden;}
.main .visual .hidden-visual .conts-box .conts-inner {width:90%; height:100%; margin:0 auto; display:flex; align-items:center;}
.main .visual .hidden-visual .conts-box .conts-inner .conts {width:100%; text-align:center; font-size:clamp(20px, 2cqi, 36px); color:var(--white); font-weight:600; line-height:1.6; display:flex; flex-direction:column; align-items:center;}
.main .visual .hidden-visual .conts-box .conts-inner .conts .fill-line {--fill:0%; display:block; width:fit-content; line-height:1.6; color:transparent; background-image:linear-gradient(90deg, var(--white) 0%, var(--white) var(--fill), rgba(255,255,255,0.28) var(--fill), rgba(255,255,255,0.28) 100%); background-clip:text;}
.main .visual .hidden-visual .conts-box.is-show {visibility:visible !important;}

@media screen and (max-width: 1024px) and (orientation: portrait) {
    .main .visual .hidden-visual .img-box {aspect-ratio:320/153;}
}





.main .brand {width:100%; height:var(--nvh);}
.main .brand .sec-wrap {width:90%; max-width:1540px; margin:0 auto; height:100%; display:flex; align-items:center; justify-content:center;}
.main .brand .layout-wrap {width:100%; height:80%;}
.main .brand .brand-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.main .brand .brand-wrap .brand-box {width:100%; height:100%; display:flex; align-items:center; justify-content:space-between;}
.main .brand .brand-wrap .brand-box .brand-img-list {width:20%; height:100%;}
.main .brand .brand-wrap .brand-box .brand-img-list .img-list-wrap {display:flex; flex-direction:column; gap:var(--gap-24); height:100%; width:100%;}
.main .brand .brand-wrap .brand-box .brand-img-list .img-box {max-width:100%; height:22%; display:flex; align-items:center; justify-content:center;}
.main .brand .brand-wrap .brand-box .brand-img-list .img-box span {display:block; height:100%; position:relative; aspect-ratio:288/179; border-radius:5px; overflow:hidden; background:var(--white);}

.main .brand .brand-wrap .brand-box .brand-conts-list {width:65%; height:100%; container-type:inline-size; position:relative;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box {width:100%; position:absolute; right:0; top:50%; transform:translateY(-50%); opacity:0; z-index:1;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box.active {z-index:2;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box:first-child {opacity:1;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .conts-wrap {width:100%; display:flex; flex-direction:column;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .title {width:100%; font-family:var(--DM); font-size:clamp(36px, 14cqw, 140px); font-style:italic;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts {width:100%; position:relative; display:flex; justify-content:flex-end;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .number {font-family:var(--DM); font-size:clamp(50px, 60cqi, 600px); color:var(--font-gray); line-height:0.8;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .conts-box {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; gap:var(--gap-16); max-width:400px;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .conts-box .head {width:100%; font-size:clamp(18px, 3cqi, 30px); font-weight:600;}
.main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .conts-box .conts {width:100%; font-size:clamp(14px, 2cqi, 20px);}
.main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow {display:none;}


@media screen and (max-width: 1024px) {
    .main .brand {min-height:var(--nvh); padding:calc(var(--gap-50) * 5) 0;}
    .main .brand .layout-wrap,
    .main .brand .brand-wrap {height:auto;}
    .main .brand .brand-wrap .brand-box {height:auto; flex-direction:column; gap:var(--gap-40);}
    .main .brand .brand-wrap .brand-box .brand-img-list {width:100%; height:auto; overflow:hidden;}
    .main .brand .brand-wrap .brand-box .brand-img-list .img-list-wrap {display:flex; flex-direction:row; gap:0; width:100%; height:auto; will-change:transform;}
    .main .brand .brand-wrap .brand-box .brand-img-list .img-box {flex:0 0 100%; width:100%; height:auto; max-width:none; min-width:100%;}
    .main .brand .brand-wrap .brand-box .brand-img-list .img-box span {width:100%; height:100%;}

    .main .brand .brand-wrap .brand-box .brand-conts-list {width:100%; height:auto; display:grid;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box {grid-area:1 / 1; position:relative; top:auto; left:auto; transform:none; z-index:10;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .conts-wrap {align-items:center; gap:var(--gap-80);}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .title {width:80%; text-align:center;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts {flex-direction:column-reverse; align-items:center; justify-content:center;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .number {width:100%; text-align:right; transform:translateY(-10%);}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .conts-box {width:80%; position:relative; left:auto; top:0; transform:none; max-width:330px;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .conts-box .head {font-size:clamp(18px, 4.2cqi, 30px);}
    .main .brand .brand-wrap .brand-box .brand-conts-list .brand-conts-box .brand-conts .conts-box .conts {font-size:clamp(14px, 2.6cqi, 20px);}

    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow {width:100%; display:flex; align-items:center; justify-content:space-between; z-index:11; position:absolute; left:0; top:6.5%;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow .arrow {display:block; font-size:0; width:var(--gap-50); aspect-ratio:1; position:relative; cursor:pointer;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow .arrow:before {content:''; width:100%; height:100%; background:url(/img/main/arrow.svg) no-repeat center / cover; position:absolute; left:0; top:0;}
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow .arrow.prev:before {transform:scaleX(-1);}
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow .arrow.on:before,
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow .arrow:hover:before {background-image:url(/img/main/arrow_on.svg);}
}

@media screen and (max-width: 648px) {
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow {top:5.8%;}
}

@media screen and (max-width: 480px) {
    .main .brand .brand-wrap .brand-box .brand-conts-list .slider-arrow {top:4%;}
}





.main .program {width:100%; height:var(--nvh); container-type:inline-size; position:relative; overflow:hidden;}
.main .program .sec-wrap {width:100%; max-width:100%; height:100%; overflow:hidden; position:relative;}
.main .program .program-wrap {width:100%; height:100%; overflow:hidden; position:relative;}
.main .program .program-wrap .program-box {width:100%; height:100%; display:flex; align-items:stretch; position:absolute; left:0; top:0; opacity:0; z-index:1;}
.main .program .program-wrap .program-box:nth-child(even) {flex-direction:row-reverse;}
.main .program .program-wrap .program-box > * {width:50%; height:100%; display:flex; align-items:center; justify-content:center; position:relative;}
.main .program .program-wrap .program-box .img-wrap .img-box {width:100%; height:100%; position:relative; z-index:10;}
.main .program .program-wrap .program-box .img-wrap .img-box span {display:block; width:100%; height:100%; position:relative; z-index:10;}
.main .program .program-wrap .program-box .img-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .program .program-wrap .program-box .img-wrap .cover {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:var(--sub-color-y);}
.main .program .program-wrap .program-box .conts-wrap .cover {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:var(--beige);}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box {width:80%; display:flex; flex-direction:column; gap:var(--gap-40); align-items:center; position:relative; z-index:10;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box > * {max-width:100%;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .head {width:100%; display:flex; flex-direction:column; align-items:center; text-align:center;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .head span {font-size:var(--font-size-18); color:var(--gray-9);}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .head .title {font-size:var(--font-size-40); font-weight:600; color:var(--gray-1);}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .sub-img {width:50%; max-width:242px; border-radius:var(--gap-10); overflow:hidden;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .sub-img span {display:block; width:100%; aspect-ratio:242/248; position:relative; overflow:hidden;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .sub-img span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .conts {width:100%; max-width:500px; font-size:var(--font-size-18); color:var(--gray-3); text-align:center;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .button-box {width:100%; display:flex; align-items:center; justify-content:center;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .button-box a {display:flex; max-width:100%; font-size:var(--font-size-18); color:var(--black); align-items:center; gap:var(--gap-20);}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .button-box span {display:block; width:clamp(20px,3cqw,50px); aspect-ratio:1; border-radius:50%; background:var(--key-color); position:relative;}
.main .program .program-wrap .program-box .conts-wrap .program-conts-box .button-box span:before {content:''; width:100%; height:100%; background:url(/img/main/arrow_white.svg) no-repeat center / 70% auto; position:absolute; left:0; top:0;}

@media screen and (max-width: 1024px) {
    .main .program .program-wrap .program-box {flex-direction:column;}
    .main .program .program-wrap .program-box:nth-child(even) {flex-direction:column-reverse;}
    .main .program .program-wrap .program-box > * {width:100%; height:50%;}
    .main .program .program-wrap .program-box .conts-wrap .program-conts-box {width:90%; height:90%; justify-content:center;}
    .main .program .program-wrap .program-box .conts-wrap .program-conts-box .sub-img {max-width:180px;}
}

@media screen and (max-width: 648px) {
    .main .program .program-wrap .program-box .conts-wrap .program-conts-box .sub-img {display:none;}
}

/*.main .program .program-wrap {width:100%; display:flex; flex-direction:row-reverse; height:100%;}
.main .program .program-wrap > * {width:50%; height:100%;}

.main .program .program-wrap .title-wrap {display:flex; align-items:center; justify-content:center; border:solid rgba(70,63,51,0.4); border-width:1px 0;}
.main .program .program-wrap .title-wrap .sec-title {width:80%; display:flex; flex-direction:column; gap:var(--gap-50) 0; align-items:center; text-align:center;}
.main .program .program-wrap .title-wrap .sec-title > * {max-width:100%;}
.main .program .program-wrap .title-wrap .sec-title .preview-slide {width:32%; overflow:hidden;}
.main .program .program-wrap .title-wrap .sec-title .preview-slide .preview-slide-track {display:flex;}
.main .program .program-wrap .title-wrap .sec-title .preview-slide .preview-slide-track .img-box {flex:0 0 100%;}
.main .program .program-wrap .title-wrap .sec-title .preview-slide .preview-slide-track .img-box span {display:block; width:100%; aspect-ratio:242/248; position:relative; border-radius:10px; overflow:hidden;}

.main .program .program-wrap .title-wrap .program-slider-control {display:flex; align-items:center; justify-content:center; gap:var(--gap-16);}
.main .program .program-wrap .title-wrap .program-slider-control span {display:block; width:var(--gap-40); aspect-ratio:1; position:relative; font-size:0; cursor:pointer;}
.main .program .program-wrap .title-wrap .program-slider-control span:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/img/main/arrow.svg) no-repeat center / cover;}
.main .program .program-wrap .title-wrap .program-slider-control span.prev:before {transform:scaleX(-1);}
.main .program .program-wrap .title-wrap .program-slider-control span.on:before,
.main .program .program-wrap .title-wrap .program-slider-control span:hover:before {background-image:url(/img/main/arrow_on.svg);}

.main .program .program-wrap .title-wrap .program-pagination {display:none;}

.main .program .program-wrap .slide-wrap {overflow:hidden;}
.main .program .program-wrap .slide-wrap .slide-track {display:flex; height:100%;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box {flex:0 0 100%; height:100%;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box {width:100%; height:100%; position:relative; overflow:hidden;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .bg-box {width:100%; height:100%; background:var(--key-color); position:absolute; left:0; top:0; z-index:1;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .img-box {width:100%; height:100%; position:relative; z-index:2;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .img-box:after {content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity:0.8; position:absolute; left:0; top:0; z-index:10;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .img-box span {display:block; width:100%; height:100%; position:relative; z-index:5;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts {width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; padding:4.5% 4%; display:flex; align-items:flex-end; container-type:inline-size;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .conts-wrap {width:100%; display:flex; flex-direction:column;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .head {font-size:clamp(16px, 2.5cqi, 24px); font-weight:700; color:var(--white);}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .conts {width:100%; font-size:clamp(14px, 2.1cqi, 20px); color:var(--gray-ea); margin:var(--gap-32) 0 var(--gap-24) 0;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box a {font-size:clamp(13px, 1.9cqi, 18px); color:var(--white); display:flex; align-items:center; gap:var(--gap-24);}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box .arrow {width:var(--gap-40); aspect-ratio:1; border-radius:50%; background:var(--key-color); position:relative; overflow:hidden;}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box .arrow:before,
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box .arrow:after {content:''; width:100%; height:100%; background:url(/img/main/arrow_white.svg) no-repeat center / 70% 70%; position:absolute; left:0; top:0; transition:all 0.55s cubic-bezier(.22,1,.36,1);}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box .arrow:after {transform:translateX(-220%);}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box .arrow:hover:before {transform:translateX(150%);}
.main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .button-box .arrow:hover:after {transform:translate(0%);}

@media screen and (min-width: 1025px) and (orientation: landscape) {
    .main .program {min-height:800px;}
}

@media screen and (max-width: 1024px) {
    .main .program .program-wrap {flex-direction:column; gap:var(--gap-40);}
    .main .program .program-wrap > * {width:100%; height:auto;}
    .main .program .program-wrap .title-wrap {border:none;}
    .main .program .program-wrap .title-wrap .sec-title {gap:var(--gap-16);}
    .main .program .program-wrap .title-wrap .sec-title .preview-slide {display:none;}
    .main .program .program-wrap .title-wrap .program-slider-control {display:none;}

    .main .program .program-wrap .title-wrap .program-pagination {width:100%; display:flex; align-items:center; gap:6px; justify-content:center; margin-top:var(--gap-60);}
    .main .program .program-wrap .title-wrap .program-pagination .pagination-bullet {width:8px; height:8px; border:0; border-radius:999px; padding:0; background:var(--gray-d9); cursor:pointer; transition:width 0.3s linear;}
    .main .program .program-wrap .title-wrap .program-pagination .pagination-bullet.is-active {width:30px; background:var(--key-color);}

    .main .program .program-wrap .slide-wrap .slide-track,
    .main .program .program-wrap .slide-wrap .slide-track .slide-box,
    .main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box,
    .main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .img-box {height:auto;}
    .main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .bg-box {background:transparent;}
    .main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .img-box span {height:calc(var(--nvh) * 0.75);}
    .main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts {padding:10% 7%;}
}

@media screen and (max-width: 648px) {
    .main .program .program-wrap .slide-wrap .slide-track .slide-box .program-conts-box .program-conts .conts .br {display:inline-block;}
}*/





.main .workshop {width:100%; height:var(--nvh); overflow:hidden; container-type:inline-size;}
.main .workshop .sec-wrap {height:100%;}
.main .workshop .workshop-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:relative;}
.main .workshop .workshop-wrap .workshop-title {font-family:var(--DM); font-size:clamp(30px, 8.6cqi, 142px); font-style:italic; color:var(--sub-color-y); line-height:1.2; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); overflow:hidden;}
.main .workshop .workshop-wrap .workshop-title .title-wrap {display:flex; align-items:center; justify-content:center; transform:translateY(100%);}
.main .workshop .workshop-wrap .workshop-title .title-wrap span {display:inline-block;}
.main .workshop .workshop-wrap .workshop-split {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-50); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}
.main .workshop .workshop-wrap .workshop-split .work,
.main .workshop .workshop-wrap .workshop-split .shop {font-family:var(--DM); font-size:clamp(30px, 8.6cqi, 142px); color:rgba(70,63,51,0.2); font-style:italic;}
.main .workshop .workshop-wrap .workshop-split .center-conts {opacity:0;}
.main .workshop .workshop-wrap .workshop-split .center-conts .sec-title {display:flex; flex-direction:column; gap:var(--gap-16); text-align:center; justify-content:center;}
.main .workshop .workshop-wrap .line {width:2px; height:calc(var(--nvh) * 0.3); border-radius:10px 10px 0 0; background:var(--sub-color-y); position:absolute; left:50%; bottom:0; transform:translateX(-50%); clip-path:inset(0% 0% 100% 0%);}

@media screen and (max-width: 768px) {
    .main .workshop .workshop-wrap .workshop-split {width:150%;}
}




.main .lecture {width:100%;}
.main .lecture .sec-wrap {width:100%; margin:0 auto; position:relative; container-type:inline-size;}
.main .lecture .line-box {display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center;}
.main .lecture .line-box .line {width:2px; height:calc(var(--nvh) * 0.3); border-radius:0 0 10px 10px; background:var(--sub-color-y);}
.main .lecture .line-box .dot {width:12px; aspect-ratio:1; border-radius:50%; background:var(--sub-color-y);}

.main .lecture .class-wrap {width:100%; max-width:1400px; margin:0 auto; padding:calc(var(--gap-50) * 4) 0; --class-slide-w:495px; --class-arrow-size:60px;}
.main .lecture .class-wrap .class-box {width:100%; position:relative;}
.main .lecture .class-wrap .class-box:before {content:''; width:300vw; height:150%; background:var(--sub-color-y); position:absolute; left:50%; top:50%; transform:translateX(-50%); z-index:0;}
.main .lecture .class-wrap .class-box .class-slider .slider-track .slide-box .img-box {width:100%; border-radius:var(--gap-16); box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.main .lecture .class-wrap .class-box .class-slider .slider-track .slide-box .img-box span {display:block; width:100%; aspect-ratio:496/662; border-radius:var(--gap-16); position:relative; overflow:hidden; background:var(--white)}
.main .lecture .class-wrap .class-box .class-slider {width:100%; overflow:hidden; position:relative; z-index:10;}
.main .lecture .class-wrap .class-box .class-slider .swiper-wrapper {align-items:center;}
.main .lecture .class-wrap .class-box .class-slider .swiper-wrapper .swiper-slide {width:var(--class-slide-w); transition:transform 0.45s ease, filter 0.45s ease; transform:scale(0.58); filter:grayscale(1); pointer-events:none;}
.main .lecture .class-wrap .class-box .class-slider .swiper-wrapper .swiper-slide .img-box span img {opacity:0.6; transition:opacity 0.45s ease}
.main .lecture .class-wrap .class-box .class-slider .swiper-wrapper .swiper-slide-active {transform:scale(1); filter:grayscale(0); z-index:5; pointer-events:auto;}
.main .lecture .class-wrap .class-box .class-slider .swiper-wrapper .swiper-slide-active .img-box span img {opacity:1;}

.main .lecture .class-wrap .class-box .class-slider-control button {width:var(--class-arrow-size); aspect-ratio:1; border-radius:50%; background:var(--white); position:absolute; top:50%; transform:translate(-50%,-50%); z-index:20; font-size:0; cursor:pointer; overflow:hidden;}
.main .lecture .class-wrap .class-box .class-slider-control button.prev {left:calc(50% - (var(--class-slide-w) / 2) - var(--class-arrow-size));}
.main .lecture .class-wrap .class-box .class-slider-control button.next {left:calc(50% + (var(--class-slide-w) / 2) + var(--class-arrow-size));}
.main .lecture .class-wrap .class-box .class-slider-control button:before,
.main .lecture .class-wrap .class-box .class-slider-control button:after {content:''; width:100%; height:100%; background:url(/img/main/arrow.svg) no-repeat center / 70% 70%; position:absolute; left:0; top:0; transition:all 0.45s ease;}
.main .lecture .class-wrap .class-box .class-slider-control button:hover:before,
.main .lecture .class-wrap .class-box .class-slider-control button:hover:after {background-image:url(/img/main/arrow_on.svg);}

.main .lecture .class-wrap .class-box .class-slider-control button.prev:before {transform:scaleX(-1);}
.main .lecture .class-wrap .class-box .class-slider-control button.prev:after {transform:scaleX(-1) translateX(-220%);}
.main .lecture .class-wrap .class-box .class-slider-control button.next:after {transform:translateX(-220%);}

.main .lecture .class-wrap .class-box .class-slider-control button.prev:hover:before {transform:scaleX(-1) translate(150%);}
.main .lecture .class-wrap .class-box .class-slider-control button.prev:hover:after {transform:scaleX(-1) translate(0%);}
.main .lecture .class-wrap .class-box .class-slider-control button.next:hover:before {transform:translate(150%);}
.main .lecture .class-wrap .class-box .class-slider-control button.next:hover:after {transform:translate(0%);}

.main .lecture .class-wrap .title-box {width:100%; margin-bottom:var(--gap-80); font-size:clamp(18px, 1.6cqi, 30px); font-weight:600; text-align:center; position:relative; z-index:20;}

@media screen and (max-width: 1280px) {
    .main .lecture .class-wrap {--class-slide-w:360px; --class-arrow-size:40px;}
}

@media screen and (max-width: 768px) {
    .main .lecture .class-wrap {--class-slide-w:300px; --class-arrow-size:34px;}
}

@media screen and (max-width: 648px) {
    .main .lecture .class-wrap .class-box .class-slider-control {display:none;}
}

@media screen and (max-width: 480px) {
    .main .lecture .class-wrap {--class-slide-w:58%; --class-arrow-size:0px;}
}



.main .partner {width:100%; padding:0 0 calc(var(--gap-50) * 4) 0; background:var(--sub-color-y); container-type:inline-size;}
.main .partner .sec-wrap {width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-80); align-items:center; justify-content:center;}
.main .partner .sec-title {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-8); flex-direction:column;}
.main .partner .sec-title > * {width:100%; text-align:center;}

.main .partner .partner-wrap {width:100%; background:rgba(255,255,255,0.1); border-radius:10px; padding:var(--gap-60) 0;}
.main .partner .partner-wrap .partner-box {width:90%; max-width:1360px; margin:0 auto;}
.main .partner .partner-wrap .partner-box .partner-list {width:100%; display:flex; align-items:center; gap:var(--gap-50) 2%; flex-wrap:wrap; justify-content:space-between;}
.main .partner .partner-wrap .partner-box .partner-list .logo-box {width:23.5%; max-width:267px;}
.main .partner .partner-wrap .partner-box .partner-list .logo-box span {display:block; position:relative; width:100%; aspect-ratio:267/109;}

@media screen and (max-width: 648px) {
    .main .partner .partner-wrap .partner-box .partner-list .logo-box {width:49%;}
}





.main .lounge {padding:calc(var(--gap-50) * 4) 0; container-type:inline-size;}
.main .lounge .sec-wrap {width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-40); align-items:center; justify-content:center;}
.main .lounge .sec-title {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-24); padding-bottom:var(--gap-60); border-bottom:1px solid #E4E4E4;}

@media screen and (max-width: 648px) {
    .main .lounge .sec-title {flex-direction:column;}
    .main .lounge .sec-title > * {width:100%;}
}


.main .lounge .lounge-wrap {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 3); align-items:center; justify-content:center;}
.main .lounge .lounge-wrap article {width:100%;}
.main .lounge .lounge-wrap article .dep-title {width:100%; height:var(--gap-60); display:flex; align-items:center; padding:0 calc(var(--gap-60) / 2); font-size:clamp(16px, 1.3cqi, 20px); font-weight:700; position:relative;}
.main .lounge .lounge-wrap article .dep-title span {position:relative; z-index:10;}
.main .lounge .lounge-wrap article .dep-title:before {content:''; height:100%; aspect-ratio:1; border-radius:50%; background:var(--key-color); position:absolute; left:0; top:0; z-index:0;}

.main .lounge .lounge-wrap .news {display:flex; flex-direction:column; gap:var(--gap-32); align-items:center; justify-content:center;}
.main .lounge .lounge-wrap .news > * {width:100%;}
.main .lounge .lounge-wrap .news .news-wrap {width:100%;}
.main .lounge .lounge-wrap .news .news-wrap .news-list {width:100%; display:flex; align-items:stretch; justify-content:space-between; gap:3%;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li {width:calc(97% / 3); max-width:522px;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li a {display:block; border-radius:10px; overflow:hidden;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box {width:100%; position:relative;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .thumbnail {width:100%;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .thumbnail span {display:block; width:100%; aspect-ratio:522/334; position:relative; z-index:1; transform:scale(1); transition:transform 0.8s ease-in-out;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .thumbnail span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .conts-wrap {width:100%; height:100%; display:flex; align-items:flex-end; padding:5%; position:absolute; left:0; top:0; z-index:10; visibility:visible; transition:visibility 0.4s ease, opacity 0.4s ease; opacity:1;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .conts-wrap:before {content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity:0.6; position:absolute; left:0; top:0; z-index:0;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .conts-wrap .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16); color:var(--white); position:relative; z-index:10; opacity:1; transform:translateY(0); transition:transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .conts-wrap .conts-box .head {width:100%; font-size:clamp(16px, 1cqi, 20px); font-weight:700;} 
.main .lounge .lounge-wrap .news .news-wrap .news-list li .news-box .conts-wrap .conts-box .conts {width:100%; font-size:clamp(12px, 0.5cqi, 18px); display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li:hover .news-box .conts-wrap {visibility:visible; opacity:1;}
.main .lounge .lounge-wrap .news .news-wrap .news-list li:hover .news-box .conts-wrap .conts-box {opacity:1; transform:translateY(0);}
.main .lounge .lounge-wrap .news .news-wrap .news-list li:hover .news-box .thumbnail span {transform:scale(1.03);}

@media screen and (max-width: 768px) {
    .main .lounge .lounge-wrap .news .news-wrap .news-list {flex-direction:column; gap:var(--gap-24); align-items:center; justify-content:center;}
    .main .lounge .lounge-wrap .news .news-wrap .news-list li {width:100%;}
}

.view-cursor {width:clamp(80px, 8cqw, 150px); aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,0.6); font-size:var(--font-size-15); color:var(--black); font-weight:600; display:flex; align-items:center; justify-content:center; position:fixed; left:0; top:0; pointer-events:none; z-index:0; opacity:0;}

@media (hover: hover) and (pointer: fine){
    .view-cursor {display:flex;}
}

@media (hover: none), (pointer: coarse){
    .view-cursor {display:none !important;}
}



.main .lounge .lounge-wrap .info-board {width:100%;}
.main .lounge .lounge-wrap .info-board .info-board-wrap {width:100%; display:flex; flex-direction:row-reverse; gap:1%; align-items:center;}
.main .lounge .lounge-wrap .info-board .info-board-wrap > * {width:calc(99% / 2);}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap {display:flex; flex-direction:column; gap:var(--gap-16);}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap {width:100%; padding-left:calc(var(--gap-60) / 2);}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list {width:100%;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li {width:100%; border-bottom:1px solid var(--gray-e4);}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li:last-child {border-bottom:none;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li a {width:100%;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li .list-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-8); padding:var(--gap-32) 0;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li .list-box > * {width:100%;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li .list-box .subject {font-size:clamp(18px, 1.8cqi, 30px); font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.4s ease;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li .list-box .conts {font-size:clamp(14px, 1.2cqi, 20px); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li .list-box .thumbnail {display:none;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap .board-list li:hover .list-box .subject {color:var(--sub-color-y);}

.main .lounge .lounge-wrap .info-board .info-board-wrap .thumbnail-wrap {display:flex; align-items:first-start; justify-content:center; position:relative;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .thumbnail-wrap .current-thumbnail {width:70%; max-width:409px; transition:transform 0.55s ease;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .thumbnail-wrap .current-thumbnail span {display:block; width:100%; aspect-ratio:409/262; border-radius:10px; overflow:hidden; position:relative;}
.main .lounge .lounge-wrap .info-board .info-board-wrap .thumbnail-wrap .current-thumbnail span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}


@media screen and (max-width: 768px) {
    .main .lounge .lounge-wrap .info-board .info-board-wrap > * {width:100%;}
    .main .lounge .lounge-wrap .info-board .info-board-wrap .board-wrap .board-list-wrap {padding:0;}
    .main .lounge .lounge-wrap .info-board .info-board-wrap .thumbnail-wrap {display:none;}
}




.main .contact {background:url(/img/main/bg_contact.jpg) no-repeat center / cover; padding:calc(var(--gap-50) * 3) 0; container-type:inline-size;}
.main .contact .sec-wrap {width:90%; margin:0 auto;}
.main .contact .contact-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-50); align-items:center; justify-content:center;}
.main .contact .contact-wrap .sec-title {width:100%; display:flex; flex-direction:column; gap:var(--gap-24); align-items:center; justify-content:center; text-align:center;}
.main .contact .contact-wrap .sec-title > * {width:100%;}
.main .contact .contact-wrap .button-wrap {display:flex; align-items:center; justify-content:center; gap:var(--gap-16);}
/*.main .contact .contact-wrap .button-wrap a {height:60px; aspect-ratio:180/60; background:var(--gray-1); display:flex; align-items:center; justify-content:center; border-radius:100px; font-size:clamp(14px, 2.2cqi, 20px); font-weight:600; color:var(--key-color); transition:background 0.35s ease, color 0.35s ease;}
.main .contact .contact-wrap .button-wrap a:hover {background:var(--key-color); color:var(--gray-1);}

@media screen and (max-width: 768px) {
    .main .contact .contact-wrap .button-wrap a {height:54px;}
}

@media screen and (max-width: 480px) {
    .main .contact .contact-wrap .button-wrap a {height:46px;}
}*/




@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 648px) {}
@media screen and (max-width: 480px) {}
@media screen and (orientation: landscape) {
  /* 가로가 세로보다 길 때 */
}
@media screen and (orientation: portrait) {
  /* 세로가 가로보다 길 때 */
}