@charset "utf-8";

.sub-visual {position: relative; height: 500px; overflow: hidden; }
.sub-visual .sv{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sub-visual .sv img{width: 100%;	height: 100%; object-fit:cover;}
.sub-visual .sv-tbx{position: relative; text-align: center; align-content:center; z-index: 10; height: 100%; padding-top: 72px; box-sizing: border-box; }
.sub-visual .sv-tbx .sv-tit{display: block; font-size: 55px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 700;}
.lnb-wrap{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; position: relative; z-index: 100;}
.lnb{display: flex; flex-wrap:wrap; }
.lnb > li.home a{width: 70px; height: 70px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;	display: flex; align-items:center; line-height: 0; text-align: center; justify-content: center;}
.lnb > li:not(.home) {position: relative; width: 260px; border-right: 1px solid #ddd; z-index: 300;}
.lnb > li:not(.home) strong{display: flex; justify-content: space-between; height: 70px; align-items:center; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 500; color: #666; cursor: pointer; padding: 0 30px 0 29px;}
.lnb > li:not(.home) strong i{line-height: 0; transition:.3s;}
.lnb > li.on strong i{rotate:-180deg;}
.lnb > li:not(.home) > div{position: absolute; left: -1px; top: 70px; width: calc(100% + 2px); height: auto; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; z-index: 100; padding: 20px 30px; display: none; background: #fff;}
.lnb > li:not(.home) > div ul > li > a{position: relative; font-size: 16px; line-height: 35px; letter-spacing: -0.02em; color: #666; font-weight: 500; transition:.3s;}
.lnb > li:not(.home) > div ul > li > a:after{position: absolute; content: ''; width: 10px; height: 2px; background: #012169; right: -5px; top: 50%; margin-top: -1px; width: 0; transition:.3s; opacity: 0;}
.lnb > li:not(.home) > div ul > li:hover > a,
.lnb > li:not(.home) > div ul > li.current > a{color: #012169;}
.lnb > li:not(.home) > div ul > li:hover > a:after,
.lnb > li:not(.home) > div ul > li.current > a:after{opacity: 1; width: 10px;}
.lnb > li:not(.home) > .cate-box .subm{display: none;}
.bd-contain{display: flex; flex-wrap:wrap; gap:60px;}
.bd-contain .aside_page{max-width:240px; width: 100%; border-right: 1px solid #ddd; padding-top: 70px;}
.bd-contain .aside_page ul > li > a{position: relative; font-size: 18px; line-height: 60px; letter-spacing: -0.02em; font-weight: 500; color: #666; padding: 0 8px; border-bottom: 1px solid #ddd; transition:.3s;}
.bd-contain .aside_page ul > li > a:before,
.bd-contain .aside_page ul > li > a:after{position: absolute; content: ''; width: 7px; height: 100%; background: url(../img/sub/aside-arr.png) center no-repeat; right: 22px; top: 0; transition:.3s;}
.bd-contain .aside_page ul > li > a:after{background: url(../img/sub/aside-arr-h.png) center no-repeat; opacity: 0;}
.bd-contain .aside_page ul > li:hover,
.bd-contain .aside_page ul > li.current{
	> a{background: #012169; color: #fff;}
	> a:before{opacity: 0;}
	> a:after{opacity: 1;}
}

.bd-contain .aside_page ul > li:hover > a{padding-left: 20px;}
.bd-contain .bd-wrap{padding: 0; flex:1; margin-bottom: 190px;}

.stit-h4{text-align: center; font-size: 50px; line-height: 1.5; letter-spacing: -0.02em; color: #000; font-weight: 700;}

/* s11 */
.s1 {margin-top: 105px; padding-bottom: 150px;}
.s11{background: url(../img/sub/s11-7.jpg) center bottom no-repeat;}
.s11 h5{font-size: 36px; line-height: 54px; letter-spacing: -0.02em; color: #000; font-weight: 600; margin-bottom: 20px;}
.s11 h5 span{color: #012169;}
.s11 p{font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666; margin-bottom: 32px;}
.s11 p:last-of-type{margin-bottom: 0;}
.s11 article{margin-bottom: 70px; padding-bottom: 78px; border-bottom: 1px solid #ddd;}
.s11 article:last-of-type{padding-bottom: 0; margin-bottom: 0px;}
.s11 .arti1 .img-box{height: 400px; background: url(../img/sub/s11-1.jpg) center / cover no-repeat; margin-top: 55px; margin-bottom: 60px;} 
.s11 .arti1 .img-box .tbx{height: 100%; align-content:center; padding: 0 80px;}
.s11 .arti1 .img-box .tbx strong{display: block; font-size: 45px; line-height: 1; letter-spacing: -0.02em; color: #fff; font-weight: 600; margin-bottom: 20px;}
.s11 .arti1 .img-box .tbx p{font-size: 22px; line-height: 36px; letter-spacing: -0.02em; color: #fff; }
.s11 .arti1 .sign{display: flex; align-items:center; justify-content: flex-end; gap:17px; font-size: 30px; line-height: 1; letter-spacing: -0.02em; color: #000; font-weight: 600; margin-top: 50px;}
.s11 .arti1 .sign span{font-size: 18px; line-height: 1;}
.s11 .arti2 .flex-box{display: flex; flex-wrap:wrap; gap:20px; margin-top: 52px; padding-bottom: 48px;}
.s11 .arti2 .flex-box > li{flex:1; border: 1px solid #ddd; text-align: center; padding-top: 40px; box-sizing: border-box;  padding-bottom: 40px; }
.s11 .arti2 .flex-box > li .tbx{font-size: 18px; line-height: 30px; color: #666; margin-top: 23px; letter-spacing: -0.02em; }
.s11 .arti3 figure{text-align: center; padding-top: 10px;}



/* s20 */
.s2{margin-top: 105px; padding-bottom: 150px;}
.s20 .arti1 > p{text-align: center; font-size: 20px; line-height: 1.5; color: #666; letter-spacing: -0.02em; margin-top: 17px;} 
.s20 .arti1 .flex-box{margin-top: 70px; display: flex; flex-wrap:wrap; gap:60px}
.s20 .arti1 .flex-box > li{flex:1 1 40%;}
.s20 .arti1 .flex-box > li figure{overflow: hidden;}
.s20 .arti1 .flex-box > li figure img{transition:.4s;}
.s20 .arti1 .flex-box > li .tbx{border-bottom: 1px solid #ddd; padding: 30px 0; position: relative;}
.s20 .arti1 .flex-box > li .tbx:after{position: absolute; content: ''; width: 0%; height: 1px; background: #012169; transition:.3s; left: 0; bottom: 0;}
.s20 .arti1 .flex-box > li .tbx strong{display: block; font-size: 28px; line-height: 1.5; letter-spacing: -0.02em; color: #000; font-weight: 600; transition:.3s; margin-bottom: 10px;}
.s20 .arti1 .flex-box > li .tbx p{font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666;}
.s20 .arti1 .flex-box > li:hover{
	figure img{scale:1.1}
	.tbx:after{width: 100%;}
	.tbx strong{color: #012169;}
} 

/* s2 */
.s2-section article{margin-bottom: 50px; padding-bottom: 61px; border-bottom: 1px solid #ddd;}
.s2-section .s2-cnt2{ padding-bottom: 51px;}
.s2-section article:last-of-type{padding-bottom: 0; margin-bottom: 0px; border-bottom: 0;}
.s2-section .s2-cnt1{margin-top: 54px;}
.s2-section .s2-cnt1 figure{margin-bottom: 42px;}
.s2-section .s2-cnt1 p{font-size: 18px; line-height: 32px; color: #666; letter-spacing: -0.02em;}
.s2-section .s2-cnt2 h5{position: relative; font-size: 34px; line-height: 1.5; letter-spacing: -0.02em; color: #000; padding-left: 35px; margin-bottom: 15px;}
.s2-section .s2-cnt2 h5:before{position: absolute; content: ''; width: 20px; height: 3px; background: #012169; left: 0; top: 23px;}
.s2-section .s2-cnt2 ul{padding-left: 35px;}
.s2-section .s2-cnt2 ul > li{position: relative; display: flex; flex-wrap:wrap; font-size: 18px; line-height: 34px; letter-spacing: -0.02em; color: #666;}
.s2-section .s2-cnt2 ul > li span{font-weight: 700; color: #012169; padding-right: 5px;}
.s2-section .s2-cnt2 ul > li span:before{display: inline-block; content: '·'; width: 7px;}
.s2-section .s2-cnt2 ul > li p{flex:1; }
.s2-section .gray-box{display: flex; background: #f7f7f7; margin-top: 72px;}
.s2-section .gray-box > *{width: 50%; padding: 39px 49px; box-sizing: border-box;}
.s2-section .gray-box > * strong{display: block; font-size: 26px; line-height: 34px; letter-spacing: -0.02em; color: #012169; font-weight: 600; margin-bottom: 10px;}
.s2-section .gray-box > * ul > li{display: flex; flex-wrap:wrap; font-size: 18px; line-height: 50px; color: #666; letter-spacing: -0.02em; border-bottom: 1px solid #ddd;}
.s2-section .gray-box > * ul > li:last-child{border-bottom: 0;}
.s2-section .gray-box > * ul > li span{font-weight: 600; color: #012169; width: 49px;}
.s2-section .gray-box > * ul > li a{flex:1; }
.s2-section .gray-box > * ul > li:hover a{text-decoration: underline;}
.s2-section .gray-box > * ol{display: flex; flex-wrap:wrap; gap:0 49px}
.s2-section .gray-box > * ol > li{flex:1 1 40%; border-bottom: 1px solid #ddd;}
.s2-section .gray-box > * ol > li > a{display: flex; justify-content: space-between; height: 50px; align-items:center; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #666; transition:.3s;}
.s2-section .gray-box > * ol > li > a:hover{color: #333; font-weight: 500;}
.s2-section .gray-box > * ol > li > a i{line-height: 0; transition:.3s;}



/* s41 */
.s4{margin-top: 105px; padding-bottom: 150px;}
.s41 .arti1{text-align: center; }
.s41 .arti1 p{text-align: center; font-size: 20px; line-height: 1.5; color: #666; letter-spacing: -0.02em; margin-top: 17px;} 
.s4 .arti1 figure{margin-top: 65px;}
.s41 .arti2{margin-top: 71px;}
.s41 .arti2 ul{display: flex; flex-wrap:wrap;}
.s41 .arti2 ul > li{position: relative; width: 20%; border-right: 1px solid #ddd; border-top: 1px solid #ddd; height: 200px; padding: 10px; box-sizing: border-box; align-content:center; text-align: center;}
.s41 .arti2 ul > li:not(:nth-child(5n+5)):after{position: absolute; content: ''; width: 13px; height:13px; background: #fff; right: 0; bottom: 0; translate:50% 50%; z-index: 10;}
.s41 .arti2 ul > li:nth-child(-n+5){border-top: 0;}
.s41 .arti2 ul > li:nth-child(5n+5){border-right: 0;}

/* s42 */
.s42 .arti1 figure{margin-top: 55px;}
.s42 .arti2 ul{display: flex; flex-wrap:wrap; gap:0 60px; margin-top: 70px;}
.s42 .arti2 ul > li{flex:40%; border-bottom: 1px solid #ddd; display: flex; flex-wrap:wrap; padding: 30px 0px ;}
.s42 .arti2 ul > li:nth-child(-n +2){border-top: 1px solid #ddd;}
.s42 .arti2 ul > li figure{background: #f7f7f7; line-height: 0; width: 280px; height: 190px; align-content:center; text-align: center;}
.s42 .arti2 ul > li .tbx{padding-left: 49px; padding-top: 17px; flex:1; padding-right: 5px;}
.s42 .arti2 ul > li .tbx h5{font-size: 24px; line-height: 1.5; letter-spacing: -0.02em; color: #000; font-weight: 600; margin-bottom: 10px;}
.s42 .arti2 ul > li .tbx ol > li{display: flex; flex-wrap:wrap; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666;  }
.s42 .arti2 ul > li .tbx ol > li span{color: #012169; font-weight: 700; width: 32px;}
.s42 .arti2 ul > li .tbx ol > li p{flex:1; word-break: keep-all;}
.s42 .arti2 ul > li .tbx ol > li p a:hover{text-decoration: underline; color: #333;}

/* s6 */

.s6 {padding: 0; flex:1; margin-bottom: 190px; margin-top: 76px;}
.s6 .arti1 > h4{font-size: 40px; line-height: 1; letter-spacing: -0.02em; color: #000; font-weight: 700; margin-bottom: 37px;}
.s6 .arti1 .root_daum_roughmap .wrap_controllers{display: none;	}
.s6 .arti1 .root_daum_roughmap{width: 100%;}
.s6 .arti1 .root_daum_roughmap .wrap_map{height: 450px !important;}
.s6 .arti1 .root_daum_roughmap .cont{display: none;}
.s6 .arti2{margin-top: 25px;}
.s6 .arti2 ul > li{display: flex; flex-wrap:wrap; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; font-weight: 500; color: #666;}
.s6 .arti2 ul > li span{font-weight: 700; color: #012169; width: 31px;}
.s6 .arti2 ul > li p{width: calc(100% - 31px );}
.s6 .arti2 ul > li p a:hover{color: #333; text-decoration: underline;}


/* s12 */
.sub_1_2_{margin-bottom: 150px; }
.sub_1_2_ .bd-wrap{margin-top: 105px;}

.sub_5_1_{margin-bottom: 150px; }
.sub_5_1_ .bd-wrap{margin-top: 105px;}