@charset "utf-8";
.doc-btn {display:inline-flex;}
.doc-btn a {min-width:200px; height:64px; font-size:var(--font-size-18); margin:0 auto; gap:10px; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:30px;}
.doc-btn span {font-family:'SUIT', sans-serif;}
.doc-btn:hover a {background-color:#FFBE00; border-color:#FFBE00; color:#fff;}

.doc-tit {margin-bottom:var(--space-50); color:#242424; font-family:"S-CoreDream", sans-serif; font-size:var(--font-size-40); font-weight:600; line-height:1.5em; letter-spacing:-0.03em;}

.greetings {display:flex; gap:var(--space-130);}
.greetings span {color:var(--color-primary);}
.greetings .ceo {margin-top:var(--space-25); color:#242424; font-size:var(--font-size-18); letter-spacing:-0.03em; line-height:1.5em;}
.greetings .col-r {flex:1;}
.greetings .col-r .tit {margin-bottom:var(--space-45); font-size:var(--font-size-24); font-weight:600; letter-spacing:-0.03em; line-height:1.4em; font-family:'S-CoreDream', sans-serif; color:#242424;}
.greetings .col-r .txt {font-size:var(--font-size-18); display:grid; gap:var(--space-15); letter-spacing:-0.03em; line-height:1.55em;}

.chk-wrap {height:44px; display:flex; gap:var(--space-20); align-items:center;}

.sub-desc {text-align:center; margin-bottom:var(--space-90); display:grid; gap:var(--space-40);}
.sub-desc .txt1 {font-size:var(--font-size-36); font-weight:600; letter-spacing:-0.03em; line-height:1.4em; font-family:'S-CoreDream', sans-serif; color:#242424;}
.sub-desc .txt2 {line-height:1.55em;}
.sub-desc span {color:var(--color-primary);}

.store-flex {display:flex; margin:0 -20px; font-family:'S-CoreDream', sans-serif; text-align:center;}
.store-flex .item {flex:1; padding:0 20px;}
.store-flex .box {height:300px; display:flex; flex-direction:column; align-items:center; border-radius:20px; box-shadow:0 8px 20px 0 rgba(0, 0, 0, 0.20); justify-content:center; gap:var(--space-20);}
.store-flex .txt {margin-top:var(--space-25); font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.55em; color:#242424;}

.store-wide {margin-top:var(--space-150); padding:var(--space-100) 0; background:url('/images/sub/storebg.jpg') no-repeat center center / cover;}
.store-wide .contain {display:grid;}
.store-wide .sub-desc {margin-bottom:var(--space-40);}
.store-wide a {padding:0 var(--space-35); background-color:#fff; border-color:#242424;}

.branch-wrap {max-width:1000px; margin:0 auto;}
.branch-slider .thumb {border-radius:15px; position:relative; padding-bottom:66%; overflow:hidden; background:#fff;}
.branch-slider .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.branch-slider .thumb:after {border-radius:15px; content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #5D5D5D;}
.branch-slider .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent;}
.branch-for {margin-bottom:var(--space-40);}
.branch-for .slick-arrow {width:56px; height:56px;}
.branch-for .slick-prev {left:-116px; background-image:url('/images/sub/slide-prev.png');}
.branch-for .slick-next {right:-116px; background-image:url('/images/sub/slide-next.png');}
.branch-nav .slick-arrow {width:10px; height:17px;}
.branch-nav .slick-prev {left:-35px; background-image:url('/images/sub/slide-prev2.png');}
.branch-nav .slick-next {right:-35px; background-image:url('/images/sub/slide-next2.png');}
.branch-nav {margin:0 -12px;}
.branch-nav .item {padding:0 12px;}
.branch-nav .slick-current .thumb:after {border-color:var(--color-primary);}

.root_daum_roughmap, 
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 630 / var(--inner) * 100vw ), 630px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.location {margin-top:var(--space-150); display:flex; position:relative; gap:var(--space-50); align-items:center; border-radius:30px; border:1px solid #5d5d5d; overflow:hidden;}
.location .map {max-width:800px; width:100%;}
.map-info {flex:1; margin-top:-50px;}
.map-info .tit {margin-bottom:var(--space-60); font-size:var(--font-size-36); font-weight:600; letter-spacing:-0.03em; line-height:1.4em; font-family:"S-CoreDream", sans-serif; color:#242424;}
.map-info dl {margin-bottom:var(--space-30);}
.map-info dt {margin-bottom:10px; font-weight:600; font-size:var(--font-size-20); letter-spacing:-0.03em; line-height:1.55em; color:#242424;}
.map-info .itm {padding-left:50px;}
.map-info .ico {position:relative;}
.map-info .ico:before {left:-50px; top:-5px; width:40px; height:40px; content:''; position:absolute; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.map-info .ico1:before {background-image:url('/images/sub/ico-map1.png');}
.map-info .ico2:before {background-image:url('/images/sub/ico-map2.png');}
.map-info .tel {font-size:var(--font-size-17); color:#242424;}
.map-info .naver-btn {position:absolute; bottom:var(--space-30); right:var(--space-30);}

.lesson-menu-wrap {padding:var(--space-80) 0; margin-bottom:var(--space-150); background-color:#F8F8F8;}
.lesson-menu {gap:var(--space-25); display:flex;}
.lesson-menu > a {flex:1; display:flex;}
.lesson-menu .item {width:100%; height:130px; gap:10px; background-color:#fff; color:#242424; font-weight:600; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #5d5d5d; border-radius:10px;}
.lesson-menu .item:hover,
.lesson-menu .item.active {background-color:var(--color-primary);}

.lesson-intro {margin-bottom:var(--space-150); display:flex; gap:var(--space-50); align-items:center;}
.lesson-intro .info {flex:1;}
.lesson-intro .txt1 {color:#242424; font-family:"S-CoreDream", sans-serif; font-size:var(--font-size-24); font-weight:600; line-height:1.4em; letter-spacing:-0.03em;}
.lesson-intro .txt2 {margin-top:var(--space-15); line-height:1.6em;}

.teacher-list {display:flex; flex-wrap:wrap; margin:0 -20px -50px;}
.teacher-list .item {width:25%; padding:0 20px; margin-bottom:50px;}
.teacher-list .thumb {position:relative; padding-bottom:119%; margin-bottom:var(--space-25); overflow:hidden;}
.teacher-list .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.teacher-list .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #5D5D5D;}
.teacher-list .info {margin-top:var(--space-25); display:flex; align-items:center;}
.teacher-list .name {color:#242424; flex:1; font-family:"S-CoreDream", sans-serif; font-size:var(--font-size-24); font-weight:600; line-height:1.4em; letter-spacing:-0.03em;}
.teacher-list .txt {line-height:1.6em;}

.teacher-list .item:hover .thumb:after {background-image:url('/images/sub/pop-hover.png'); background-repeat:no-repeat; background-position:50% 50%; background-color:rgba(255, 190, 0, 0.70);}

.modal {max-width:1000px; padding:0; background:unset; box-shadow:none; border-radius:30px; overflow:hidden;}
.pop-teacher {overflow:hidden;}
.pop-teacher .inner {padding:var(--space-60); gap:var(--space-60); display:flex; background:#fff;}
.pop-teacher + a.close-modal {width:18px; height:18px; right:var(--space-30); top:var(--space-30); background:url('/images/sub/modal-close.png') 50% 50% / contain no-repeat;}
.pop-teacher .img-area {width:320px;}
.pop-teacher .img-area .thumb {position:relative; padding-bottom:118.75%; overflow:hidden;}
.pop-teacher .img-area .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important;max-width:100%; min-height:100%; object-fit:cover;}

.pop-teacher .info {max-height:620px; overflow:auto; flex:1;}
.pop-teacher .top-info {display:flex; gap:var(--space-30); align-items:flex-end; margin-bottom:var(--space-50);}
.pop-teacher .top-info .name {color:#242424; font-family:"S-CoreDream", sans-serif; font-size:var(--font-size-30); font-weight:600; line-height:1.33em; letter-spacing:-.03em;}
.pop-teacher .top-info .txt {color:#8F8F8F;}
.pop-teacher .tt {color:#242424; font-size:var(--font-size-18); margin-bottom:var(--space-20); font-weight:600; line-height:1.55em; letter-spacing:-.03em;}
.pop-teacher ul li {/* padding-left:25px; */ line-height:1.87em; position:relative;}
/* .pop-teacher ul li:before {content:''; position:absolute; top:12px; left:8px; width:3px; height:3px; background:#242424; border-radius:50%;} */