.sub-page { padding: 165px 0 200px; background-image: url(/assets/images/sub/sub_page_circle.png); background-repeat: no-repeat; background-position: 90% -350px; }
.sub-top { background-repeat: no-repeat; background-size: cover; background-position: center; height: 678px; padding-top: 340px; position: relative; }
.sub-top.K01 { background-image: url(/assets/images/sub/sv01.png); }
.sub-top.K02 { background-image: url(/assets/images/sub/sv02.png); }
.sub-top.K03 { background-image: url(/assets/images/sub/sv03.png); }
.sub-top.K04 { background-image: url(/assets/images/sub/sv04.png); }
.sub-top__tit { color: #fff; font-size: 75px; font-weight: 600; line-height: 1.2em; }
.sub-top__desc { color: #fff; font-size: 15px; margin-top: 20px; }
.sub-top__lnb { position: absolute; bottom: 0; left: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); width: 100%; }
.sub-top__lnb .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.sub-top__lnb a { color: #fff; font-size: 17px; position: relative; height: 100px; line-height: 100px; white-space: nowrap; }
.sub-top__lnb a:not(:last-child) { margin-right: 110px; }
.sub-top__lnb a.active::before { content: ''; width: 100%; height: 3px; background-color: #fff; position: absolute; top: 0; left: 0; }
.sub-tit { font-size: 60px; font-weight: 600; margin-bottom: 80px; }
.sub-stit { font-size: 23px; }
.section-tit { font-size: 45px; font-weight: 600; margin-bottom: 40px; }
.tab-style01 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
.tab-style01 > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-bottom: 20px; border-bottom: 4px solid #d9d9d9; text-align: center; font-size: 20px; color: #ababab; font-weight: 500; }
.tab-style01 > a:hover { color: #000; border-color: #cd1f1f; }
.tab-anchor { position: absolute; top: calc(-1 * var(--headerHeight)); left: 0; }
.history-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 170px; }
.history-imgs { width: 50%; }
.history-imgs span { display: block; max-width: 520px; }
.history-list { width: 50%; padding-left: 40px; padding-bottom: 80px; position: relative; }
.history-list::before { content: ''; height: 100%; width: 1px; position: absolute; left: -1px; top: 20px; border-left: 1px dashed #cdcdcd; }
.history-list::after { content: ''; border: 4px solid #cd1f1f; background-color: transparent; position: absolute; left: -8px; bottom: -20px; border-radius: 50%; width: 7px; height: 7px; }
.history-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.history-list > li:not(:last-child) { margin-bottom: 80px; }
.history-list > li::before { content: ''; width: 7px; height: 7px; background-color: #b4b4b4; position: absolute; left: -44px; top: 20px; border-radius: 50%; }
.history-list > li:first-child::before { content: ''; border: 4px solid #cd1f1f; background-color: transparent; left: -48px; }
.history-list__year { font-size: 45px; color: #000; font-weight: 700; line-height: 1em; width: 140px; }
.history-list__event { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 8px; }
.history-list__event > p { font-size: 17px; color: #757575; line-height: 1.8em; margin-bottom: 25px; }
.organ-chart { background-color: #f8f8f8; padding: 145px 0 200px; margin-top: 100px; }
.organ-chart img { margin-left: auto; margin-right: auto; }
.organ-list { margin-top: 200px; }
.organ-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 3px solid #000; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.organ-list ul > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 145px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #ddd; }
.organ-list__name { font-size: 23px; font-weight: 600; }
.organ-list__pos { font-size: 16px; color: #454545; margin-top: 10px; }
.business-banner { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 135px 0; text-align: center; }
.business-banner p { color: #fff; font-size: 36px; line-height: 1.6em; font-weight: 500; }
.business-area { margin-top: 180px; }
.business-area__tit { text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 20px; }
.business-area__stit { color: #454545; font-size: 18px; text-align: center; }
.business-list { margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.business-list > li { width: 32%; margin-right: 2%; margin-bottom: 120px; }
.business-list > li:nth-child(3n) { margin-right: 0; }
.business-list > li:last-child { margin-bottom: 0; }
.business-list__tit { font-size: 24px; font-weight: 600; margin-top: 35px; }
.business-list__desc { font-size: 17px; color: #454545; margin-top: 20px; }
.strength-chart img { margin-left: auto; margin-right: auto; }
.strength-list { margin-top: 100px; border-top: 2px solid #000; }
.strength-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px; border-bottom: 1px solid #eee; }
.strength-list__header { width: 450px; font-size: 21px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; }
.strength-list__header span { color: #cd1f1f; margin-right: 7px; display: block; }
.strength-list__data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.strength-list__data > h6 { font-size: 20px; font-weight: 500; margin-bottom: 15px; }
.strength-list__data > p { font-size: 18px; color: #454545; position: relative; padding-left: 12px; }
.strength-list__data > p:not(:last-child) { margin-bottom: 7px; }
.strength-list__data > p::before { content: ''; width: 3px; height: 3px; background-color: #454545; position: absolute; left: 0; top: 10px; }
.survey-para01 { font-size: 23px; font-weight: 600; }
.survey-para02 { margin-top: 20px; color: #454545; font-size: 17px; }
.survey-para02 strong { font-weight: 500; color: #111; }
.survey-img { margin-top: 80px; }
.system-tab { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 100px; }
.system-tab > a { font-size: 24px; font-weight: 500; color: #bdbdbd; }
.system-tab > a:not(:last-child) { margin-right: 60px; }
.system-tab > a.active { color: #cd1f1f; border-bottom: 2px solid #cd1f1f; padding-bottom: 3px; }
.system-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; }
.system-list > li:not(:last-child) { margin-bottom: 220px; }
.system-list__header { width: 350px; font-size: 36px; font-weight: 700; line-height: 1.4em; }
.system-list__data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.system-list__data p { font-size: 18px; color: #454545; position: relative; padding-left: 12px; }
.system-list__data p:not(:last-child) { margin-bottom: 7px; }
.system-list__data p::before { content: ''; width: 3px; height: 3px; background-color: #454545; position: absolute; left: 0; top: 10px; }
.system-list__data > div { background-color: #f8f8f8; margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.system-list__data span { display: block; margin-top: 40px; }
.system-list__data .strength-list > li { padding-left: 0; padding-right: 0; }
.system-list__data .strength-list__header { width: 350px; }
.system-banner { height: 370px; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 36px; font-weight: 600; text-align: center; }
.system-banner__para { font-size: 18px; margin-top: 40px; line-height: 1.8em; letter-spacing: -0.05em; margin-bottom: 220px; }
.system-banner__para02 { font-size: 20px; margin-top: 40px; letter-spacing: -0.05em; margin-bottom: 20px; line-height: 1.6em; }
.system-banner__para03 { font-size: 16px; letter-spacing: -0.05em; margin-bottom: 180px; color: #454545; }
.network-wrap { background-color: #f8f8f8; padding: 110px 0 240px; background-image: url(/assets/images/sub/sub_page_circle.png); background-repeat: no-repeat; background-position: 100% calc(100% + 300px); }
.network-wrap .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.network-msg { text-align: center; font-size: 20px; font-family: 'Noto Sans KR'; width: 100%; margin-bottom: 45px; }
.network-list > li { background-color: #fff; border: 1px solid #fff; padding: 38px 44px; width: 412px; cursor: pointer; }
.network-list > li:not(:last-child) { margin-bottom: 33px; }
.network-list > li.active { border: 1px solid #cd1f1f; }
.network-list > li.active .network-list__addr { background-image: url(/assets/images/sub/marker_icon_on.png); }
.network-list > li.active .network-list__person { background-image: url(/assets/images/sub/addr_icon_on.png); }
.network-list__name { font-size: 32px; font-weight: 600; }
.network-list__pos { font-size: 16px; color: #454545; margin-top: 10px; margin-bottom: 30px; }
.network-list__addr { font-size: 16px; padding-left: 30px; background-image: url(/assets/images/sub/marker_icon.png); background-repeat: no-repeat; background-position: 0 center; }
.network-list__person { font-size: 16px; padding-left: 30px; background-image: url(/assets/images/sub/addr_icon.png); background-repeat: no-repeat; background-position: 0 center; margin-top: 15px; color: #999; }
.network-list__person strong { font-weight: 500; color: #454545; }
.network-map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.network-map span { position: relative; }
.network-map span::before { content: ''; width: 134px; height: 134px; background-image: url(/assets/images/sub/network_marker.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 13%; left: 17%; }
.network-map span.seoul::before { top: 13%; left: 17%; }
.network-map span.kangwon::before { top: 8%; left: 49%; }
.network-map span.daejeon::before { top: 32%; left: 17%; }
.network-map span.daegu::before { top: 37%; left: 61%; }
.network-map span.gwangju::before { top: 56%; left: 14%; }
.network-map span.busan::before { top: 58%; left: 51%; }
.network-map span.jeju::before { top: 87%; left: 0; }
.location-wrap iframe { width: 100%; height: 530px; }
.location-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; }
.location-info > li:not(:last-child) { margin-right: 80px; }
.location-info h3 { font-size: 23px; font-weight: 700; margin-bottom: 10px; }
.location-info p { color: #454545; font-size: 16px; }
.location-banner { margin-top: 220px; background-image: url(/assets/images/sub/location_bg.png); background-repeat: no-repeat; background-size: cover; padding: 145px 0 135px; text-align: center; }
.location-banner h3 { color: #fff; font-size: 30px; font-weight: 500; }
.location-banner .common-btn { margin-top: 70px; }
.form-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.form-list > li { width: 48%; }
.form-list > li.full-width { width: 100%; }
.form-list > li:not(:last-child) { margin-bottom: 45px; }
.form-list > li > p { font-size: 23px; font-weight: 500; margin-bottom: 15px; }
.form-list > li > p span { color: #cd1f1f; }
.form-list > li > textarea,
.form-list > li > input[type='text'] { width: 100%; line-height: 58px; height: 58px; border: 1px solid #ddd; padding-left: 12px; font-size: 17px; }
.form-list > li > textarea { resize: none; height: 170px; overflow-y: scroll; }
.term-wrap { margin-top: 50px; }
.term-wrap .common-btn { margin-top: 70px; }
.term-wrap .common-btn:hover { background-color: #000; color: #fff; }
.terms-tit { font-size: 23px; font-weight: 500; margin-bottom: 15px; }
.terms-info { border: 1px solid #ddd; padding: 15px; height: 200px; overflow-y: scroll; }
.terms-check { padding: 20px 40px; background-color: #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.terms-check label { font-size: 17px; margin-left: 14px; }
.terms-check label span { color: #cd1f1f; }
.service-list { margin-top: 165px; }
.service-list .system-list > li { position: relative; }
.service-list .service-info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 0; }
.service-list .service-info:not(:last-child) { margin-bottom: 20px; }
.service-list .service-info > div:first-child { padding-top: 45px; }
.service-list .service-info h4 { font-size: 26px; color: #cd1f1f; font-weight: 600; }
.service-list .service-info h6 { font-size: 20px; color: #454545; font-weight: 600; margin-top: 5px; margin-bottom: 15px; }
.notice-list { margin-top: 80px; border-top: 2px solid #000; }
.notice-list > a { padding-right: 120px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1df; position: relative; display: block; }
.notice-list > a::before { content: ''; width: 39px; height: 39px; background-image: url(/assets/images/main/plus_icon.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.notice-list > a:hover::before { -webkit-transform: scale(1.2) translateY(-50%); transform: scale(1.2) translateY(-50%); }
.notice-list__tit { font-size: 23px; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice-list__date { font-size: 16px; color: #999; margin-top: 5px; }
@media all and (max-width: 1500px){
 .system-list__data > div { display: block; }
 .system-list__data > div img:not(:first-child) { margin-top: 40px; }
 .network-wrap .inner .network-map { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: auto; margin-right: auto; margin-bottom: 120px; }
 .network-wrap .inner .network-map span { display: block; margin-left: auto; margin-right: auto; }
 .network-wrap .inner .network-list { width: 50%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
 .network-wrap .inner .network-list > li { margin-left: auto; margin-right: auto; }
 }