@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:50px;}
.sub-tab ul {display:flex; border-bottom:1px solid #e6002d; background:#fafafa;}
.sub-tab ul li {flex:1; border:1px solid #a8a8a8; border-bottom:0; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #a8a8a8;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; height:54px; padding:0 10px; color:#505050; font-size:18px; font-weight:300; line-height:1.2em; word-break:break-all; letter-spacing:-.04em;}
.sub-tab ul li.active a {position:relative; background:#e6002d; font-weight:500; color:#fff;}
.sub-tab ul li.active a:after {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #e6002d}

.doc-tit {padding-left:42px; margin-bottom:25px; color:#2c2c2c; font-size:26px; font-weight:500; line-height:1.3em; letter-spacing:-.04em; background:url("../images/sub/bullet.png") 0 2px no-repeat;}
.doc-tit.mg {margin-bottom:20px;}
.doc-tit.type2 {font-weight:700; background:url("../images/sub/bullet2.png") 0 4px no-repeat;}

.doc-sub-tit {margin-bottom:15px; color:#2c2c2c; font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.doc-sub-tit.mg {margin-bottom:25px;}

.doc-tit-wrap {position:relative;}
.doc-tit-wrap .txt {position:absolute; text-align:right; top:-10px; right:0; font-size:15px; font-weight:300; line-height:1.4em; letter-spacing:-.04em;}
.doc-tit-wrap .req {color:#e6002d}

.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-sub-cnt {margin-bottom:47px;}
.doc-sub-cnt:last-child {margin-bottom:0;}

.doc-lg-txt {color:#505050; font-size:18px; line-height:1.889em; font-weight:300; letter-spacing:-.04em;}
.doc-lg-txt + .btn-shortcuts {margin-top:20px;}
.doc-lg-txt.mgb {margin-bottom:32px;}
.doc-lg-txt.mg {margin-bottom:20px;}

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

.dot-list > li {position:relative; padding-left:20px;}
.dot-list > li:before {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; background:#ea4949}
.dot-list.doc-lg-txt > li:before {top:14px;}

.dot-tit {position:relative; padding-left:16px; color:#2c2c2c; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.04em; margin-bottom:20px;}
.dot-tit:before {content:""; position:absolute; top:9px; left:0; width:6px; height:6px; background:#ea4949}

.greetings .cnt1 {display:table; width:100%; height:360px; margin-bottom:30px;}
.greetings .cnt1 > div {display:table-cell; width:50%;}
.greetings .cnt1 .txt {color:#fff; padding:30px; vertical-align:middle; text-align:center; background:#004ea2;}
.greetings .cnt1 .txt .in {display:inline-block; text-align:left;}
.greetings .cnt1 .txt .en {letter-spacing:1em; margin-bottom:22px;}
.greetings .cnt1 .txt .ko {font-size:26px; line-height:1.7em; letter-spacing:-.04em;}
.greetings .cnt1 .img {background:url("../images/sub/greetings.jpg") 50% 50% no-repeat; background-size:cover;}
.greetings .cnt2 {color:#505050; font-size:17px; line-height:2em; letter-spacing:-.04em; margin-bottom:60px;}
.greetings .cnt2 h3 {font-size:24px; font-weight:500; line-height:1.66em;}
.greetings .cnt2 p {margin-top:34px;}
.greetings .cnt2 p strong {font-weight:500;}
.greetings .cnt2 .c1 {color:#004ea2;}
.greetings .cnt2 .c2 {color:#e6002d;}
.greetings .cnt2 .c3 {color:#1b1d80;}
.greetings .cnt2 .sign {text-align:right;}
.greetings .cnt2 .sign img {vertical-align:middle; margin:-.8em 0 0 17px;}
.greetings .cnt3 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #004ea2;}
.greetings .cnt3 table th {padding:24px; color:#2c2c2c; font-size:18px; font-weight:500; line-height:1.5em; background:#f3f6fa; border:1px solid #dfdfdf;}
.greetings .cnt3 table td {padding:24px 40px; color:#2c2c2c; line-height:1.5em; border:1px solid #dfdfdf;}
.greetings .cnt3 table td ul li {position:relative; padding-left:14px; margin-bottom:10px;}
.greetings .cnt3 table td ul li:last-child {margin-bottom:0;}
.greetings .cnt3 table td ul li:before {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background:#ea4949;}
.greetings .cnt3 table tr th:first-child,
.greetings .cnt3 table tr td:first-child {border-left:0;}
.greetings .cnt3 table tr th:last-child,
.greetings .cnt3 table tr td:last-child {border-right:0;}

.root_daum_roughmap {width:100% !important;}
.location-info {display:flex; margin-top:60px; text-align:center;}
.location-info .col {flex:1; border-right:1px solid #dfdfdf; padding:0 10px;}
.location-info .col:last-child {border-right:0;}
.location-info .icon {margin-bottom:20px;}
.location-info h3 {font-size:16px; font-weight:500; line-height:1.3em; margin-bottom:10px;}
.location-info p {color:#505050; font-size:18px; font-weight:500; line-height:1.8em; max-width:245px; margin:0 auto;}
.location-info .c1 {color:#e6002d;}
.location-info .c2 {color:#004ea2;}
.location-info .c3 {color:#1b1d80;}

.edu-tit {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-.04em; margin-bottom:20px;}
.edu-tit .cate {display:inline-block; vertical-align:middle; margin:-.2em 6px 0 0; padding:0 10px; min-width:70px; text-align:center; background:#3371b5; color:#fff; font-size:14px; font-weight:500; line-height:30px;}
.edu-tit .bar {display:inline-block; vertical-align:middle; margin:-.2em 6px 0; width:1px; height:20px; background:#2c2c2c;}
.edu-tit .gray {color:#505050;}

.edu-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #004ea2; font-size:14px; line-height:1.6em;}
.edu-table th {border:1px solid #dfdfdf; color:#2c2c2c; font-weight:500; background:#fafafa;}
.edu-table td {border:1px solid #dfdfdf; color:#505050; text-align:center;}
.edu-table td.left {text-align:left; padding-left:28px;}
.edu-table td ul li {margin-bottom:4px;}
.edu-table td ul li:last-child {margin-bottom:0;}
.edu-table thead th {padding:15px 10px; font-size:17px;}
.edu-table tbody th {padding:20px 10px;}
.edu-table tbody td {padding:20px 10px;}
.edu-table table tr th:first-child,
.edu-table table tr td:first-child {border-left:0;}
.edu-table table tr th:last-child,
.edu-table table tr td:last-child {border-right:0;}

.edu-step {text-align:center; color:#505050; font-size:14px; line-height:1.571em; letter-spacing:-.04em; overflow:hidden;}
.edu-step ol {display:flex; margin:0 -55px;}
.edu-step ol li {flex:1;}
.edu-step ol li .ico {position:relative; margin-bottom:20px;}
.edu-step ol li .ico:after {content:""; position:absolute; top:50%; right:-30px; margin-top:-30px; width:60px; height:60px; background:url("../images/sub/edu_step_arr.png") 50% 50% no-repeat;}
.edu-step ol li .ico .circle {max-width:200px; margin:0 auto;}
.edu-step ol li .ico i {display:block; padding-bottom:100%; border-radius:100%; background-color:#eee; background-position:50% 50%; background-repeat:no-repeat; transition:.4s;}
.edu-step ol li .ico .ico-1 {background-image:url("../images/sub/edu_step1.png");}
.edu-step ol li .ico .ico-2 {background-image:url("../images/sub/edu_step2.png");}
.edu-step ol li .ico .ico-3 {background-image:url("../images/sub/edu_step3.png");}
.edu-step ol li .ico .ico-4 {background-image:url("../images/sub/edu_step4.png");}
.edu-step ol li .ico .ico-5 {background-image:url("../images/sub/edu_step5.png");}
.edu-step ol li:last-child .ico:after {display:none;}
.edu-step ol li .num {font-size:16px; color:#2c2c2c; font-weight:700; margin-bottom:12px;}
.edu-step ol li.active .ico i {background-color:#004ea2}
.edu-step ol li.active .ico .ico-1 {background-image:url("../images/sub/edu_step1_on.png");}
.edu-step ol li.active .ico .ico-2 {background-image:url("../images/sub/edu_step2_on.png");}
.edu-step ol li.active .ico .ico-3 {background-image:url("../images/sub/edu_step3_on.png");}
.edu-step ol li.active .ico .ico-4 {background-image:url("../images/sub/edu_step4_on.png");}
.edu-step ol li.active .ico .ico-5 {background-image:url("../images/sub/edu_step5_on.png");}
.edu-step.type2 ol {margin:0 -100px;}
.edu-step.type2 ol li .ico:after {right:-70px; width:140px; height:60px; background:url("../images/sub/edu_step_arr2.png") 50% 50% no-repeat;}

.edu-complete h3 {text-align:center; color:#2c2c2c; font-size:26px; font-weight:400; line-height:1.6em; letter-spacing:-.03em; margin-bottom:60px;}
.edu-complete h3 .c1 {color:#004ea2; font-weight:500;}
.edu-complete h3 .c2 {color:#e6002d; font-weight:500;}
.edu-complete .buttons {margin-top:100px; margin-bottom:0;}

.edu-info-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #004ea2; line-height:1.6em;}
.edu-info-table th {padding:16px 10px; font-size:16px; border-bottom:1px solid #dfdfdf; color:#2c2c2c; font-weight:500; background:#f3f6fa;}
.edu-info-table td {height:97px; padding:16px 15px; font-size:18px; border:1px solid #dfdfdf; color:#2c2c2c; text-align:center;}
.edu-info-table table tr th:first-child,
.edu-info-table table tr td:first-child {border-left:0;}
.edu-info-table table tr th:last-child,
.edu-info-table table tr td:last-child {border-right:0;}
.edu-info-table.type2 table th {background:#fafafa}
.edu-info-table.type2 table td {height:auto; text-align:left; padding-left:20px;}
.edu-info-table.type2 table td ul li {margin-bottom:3px;}
.edu-info-table.type2 table td ul li:last-child {margin-bottom:0;}
.edu-info-table.type3 table td {height:auto;}

.edu-info-overview {background:#fafafa; border-bottom:1px solid #dfdfdf; padding:60px 20px; text-align:center;}
.edu-info-overview .wrap {display:flex; max-width:975px; margin:0 auto;}
.edu-info-overview .col {flex:1;}
.edu-info-overview dl {margin-top:20px;}
.edu-info-overview dt {color:#e6002d; font-size:14px; font-weight:500; line-height:1.5em; letter-spacing:-.04em; margin-bottom:4px;}
.edu-info-overview dd {color:#2c2c2c; font-size:18px; line-height:1.556em; letter-spacing:-.04em;}

.edu-info-intro {border:1px solid #dfdfdf; font-weight:300; line-height:1.625em; letter-spacing:-.04em;}
.edu-info-intro dl {padding:40px; border-bottom:1px solid #dfdfdf;}
.edu-info-intro dl:last-child {border-bottom:0;}
.edu-info-intro dt {display:inline-block; padding:0 10px; min-width:70px; text-align:center; background:#3371b5; color:#fff; font-size:14px; font-weight:500; line-height:30px;}
.edu-info-intro dd {margin-top:17px;}

.edu-info-list table {width:100%; border-collapse:collapse; border-spacing:0px; letter-spacing:-.04em;}
.edu-info-list th {padding:28px 10px; border:1px solid #dfdfdf;}
.edu-info-list th .label {display:inline-block; padding:0 10px; background:#3371b5; color:#fff; font-size:14px; font-weight:500; line-height:30px; margin-bottom:10px;}
.edu-info-list th .hour {font-size:14px; font-weight:400; line-height:1.5em;}
.edu-info-list th .hour strong {font-size:28px; font-weight:500; line-height:1em;}
.edu-info-list td {padding:28px; border:1px solid #dfdfdf;}
.edu-info-list td .tit {font-size:20px; line-height:1.4em;}
.edu-info-list td .tit strong {font-weight:500;}
.edu-info-list td .hypen {padding-left:.6em; text-indent:-.6em; margin-top:8px; color:#878787; font-size:14px; font-weight:300; line-height:1.5em;}

.edu-member-top {height:300px; padding:90px 0 0 110px; margin-bottom:60px; color:#fff; background:#819fc3 url("../images/sub/edu_member_top_bg.jpg") 100% 0 no-repeat; background-size:cover;}
.edu-member-top h3 {font-size:30px; line-height:1.3em; letter-spacing:-.04em; margin-bottom:15px;}
.edu-member-top p {font-size:18px; line-height:1.778em; letter-spacing:-.04em;}
.edu-member-top p strong {display:inline-block; color:#ffde00; font-weight:500; border-bottom:1px solid #ffde00;}

.edu-benefits {display:flex; text-align:center; border:1px solid #dfdfdf;}
.edu-benefits .col {flex:1; padding:30px; border-left:1px solid #dfdfdf;}
.edu-benefits .col:first-child {border-left:0;}
.edu-benefits p {font-weight:300; letter-spacing:-.04em;}
.edu-benefits .num {font-size:22px; font-weight:700; line-height:1em; margin:15px 0 5px;}

.management-flow {border:1px solid #dfdfdf; padding:0 50px 0 40px; font-weight:300; letter-spacing:-.04em;}
.management-flow .group {display:flex; min-height:153px;}
.management-flow .num {position:relative; width:60px; margin-right:48px; text-align:center; padding-top:46px;}
.management-flow .num:before {content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:#3371b5;}
.management-flow .num span {position:relative; display:block; color:#fff; font-size:22px; font-weight:700; line-height:60px; background:#3371b5;}
.management-flow .cnt {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; padding:48px 0; border-bottom:1px solid #dfdfdf;}
.management-flow .cnt .in {width:100%;}
.management-flow .tit {font-weight:500; margin-bottom:10px; line-height:1.4em;}
.management-flow .tt {font-weight:500; color:#e6002d; font-size:14px;}
.management-flow .tt.step {font-size:16px;}
.management-flow .row {display:flex; margin:0 -20px;}
.management-flow .col {flex:1; padding:0 20px;}
.management-flow .col ol {font-size:14px;}
.management-flow .col ol li {}
.management-flow .line {border-bottom:1px dashed #d4d4d4; margin:22px 0;}
.management-flow .group:first-child .num:before {top:50%;}
.management-flow .group:last-child .num:before {bottom:50%;}
.management-flow .group:last-child .cnt {border-bottom:0;}

.academy-info {display:flex; flex-wrap:wrap; margin:-20px;}
.academy-info .col {width:25%; padding:20px;}
.academy-info h3 {font-size:17px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; border-bottom:1px solid #a8a8a8; padding-bottom:8px; margin-bottom:19px;}
.academy-info ul li {margin-bottom:10px;}
.academy-info ul li a {display:block; padding:18px 50px 18px 17px; font-size:15px; line-height:1.4em; letter-spacing:-.03em; border:1px solid #a8a8a8; background:#fff url("../images/sub/plus_off.png") right 20px center no-repeat;}
.academy-info ul li a:hover {color:#fff; border-color:#004ea2; background-color:#004ea2; background-image:url("../images/sub/plus_on.png");}

.edu-facilities {text-align:center;}
.edu-facilities ul {display:flex; flex-wrap:wrap; margin:-20px -10px;}
.edu-facilities ul li {width:50%; padding:20px 10px;}
.edu-facilities ul li img {display:block; margin:0 auto 15px;}
.edu-facilities.mg {margin-bottom:30px;}

.pie-wrap {display:flex;}
.pie-wrap .col {width:50%;}
.pie-wrap .box {position:relative; height:338px; border:1px solid #dfdfdf; display:flex; align-items:center; justify-content:center;}
.pie-wrap .box.img {display:flex; align-items:center; justify-content:center;}
.pie-wrap .txt {text-align:center; color:#2c2c2c; font-size:18px; line-height:1.4em; margin-top:12px;}
.pie-wrap .col:nth-child(2) .box {border-left:0;}
.pie-wrap .series {position:absolute; top:17px; left:19px; font-size:14px; font-weight:300; line-height:1.5em; letter-spacing:-.04em;}
.pie-wrap .series li {margin-bottom:6px;}
.pie-wrap .series .marker {display:inline-block; vertical-align:middle; margin:-.2em 5px 0 0; width:8px; height:8px; border-radius:100%;}

.pop-complete {width:600px; text-align:center; padding:60px; font-size:22px; line-height:1.5em;}
.pop-complete .c1 {color:#004ea2;}
.pop-complete .c2 {color:#e6002d;}
.pop-complete .icon {margin:35px 0;}
.pop-complete .btn-pack.large {width:140px; line-height:68px; height:70px;}