@charset "utf-8";
.real-cont {padding:100px 0 120px;}

.mo {display: none;}

/* splitting */
.page-header > .container.motion h3.chars .char {animation:textAni 1.5s both; animation-delay:calc(0.1s * var(--char-index));}

@keyframes textAni {
    0% {opacity:0;}
    30% {opacity:0;}
}

/* page-header */
.page-header {position: relative; width: 100%; height: 500px; background: url() 50% 50% no-repeat; background-size: cover;}
.page-header > .container {padding-top: 205px !important;}
.page-header.type1 {background-image: url(../images/sub/s-visual01.jpg); background-color: #333;}
.page-header.type2 {background-image: url(../images/sub/s-visual02.jpg); background-color: #333;}
.page-header.type3 {background-image: url(../images/sub/s-visual03.jpg); background-color: #333;}
.page-header.type4 {background-image: url(../images/sub/s-visual04.jpg); background-color: #333;}
.page-header.type5 {background-image: url(../images/sub/s-visual05.jpg); background-color: #333;}
.page-header.type6 {background-image: url(../images/sub/s-visual06.jpg); background-color: #333;}
.page-header.type7 {background-image: url(../images/sub/s-visual07.jpg); background-color: #333;}
.page-header.type8 {background-image: url(../images/sub/s-visual08.jpg); background-color: #333;}

.page-header .container h2 {font-size: 50px; font-weight: 700; color: #fff; text-align: center; line-height: normal;}
.s-nav {display: flex; justify-content: center; margin-top: 24px; gap: 12px;}
.s-nav li {position: relative; font-size: 20px; color: #fff; font-weight: 400; line-height: 1.6; }
.s-nav li > strong {font-weight: 700;}
.s-nav li ~ li {padding-left: 36px;}
.s-nav li ~ li::before {position: absolute; content: ''; width: 24px; height: 24px; transform: translateY(-50%); top: 50%; left: 0; background: url(../images/sub/ico_arrow.png) 50% 50% no-repeat; background-size: auto;}


.lnb {position: relative; width: 100%; background-color: #fff; border-bottom: 1px solid #eee;}
.lnb ul {width: 100%; display: flex;} 
.lnb ul li {position: relative; width: 1%; flex: 1 1 auto;}
.lnb ul li::after {position: absolute; content:''; width: 1px; height: 20px; top: 50%; right: 0; transform: translateY(-50%); background-color: #ddd;}
.lnb ul li:last-child::after {display: none;}
.lnb ul li a {position: relative; display: flex; width: 100%; align-items: center; justify-content: center; text-align: center; font-size: 20px; color: #555; height: 76px; font-weight: 500; transition: all .3s linear; z-index: 2; letter-spacing: -.4px;} 
.lnb ul li a:after {position: absolute; content:''; width: 100%; height: 2px; background-color: #0B54B0; bottom: -1px; left: 0; opacity: 0;}
.lnb ul li a > span {line-height: normal;}
.lnb ul li.active a {color: #0B54B0; font-weight: 600;}
.lnb ul li.active a:after {opacity: 1;}

.lnb .btn-drop {display: none;}

section {padding: 180px 0;}
.section-header h3 {position: relative; padding-top: 38px; font-size: 48px; color: #111; text-align: center; font-weight: 700; line-height: 1.37; letter-spacing: -.96px;}
.section-header h3::before {position: absolute; content:''; width: 52px; height: 8px; border-radius: 50px; background: linear-gradient(90deg, #F2AF1E 0%, #0B54B0 100%); top: 0; left: 50%; transform: translateX(-50%);} 

.article-header h5 {font-size: 50px; font-weight: 600; color: #000; text-align: center; line-height: 60px;}
.article-header p {font-size: 24px; line-height: 40px; color: #333; padding-top: 45px; text-align: center;}

/* s7 */
.s7_1 {position: relative;}
.s7_1::before {position: absolute; content: ''; width: 100%; height: 880px; background: url(../images/sub/bg_s701.png) 50% 0% no-repeat; background-size: cover; top: 180px; left: 0; z-index: -1;}
.s7_1 > .container {padding: 0 160px !important;}
.s7_1 .section-header img {display: block; max-width: 100%; margin: 0 auto;}
.s7_1 .section-header h3 {font-size: 40px; text-align: center; color: #303030; font-weight: 700; line-height: 1.5; letter-spacing: -.8px; margin-top: 30px; padding-top: 0;}
.s7_1 .section-header h3::before {display: none;}
.s7_1 .section-header h3 > span {color: #0B54B0;}
.s7_1 figure {margin-top: 50px; width: 100%; border-radius: 15px; overflow: hidden;}
.s7_1 figure img {display: block; max-width: 100%; margin: 0 auto;}
.s7_1 .table-wrap {margin-top: 80px; width: 100%;}
.s7_1 .table-wrap table {width: 100%; table-layout: fixed; border-top: 2px solid #666;}
.s7_1 .table-wrap table tr {border-bottom: 1px solid #ddd;}
.s7_1 .table-wrap table td {padding: 23px 10px; text-align: center; font-size: 20px; font-weight: 400; color: #555; line-height: normal;}
.s7_1 .table-wrap table td.tit {font-weight: 600; color: #333; background-color: #f4f4f4;}
.s7_1 .table-wrap table td a {color: #555;}

/* s7_2 */
.s7_2 {position: relative; padding-bottom: 0;}
.s7_2::before {position: absolute; content: ''; width: 100%; height: 840px; background: url(../images/sub/bg_s702.png) 50% 0% no-repeat; background-size: cover; top: 0; left: 0; z-index: -1;}
.s7_2 .section-header span {display: block; font-size: 22px; font-family: 'Poppins'; font-weight: 600; line-height: 1.6; letter-spacing: -.66px; color: #0B54B0; text-align: center;}
.s7_2 .section-header h3 {margin-top: 6px; font-size: 84px; font-family: 'KccEunyeong'; font-weight: 400; line-height: 1.2; letter-spacing: -1.68px; color: #222; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); text-align: center; padding-top: 0;}
.s7_2 .section-header h3::before {display: none;}
.s7_2 .section-header p {font-size: 22px; margin-top: 40px; font-weight: 400; line-height: 1.63; letter-spacing: -.66px; text-align: center; color: #666;}
.s7_2 .section-header p > span {color: #385d8c; font-weight: 500;}
.s7_2 .section-header p ~ p {margin-top: 40px;}
.s7_2 .logo-box {margin-top: 300px;}
.s7_2 .logo-box ul {display: flex; gap: 40px; width: 100%;}
.s7_2 .logo-box ul li {width: 1%; flex: 1 1 auto;}
.s7_2 .logo-box ul li dl dt {font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -.4px; color: #0B54B0;}
.s7_2 .logo-box ul li dl dd {font-size: 28px; font-weight: 700; color: #222; line-height: 1.4; letter-spacing: -.56px;}
.s7_2 .logo-box ul li figure {margin-top: 18px;}
.s7_2 .logo-box ul li figure img {max-width: 100%; display: block;}
.s7_2 .figure-box {margin-top: 180px; overflow: hidden;}
.s7_2 .figure-box ul { display: flex; gap: 20px; width: 100%;}
.s7_2 .figure-box ul li {width: 1%; flex: 1 1 auto; height: 480px;}
.s7_2 .figure-box ul li figure {height: 100%;}
.s7_2 .figure-box ul li figure img {display: block; max-width: 100%; margin: 0 auto; height: 100%;}
.s7_2 .figure-box ul li:nth-of-type(2) figure {height: 230px;}
.s7_2 .figure-box ul li:nth-of-type(2) figure ~ figure {margin-top: 20px;}

/* s7_3 */
.certi-pop {display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0, .6); z-index: 1001; top: 0; left: 0;}
.certi-pop .popup {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 700px; width: 100%; padding: 0 15px;}
.certi-pop .popup .inner {padding:50px 30px 0px; position: relative; width: 100%; background-color: #fff; max-height: 95dvh; overflow:auto; border-radius: 15px;}
.certi-pop .popup .inner a {display: block; position: absolute; width: 20px; height: 20px; top: 30px; right: 30px;}
.certi-pop .popup .inner .pop-img {width: 100%;}
.certi-pop .popup .inner .pop-img img {display: block; width: 100%; max-width: 80%; margin: 0 auto; box-shadow: 5px 0px 15px rgba(0,0,0,0.1);}
.certi-pop .popup .inner .pop-tit {font-size: 24px; padding:30px 0; line-height: 1.5; color: #202020; font-weight: 600; text-align: center;}

.certi-pop .popup .inner::-webkit-scrollbar {display: none;}