/*서브*/

.contents {width:100%; position:relative; background:var(--beige);}

:root {
    --font-size-14 : clamp(10px,0.75cqw,14px);
    --font-size-15 : clamp(11px,0.9cqw,15px);
    --font-size-18 : clamp(14px, 1.2cqw, 18px);
    --font-size-20 : clamp(15px, 1.4cqw, 20px);
    --font-size-24 : clamp(16px, 1.8cqw, 24px);
    --font-size-28 : clamp(18px, 1.85cqw, 28px);
    --font-size-30 : clamp(20px, 1.9cqw, 30px);
    --font-size-40 : clamp(24px, 2.8cqw, 40px);
    --font-size-48 : clamp(28px, 3cqw, 48px);
    --font-size-48 : clamp(28px, 3cqw, 48px);
}



.sub-visual {width:90%; margin:0 auto; padding-top:calc(var(--headerH) + var(--gap-60)); display:flex; align-items:center; flex-direction:column; gap:var(--gap-40); max-width:1680px;}
.sub-visual .sub-visual-wrap {width:100%; position:relative;}
.sub-visual .sub-visual-wrap .img-box {width:100%; position:relative; z-index:10; width:100%; aspect-ratio:1680/690; border-radius:var(--gap-10); overflow:hidden;}
.sub-visual .sub-visual-wrap .img-box:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:11;}
.sub-visual .sub-visual-wrap .img-box span {display:block; width:100%; height:100%; position:relative; z-index:10;}
.sub-visual .sub-visual-wrap .img-box span img {transform-origin:center; z-index:1;}
.sub-visual .sub-visual-wrap .sub-visual-conts {width:100%; height:100%; position:absolute; left:0; top:0; z-index:11; padding:0 5%; display:flex; align-items:center;}
.sub-visual .sub-visual-wrap .sub-visual-conts .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-24); align-items:center; text-align:center; color:var(--white);}
.sub-visual .sub-visual-wrap .sub-visual-conts .conts-box .head {width:100%; font-size:var(--font-size-48); font-weight:600; line-height:1.3;}
.sub-visual .sub-visual-wrap .sub-visual-conts .conts-box .conts {width:100%; font-size:var(--font-size-24);}

@media screen and (max-width: 768px) {
    .sub-visual .sub-visual-wrap .img-box {aspect-ratio:1680/870;}
}

@media screen and (max-width: 648px) {
    .sub-visual .sub-visual-wrap .sub-visual-conts .conts-box .conts .br {display:inline-block;}
}


@media screen and (max-width: 480px) {
    .sub-visual .sub-visual-wrap .img-box {aspect-ratio:1680/1200;}
    .sub-visual .sub-visual-wrap .sub-visual-conts .conts-box .conts {font-size:var(--font-size-18);}
}


.sub-visual .sub-visual-title {width:100%;}
.sub-visual .sub-visual-title .title-box {width:100%; display:flex; align-items:center; justify-content:center; font-family:var(--DM); font-size:clamp(70px, 8.2cqw, 130px); font-style:italic; color:var(--font-gray); letter-spacing:-1.5px; line-height:1; overflow:clip;}

@media screen and (max-width: 1024px) {
    .sub-visual .sub-visual-title .title-box {font-size:clamp(28px, 6.8cqw, 100px);}
}



.contents .contents-wrap {width:100%; padding:calc(var(--gap-50) * 2) 0 calc(var(--gap-50) * 5) 0;}





/*about*/
.about section {width:100%; position:relative; container-type:inline-size;}
.about section .sec-wrap {width:100%; position:relative;}
.about section .sec-title {display:flex; flex-direction:column; gap:var(--gap-24); color:var(--gray-1); margin-bottom:var(--gap-80);}
.about section .sec-title .head {font-size:clamp(28px, 3cqw, 48px); font-weight:600;}
.about section .sec-title .conts {font-size:var(--font-size-24);}
.about section .sec-title[data-type='center'] {text-align:center;}

.about .sec-1 {--circle-size:clamp(150px, 25cqw, 400px);}
.about .sec-1 .conts-wrap {width:100%; height:var(--nvh); display:flex; align-items:center; justify-content:center; position:relative; z-index:10;}
.about .sec-1 .conts-wrap .conts-box {width:90%; margin:0 auto; container-type:inline-size; display:flex; align-items:center; justify-content:center; gap:var(--gap-20); position:relative; overflow:clip;}
.about .sec-1 .conts-wrap .conts-box span {font-family:var(--DM); font-style:italic; font-size:clamp(40px, 11cqw, 155px); color:var(--black); line-height:1;}
.about .sec-1 .circle {width:var(--circle-size); background:var(--sub-color-y); border-radius:50%; aspect-ratio:1; position:absolute; left:50%; bottom:calc((var(--circle-size) / 2) * -1); z-index:20;}

@media screen and (max-width: 768px) {
    .about .sec-1 .conts-wrap .conts-box {flex-direction:column; align-items:center; justify-content:center;}
    .about .sec-1 .conts-wrap .conts-box span {font-size:clamp(80px, 17cqw, 150px);}
}


.about .sec-2 {background:var(--sub-color-y); padding:calc(var(--gap-50) * 3) 0 calc(var(--gap-50) * 5) 0;}
.about .sec-2 .sec-wrap {z-index:10;}
.about .sec-2 .sec-title {margin-bottom:0;}
.about .sec-2 .about-wrap {width:90%; max-width:1620px; margin:0 auto; display:flex; align-items:flex-start; justify-content:space-between;}
.about .sec-2 .about-wrap .lf-box {width:27%;}
.about .sec-2 .about-wrap .rt-box {width:71%; margin-top:calc(var(--gap-50) * 4);}
.about .sec-2 .about-wrap .about-conts-wrap {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 5);}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box {width:100%; display:flex;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box:nth-child(odd) {justify-content:flex-end;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap {max-width:85%; display:flex; flex-direction:column; gap:var(--gap-40);}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box {position:relative;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box span {display:block; border-radius:var(--gap-10); overflow:hidden;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box span img {display:block; max-width:100%;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box .mark {container-type:inline-size; font-size:clamp(8px, 1.5cqw, 20px); font-weight:700; color:var(--sub-color-y); text-align:center; position:absolute; left:0; bottom:0; transform:translate(0, 50%);}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box .mark .mark-wrap {border:1px solid red;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box .mark .inner {width:fit-content; aspect-ratio:1; border-radius:50%; background:var(--white); display:flex; align-items:center; justify-content:center; padding:0 var(--gap-16); transform:translateX(-50%);}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .img-box .mark .txt {width:max-content;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .conts-box .head {font-size:clamp(20px, 2cqw, 30px); font-weight:600;}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .conts-box .conts {font-size:clamp(14px, 1.5cqw, 20px);}
.about .sec-2 .about-wrap .about-conts-wrap .about-conts-box:nth-child(odd) .conts-wrap .conts-box {text-align:right;}

@media screen and (max-width: 900px) {
    .about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 768px) {
    .about .sec-2 .about-wrap {display:flex; flex-direction:column; gap:var(--gap-60);}
    .about .sec-2 .about-wrap .lf-box {text-align:center; width:100%;}
    .about .sec-2 .about-wrap .rt-box {width:100%; margin-top:0;}    
}

@media screen and (max-width: 480px) {
    .about .sec-2 .about-wrap .about-conts-wrap .about-conts-box,
    .about .sec-2 .about-wrap .about-conts-wrap .about-conts-box:nth-child(odd) {justify-content:center;}
    .about .sec-2 .about-wrap .about-conts-wrap .about-conts-box .conts-wrap .conts-box,
    .about .sec-2 .about-wrap .about-conts-wrap .about-conts-box:nth-child(odd) .conts-wrap .conts-box {text-align:center;}
}

.about .sec-2 .obj-wrap {width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:1;}
.about .sec-2 .obj-wrap .obj {position:absolute; aspect-ratio:1; border-radius:50%; background:var(--white);}
.about .sec-2 .obj-wrap .obj-1 {width:clamp(180px, 34cqw, 534px); left:0; top:0; transform:translate(-25%,-25%); opacity:0.18;}
.about .sec-2 .obj-wrap .obj-2 {width:clamp(100px, 23cqw, 340px); right:0; top:0; transform:translate(24%, 42%); opacity:0.18;}
.about .sec-2 .obj-wrap .obj-3 {width:clamp(70px, 7cqw, 150px); left:0; top:0; transform:translate(360%, 370%); opacity:0.15;}
.about .sec-2 .obj-wrap .obj-4 {width:clamp(20px, 2.8cqw, 48px); left:34%; top:16%; opacity:0.1;}
.about .sec-2 .obj-wrap .obj-5 {width:clamp(240px, 31cqw, 677px); left:42%; top:28%; opacity:0.1;}
.about .sec-2 .obj-wrap .obj-6 {width:clamp(150px, 30cqw, 444px); left:0; top:0; transform:translate(45%, 380%); opacity:0.15;}
.about .sec-2 .obj-wrap .obj-7 {width:clamp(90px, 20cqw, 280px); right:0; bottom:0; transform:translate(-80%, -140%); opacity:0.15;}
.about .sec-2 .obj-wrap .obj-8 {width:clamp(40px, 5cqw, 85px); right:0; bottom:0; transform:translate(-500%, -250%); opacity:0.15;}

@media screen and (max-width: 1024px) {
    .about .sec-2 .obj-wrap .obj-3 {transform:translate(180%, 570%);}
}

@media screen and (max-width: 768px) {
    .about .sec-2 .obj-wrap .obj-2 {transform:translate(24%, 108%);}
}

@media screen and (max-width: 480px) {
    .about .sec-2 .obj-wrap .obj-2 {transform:translate(24%, 175%);}
    .about .sec-2 .obj-wrap .obj-5 {left:50%; top:38%; transform:translate(-50%, 0);}
}


.about .sec-3 {padding:calc(var(--gap-50) * 4) 0; background:var(--beige); --value-gap:80px; --value-col:3;}
.about .sec-3 .value-wrap {width:100%; position:relative;}
.about .sec-3 .value-wrap .value-conts-wrap {width:90%; max-width:1390px; margin:0 auto; display:flex; align-items:stretch; justify-content:space-between; gap:var(--value-gap); position:relative; z-index:10;}
.about .sec-3 .value-wrap .value-conts-wrap .value-box {width:calc((100% - (var(--value-gap) * (var(--value-col) - 1))) / 3); background:var(--white); border-radius:var(--gap-10); padding:60px 40px;}
.about .sec-3 .value-wrap .value-conts-wrap .value-box .inner {width:100%; display:flex; flex-direction:column; gap:var(--gap-24); align-items:center;}
.about .sec-3 .value-wrap .value-conts-wrap .value-box .icon {width:45%; max-width:142px; aspect-ratio:1; position:relative; overflow:hidden;}
.about .sec-3 .value-wrap .value-conts-wrap .value-box .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-24); text-align:center;}
.about .sec-3 .value-wrap .value-conts-wrap .value-box .conts-box .head {font-weight:700; font-size:var(--font-size-24);}
.about .sec-3 .value-wrap .value-conts-wrap .value-box .conts-box .conts {font-size:var(--font-size-18);}

@media screen and (max-width: 1280px) {
    .about .sec-3 {--value-gap:40px;}
}

@media screen and (max-width: 1024px) {
    .about .sec-3 {--value-gap:20px;}
    .about .sec-3 .value-wrap .value-conts-wrap .value-box {padding:50px 20px;}
}

@media screen and (max-width: 768px) {
    .about .sec-3 .value-wrap .value-conts-wrap {flex-direction:column; align-items:center;}
    .about .sec-3 .value-wrap .value-conts-wrap .value-box {width:90%; max-width:400px; padding:60px 40px;}
}

.about .sec-3 .value-wrap .txt-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:clamp(80px, 14cqw, 220px); font-family:var(--DM); font-style:italic; color:var(--font-gray); line-height:1; position:absolute; left:0; top:0;}
.about .sec-3 .value-wrap .txt-wrap .txt-box {width:max-content; white-space:nowrap;}



.about .sec-4 {padding:calc(var(--gap-60) * 2) 0; background:url(/img/conts/about_program_bg.png) no-repeat center / cover;}
.about .sec-4 .sec-wrap {width:90%; margin:0 auto;}
.about .sec-4 .banner-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-50); align-items:center; justify-content:center;}
.about .sec-4 .banner-wrap .conts-box {width:100%; display:flex; flex-direction:column;}
.about .sec-4 .banner-wrap .conts-box .row {width:100%; text-align:center; font-size:var(--font-size-40); font-weight:600; line-height:1.4; overflow:clip; display:flex; align-items:center; justify-content:center;}







/*space*/
.space .space-wrap {width:100%; display:flex; align-items:center; flex-direction:column; gap:var(--gap-80);}
.space .space-wrap .title-wrap {width:90%; margin:0 auto;}
.space .space-wrap .title-wrap .title-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16); align-items:center; text-align:center;}
.space .space-wrap .title-wrap .title-box .head {width:100%; font-size:var(--font-size-40); font-weight:600;}
.space .space-wrap .title-wrap .title-box .conts {width:100%; font-size:var(--font-size-20);}

