 @charset "utf-8"; /* doc.css는 디자인페이지 스타일을 정의합니다. */

.sub-title { margin: 60px 0 75px; position: relative; } 
.sub-title::after { content: ""; position: absolute; width: 50px; height: 3px; background-color: #242424; left: 50%; transform: translateX(-50%); bottom: -30px; } 
.sub-title h2 { font-size: 30px; line-height: 1em; font-weight: 600; color: #242424; text-align: center; } 
.sub-title2 p { font-size: 23px; line-height: 1.739em; color: #242424; } 
.sub-title2 h2 { font-size: 28px; line-height: 1.428em; font-weight: 600; } 

/* about */
.about .tit-wrap { max-width: 450px; } 
.about .tit { font-size: 40px; text-align: center; font-family: 'Montserrat', sans-serif; } 
.tit-wrap .tit::before { content: ""; display: inline-block; position: absolute; width: 25px; height: 15px; top: 0; left: 0; background: url(../images/sub/quote-left.png) no-repeat 100%/contain; } 
.about .tit::after { content: ""; display: inline-block; position: absolute; width: 25px; height: 15px; top: 0; right: 0; background: url(../images/sub/quote-right.png) no-repeat 100%/contain; } 
.tit-wrap { position: relative; width: 100%; margin: 0 auto; } 
.tit-wrap .tit { position: relative; color: #242424; padding-top: 20px; } 
.greetings .tit-wrap .tit::before { display: none; } 
.greetings .tit-wrap { /* display: flex; align-items: end; */
 margin-bottom: 30px; } 
.greetings .tit-wrap .tit { font-size: 33px; /* padding-left: 35px; */
 padding-top: 0; display: inline-block; line-height: 1.515em; } 
.greetings .tit-wrap .img { margin-left: 14px; } 
.greetings .group-flex.type2 .img { background-image: url(../images/sub/greeting.jpg); } 
.greetings .txt-wrap .last { margin-bottom: 0 !important; } 
.greetings .txt-wrap span { display: flex; align-items: center; color: #242424; margin-top: -30px; } 
.greetings .tit-wrap .t1 { position: relative; } 
.greetings .tit-wrap .t1::after { content: ""; position: absolute; bottom: 12px; right: -145px; width: 137px; height: 2px; background: url(../images/sub/border.jpg) no-repeat 100%/cover; } 
.greetings .company { display: inline-block; font-size: 40px; font-weight: 700; line-height: 1.25em; padding-left: 5px; } 
.group-flex.type2 { justify-content: initial; } 
.group-flex.type2 .txt-wrap { min-width: 0; width: 1%; flex: 1 1 auto; position: relative; margin-left: -75%; background-color: #fff; border-top-left-radius: 30px; padding: 50px 30px 0 50px; margin-top: 360px; } 
.group-flex.type2 .txt-wrap p { margin-bottom: 30px; } 
.group-flex.type2 .txt-wrap .last { margin-bottom: 0 !important; font-weight: 600; color: #242424; } 
.group-flex.type2 .img { width: 100%; background-repeat: no-repeat; background-position: top center; background-size: contain; } 

.sub-history { border-top: 2px solid #333333; } 
.txt2 { font-size: 23px; line-height: 1.521em; color: #242424; font-weight: 600; } 
.sub-history .con1 { margin-right: 180px; } 
.sub-history .txt-wrap { color: #242424; margin-bottom: 100px; } 
.sub-history .txt-wrap .tit { font-size: 40px; color: #4999ad; margin-bottom: 30px; font-weight: 700; font-family: 'Montserrat', sans-serif; display: block; } 
.sub-history .txt-wrap .tit span { font-size: 33px; color: #242424; } 
.sub-history .txt-wrap p { font-weight: 500; font-size: 18px; line-height: 1.555em; } 
.sub-history .con1 .group-flex { flex-direction: column; } 
.sub-history .con2 { position:relative; } 
.sub-history .con2:after { content:''; width:1px; height: 85%; background-color: #ddd; position: absolute; left: 0; top: 8px; } 
.sub-history .con2 .col { padding-left:75px; padding-bottom: 40px; } 
.sub-history .con2 .col .year { color: #242424; font-size: 28px; font-weight: 600; margin-bottom: 25px; position: relative; } 
.sub-history .con2 .col .year:before { content:''; width:20px; height:20px; border-radius:50%; position: absolute; left:-84px; top:5px; z-index:1; background: url(../images/sub/dot-history.png) no-repeat 100%/contain; } 
.sub-history .con2 .col .year::after { content:''; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; width: 40px; height: 1px; background-color: #ddd; } 
.sub-history .con2 .col .info .wrap { display:flex; } 
.sub-history .con2 .col .info .wrap .month { min-width:45px; font-size:16px; color: #4999ad; font-weight:600; line-height: 2.1875em; } 
.sub-history .con2 .col .info .wrap ul { min-width:0; width:1%; flex:1 1 auto; } 
.sub-history .con2 .col .info .wrap ul li { line-height: 2.1875em; position:relative; padding-left: 13px; } 
.sub-history .con2 .col .info .wrap ul li:before { content:''; width:6px; height:6px; border-radius:50%; background-color: #ddd; position: absolute; left:0; top:50%; transform: translateY(-50%); } 

.tab-menu ul { display: flex; justify-content: center; width: 100%; border-left: 1px solid #ddd; } 
.tab-menu ul li { width: 33.333%; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; border-bottom: 1px solid #4999ad; } 
.tab-menu ul li a { font-size: 18px; font-weight: 600; letter-spacing: -.03em; height: 60px; display: flex; justify-content: center; align-items: center; color: #898989; background-color: #f8f9f9; } 
.tab-menu ul li.active { border-top: 1px solid #4999ad; border-left:1px solid #4999ad; border-right: 1px solid #4999ad; border-bottom: 1px solid #fff; margin-left: -1px; } 
.tab-menu ul li.active a { color: #4999ad; background-color: #fff; } 
.tab-menu.type3 .tabs { justify-content: start; width: auto; } 
.tab-menu.type3 .tabs li { width: 16.666%; } 

.way .info { margin-bottom: 25px; } 
.way .info span { padding-left: 20px; } 

.table-list ul { width: 100%; border-top: 1px solid #ddd; } 
.table-list ul li { padding: 30px; display: flex; align-items: center; border-bottom: 1px solid #ddd; } 
.table-list .ico { width: 20px; height: 20px; display: inline-block; } 
.table-list .col-2 { margin-left: 20px; font-size: 18px; width: 15%; font-weight: 500; } 
.table-list .col-2 strong { font-weight: 500; } 
.right .col-3 { margin-left: 0; } 

.map .wrap_controllers { display: none; } 
.root_daum_roughmap { width:100% !important; } 
.root_daum_roughmap { width:100% !important; height:450px !important; } 
.root_daum_roughmap .wrap_map { height:450px !important; } 

/* business - advice */
.doc-cnt .group-flex > div { width: 50%; height: 100%; } 
.doc-cnt { padding-bottom: 60px; } 

.doc-cnt .tit-area { position: relative; margin-top: 30px; } 
.doc-cnt .tit-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-repeat: no-repeat; background-size: contain; background-position: 100%; background-image: url(../images/sub/line1.png); } 
.doc-cnt .tit-area.type2::before { background-image: url(../images/sub/line2.png); } 
.doc-tit { font-size: 28px; font-weight: 600; color: #242424; position: relative; padding-left: 35px; } 
.doc-tit::before { content: ""; position: absolute; display: block; top: 50%; transform: translateY(-50%); left: 0; width: 24px; height: 24px; background: url(../images/sub/square.png) no-repeat 100%/contain; } 

.mgt60 { margin-top: 60px; } 
.mgt50 { margin-top: 50px; } 
.mgt40 { margin-top: 40px; } 
.mgt30 { margin-top: 30px; } 
.mgt20 { margin-top: 20px; } 

.doc-cnt .img-area { box-shadow: 21px 21px 30px 0px rgba(0, 0, 0, 0.1); } 
.doc-cnt .img-area, .doc-cnt .img-area img { border-top-right-radius: 40px; } 
.doc-sub-cnt { border-top: 1px solid #ddd; padding: 60px 0 130px; } 
.doc-sub-cnt:last-child { padding-bottom: 0; } 
.doc-sub-cnt.type2 { padding: 60px 0 80px; } 
.doc-sub-tit { font-size: 23px; font-weight: 600; color: #4999ad; position: relative; } 
.doc-sub-tit::before { content: ""; position: absolute; top: 0; top: -6px; left: 8px; width: 4px; height: 4px; background-color: #4999ad; } 
.tit-area.type2 { padding-left: 60px; } 

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; line-height:1em; } 
.table-style table th { padding:18px; border: 1px solid #ddd; border-top: 0; font-weight: 600; text-align:center; } 
.table-style table thead th { color: #fff; background-color: #4999ad; font-size: 18px; } 
.table-style table tbody th { background-color: #fafafa; color: #242424; } 
.table-style table td { padding: 18px; border:1px solid #ddd; border-top:0; } 
.table-style.type2 table td { position: relative; padding-left: 30px; } 
.table-style.type2 table td::before { content: ""; width: 3px; height: 3px; background-color: #4999ad; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; margin-top: -1px; } 
.table-style tr th:first-child,
.table-style tr td:first-child { border-left:0; } 
.table-style tr th:last-child,
.table-style tr td:last-child { border-right:0; } 

.ir .view .sub-title3 { text-align: center; margin-bottom: 60px; } 
.ir .view .sub-title3 h2 { color: #242424; font-size: 28px; font-weight: 600; } 

.academy .doc-cnt .tit-area::before { background-image: url(../images/sub/line3.png); } 
.academy .doc-cnt .tit-area { padding-top: 40px; margin-top: 0; } 
.academy .sub-title2 p { font-weight: 500; } 
.academy .group-flex.type2 .img { background-image: url(../images/sub/academy.jpg); height: auto; } 
.academy .group-flex.type2 .txt-wrap p { margin-bottom: 60px; } 
.academy .group-flex.type2 .txt-wrap p:last-child { margin-bottom: 0; } 
.academy .group-flex.type2 .txt-wrap { padding: 50px 0 40px 40px; margin-left: -72%; } 
.academy .doc-cnt:last-child { padding-bottom: 0; } 

.recurit .sub-title2 { padding: 50px 0 30px; text-align: center; } 
.recurit .sub-title2 p { color: #242424; display: inline-block; font-size: 33px; } 
.recurit .sub-title2 h2 { display: inline-block; font-size: 38px; } 
.recurit .table-list ul { border-top: 1px solid #000; } 
.recurit .table-list ul li { padding: 60px 50px; align-items: flex-start; } 
.recurit .table-list ul li h3 { width: 34%; } 
.recurit .table-list .dot { width: 66%; } 
.recurit .table-list .dot p { position: relative; padding-left: 8px; line-height: 1.875em; } 
.recurit .table-list .dot p::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2px; height: 2px; background-color: #4999ad; } 
.recurit .table-list ul li strong { width: 21%; color: #242424; } 
.recurit .table-list ul li:last-child { padding-bottom: 0; border-bottom: none; } 

/*수강신청 */
.recurit.class .table-list ul li { padding: 50px; } 
.class .doc-tit { line-height: 1.43em; } 
.class .doc-tit::before { top: 19px; } 
.class .essential { color: #898989; line-height: 1.6em; font-size: 15px; margin-top: 20px; } 
.line { text-decoration: underline; } 
.recurit.class .table-list ul li strong { width: 13%; } 
.class .class-qna { background: url(../images/sub/class-qna.jpg) no-repeat 50% 50%/cover; padding: 50px 80px; border-radius: 20px; } 
.class .class-qna .group-flex { justify-content: space-between; align-items: end; } 
.class .class-qna .txt-area { color: #fff; text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3); } 
.class .class-qna .txt-area .tit { font-size: 28px; line-height: 1.107em; margin-bottom: 30px; } 
.class .class-qna .txt-area .tel dl { position: relative; padding-left: 72px; margin-bottom: 28px; } 
.class .class-qna .txt-area .tel dl::before { content: ""; position: absolute; top: 0; left: 0; background: url(../images/sub/class-tel.png) no-repeat 100%/contain; width: 63px; height: 61px; } 
.class .class-qna .txt-area .tel dt { line-height: 1.375em; } 
.class .class-qna .txt-area .tel dd { font-size: 40px; font-weight: 700; } 
.btn-apply { background: url(../images/sub/apply-box.png) no-repeat 100%/cover; width: 170px; height: 40px; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; margin: 0 20px; color: #242424; position: relative; } 
.btn-apply::after { content: ""; width: 20px; height: 17px; background: url(../images/sub/apply-link.png) no-repeat 100%/contain; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } 

