@charset "utf-8";

.s-head {margin-bottom:var(--space-60); font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em; text-align:center;}

.greeting {display:flex; margin-top:var(--space-60);}
.greeting h2 {font-size:var(--font-size-24); width:35%; padding:0 var(--space-40); font-weight:700; letter-spacing:-.03em; line-height:1.58em;}
.greeting h2 strong {color:var(--color-primary);}
.greeting .text {flex:1; color:#484848;}

.association h2 {margin-bottom:var(--space-25); font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.association h2 strong {color:var(--color-primary);}
.association .text {color:#484848;}
.association .image {margin:var(--space-75) 0; padding:var(--space-80) 20px; text-align:center; border:1px solid #ddd; border-radius:24px; overflow:hidden;}

.root_daum_roughmap_landing {width:100% !important; border-radius:24px; overflow:hidden;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(570 / var(--inner) * 100vw), 570px) !important;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .wrap_controllers {border:0 !important;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3, 
.root_daum_roughmap_landing .border4 {display:none;}

.location-info {display:flex; margin-top:var(--space-30);}
.location-info .item {display:flex; gap:0 var(--space-30);}
.location-info .item img {width:clamp(40px, calc(69 / var(--inner) * 100vw), 69px); height:clamp(40px, calc(69 / var(--inner) * 100vw), 69px);}
.location-info .item dl {flex:1;}
.location-info .item dl dt {font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.location-info .item dl dd {color:#484848;}
.location-info .item:nth-child(1) {width:44%;}
.location-info .item:nth-child(2),
.location-info .item:nth-child(3),
.location-info .item:nth-child(4) {flex:1;}

.curriculum {margin-bottom:var(--space-100); text-align:center; font-size:var(--font-size-18); color:#484848;}
.curriculum p {line-height:1.78em;}
.curriculum span {position:relative; bottom:-23px; line-height:1em; font-family:'NanumMyeongjo', sans-serif; color:var(--color-primary); font-size:var(--font-size-50); font-weight:800;}

.composition {padding:var(--space-120) 0; background:#fafafa;}
.composition .items .row {display:flex; flex-wrap:wrap; justify-content:center; margin:calc(var(--space-20) * -1);}
.composition .items .col {width:33.333%; padding:var(--space-20);}
.composition .items .item {position:relative; padding:var(--space-50); min-height:270px; background-color:#fff; border-radius:32px;}
.composition .items .item .bg-ico {opacity:.2; position:absolute; right:var(--space-30); bottom:var(--space-30); width:clamp(40px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(37px, calc(74 / var(--inner) * 100vw), 74px);}
.composition .items .tit {color:var(--color-primary); margin-bottom:var(--space-15); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.composition .items .list ul li {margin-bottom:var(--space-10); line-height:1.4em; padding-left:15px; position:relative; font-weight:400; letter-spacing:-.03em; color:#484848;}
.composition .items .list ul li:last-child {margin-bottom:0;}
.composition .items .list ul li:before {content:''; position:absolute; left:0; top:.5em; width:5px; height:5px; border-radius:100%; background:var(--color-primary);}

.operation .items {border-top:2px solid var(--color-primary);}
.operation .items .item {padding:var(--space-60) 0; gap:0 var(--space-60); display:flex; align-items:center; border-bottom:1px dashed #ddd;}
.operation .items .title {display:flex; align-items:center; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.operation .items .title:before {content:''; width:10px; height:10px; border-radius:100%; background:var(--color-primary); margin-right:var(--space-10);}
.operation .items .text {flex:1; font-weight:400; color:#484848;}
.operation .items .text .bar {color:#ddd; display:inline-block; margin:0 var(--space-10);}
.operation .items .list {flex:1;}
.operation .items .list ul li {margin-bottom:var(--space-10); padding-left:15px; font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#484848; position:relative;}
.operation .items .list ul li:last-child {margin-bottom:0;}
.operation .items .list ul li:before {content:''; position:absolute; left:0; top:.5em; width:5px; height:5px; border-radius:100%; background:var(--color-primary);}

.certi-caution {margin-bottom:var(--space-25); font-weight:500; color:#484848;}
.certi-caution strong {color:var(--color-primary);}

.certi {border-top:2px solid var(--color-primary);}
.certi .item {border-bottom:1px dashed #ddd; padding:var(--space-60);}
.certi .item h2 {margin-bottom:var(--space-30); color:var(--color-primary); display:flex; align-items:center; gap:0 var(--space-20); font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.certi .item h2 span {font-size:var(--font-size-18); font-weight:700; width:40px; height:40px; border-radius:8px; background:#E1EDD6; display:flex; align-items:center; justify-content:center; color:var(--color-primary);}
.certi .item .content {padding-left:var(--space-60);}
.certi .item .content .text {margin-bottom:var(--space-30); color:#484848; line-height:1.88em;}
.certi .item .level .cnt {margin-bottom:var(--space-20); display:flex;}
.certi .item .level .cnt:last-child {margin-bottom:0;}
.certi .item .level .cnt .tit {margin-right:var(--space-20); display:flex; align-items:center; justify-content:center; border-radius:8px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#fff; background:var(--color-primary); width:70px; height:36px;}
.certi .item .level .cnt .txt {flex:1; padding-top:3px; color:#484848; letter-spacing:-.03em;}
.certi .item .level .cnt .txt .bar {display:inline-block; color:#ddd; margin:0 var(--space-10);}

.preview {padding:var(--space-100) 0; margin-top:var(--space-100); background:#F6F8F5;}
.preview .contain {display: flex;}
.preview h2 {font-size:var(--font-size-24); width:35%; padding:0 var(--space-40); font-weight:700; letter-spacing:-.03em; line-height:1.58em;}
.preview h2 span {color:var(--color-primary);}
.preview .video-area {flex:1;}