.space .space-wrap .space-conts-box {--slide-w:1046px; --slide-arrow-w:60px; width:100%; max-width:1920px; margin:0 auto;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box {width:100%; position:relative; overflow:hidden; border-radius:var(--gap-10);}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .img-box {width:100%; position:relative; z-index:10;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .img-box span {width:100%; display:block; width:100%; aspect-ratio:1046/588; position:relative;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts {width:100%; height:100%; position:absolute; left:0; top:0; z-index:11; display:flex; align-items:flex-end; padding:30px;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts:after {content:''; width:100%; height:60%; 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; z-index:1; position:absolute; left:0; bottom:0;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts .conts-box {width:100%; display:flex; flex-direction:column; gap:5px; color:var(--white); position:relative; z-index:2;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts .conts-box .head {width:100%; font-size:var(--font-size-24); font-weight:700;}
.space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts .conts-box .conts {width:100%; font-size:var(--font-size-20);}

.space .space-wrap .space-conts-box .slide-wrap .slick-list {overflow:visible;}
.space .space-wrap .space-conts-box .slide-wrap .slick-list .slick-slide {width:var(--slide-w); line-height:0;}
.space .space-wrap .space-conts-box .slide-wrap .slick-list .slick-slide .space-box {transform:scale(0.75); transform-origin:center; filter:grayscale(100); transition:transform 0.5s ease-in-out;}
.space .space-wrap .space-conts-box .slide-wrap .slick-list .slick-slide .space-box .space-conts {visibility:hidden; line-height:1.5;}
.space .space-wrap .space-conts-box .slide-wrap .slick-list .slick-slide.slick-active .space-box {transform:scale(1); filter:grayscale(0);}
.space .space-wrap .space-conts-box .slide-wrap .slick-list .slick-slide.slick-active .space-box .space-conts {visibility:visible;}
.space .space-wrap .space-conts-box .slide-wrap .slick-arrow {width:var(--slide-arrow-w); aspect-ratio:1; border-radius:50%; background:var(--white); font-size:0; cursor:pointer; position:absolute; left:50%; top:50%; transform:translateY(-50%); z-index:100;}
.space .space-wrap .space-conts-box .slide-wrap .slick-arrow:after {content:''; width:100%; height:100%; background:url(/img/conts/arrow.svg) no-repeat center / 60% auto; position:absolute; left:0; top:0;}
.space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-prev:after {transform:scaleX(-1);}
.space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-prev {margin-left:calc(((var(--slide-w) / 2) + var(--slide-arrow-w) + (var(--slide-arrow-w) / 2)) * -1);}
.space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-next {margin-left:calc((var(--slide-w) / 2) + (var(--slide-arrow-w) / 2));}

@media screen and (max-width: 1280px) {
    .space .space-wrap .space-conts-box {--slide-w:800px; --slide-arrow-w:45px;}
}

@media screen and (max-width: 1024px) {
    .space .space-wrap .space-conts-box {width:calc(100% - ((var(--slide-arrow-w) + (var(--gap-16) * 2)) * 2));}
    .space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts {padding:20px;}
    
    .space .space-wrap .space-conts-box .slide-wrap {width:100%;}
    .space .space-wrap .space-conts-box .slide-wrap .slick-list {overflow:hidden;}
    .space .space-wrap .space-conts-box .slide-wrap .slick-list .slick-slide {width:auto;}
    .space .space-wrap .space-conts-box .slide-wrap .slick-arrow {left:auto;}
    .space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-prev {margin-left:0; left:calc((var(--slide-arrow-w) + var(--gap-16)) * -1);}
    .space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-next {margin-left:0; right:calc((var(--slide-arrow-w) + var(--gap-16)) * -1);}
}

@media screen and (max-width: 648px) {
    .space .space-wrap .space-conts-box {--slide-arrow-w:36px; width:calc(100% - ((var(--slide-arrow-w) / 2) * 2) - (var(--gap-10) * 2));}
    .space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .img-box span {aspect-ratio:1046/720;}

    .space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-prev {left:calc((var(--slide-arrow-w) / 2) * -1);}
    .space .space-wrap .space-conts-box .slide-wrap .slick-arrow.slick-next {right:calc((var(--slide-arrow-w) / 2) * -1);}
}

@media screen and (max-width: 480px) {
    .space .space-wrap .space-conts-box {--slide-arrow-w:30px;}
    .space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .space-conts {padding:15px;}
    .space .space-wrap .space-conts-box .slide-wrap .slide-box .space-box .img-box span {aspect-ratio:1046/800;}
}






/*director*/
.director .director-wrap {--profile-gap:80px; width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column;}
.director .director-wrap .director-box {width:100%; padding:calc(var(--gap-50) * 2) 0; border-top:1px solid var(--gray-e4); display:flex; align-items:flex-start; gap:var(--gap-16);}
.director .director-wrap .director-box:first-child {padding-top:0; border-top:none;}
.director .director-wrap .director-box:last-child {padding-bottom:0;}
.director .director-wrap .director-box .title {width:20%; font-family:var(--Fustat); font-size:var(--font-size-24); font-weight:700;}
.director .director-wrap .director-box .director-profile {width:calc(80% - var(--gap-16)); display:flex; align-items:stretch; gap:var(--profile-gap);}
.director .director-wrap .director-box .director-profile .profile-photo {width:40%;}
.director .director-wrap .director-box .director-profile .profile-photo span {display:block; width:100%; aspect-ratio:521/695; position:relative; border-radius:var(--gap-10); overflow:hidden;}
.director .director-wrap .director-box .director-profile .profile-box {width:calc(60% - var(--profile-gap));}
.director .director-wrap .director-box .director-profile .profile-box .box-wrap {width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; gap:var(--gap-24);}
.director .director-wrap .director-box .director-profile .profile-box .head {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.director .director-wrap .director-box .director-profile .profile-box .head .name-box {width:100%; font-size:var(--font-size-30); font-weight:600;}
.director .director-wrap .director-box .director-profile .profile-box .head .intro-box {width:100%; font-size:var(--font-size-18); font-weight:500; color:var(--gray-6);}
.director .director-wrap .director-box .director-profile .profile-box .head .intro-box .conts {width:fit-content; max-width:100%; position:relative;}
.director .director-wrap .director-box .director-profile .profile-box .head .intro-box .conts:before,
.director .director-wrap .director-box .director-profile .profile-box .head .intro-box .conts:after {font-size:clamp(24px, 2.6cqw, 50px); font-weight:600; color:rgba(239,192,37,0.5); position:absolute; top:0;}
.director .director-wrap .director-box .director-profile .profile-box .head .intro-box .conts:before {content:'“'; left:0; transform:translateX(-120%) translateY(-18%);}
.director .director-wrap .director-box .director-profile .profile-box .head .intro-box .conts:after {content:'”'; right:0; transform:translateX(120%) translateY(-18%);}
.director .director-wrap .director-box .director-profile .profile-box .profile-detail {width:100%;}
.director .director-wrap .director-box .director-profile .profile-box .profile-detail ul {display:flex; flex-direction:column; gap:var(--gap-8);}
.director .director-wrap .director-box .director-profile .profile-box .profile-detail ul li {width:100%; font-size:var(--font-size-18); padding-left:calc((var(--font-size-18) - (var(--font-size-18) / 2))); text-indent:calc((var(--font-size-18) - (var(--font-size-18) / 2)) * -1);}
.director .director-wrap .director-box .director-profile .profile-box .profile-detail ul li:before {content:'· ';}
.director .director-wrap .director-box .director-profile .profile-box .contact-wrap {width:fit-content; max-width:100%; padding:12px 20px; display:flex; align-items:center; gap:5px var(--gap-32); background:rgba(239,217,37,0.21); border-radius:100px; flex-wrap:wrap;}
.director .director-wrap .director-box .director-profile .profile-box .contact-wrap .contact-box {display:flex; align-items:center; gap:var(--gap-10);}
.director .director-wrap .director-box .director-profile .profile-box .contact-wrap .contact-box .icon {width:var(--font-size-24); aspect-ratio:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.director .director-wrap .director-box .director-profile .profile-box .contact-wrap .contact-box .icon.phone {background-image:url(/img/conts/profile_icon_phone.svg);}
.director .director-wrap .director-box .director-profile .profile-box .contact-wrap .contact-box .icon.sns {background-image:url(/img/conts/profile_icon_link.svg);}
.director .director-wrap .director-box .director-profile .profile-box .contact-wrap .contact-box .conts {font-size:var(--font-size-18);}

@media screen and (max-width: 1280px) {
    .director .director-wrap {--profile-gap:50px;}
}

@media screen and (max-width: 768px) {
    .director .director-wrap .director-box {flex-direction:column;}
    .director .director-wrap .director-box .title {width:100%;}
    .director .director-wrap .director-box .director-profile {width:100%;}
}

@media screen and (max-width: 648px) {
    .director .director-wrap {--profile-gap:30px;}
    .director .director-wrap .director-box {padding:calc(var(--gap-50) * 2) var(--gap-24);}
    .director .director-wrap .director-box .director-profile {flex-direction:column;}
    .director .director-wrap .director-box .director-profile .profile-photo {width:100%;}
    .director .director-wrap .director-box .director-profile .profile-box {width:100%;}
}






/*location*/
.location .location-wrap {--location-gap:90px; --location-icon-size:36px; width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column;}
.location .location-wrap article {width:100%; padding:calc(var(--gap-50) * 2) 0; border-top:1px solid var(--gray-e4);}
.location .location-wrap article:first-child {padding-top:0; border-top:none;}
.location .location-wrap article:last-child {padding-bottom:0;}
.location .location-wrap article > div {padding:0 var(--gap-32);}

.location .location-wrap .location-guide .guide-wrap {width:100%; display:flex; align-items:stretch; flex-direction:row-reverse; gap:var(--location-gap);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap {width:calc(46% - var(--location-gap)); padding:var(--gap-40) 0;}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .inner {width:100%; height:100%; display:flex; flex-direction:column; gap:var(--gap-24); justify-content:space-between;}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .head {font-size:var(--font-size-40); font-weight:600;}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box {width:100%;}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li {width:100%; display:flex; align-items:flex-start; gap:var(--gap-16);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .icon {width:var(--location-icon-size); aspect-ratio:1; background-size:cover; background-repeat:no-repeat; background-position:center; font-size:0;}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .icon.address {background-image:url(/img/conts/location_icon_building.svg);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .icon.contact {background-image:url(/img/conts/location_icon_phone.svg);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .icon.email {background-image:url(/img/conts/location_icon_email.svg);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .conts {width:calc(100% - var(--location-icon-size) - var(--gap-16)); display:flex; flex-direction:column; gap:5px;}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .conts .tlt {width:100%; font-family:var(--Fustat); font-weight:500; font-size:var(--font-size-20); color:var(--gray-1);}
.location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .conts .txt {width:100%; font-size:var(--font-size-18); color:var(--gray-3);}
.location .location-wrap .location-guide .guide-wrap .map {width:54%;}
.location .location-wrap .location-guide .guide-wrap .map span {display:block; width:100%; aspect-ratio:888/591; position:relative; border-radius:var(--gap-10); overflow:hidden;}
.location .location-wrap .location-guide .guide-wrap .map span iframe {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1280px) {
    .location .location-wrap {--location-gap:50px; --location-icon-size:30px;}
}

@media screen and (max-width: 1024px) {
    .location .location-wrap article > div {padding:0;}
}

@media screen and (max-width: 900px) {
    .location .location-wrap {--location-icon-size:26px;}
    .location .location-wrap .location-guide .guide-wrap {flex-direction:column; padding:0;}
    .location .location-wrap .location-guide .guide-wrap .conts-wrap {width:100%; padding:0;}
    .location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul {gap:var(--gap-24);}
    .location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li {align-items:center;}
    .location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .conts {flex-direction:row; align-items:center;}
    .location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .conts .tlt {width:80px;}
    .location .location-wrap .location-guide .guide-wrap .map {width:100%;}
}

@media screen and (max-width: 480px) {
    .location .location-wrap {--location-gap:30px; --location-icon-size:20px;}
    .location .location-wrap .location-guide .guide-wrap .conts-wrap .conts-box ul li .conts .tlt {width:70px;}
}


.location .location-wrap .access .access-wrap {display:flex; flex-direction:column; gap:var(--gap-60);}
.location .location-wrap .access .access-wrap .title-wrap {width:100%;}
.location .location-wrap .access .access-wrap .title-wrap .title {font-size:var(--font-size-28); font-weight:600; color:var(--black);}
.location .location-wrap .access .access-wrap .access-conts-wrap {width:100%; display:flex; align-items:flex-start; gap:var(--location-gap);}
.location .location-wrap .access .access-wrap .access-conts-wrap .lf-box {width:54%;}
.location .location-wrap .access .access-wrap .access-conts-wrap .rt-box {width:calc(46% - var(--location-gap));}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box {display:flex; flex-direction:column; gap:var(--gap-40);}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box {width:100%; display:flex; gap:var(--gap-16); align-items:flex-start;}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .icon {width:var(--location-icon-size); aspect-ratio:1; background-size:cover; background-repeat:no-repeat; background-position:center;}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .icon.subway {background-image:url(/img/conts/location_icon_subway.svg);}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .icon.bus {background-image:url(/img/conts/location_icon_bus.svg);}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .icon.park {background-image:url(/img/conts/location_icon_park.svg);}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .conts-box {width:calc(100% - var(--location-icon-size) - var(--gap-16)); display:flex; flex-direction:column; gap:var(--gap-10);}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .conts-box .head {width:100%; font-size:var(--font-size-20); color:var(--gray-1); font-weight:500;}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .conts-box .conts {font-size:var(--font-size-18); color:var(--gray-3);}
.location .location-wrap .access .access-wrap .access-conts-wrap .access-conts-box .access-box .conts-box .conts span {display:block;}

@media screen and (max-width: 900px) {
    .location .location-wrap .access .access-wrap .access-conts-wrap {gap:var(--gap-40);}
    .location .location-wrap .access .access-wrap .access-conts-wrap .lf-box,
    .location .location-wrap .access .access-wrap .access-conts-wrap .rt-box {width:calc((100% - var(--gap-40)) / 2);}
}

@media screen and (max-width: 648px) {
    .location .location-wrap .access .access-wrap .access-conts-wrap {flex-direction:column;}
    .location .location-wrap .access .access-wrap .access-conts-wrap .lf-box,
    .location .location-wrap .access .access-wrap .access-conts-wrap .rt-box {width:100%;}
}


.location .contact-banner {width:100%; padding:calc(var(--gap-60) * 3) 0; background:url(/img/conts/location_contact_bg.jpg) no-repeat center / cover; display:flex; align-items:center; justify-content:center;}
.location .contact-banner .banner-wrap {width:90%; display:flex; flex-direction:column; align-items:center; gap:var(--gap-50);} 
.location .contact-banner .banner-wrap .conts-box {width:100%; font-size:var(--font-size-40); font-weight:600; color:#000;}
.location .contact-banner .banner-wrap .conts-box .row {width:100%; overflow:clip; display:flex; align-items:center; justify-content:center; text-align:center; flex-wrap:wrap;}





/* list */
.contents .board-wrap {width:90%; max-width:1680px; margin:0 auto;}
.contents .board-wrap .list-wrap {width:100%;}

.contents .list-wrap .list-top {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-16); margin-bottom:var(--gap-32);}
.contents .list-wrap .list-top .list-category .category-wrap {width:max-content; display:flex; align-items:center; gap:var(--gap-16);}
.contents .list-wrap .list-top .list-category .category-wrap li a {width:fit-content; height:47px; display:flex; align-items:center; justify-content:center; padding:0 20px; border-radius:100px; font-size:var(--font-size-18); color:var(--gray-6);}
.contents .list-wrap .list-top .list-category .category-wrap li a.on {background:var(--white); color:var(--black); font-weight:500;}

.contents .list-wrap .list-top .list-filter .filter-box {display:flex; align-items:center; gap:var(--gap-16);}
.contents .list-wrap .list-top .list-filter .filter-box p {font-size:var(--font-size-18);}
.contents .list-wrap .list-top .list-filter .filter-box .filter-button {width:50px; height:28px; border-radius:100px; background:#DDDDDD; position:relative;}
.contents .list-wrap .list-top .list-filter .filter-box .filter-button:after {content:''; width:20px; aspect-ratio:1; border-radius:50%; background:#B2B2B2; position:absolute; left:4px; top:50%; transform:translate(0, -50%); transition:transform 0.2s linear;}
.contents .list-wrap .list-top .list-filter .filter-box .filter-button.active {background:var(--black);}
.contents .list-wrap .list-top .list-filter .filter-box .filter-button.active:after {background:var(--sub-color-y); transform:translate(100%, -50%);}

.contents .list-wrap .list-top .list-filter .btn-more {font-size:var(--font-size-18); color:#0D0D0D;}

.contents .list-wrap .list-top .total-conts {font-size:var(--font-size-20); font-weight:500; color:var(--gray-1);}
.contents .list-wrap .list-top .total-conts span {color:var(--sub-color-y);}

@media screen and (max-width: 1024px) {
    .contents .list-wrap .list-top {flex-direction:column; align-items:flex-start;}
    .contents .list-wrap .list-top .list-category {width:100%;}
    .contents .list-wrap .list-top .list-category .scroll-wrap {width:100%; overflow-y:auto;}
    .contents .list-wrap .list-top .list-category .category-wrap li a {height:42px;}

    .contents .list-wrap .list-top .list-filter {width:100%; display:flex; justify-content:flex-end;}
    .contents .list-wrap .list-top .list-filter .filter-box .filter-button {width:46px; height:26px;}
    .contents .list-wrap .list-top .list-filter .filter-box .filter-button:after {width:18px;}
}

@media screen and (max-width: 480px) {
    .contents .list-wrap .list-top .list-category .category-wrap li a {padding:0 15px; height:40px;}
}


.contents .list-wrap .list-tb-wrap {width:100%; padding-top:var(--gap-60); border-top:1px solid var(--gray-e4);}
.contents .list-wrap .list-tb-wrap.type-B {padding-top:0;}
.contents .list-wrap .list-tb-wrap.type-C {padding-top:0; border-top:none;}

.contents .list-wrap .thumb-tb {--tb-gap-v:80px; --tb-gap-h:90px; --tb-col:4; width:100%; display:grid; grid-template-columns:repeat(var(--tb-col), 1fr); gap:var(--tb-gap-v) var(--tb-gap-h);}
.contents .list-wrap .thumb-tb .col a {width:100%; display:block;}
.contents .list-wrap .thumb-tb .col .list-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .list-wrap .thumb-tb .col .list-conts .thumbnail {width:100%; border-radius:var(--gap-10); overflow:hidden; position:relative;}
.contents .list-wrap .thumb-tb .col .list-conts .thumbnail span {display:block; width:100%; aspect-ratio:350/470; overflow:hidden; position:relative; transition:transform 1s ease;}
.contents .list-wrap .thumb-tb .col .list-conts .thumbnail span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; z-index:10;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .category {width:100%;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .category span {display:flex; align-items:center; justify-content:center; height:30px; border-radius:5px; padding:0 10px; background:rgba(239,217,37,0.3); font-size:var(--font-size-15); width:fit-content; max-width:100%;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .subject {width:100%; font-size:var(--font-size-20); font-weight:600; color:var(--gray-1); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail {width:100%;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-8);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts li {width:100%; display:flex; align-items:flex-start; gap:var(--gap-8);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts li .icon {width:var(--font-size-24); aspect-ratio:1; background-size:cover; background-repeat:no-repeat; background-position:center; font-size:0;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts li .icon.time {background-image:url(/img/conts/program_icon_clock.svg);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts li .icon.price {background-image:url(/img/conts/program_icon_label.svg);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts li .icon.capacity {background-image:url(/img/conts/program_icon_people.svg);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .detail .detail-conts li .conts {width:calc(100% - var(--font-size-24) - var(--gap-8)); min-height:var(--font-size-24); display:flex; align-items:center; font-size:var(--font-size-18); color:var(--black);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .state {width:100%;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .state span {width:fit-content; height:30px; display:flex; align-items:center; justify-content:center; padding:0 10px; border-radius:5px; font-size:var(--font-size-15); border:1px solid #A4A4A4;}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .state span.close {background:var(--gray-d); border-color:var(--gray-d);}
.contents .list-wrap .thumb-tb .col .list-conts .conts-box .tag {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:3px var(--gap-10); font-size:var(--font-size-15); font-weight:500; color:var(--gray-6);}

.contents .list-wrap .thumb-tb .col .list-conts.closed .thumbnail span:after {content:''; width:100%; height:100%; background:rgba(244,243,239,0.6); position:absolute; left:0; top:0; z-index:11;}
.contents .list-wrap .thumb-tb .col:hover .list-conts .thumbnail span {transform:scale(1.03);}

@media screen and (max-width: 1440px) {
    .contents .list-wrap .thumb-tb {--tb-gap-h:40px;}
}

@media screen and (max-width: 1024px) {
    .contents .list-wrap .thumb-tb {--tb-col:3;}    
}

@media screen and (max-width: 768px) {
    .contents .list-wrap .thumb-tb {--tb-gap-v:60px; --tb-gap-h:25px;}
}

@media screen and (max-width: 648px) {
    .contents .list-wrap .thumb-tb {--tb-gap-v:40px; --tb-gap-h:30px; --tb-col:2;}
}

@media screen and (max-width: 480px) {
    .contents .list-wrap .thumb-tb {max-width:350px; margin:0 auto;}
    .contents .list-wrap .thumb-tb {--tb-gap-h:20px; --tb-col:1;}
}




.contents .view-wrap {--post-gap:60px; --post-info-gap:30px; --post-info-head:100px; --post-info-h:27px; width:100%; max-width:1320px; margin:0 auto; margin-top:calc(var(--gap-50) * 3); display:flex; align-items:flex-start; gap:var(--post-gap);}
.contents .view-wrap[data-type="typeB"] {--post-info-head:95px;}

@media screen and (max-width: 1024px) {
    .contents .view-wrap {--post-gap:40px; --post-info-gap:20px; --post-info-head:90px;}
    .contents .view-wrap[data-type="typeB"] {--post-info-head:70px;}
}

@media screen and (max-width: 480px) {
    .contents .view-wrap {--post-info-gap:15px; --post-info-head:75px;}
    .contents .view-wrap[data-type="typeB"] {--post-info-head:60px;}
}


.contents .view-wrap .post-wrap {width:calc(68% - var(--post-gap));}
.contents .view-wrap .post-wrap .post-tb {width:100%; }
.contents .view-wrap .post-wrap .post-tb .row {width:100%; border-bottom:1px solid var(--gray-e4);}
.contents .view-wrap .post-wrap .post-tb .row:last-child {border-bottom:none;}
.contents .view-wrap .post-wrap .post-tb .post-head {width:100%; display:flex; flex-direction:column; padding-bottom:var(--gap-40); gap:var(--gap-20);}
.contents .view-wrap .post-wrap .post-tb .post-head > * {width:100%;}
.contents .view-wrap .post-wrap .post-tb .post-head .category span {width:fit-content; max-width:100%; height:35px; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-10); font-size:var(--font-size-18); background:rgba(239,217,37,0.3); border-radius:5px;}
.contents .view-wrap .post-wrap .post-tb .post-head .title-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .view-wrap .post-wrap .post-tb .post-head .title-box .category {width:100%; font-size:var(--font-size-24); font-weight:500;}
.contents .view-wrap .post-wrap .post-tb .post-head .title-box .title {font-size:var(--font-size-40); line-height:1.3; font-weight:600; color:var(--gray-1);}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li {width:100%; display:flex; align-items:flex-start; gap:var(--post-info-gap);}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li > * {min-height:var(--post-info-h); display:flex; align-items:center; position:relative;}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li .head {width:var(--post-info-head);}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li .head:before {content:'·';}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li .head .head-title-inner {width:100%; display:flex; flex-direction:column;}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li .head .inner {width:100%; display:flex; align-items:center; justify-content:space-between; padding-left:var(--gap-8);}
.contents .view-wrap .post-wrap .post-tb .post-head .info ul li .conts {width:calc(100% - var(--post-info-head) - var(--post-info-gap));}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info {width:100%; display:flex; align-items:center; gap:var(--gap-20); justify-content:space-between;}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box {display:flex; align-items:center; gap:50px;}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box li {display:flex; align-items:center; gap:var(--gap-10); font-size:var(--font-size-18); color:var(--gray-6);}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box li .icon {display:block; width:var(--font-size-24); aspect-ratio:1; background-size:cover; background-position:center; background-repeat:no-repeat; font-size:0;}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box li .icon.writer {background-image:url(/img/conts/icon_people.svg);}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box li .icon.date {background-image:url(/img/conts/icon_calendar.svg);}
.contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box li .icon.view {background-image:url(/img/conts/icon_view.svg);}
.contents .view-wrap .post-wrap .post-tb .post-conts {width:100%; padding-top:var(--gap-60); font-size:var(--font-size-18); color:var(--gray-1); line-height:1.6;}
.contents .view-wrap .post-wrap .post-tb .post-conts .img {width:fit-content; border-radius:var(--gap-10); overflow:hidden;}
.contents .view-wrap .post-wrap .post-tb .post-conts .img img {max-width:100%; display:block;}
.contents .view-wrap .post-wrap .com-button-wrap {margin-top:calc(var(--gap-50) * 3);}

.contents .view-wrap > :only-child {width:100%;}
.contents .view-wrap > :only-child .post-tb {width:100%; max-width:920px; margin:0 auto;}
.contents .view-wrap > :only-child > * {width:100%; max-width:920px; margin-left:auto; margin-right:auto;}

@media screen and (max-width: 900px) {
    .contents .view-wrap .post-wrap {width:100%;}
}

@media screen and (max-width: 768px) {
    .contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box {gap:30px;}
}

@media screen and (max-width: 480px) {
    .contents .view-wrap .post-wrap .post-tb .post-head .post-info .info-box {gap:15px;}
}



.contents .view-wrap .post-wrap .post-comment {width:100%; max-width:920px; margin:0 auto; margin-top:var(--gap-80); --comment-input-h:240px; --reply-input-h:180px;}
.contents .view-wrap .post-wrap .post-comment .comment-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}
.contents .view-wrap .post-wrap .post-comment .comment-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .view-wrap .post-wrap .post-comment .comment-box .head {width:100%; font-size:var(--font-size-20); font-weight:500; color:var(--gray-1);}
.contents .view-wrap .post-wrap .post-comment .comment-box .head span {color:var(--sub-color-y);}
.contents .view-wrap .post-wrap .post-comment .comment-input {width:100%; height:var(--comment-input-h); border-radius:var(--gap-16); border:1px solid #D1CFC9; padding:var(--gap-20); display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .view-wrap .post-wrap .post-comment .comment-input .input-box {width:100%; height:calc(100% - 33px - var(--gap-20));}
.contents .view-wrap .post-wrap .post-comment .comment-input .input-box textarea {width:100%; height:100%; border:none; background:transparent; font-size:var(--font-size-18); color:var(--gray-6); resize:none;}
.contents .view-wrap .post-wrap .post-comment .comment-input .input-box textarea::placeholder {color:var(--gray-9);}
.contents .view-wrap .post-wrap .post-comment .comment-input .button-box {width:100%; display:flex; align-items:center; gap:var(--gap-10); justify-content:flex-end;}
.contents .view-wrap .post-wrap .post-comment .comment-input .button-box button {width:fit-content; height:33px; padding:0 var(--gap-16); font-size:var(--font-size-15); font-weight:500; display:flex; align-items:center; justify-content:center; border-radius:5px;}
.contents .view-wrap .post-wrap .post-comment .comment-input .button-box .btn-comment-cancel {background:transparent; color:var(--gray-9);}
.contents .view-wrap .post-wrap .post-comment .comment-input .button-box .btn-comment-save {background:var(--gray-d9); color:var(--white);}
.contents .view-wrap .post-wrap .post-comment .comment-input.reply-input {height:var(--reply-input-h);}

@media screen and (max-width: 480px) {
    .contents .view-wrap .post-wrap .post-comment {--comment-input-h:200px; --reply-input-h:150px;}
}


.contents .view-wrap .post-wrap .post-comment .comment-list {width:100%; --comment-profile-size:50px;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb {width:100%; display:flex; flex-direction:column;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col {width:100%; border-bottom:1px solid var(--gray-e4); padding:var(--gap-32) 0;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col:first-child {border-top:1px solid var(--gray-e4);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment {width:100%; padding:0 var(--gap-20); display:flex; align-items:flex-start; gap:var(--gap-20);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .profile {width:var(--comment-profile-size);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .profile span {display:block; width:100%; aspect-ratio:1; border-radius:50%; position:relative; overflow:hidden; background:#F9F9F7;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .profile span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts {/*width:calc(100% - var(--gap-20) - var(--comment-profile-size));*/ width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts > * {width:100%;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .writer {display:flex; align-items:center; gap:var(--gap-10); flex-wrap:wrap; font-size:var(--font-size-18); color:var(--gray-6);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .writer span {display:flex; align-items:center; font-size:clamp(10px,0.75cqw,14px); height:var(--font-size-24); padding:0 var(--gap-10); border-radius:100px; border:1px solid var(--sub-color-y); color:var(--sub-color-y);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .conts {font-size:var(--font-size-18); color:var(--gray-1);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .date {display:flex; align-items:center; gap:var(--gap-10);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .date p {font-size:var(--font-size-15); font-weight:500; color:var(--gray-9);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .date button {font-size:var(--font-size-15); font-weight:600; color:var(--gray-6); width:fit-content; border-bottom:1px solid var(--gray-6);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment .comment-conts .reply-input-box {display:none;}

.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col.active {background:rgba(2555,255,255,0.3);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col.active .comment .comment-conts .reply-input-box {display:block;}

.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .reply {width:100%; margin-top:var(--gap-32);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .reply .reply-tb {width:100%; display:flex; flex-direction:column;}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .reply .reply-tb .reply-tb-col {width:100%; padding:var(--gap-32) 0; border-top:1px solid var(--gray-e4); padding-left:var(--comment-profile-size);}
.contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .reply .reply-tb .reply-tb-col:last-child {padding-bottom:0;}

@media screen and (max-width: 768px) {
    .contents .view-wrap .post-wrap .post-comment .comment-list {--comment-profile-size:42px;}
}

@media screen and (max-width: 480px) {
    .contents .view-wrap .post-wrap .post-comment .comment-list {--comment-profile-size:32px;}
    .contents .view-wrap .post-wrap .post-comment .comment-list .comment-list-tb .col .comment {gap:10px; padding:0 10px;}
}



.contents .view-wrap .post-wrap .recommend {width:100%; margin-top:var(--gap-80); border-top:5px solid var(--gray-e4); padding-top:var(--gap-80); --recommend-gap:25px; --recommend-size:4;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);}
.contents .view-wrap .post-wrap .recommend .recommend-wrap > * {width:100%;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .title {font-size:var(--font-size-24); font-weight:600; color:var(--gray-1);}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb {width:100%; display:flex; align-items:stretch; gap:var(--recommend-gap); flex-wrap:wrap;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list {width:calc((100% - (var(--recommend-gap) * (var(--recommend-size) - 1))) / var(--recommend-size));}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts .thumbnail {width:100%; border-radius:5px; overflow:hidden;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts .thumbnail span {display:block; width:100%; aspect-ratio:210/135; overflow:hidden; position:relative; transition:transform 0.8s ease-in-out;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts .thumbnail span img {display:block; width:100%; height:100%p; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts .conts-box .head {width:100%; font-size:var(--font-size-18); font-weight:600; color:var(--gray-1); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list .list-conts .conts-box .date {width:100%; font-size:clamp(10px,1.5cqw,14px); color:var(--gray-6);}
.contents .view-wrap .post-wrap .recommend .recommend-wrap .conts-wrap .recommend-tb .list:hover .list-conts .thumbnail span {transform:scale(1.04);}

@media screen and (max-width: 1024px) {
    .contents .view-wrap .post-wrap .recommend {--recommend-gap:15px;}
}

@media screen and (max-width: 768px) {
    .contents .view-wrap .post-wrap .recommend {--recommend-gap:20px; --recommend-size:2;}
}

@media screen and (max-width: 480px) {
    .contents .view-wrap .post-wrap .recommend {--recommend-gap:15px;}
}




.contents .view-wrap .fix-wrap {width:32%; z-index:1000;}
.contents .view-wrap .fix-wrap .fix-container {width:100%;}
.contents .view-wrap .fix-wrap .fix-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);}
.contents .view-wrap .fix-wrap .fix-box .head {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .view-wrap .fix-wrap .fix-box .head > * {width:100%;}
.contents .view-wrap .fix-wrap .fix-box .head .state span {display:flex; align-items:center; justify-content:center; border:1px solid #A4A4A4; border-radius:5px; width:fit-content; height:30px; font-size:var(--font-size-15); padding:0 var(--gap-10); font-weight:500; color:var(--black);}
.contents .view-wrap .fix-wrap .fix-box .head .state.close span {background:var(--gray-d); border-color:var(--gray-d); color:var(--gray-6);}
.contents .view-wrap .fix-wrap .fix-box .head .conts .price {width:100%; font-size:var(--font-size-24); font-weight:700; color:var(--gray-1);}
.contents .view-wrap .fix-wrap .fix-box .head .conts .step {width:100%; font-size:var(--font-size-18); color:var(--gray-3);}
.contents .view-wrap .fix-wrap .fix-box .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts {width:100%; border-radius:var(--gap-10); background:rgba(239,217,37,0.2); padding:var(--gap-20); display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts > * {width:100%;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts .tlt {font-size:var(--font-size-18); font-weight:500; color:var(--gray-1);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts .conts .account-box {width:100%; display:flex; align-items:center; gap:var(--gap-16);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts .conts .account-box .account {font-size:var(--font-size-20); color:var(--gray-1);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts .conts .account-box .btn-account-copy {width:24px; aspect-ratio:1; font-size:0; cursor:pointer; background:url(/img/conts/icon_copy.svg) no-repeat center / cover;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .main-conts .conts .name-box {font-size:var(--font-size-15); color:var(--gray-6); margin-top:5px;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .notice-box ul {width:100%; display:flex; flex-direction:column; gap:5px;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .notice-box ul li {width:100%; min-height:24px; display:flex; align-items:center; font-size:var(--font-size-15); color:var(--gray-9); position:relative; padding-left:calc(var(--gap-8) + 24px);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .notice-box ul li:before {content:''; width:24px; aspect-ratio:1; background:url(/img/conts/icon_info.svg) no-repeat center / cover; position:absolute; left:0; top:0;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .store-box {width:100%; border-radius:var(--gap-10); background:#DAEFCE; padding:var(--gap-20); display:flex; flex-direction:column; gap:var(--gap-16);}
.contents .view-wrap .fix-wrap .fix-box .conts-box .store-box .tlt {width:100%; font-size:var(--font-size-18); font-weight:500;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .store-box .btn-store {width:100%; height:53px; border-radius:100px; background:var(--white); display:flex; align-items:center; justify-content:center; gap:5px;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .store-box .btn-store p {font-size:var(--font-size-15); font-weight:500; color:#386D1A;}
.contents .view-wrap .fix-wrap .fix-box .conts-box .store-box .btn-store .arrow {width:var(--font-size-20); aspect-ratio:1; display:block; background:url(/img/conts/arrow_green.svg) no-repeat center / cover;}

@media screen and (max-width: 1024px) {
    .contents .view-wrap .fix-wrap .fix-box .conts-box .store-box .btn-store {height:42px;}
}

.contents .view-wrap .fix-wrap .fix-box .com-button-wrap {width:100%;}
.contents .view-wrap .fix-wrap .fix-box .com-button-wrap .button {width:100%;}
.contents .view-wrap .fix-wrap .touch-bar {width:100%; height:30px; cursor:pointer; position:relative; border-bottom:1px solid var(--gray-e4); display:none;}
.contents .view-wrap .fix-wrap .touch-bar:before {content:''; width:24px; aspect-ratio:1; background:url(/img/com/arrow_down.svg) no-repeat center / 80% auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.contents .view-wrap .fix-button-wrap {width:100%; padding:var(--gap-24) var(--gap-40); position:fixed; left:0; bottom:0; z-index:1001; display:none; background:var(--beige);}
.contents .view-wrap .fix-button-wrap .button {width:100%;}

@media screen and (max-width: 900px) {
    .contents .view-wrap .fix-wrap {width:100%; position:fixed; left:0; bottom:0; background:var(--beige); border-radius:var(--gap-20) var(--gap-20) 0 0;}
    .contents .view-wrap .fix-wrap .fix-box {padding:var(--gap-24) var(--gap-40);}
    .contents .view-wrap .fix-wrap .touch-bar {display:block;}
    .contents .view-wrap .fix-button-wrap {display:block;}
}







/*archive*/
.archive .portfolio {--portfolio-box-pd:40px; width:100%; padding-bottom:calc(var(--gap-50) * 10); position:relative; z-index:10}
.archive .portfolio > .wrap {width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-20); position:relative;}
.archive .portfolio .title-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); position:relative; z-index:10;}
.archive .portfolio .title-wrap .head {width:100%; font-size:var(--font-size-40); font-weight:600; color:var(--gray-1); line-height:1.3;}
.archive .portfolio .title-wrap .conts {width:100%; font-size:var(--font-size-20); color:var(--gray-3);}
.archive .portfolio .portfolio-wrap {width:90%; margin-left:auto; margin-right:0; display:flex; align-items:flex-start; justify-content:flex-end; container-type:inline-size; position:relative; z-index:10;}
.archive .portfolio .portfolio-wrap .portfolio-box {width:fit-content;}
.archive .portfolio .portfolio-wrap .portfolio-box .layout-wrap {border:1px solid var(--gray-a4); padding:var(--portfolio-box-pd);}
.archive .portfolio .portfolio-wrap .portfolio-box .box-inner {width:100%; display:flex; flex-direction:column; gap:120px;}
.archive .portfolio .portfolio-wrap .portfolio-box .count-box {width:100%; font-size:clamp(30px,9.5cqw,100px); font-family:var(--Fustat); font-weight:700; color:var(--black); letter-spacing:-1.5px; display:flex; align-items:center; line-height:1;}
.archive .portfolio .portfolio-wrap .portfolio-box .tlt {font-size:var(--font-size-20); color:var(--gray-1);}
.archive .portfolio .portfolio-wrap .portfolio-box:nth-child(1) {min-width:27%; transform:translate(2px, 30%);}
.archive .portfolio .portfolio-wrap .portfolio-box:nth-child(2) {min-width:34%; transform:translate(1px, 85%);}
.archive .portfolio .portfolio-wrap .portfolio-box:nth-child(3) {min-width:27%;}
.archive .portfolio .portfolio-wrap .portfolio-box:nth-child(3) .count-box {align-items:flex-end; gap:5px;}
.archive .portfolio .portfolio-wrap .portfolio-box:nth-child(3) .count-box span:last-child {font-size:clamp(18px,4.1cqw,58px); transform:translateY(-20%);}

@media screen and (max-width: 1280px) {
    .archive .portfolio .portfolio-wrap .portfolio-box .box-inner {gap:80px;}
}

@media screen and (max-width: 1024px) {
    .archive .portfolio {--portfolio-box-pd:25px;}
}

@media screen and (max-width: 768px) {
    .archive .portfolio {--portfolio-box-pd:30px;}
    .archive .portfolio > .wrap {gap:var(--gap-50);}
    .archive .portfolio .title-wrap {text-align:center;}
    .archive .portfolio .portfolio-wrap {width:100%;}
    .archive .portfolio .portfolio-wrap .portfolio-box .layout-wrap {padding:var(--portfolio-box-pd) calc(var(--portfolio-box-pd) / 2);}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(1) {min-width:30%;}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(2) {min-width:40%;}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(3) {min-width:30%;}
}

@media screen and (max-width: 648px) {
    .archive .portfolio {padding-bottom:calc(var(--gap-50) * 3);}
    .archive .portfolio .portfolio-wrap {flex-direction:column;}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(1) {min-width:45%; transform:translate(0,0);}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(2) {min-width:55%; transform:translate(-1px,-30%); margin-left:auto; margin-right:0;}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(3) {min-width:45%; transform:translate(0, calc(-30% - 1px)); margin:0 auto;}
}

@media screen and (max-width: 480px) {
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(1) {min-width:55%;}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(2) {min-width:70%; transform:translate(0,-1px);}
    .archive .portfolio .portfolio-wrap .portfolio-box:nth-child(3) {min-width:65%; transform:translate(-10%,-2px);}
}


.archive .portfolio .obj-wrap {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.archive .portfolio .obj-wrap .obj {aspect-ratio:1; border-radius:50%; background:rgba(239,192,37,0.05); position:absolute;}
.archive .portfolio .obj-wrap .obj-1 {width:clamp(150px, 25cqw, 543px); left:0; top:0; transform:translate(-40%, -15%);}
.archive .portfolio .obj-wrap .obj-2 {width:clamp(40px, 7cqw, 152px); left:0; top:0; transform:translate(100%, 350%);}
.archive .portfolio .obj-wrap .obj-3 {width:clamp(100px, 20cqw, 341px); right:0; top:0; transform:translate(60%, 30%);}
.archive .portfolio .obj-wrap .obj-3 {width:clamp(100px, 20cqw, 341px); right:0; top:0; transform:translate(60%, 30%);}
.archive .portfolio .obj-wrap .obj-4 {width:clamp(200px, 45cqw, 677px); right:0; bottom:0; transform:translate(10%, 120%);}

@media screen and (max-width: 648px) {
    .archive .portfolio .obj-wrap .obj-2 {transform:translate(100%, 100%); top:50%;}
    .archive .portfolio .obj-wrap .obj-3 {transform:translate(50%, 0%); top:20%;}
    .archive .portfolio .obj-wrap .obj-4 {transform:translate(10%, 80%);}
}

@media screen and (max-width: 480px) {
    .archive .portfolio .obj-wrap .obj-2 {transform:translate(20%, 100%);}
}




.archive .partners {width:100%; position:relative; z-index:20;}
.archive .partners .partner-wrap {width:100%; display:flex; flex-direction:column;}
.archive .partners .partner-wrap .partner-box {width:100%; overflow:hidden; padding:var(--gap-20) 0;}
.archive .partners .partner-wrap .partner-box.row-1 {background:var(--sub-color-y);}
.archive .partners .partner-wrap .partner-box.row-2 {background:var(--beige);}
.archive .partners .partner-wrap .partner-box .partner-inner {width:100%; display:flex; align-items:center; gap:100px;}
.archive .partners .partner-wrap .partner-box .partner-inner ul {display:flex; align-items:center; gap:100px;}
.archive .partners .partner-wrap .partner-box .partner-inner ul li {width:auto;}
.archive .partners .partner-wrap .partner-box .partner-inner ul li span {display:block;}
.archive .partners .partner-wrap .partner-box .partner-inner ul li span img {display:block; width:auto; height:109px;}

@media screen and (max-width: 1024px) {
    .archive .partners .partner-wrap .partner-box .partner-inner,
    .archive .partners .partner-wrap .partner-box .partner-inner ul {gap:60px;}
    .archive .partners .partner-wrap .partner-box .partner-inner ul li span img {height:75px;}
}

@media screen and (max-width: 768px) {
    .archive .partners .partner-wrap .partner-box .partner-inner,
    .archive .partners .partner-wrap .partner-box .partner-inner ul {gap:40px;}
    .archive .partners .partner-wrap .partner-box .partner-inner ul li span img {height:60px;}
}

@media screen and (max-width: 480px) {
    .archive .partners .partner-wrap .partner-box .partner-inner,
    .archive .partners .partner-wrap .partner-box .partner-inner ul {gap:20px;}
    .archive .partners .partner-wrap .partner-box .partner-inner ul li span img {height:40px;}
}



.archive .course {width:100%; height:var(--nvh); --course-box-gap:60px; overflow:hidden; background:var(--beige); position:relative; z-index:20;}
.archive .course .wrap {width:90%; max-width:1680px; margin:0 auto; height:100%; position:relative;}
.archive .course .typo-wrap {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:1;}
.archive .course .typo-wrap .typo-box {width:100%; display:flex; align-items:center; justify-content:center; overflow:clip;}
.archive .course .typo-wrap .typo-box span {font-family:var(--DM); font-style:italic; color:var(--sub-color-y); font-size:clamp(40px,19cqw,280px); line-height:1;}

.archive .course .course-wrap {width:90%; max-width:1200px; margin:0 auto; position:relative; z-index:10;}
.archive .course .course-wrap .course-box {width:100%; height:425px; display:flex; align-items:center; padding:0 var(--course-box-gap); border-radius:var(--gap-10); background:var(--white); border:1px solid var(--gray-ea); margin-bottom:var(--gap-32);}
.archive .course .course-wrap .course-box .box-wrap {width:100%; display:flex; align-items:stretch; flex-direction:row-reverse; gap:var(--gap-20);}
.archive .course .course-wrap .course-box .img-box {width:calc(50% - var(--gap-20)); display:flex; align-items:center; justify-content:flex-end;}
.archive .course .course-wrap .course-box .img-box span {width:100%; max-width:400px; border-radius:var(--gap-10); overflow:hidden;}
.archive .course .course-wrap .course-box .img-box span img {display:block; width:100%;}

.archive .course .course-wrap .course-box .course-conts {width:50%; display:flex; flex-direction:column; gap:var(--gap-20);}
.archive .course .course-wrap .course-box .course-conts .head {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.archive .course .course-wrap .course-box .course-conts .head span {width:100%; font-size:var(--font-size-18); font-weight:500; color:var(--black);}
.archive .course .course-wrap .course-box .course-conts .head span.point {color:#B28055;}
.archive .course .course-wrap .course-box .course-conts .head .title {font-size:var(--font-size-24); font-weight:600; color:var(--gray-1);}
.archive .course .course-wrap .course-box .course-conts .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.archive .course .course-wrap .course-box .course-conts .conts-box .conts {width:100%; font-size:var(--font-size-18); color:var(--gray-3);}
.archive .course .course-wrap .course-box .course-conts .conts-box .tag {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-20);}
.archive .course .course-wrap .course-box .course-conts .conts-box .tag span {width:fit-content; height:30px; border-radius:5px; padding:0 6px; font-size:var(--font-size-15); color:var(--gray-3); background:rgba(239,192,37,0.2); display:flex; align-items:center; justify-content:center;}

@media screen and (max-width: 1024px) {
    .archive .course .course-wrap .course-box {height:370px;}
}

@media screen and (max-width: 900px) {
    .archive .course .course-wrap {width:100%;}
    .archive .course .course-wrap .course-box {height:80vh; min-height:400px;}
    .archive .course .course-wrap .course-box .box-wrap {flex-direction:column;}
    .archive .course .course-wrap .course-box .img-box {width:100%; justify-content:center;}
    .archive .course .course-wrap .course-box .img-box span {max-width:100%;}
    .archive .course .course-wrap .course-box .course-conts {width:100%;}
}

@media screen and (max-width: 768px) {
    .archive .course {--course-box-gap:30px;}
}

@media screen and (max-width: 480px) {
    .archive .course {--course-box-gap:20px;}
}


.archive .photo  {padding-top:calc(var(--gap-50) * 4);}
.archive .photo .photo-wrap {width:100%; overflow:hidden; max-width:3000px; margin:0 auto;}
.archive .photo .photo-wrap .photo-box {width:max-content; display:flex; align-items:center; gap:var(--gap-60);}
.archive .photo .photo-wrap .photo-box ul {display:flex; align-items:center; gap:var(--gap-60);}
.archive .photo .photo-wrap .photo-box ul li {width:472px;}
.archive .photo .photo-wrap .photo-box ul li span {display:block; width:100%; aspect-ratio:472/354; position:relative; border-radius:var(--gap-10); overflow:hidden;}
.archive .photo .photo-wrap .photo-box ul li 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: 1320px) {
    .archive .photo .photo-wrap .photo-box ul li {width:420px;}
}

@media screen and (max-width: 1280px) {
    .archive .photo .photo-wrap .photo-box ul li {width:360px;}
}

@media screen and (max-width: 1024px) {
    .archive .photo .photo-wrap .photo-box,
    .archive .photo .photo-wrap .photo-box ul {gap:var(--gap-40);}
    .archive .photo .photo-wrap .photo-box ul li {width:300px;}
}

@media screen and (max-width: 768px) {
    .archive .photo .photo-wrap .photo-box ul li {width:250px;}
}

@media screen and (max-width: 480px) {
    .archive .photo .photo-wrap .photo-box,
    .archive .photo .photo-wrap .photo-box ul {gap:var(--gap-32);}
    .archive .photo .photo-wrap .photo-box ul li {width:200px;}
}




/*class*/
.class .class-wrap {width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 3);}
.class .class-wrap section {width:100%;}
.class .class-wrap section .sec-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-80);}
.class .class-wrap section .sec-title {width:100%;}
.class .class-wrap section .sec-title .title {font-size:var(--font-size-40); font-weight:600; color:var(--gray-1); line-height:1.4;}
.class .class-wrap section .sec-title .conts {font-size:var(--font-20); color:var(--gray-3);}
.class .class-wrap section .sec-title[data-type="center"] {text-align:center;}
.class .class-wrap section .sec-title[data-type="linear"] {display:flex; align-items:flex-end; gap:var(--gap-20); justify-content:space-between;}

@media screen and (max-width: 1280px) {
    .class .class-wrap section .sec-title[data-type="linear"] {flex-direction:column; align-items:center; justify-content:center;}
    .class .class-wrap section .sec-title[data-type="linear"] > * {width:100%;}
}

.class .board-wrap {width:100%;}


/*thmeme*/
.theme {--step-gap:120px;}

.theme .sec-1 .sec-conts {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 4);}
.theme .sec-1 .sec-conts article {width:100%;}

.theme .sec-1 .step .wrap {width:90%; max-width:1520px; margin:0 auto;}
.theme .sec-1 .step .step-wrap {width:100%; display:flex; align-items:stretch; gap:var(--step-gap);}
.theme .sec-1 .step .step-wrap .step-box {width:calc((100% - (var(--step-gap) * 3)) / 4); position:relative; background:var(--beige);}
.theme .sec-1 .step .step-wrap .step-box .box-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); }
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head {width:100%; display:flex; flex-direction:column; gap:var(--gap-32); align-items:center; justify-content:center;}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .icon-box {width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .icon-box:before {content:''; width:var(--step-gap); height:2px; position:absolute; right:calc(var(--step-gap) * -1); top:50%; transform:translateY(-50%); background:url(/img/conts/line.svg) repeat-x left / auto 100%;}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .icon-box span {display:block; width:74%; aspect-ratio:1; position:relative; background:rgba(255,255,255,0.6); border-radius:50%; overflow:hidden;}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .tlt {width:100%; text-align:center; font-size:var(--font-size-24); font-weight:600; color:var(--sub-color-y); font-family:var(--Fustat);}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10); text-align:center;}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-box > * {width:100%;}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-box .head {font-size:var(--font-size-24); font-weight:700; color:var(--real-black);}
.theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-box .conts {font-size:var(--font-size-18); color:var(--gray-6);}
.theme .sec-1 .step .step-wrap .step-box:last-child .box-wrap .conts-head .icon-box:before {display:none;}

@media screen and (max-width: 1320px) {
    .theme {--step-gap:60px;}
    .theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .icon-box:before {background-size:100% 100%;}
}

@media screen and (max-width: 1024px) {
    .theme {--step-gap:40px;}
    .theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 900px) {
    .theme {--step-gap:calc(var(--gap-50) * 2);}
    .theme .sec-1 .step .step-wrap {flex-direction:column; align-items:center; position:relative;}
    .theme .sec-1 .step .step-wrap .step-box {width:100%; max-width:300px; z-index:10; padding:var(--gap-40) 0;}
    .theme .sec-1 .step .step-wrap .step-box:before {content:''; width:2px; height:var(--step-gap); background:url(/img/conts/line2.svg) repeat-y left center / 100% 200%; position:absolute; left:50%; bottom:calc(var(--step-gap) * -1); transform:translateX(-50%);}
    .theme .sec-1 .step .step-wrap .step-box:first-child {padding-top:0;}
    .theme .sec-1 .step .step-wrap .step-box:last-child {padding-bottom:0;}
    .theme .sec-1 .step .step-wrap .step-box:last-child:before {display:none;}
    .theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .icon-box:before {display:none;}
    .theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-head .icon-box span {max-width:200px;}
    .theme .sec-1 .step .step-wrap .step-box .box-wrap .conts-box .conts .br {display:block;}
}


.theme .sec-1 .img .img-box {width:100%; aspect-ratio:1680/442; position:relative; overflow:hidden;}
.theme .sec-1 .img .img-box span {display:block; width:100%; height:100%; position:relative;}
.theme .sec-1 .img .img-box 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: 1024px) {
    .theme .sec-1 .img .img-box {aspect-ratio:1680/600;}
}

@media screen and (max-width: 480px) {
    .theme .sec-1 .img .img-box {aspect-ratio:1680/770;}
}



.contents .radio-box {position:relative; overflow:hidden;}
.contents .radio-box input[type='radio'] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.contents .radio-box input[type='radio'] + label {display:flex; align-items:flex-start; gap:var(--gap-10); max-width:100%; cursor:pointer;}
.contents .radio-box input[type='radio'] + label span {display:block; width:22px; aspect-ratio:1; border-radius:50%; box-sizing:border-box; border:1px solid var(--gray-9); position:relative;}
.contents .radio-box input[type='radio'] + label p {max-width:calc(100% - 22px - var(--gap-10)); min-height:22px; display:flex; align-items:center; font-size:var(--font-size-18); color:var(--gray-1); line-height:1.2;}
.contents .radio-box input[type='radio']:checked + label span {border-color:var(--sub-color-y);}
.contents .radio-box input[type='radio']:checked + label span:after {content:''; width:10px; aspect-ratio:1; border-radius:50%; background:var(--sub-color-y); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

@media screen and (max-width: 480px) {
    .contents .radio-box input[type='radio'] + label span {width:20px;}
    .contents .radio-box input[type='radio'] + label p {max-width:calc(100% - 20px - var(--gap-10)); min-height:20px;}
    .contents .radio-box input[type='radio']:checked + label span:after {width:8px;}
}


.contents .check-box {position:relative; overflow:hidden; display:flex; align-items:flex-start; gap:var(--gap-10); width:fit-content; max-width:100%;}
.contents .check-box input[type='checkbox'] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.contents .check-box input[type='checkbox'] + label {display:flex; align-items:flex-start; gap:var(--gap-10); max-width:100%; cursor:pointer;}
.contents .check-box input[type='checkbox'] + label span {display:block; width:24px; aspect-ratio:1; border-radius:5px; box-sizing:border-box; border:1px solid var(--gray-a4); position:relative;}
.contents .check-box input[type='checkbox'] + label span:after {content:''; width:100%; height:100%; background:url(/img/com/check.svg) no-repeat center / cover; position:absolute; left:0; top:0;}
.contents .check-box input[type='checkbox']:checked + label span {background:var(--key-color); border-color:var(--key-color);}
.contents .check-box input[type='checkbox']:checked + label span:after {background-image:url(/img/com/check_on.svg);}
.contents .check-box .txt {max-width:calc(100% - var(--gap-10) - 24px); min-height:24px; display:flex; align-items:center; font-size:var(--font-size-20); color:var(--gray-1); line-height:1.2;}
.contents .check-box .txt p {vertical-align:center;}
.contents .check-box .txt a {font-size:var(--font-size-15); color:var(--gray-3);}

@media screen and (max-width: 480px) {
    .contents .check-box input[type='checkbox'] + label span {width:20px;}
    .contents .check-box .txt {max-width:calc(100% - 20px - var(--gap-10)); min-height:20px;}
}



.contents .form-wrap {width:100%; --option-gap:80px; --input-h:60px; --textarea-h:350px;}
.contents .form-tb .tr .th {font-size:var(--font-size-20); font-weight:500; color:var(--gray-1);}
.contents .form-tb .tr .th .required {position:relative;}
.contents .form-tb .tr .th .required:after {content:' *'; font-family:var(--Fustat); color:var(--sub-color-y);}
.contents .form-tb .option-box {width:100%; display:flex; align-items:stretch; gap:var(--gap-20) var(--option-gap); flex-wrap:wrap;}
.contents .form-tb .option-box .option {display:flex; align-items:flex-start; gap:var(--gap-10);}
.contents .form-tb .input-box input[type="text"],
.contents .form-tb .input-box input[type="password"] {width:100%; height:var(--input-h); box-sizing:border-box; border-radius:5px; border:1px solid var(--gray-de); padding:0 var(--gap-20); font-size:var(--font-size-18); color:var(--gray-3); background:transparent;}
.contents .form-tb .input-box input[type="text"]::placeholder,
.contents .form-tb .input-box input[type="password"]::placeholder {color:var(--gray-9);}
.contents .form-tb .input-box input.error {border-color:var(--red);}
.contents .form-tb .input-box textarea {width:100%; height:var(--textarea-h); box-sizing:border-box; border:1px solid var(--gray-de); border-radius:5px; padding:var(--gap-20); font-size:var(--font-size-18); color:var(--gray-3); background:transparent; resize:none;}
.contents .form-tb .input-box textarea::placeholder {color:var(--gray-9);}
.contents .form-tb .input-box [contenteditable] {width:100%; min-height:var(--textarea-h); box-sizing:border-box; border:1px solid var(--gray-de); border-radius:5px; padding:var(--gap-20); font-size:var(--font-size-18); color:var(--gray-3); background:transparent; outline:none; overflow-y:auto; word-break:break-word; line-height:1.7;}
.contents .form-tb .input-box [contenteditable]:empty:before {content:attr(data-placeholder); color:var(--gray-9); pointer-events:none;}
.contents .form-tb .input-box [contenteditable]:focus {border-color:var(--gray-3);}
.contents .form-tb .attachment-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .form-tb .attachment-wrap .attachment-box {width:100%; position:relative;}
.contents .form-tb .attachment-wrap .attachment-box input[type="file"] {width:0; height:0; position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.contents .form-tb .attachment-wrap .attachment-box input[type="file"] + label {width:100%; height:var(--input-h); border-radius:5px; background:var(--gray-ed); display:flex; align-items:center; padding:0 var(--gap-20); font-size:var(--font-size-18); color:var(--gray-6); cursor:pointer; position:relative; box-sizing:border-box;}
.contents .form-tb .attachment-wrap .attachment-box input[type="file"] + label:before {content:''; height:40%; aspect-ratio:1; background:url(/img/conts/icon_plus.svg) no-repeat center / cover; position:absolute; right:var(--gap-20); top:50%; transform:translateY(-50%);}
.contents .form-tb .attachment-wrap .attachment-list-wrap {width:100%; padding:0 var(--gap-20);}
.contents .form-tb .attachment-wrap .attachment-list-wrap .attachment-list {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .form-tb .attachment-wrap .attachment-list-wrap .attachment-list li {width:100%; display:flex; gap:var(--gap-10); position:relative;}
.contents .form-tb .attachment-wrap .attachment-list-wrap .attachment-list li .file-name {width:calc(100% - var(--gap-10) - (var(--input-h) * 0.4)); font-size:var(--font-size-18); color:var(--gray-6); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding-left:var(--font-size-28);}
.contents .form-tb .attachment-wrap .attachment-list-wrap .attachment-list li .file-name:before {content:''; height:85%; aspect-ratio:1; background:url(/img/conts/icon_file.svg) no-repeat center / cover; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contents .form-tb .attachment-wrap .attachment-list-wrap .attachment-list li .btn-attachment-delete {display:block; width:calc(var(--input-h) * 0.4); aspect-ratio:1; background:url(/img/conts/icon_delete.svg) no-repeat center / cover; font-size:0; cursor:pointer;}
.contents .form-tb .note {width:100%;}
.contents .form-tb .note span {display:block; font-size:var(--font-size-15); color:var(--gray-6); margin-top:var(--gap-8);}
.contents .form-tb .note span.error {color:var(--red);}
.contents .form-tb .note span.confirm {color:var(--green);}
.contents .form-tb .id-input-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-10);}
.contents .form-tb .id-input-wrap .input-box {width:calc(72% - var(--gap-10));}
.contents .form-tb .id-input-wrap .btn-id-check {width:28%; height:var(--input-h); border-radius:5px; background:var(--key-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-size-18); font-weight:500; color:var(--black);}
.contents .form-tb .val-box {width:100%; min-height:var(--input-h); border-radius:5px; padding:0 var(--gap-20); font-size:var(--font-size-18); color:var(--gray-6); background:var(--gray-e); display:flex; align-items:center;}
.contents .form-tb .btn-pwd-edit {width:100%; height:var(--input-h); background:var(--sub-color-y); border-radius:5px; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-18);}
.contents .form-tb .hide-field {display:none;}
.contents .form-tb .hide-field.active {display:block;}


@media screen and (max-width: 1024px) {
    .contents .form-wrap {--option-gap:40px; --textarea-h:280px;}
}


@media screen and (max-width: 648px) {
    .contents .form-wrap {--option-gap:30px; --input-h:56px; --textarea-h:240px;}
}

@media screen and (max-width: 480px) {
    .contents .form-wrap {--option-gap:20px; --input-h:50px; --textarea-h:180px;}
}




/*contact*/
.contact .contents-wrap {width:90%; max-width:1680px; margin:0 auto;}
.contact .contact-wrap {width:100%; display:flex; align-items:flex-start; gap:4%; position:relative;}
.contact .contact-wrap > * {width:calc(96% / 2);}
.contact .contact-wrap .title-wrap {display:flex; flex-direction:column; gap:var(--gap-40); height:max-content;}
.contact .contact-wrap .title-wrap .img-box {width:100%; border-radius:var(--gap-10); overflow:hidden;}
.contact .contact-wrap .title-wrap .img-box img {display:block; width:100%;}
.contact .contact-wrap .title-wrap .title-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.contact .contact-wrap .title-wrap .title-box > * {width:100%;}
.contact .contact-wrap .title-wrap .title-box .title {font-size:var(--font-size-40); font-weight:600; color:var(--real-black);}
.contact .contact-wrap .title-wrap .title-box .conts {font-size:var(--font-size-20); color:var(--gray-1);}
.contact .contact-wrap .form-wrap {display:flex; flex-direction:column; gap:var(--gap-40);}
.contact .contact-wrap .contact-tb {--contact-tb-gap:40px; width:100%; display:flex; flex-direction:column; gap:var(--gap-60) var(--contact-tb-gap);}
.contact .contact-wrap .contact-tb .tr {width:100%; display:flex; align-items:stretch; gap:var(--gap-60) var(--contact-tb-gap);}
.contact .contact-wrap .contact-tb .tr .row {width:calc((100% - var(--contact-tb-gap)) / 2); display:flex; flex-direction:column; gap:var(--gap-20);}
.contact .contact-wrap .contact-tb .tr.wide .row {width:100%;}
.contact .contact-wrap .agree-box {width:100%; display:flex; justify-content:center; margin-bottom:var(--gap-40);}

@media screen and (max-width: 1280px) {
    .contact .contact-wrap .contact-tb {--contact-tb-gap:20px;}
}

@media screen and (max-width: 1024px) {
    .contact .contact-wrap {flex-direction:column; gap:var(--gap-60);}
    .contact .contact-wrap > * {width:100%;}
}

@media screen and (max-width: 768px) {
    .contact .contact-wrap .contact-tb .tr {flex-direction:column;}
    .contact .contact-wrap .contact-tb .tr .row {width:100%;}
}

/*.contact .contact-wrap {width:90%; max-width:1520px; margin:0 auto; display:flex; flex-direction:column; gap:var(--gap-60)}
.contact .contact-wrap .title-wrap {width:100%;}
.contact .contact-wrap .title-wrap .title-box {font-size:var(--font-size-40); font-weight:600; color:var(--real-black);}

*/






/*column*/
.column .column-intro-wrap {width:100%; display:flex; flex-direction:column; --title-circle-size:clamp(36px, 3cqw, 60px);}
.column .column-intro-wrap article {width:100%; }
.column .column-intro-wrap article .title-wrap .title-box {position:relative; min-height:var(--title-circle-size); display:flex; align-items:center; padding-left:calc(var(--title-circle-size) / 2);}
.column .column-intro-wrap article .title-wrap .title-box:before {content:''; height:100%; aspect-ratio:1; border-radius:50%; background:var(--key-color); position:absolute; left:0; top:0; z-index:0;}
.column .column-intro-wrap article .title-wrap .title-box span {font-size:var(--font-size-20); font-weight:700; color:var(--gray-1); position:relative; z-index:10;}
.column .column-intro-wrap article .title-wrap.type-B .title-box:before {background:var(--white);}

.column .column-intro-wrap .popular {padding-bottom:calc(var(--gap-50) * 3);}
.column .column-intro-wrap .popular .wrap {width:90%; max-width:1680px; margin:0 auto; border-top:1px solid var(--gray-e4); padding-top:var(--gap-32);}
.column .column-intro-wrap .popular .popular-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-32); padding:0 2.5%;}
.column .column-intro-wrap .popular .popular-wrap .title-wrap {width:100%;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap {width:100%; display:flex; align-items:stretch; justify-content:space-between; flex-direction:row; gap:var(--gap-20);}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts {width:50%; max-width:880px;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-40);}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap .img-box {width:100%; overflow:hidden; border-radius:var(--gap-10);}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap .img-box span {display:block; width:100%; aspect-ratio:914/585; position:relative; overflow:hidden;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap .conts-box .head {width:100%; font-size:var(--font-size-30); font-weight:500; color:var(--gray-1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts .conts-wrap .conts-box .conts {width:100%; font-size:var(--font-size-20); color:var(--gray-6); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-width:730px;}

.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap {width:45%; max-width:700px;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb {width:100%; height:100%; display:flex; flex-direction:column; gap:var(--gap-50); justify-content:space-between;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li {width:100%;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts {width:100%; display:flex; align-items:flex-start; gap:var(--gap-20);}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .img-box {width:27%; border-radius:5px; overflow:hidden;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .img-box span {display:block; width:100%; aspect-ratio:153/98; position:relative; overflow:hidden;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .conts-box {width:calc(73% - var(--gap-20)); display:flex; flex-direction:column; gap:var(--gap-10);}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .conts-box > * {width:100%; overflow:hidden; text-overflow:ellipsis;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .conts-box .head {font-size:var(--font-size-20); font-weight:500; color:var(--gray-3);  white-space:nowrap;}
.column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap .list-tb li .list-conts .conts-box .conts {font-size:var(--font-18); color:var(--gray-6); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

@media screen and (max-width: 1024px) {
    .column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap {flex-direction:column; gap:var(--gap-60);}
    .column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .main-conts,
    .column .column-intro-wrap .popular .popular-wrap .popular-conts-wrap .popular-list-wrap {width:100%; max-width:100%;}
}



.column .column-intro-wrap .intro {padding:calc(var(--gap-50) * 3) 0; background:var(--sub-color-y); --column-intro-gap:80px;}
.column .column-intro-wrap .intro .wrap {width:90%; max-width:1680px; margin:0 auto;}
.column .column-intro-wrap .intro .intro-wrap {width:100%p; padding:0 2.5%; display:flex; align-items:stretch; gap:var(--column-intro-gap);}
.column .column-intro-wrap .intro .intro-wrap .intro-box {width:calc((100% - var(--column-intro-gap)) / 2);}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .img-box {width:100%; border-radius:var(--gap-20); overflow:hidden;}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .img-box span {display:block; width:100%; aspect-ratio:770/424; overflow:hidden; position:relative;}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .conts-box .intro-conts-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .conts-box .intro-conts-wrap .head {font-size:var(--font-size-24); font-weight:500; color:var(--gray-1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.column .column-intro-wrap .intro .intro-wrap .intro-box .layout-wrap .conts-box .intro-conts-wrap .conts {width:100%; font-size:var(--font-size-20); color:var(--gray-3); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-width: 1280px) {
    .column .column-intro-wrap .intro {--column-intro-gap:40px;}
}

@media screen and (max-width: 900px) {
    .column .column-intro-wrap .intro {--column-intro-gap:var(--gap-60);}
    .column .column-intro-wrap .intro .intro-wrap {flex-direction:column;}
    .column .column-intro-wrap .intro .intro-wrap .intro-box {width:100%;}
}




.contents .list-wrap .thumb-line-tb {width:100%; display:flex; flex-direction:column;}
.contents .list-wrap .thumb-line-tb .list {width:100%; padding:var(--gap-60) 0; border-bottom:1px solid var(--gray-e4);}
.contents .list-wrap .thumb-line-tb .list .list-conts {width:100%; padding:0 2.5%; display:flex; flex-direction:row-reverse; gap:var(--gap-40); justify-content:space-between;}
.contents .list-wrap .thumb-line-tb .list .list-conts .thumbnail {width:43%; max-width:607px; border-radius:var(--gap-10); overflow:hidden;}
.contents .list-wrap .thumb-line-tb .list .list-conts .thumbnail span {display:block; width:100%; aspect-ratio:607/389; position:relative; overflow:hidden; transition:transform 1s ease-in-out;}
.contents .list-wrap .thumb-line-tb .list .list-conts .thumbnail span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box {width:45%; max-width:620px; display:flex; flex-direction:column; gap:var(--gap-20);}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box .head {width:100%; font-size:var(--font-size-24); font-weight:600; color:var(--gray-1); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box .conts {width:100%; font-size:var(--font-size-18); color:var(--gray-3); display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box .post-info {width:100%; display:flex; align-items:center; gap:var(--gap-10) var(--gap-24); flex-wrap:wrap;}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box .post-info span {position:relative;}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box .post-info span:before {content:''; width:2px; aspect-ratio:1; border-radius:50%; background:var(--black); position:absolute; left:0; top:50%; transform:translate(calc(((var(--gap-24) - 2px) / 2) * -1), -50%);}
.contents .list-wrap .thumb-line-tb .list .list-conts .conts-box .post-info span:first-child:before {display:none;}
.contents .list-wrap .thumb-line-tb .list:hover .list-conts .thumbnail span {transform:scale(1.03);}

@media screen and (max-width: 768px) {
    .contents .list-wrap .thumb-line-tb .list .list-conts {flex-direction:column;}
    .contents .list-wrap .thumb-line-tb .list .list-conts .thumbnail,
    .contents .list-wrap .thumb-line-tb .list .list-conts .conts-box {width:100%; max-width:100%;}
}






.column .column-intro-wrap .board {padding-top:calc(var(--gap-50) * 3);} 


.contents .pagination {width:100%; margin-top:var(--gap-80);}
.contents .pagination .pagination-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-10); justify-content:center; flex-wrap:wrap;}
.contents .pagination .pagination-wrap a {min-width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-8); font-size:var(--font-size-18); color:#767676;}
.contents .pagination .pagination-wrap a.on {background:var(--sub-color-y); color:var(--white); font-weight:600;}

@media screen and (max-width: 648px) {
    .contents .pagination .pagination-wrap a {min-width:36px; height:36px;}
}

@media screen and (max-width: 480px) {
    .contents .pagination .pagination-wrap a {min-width:32px; height:32px;}
}


.contents .comment-pagination {width:100%; margin-top:var(--gap-40);}
.contents .comment-pagination .pagination-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-10); justify-content:center; flex-wrap:wrap;}
.contents .comment-pagination .pagination-wrap a {min-width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-8); font-size:var(--font-size-18); color:#767676;}
.contents .comment-pagination .pagination-wrap a.on {color:var(--sub-color-y); font-weight:600;}

@media screen and (max-width: 648px) {
    .contents .pagination .pagination-wrap a {min-width:36px; height:36px;}
}

@media screen and (max-width: 480px) {
    .contents .pagination .pagination-wrap a {min-width:32px; height:32px;}
}






.contents .list-wrap .basic-tb {width:100%; display:flex; flex-direction:column; --list-h:100px; --tb-no-w:10%; --tb-writer-w:12%; --tb-date-w:12.5%; --tb-view-w:12%;}
.contents .list-wrap .basic-tb .list {width:100%; height:var(--list-h); padding:var(--gap-10) 0; display:flex; align-items:center; cursor:pointer;}
.contents .list-wrap .basic-tb .list[data-notice='Y'] {background:#f3f3f3;}
.contents .list-wrap .basic-tb .list.tb-head {background:var(--gray-ed);}
.contents .list-wrap .basic-tb .list:not(.tb-head) {border-bottom:1px solid var(--gray-e4);}
.contents .list-wrap .basic-tb .list .col {width:100%; display:flex; align-items:center;}
.contents .list-wrap .basic-tb .list .col .row {padding:0 var(--gap-10); text-align:center; font-size:var(--font-size-20); color:var(--gray-1);}
.contents .list-wrap .basic-tb .list.tb-head .col .row {font-size:var(--font-size-18); font-weight:600; color:var(--gray-3);}

.contents .list-wrap .basic-tb .list .col .option {font-size:var(--font-size-18); color:var(--gray-6);}
.contents .list-wrap .basic-tb .list .col .no {width:var(--tb-no-w);}
.contents .list-wrap .basic-tb .list .col .writer {width:var(--tb-writer-w);}
.contents .list-wrap .basic-tb .list .col .date {width:var(--tb-date-w);}
.contents .list-wrap .basic-tb .list .col .view {width:var(--tb-view-w);}
.contents .list-wrap .basic-tb .list .col .subject {width:calc(100% - var(--tb-no-w) - var(--tb-writer-w) - var(--tb-date-w) - var(--tb-view-w));}
.contents .list-wrap .basic-tb .list .col .subject .subject-wrap {width:100%; display:flex; align-items:center;}
.contents .list-wrap .basic-tb .list .col .subject .subject-wrap a {font-size:var(--font-size-20); color:var(--gray-1); max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.contents .list-wrap .basic-tb .list .col .subject .subject-wrap .photo {width:var(--font-size-24); aspect-ratio:1; font-size:0; background:url(/img/conts/icon_photo.svg) no-repeat center / cover; margin-left:var(--gap-20);}
.contents .list-wrap .basic-tb .list:not(.tb-head) .col .subject:hover a {font-weight:500;}

@media screen and (max-width: 1024px) {
    .contents .list-wrap .basic-tb {--list-h:80px;}    
}

@media screen and (max-width: 900px) {
    .contents .list-wrap .basic-tb {border-top:5px solid var(--gray-ed); --list-h:100px; --tb-no-w:100%; --tb-writer-w:fit-content; --tb-date-w:fit-content; --tb-view-w:fit-content;}
    .contents .list-wrap .basic-tb .list {height:auto; min-height:var(--list-h); padding:var(--gap-20) 0;}
    .contents .list-wrap .basic-tb .list.tb-head {display:none;}
    .contents .list-wrap .basic-tb .list .col {gap:var(--gap-10) var(--gap-20); flex-wrap:wrap;}
    .contents .list-wrap .basic-tb .list .col .row {padding:0; text-align:left;}

    .contents .list-wrap .basic-tb .list .col .subject {width:100%;}
}


.community .list-wrap .community-tb .list .col .category {width:10%;}
.community .list-wrap .community-tb .list .col .subject {width:calc(100% - var(--tb-no-w) - var(--tb-writer-w) - var(--tb-date-w) - var(--tb-view-w) - 10%);}

@media screen and (max-width: 900px) {
    .community .list-wrap .community-tb .list .col .category {width:fit-content;}
    .community .list-wrap .community-tb .list .col .subject {width:100%;}
}




.contents .board-button-wrap {width:100%; margin:0 auto; margin-top:var(--gap-40); display:flex; align-items:center; gap:var(--gap-10); flex-wrap:wrap; justify-content:center;}
.contents .board-button-wrap[data-type="right"] {justify-content:flex-end;}



.contents .write-wrap {width:100%; max-width:920px; margin:0 auto; margin-top:calc(var(--gap-50) * 3); display:flex; flex-direction:column; gap:var(--gap-60);}
.contents .write-wrap .title-wrap {width:100%; font-size:var(--font-size-40); font-weight:600;}


.community .write-tb {--write-tb-head:80px; width:100%; padding:var(--gap-32) var(--gap-20); border:solid var(--gray-e4); border-width:3px 0 2px 0; display:flex; flex-direction:column; gap:var(--gap-32);}
.community .write-tb .tr {width:100%;}
.community .write-tb .tr .row {width:100%; display:flex; align-items:flex-start; gap:var(--gap-20);}
.community .write-tb .tr .row .th {width:var(--write-tb-head); min-height:var(--input-h); display:flex; align-items:center;}
.community .write-tb .tr .row .td {width:calc(100% - var(--write-tb-head) - var(--gap-20));}

@media screen and (max-width: 1024px) {
    .community .write-tb {--write-tb-head:60px;}
}

@media screen and (max-width: 648px) {
    .community .write-tb .tr .row {flex-direction:column; gap:var(--gap-10);}
    .community .write-tb .tr .row .th {width:100%; min-height:auto;}
    .community .write-tb .tr .row .td {width:100%;}
}








/* member */
.member {padding-top:calc(var(--gap-50) * 3);}
.member .contents-wrap {width:90%; max-width:660px; margin:0 auto;}
.member .member-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}
.member .member-wrap .page-title {width:100%; display:flex; flex-direction:column; gap:var(--gap-24); text-align:center;}
.member .member-wrap .page-title .title-box {width:100%; font-size:var(--font-size-40); font-weight:600; color:var(--gray-1); text-align:center;}
.member .member-wrap .page-title .conts {width:100%; font-size:var(--font-size-20); font-weight:500; color:var(--gray-3);}
.member .member-wrap .member-conts-wrap {width:100%;}


.login .login-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-80);}
.login .login-wrap > * {width:100%;}
.login .login-wrap .login-tb-wrap {display:flex; flex-direction:column; gap:var(--gap-40);}
.login .login-wrap .login-tb-wrap .login-tb-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.login .login-wrap .login-tb-wrap .login-tb-box .login-tb {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.login .login-wrap .login-tb-wrap .login-tb-box .login-tb li {width:100%;}
.login .login-wrap .login-tb-wrap .login-tb-box .login-option {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-20);}
.login .login-wrap .login-tb-wrap .login-tb-box .login-option .check-box .txt {font-size:var(--font-size-18); color:var(--gray-6);}
.login .login-wrap .login-tb-wrap .login-tb-box .login-option .member-menu {display:flex; align-items:center; gap:var(--gap-20);}
.login .login-wrap .login-tb-wrap .login-tb-box .login-option .member-menu a {font-size:var(--font-size-15); color:var(--gray-6);}
.login .login-wrap .login-tb-wrap .button-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.login .login-wrap .login-tb-wrap .button-wrap .button {width:100%;}

.login .login-wrap .sns-login-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60); --sns-login-size:70px;}
.login .login-wrap .sns-login-wrap .title-wrap {width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.login .login-wrap .sns-login-wrap .title-wrap:before {content:''; width:100%; height:3px; background:var(--gray-e4); position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;}
.login .login-wrap .sns-login-wrap .title-wrap .title-box {font-size:var(--font-size-24); font-weight:600; color:var(--gray-1); padding:0 var(--gap-60); position:relative; z-index:10; background:var(--beige);}
.login .login-wrap .sns-login-wrap .sns-login-box {width:100%; display:flex; align-items:center; gap:var(--gap-32); justify-content:center;}
.login .login-wrap .sns-login-wrap .sns-login-box a {display:block; width:var(--sns-login-size); aspect-ratio:1; border-radius:50%; font-size:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.login .login-wrap .sns-login-wrap .sns-login-box a.naver {background-image:url(/img/conts/ci_naver.svg);}
.login .login-wrap .sns-login-wrap .sns-login-box a.kakao {background-image:url(/img/conts/ci_kakao.svg);}

@media screen and (max-width: 480px) {
    .login .login-wrap .sns-login-wrap {--sns-login-size:60px;}
}




.find .find-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}
.find .find-wrap .tab-wrap {width:100%; display:flex; align-items:center;}
.find .find-wrap .tab-wrap .tab {width:50%; position:relative; font-size:var(--font-size-24); font-weight:500; color:var(--gray-9); padding:var(--gap-20);}
.find .find-wrap .tab-wrap .tab:before {content:''; width:100%; height:2px; background:var(--gray-e4); position:absolute; left:0; bottom:0;}
.find .find-wrap .tab-wrap .tab.active {color:var(--gray-1);}
.find .find-wrap .tab-wrap .tab.active:before {background:var(--black);}

.find .find-wrap .tab-conts-wrap {width:100%;}
.find .find-wrap .tab-conts-wrap .tab-conts-box {width:100%; display:none;}
.find .find-wrap .tab-conts-wrap .tab-conts-box .conts-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}
.find .find-wrap .tab-conts-wrap .tab-conts-box .tb-wrap {width:100%;}
.find .find-wrap .tab-conts-wrap .tab-conts-box .tb-wrap .find-tb {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.find .find-wrap .tab-conts-wrap .tab-conts-box .button-wrap {width:100%;}
.find .find-wrap .tab-conts-wrap .tab-conts-box .button-wrap .button {width:100%;}
.find .find-wrap .tab-conts-wrap .tab-conts-box.active {display:block;}

.find .find-result-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60); --check-icon-size:90px;}
.find .find-result-wrap .result-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-40); align-items:center; justify-content:center;}
.find .find-result-wrap .result-wrap .icon {width:var(--check-icon-size); aspect-ratio:1; font-size:0; background:url(/img/conts/icon_find_check.svg) no-repeat center / cover;}
.find .find-result-wrap .result-wrap .head {width:100%; font-size:var(--font-size-24); font-weight:500; color:var(--gray-1); text-align:center;}
.find .find-result-wrap .result-wrap .conts-box {width:100%; background:rgba(255,255,255,0.4); border-radius:var(--gap-10); padding:var(--gap-20); min-height:140px; display:flex; align-items:center; justify-content:center;}
.find .find-result-wrap .result-wrap .conts {width:100%; text-align:center; font-size:var(--font-size-20); color:var(--gray-3);}
.find .find-result-wrap .result-wrap .conts span {font-weight:500;}
.find .find-result-wrap .button-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-20); justify-content:center;}
.find .find-result-wrap .button-wrap .button {width:calc((100% - var(--gap-20)) / 2);}




.join .join-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-60);}
.join .join-wrap .join-tb-wrap {width:100%; padding-top:var(--gap-60); border-top:3px solid var(--gray-e4);}
.join .join-wrap .join-tb-wrap .join-tb {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.join .join-wrap .join-tb-wrap .join-tb li {width:100%;}
.join .join-wrap .button-wrap {width:100%;}
.join .join-wrap .button-wrap .button {width:100%;}


.join .join-result-wrap {width:100%; min-height:calc(var(--nvh) * 0.5); display:flex; align-items:center; justify-content:center; --join-icon-size:190px;}
.join .join-result-wrap .join-result-box {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-60) * 2);}
.join .join-result-wrap .join-result-box .result-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-40); align-items:center; justify-content:center;}
.join .join-result-wrap .join-result-box .result-wrap .icon {width:var(--join-icon-size); aspect-ratio:1; border-radius:50%; background:url(/img/conts/icon_join.svg) no-repeat center / auto 50%; background-color:rgba(239,217,37,0.19);}
.join .join-result-wrap .join-result-box .result-wrap .conts-box {width:100%; font-size:var(--font-size-20); font-weight:500; color:var(--gray-3); text-align:center;}
.join .join-result-wrap .join-result-box .button-wrap {width:100%;}
.join .join-result-wrap .join-result-box .button-wrap .button {width:100%;}

@media screen and (max-width: 768px) {
    .join .join-result-wrap {--join-icon-size:130px;}
}


@media screen and (max-width: 480px) {
    .join .join-result-wrap {--join-icon-size:120px;}
}


@counter-style circled {
    system : fixed;
    symbols : ① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨;
    suffix : ' ';
}



.manager .manager-wrap {width:90%; max-width:1680px; margin:0 auto; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 3);}
.manager .manager-wrap .tab-wrap {width:100%; display:flex; align-items:center;}
.manager .manager-wrap .tab-wrap .tab {width:50%; position:relative; padding:var(--gap-20); display:flex; align-items:center; justify-content:center; font-size:var(--font-size-20); color:var(--gray-6); font-weight:600;}
.manager .manager-wrap .tab-wrap .tab:before {content:''; width:100%; height:3px; background:var(--gray-d9); position:absolute; left:0; bottom:0;}
.manager .manager-wrap .tab-wrap .tab.active {color:var(--gray-1);}
.manager .manager-wrap .tab-wrap .tab.active:before {background:var(--key-color);}
.manager .manager-wrap .tab-conts-wrap {width:100%;}
.manager .manager-wrap .tab-conts-wrap .tab-conts-box {width:100%; display:none;}
.manager .manager-wrap .tab-conts-wrap .tab-conts-box.active {display:block;}

.manager .layout {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 3); color:var(--gray-1); font-size:var(--font-size-20);}
.manager .layout section {width:100%; display:flex; flex-direction:column; gap:var(--gap-50);}
.manager .layout section .title-wrap {width:100%;}
.manager .layout section .title-wrap h2 {font-size:var(--font-size-30); font-weight:600; color:var(--gray-1);}
.manager .layout section .article-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-50);}
.manager .layout section .article-wrap article {width:100%; display:flex; flex-direction:column; gap:var(--gap-32);}
.manager .layout section .article-wrap article h3 {font-size:var(--font-size-24); font-weight:600; color:var(--gray-1);}
.manager .layout section .article-wrap article .layout-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20);}
.manager .layout section .article-wrap article .layout-wrap .layout-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.manager .layout section .article-wrap article .layout-wrap .layout-box h4 {font-size:var(--font-size-20); font-weight:500; color:var(--gray-1);}
.manager .layout section .article-wrap article .layout-wrap .layout-box .conts-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.manager .layout section .article-wrap article .layout-wrap .layout-box .conts-wrap .layout-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.manager .layout .small {font-size:var(--font-size-18);}
.manager .layout .bold {font-weight:500;}
.manager .layout .sub-conts {width:100%; margin-top:var(--gap-10);}
.manager .layout ul.circle {width:100%; display:flex; flex-direction:column; gap:var(--gap-16); counter-reset:circleNumbering;}
.manager .layout ul.circle > li {counter-increment:circleNumbering; font-size:var(--font-size-18); padding-left:calc(var(--font-size-18) + var(--gap-8)); position:relative;}
.manager .layout ul.circle > li:before {content:counter(circleNumbering); height:var(--font-size-18); aspect-ratio:1; border-radius:50%; box-sizing:border-box; border:1px solid var(--gray-1); display:flex; align-items:center; justify-content:center; font-size:calc(var(--font-size-18) * 0.7); position:absolute; left:0; top:calc(var(--font-size-18) * 0.3);}
.manager .layout ul.numberling {width:100%; display:flex; flex-direction:column; counter-reset:numbering;}
.manager .layout ul.numberling > li {counter-increment:numbering; font-size:var(--font-size-18); padding-left:calc(var(--font-size-18) - 4px); text-indent:calc((var(--font-size-18) - 4px) * -1);}
.manager .layout ul.numberling > li:before {content:counter(numbering)'. ';}
.manager .layout ul.dot {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.manager .layout ul.dot > li {font-size:var(--font-size-18); color:var(--gray-1); padding-left:calc(var(--font-size-18) - (var(--font-size-18) * 0.56)); text-indent:calc((var(--font-size-18) - (var(--font-size-18) * 0.56)) * -1);}
.manager .layout ul.dot > li:before {content:'· ';}
.manager .layout ul.head-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
.manager .layout ul.head-conts > li {width:100%; display:flex; flex-direction:column; gap:var(--gap-10); font-size:var(--font-weight-18); color:var(--gray-1); padding-left:var(--gap-10);}
.manager .layout ul.head-conts > li .head {font-weight:500; position:relative;}
.manager .layout ul.head-conts > li .head:before {content:'· '; width:var(--gap-10); height:100%; display:flex; align-items:center; position:absolute; left:calc(var(--gap-10) * -1); top:0;}
.manager .layout .tb-wrap {width:100%;}
.manager .layout .tb-wrap .tb {width:100%;}


.manager .guideline .tb-A {width:100%; table-layout:fixed; border:solid var(--gray-e4); border-width:0 1px 1px 1px;}
.manager .guideline .tb-A tr {width:100%; border-top:1px solid var(--gray-e4);}
.manager .guideline .tb-A tr th,
.manager .guideline .tb-A tr td {font-size:var(--font-size-18); padding:var(--gap-10) var(--gap-20); height:60px;}
.manager .guideline .tb-A tr th {background:var(--gray-e); font-weight:500; text-align:center; width:150px;}
.manager .guideline .tb-A tr td {padding:var(--gap-10) var(--gap-32);}
.manager .guideline .tb-A tr td .row {width:100%; margin-top:var(--gap-8);}
.manager .guideline .tb-A tr td .row:first-child {margin-top:0;}

@media screen and (max-width: 768px) {
    .manager .guideline .tb-A tr th,
    .manager .guideline .tb-A tr td {height:50px;}
    .manager .guideline .tb-A tr th {width:120px;}
}

@media screen and (max-width: 480px) {
    .manager .guideline .tb-A tr {display:flex; flex-direction:column;}
    .manager .guideline .tb-A tr th,
    .manager .guideline .tb-A tr td {width:100%; height:auto; min-height:40px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
    .manager .guideline .tb-A tr td {padding:var(--gap-20);}
    .manager .guideline .tb-A tr td .row {width:100%;}
}



.manager .guideline .tb-B {--tbB-th-h:50px; --tbB-td-h:190px; width:100%; table-layout:fixed;}
.manager .guideline .tb-B thead {width:100%; background:#F3ECB3;}
.manager .guideline .tb-B thead tr {width:100%;}
.manager .guideline .tb-B thead tr th {height:var(--tbB-th-h); font-size:var(--font-size-18); font-weight:500; border-left:1px solid #F4F3EF; padding:var(--gap-10);}
.manager .guideline .tb-B thead tr th:first-child {border-top-left-radius:var(--gap-10); border-left:none;}
.manager .guideline .tb-B thead tr th:last-child {border-top-right-radius:var(--gap-10);}

.manager .guideline .tb-B tbody {width:100%; border:solid var(--gray-e4); border-width:0 1px 1px 0;}
.manager .guideline .tb-B tbody tr {width:100%; border-top:1px solid var(--gray-e4);}
.manager .guideline .tb-B tbody tr td {height:var(--tbB-td-h); padding:var(--gap-20) var(--gap-10); font-size:var(--font-size-18); text-align:center; border-left:1px solid var(--gray-e4)}
.manager .guideline .tb-B tbody tr td.grade {background:var(--gray-e); font-weight:500;}

.manager .guideline .tb-B .grade {width:175px;}
.manager .guideline .tb-B .method {width:225px;}
.manager .guideline .tb-B .hide {display:none;}
.manager .guideline .tb-B ul.dot {gap:3px;}
.manager .guideline .tb-B td.subject {text-align:left; padding:var(--gap-20) var(--gap-50);}

@media screen and (max-width: 1280px) {
    .manager .guideline .tb-B .grade {width:120px;}
    .manager .guideline .tb-B .method {width:170px;}
}

@media screen and (max-width: 900px) {
    .manager .guideline .tb-B .grade {width:90px;}
    .manager .guideline .tb-B .method {width:120px;}
}

@media screen and (max-width: 768px) {
    .manager .guideline .tb-B thead {display:none;}
    .manager .guideline .tb-B tbody {display:flex; flex-direction:column; gap:var(--gap-10); border:none;}
    .manager .guideline .tb-B tbody tr {width:100%; display:flex; flex-direction:column; position:relative; padding-left:90px; border:1px solid var(--gray-e4); box-sizing:border-box;}
    .manager .guideline .tb-B tbody tr td {display:flex; align-items:center; justify-content:flex-start; border:none; width:100%; height:auto; min-height:50px; border-top:1px solid var(--gray-e4); text-align:left; padding:var(--gap-20); position:relative; box-sizing:border-box;}
    .manager .guideline .tb-B tbody tr td:nth-child(-n+2) {border-top:none;}
    .manager .guideline .tb-B tbody tr .grade {position:absolute; left:0; top:0;}
    .manager .guideline .tb-B tbody tr td:not(.grade) {padding-left:calc(100px + var(--gap-20));}
    .manager .guideline .tb-B tbody tr td:not(.grade):before {content:''; width:100px; height:100%; background:#F3ECB3; box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-18); position:absolute; left:0; top:0;}
    .manager .guideline .tb-B tbody tr td.method:before {content:'검정방법';}
    .manager .guideline .tb-B tbody tr td.subject:before {content:'검정과목';}
    .manager .guideline .tb-B tbody tr td.pass:before {content:'합격기준';}

    .manager .guideline .tb-B .grade {width:90px; height:100%; text-align:center; justify-content:center;}
    .manager .guideline .tb-B .method {width:100%;}
    .manager .guideline .tb-B .hide {display:flex;}
    .manager .guideline .tb-B td.subject {padding:var(--gap-20);}
}

@media screen and (max-width: 480px) {
    .manager .guideline .tb-B tbody tr {padding-left:0; padding-top:40px;}
    .manager .guideline .tb-B tbody tr td {min-height:40px;}
    .manager .guideline .tb-B tbody tr td:not(.grade) {padding-left:calc(80px + var(--gap-20));}
    .manager .guideline .tb-B tbody tr td:not(.grade):before {width:80px;}

    .manager .guideline .tb-B .grade {width:100%; height:40px;}
}


.manager .schedule section .title-wrap {text-align:center;}

.manager .schedule table {width:100%; table-layout:fixed; --tb-h:50px;}
.manager .schedule table thead {width:100%;}
.manager .schedule table thead tr {width:100%;}
.manager .schedule table thead tr th {background:#F3ECB3; border-left:1px solid #F4F3EF; height:var(--tb-h); font-size:var(--font-size-18); font-weight:500;}
.manager .schedule table thead tr:first-child th:first-child {border-left:none; border-top-left-radius:var(--gap-10);}
.manager .schedule table thead tr:first-child th:last-child {border-top-right-radius:var(--gap-10);}
.manager .schedule table thead tr:last-child th {border-top:1px solid #F4F3EF;}

.manager .schedule table tbody {width:100%; border:solid var(--gray-e4); border-width:0 1px 1px 1px;}
.manager .schedule table tbody tr {width:100%; border-top:1px solid var(--gray-e4);}
.manager .schedule table tbody tr td {border-left:1px solid var(--gray-e4); font-size:var(--font-size-18); padding:var(--gap-20); text-align:center;}
.manager .schedule table tbody tr td.grade {border-left:none; background:var(--gray-e);}
.manager .schedule table tbody tr td.subject {padding:var(--gap-20) var(--gap-50); text-align:left;}

.manager .schedule table tr .grade {width:145px;}
.manager .schedule table tr .duration {width:200px;}

.manager .schedule .tb-C tr .subject {width:30%;}
.manager .schedule .tb-C tr td .label-wrap {display:flex; flex-direction:column; gap:var(--gap-8); align-items:center;}
.manager .schedule .tb-C tr td .label-wrap span {padding:0 var(--gap-10); border-radius:var(--gap-10); background:var(--white); height:30px; display:flex; align-items:center; justify-content:center;}
.manager .schedule .tb-C tr td .hide-wrap {display:none; visibility:hidden; width:100%;}
.manager .schedule .tb-C tr td .hide-wrap .hide-box {width:33.33%; padding:0 var(--gap-10);}
.manager .schedule .tb-C tr td .hide-wrap .hide-box:first-child {padding-left:0;}
.manager .schedule .tb-C tr td .hide-wrap .hide-box:last-child {padding-right:0;}

@media screen and (max-width: 1024px) {
    .manager .schedule table tr .grade {width:100px;}
    .manager .schedule table tr .duration {width:140px;}
}

@media screen and (max-width: 768px) {
    .manager .schedule table thead {display:none;}
    .manager .schedule table tbody {display:flex; flex-direction:column; gap:var(--gap-20); border:none;}
    .manager .schedule table tbody tr {width:100%; padding-left:90px; position:relative; display:flex; flex-direction:column; box-sizing:border-box; border:1px solid var(--gray-e4);}
    .manager .schedule table tbody tr td {display:flex; align-items:center; width:100%; position:relative; text-align:left; border-top:1px solid var(--gray-e4); min-height:60px;}
    .manager .schedule table tbody tr .grade {position:absolute; left:0; top:0; justify-content:center;}
    .manager .schedule table tbody tr td:nth-child(-n+2) {border-top:none;}

    .manager .schedule table tbody tr td:not(.grade) {padding-left:calc(150px + var(--gap-20));}
    .manager .schedule table tbody tr td:not(.grade):before {content:''; width:150px; height:100%; background:#F3ECB3; display:flex; align-items:center; justify-content:center; padding:var(--gap-10); box-sizing:border-box; position:absolute; left:0; top:0; font-size:var(--font-size-18); text-align:center;}
    .manager .schedule table tbody tr td:not(.grade).colspan:before {width:75px;}
    .manager .schedule table tbody tr td:not(.grade).colspan:after {width:75px; height:100%; background:#F3ECB3; display:flex; align-items:center; justify-content:center; position:absolute; left:75px; top:0; font-size:var(--font-size-18); box-sizing:border-box; border-left:1px solid #F4F3EF;}
       
    .manager .schedule table tr .grade {width:90px; height:100%;}
    .manager .schedule table tr .duration {width:100%;}
    
    .manager .schedule .tb-C tbody tr:nth-child(n+2):nth-child(-n+3),
    .manager .schedule .tb-C tbody tr:last-child {display:none;}
    .manager .schedule .tb-C tr td.subject {width:100%;}
    .manager .schedule .tb-C tr td.subject:before {content:'시험과목';}
    .manager .schedule .tb-C tr td.question-1:before {content:'시험 형태 및 문항 수 (문항)'; height:215px; z-index:100;}
    .manager .schedule .tb-C tr td.duration:before {content:'시험시간(분)';}
    .manager .schedule .tb-C tr td.question-1:after {content:'객관식';}
    .manager .schedule .tb-C tr td.question-2:after {content:'주관식';}
    .manager .schedule .tb-C tr td.total:after {content:'합계';}
    .manager .schedule .tb-C tr td.question-2 {min-height:95px;}
    .manager .schedule .tb-C tr td.question-2 > .label-wrap {display:none;}
    .manager .schedule .tb-C tr td.question-2 .hide-wrap {display:flex; visibility:visible;}

    .manager .schedule .tb-D tr td.method:before {content:'시험방법';}
    .manager .schedule .tb-D tr td.subject:before {content:'시험과목';}
    .manager .schedule .tb-D tr td.duration:before {content:'시험시간(분)';}
}

@media screen and (max-width: 480px) {
    .manager .schedule table tbody tr {padding-left:70px;}
    .manager .schedule table tbody tr td {min-height:50px;}
    .manager .schedule table tr .grade {width:70px; height:100%;}

    .manager .schedule table tbody tr td:not(.grade):not(.colspan) {padding-left:var(--gap-20); padding-top:calc(50px + var(--gap-20)); text-align:center; justify-content:center;}
    .manager .schedule table tbody tr td:not(.grade):not(.colspan):before {width:100%; height:50px;}
    .manager .schedule table tbody tr td:not(.grade).colspan {padding-left:calc(120px + var(--gap-20)); text-align:center; justify-content:center;}
    .manager .schedule table tbody tr td:not(.grade).colspan:before {width:60px;}
    .manager .schedule table tbody tr td:not(.grade).colspan:after {width:60px; left:60px;}

    .manager .schedule table tbody tr td.subject {text-align:left !important; justify-content:flex-start;}

    .manager .schedule .tb-C tr td .hide-wrap {flex-direction:column; gap:var(--gap-8);}
    .manager .schedule .tb-C tr td .hide-wrap .hide-box {padding:0; width:100%;}
    .manager .schedule .tb-C tr:nth-child(1) td.question-1:before {height:309px;}
    .manager .schedule .tb-C tr:nth-child(4) td.question-1:before {content:250px;}
    .manager .schedule .tb-C tr:nth-child(1) td.question-2 {min-height:210px;}
    .manager .schedule .tb-C tr:nth-child(4) td.question-2 {min-height:150px;}
}








/*씨서론*/
.cicerone .cicerone-wrap {width:100%;}
.cicerone .cicerone-wrap section {width:100%;}

.cicerone .sec-1 {padding:var(--gap-50) 0 calc(var(--gap-50) * 4) 0;}
.cicerone .sec-1 .sec-wrap {width:90%; max-width:1680px; margin:0 auto;}
.cicerone .sec-1 .layout-wrap {width:100%; display:flex; align-items:center;}
.cicerone .sec-1 .layout-wrap .img-wrap {width:50%;}
.cicerone .sec-1 .layout-wrap .img-wrap .img-box {width:62%; max-width:520px; margin:0 auto;}
.cicerone .sec-1 .layout-wrap .img-wrap .img-box span {display:block; width:100%; aspect-ratio:1; position:relative;}
.cicerone .sec-1 .layout-wrap .conts-wrap {width:50%; display:flex; flex-direction:column; gap:var(--gap-60); align-items:center;}
.cicerone .sec-1 .layout-wrap .conts-wrap .head-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); padding:0 var(--gap-50); color:var(--gray-1);}
.cicerone .sec-1 .layout-wrap .conts-wrap .head-box .head {font-size:var(--font-size-40); font-weight:600; line-height:1.4;}
.cicerone .sec-1 .layout-wrap .conts-wrap .head-box .conts {font-size:var(--font-size-20);}
.cicerone .sec-1 .layout-wrap .conts-wrap .conts-box {width:100%; background:rgba(255,255,255,0.5); border-radius:var(--gap-10); padding:var(--gap-50); font-size:var(--font-size-18); color:var(--gray-1);}

@media screen and (max-width: 1680px) {
    .cicerone .sec-1 .layout-wrap .conts-wrap .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 1440px) {
    .cicerone .sec-1 .layout-wrap .img-wrap {width:40%;}
    .cicerone .sec-1 .layout-wrap .conts-wrap {width:60%;}
}

@media screen and (max-width: 900px) {
    .cicerone .sec-1 .layout-wrap {flex-direction:column; gap:var(--gap-50); align-items:center;}
    .cicerone .sec-1 .layout-wrap .img-wrap {width:70%;}
    .cicerone .sec-1 .layout-wrap .conts-wrap {width:100%; text-align:center;}
    .cicerone .sec-1 .layout-wrap .conts-wrap .head-box {max-width:600px;}
}

@media screen and (max-width: 480px) {
    .cicerone .sec-1 .layout-wrap .img-wrap .img-box {width:90%;}
}


.cicerone .sec-2 {padding:calc(var(--gap-50) * 3) 0; background:var(--sub-color-y); overflow:hidden;}
.cicerone .sec-2 .sec-wrap {width:100%;}
.cicerone .sec-2 .layout-wrap {width:100%; display:flex; flex-direction:column; position:relative; align-items:center;}
.cicerone .sec-2 .layout-wrap .title-wrap {display:flex; flex-direction:column; gap:var(--gap-20); color:var(--gray-1); width:90%; max-width:1680px;}
.cicerone .sec-2 .layout-wrap .title-wrap .head {font-size:var(--font-size-40); font-weight:600;}
.cicerone .sec-2 .layout-wrap .title-wrap .conts {width:40%; max-width:465px; font-size:var(--font-size-20);}
.cicerone .sec-2 .layout-wrap .conts-wrap {width:100%; display:flex; justify-content:flex-end; overflow:visible; margin-left:calc(100% * 0.45); margin-top:calc(var(--gap-50) * -1.5); }
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap {width:100%; overflow:hidden; margin-left:calc(100vw * 0.2); position:relative; z-index:10;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .cicerone-slider-wrap {overflow:visible;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .cicerone-slider-wrap .cicerone-slide {align-items:flex-end;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide {width:435px;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide.is-leaving-next .slide-box {transform-origin:left bottom;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide.is-leaving-prev .slide-box {transform-origin:right bottom;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box {width:100%; position:relative; border-radius:var(--gap-10); overflow:hidden; transform:scale(0.86); transform-origin:right bottom; transition:transform 0.3s ease-in-out;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .img-box {width:100%;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .img-box span {display:block; width:100%; aspect-ratio:435/580; position:relative; overflow:hidden; z-index:1;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box {width:100%; height:100%; display:flex; align-items:flex-end; position:absolute; left:0; top:0; z-index:2; padding:30px; opacity:0; visibility:hidden; transition:opacity 0.3s ease, visibility 0.3s ease;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box:before {content:''; width:100%; height:60%; position:absolute; left:0; bottom:0; z-index:1; background: rgba(0, 0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box .box-wrap {display:flex; flex-direction:column; gap:var(--gap-10); color:var(--white); position:relative; z-index:10;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box .numbering {font-size:var(--font-size-30); font-weight:700; margin-bottom:var(--gap-10);}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box .head {font-size:var(--font-size-24); font-weight:600;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box .conts {font-size:var(--font-size-18);}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide-active .slide-box {transform:scale(1); transform-origin:left bottom;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide-active .slide-box .conts-box {opacity:1; visibility:visible;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap {--c-slide-arrow-w:60px; width:90%; max-width:1680px; display:flex; align-items:center; position:absolute; left:50%; bottom:0; transform:translateX(-50%); gap:var(--gap-20);}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap button {width:var(--c-slide-arrow-w); aspect-ratio:1; border-radius:50%; background:var(--white); font-size:0; cursor:pointer; position:relative;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap button:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/img/com/arrow_black.svg) no-repeat center / 66% auto;}
.cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap button.cicerone-prev:before {transform:scaleX(-1);}

@media screen and (max-width: 1280px) {
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide {width:360px;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box {padding:25px;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap {--c-slide-arrow-w:45px;}
}

@media screen and (max-width: 768px) {
    .cicerone .sec-2 .layout-wrap {gap:var(--gap-50);}
    .cicerone .sec-2 .layout-wrap .title-wrap .conts {width:100%;}
    .cicerone .sec-2 .layout-wrap .conts-wrap {margin-left:0; margin-top:0; padding-left:5%;}
    .cicerone .sec-2 .layout-wrap .conts-wrap {flex-direction:column; gap:var(--gap-50);}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap {margin-left:0;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide {width:300px;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap {position:relative; left:auto; transform:none;}
}

@media screen and (max-width: 648px) {
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide {width:260px;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap {--c-slide-arrow-w:36px;}
}

@media screen and (max-width: 480px) {
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide {width:200px;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-wrap .swiper-slide .slide-box .conts-box {padding:20px 10px;}
    .cicerone .sec-2 .layout-wrap .conts-wrap .slide-control-wrap {--c-slide-arrow-w:40px;}
}





.cicerone .sec-3 {padding:calc(var(--gap-50) * 4) 0 calc(var(--gap-50) * 3) 0;}
.cicerone .sec-3 .sec-wrap {width:90%; max-width:1680px; margin:0 auto;}
.cicerone .sec-3 .layout-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-80); --level-gap:60px; --level-rows:4; --title-span-h:27px; --title-p-h:30px; --title-h:calc(var(--gap-24) + var(--gap-32) + var(--title-span-h) + var(--title-p-h));}
.cicerone .sec-3 .layout-wrap .title-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); text-align:center; color:var(--gray-1); align-items:center;}
.cicerone .sec-3 .layout-wrap .title-wrap .head {width:100%; font-size:var(--font-size-40); font-weight:600;}
.cicerone .sec-3 .layout-wrap .title-wrap .conts {width:100%; font-size:var(--font-size-20); max-width:700px;}
.cicerone .sec-3 .layout-wrap .level-wrap {width:100%; display:flex; align-items:stretch; gap:var(--level-gap); flex-wrap:wrap;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box {width:calc((100% - (var(--level-gap) * (var(--level-rows) - 1))) / var(--level-rows)); border-radius:var(--gap-10); position:relative; cursor:pointer; overflow:hidden;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box:before {content:''; width:100%; height:100%; background:var(--black); position:absolute; left:0; top:0; z-index:1; clip-path:inset(100% 0% 0% 0%); transition:clip-path 0.5s ease-in-out;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .box-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-32); position:relative; z-index:10;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .title {width:100%; height:calc(var(--title-span-h) + var(--title-p-h) + var(--gap-24)); padding:var(--gap-24) var(--gap-20) 0 var(--gap-20); display:flex; flex-direction:column; gap:5px;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .title > * {width:100%; display:flex; align-items:center;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .title span {height:var(--title-span-h); font-size:var(--font-size-18); font-weight:700; color:var(--sub-color-y);}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .title p {height:var(--title-p-h); font-size:var(--font-size-20); font-weight:600; color:var(--black); transition:color 0.3s ease-in-out;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .level-conts {width:100%; padding:0 var(--gap-20) var(--gap-24) var(--gap-20); position:relative; display:flex; flex-direction:column; gap:var(--gap-20);}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .level-conts .img-box {width:100%;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .level-conts .img-box span {display:block; width:100%; aspect-ratio:335/241; border-radius:var(--gap-10); position:relative; overflow:hidden;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .level-conts .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10); color:var(--white);}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .level-conts .conts-box .head {width:100%; font-size:var(--font-size-20); font-weight:700;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .level-conts .conts-box .conts {width:100%; font-size:var(--font-size-18);}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .cover {width:100%; height:calc(100% - var(--title-h)); position:absolute; left:0; top:var(--title-h); z-index:10; border-radius:var(--gap-10); overflow:hidden; padding:0; transform-origin:center center; transform:scale(1); opacity:1; transition:transform 0.4s ease-in-out, opacity 0.3s ease-in-out; z-index:20;}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .cover span {display:block; width:100%; height:100%; position:relative; background:var(--white); transition:height 0.5s ease-in-out; }
.cicerone .sec-3 .layout-wrap .level-wrap .level-box .cover span img {filter:grayscale(1); opacity:0.7; transition:filter 0.5s ease-in-out, opacity 0.5s ease-in-out;}

.cicerone .sec-3 .layout-wrap .level-wrap .level-box.active .title p {color:var(--white);}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box.active:before {clip-path:inset(0% 0% 0% 0%);}
.cicerone .sec-3 .layout-wrap .level-wrap .level-box.active .cover {transform:scale(0); opacity:0;}

/*@media (hover:hover){
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:hover .title p {color:var(--white);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:hover:before {clip-path:inset(0% 0% 0% 0%);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:hover .cover {transform:scale(0); opacity:0;}
}*/


@media screen and (max-width: 1440px) {
    .cicerone .sec-3 .layout-wrap {--level-gap:40px;}
}

@media screen and (max-width: 1280px) {
    .cicerone .sec-3 .layout-wrap {--level-gap:20px;}
}

@media screen and (max-width: 1024px) {
    .cicerone .sec-3 .layout-wrap {--level-rows:2; --title-span-h:auto; --title-p-h:auto;}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:before {display:none;}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(1),
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(4) {background:var(--black);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(1) .title p,
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(4) .title p {color:var(--white);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(2),
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) {background:#D8D2CA;}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(2) .title span,
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) .title span {color:var(--white);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(2) .level-conts .conts-box,
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) .level-conts .conts-box {color:var(--black);}
    
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box .cover {display:none;}
}

@media screen and (max-width: 648px) {
    .cicerone .sec-3 .layout-wrap {max-width:360px; margin:0 auto; --level-rows:1;}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) {background:var(--black);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(4) {background:#D8D2CA;}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) .title span {color:var(--sub-color-y);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(4) .title span {color:var(--white);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) .title p {color:var(--white);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(4) .title p {color:var(--black);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(3) .level-conts .conts-box {color:var(--white);}
    .cicerone .sec-3 .layout-wrap .level-wrap .level-box:nth-child(4) .level-conts .conts-box {color:var(--black);}
}




.cicerone .sec-4 .sec-wrap {width:100%; display:flex; flex-direction:column; align-items:center;}
.cicerone .sec-4 .typo-wrap {width:100%; overflow:hidden;}
.cicerone .sec-4 .typo-wrap .typo-track {display:flex; width:max-content; gap:var(--gap-80);}
.cicerone .sec-4 .typo-wrap .typo-track .typo-box {display:flex; flex-shrink:0; gap:var(--gap-80);}
.cicerone .sec-4 .typo-wrap .typo-track .typo-box span {white-space:nowrap; font-size:clamp(50px,12cqw,220px); font-family:var(--DM); font-style:italic; color:#E7E6E2; line-height:1.2;}
.cicerone .sec-4 .typo-wrap .typo-track .typo-box span:last-child {color:transparent; -webkit-text-stroke:1px var(--gray-d);}
.cicerone .sec-4 .img-wrap {width:85%; max-width:1420px; display:flex; justify-content:flex-end; margin-top:-5%;}
.cicerone .sec-4 .img-wrap .img-box {width:25%; max-width:250px; border-radius:var(--gap-10); overflow:hidden;}
.cicerone .sec-4 .img-wrap .img-box span {display:block; width:100%; aspect-ratio:250/291; position:relative; overflow:hidden;}

@media screen and (max-width: 1280px) {
    .cicerone .sec-4 .img-wrap {margin-top:-7%;}
}

@media screen and (max-width: 1024px) {
    .cicerone .sec-4 .typo-wrap .typo-track,
    .cicerone .sec-4 .typo-wrap .typo-track .typo-box {gap:var(--gap-50);}
}

@media screen and (max-width: 480px) {
    .cicerone .sec-4 .img-wrap {margin-top:-8%;}
}



.cicerone .sec-5 .sec-wrap {width:100%; display:flex; flex-direction:column; align-items:center;}
.cicerone .sec-5 .main-conts-wrap {width:90%; max-width:1520px; position:relative; z-index:2;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap {width:100%; display:flex; align-items:center;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .img-box {width:42%; max-width:625px; border-radius:var(--gap-10); overflow:hidden; position:relative;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .img-box span {display:block; width:100%; aspect-ratio:624/725; position:relative; overflow:hidden; z-index:10;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .img-box .cover {width:100%; height:100%; position:absolute; left:0; top:0; background:var(--sub-color-y); z-index:1;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box {width:57%; padding-left:80px; display:flex; flex-direction:column; gap:var(--gap-20); color:var(--gray-1);}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box .head {font-size:var(--font-size-40); font-weight:600;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box .conts {width:100%; font-size:var(--font-size-18);}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box .conts .row-wrap {width:100%; max-width:530px; display:flex; flex-direction:column; gap:5px;}
.cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box .conts .row-wrap .row {width:100%;}

@media screen and (max-width: 1024px) {
    .cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box {padding-left:40px; padding-bottom:var(--gap-80);}
}


@media screen and (max-width: 768px) {
    .cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box {padding-left:20px;}
}

@media screen and (max-width: 648px) {
    .cicerone .sec-5 {padding-top:calc(var(--gap-50) * 2);}
    .cicerone .sec-5 .sec-wrap {gap:var(--gap-80);}
    .cicerone .sec-5 .main-conts-wrap .conts-wrap {flex-direction:column; gap:var(--gap-40); align-items:center;}
    .cicerone .sec-5 .main-conts-wrap .conts-wrap .img-box {width:100%; max-width:500px;}
    .cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box {width:100%; max-width:350px; text-align:center; padding-left:0; padding-bottom:0;}
}

@media screen and (max-width: 360px) {
    .cicerone .sec-5 .main-conts-wrap .conts-wrap .conts-box .conts .br {display:inline-block;}
}

.cicerone .sec-5 .sub-conts-wrap {width:100%; position:relative; padding:calc(var(--gap-50) * 5.2) 0 calc(var(--gap-60) * 3) 0; background:#36312B; overflow:hidden; margin-top:calc((var(--gap-60) * 2) * -1); position:relative; z-index:1;}
.cicerone .sec-5 .sub-conts-wrap .inner {width:90%; max-width:1520px; margin:0 auto; position:relative; z-index:10;}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap {width:100%; display:flex; align-items:stretch;}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box {width:33.33%; position:relative; display:flex; justify-content:center; padding:var(--gap-20);}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box:before {content:''; width:2px; height:40%; max-height:60px; border-radius:10px; background:rgba(255,255,255,0.1); position:absolute; right:-1px; top:50%; transform:translateY(-50%);}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box:last-child:before {display:none;}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box .box-wrap {width:fit-content; max-width:100%; display:flex; flex-direction:column; gap:var(--gap-20); color:var(--white); text-align:center;}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box .box-wrap > * {max-width:100%;}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box .box-wrap .head {font-size:var(--font-size-30); font-weight:700;}
.cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box .box-wrap .conts {font-size:var(--font-size-18);}
.cicerone .sec-5 .sub-conts-wrap .obj-wrap {width:100%; max-width:1920px; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1;}
.cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj {display:block; aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,0.05); position:absolute;}
.cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-1 {width:27%; max-width:515px; right:-5%; top:-15%;}
.cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-2 {width:10%; max-width:152px; left:52%; top:-10%;}
.cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-3 {width:4%; max-width:48px; left:61%; top:12%;}


@media screen and (max-width: 1024px) {
    .cicerone .sec-5 .sub-conts-wrap {margin-top:calc((var(--gap-60) * 1.5) * -1);}
}

@media screen and (max-width: 900px) {
    .cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box .box-wrap .conts .br {display:inline-block;}
}

@media screen and (max-width: 768px) {
    .cicerone .sec-5 .sub-conts-wrap .layout-wrap {flex-direction:column; gap:var(--gap-80);}
    .cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box {width:100%;}
    .cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box:before {width:20%; max-width:50px; height:2px; left:50%; top:auto; bottom:calc(((var(--gap-80) - 2px) / 2) * -1); transform:translateX(-50%);}
    .cicerone .sec-5 .sub-conts-wrap .layout-wrap .layout-box .box-wrap .conts .br {display:block;}
    .cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-1 {width:32%; top:-5%;}
    .cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-2 {left:46%; top:-4%;}
    .cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-3 {left:58%; top:6%;}
}

@media screen and (max-width: 648px) {
    .cicerone .sec-5 .sub-conts-wrap {margin-top:0;}
    .cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-1 {width:45%; right:-7%;}
    .cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-2 {width:15%; left:12%; top:-3.5%;}
    .cicerone .sec-5 .sub-conts-wrap .obj-wrap .obj-3 {width:5%; left:29%; top:6%;}
}


.cicerone .sec-6 {padding:calc(var(--gap-50) * 4) 0; overflow:hidden;}
.cicerone .sec-6 .sec-wrap {width:90%; max-width:1680px; margin:0 auto;}
.cicerone .sec-6 .layout-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-80); position:relative;}
.cicerone .sec-6 .layout-wrap:before {content:''; width:50vw; height:100%; background:var(--beige); position:absolute; left:-50vw; top:0; z-index:1000;}
.cicerone .sec-6 .layout-wrap > * {position:relative; z-index:10;}
.cicerone .sec-6 .layout-wrap .title-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); color:var(--gray-1);}
.cicerone .sec-6 .layout-wrap .title-wrap > * {max-width:100%;}
.cicerone .sec-6 .layout-wrap .title-wrap .head {font-size:var(--font-size-40); font-weight:600;}
.cicerone .sec-6 .layout-wrap .title-wrap .conts {font-size:var(--font-size-20);}

.cicerone .sec-6 .layout-wrap .ability-slide-wrap {width:100%; overflow:visible;}
.cicerone .sec-6 .layout-wrap .ability-slide-wrap .ability-slide {overflow:visible;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-wrapper {align-items:stretch;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide {width:48vw; max-width:560px; height:auto;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box {width:100%; height:100%; border-radius:var(--gap-10); background:var(--white); overflow:hidden;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .box-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-40); padding:30px;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .head {width:100%; display:flex; align-items:stretch; justify-content:space-between; gap:var(--gap-10);}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .head .numbering {font-size:var(--font-size-24); font-weight:700; color:var(--black);}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .head .icon {width:36%; max-width:180px;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .head .icon span {display:block; width:100%; aspect-ratio:1; position:relative; overflow:hidden;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-16);}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .conts-box > * {max-width:100%;}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .conts-box .tlt {font-size:var(--font-size-24); font-weight:600; color:var(--black);}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .conts-box .conts {font-size:var(--font-size-18); color:var(--gray-1);}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-scrollbar {position:static; width:100%; height:6px; margin-top:var(--gap-60); border-radius:100px; background:var(--gray-d);}
.cicerone .sec-6 .layout-wrap .ability-slide .swiper-scrollbar-drag {background:#767676;}

@media screen and (max-width: 768px) {
    .cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide {width:60vw;}
    .cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .box-wrap {padding:25px;}
}

@media screen and (max-width: 480px) {
    .cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide {width:70vw; min-width:250px;}
    .cicerone .sec-6 .layout-wrap .ability-slide .swiper-slide .ability-box .box-wrap {padding:20px;}
}



.cicerone .sec-7 .sec-wrap {width:90%; max-width:1680px; margin:0 auto;}
.cicerone .sec-7 .partners-wrap {width:100%; display:flex; align-items:flex-start; justify-content:space-between;}
.cicerone .sec-7 .partners-wrap .conts-wrap {width:50%; max-width:745px; display:flex; flex-direction:column; gap:var(--gap-80);}
.cicerone .sec-7 .partners-wrap .conts-wrap .title-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); color:var(--gray-1);}
.cicerone .sec-7 .partners-wrap .conts-wrap .title-wrap .head {font-size:var(--font-size-40); font-weight:600;}
.cicerone .sec-7 .partners-wrap .conts-wrap .title-wrap .conts {font-size:var(--font-size-20);}

.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap {width:80%; max-width:560px; display:flex; flex-direction:column; gap:var(--gap-16);}
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box {width:100%; background:rgba(255,255,255,0.5); border-radius:var(--gap-10); padding:var(--gap-40) 0;}
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box .box-wrap {width:100%; display:flex; align-items:stretch;} 
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box .numbering {width:30%; height:auto; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-20); font-size:var(--font-size-24); font-weight:700; color:var(--sub-color-y);}
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box .conts-box {width:70%; display:flex; flex-direction:column; gap:var(--gap-10);}
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box .conts-box > * {max-width:100%;}
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box .conts-box .head {font-size:var(--font-size-20); font-weight:600; color:var(--black);}
.cicerone .sec-7 .partners-wrap .conts-wrap .layout-wrap .layout-box .conts-box .conts {font-size:var(--font-size-18); color:var(--gray-3); padding-right:var(--gap-32);}

.cicerone .sec-7 .partners-wrap .img-wrap {width:45%; max-width:748px; position:relative;}
.cicerone .sec-7 .partners-wrap .img-wrap .img-box {width:100%; position:relative; z-index:1;}
.cicerone .sec-7 .partners-wrap .img-wrap .img-box span {display:block; width:100%; aspect-ratio:748/750; position:relative; overflow:hidden;}
.cicerone .sec-7 .partners-wrap .img-wrap .label {width:20%; max-width:240px; position:absolute; left:0; bottom:0; z-index:10; transform:translate(-50%,50%);}
.cicerone .sec-7 .partners-wrap .img-wrap .label span {display:block; width:100%; aspect-ratio:1; position:relative; overflow:hidden;}


@media screen and (max-width: 768px) {
    .cicerone .sec-7 .partners-wrap {flex-direction:column; gap:var(--gap-80); align-items:center;}
    .cicerone .sec-7 .partners-wrap .conts-wrap {width:100%; align-items:center;}
    .cicerone .sec-7 .partners-wrap .conts-wrap .title-wrap {width:80%; text-align:center;}

    .cicerone .sec-7 .partners-wrap .img-wrap {width:70%;}
    .cicerone .sec-7 .partners-wrap .img-wrap .label {width:25%;}
}


 .cicerone .banner-wrap {width:100%; padding:calc(var(--gap-60) * 3) 0; background:url(/img/conts/cicerone_banner_bg.jpg) no-repeat center / cover;}
 .cicerone .banner-wrap .banner-box {width:90%; margin:0 auto;}
 .cicerone .banner-wrap .banner-box .banner-conts {width:100%; display:flex; flex-direction:column; gap:var(--gap-50); align-items:center;}
 .cicerone .banner-wrap .banner-box .banner-conts > * {max-width:100%;}
 .cicerone .banner-wrap .banner-box .banner-conts .conts {font-size:var(--font-size-40); font-weight:600; color:var(--real-black); text-align:center;}
 .cicerone .banner-wrap .banner-box .banner-conts .button-wrap {width:100%; display:flex; align-items:center; justify-content:center;}
  




 .layer-popup {width:90%; max-width:882px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1000; background:var(--beige); display:none;}
 .layer-popup.active {display:block;}
 .layer-popup .popup-wrap {width:100%; display:flex; flex-direction:column;}
 .layer-popup .title-box {width:100%; height:var(--gap-80); position:relative; display:flex; align-items:center; justify-content:center;}
 .layer-popup .title-box .title {width:fit-content; max-width:90%; font-size:var(--font-size-24);}
 .layer-popup .title-box button {height:35%; aspect-ratio:1; background:url(/img/com/close.svg) no-repeat center / cover; position:absolute; right:2.5%; top:50%; transform:translateY(-50%); font-size:0;}
 .layer-popup .popup-conts {width:100%; height:calc((var(--nvh) * 0.7) - var(--gap-80) - (var(--gap-50) * 2)); max-height:480px;}
 .layer-popup .popup-conts .conts-wrap {width:94%; max-width:822px; height:100%; margin:0 auto; background:rgba(255,255,255,0.5); border-radius:10px; overflow-y:auto; padding:var(--gap-20);}
 .layer-popup .popup-conts .conts-wrap::-webkit-scrollbar {width:5px;}
 .layer-popup .popup-conts .conts-wrap::-webkit-scrollbar-track {border-radius:999px;}
 .layer-popup .popup-conts .conts-wrap::-webkit-scrollbar-thumb {background:var(--gray-de); border-radius:999px;}
 .layer-popup .popup-conts .policy-wrap {width:100%; display:flex; flex-direction:column; gap:var(--gap-20); line-height:1.6;}
 .layer-popup .popup-conts .policy-wrap article {width:100%; display:flex; flex-direction:column; gap:var(--gap-10); font-size:var(--font-size-15); color:var(--gray-3);}
 .layer-popup .popup-conts .policy-wrap article h3 {width:100%; font-weight:600; font-size:var(--font-size-15);}
 .layer-popup .popup-conts .policy-wrap article .conts-box {width:100%; display:flex; flex-direction:column; gap:var(--gap-10);}
 .layer-popup .popup-conts .policy-wrap article .conts-box > * {width:100%;}
 .layer-popup .popup-conts .policy-wrap article .conts-box .numbering {counter-reset:number; display:flex; flex-direction:column; gap:3px;}
 .layer-popup .popup-conts .policy-wrap article .conts-box .numbering > li {width:100%; counter-increment:number; padding-left:calc(var(--font-size-15) - 1px); text-indent:calc((var(--font-size-15) - 1px) * -1);}
 .layer-popup .popup-conts .policy-wrap article .conts-box .numbering > li:before {content:counter(number)'. ';}
 .layer-popup .popup-conts .policy-wrap article .conts-box .dot li {padding-left:calc(var(--font-size-15) - 6px); text-indent:calc((var(--font-size-15) - 6px) * -1);}
 .layer-popup .popup-conts .policy-wrap article .conts-box .dot li:before {content:'• ';}
 .layer-popup .button-wrap {width:100%; height:calc(var(--gap-50) * 2); display:flex; align-items:center; justify-content:center;}


 .dim {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; background:rgba(38,38,38,0.7);}



 .contents .select-box {position:relative; max-width:100%;}
 .contents .select-box .select-native {display:none;}
 .contents .select-box .btn-select {height:var(--input-h); box-sizing:border-box; border-radius:5px; border:1px solid var(--gray-de); font-size:var(--font-size-18); padding:0 calc((var(--gap-20) * 2) + var(--gap-16)) 0 var(--gap-20); position:relative; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 .contents .select-box .btn-select:after {content:''; width:0; height:0; border:solid transparent; border-width:0 5px; border-top:6px solid var(--gray-6); position:absolute; right:var(--gap-20); top:50%; transform:translateY(-50%);}
 .contents .select-box .btn-select[data-value=""] {color:var(--gray-9);}
 .contents .select-box .select-list {width:max-content; max-width:100%; max-height:180px; position:absolute; left:0; top:calc(100% + var(--gap-8)); box-sizing:border-box; border-radius:5px; border:1px solid var(--gray-de); background:var(--beige); overflow-x:hidden; overflow-y:auto; display:none; z-index:80;}
 .contents .select-box .select-list li {width:100%; min-height:var(--gap-40); padding:5px var(--gap-20); display:flex; align-items:center; font-size:var(--font-size-18); cursor:pointer; overflow-wrap:anywhere;}
 .contents .select-box .select-list li.active {color:var(--sub-color-y);}
 .contents .select-box .select-list li[data-value=""] {color:var(--gray-1);}
 .contents .select-box.active .select-list {display:block;}







@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 648px) {}
@media screen and (max-width: 480px) {}


.post-conts img{max-width:100%;}

.nodata{width:100%;text-align:center;}