@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#f8f8f8;}

.doc-cnt {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.doc-cnt-padding {padding:clamp(40px, calc(100/ var(--inner) * 100vw ),100px) 0;} 

.doc-tit {margin-bottom:0.75em; font-family:'S-CoreDream',sans-serif; font-size:clamp(22px, calc(40/ var(--inner) * 100vw ),40px); line-height:1.2; font-weight:600; color:#242424; text-align:center;}
.doc-txt {font-size:var(--font-size-18); font-weight:500; line-height:1.4; text-align:center;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.balloon-tit {padding-left:20px;}
.balloon-tit span {display:inline-block; padding:10px; min-width:230px; background:#c5151c; border-radius:7px 7px 0 0; font-size:var(--font-size-18); font-weight:700; line-height:1; color:#fff; text-align:center;}
.balloon {position:relative; padding:var(--size20) var(--size40); border:2px solid #c5151c; background:#fff; border-radius:7px;}
.balloon:before {content:''; position:absolute; bottom:-21px; right:10px; width:21px; height:21px; background:url('/images/sub/icon-tri.jpg') no-repeat 50% 50%/contain;}
.balloon.type-left:before {right:auto; left:10px;}
.balloon.type2 {max-width:400px; text-align:center;}
.balloon p {font-size:var(--font-size-20); font-weight:600; line-height:1.3; color:#242424;}

.check-bg {width:100%; height:100%; padding:clamp(40px, calc(150/ var(--inner) * 100vw ),150px) 15px; background:linear-gradient(to bottom, transparent 7px , #f5f5f5 7px) 0 0 / 100vw 8px repeat-y, linear-gradient(to right, transparent 7px, #f5f5f5 7px) 0 0 / 8px 100% repeat-x white; border:1px solid #dfdfdf; border-radius:var(--size10); text-align:center;}

.content-margin {margin-bottom:clamp(40px, calc(120/ var(--inner) * 100vw ),120px);}
.content-padding {padding:clamp(40px, calc(120/ var(--inner) * 100vw ),120px) 0;}

.sub-more-btn {text-align:center;}
.sub-more-btn a {display:inline-block; min-width:230px; padding:1em; border:2px solid #454545; border-radius:100vh; font-size:var(--font-size-20); font-weight:600; line-height:1; color:#454545; text-align:center;}
.sub-more-btn a:hover {background:#c5151c; border-color:#c5151c; color:#fff;}


/* 대치교육 소개 */
.gal-slider {position:relative; margin-bottom:10px;}
.gal-ctrl {display:flex; align-items:center; position:absolute; left:50%; bottom:20px; padding:16px 20px; border-radius:100vh; transform:translateX(-50%); background:rgba(0,0,0,0.6);}
.gal-ctrl .title-box {min-width:110px; padding:0 10px; font-size:var(--font-size-20); font-weight:600; line-height:1; color:#fff; text-align:center;}
.gal-ctrl button {display:block; width:9px; height:16px; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; border:0; text-indent:-999em; overflow:hidden; opacity:0.3; transition:0.2s all ease;}
.gal-ctrl button:hover {opacity:1;}
.gal-ctrl .prevArrow {background-image:url('/images/sub/sld-prev.png');}
.gal-ctrl .nextArrow {background-image:url('/images/sub/sld-next.png');}

.thumb-pic .slick-list {margin:0 -5px;}
.thumb-pic .slick-slide {position:relative; margin:0 5px; cursor:pointer;}
.thumb-pic .slick-slide:before {content:''; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; opacity:0; border:3px solid #c5151c;}
.thumb-pic .slick-current:before {opacity:1;}

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

.location-wrap {position:relative;}
.location {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:-1;}
.location.on {opacity:1; z-index:1; position:relative;}

.local-tab {margin-bottom:var(--size40);}
.local-tab ul {display:flex; justify-content:center; flex-wrap:wrap;}
.local-tab ul li {position:relative; padding:0.5em 1em; font-size:var(--font-size-18); font-weight:500; line-height:1.2; color:#454545;}
.local-tab ul li:before {content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background:#ddd;}
.local-tab ul li:last-child:before {display:none;}
.local-tab ul li.active {color:#c5151c; font-weight:600; text-decoration:underline;}

.local-map {margin-bottom:var(--size60);}
.local-info {display:flex; align-items:center; gap:var(--size60);}
.local-info h3 {width:270px; border-right:1px solid #ddd; font-size:clamp(20px, calc(34/ var(--inner) * 100vw ),34px); font-weight:500; line-height:1.3; color:#242424;}
.local-info .group {flex:1 1 auto; min-width:0; width:1%;}
.local-info .group ul {display:flex; flex-wrap:wrap;}
.local-info .group ul li {position:relative; padding-left:2.5em; margin-right:var(--size60); font-size:var(--font-size-20); font-weight:500; color:#454545;}
.local-info .group ul li:last-child {margin:0;}
.local-info .group ul li:before {content:''; position:absolute; left:0; top:-0.2em; width:1.9em; height:1.9em; background-repeat:no-repeat; background-size:contain; background-color:transparent; background-position:50% 50%;}
.local-info .group ul li.addre:before {background-image:url('/images/sub/local-icon1.png');}
.local-info .group ul li.tel:before {background-image:url('/images/sub/local-icon2.png');}

/* ceo 소개 */
.ceo {position:relative; padding:var(--size90) 0; margin-top:160px; margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.ceo:before {content:''; position:absolute; z-index:-1; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:#6b0004;}
.ceo .img {position:absolute; right:0; bottom:0;}
.ceo .tt {margin-bottom:var(--size30); font-weight:700; line-height:1; color:#fff;}
.ceo .tit {position:relative; margin-bottom:0.5em; font-size:clamp(20px, calc(50/ var(--inner) * 100vw ),50px); font-weight:600; line-height:1.4; color:#fff;}
.ceo .txt {font-size:clamp(15px, calc(24/ var(--inner) * 100vw ),24px); font-weight:500; line-height:1.4; color:#fff;}
.ceo .txt .small {display:inline-block; margin-left:1em; font-size:var(--font-size-16); font-weight:400;}
.ceo .quote {display:inline-block; width:0.6em; height:0.5em; vertical-align:middle; margin-bottom:0.5em; background-repeat:no-repeat; background-size:contain; background-color:transparent; background-position:50% 50%;}
.ceo .quote.left {position:absolute; left:-0.7em; top:0.3em; background-image:url('/images/sub/icon-quote-left.png');}
.ceo .quote.right {margin-left:10px; background-image:url('/images/sub/icon-quote-right.png');}

.greetings {text-align:center;}
.greetings .tit {font-size:clamp(16px, calc(28/ var(--inner) * 100vw ),28px); line-height:1.3; font-weight:600; color:#242424;}
.greetings .txt {font-size:clamp(14px, calc(20/ var(--inner) * 100vw ),20px); line-height:1.6;}
.greetings p:not(:last-child) {margin-bottom:var(--size30);}

.about-info {position:relative; text-align:center;}
.about-info:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; background:url('/images/sub/about-info-bg.jpg') no-repeat 50% 50%/cover; transform:translateX(-50%);}
.about-info .img-wrap {display:flex; justify-content:center; gap:var(--size30); margin-bottom:var(--size70);}
.about-info .tit {margin-bottom:0.5em; font-size:clamp(16px, calc(30/ var(--inner) * 100vw ),30px); font-weight:600; color:#242424;}
.about-info .txt {font-size:1.13em;}

/* 프로그램 */
.program-info .wrap {display:flex; gap:var(--size100); padding-bottom:var(--size60); margin-bottom:var(--size60); border-bottom:1px dashed #ddd;}
.program-info .left {padding-top:var(--size60);}
.program-info .right {flex:1 1 auto; min-width:0; width:1%;}
.program-info .col:not(:last-child) {margin-bottom:var(--size40);}
.program-info .wrap:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.program-info.type2 .wrap {gap:var(--size50); align-items:center;}
.program-info.type2 .left {padding:0;}
.program-info figcaption {margin-top:1em; line-height:1; text-align:center;}

.self-introduction .doc-txt {margin-bottom:var(--size60);}
.self-introduction .img-wrap {display:flex; align-items:center; margin-bottom:var(--size50);}
.self-introduction .img-wrap figure {width:50%; text-align:center;}
.self-introduction .img-wrap figcaption {margin-top:1em; font-size:var(--font-size-18); font-weight:500; line-height:1;}
.self-introduction .txt {font-size:var(--font-size-20); font-weight:500; line-height:1.6; color:#242424; text-align:center;}

/* 언더라인 */
.highlight {display:inline-block; position:relative; font-weight:600; color:#c5151c;}
.highlight:before {content:''; position:absolute; z-index:-1; left:0; bottom:0.1em; width:0; height:0.5em; background:#c5151c; opacity:0.1; border-radius:100vh; transition:0.8s all 1s ease;}
.aos-animate .highlight:before {width:100%;}

/* 학생부 */
.life-record-info .balloon-wrap {max-width:640px; padding-left:var(--size40); margin-bottom:var(--size50);}
.life-record-info .items {display:flex; gap:var(--size30);}
.life-record-info .item {flex:1; text-align:center;}
.life-record-info .item lord-icon {width:var(--size80); height:var(--size80);}
.life-record-info .item figcaption {margin-top:1em; font-size:var(--font-size-18); font-weight:600; line-height:1.3; color:#242424;}
.life-record-info .item .box { padding:var(--size30) 15px; border:1px solid #f3d0d2; border-radius:0.5em;}
.life-record-info .item p {margin-top:var(--size30);}
.life-record-info .info-txt {margin-top:var(--size60); margin-bottom:var(--size80); font-size:var(--font-size-22); line-height:1.5; font-weight:500; color:#242424; text-align:center;}

.consulting .col {display:flex; align-items:center; gap:var(--size60); margin-bottom:var(--size60);}
.consulting .col:last-child {margin-bottom:0;}
.consulting .col:nth-child(even) {flex-direction:row-reverse;}
.consulting .col .img {width:50%;}
.consulting .col .cnt {flex:1 1 auto; min-width:0; width:1%;}
.consulting .col .tit {margin-bottom:1em; font-size:clamp(16px, calc(32/ var(--inner) * 100vw ),32px); font-weight:700; line-height:1.2; color:#242424;}
.consulting .col .tit span {position:relative;}
.consulting .col .tit .circle-bg:before {content:''; position:absolute; z-index:-1; left:-15%; top:-15%; width:130%; height:130%; background:url('/images/sub/icon-circle.png') no-repeat 50% 50%/contain;}
.consulting .col .tit .line-bg:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background:url('/images/sub/line.png') no-repeat left bottom/100% auto;}
.consulting .col .tit .line-bg:after {content:''; position:absolute; right:-30px; top:-20px; width:50px; height:30px; background:url('/images/sub/icon-star.png') no-repeat 50% 50%/contain;}
.consulting .col .txt {font-size:1.13em; line-height:1.5;}
.dot-list>li {position:relative; padding-left:0.83em; margin-bottom:1em; font-size:1.13em; line-height:1.3;}
.dot-list>li:before {content:''; position:absolute; left:0; top:0.5em; width:0.2em; height:0.2em; background:#c5141c; border-radius:100%;}
.dot-list>li:last-child {margin-bottom:0;}

.rodi-img {position:relative;}
.rodi-img .items {display:flex; position:absolute; left:0; top:0; width:100%; gap:var(--size25);}
.rodi-img .item {flex:1;}
.rodi-img .item .inner {position:relative; padding-bottom:100%;}
.rodi-img .item .cnt {display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; width:100%; height:100%; text-align:center;}
.rodi-img .item .icon  {width:clamp(35px, calc(88/ var(--inner) * 100vw ),88px); height:clamp(35px, calc(88/ var(--inner) * 100vw ),88px);}
.rodi-img .item .icon lord-icon {width:100%; height:100%;}
.rodi-img .item p {margin-top:1em; font-size:clamp(14px, calc(24/ var(--inner) * 100vw ),24px); line-height:1.4; font-weight:500; color:#242424;}

.interview-info {max-width:1040px; margin:var(--size60) auto;}
.interview-info .col {display:flex; gap:var(--size30); align-items:center; padding:var(--size40); border-bottom:1px dashed #ddd;}
.interview-info .col:first-child {padding-top:0;}
.interview-info .num {display:flex; align-items:center; justify-content:center; width:var(--size80); height:var(--size80); background:#c5151c; border-radius:100%; font-size:calc(var(--size80)/2); color:#fff; line-height:1; font-weight:700; text-align:center;}
.interview-info .cnt {flex:1 1 auto; min-width:0; width:1%;}
.interview-info .tit {font-size:var(--font-size-22); font-weight:700; line-height:1.2; color:#242424;}
.interview-info .txt {margin-top:10px; font-size:var(--font-size-18); line-height:1.3; color:#454545;}

.prediction-info .doc-txt {margin-bottom:var(--size60);}
.prediction-info .img-wrap {display:flex; gap:clamp(14px, calc(28/ var(--inner) * 100vw ),28px); align-items:center; margin-bottom:var(--size30);}
.prediction-info .img-wrap:last-child {margin-bottom:0;}
.prediction-info .img-wrap figure {flex:1; text-align:center;}
.prediction-info .img-wrap figcaption {margin-top:1em; font-size:var(--font-size-18); font-weight:500; line-height:1;}
.prediction-info .txt {font-size:var(--font-size-18); font-weight:500; line-height:1.4; color:#454545; text-align:center;}

.prediction-qna .wrap {display:flex; gap:var(--size30); justify-content:center;}
.prediction-qna .wrap .item {width:50%; max-width:550px; padding:var(--size45) var(--size30); padding-top:var(--size80); background:url('/images/sub/bg-note.png') no-repeat 50% 50%/100% 100%; text-align:center;}
.prediction-qna h3 {max-width:380px; margin:0 auto var(--size35); padding:0.7em; background:#c5151c; border-radius:100vh; font-family:'S-CoreDream',sans-serif; font-size:var(--font-size-20); font-weight:600; color:#fff;}
.prediction-qna p {font-family:'S-CoreDream',sans-serif; font-weight:500; color:#242424; line-height:1.8;}
.prediction-qna p strong {display:block;}
.prediction-qna .box {margin:var(--size30) auto 0; max-width:360px; padding:1em; background:#fff; border:1px solid #c5151c; border-radius:0.5em; font-family:'S-CoreDream',sans-serif; font-weight:500; line-height:1.2; color:#c5151c;} 
.prediction-qna .box img {display:inline-block; vertical-align:middle; margin-bottom:0.2em; margin-right:0.5em;}

.prediction-qna .core {display:flex; gap:var(--size70);}
.prediction-qna .core .wrap {display:block; max-width:550px;}
.prediction-qna .core .wrap .item {max-width:100%; width:100%;}
.prediction-qna .core .txt-wrap {background:#fff; padding:var(--size20); border-radius:0.5em; text-align:left;}
.prediction-qna .core .txt-wrap p {font-family:'Pretendard'; font-weight:400; font-size:14px; line-height:1.4; color:#454545;}
.prediction-qna .core .txt-wrap p strong {display:block; margin-bottom:10px; font-family:'S-CoreDream',sans-serif; font-size:var(--font-size-18); font-weight:500; color:#242424; line-height:1;}
.prediction-qna .core .box {max-width:100%; margin-top:10px;}
.prediction-qna .core .box .small {display:inline-block; margin-top:10px; font-size:var(--font-size-15); font-weight:400; line-height:1.4;}

.prediction-qna .right .col {display:flex; align-items:center; gap:var(--size20); padding:var(--size20) var(--size30); border-bottom:1px dashed #ddd;}
.prediction-qna .right p {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-22); font-weight:700; line-height:1.2; color:#242424;}
.prediction-qna .right p .small {font-size:var(--font-size-18); font-weight:400;}
.prediction-qna .right .num {font-size:var(--font-size-20); font-weight:700; line-height:2.2em; width:2.2em; height:2.2em; border-radius:100%; background:#c5151c; color:#fff; text-align:center;}

.program-table table {font-size:var(--font-size-18); line-height:1.4; text-align:center;}
.program-table th {height:var(--btn-size); padding:10px; background:#c5141c; color:#fff; border-right:1px solid #ddd;}
.program-table td {height:var(--btn-size); padding:10px; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#242424;}
.program-table td strong {font-weight:600;}
.program-table th:last-child,
.program-table td:last-child {border-right:0;}

.preparation .col {margin-bottom:var(--size70);}
.preparation .col:last-child {margin-bottom:0;}
.preparation .col .tit {font-size:var(--font-size-22); font-weight:600; line-height:1.2; color:#242424;}
.preparation .col .tit .num {display:inline-block; margin-right:10px; width:clamp(20px, calc(28/ var(--inner) * 100vw ),28px); height:clamp(20px, calc(28/ var(--inner) * 100vw ),28px); background:#c5141c; border-radius:100%; line-height:clamp(20px, calc(28/ var(--inner) * 100vw ),28px); color:#fff; text-align:center;}
.preparation .col .inner {padding:var(--size25) 0 0 var(--size40); margin-top:var(--size20); border-top:1px solid #ddd;}
.preparation .col .txt {font-size:var(--font-size-18); font-weight:500; line-height:1.6; color:#242424;}
.preparation .col .txt:not(:last-child) {margin-bottom:10px;}
.preparation .col ul li {position:relative; padding-left:3.75em; margin-bottom:1em; line-height:1.5;}
.preparation .col ul li strong {position:absolute; left:0; padding-left:1em;}
.preparation .col ul li strong:before {content:''; position:absolute; left:1px; top:0.6em; width:0.19em; height:0.19em; background:#c5141c; border-radius:100%;}

.process {border-top:2px solid #242424; margin-top:var(--size60);}
.process .item {display:flex; padding:var(--size50); border-bottom:1px dashed #ddd;}
.process .item h3 {width:230px; font-size:clamp(16px, calc(32/ var(--inner) * 100vw ),32px); line-height:1.3; font-weight:600; color:#242424;}
.process .item h3 span {display:block; margin-bottom:10px; font-size:var(--font-size-15); font-weight:600; color:#c5151c; line-height:1;}
.process .item ul {flex:1 1 auto; min-width:0; width:1%; padding-top:var(--size25);}
.process .item ul li {position:relative; padding-left:0.8em;}
.process .item ul li:before {content:''; position:absolute; left:1px; top:0.6em; width:0.19em; height:0.19em; background:#c5141c; border-radius:100%;}