@charset "utf-8";

.sub-tab {text-align:center; border-bottom:1px solid #6ac7db; margin-bottom:80px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; position:relative; height:53px; border:1px solid #dfdfdf; border-right:0; border-bottom:0;}
.sub-tab ul li:last-child {border-right:1px solid #dfdfdf;}
.sub-tab ul li a {display:flex; justify-content:center; align-items:center; height:100%; padding:0 15px; color:#505050; font-size:17px; font-weight:500; line-height:1.3em; letter-spacing:-.02em;}
.sub-tab ul li.active {border:2px solid #6ac7db; border-bottom:0;}
.sub-tab ul li.active:after {content:""; position:absolute; bottom:-1px; left:0; right:0; height:1px; background:#fff;}
.sub-tab ul li.active a {color:#6ac7db;}
.sub-tab ul li.active + li {border-left:0;}

.doc-tit {position:relative; padding-left:40px; margin-bottom:18px; color:#242424; font-size:28px; line-height:1.3em; letter-spacing:-.02em;}
.doc-tit:before {content:""; position:absolute; top:4px; left:0; width:28px; height:28px; background:url("../images/sub/bullet.png") 50% 100% no-repeat;}
.doc-tit.line {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}

.doc-cnt {margin-bottom:100px; color:#505050; font-size:18px; line-height:1.778em; letter-spacing:-.02em;}
.doc-cnt:last-child {margin-bottom:0;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #2c2c2c;}
.table-style table th {padding:16px; border:1px solid #dfdfdf; background:#f4f4f4; font-weight:600; color:#2c2c2c; font-size:18px; line-height:1.5em;}
.table-style table td {/* padding:13px; */ padding:10px 5px; border:1px solid #dfdfdf; color:#505050; font-size:17px; line-height:1.5em; text-align:center;}
.table-style table td.left {text-align:left; padding-left:20px;}
.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;}
.table-style .price {color:#eb3131; font-size:24px;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

.greetings {color:#505050; font-size:18px; line-height:1.667em; letter-spacing:-.02em;}
.greetings .cnt {position:relative; padding:0 30px;}
.greetings .cnt p {margin-bottom:15px;}
.greetings .cnt p:last-child {margin-bottom:0;}
.greetings .cnt .tit {color:#111; font-size:28px; font-weight:600; line-height:1.5em; letter-spacing:-.02em; margin-bottom:26px;}
.greetings .cnt .mg {margin-bottom:45px;}

.purpose {display:flex; flex-wrap:wrap; text-align:center; line-height:1.556em; margin:-5px;}
.purpose .box {width:calc(33.33333333% - 10px); margin:5px; padding:40px; border:1px solid #dfdfdf;}
.purpose .box img {display:block; margin:0 auto 20px;}
.purpose .box strong {color:#2c2c2c;}
.purpose .box.wide {width:calc(50% - 10px);}
.purpose .box.sm {width:calc(25% - 10px);}
.purpose .box.bg {background:#fafafa;}

.history {min-height:700px; background:url("../images/sub/his_bg.png") 0 0 no-repeat;}
.history .group {display:flex;}
.history .group .year {position:relative; z-index:2; width:408px; padding:0 70px 0 0; text-align:right; color:#6ac7db; font-size:38px; font-weight:800; line-height:1em;}
.history .group .year:after {content:""; position:absolute; top:7px; right:-10px; width:20px; height:20px; background:#fff; border:5px solid #ffaec1; border-radius:100%;}
.history .group .cont {position:relative; flex:1 1 auto; min-width:0; width:1%; padding:2px 0 110px 70px; color:#505050; font-size:18px; line-height:1.667em; letter-spacing:-.02em;}
.history .group .cont:before {content:""; position:absolute; top:10px; left:0; height:100%; width:1px; background:url("../images/sub/his_vline.png") 0 0 repeat-y;}
.history .group .item {display:flex; position:relative; padding-left:20px; margin-bottom:27px;}
.history .group .item:before {content:""; position:absolute; top:12px; left:0; width:6px; height:6px; background:#ccc; border-radius:100%;}
.history .group .item:last-child {margin-bottom:0;}
.history .group .item .mon {width:132px; color:#2c2c2c; font-size:20px; font-weight:700;}
.history .group .item .txt {flex:1 1 auto; min-width:0; width:1%;}
.history .group .item .txt a {color:#62d1eb}
.history .group .item .txt a:hover {text-decoration:underline;}
.history .group .item .img {padding:8px 0;}
.history .group:last-child .cont {padding-bottom:0;}
.history .group:last-child .cont:before {display:none;}

.articles h4 {color:#6ac7db; font-size:24px; font-weight:600; line-height:1.3em; letter-spacing:-.02em; margin:40px 0 8px;}
.articles h4:first-child {margin-top:0;}
.articles ol.mg {margin-left:10px;}
.articles .sm {color:#878787; font-size:0.889em; line-height:1.75em;}
.articles .update {text-align:right; color:#2c2c2c; font-size:20px; font-weight:700; line-height:1.3em; margin-top:80px;}

.ci-wrap {text-align:center; padding:66px; border:1px solid #dfdfdf; background:url("../images/sub/grid.png");}

.ci-color {display:flex; flex-wrap:wrap; margin:-10px;}
.ci-color .box {position:relative; width:calc(25% - 20px); height:150px; color:#fff; font-size:14px; line-height:1.1em; margin:10px;}
.ci-color .box p {position:absolute; bottom:8px; right:10px;}

.root_daum_roughmap {width:100% !important;}

.directions {color:#2c2c2c; font-size:18px; line-height:1.778em; margin-top:40px;}
.directions .group {display:flex; margin-bottom:35px;}
.directions .group:last-child {margin-bottom:0;}
.directions .ico {width:75px;}
.directions .txt {flex:1 1 auto; min-width:0; width:1%; padding-top:3px;}
.directions .txt.addr {font-size:24px; font-weight:600;}

.join-process {margin-bottom:40px;}
.join-process ol {display:flex; margin:0 -10px;}
.join-process ol li {width:calc(25% - 20px); margin:0 10px; padding:13px 19px 30px; border:1px solid #82d0e1;}
.join-process .step {color:#6f7b91; font-size:36px; font-weight:700; line-height:1em; margin-bottom:30px;}
.join-process .step big {font-size:1.667em; line-height:1em;}
.join-process .txt {text-align:center; color:#505050; font-size:18px; line-height:1.556em;}
.join-process .txt strong {font-weight:600;}

.join-process-bottom {display:flex; align-items:center;}
.join-process-bottom .btn-area {width:50%; text-align:center;}
.join-process-bottom .tel-area {width:50%; text-align:center; color:#f1a0b3; font-size:22px; font-weight:700; line-height:1.3em;}
.join-process-bottom .tel-area strong {font-weight:800; font-size:1.545em; line-height:1.3em; margin-left:10px; margin-top:-.2em; display:inline-block; vertical-align:middle;}
.join-process-bottom .btn-down2 {width:85%; max-width:450px;}

.bottom-contact-box {text-align:center; padding:22px; background:#f4f4f4; margin-top:60px; font-weight:700; line-height:1.3em;}
.bottom-contact-box img {vertical-align:middle; margin:-.2em 10px 0 0;}
.bottom-contact-box a {display:inline-block; vertical-align:middle; margin-left:22px; color:#6ac7db; font-size:28px; line-height:1.3em;}
.bottom-contact-box strong {font-weight:800;}

.edu-bnr {display:flex; align-items:center; height:300px; margin-bottom:60px; padding:30px; color:#fff; font-size:24px; line-height:1.583em; letter-spacing:-.02em; text-align:center; background:url("../images/sub/edu_bnr.jpg") 50% 50% no-repeat; background-size:cover;}
.edu-bnr p {width:100%;}

.btn-down {display:inline-block; padding:17px 45px; font-size:18px; font-weight:800; line-height:1.3em; background-image:linear-gradient(#ffffff, #eeeeee); border:1px solid #dfdfdf;}
.btn-down:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 15px; width:19px; height:19px; background:url("../images/sub/icon_down.png") 50% 50% no-repeat;}
.btn-down:hover {border-color:#2c2c2c; color:#2c2c2c;}

.btn-down2 {display:inline-block; text-align:center; padding:20px 45px; color:#505050; font-size:20px; font-weight:800; line-height:1.3em; background:linear-gradient(268.94deg,#D9F8FF 0%, #FFE2E9 100%); border-radius:50px;}
.btn-down2:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 20px; width:23px; height:23px; background:url("../images/sub/icon_down2.png") 50% 50% no-repeat;}
.btn-down2:hover {box-shadow:0px 10px 15px 2px rgba(111, 123, 145, 0.3);}

.btn-go {display:inline-block; text-align:center; padding:20px 65px; color:#505050; font-size:20px; font-weight:800; line-height:1.3em; background:linear-gradient(268.94deg,#D9F8FF 0%, #FFE2E9 100%); border-radius:50px;}
.btn-go:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 20px; width:18px; height:18px; background:url("../images/sub/icon_arrow2.png") 50% 50% no-repeat;}
.btn-go:hover {box-shadow:0px 10px 15px 2px rgba(111, 123, 145, 0.3);}

.btn-submit {display:inline-block; text-align:center; min-width:240px; padding:20px 65px; color:#505050; font-size:20px; font-weight:800; line-height:1.3em; background:linear-gradient(268.94deg,#D9F8FF 0%, #FFE2E9 100%); cursor:pointer; transition:.2s; border:0; border-radius:50px;}
.btn-submit:hover {box-shadow:0px 10px 15px 2px rgba(111, 123, 145, 0.3);}

/* 교육신청 */
.edu-view-heading {min-height:420px; margin-bottom:40px; padding:30px 0; display:flex; align-items:center; text-align:center; color:#fff; background:url("../images/sub/edu_view_head_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.edu-view-heading .contain {width:100%;}
.edu-view-heading .step {display:inline-block; padding:8px 25px; margin-bottom:25px; text-align:center; color:#fff; font-size:19px; font-weight:500; line-height:1.3em; background:#505050; border-radius:50px;}
.edu-view-heading .step.on {background:#f1a0b3}
.edu-view-heading .step.on2 {background:#6ac7db}
.edu-view-heading h2 {font-size:42px; line-height:1.286em; letter-spacing:-.02em; margin-bottom:35px;}
.edu-view-heading .info {display:inline-block; text-align:left; font-size:24px; line-height:1.5em; letter-spacing:-.02em;}
.edu-view-heading .info dl {display:flex; margin-bottom:22px;}
.edu-view-heading .info dl:last-child {margin-bottom:0;}
.edu-view-heading .info dt {width:143px; font-weight:500;}
.edu-view-heading .info dt img {margin-right:14px;}
.edu-view-heading .info dd {flex:1 1 auto; min-width:0; width:1%; font-weight:600;}

.edu-view-info .wrap {display:flex; margin:-6px;}
.edu-view-info .box {width:calc(33.33333333% - 12px); margin:6px; padding:40px 30px 50px; color:#fff; text-align:center; background-position:100% 100%; background-repeat:no-repeat; background-size:cover;}
.edu-view-info .box.st1 {background-image:url("../images/sub/edu_view_box1_bg.jpg");}
.edu-view-info .box.st2 {background-image:url("../images/sub/edu_view_box2_bg.jpg");}
.edu-view-info .box.st3 {background-image:url("../images/sub/edu_view_box3_bg.jpg");}
.edu-view-info .box h3 {margin-bottom:27px; font-size:38px; font-weight:600; line-height:1.3em; letter-spacing:-.02em;}
.edu-view-info .box .dot {display:flex; justify-content:space-between; width:23px; margin:6px auto 0;}
.edu-view-info .box .dot:before,
.edu-view-info .box .dot:after {content:""; width:8px; height:8px; border-radius:100%;}
.edu-view-info .box .dot:before {background:#f1a0b3}
.edu-view-info .box .dot:after {background:#6ac7db}
.edu-view-info .d-day {font-size:80px; font-weight:700; line-height:1em; letter-spacing:-.02em; margin-bottom:30px; margin-top:-7px;}
.edu-view-info .info {display:inline-block; text-align:left; font-size:20px; line-height:1.5em; letter-spacing:-.02em;}
.edu-view-info .info p {margin-bottom:20px;}
.edu-view-info .info p:last-child {margin-bottom:0;}
.edu-view-info .date {font-size:24px; line-height:1.5em; letter-spacing:-.02em; margin-bottom:44px;}
.edu-view-info .btn {display:block; width:90%; max-width:294px; margin:0 auto; padding:23px; font-size:24px; font-weight:500; line-height:1.3em; letter-spacing:-.02em; border:2px solid #fff;}
.edu-view-info .btn:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 25px; width:10px; height:18px; background:url("../images/sub/btn_arrow.png") 50% 50% no-repeat;}
.edu-view-info .contact {display:inline-block; text-align:left; font-size:24px; font-weight:500; line-height:1.5em; letter-spacing:-.02em; margin-bottom:40px;}
.edu-view-info .contact p {margin-bottom:20px;}
.edu-view-info .contact p:last-child {margin-bottom:0;}
.edu-view-info .contact img {vertical-align:middle; margin:-.2em 10px 0 0;}

.edu-view-cs {display:flex;}
.edu-view-cs .left {width:400px; margin-right:40px;}
.edu-view-cs .right {flex:1 1 auto; min-width:0; width:1%;}
.edu-view-cs .cs {display:flex; align-items:center; height:100%; width:100%; padding:20px; text-align:center; color:#fff; background:url("../images/sub/edu_view_cs_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.edu-view-cs .cs .in {width:100%;}
.edu-view-cs .cs h3 {font-size:38px; font-weight:600; line-height:1.3em; margin-bottom:23px;}
.edu-view-cs .cs p {font-size:24px; font-weight:500; line-height:1.4em;}
.edu-view-cs .ps {margin-top:8px; font-size:14px; color:#eb3131; line-height:1.5em; font-weight:600;}
.edu-view-cs .btns {display:flex; justify-content:space-between; margin-top:36px;}
.edu-view-cs .btns a {width:calc(50% - 10px); height:64px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; font-size:20px; font-weight:500; line-height:1.5em;}
.edu-view-cs .btn {background:#505050; color:#fff;}
.edu-view-cs .btn:after {content:""; display:inline-block; margin:0 0 0 25px; width:10px; height:18px; background:url("../images/sub/btn_arrow.png") 50% 50% no-repeat;}
.edu-view-cs .tel {border:2px solid #505050; color:#2c2c2c;}
.edu-view-cs .tel strong {margin-left:20px;}

.edu-view-map {padding:100px 0; background:url("../images/sub/edu_view_map_bg.jpg") 50% 50% no-repeat; background-size:cover;}
.edu-view-map h3 {color:#fff; text-align:center; font-size:28px; line-height:1.3em; margin-bottom:42px;}
.edu-view-map #map {height:480px;}
.edu-view-map .map-info-label {margin-bottom:115px; padding:2px 8px; font-size:14px; color:#2c2c2c; line-height:1.5em; background:#fff; border:1px solid #999; border-radius:5px;}

.btn-app-area {text-align:center; margin-top:40px;}

.btn-app {display:block; width:90%; max-width:294px; margin:40px auto 0; padding:25px; text-align:center; color:#fff; font-size:24px; font-weight:500; line-height:1.3em; letter-spacing:-.02em; background:#6ac7db;}
.btn-app:after {content:""; display:inline-block; vertical-align:middle; margin:-.2em 0 0 25px; width:10px; height:18px; background:url("../images/sub/btn_arrow.png") 50% 50% no-repeat;}

.pop-inquiry {background:#f9f9f9; padding:50px;}
.pop-inquiry h2 {font-size:38px; font-weight:600; line-height:1.3em; letter-spacing:-.02em; margin-bottom:45px;}
.pop-inquiry .form dl {display:flex; align-items:center; margin-bottom:20px;}
.pop-inquiry .form dl:last-child {margin-bottom:0;}
.pop-inquiry .form dt {width:54px; font-size:15px; font-weight:700;}
.pop-inquiry .form dd {flex:1 1 auto; min-width:0; width:1%;}
.pop-inquiry .form .input {display:block; width:100%; font-size:14px;}
.pop-inquiry .form input.input {height:54px;}
.pop-inquiry .form-agree {margin:0 0 40px;}
.pop-inquiry .form-agree .check {margin-top:20px;}

.file-wrap {display:flex; gap:0 40px;}
.table-style.input-width td {padding: 10px; text-align: left;}
.table-style.input-width table .input {max-width:350px;}
.table-style.input-width .dark {background-color: #ddd; color: #505050; border-color:#ddd; font-weight: 700;}
.table-style.input-width .btn {display:flex; gap:0 7px;}