@charset "utf-8";

#sub{margin-top: 110px;}
.sub-visual {position: relative; height:413px;  box-sizing: border-box; overflow: hidden; }
.sub-visual > img{width: 100%; height: 100%; object-fit:cover;}
.sub-visual > .title{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items:center; text-align: center; justify-content: center; z-index: 10; box-sizing: border-box;}
.sub-visual > .title h2{color: #FFF; text-align: center; font-size: 70px; font-weight: 200; line-height: 177%;  letter-spacing: -2.1px;}


#lnb{position: relative; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(7.900000095367432px); margin-top: -64px; z-index: 10; margin-bottom: 120px;}
.lnb{}
.lnb b{display: none;}
.lnb > ul{display: flex; justify-content: center; gap:20px; margin: 0 auto; width: 100%; box-sizing: border-box; }
.lnb > ul > li{position: relative; flex:1; max-width:215px;}
.lnb > ul > li:not(:last-child):before{position: absolute; content: ''; width: 2px; height: 10px; background: #eee; right: -11px; top: 50%; margin-top: -5px; border-radius: 5px;}
.lnb > ul > li:after{position: absolute; content: ''; width: 100%; height: 2px; background: #00335E; left: 0%;bottom: 0; opacity: 0;  transition:.3s;}
.lnb > ul > li > a{display: flex; align-items:center; justify-content: center; width: 100%; height: 64px; text-align: center; color: #FFF;  font-size: 20px; font-weight: 600; line-height: 30.9px;  letter-spacing: -0.4px;  transition:.3s;}
.lnb > ul > li.current{
	&:after{opacity: 1;	}
	> a{background: rgba(1, 101, 229, 0.80);}
}
.sub-title{margin-bottom: 100px; border-bottom: 1px solid rgba(204, 204, 204, 0.93); padding-bottom: 15px;}
.sub-title h3{color: #222; text-align: center; font-size: 45px; font-weight: 600; line-height: 177%;  letter-spacing: -1.35px; }
.sub-title p{text-align: center; color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; margin-top: 15px; padding-bottom: 15px;}


/* s11 */
.s11 {position: relative; padding-bottom: 465px; overflow: hidden;}
.s11:before{position: absolute; content: ''; width: 100%; height: 492px; background: url(../img/sub/s11-newbg.jpg) left top no-repeat; left: 0; top: 265px;} 
.s11 big{display: block; position: absolute; right: -21px; bottom: -28px; }
.s11 .arti1{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s11 .arti1 .lbx{display: flex; flex-direction: column; gap:10px;}
.s11 .arti1 .lbx .tit{display: flex; flex-direction: column; gap:9px;}
.s11 .arti1 .lbx .tit p{color: #0165E5; font-size: 30px; font-weight: 600; line-height: 177%; letter-spacing: -0.9px;}
.s11 .arti1 .lbx .tit p span{font-size: 20px; font-weight: 500;}
.s11 .arti1 .lbx .tit b{color: #222; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px;}
.s11 .arti1 .lbx .txt{display: flex; flex-direction: column; padding: 42px 0 0;}
.s11 .arti1 .lbx .txt p{color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px; letter-spacing: -0.36px; margin-top: 30px;}
.s11 .arti1 .lbx .txt b{color: #222; font-size: 30px; font-weight: 400; line-height: 177%;  letter-spacing: -0.9px; margin-top: 50px;	}
.s11 .arti1 .rbx .img-box{display: flex; flex-wrap:wrap; justify-content: flex-end; gap:20px; max-width: 500px;}
.s11 .arti1 .rbx  figure{position: relative; left: 30px; top: 42%; display: flex; }
.s11 .arti1 .rbx  figure img{width: auto; max-width:400px}

.s11 .arti1 .rbx span{display: flex; align-items:center; gap:21px; color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;  align-self:end; padding-right: 20px; margin-bottom: 20px;}
.s11 .arti1 .rbx span sign{color: #222; font-family: 'KccEunyeong'; font-size: 40px; font-weight: 400; line-height: 150%;  letter-spacing: -0.8px;}

/* s12 */
.s12 {margin-bottom: 215px;}
.s12 .arti1{text-align: center;}
.s12 .arti1 .tit{display: flex; flex-direction: column; gap:50px; margin-bottom: 120px;}
.s12 .arti1 .tit .logo{display: flex; justify-content: center; align-items:center; gap:24px;}
.s12 .arti1 .tit p{color: #222; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px;}
.s12 .arti1 .tit p span{display: block; color: #999;  font-family: "Poppins"; font-size: 24px;  font-weight: 600; line-height: 177%;  text-transform: uppercase;}

/* s13 */
.s13{margin-bottom: 215px;}
.s13 .arti1{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s13 .arti1 .lbx{padding-left: 122px; padding-right: 76px;}
.s13 .arti1 .lbx .sticky{position: sticky; top: 150px;; overflow: hidden; height: 66px; }
.s13 .arti1 .lbx .sticky .h3-box{transition:.3s;}
.s13 .arti1 .lbx h3{color: #222;  font-family: "Poppins";  font-size: 70px; font-weight: 600; line-height: 66px; letter-spacing: -1.4px; } 
.s13 .arti1 .lbx h3 span{color: #0165E5;}
.s13 .arti1 .rbx{flex:1; }
.s13 .arti1 .rbx > div{display: flex; flex-direction: column; gap:30px;}
.s13 .arti1 .rbx .box{position: relative; padding-left: 73px; box-sizing: border-box; display: flex; flex-wrap:wrap;     align-items: flex-start;}
.s13 .arti1 .rbx .box > b{position: relative; color: #222; font-size: 18px; font-weight: 700; line-height: 28.5px;  letter-spacing: -0.36px; width: 121px;}
.s13 .arti1 .rbx .box > b:after{position: absolute; content: ''; width: 57px; height: 1px; background: url(../img/sub/s13-2.png) left center; right: 0; top: 50%;	}
.s13 .arti1 .rbx .box > ul{display: flex; flex-direction: column; gap:4px;}
.s13 .arti1 .rbx .box > ul > li{list-style:disc; color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; margin-left: 31px;}

/* s14 */
.s14{margin-bottom: 215px;}
.s14 {text-align: center; }
.s14 .arti2{margin-top: 228px; padding-right: 104px;}

/* s15 */
.s15 {margin-bottom: 215px;}
.s15 .arti1{margin-bottom: 120px; margin-top: -10px;}
.s15 .tab-box{display: flex; align-items:center; justify-content: center; }
.s15 .tab-box > li{position: relative; display: flex; align-items:center; display: flex; justify-content: center; align-items: center;  transition:.3s; border-bottom: 1px solid #0165E5; #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s15 .tab-box > li:not(:last-child):after{content: ''; width: 1px; height: 9px; background: rgba(204, 204, 204, 0.93); margin: 0 28px;}
.s15 .tab-box > li span{position: relative; display: block; padding: 10px 0; cursor: pointer;}
.s15 .tab-box > li span:before{position: absolute; content: ''; width: 100%; height: 4px; background: #0165E5; left: 0 ;bottom: 0; opacity: 0; }
.s15 .tab-box > li.current{font-weight: 600; color: #0165E5;}
.s15 .tab-box > li.current span:before{opacity: 1;}
.s15 .arti2 .map-box{display: none;}
.s15 .arti2 .map-box dl{display: flex; flex-wrap:wrap;}
.s15 .arti2 .map-box dl dt{width: 387px;}
.s15 .arti2 .map-box dl dt b{position: relative; display: block; color: #222; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px; padding-left: 17px;}
.s15 .arti2 .map-box dl dt b:before{position: absolute; content: ''; width: 6px; height: 6px; background: #222; border-radius: 50%; left: 0; top: 24px;}
.s15 .arti2 .map-box dl dd {flex:1; }
.s15 .arti2 .map-box dl dd ul{display: flex; flex-direction: column; gap:6px;}
.s15 .arti2 .map-box dl dd ul > li{display: flex; align-items:center; gap:10px; color: #999; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s15 .arti2 .map-box .map-cnt{margin-top: 96px;}
.s15 .arti2 .map-box .map-cnt.col2{display: flex; flex-wrap:wrap; gap:20px;}
.s15 .arti2 .map-box .map-cnt.col2 > *{flex:1 1 40%;}
.s15 .arti2 .map-box .map-cnt.col2 > figure img{width: 100%; height: 100%; object-fit:cover;}

.s15 .arti2 .map-box .map-cnt iframe{width: 100%; height: 460px;}
.s15 .arti2 .map-box.current{display: block; }
.s15 .arti2 .map-box .box{margin-bottom: 150px;}
.s15 .arti2 .map-box .box:last-child{margin-bottom: 0;}

/* s20 */
.s2 {margin-bottom: 215px;}
.s2 .s2-top{display: flex; flex-direction: column; text-align: center; gap:40px; margin-bottom: 150px;}
.s2 .s2-top figure{margin-bottom: 40px;}
.s2 .s2-top h4{color: #000; text-align: center; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px; padding-bottom: 10px; }
.s2 .s2-top p{color: #767676; text-align: center; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s2 .s2-cnt{text-align: center;}
.s2 .s2-cnt .tit h4{color: #222; font-size: 45px; font-weight: 600; line-height: 177%;  letter-spacing: -1.35px; border-bottom: 1px solid rgba(204, 204, 204, 0.93); padding-bottom: 10px; margin-bottom: 40px;	} 
.s2 .s2-cnt .tit p{color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s2 .s2-cnt figure{margin-top: 100px;  text-align: center;}
.s2 .s2-cnt figure img{max-width:949.97px;}
.s20 .s2-top{display: flex; flex-direction: column; text-align: center; gap:40px; margin-bottom: 120px;}
.s20 .arti2 {display: flex; gap:20px;}
.s20 .arti2 > a{position: relative; display: flex; flex-direction: column; align-items:center; justify-content: center; background: url(../img/sub/s20-1.png) center / cover no-repeat; flex:1; height: 485px; text-align: center;}
.s20 .arti2 > a:before{position: absolute; backdrop-filter: blur(11px); content: ''; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%); border-radius: 10px; transition:.3s; opacity: 0; z-index: 1;}

.s20 .arti2 > a:last-child{ background: url(../img/sub/s20-2.png) center / cover no-repeat; }
.s20 .arti2 > a .tbx{position: relative; z-index: 10;}
.s20 .arti2 > a .tbx h4{position: relative; color: #FFF; text-align: center; font-family: "Poppins"; font-size: 36px; font-weight: 800; letter-spacing: -0.72px; transition:.3s;}
.s20 .arti2 > a .tbx h4:after{position: absolute; content: ''; width: 0px; height: 2px; background: #fff; left: 50%; bottom: 21px; translate:-50% 0%; transition:.1s;}
.s20 .arti2 > a .tbx .p-box{height: 0; transition:.3s; opacity: 0;}
.s20 .arti2 > a .tbx .p-box p{color: #FFF; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s20 .arti2 > a svg{position: absolute; left:  50%; bottom: 55px; transition:.3s; translate:-50% 0; opacity: 0; z-index: 15;}

.s20 .arti2 > a:hover {
	&:before{opacity: 1;}
	
	.tbx h4{padding-bottom: 42px;	}
	.tbx h4:after{width: 21px; transition:.3s .3s;}
	.tbx .p-box{height: 100px; opacity: 1; transition:..3s;}
	svg{opacity: 1;}
}

/* s41 */

.text-content{max-width:1234px; margin: 0 auto; padding: 0px 20px; box-sizing: border-box; display: flex; flex-direction: column; }
.text-content .box > p{color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.text-content .dep1-tit{position: relative; color: #0165E5; font-size: 30px; font-weight: 600; line-height: 177%;  letter-spacing: -0.9px; padding-left: 20px; margin-bottom: 14px;}
.text-content .dep1-tit:before{position: absolute; content: ''; width: 6px; height: 6px; background: #0165E5; left: 0; top: 50%; translate:0% -50%; border-radius: 50%;}
.text-content .dep1-tit2{color: #222; margin-left: 26px;}
.text-content .dep1-tit2:before{background: #222; }

.text-content .dep2-box{padding: 0 60px; box-sizing: border-box; margin-top: 100px;}
.text-content .dep2-tit{position: relative; color: #000; font-size: 30px; font-weight: 200; line-height: 177%;  letter-spacing: -0.9px; padding-left: 34.11px; margin-bottom: 20px;}
.text-content .dep2-tit:before{position: absolute; content: ''; width: 20px; height: 20px; background: url(../img/sub/tit-dep2.png) center no-repeat; left: 0; top: 50%; translate:0% -50%; }
.text-content .dep3-box{padding: 0 51px; margin-bottom: 32px;}
.text-content .dep3-tit{position: relative; color: #0165E5; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px; padding-left: 16px; margin-left: -17px; margin-bottom: 16px; }
.text-content .dep3-tit:before{position: absolute; content: ''; width: 4px; height: 4px; background: #0165E5; left: 0; top: 50%; translate:0% -50%; border-radius: 50%;}
.text-content .dep3-box > p{color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; margin-bottom: 10px;}
.text-content .dot-ul{display: flex; flex-direction: column; gap:3px; }
.text-content .dot-ul > li{position: relative;  color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; padding-left: 16px;}
.text-content .dot-ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; left: 0; top: 50%; translate:0% -50%; border-radius: 50%; background: #222;}

.text-content .box ul > li{position: relative;  color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; padding-left: 20px;}
.text-content .flex-box{display: flex; flex-wrap:wrap; gap:22px; margin-top: 50px;}
.text-content .flex-box .cnt {flex:1;}
.text-content .flex-box .cnt table{width: 100%; text-align: center; table-layout: fixed;}
.text-content .flex-box .cnt table tr th{ height: 50px; padding: 10px; color: #FFF; font-family: "Poppins";  font-size: 22px; font-weight: 500; letter-spacing: -0.44px; background: #0165E5;}
.text-content .flex-box .cnt table tr td{border-bottom: 1px solid rgba(204, 204, 204, 0.93); height: 74px; color:#222; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px; background: rgba(246, 246, 246, 0.93);} 
.text-content .flex-box .cnt table tr td:last-child{color: #767676; border-left: 1px solid rgba(204, 204, 204, 0.93); }

.s4{margin-bottom: 215px;}
.s41 .arti1{margin-bottom: 100px;}
.s41 .arti1 .img-box{position: relative; background: url(../img/sub/s41-1.jpg) center / cover no-repeat; height: 662px;}
.s41 .arti1 .img-box .tbx{display: flex; align-items:flex-start; justify-content: center; flex-direction: column; height: 100%; padding: 0 123px;}
.s41 .arti1 .img-box .tbx b{color: #000; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px;}
.s41 .arti1 .img-box .tbx p{color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; margin: 28px 0 52px;}
.s41 .arti1 .img-box .tbx span{display: flex; align-items:center; gap:21px; color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s41 .arti1 .img-box .tbx span sign{color: #222; font-family: 'KccEunyeong'; font-size: 40px; font-weight: 400; line-height: 150%;  letter-spacing: -0.8px;}
.s41 .arti3 > a{position: relative; display: flex; flex-wrap:wrap; border-radius: 20px; border: 1px solid #222; padding: 0 51.53px;; height: 138px; box-sizing: border-box;}
.s41 .arti3 > a:after{position: absolute; content: ''; width: 38px; height: 38px; border-radius: 50%;  display: flex; align-items:center; justify-content: center; background: #0165E5 url(../img/sub/s41-arr.png) center no-repeat; right: 51.53px; top: 50%; margin-top: -19px; transition:.3s;}
.s41 .arti3 > a:hover:after{translate:8px 0;}
.s41 .arti3 > a .box{display: flex; align-items:center; gap:24px; }
.s41 .arti3 > a .box:not(:last-child):after{content: ''; width: 1px; height: 40px; background: rgba(204, 204, 204, 0.93); margin: 0 19px 0 8px;}
.s41 .arti3 > a .box .tbx{display: flex; flex-direction: column; gap:12px;}
.s41 .arti3 > a .box .tbx b{color:#222; font-size: 20px; font-weight: 700; line-height: 29.9px;  letter-spacing: -0.4px;}
.s41 .arti3 > a .box .tbx p{color: #767676; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px;}
.s41 .box2{display: flex; flex-direction: column; gap:28px; margin-top: 100px; margin-bottom: 60px;}
.s41 .box2 .cnt{border-radius: 20px; border: 1px solid #222; height: 138px; display: flex; align-items:center; padding: 0 60px; gap:24px;}
.s41 .box2 .cnt .tbx {display: flex; flex-direction: column; gap:12px;}
.s41 .box2 .cnt .tbx b{color:#222; font-size: 20px; font-weight: 700; line-height: 29.9px;  letter-spacing: -0.4px;}
.s41 .box2 .cnt .tbx p{color: #767676; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px;}

.s4-bottom{border-radius: 10px; background: #F4F3F3; margin-top: 70px; padding: 102px 82px;}

.s4-bottom .flex-wrap{display: flex; flex-wrap:wrap; gap:20px; margin-top: 40px;} 
.s4-bottom .flex-wrap .box{flex:1; display: flex; flex-direction: column; align-items:center;}

.s4-bottom .tbx{display: flex; flex-direction: column; text-align: center; gap:14px;}
.s4-bottom .tbx h5{color: #222;  font-size: 30px; font-weight: 600; line-height: 177%;  letter-spacing: -0.9px;}
.s4-bottom .tbx p{color: #767676;  font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.s4-bottom .tbx .flex{display: flex; flex-wrap:wrap; gap:30px; margin-top: 40px;}
.s4-bottom .tbx .flex a{flex:1; position: relative; border-radius: 20px; border: 1px solid #222; background: #FFF; height: 120px; display: flex; align-items:center; gap:24px; padding: 0 65.5px;} 
.s4-bottom .tbx .flex a:after{position: absolute; content: ''; width: 38px; height: 38px; border-radius: 50%;  display: flex; align-items:center; justify-content: center; background: #0165E5 url(../img/sub/s41-arr.png) center no-repeat; right: 68.5px; top: 50%; margin-top: -19px; transition:.3s;}
.s4-bottom .tbx .flex a:hover:after{translate:8px 0;}
.s4-bottom .tbx .flex a .tbx{display: flex; flex-direction: column; align-items: flex-start; gap:6px;}
.s4-bottom .tbx .flex a .tbx p{color:#767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}

.s43 figure{text-align: center; margin: 100px auto;}

/* s5 */
.sub-visual05{margin-bottom: 120px;}
.s51 .arti1 .flex-wrap{display: flex; flex-wrap:wrap; gap:36px; margin-top: 88px;}
.s51 .arti1 .flex-wrap .rbx{flex:1; display: flex; flex-direction: column; gap:30px;}
.s51 .arti1 .flex-wrap .rbx .cnt{border-radius: 20px; border: 1px solid #767676; background: rgba(246, 246, 246, 0.93); height: 158px; display: flex; align-items:center; gap:24px; padding: 0 40px;}
.s51 .arti1 .flex-wrap .rbx .cnt .tbx {display: flex; flex-direction: column; gap:12px;}
.s51 .arti1 .flex-wrap .rbx .cnt .tbx b{color:#222; font-size: 20px; font-weight: 700; line-height: 29.9px;  letter-spacing: -0.4px;}
.s51 .arti1 .flex-wrap .rbx .cnt .tbx p{color: #767676; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px;}
.s51 .arti2{background: url(../img/sub/s51-bg.png) center / cover no-repeat; margin-top: 130px; padding-top: 151px; padding-bottom: 164px; }
.s51 .arti2 dl{display: flex; flex-wrap:wrap; justify-content: space-between; gap:38px; margin-bottom: 100px;}
.s51 .arti2 dl dt{width: 321px; }
.s51 .arti2 dl dt b{position: relative; color: #222; font-size: 30px; font-weight: 600; line-height: 177%;  letter-spacing: -0.9px; display: block; }
.s51 .arti2 dl dt b:after{position: absolute; content: ''; width: 108px; height: 1px; background: rgba(204, 204, 204, 0.93); right: 0; top: 50%;}
.s51 .arti2 dl dd{flex:1; padding-top: 10px;	}
.s51 .arti2 dl dd ul {display: flex; flex-direction: column; gap:21.6px;}
.s51 .arti2 dl dd ul > li{position: relative; color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px; letter-spacing: -0.36px; display: flex; padding-left: 18px; gap:14px;}
.s51 .arti2 dl dd ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #767676; border-radius: 50%; left: 0; top: 13px;} 
.s51 .arti2 dl dd ul.ty1 > li:before{background: #0165E5;}
.s51 .arti2 dl dd ul.ty1 > li span{width: 162px; color: #0165E5; font-size: 20px;}
.s51 .arti2 dl dd ul.ty12 > li:before{display: none;}

/* s6 */
.sub-visual06{margin-bottom: 120px;}

.s6{margin-bottom: 215px;}
.s6-cover{display: flex; height: 310px; padding-left: 125px; flex-direction: column ;justify-content: center;  gap: 10px; background: url(../img/sub/s61-1.png) center / cover no-repeat; color: #fff; border-radius: 10px;}
.s6-cover .tbx{display: flex; flex-direction: column; gap:20px; padding-bottom: 16px;}
.s6-cover .tbx .tit{display: flex; flex-direction: column; gap:1px; position: relative; padding-bottom: 20px;	}
.s6-cover .tbx .tit:after{position: absolute; content: ''; width: 37px; height: 3px; background: #fff; left: 0; bottom: 0;}
.s6-cover .tbx .tit span{ font-family: "Poppins";  font-size: 20px;  font-weight: 600; letter-spacing: -0.4px;}
.s6-cover .tbx .tit b{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27); font-size: 30px; font-weight: 600; line-height: 177%;  letter-spacing: -0.9px;}
.s6-cover .tbx p{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27); font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px;}

.s6 .arti2 .s6-cover{background: url(../img/sub/s61-2.png) center / cover no-repeat;}

.text-content2{ margin-top: 85px;}
.text-content2 dl{display: flex; flex-wrap:wrap; }
.text-content2 dl.mb148{margin-bottom: 148px;}

.text-content2 dl dt{width: 241px; }
.text-content2 dl dt b{position: relative;color: #222; font-size: 30px; font-weight: 600; line-height: 177%;  letter-spacing: -0.9px; padding-left: 34.11px; }
.text-content2 dl dt b:before{position: absolute; content: ''; width: 20px; height: 20px; background: url(../img/sub/tit-dep2.png) center no-repeat; left: 0; top: 50%; translate:0% -50%; }
.text-content2 dl dd{display: flex; flex-direction: column; flex:1; padding-top: 10px; gap:50px;}
.text-content2 dl dd .box{display: flex; flex-wrap:wrap; flex:1;}
.text-content2 dl dd .box .tit{position: relative; color: #0165E5; font-size: 20px; font-weight: 500; line-height: 29.9px; letter-spacing: -0.4px; padding-left: 18px; width: 226px;}
.text-content2 dl dd .box .tit:before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #0165E5; left: 0; top: 12px; }
.text-content2 dl dd .box .cnt{display: flex; flex-wrap:wrap; flex:1;}
.text-content2 dl dd .box .cnt .ul-flex{display: flex; flex-wrap:wrap; width: 100%;}
.text-content2 dl dd .box .cnt .ul-flex ul{width: 42.5%;}
.text-content2 dl dd .box .cnt  ul{display: flex; flex-direction: column; flex-wrap:wrap; gap:3px;}
.text-content2 dl dd .box .cnt  ul > li{ color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; position: relative; padding-left: 14px;}
.text-content2 dl dd .box .cnt  ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #222; border-radius: 50%; left: 0; top: 14px;}
.text-content2 dl dd .box .cnt  ul > li ol{display: flex; flex-direction: column; flex-wrap:wrap; gap:3px;  margin: 8px 0; margin-left: 7px;} 
.text-content2 dl dd .box .cnt  ul.g_8{gap:8px}
.text-content2 dl dd .box .cnt  ul > li ol > li{color:#767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; position: relative; padding-left: 14px;}
.text-content2 dl dd .box .cnt  ul > li ol > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #222; border-radius: 50%; left: 0; top: 14px;}
.text-content2 dl dd .box .cnt .link-box{margin-left: 36px;}
.text-content2 dl dd .box .cnt .link-box > a{display: flex; width: 253px; justify-content: center; align-items: center; gap: 10px; border-radius: 40px; background: #0165E5; color: #FFF; font-size: 16px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.32px;}
.text-content2 dl dd .box .cnt .icon-ol{display: flex; flex-wrap:wrap; gap:27px; margin-left: -10px;}
.text-content2 dl dd .box2{padding-left: 15px; gap:35px}
.text-content2 dl dd .box2 .icon-box{display: flex; flex-wrap:wrap; gap:49px; position: relative; padding-bottom: 27px;}
.text-content2 dl dd .box2 .icon-box:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/sub/s61-line1.png) center left; left: 0; bottom: 0;}
.text-content2 dl dd .box2 .icon-box .tbx{display: flex; flex-direction: column; gap:10px;}
.text-content2 dl dd .box2 .icon-box .tbx .tit{display: flex; align-items:center; position: relative; padding-left: 0;}
.text-content2 dl dd .box2 .icon-box .tbx .tit:before{display: none;}
.text-content2 dl dd .box2 .icon-box .tbx .tit span{display: flex; align-items:center; font-family: "Poppins"; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: -0.32px;}
.text-content2 dl dd .box2 .icon-box .tbx .tit span:before{content: ''; width: 4px; height: 4px;  background: #0165E5; border-radius: 50%; margin: 0 17px;}
.text-content2 dl dd .box2 .icon-box .tbx .txt{color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.text-content2 dl dd .box3{flex-direction: column; }
.text-content2 dl dd .box3 .cnt{flex-direction: column; }
.text-content2 dl dd .box3 .cnt > p{color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; margin-top: 12px; margin-left: 15px;}
.text-content2 dl dd .box3 .cnt > .ul-3 {display: flex; flex-direction: column; gap:3px; margin-top: 19px; margin-left: 19px;}
.text-content2 dl dd .box3 .cnt > .ul-3 > li{color: #767676; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; display: flex; flex-wrap:wrap;}
.text-content2 dl dd .box3 .cnt > .ul-3 > li span{color: #222; width: 83px;}
.text-content2 dl dd .box3 .cnt4 ul{display: flex; flex-wrap:wrap; align-items:center; margin-top: 30px; margin-left: 14px; }
.text-content2 dl dd .box3 .cnt4 ul > li{display: flex; align-items:center;}
.text-content2 dl dd .box3 .cnt4 ul > li span{display: flex; align-items:center; width: 87px; height: 87px; aspect-ratio: 1/1; justify-content: center; align-items: center; gap: 10px; border-radius: 50%; background: #06A2FC; color: #FFF; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.text-content2 dl dd .box3 .cnt4 ul > li:not(:last-child):after{content: ''; width: 5px; height: 8px; background: url(../img/sub/s61-arr.png) center no-repeat; margin: 0 11px;}
.text-content2 dl dd .box3 .cnt4 ul > li:nth-child(2) span{background: #1696FC;}
.text-content2 dl dd .box3 .cnt4 ul > li:nth-child(3) span{background: #248CFC;}
.text-content2 dl dd .box3 .cnt4 ul > li:nth-child(4) span{background: #2F84FD;}
.text-content2 dl dd .box3 .cnt4 ul > li:nth-child(5) span{background: #3B7AFC;}
.text-content2 dl dd .box3 .cnt4 ul > li:nth-child(6) span{background: #4971FD;}
.text-content2 dl dd .box3 .cnt4 ul > li:nth-child(7) span{background: #5568FD;}
.text-content2 dl dd .box4 ul{display: flex; flex-direction: column; margin-left: -2px;}
.text-content2 dl dd .box4 ul > li{position: relative; color: #222; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px; padding-left: 18px;}
.text-content2 dl dd .box4 ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #222; left: 0; top: 12px; }
.text-content2 dl dd .box4 .flex{display: flex; flex-wrap:wrap; margin-top: 47px; margin-left: -24px;}
.text-content2 dl dd .box4 .flex .cnt {position: relative; flex: 1 1 24%; padding: 9px; box-sizing: border-box;}
.text-content2 dl dd .box4 .flex .cnt:before{position: absolute; content: ''; width: 1px; height: 100%; background:  url(../img/sub/s61-line-ver.png) left top; right: 0; top: 0;}
.text-content2 dl dd .box4 .flex .cnt:after{position: absolute; content: ''; width: 100%; height: 1px; background:  url(../img/sub/s61-line-hi.png) left top; right: 0; bottom: 0;}
.text-content2 dl dd .box4 .flex .cnt:nth-child(4n+4):before{display: none;}
.text-content2 dl dd .box4 .flex .cnt:nth-last-child(-n+4):after {display: none;}
.text-content2 dl dd .box4 .flex .cnt .wrap{border-radius: 10px; padding: 34px 30px 44px; height: 100%; width: 100%;}
.text-content2 dl dd .box4 .flex .cnt .wrap p{color: #0165E5; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px; margin: 7px 0px 10px;}
.text-content2 dl dd .box4 .flex .cnt .wrap ol{display: flex; flex-direction: column; margin-left: 10px;}
.text-content2 dl dd .box4 .flex .cnt .wrap ol > li{position: relative; color: #222; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; padding-left: 16px;}
.text-content2 dl dd .box4 .flex .cnt .wrap ol > li:before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #222; left: 0; top: 12px; }
.text-content2 dl dd .box4 .flex .cnt:nth-child(8n+1) .wrap,
.text-content2 dl dd .box4 .flex .cnt:nth-child(8n+3) .wrap,
.text-content2 dl dd .box4 .flex .cnt:nth-child(8n+6) .wrap,
.text-content2 dl dd .box4 .flex .cnt:nth-child(8n+8) .wrap{
	background: rgba(246, 246, 246, 0.93);
}


.real-cont{margin-bottom: 215px;}

/* s31 */
.s3{margin-bottom: 215px;}
.sub_03{position: relative; z-index: 11;}

.product-sch{position: relative; z-index: 10; }
.product-sch:before{position: absolute; content: ''; width: 100%; height: 400px; background: rgba(246, 246, 246, 0.93); box-shadow: 0 5px 11.6px 0 rgba(0, 0, 0, 0.10); left: 0; top: 0px; }
.product-sch form{display: flex; flex-direction: column; align-items:center; justify-content: center; box-sizing: border-box; padding-top: 80px; padding-bottom: 100px;}

.product-sch .sch-top{display: flex; flex-wrap:wrap; justify-content: center; align-items:center; gap:9px; }
.product-sch .sch-top input[type="text"]{width: 501px; height: 58px; padding: 9px 15px; border: none; outline:none; border-bottom: 1px solid #222; color: #999; font-size: 16px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.32px; background: none;}
.product-sch .sch-top input[type="text"]::placeholder{color: #999; font-size: 16px; font-weight: 400; }
.product-sch .sch-top button{display: flex; align-items:center; justify-content: center; width: 58px;height: 58px; background: #0165E5; border-radius: 50%;border: none; outline:none; transition:.3s;}
.product-sch .sch-top button i{line-height: 0;	}
.product-sch .sch-top button:hover{background: #000;}
.product-sch dl{display: flex; justify-content: center; align-items:center; margin-top: 14px; padding-right: 60px;}
.product-sch dl dt{color: #222; font-size: 14px; font-weight: 700; line-height: 28.5px; letter-spacing: -0.28px; display: flex; align-items:center;}
.product-sch dl dt:after{content: ''; width: 1px; height: 5px; background: #000; margin: 0 12px;}
.product-sch dl dd {display: flex; align-items:center; gap:22px;}
.product-sch dl dd a{color: #999; font-size: 14px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.28px;}

.s3-intro{position: relative; z-index: 15; display: flex; flex-wrap:wrap; gap:19px;}
.s3-intro .box{position: relative; flex:1 1 40%; height: 485px; border-radius: 10px; overflow: hidden;} 
.s3-intro .box > img{ width: 100%; height: 100%; object-fit:cover;}
.s3-intro .box > .tbx{position: absolute; left: 0; bottom: 0; width: 100%; max-height: 134px; height: 100%;  background: rgba(246, 246, 246, 0.93); transition:.3s; display: flex; align-items:center; flex-direction: column; justify-content: center; text-align: center;}

.s3-intro .box > .tbx b{color: #000; text-align: center; font-family: "Poppins"; font-size: 36px; font-weight: 800; line-height: normal; letter-spacing: -0.72px; text-align: center;  }
.s3-intro .box > .tbx .ul-box{height: 0; overflow: hidden; opacity: 0; transition:.3s; padding: 0 30px;}
.s3-intro .box > .tbx .ul-box ul {display: flex; flex-wrap:wrap; justify-content: center; gap:16px 0}
.s3-intro .box > .tbx .ul-box ul > li > a{display: flex; align-items:center; color: #999; text-align: center; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; transition:.3s; position: relative; padding-bottom: 10px; }
.s3-intro .box > .tbx .ul-box ul > li > a:after{content: ''; width: 1px; height: 11px; background: #E6E6E6; margin: 0 22px;}
.s3-intro .box > .tbx .ul-box ul > li > a span{position: relative; }
.s3-intro .box > .tbx .ul-box ul > li > a span:before{position: absolute; content: ''; width: 100%;height: 3px; background: #0165E5; left: 0; bottom: 0; opacity: 0; transition:.3s;} 
.s3-intro .box > .tbx .ul-box ul > li:hover > a{color: #0165E5;}
.s3-intro .box > .tbx .ul-box ul > li:hover > a span:before{opacity: 1;}
.s3-intro .box > .tbx .ul-box ul > li:nth-child(5) > a:after{display: none;}
.s3-intro .box > .tbx .ul-box ul > li:last-child > a:after{display: none;}

.s3-intro .box:hover > .tbx{max-height:269px; }
.s3-intro .box:hover > .tbx .ul-box{height: 86px; opacity: 1; margin-top: 40px;}

.s3-search-cnt{position: relative; z-index: 15; margin-top: 10px;}
.s3-search-cnt h3{color: #000; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px;}
.s3-search-cnt > ul{display: flex; flex-wrap:wrap; gap:33px 20px; margin-top: 126px;}
.s3-search-cnt > ul > li{width: calc(20% - 16px);}
.s3-search-cnt > ul > li > a{box-sizing: border-box; border: 1px solid rgba(204, 204, 204, 0.93); height: 70px; display: flex; flex-direction: column; align-items:center; justify-content: center; text-align: center; color: #999;  font-size: 18px; font-weight: 400; line-height: 1.5;  letter-spacing: -0.36px; transition:.3s;}
.s3-search-cnt > ul > li > a p{color: #333; font-weight: 500; transition:.3s;}
.s3-search-cnt > ul > li > a span{color: #666; font-weight: 400; font-size: 14px; transition:.3s;}
.s3-search-cnt > ul > li > a:hover{background: #0165E5; color: #fff; border: 1px solid #0165E5;
	p,
	span{color: #fff;}

}

.product-view-wrap{position: relative; z-index: 10; text-align: center;}
.product-view-wrap h2{color: #0165E5; text-align: center; font-family: "Poppins"; font-size: 36px; font-weight: 800; letter-spacing: -0.72px;}
.product-view-wrap .s32-tab{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin: 140px 0 135px; }
.product-view-wrap .s32-tab > li{display: flex; flex-wrap:wrap; align-items:center;}
.product-view-wrap .s32-tab > li:not(:last-child):after{content: ''; width: 1px; height: 11px; background: #E6E6E6; margin: 0 22px;}
.product-view-wrap .s32-tab > li > a{position: relative; color: #999; text-align: center; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; transition:.3s;}
.product-view-wrap .s32-tab > li > a:after{position: absolute; content: ''; width: 100% ;height: 3px; background: #0165E5; transition:.3s; opacity: 0; left: 0; bottom: -10px;}
.product-view-wrap .s32-tab > li.current > a{color: #0165E5;}
.product-view-wrap .s32-tab > li.current > a:after{opacity: 1;}
.product-view-wrap h3{text-align: center; color: #222; font-family: "Poppins"; font-size: 50px; font-weight: 700; letter-spacing: -1px; margin-bottom: 60px;}
.product-view-cnt{padding:  0 123px; }
.product-view{align-items:center; position: relative;box-sizing: border-box;  z-index: 10;}
.product-view .product-view-btn{position: absolute; left: 0; top: 0; width: 102px; height: 100%; box-sizing: border-box;border-radius: 10px; border: 1px solid rgba(204, 204, 204, 0.93); transition:.3s; cursor: pointer; background: #fff;}
.product-view .product-view-btn:after{position: absolute; left: 0;  top: 0;content: ''; width: 100%; height: 100%; background: url(../img/sub/product-view-prev.png) center no-repeat; transition:.3s;} 
.product-view .product-view-next{left: auto; right: 0; }
.product-view .product-view-next:after{background: url(../img/sub/product-view-next.png) center no-repeat; }
.product-view .product-view-btn:hover{background: #0165E5;}
.product-view .product-view-btn:hover:after{filter:brightness(10);}
.product-view .slick-dots{position: absolute; left: 50%; bottom: -46px; display: flex; gap:0 30px; translate:-50% 0; }
.product-view .slick-dots > li {width: 14px; height: 14px; aspect-ratio: 1/1; background: #D9D9D9; border-radius: 50%; transition:.3s; cursor: pointer;}
.product-view .slick-dots > li.slick-active{background: #0165E5;}
.product-view .slick-dots > li > *{display: none;}

.product-view2{margin-top: 160px; padding: 0 140px; display: flex; flex-direction: column; gap:36px;}
.product-view2 dl{display: flex; flex-wrap:wrap; gap:74px;}
.product-view2 dl dt {width: 104px;;}
.product-view2 dl dt b{position: relative; display: block; color: #000; font-size: 30px; font-weight: 500; line-height: 177%;  letter-spacing: -0.9px;}
.product-view2 dl dt b:after{position: absolute; content: ''; width: 3px; height: 29px; background: #0165E5; right: 0; top: 50%; translate:0 -50%; }
.product-view2 dl dd{flex:1;}
.product-view2 dl dd p{color: #999; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; word-break: break-all;}

.product-view3{margin-top: 160px;;}
.product-view3 .s32-table-tab{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-bottom: 75px;}
.product-view3 .s32-table-tab > li{flex:1; max-width: 400px; }
.product-view3 .s32-table-tab > li > a{display: flex; height: 50px; justify-content: center; align-items: center; border: 1px solid rgba(204, 204, 204, 0.93); color: #999; text-align: center; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px; transition:.3s;}
.product-view3 .s32-table-tab > li.current > a{background: #0165E5; border-color: #0165E5; color: #fff;}
.product-view3 .info_table{}
.product-view3 .info_table > .p-box{margin-bottom: 20px;}
.product-view3 .info_table > .p-box p{position: relative; color: #222; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px; padding-left: 24px; ;}
.product-view3 .info_table > .p-box p:before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; left: 4px; top: 50%; margin-top: -2px; background: #222;}

.product-view3 .info_table .p-box-bottom{display: flex ;flex-direction: column; gap:20px; margin-top: 30px;}
.product-view3 .info_table .p-box-bottom .box {display: flex; flex-direction: column; gap:10px;}
.product-view3 .info_table .p-box-bottom .box b{font-size: 22px; color: #333; font-weight: 600;}
.product-view3 .info_table .p-box-bottom .box p:before{top: 10px; margin-top: 0;}

.product-view3 .info_table table{width: 100%; }
.product-view3 .info_table table thead {border-top: 4px solid #222;}
.product-view3 .info_table table tr > th{height: 69px; background: rgba(153, 153, 153, 0.10); color: #222; text-align: center; font-size: 20px; font-weight: 500; line-height: 29.9px;  letter-spacing: -0.4px; border: 1px solid rgba(204, 204, 204, 0.93);;}
.product-view3 .info_table table tr > td{border: 1px solid rgba(204, 204, 204, 0.93); height: 58px; text-align: center; color: #999; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}
.bottom-ul {display: flex; flex-direction: column; margin-top: 22px;}
.bottom-ul > li{display: flex; flex-wrap:wrap; color: #999; font-size: 18px; font-weight: 400; line-height: 28.5px;  letter-spacing: -0.36px;}

.product-view3 .info_table table tr > th:last-child{border-right: 0;	}
.product-view3 .info_table table tr > th:first-child{border-left:  0;	}
.product-view3 .info_table table tr > td:last-child{border-right: 0;	}
.product-view3 .info_table table tr > td:first-child{border-left:  0;	}
.product-view3 .info_table-wrap .info_table {display: none;}
.product-view3 .info_table-wrap .info_table1{display: block;}