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


#content {overflow: hidden;}
#footer::before {position: absolute; content: ''; top: 0; left: 0; width: 100%; max-width: 1903px; height: 1px; background-color: #ddd;}
.pop {font-family: "Poppins", sans-serif;}
.mo {display: none;}

/* page-header */
.page-header {position: relative; width: 100%; height: 590px; padding-top: 305px; background: url() 50% 50% no-repeat; background-size: cover;}
.page-header > .container-fluid {padding: 0 15px !important;}
.page-header.type01 {background-image: url(../images/sub/s-visual01.jpg);}
.page-header.type02 {background-image: url(../images/sub/s-visual02.jpg);}
.page-header.type03 {background-image: url(../images/sub/s-visual03.jpg);}
.page-header.type04 {background-image: url(../images/sub/s-visual04.jpg);}

.page-header .container-fluid h3 {font-size: 60px; font-weight: 600; color: #fff;}
.page-header .container-fluid p {font-size: 20px; color: #fff; padding-top: 40px; line-height: 30px;}

/* lnb */
.lnb {position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background-color: rgba(15, 39, 53, .8);}
.lnb .container-fluid {width: 100%; height: 100%;}
.lnb .lnb-wrap {max-width: 520px; width: 100%; margin-left: auto; height: 100%; display: flex; border-left: 1px solid rgba(255, 255, 255, .2); border-right: 1px solid rgba(255, 255, 255, .2);}
.lnb .lnb-wrap .home {max-width: 60px; width: 100%; height: 100%;}
.lnb .lnb-wrap .home a {display: block; width: 100%; height: 100%; margin: 0 auto; background: url(../images/sub/ico_home.png) 50% 50% no-repeat; background-size: auto;}
.lnb .lnb-wrap .sub_cate {max-width: 230px; width: 100%; font-size: 16px; color: #fff; line-height: 70px; padding: 0 20px; background: url(../images/sub/ico_arrow.png) calc(100% - 20px) 50% no-repeat; background-size: auto; border-left: 1px solid rgba(255, 255, 255, .2);}
.lnb .lnb-wrap .s-lnb {max-width: 230px; width: 100%; border-left: 1px solid rgba(255, 255, 255, .2);}
.lnb .lnb-wrap .s-lnb ul {width: 100%}
.lnb .lnb-wrap .s-lnb ul li {display: none; width: 100%;}
.lnb .lnb-wrap .s-lnb ul li > a {display: block; line-height: 70px; color: #fff; font-size: 16px; padding: 0 20px; background: url(../images/sub/ico_arrow_down.png) calc(100% - 20px) 50% no-repeat; background-size: auto; cursor: default;}
.lnb .lnb-wrap .s-lnb ul li.active {display: block; }
.btn-drop {display: none;}


/* 좌측 서브메뉴 */
.sub-menu {position: absolute; top: -70px; left: 15px; max-width: 330px; width: 100%; padding-right: 80px; z-index: 5;}
.sub-menu .category {width: 100%; height: 150px; background-color: #0082cd; border-radius: 0 0 20px 20px; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub-menu .category h4 {font-size: 28px; color: #fff; font-weight: 600; text-align: center;}
.sub-menu .sub-lnb {width: 100%; padding-top: 10px;}
.sub-menu .sub-lnb li {width: 100%; border-bottom: 1px solid #ddd;}
.sub-menu .sub-lnb li a {display: block; width: 100%; font-size: 18px; color: #666; line-height: 60px; background: url(../images/sub/ico_plus.png) calc(100% - 25px) 50% no-repeat; background-size: auto; transition: all .15s linear; padding: 0 25px;}
.sub-menu .sub-lnb li.over a {background-image: url(../images/sub/ico_bar.png);}
.sub-menu .sub-lnb li a:hover {color: #0082cd; background-color: #f0f4f6;}
.sub-menu .sub-lnb li.active a {color: #0082cd; background-image:url(../images/sub/ico_bar.png); background-color: #f0f4f6;}

section {padding: 80px 0 150px;}

.article-header {display: block; text-align: center;}
.s2_3 .article-header .arti-tit {max-width: 100%; width: 100%;}
.article-header .arti-tit h5 {font-size: 36px; font-weight: 500; color: #111; line-height: 48px;}
.article-header .arti-tit p {font-size: 18px; color: #666; padding-top: 25px; line-height: 30px;}


/* s1_1 */
.s1_1 article ~ article {margin-top: 110px;}

.s1_1 .cnt {position: relative; width: calc(100% + 40px); display: flex; justify-content: space-between; margin: 55px -20px 0;}
.s1_1 .cnt::after {position: absolute; content: ''; width: 120px; height: 120px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/sub/ico_s10101.png) 50% 50% no-repeat; background-size: auto;}
.s1_1 .cnt .img-box {width: 50%; padding: 0 20px; position: relative; border-radius: 20px; overflow: hidden;}
.s1_1 .cnt .img-box img {display: block; max-width: 100%; margin: 0 auto;}
.s1_1 .cnt .img-box p {position: absolute; width: calc(100% - 40px); bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(15, 39, 53, .9); font-size: 18px; color: #fff; text-align: center; line-height: 30px; padding: 25px 0; border-radius: 0 0 20px 20px;}

.s1_1 .history {margin-top: 55px; width: 100%;}
.s1_1 .history ul {position: relative; border-top: 2px solid #0082cd; border-bottom: 1px solid #ddd; width: 100%; padding: 80px 0;}
.s1_1 .history ul::before {position: absolute; content: ''; height: 100%; width: 1px; background-color: #ddd; left: 260px; top: 0;}
.s1_1 .history ul li {width: 100%; display: flex; align-items: flex-start;}
.s1_1 .history ul li ~ li {margin-top: 50px;}
.s1_1 .history ul li .year {max-width: 260px; width: 100%; font-size: 36px; font-weight: 500; color: #0082cd; padding-left: 80px;}
.s1_1 .history ul li .txt {position: relative; max-width: 850px; width: 100%; padding-left: 100px; padding-top: 10px;}
.s1_1 .history ul li .txt::before {position: absolute; content: ''; border-radius: 50%; border: 3px solid #0082cd; background-color: #fff; width: 13px; height: 13px; left: -6px; top: 11px;}
.s1_1 .history ul li .txt dl {display: flex; }
.s1_1 .history ul li .txt dl ~ dl {margin-top: 15px;}
.s1_1 .history ul li .txt dl dt {max-width: 60px; width: 100%; font-size: 18px; color: #000; font-weight: 500;}
.s1_1 .history ul li .txt dl dd p {font-size: 18px; color: #666;}
.s1_1 .history ul li .txt dl dd p ~ p {padding-top: 15px;}

.s1_1 .team {margin-top: 55px; width: 100%;}
.s1_1 .team ul {display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin: 0 -20px;}
.s1_1 .team ul li {padding: 0 20px; width: 50%; min-height: 445px;}
.s1_1 .team ul li:nth-of-type(2) ~ li {margin-top: 40px;}
.s1_1 .team ul li .wrap {width: 100%; height: 100%; border-radius: 20px; overflow: hidden; background-color: #f0f4f6; padding: 50px 20px 50px 60px;}
.s1_1 .team ul li .wrap .profile {display: flex; align-items: center;}
.s1_1 .team ul li .wrap .profile .pic {max-width: 160px; width: 100%; margin-right: 40px;}
.s1_1 .team ul li .wrap .profile .info {max-width: 240px; width: 100%;}
.s1_1 .team ul li .wrap .profile .info h5 {font-size: 28px; line-height: 38px; color: #000; font-weight: 500;}
.s1_1 .team ul li .wrap .profile .info span {display: inline-block; margin-top: 15px; padding: 0 15px; font-size: 18px; color: #fff; text-align: center; line-height: 30px; background-color: #0082cd; border-radius: 30px;}
.s1_1 .team ul li .wrap .profile .info span.w160 {max-width: 160px; width: 100%;}
.s1_1 .team ul li .wrap .profile .info span.w80 {max-width: 80px; width: 100%;}
.s1_1 .team ul li .wrap .profile .info small {display: block; font-size: 16px; padding-top: 12px; color: #0082cd;}
.s1_1 .team ul li .wrap .about {margin-top: 35px;}
.s1_1 .team ul li .wrap .about p {position: relative; font-size: 18px; color: #666; line-height: 30px; padding-left: 20px;}
.s1_1 .team ul li .wrap .about p::before {position: absolute; content: ''; width: 4px; height: 4px; background-color: #0082cd; top: 12px; left: 0;}


/* s2_1 */
.s2_1 article ~ article {margin-top: 110px;}
.s2_1 .arti01 .cnt {display: flex; width: calc(100% + 40px); margin: 55px -20px 0;}
.s2_1 .arti01 .cnt .img-box {width: 50%; padding: 0 20px;}
.s2_1 .arti01 .cnt .img-box img {max-width: 100%; width: 100%; display: block; margin: 0 auto;}
.s2_1 .banner {margin-top: 40px; width: 100%; overflow: hidden; border-radius: 20px; background-color: #0082cd; text-align: center; line-height: 80px; font-size: 24px; font-weight: 500; color: #fff;}

.s2_1 .arti02 .cnt {margin-top: 55px; width: 100%; border-radius: 20px; overflow: hidden;}
.s2_1 .arti02 .cnt img {max-width: 100%; display: block; margin: 0 auto;}


/* s2_2 */
.s2_2 article small {display: none; font-size: 14px; padding-bottom:15px; color: #666;}
.s2_2 .table-wrap {width: 100%;}
.s2_2 .table-wrap table {table-layout: fixed; width: 100%; border-top: 2px solid #0082cd; border-collapse: collapse;}
.s2_2 .table-wrap table tr {border-bottom: 1px solid #ddd;}
.s2_2 .table-wrap table tr th {line-height: 77px; background-color: rgba(0, 130, 205, .07); color: #0082cd; font-size: 18px; text-align: center; border-right: 1px solid #ddd; font-weight: 400;}
.s2_2 .table-wrap table tr th:last-child {border-right: 0;}
.s2_2 .table-wrap table tr td {line-height: 77px; border-right: 1px solid #ddd; text-align: center; color: #666; font-size: 18px;}
.s2_2 .table-wrap table tr td:last-child {border-right: 0;}
.s2_2 .table-wrap table tr td.pipe {position: relative;}
.s2_2 .table-wrap table tr td.pipe::after {position: absolute; content: ''; top: 50%; left: 0; transform: translateY(-50%); background: url() 50% 50% no-repeat; background-size: auto; height: 34px;}
.s2_2 .table-wrap table tr td.pipe.w100::after {background-image: url(../images/sub/pipe_w100.png); width: 227px;}
.s2_2 .table-wrap table tr td.pipe.w80::after {background-image: url(../images/sub/pipe_w80.png); width: 183px;}
.s2_2 .table-wrap table tr td.pipe.w45::after {background-image: url(../images/sub/pipe_w45.png); width: 62px;}


/* s2_3 */
.s2_3 .article-header {width: 100%; display: flex; justify-content: space-between; align-items: center; text-align: left;}
.article-header figure {max-width: 535px; width: 100%; border-radius: 20px; overflow: hidden; margin-right: 80px;}
.article-header figure img {display: block; margin: 0 auto; max-width: 100%;}
.s2_3 .article-header .arti-tit {max-width: 495px; width: 100%;}
.article-header .arti-tit span {font-size: 18px; display: block; color: #0082cd; font-weight: 500;}
.s2_3 .article-header .arti-tit h5 {padding-top: 30px;}

.s2_3 article ~ article {margin-top: 120px;}
.s2_3 .cnt {margin-top: 80px; width: 100%;}
.s2_3 .cnt ul {border-top: 2px solid #0f2735;}
.s2_3 .cnt ul li {padding: 55px 20px 55px 130px; border-bottom: 1px solid #ddd; position: relative; min-height: 170px; height: 100%;}
.s2_3 .cnt ul li::before {position: absolute; content: ''; width: 80px; height: 80px; border-radius: 20px; background: url() 50% 50% no-repeat; background-size: auto; left: 20px; top: 50%; transform: translateY(-50%);}
.s2_3 .cnt ul li:nth-of-type(1):before {background-image: url(../images/sub/ico_s10301.png);}
.s2_3 .cnt ul li:nth-of-type(2):before {background-image: url(../images/sub/ico_s10302.png);}
.s2_3 .cnt ul li:nth-of-type(3):before {background-image: url(../images/sub/ico_s10303.png);}
.s2_3 .cnt ul li dl {display: flex; align-items: center; min-height: 60px; height: 100%;}
.s2_3 .cnt ul li dl dt {max-width: 295px; width: 100%; font-size: 24px; font-weight: 500; color: #111;}
.s2_3 .cnt ul li dl dd p {font-size: 18px; color: #666; padding-left: 20px; line-height: 30px; position: relative;}
.s2_3 .cnt ul li dl dd p::before {position: absolute; content: ''; width: 4px; height: 4px; background-color: #0082cd; top: 13px; left: 0;}
/* .s2_3 .cnt ul li dl dd p ~ p {margin-top: 5px;} */

.s2_3 .arti02 .cnt ul li:nth-of-type(1):before {background-image: url(../images/sub/ico_s10304.png);}

.s2_3 .btn-contact {max-width: 215px; width: 100%; margin: 100px auto 0;}
.s2_3 .btn-contact a {display: block; width: 100%; line-height: 70px; color: #fff; font-size: 18px; font-weight: 600; padding: 0 30px; border-radius: 5px; overflow: hidden; background: url(../images/main/ico_arrow.png) calc(100% - 30px) 50% no-repeat; background-size: auto; background-color: #0082cd; transition: all .15s linear;}
.s2_3 .btn-contact a:hover {background-position: calc(100% - 25px) 50%;}