@charset 'utf-8';
/*
font-family:"Pretendard", sans-serif;
font-family:"MP";
*/
.mw1400{width:1400px;margin:0 auto;position:relative;}
.w1400{width:1200px;margin:0 auto;position:relative;}
.w1200{width:1200px;margin:0 auto;position:relative;}
/*.sub > div{padding-bottom:100px;}*/
.sub > div .w1400 > dl:first-of-type{padding-top:0;}
.sub > div .w1400 > dl{padding-top:125px;}
.sub > div .w1400 > dl:after{display:block;content:"";clear:both;}
.sub > div .w1400 > dl > dt{float:left;width:300px;font-size:24px;font-weight:bold;color:#000;letter-spacing:-0.01em;font-family:"MP";}
.sub > div .w1400 > dl > dd{float:left;width:1100px;word-break:keep-all;}
.sub > div .w1400 > dl > dd p{font-size:17px;font-weight:300;color:#333;line-height:26px;letter-spacing:-0.01em;}
.sub > div .w1400 > dl > dd table{width:100%;}
.sub > div .w1400 > dl > dd table tr:first-of-type td{border-top:2px solid #fd5a06;}
.sub > div .w1400 > dl > dd table tr td{font-size:17px;font-weight:300;color:#333;letter-spacing:-0.01em;padding:17px 0;padding-left:45px;border:1px solid #e5e5e5;}
.sub > div .w1400 > dl > dd table tr td:first-of-type{font-weight:bold;padding-left:70px;border-left:0;}
.sub > div .w1400 > dl > dd table tr td:last-of-type{border-right:0;}
.sub > div .w1400 > dl > dd dl:first-of-type{padding-top:0;}
.sub > div .w1400 > dl > dd dl{padding-top:30px;}
.sub > div .w1400 > dl > dd dl > dt{font-size:18px;font-weight:bold;color:#fd5a06;letter-spacing:-0.01em;}
.sub > div .w1400 > dl > dd dl > dd{padding-top:15px;font-size:17px;line-height:22px;letter-spacing:-0.01em;font-weight:300;color:#333;word-break:keep-all;}
.sub > div .w1400 > dl > dd .inner:first-of-type{padding-top:0;}
.sub > div .w1400 > dl > dd .inner{padding-top:85px;}
.sub > div .w1400 > dl > dd .inner:after{display:block;content:"";clear:both;}
.sub > div .w1400 > dl > dd .inner .left{float:left;}
.sub > div .w1400 > dl > dd .inner .right{float:right;width:570px;}
.sub > div .w1400 > dl > dd .inner .right img{display:block;margin:0 auto;}
.sub > div .w1400 > dl > dd .inner .right img.m-w300{width:450px;}
.sub > div .w1400 > dl > dd .inner .right img.m-w100{width:100px;}
.sub .sub-con02{background-color:#f3f3f3;padding-top:100px;}
@media all and (max-width:1400px){
	.sub > div .w1400{width:95%;}
	.sub > div .w1400 > dl > dd{width:calc(100% - 300px);}
	.sub > div .w1400 > dl > dd table tr td:first-of-type{padding-left:20px;}
	.sub > div .w1400 > dl > dd .inner .left{float:none;width:100%;}
	.sub > div .w1400 > dl > dd .inner .right{float:none;width:100%;}
	.sub > div .w1400 > dl > dd .inner .right img{margin:15px 0 0 0;}
}
@media all and (max-width:1200px){
	.sub > div .w1200{width:95%;}
}
@media all and (max-width:1024px){
	.sub > div .w1400 > dl > dt{width:100%;float:none;padding-bottom:20px;}
	.sub > div .w1400 > dl > dd{width:100%;float:none;}
	.sub > div .w1400 > dl > dd dl > dd br{display:none;}
}
@media all and (max-width:640px){
	.sub > div .w1400 > dl{padding-top:50px;}
	.sub > div .w1400 > dl > dd table{display:block;}
	.sub > div .w1400 > dl > dd table tr td:first-of-type{border-top:2px solid #fd5a06;}
	.sub > div .w1400 > dl > dd table tr td{display:block;width:100%;border-left:0;border-right:0;box-sizing:border-box;}
	.sub > div .w1400 > dl > dd table tr:first-of-type td{border-top:0;}
	.sub > div .w1400 > dl > dd table tr td{border-top:0;}
	.sub > div .w1400 > dl > dd table tr:first-of-type td:first-of-type{border-top:2px solid #fd5a06;}
	.sub > div .w1400 > dl > dd .inner .right img{margin-top:50px;}
	.sub > div .w1400 > dl > dd .inner .right img.m-w300{width:300px;}
	.sub > div .w1400 > dl > dd .inner .right img.m-w100{width:80px;}
	/*.sub > div{padding-bottom:50px;}*/
	.sub .sub-con02{padding-top:50px;}
}


p.common{font-size:30px;font-weight:bold;color:#000;letter-spacing:-0.01em;text-align:center;padding-top:25px;}
p.common span{font-size:17px;line-height:1.5;font-weight:300;color:#333;letter-spacing:-0.01em;}
p.common-sub{font-size:17px;line-height:1.5;font-weight:300;color:#333;letter-spacing:-0.01em; text-align: center;padding-top:10px;padding-bottom:30px;word-break: keep-all;}

.gallery-list{padding:50px 0 50px;}
.gallery-list ul{font-size:0;text-align:left;letter-spacing:-4px;vertical-align:top;padding-top:50px;}
.gallery-list ul li{width:32%;margin-right:2%;margin-bottom:2%;display:inline-block;vertical-align:top;letter-spacing:-0.05em;}
.gallery-list ul li:nth-of-type(3n){margin-right:0;}
.gallery-list ul li {cursor:default;}
.gallery-list ul li .img{width:100%;position:relative;display:block;}
.gallery-list ul li img{width:100%;position:relative;}
.gallery-list ul li .txtbox{width:100%;height:150px;}
.gallery-list ul li .txtbox .top{font-size:0;text-align:left;padding-top:25px;letter-spacing:-4px;vertical-align:top;}
.gallery-list ul li .txtbox .top span{display:inline-block;vertical-align:top;letter-spacing:-0.05em;}
.gallery-list ul li .txtbox .top .title{font-size:18px;letter-spacing:-0.02em;font-weight:500;color:#000;position:relative;margin-right:20px;margin-left:5px;}
.gallery-list ul li .txtbox .bottom dl{list-style-type: disc; padding-top:10px; margin-left:25px;}
.gallery-list ul li .txtbox .bottom dl dt{list-style-type: disc;display: list-item; font-size:17px;line-height:1.5;font-weight:300;color:#333;text-align:left;}

.gallery-list2{padding:50px 0 50px;}
.gallery-list2 ul{font-size:0;text-align:left;letter-spacing:-4px;vertical-align:top;padding-top:50px;}
.gallery-list2 ul li{width:24%;margin-right:1%;margin-bottom:2%;display:inline-block;vertical-align:top;letter-spacing:-0.05em;}
.gallery-list2 ul li:nth-of-type(4n){margin-right:0;}
.gallery-list2 ul li {cursor:default;}
.gallery-list2 ul li .img{width:100%;position:relative;display:block;}
.gallery-list2 ul li img{width:100%;position:relative;}
.gallery-list2 ul li .txtbox{width:100%;height:150px;}
.gallery-list2 ul li .txtbox .top{font-size:0;text-align:left;padding-top:25px;letter-spacing:-4px;vertical-align:top;}
.gallery-list2 ul li .txtbox .top span{display:inline-block;vertical-align:top;letter-spacing:-0.05em;}
.gallery-list2 ul li .txtbox .top .title{font-size:18px;letter-spacing:-0.02em;font-weight:500;color:#000;position:relative;margin-right:20px;margin-left:5px;}
.gallery-list2 ul li .txtbox .bottom dl{list-style-type: disc; padding-top:10px; margin-left:25px;}
.gallery-list2 ul li .txtbox .bottom dl dt{list-style-type: disc;display: list-item; font-size:17px;line-height:1.5;font-weight:300;color:#333;text-align:left;}


.partner-list{padding:50px 0 50px; background-color: #f3f3f3;}
.partner-list ul{font-size:0;text-align:left;letter-spacing:-4px;vertical-align:top;padding-top:20px;}
.partner-list ul li{width:15%;margin-right:2%;margin-bottom:2%;display:inline-block;vertical-align:top;letter-spacing:-0.05em;}
.partner-list ul li:nth-of-type(6n){margin-right:0;}

.partner-list ul li .img{width:100%;position:relative;display:table; vertical-align: middle;background-color: #fff; height:85px; padding:10px; box-sizing: border-box;text-align: center; border:1px solid #ececec;}
.partner-list ul li .img div{display:table-cell; text-align: center;vertical-align: middle;}
.partner-list ul li .img div img{max-width:100%;}

@media all and (max-width:1400px){
	.w1400{width:95%;}
	.gallery-list ul li{margin-bottom:5%;}
	.gallery-list ul li a .txtbox{height:auto;}
	.gallery-list ul li a .txtbox .top .title{margin-left:0;}
	.gallery-list ul li a .txtbox .top .subtxt{padding-top:15px;}
}
@media all and (max-width:1024px){
	.gallery-list ul li{width:49%;}
	.gallery-list ul li:nth-of-type(3n){margin-right:2%;}
	.gallery-list ul li:nth-of-type(2n){margin-right:0;}

	.gallery-list2 ul li{width:49%;}
	.gallery-list2 ul li:nth-of-type(2n){margin-right:0;}

	.partner-list ul li{width:49%;}
	.partner-list ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:640px){
	.gallery-list ul li{width:100%;margin-bottom:10%;}
	.gallery-list ul li:nth-of-type(3n){margin-right:0;}
	.gallery-list ul li:nth-of-type(2n){margin-right:0;}
	.gallery-list ul li a .txtbox .top{padding-top:15px;}
	.gallery-list ul li a .txtbox .bottom p{padding-top:15px;}

	.gallery-list2 ul li{width:100%;margin-bottom:10%;}
	.gallery-list2 ul li:nth-of-type(4n){margin-right:0;}
	.gallery-list2 ul li:nth-of-type(2n){margin-right:0;}
	.gallery-list2 ul li a .txtbox .top{padding-top:15px;}
	.gallery-list2 ul li a .txtbox .bottom p{padding-top:15px;}

}


.what .new{background-color:#f2f8fe;padding:50px 0 50px;}
.what .new .w1400{}
.what .new .w1400 ul{font-size:0;text-align:left;padding-top:50px;letter-spacing:-4px;vertical-align:top;}
.what .new .w1400 ul li:last-of-type{margin-right:0;}
.what .new .w1400 ul li:nth-of-type(4n){margin-right:0;}
.what .new .w1400 ul li{display:inline-block;vertical-align:top;width:23%;margin-right:2%;margin-bottom:50px; }

.what .new .w1400 ul li .txtbox{padding-top:25px;text-align:left;}
.what .new .w1400 ul li .txtbox .top{font-size:0;text-align:left;letter-spacing:-4px;vertical-align:top;}
.what .new .w1400 ul li .txtbox .top span{display:block;vertical-align:top;letter-spacing:-0.05em;}
.what .new .w1400 ul li .txtbox .top .title{font-family: 'MP'; font-size:40px;letter-spacing:-0.02em; line-height: 1.5;color:#0055ff;position:relative; border-bottom:1px solid #0055ff;}
.what .new .w1400 ul li .txtbox .bottom{padding-top:20px;}
.what .new .w1400 ul li .txtbox .bottom td span{font-weight:bold;color:#000; padding-right:8px;}
.what .new .w1400 ul li .txtbox .bottom td{vertical-align: top;font-size:15px;line-height:1.4;letter-spacing:-0.04em;color:#333; padding-bottom:7px;word-break: keep-all;}

@media all and (max-width:1024px){
	.what .new .w1400 ul li .txtbox .top .title{width:100%;margin-left:0;margin-bottom:15px;}
	.what .new .w1400 ul li{width:48%; }
	.what .new .w1400 ul li:nth-of-type(2n){margin-right:0;}

}
@media all and (max-width:640px){
	.what .new .w1400 ul li:last-of-type{margin-bottom:0;}
	.what .new .w1400 ul{padding-top:40px;}
	.what .new .w1400 ul li{width:100%; }
	.what .new .w1400 ul li .txtbox .bottom p{font-size:15px;line-height:1.5;}

	.pb150{padding-bottom:75px !important;}
	.gallery-list{padding-top:35px;}
	.what .new{padding:35px 0 50px;}
}


.mapbox{width:100%;height:400px;background-color: #f3f3f3;margin-bottom:50px;}

.map-location{display: flex;}
.map-location .map-view{width:30%;padding-right:8%;}
.map-location .map-view img{max-width:100%;}

.map-txt{width:68%; }
.map-txt li{border-bottom:1px solid #ddd; padding:20px 0; line-height:1.5 }
.map-txt li:last-child{border-bottom:none; }

.map-txt h4{ font-size:26px;font-weight:bold;color:#000;letter-spacing:-0.02em; padding-bottom:10px;}
.map-txt p{font-size:18px;font-weight:300;color:#333;letter-spacing:-0.01em;line-height: 1.5;}
.map-txt p span{ padding-right:20px; font-family: 'MP'}
.map-txt li a {display: block; margin-top: 20px; width: 300px; height: 60px;box-sizing: border-box; border: 1px solid #ddd;text-align: left; line-height: 58px;font-size: 17px;font-weight: 300;color: #333;letter-spacing: -0.01em;position: relative;padding-left: 35px;}
.map-txt li a img {display: block;position: absolute;right: 50px;top: 25px; transition: all 0.3s;}


@media all and (max-width:640px){

	.map-txt{width:100%;}
	.map-location{display: block;text-align: center; }
	.map-location .map-view{width:100%;padding-right:0%; text-align: center;}
	.map-location .map-view img{width:40%;}
	.map-txt li a {margin:20px auto; }


}

/* greeting */
.greeting{padding-bottom:150px;}
.greeting .w1400 .greeting-ceo{background-image: url("../img/sub/greeting-ceo.jpg"); no-repeat ; background-position: center; background-size: cover;height:545px; position: relative;}
.greeting .w1400 .namebox{background-color: #0055ff; color:#fff; padding:50px 70px; display: block;position: absolute; z-index: 999; margin-top:400px; margin-left:200px;}
.greeting .w1400 .namebox p{font-size:44px; padding-top:15px;}

.greeting .w1400 .greeting-box{margin-top:100px;}
.greeting .w1400 .greeting-box h3{font-size:36px; letter-spacing: -0.06em; font-weight:300; color:#000;}
.greeting .w1400 .greeting-box h3 span{font-size:24px;}
.greeting .w1400 .greeting-box h5{letter-spacing: -0.05em; line-height: 1.5; font-weight:300;padding-top:30px;word-break: keep-all; ;}


@media all and (max-width:1024px){
	.greeting .w1400 .greeting-ceo{height:345px;}
	.greeting .w1400 .namebox{padding:30px 50px; margin-top:240px;margin-left:100px;}
	.greeting{padding-bottom:100px;}
}
@media all and (max-width:800px){
	.greeting .w1400 .greeting-box{text-align: left;}
	.greeting .w1400 .greeting-box h5{ width:100%;}

}
@media all and (max-width:640px){
	.greeting{padding-bottom:50px;}
	.greeting .w1400 .greeting-ceo{height:245px;}
	.greeting .w1400 .namebox{padding:20px 40px; margin-top:180px;margin-left:20px;}
	.greeting .w1400 .namebox p{font-size:24px; padding-top:10px;}

	.mcon01 > .right .contents_wrap .content ul li:after{left:5%;}
	.greeting .w1400 .greeting-box h3{font-size:24px; letter-spacing: -0.06em;}
	.greeting .w1400 .greeting-box h3 span{font-size:18px;}

}

/* research */
.research{padding-bottom:150px;}
.research .w1400 h3{font-size:30px; letter-spacing: -0.05em; font-weight:bold; color:#000;text-align: center;}
.research .w1400 h4{font-size:22px; letter-spacing: -0.05em; font-weight:bold; color:#000;border-bottom:1px solid #999; display: inline-block;}
.research .w1400 h6{font-size:18px; letter-spacing: -0.05em; font-weight:bold; color:#000;display: block;}
.research .w1400 h5{letter-spacing: -0.02em; line-height: 1.5; font-weight:300;padding-top:10px;word-break: keep-all;}
.research .w1400 .skybox{ background-color:#ebf2ff;padding:80px 30px;text-align: center;border-radius:4px; border:1px solid #ddd;margin:0 auto;}


@media all and (max-width:768px){
	.research .w1400 h4{font-size:18px;}
	.research .w1400 h5{font-size:16px;}
}


.research .w1400 .skybox img{max-width:100%;}
.skybox2{ background-color:#ebf2ff;padding:30px 30px;text-align: center;border-radius:4px; border:1px solid #ddd;margin:0 auto;}
.skybox2 img{max-width:100%;}


::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 12px; }
::-webkit-scrollbar:horizontal { height: 8px; }
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; }
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }




.paging{margin-top:40px;}
.paging ul{font-size:0;text-align:center;letter-spacing:-4px;vertical-align:top;}
.paging ul li:last-of-type{margin-right:0;}
.paging ul li{display:inline-block;vertical-align:top;margin-right:4px;letter-spacing:-0.05em;}
.paging ul li a{font-size:12px;font-weight:400;color:#818090;width:35px;height:35px;box-sizing:border-box;border:1px solid #dbdbdb;background-color:#fff;text-align:center;line-height:33px;display:block;}
.paging ul li.on a{background-color:#676767;border-color:#676767;color:#fff;}


/* place 탭 */
.place-tab{padding-bottom:30px;}
.place-tab ul{font-size:0;text-align:center;}
.place-tab ul li:last-of-type{margin-right:0;}
.place-tab ul li{display:inline-block;vertical-align:top;margin-right:5px;margin-bottom:5px;}
.place-tab ul li.active a{background-color:#0055ff;color:#fff;border-color:#0055ff;}
.place-tab ul li a{display: block;width: 250px;height: 60px;line-height: 56px;box-sizing: border-box;background-color: #f6f6f6;border: 2px solid #e1e1e1;font-size: 17px;font-weight: 400;color: #222;letter-spacing: -0.2px;text-align: center;}

.ict-tab {padding-bottom: 50px; width:800px; margin:0 auto;}
.ict-tab ul {display: flex;}
.ict-tab ul li {width:49%;}
.ict-tab ul li.active a { background-color: #0055ff; color: #fff;  border-color: #0055ff; font-weight:800;}
.ict-tab ul li a {display:block;height: 60px;line-height:56px;box-sizing:border-box;background-color:#f6f6f6; border: 2px solid #e1e1e1;font-size: 17px;font-weight: 400;color: #222;letter-spacing: -0.2px;text-align: center;}

@media all and (max-width:820px){
	.ict-tab {width:100%;}

}


.third-tab{padding-bottom:30px;}
.third-tab ul{font-size:0;text-align:center;}
.third-tab ul li:last-of-type{margin-right:0;}
.third-tab ul li{display:inline-block;vertical-align:top;margin-right:5px;margin-bottom:5px;}
.third-tab ul li.active a{background-color:#0055ff;color:#fff;border-color:#0055ff;}
.third-tab ul li a{display: block;height: 60px; width:230px;line-height: 56px;box-sizing: border-box;background-color: #f6f6f6;border: 2px solid #e1e1e1;font-size: 17px;font-weight: 400;color: #222;letter-spacing: -0.2px;text-align: center;}


@media all and (max-width:1024px){
}

@media all and (max-width:768px){
	.place-tab ul li a{width:230px}
	.third-tab ul li a{font-size:14px;}
	.third-tab ul li a.t01{width:160px;}
	.third-tab ul li a.t03{width:160px;}

}
@media all and (max-width:640px){
	.place-tab ul li a{font-size:14px;width:200px}
	.third-tab ul li a.t01{width:110px;}
	.third-tab ul li a.t03{width:110px;}

}

/* TeCeL 소개 */
.sub-con01 .w1400 .sign{position:relative;margin-top:50px;}
.sub-con01 .w1400 .sign ul{width:1100px; margin:0 auto; display: flex; justify-content: space-between;}
.sub-con01 .w1400 .sign ul:after{display:block;content:"";clear:both;}
.sub-con01 .w1400 .sign ul li:first-child{width:380px;}
.sub-con01 .w1400 .sign ul li:first-child img{max-width:100%;}
.sub-con01 .w1400 .sign ul li:last-child{width:720px;}
.sub-con01 .w1400 .sign ul li .bluebox{ background-color: #0055ff; color:#fff;font-size: 14px; padding:40px;line-height:1.5; box-sizing: border-box;word-break: keep-all;}
.sub-con01 .w1400 .sign ul li .bluebox p{font-family: 'MP';font-weight: 100; font-size: 28px; letter-spacing:-0.01em;line-height:1.2; padding-bottom:10px;}

@media all and (max-width:1339px){
	.sub-con01 .w1400 .sign ul{width:1000px; margin:0 auto;}

}
@media all and (max-width:1024px){
	.sub-con01 .w1400 .sign ul{width:800px; margin:0 auto;}
	.sub-con01 .w1400 .sign ul li .bluebox{ padding:30px;font-size:13px;line-height:1.5; }
	.sub-con01 .w1400 .sign ul li .bluebox p{font-size: 18px;padding-bottom:13px;}

}
@media all and (max-width:768px){
	.sub-con01 .w1400 .sign ul{width:100%; margin:0 auto;display: block;}
	.sub-con01 .w1400 .sign ul li:first-child{width:100%;text-align: center;}
	.sub-con01 .w1400 .sign ul li:last-child{width:100%;}



}
@media all and (max-width:640px){
	.sub-con01 .w1400 .sign ul li .bluebox{  }
}



.sub > div .w1400 > iframe{width:100%;/* height:32vw; */margin-top:4.5454545455vw;height:796px;}
@media all and (max-width:1400px){
	.sub > div .w1400 > iframe{margin-top:50px;height:53vw;}
}

.what .new .w1400 ul li .img .txt-inner{height:326px;background-color:#dadada;display:table;width:100%;}
.what .new .w1400 ul li .img .txt-inner .next{display:table-cell;vertical-align:middle;font-family:"MP";font-size:38px;color:#fff;text-align:center;font-weight:bold;}
@media all and (max-width:1400px){
	.what .new .w1400 ul li .img .txt-inner{height:21.8vw;}
}
@media all and (max-width:640px){
	.what .new .w1400 ul li .img .txt-inner{height:44.9vw;}
}


.pt100{padding-top:100px!important;}
.pt50{padding-top:50px!important;}
.pt30{padding-top:30px;}
.pb150{padding-bottom:150px;}
.pb50{padding-bottom:50px;}
.pb20{padding-bottom:20px;}

.bg-white{background-color:#fff !important;}
.after-none:after{display:none !important;}
.pb150{padding-bottom:150px !important;}
.ls09 {letter-spacing: -0.1em!important;}
.txtc{text-align: center !important;}
.txtl{text-align: left !important;}
.mp{font-family: 'MP';}
.faq{margin-top:20px; border-bottom:1px solid #ddd;}
.accordion {background-color: #fff;color: #333;cursor: pointer; padding: 20px;width: 100%; font-size:16px; line-height: 1.5;border-top:1px solid #ddd;border-bottom:none;border-right:1px solid #ddd;border-left:1px solid #ddd; text-align: left; outline: none;transition: 0.4s;}
.activeon, .accordion:hover {  background-color: #1f2353; color:#fff;}
.accordion:after {content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px;}
.activeon:after {content: "\2212";}
.panel {padding: 0 18px;  background-color: #f7f7f7; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel p{padding: 50px 20px;text-align: left; color:#000; line-height: 1.5;}
.accordion span {font-family: 'MP'; font-size: 18px; font-weight:600;color:#ff7575;}
.panel span{font-family: 'MP'; font-size: 18px; font-weight:600;color:#000;}


.faq-tab{ margin-top:30px; overflow:hidden;}
.faq-tab ul{ overflow:hidden;display: flex;justify-content: space-between;}
.faq-tab ul li{ width:16.5%; border:1px solid #ddd; padding:20px; box-sizing: border-box;letter-spacing: -0.06em;color:#000;line-height:1.4;font-size:18px; cursor: pointer; text-align: center;}
.faq-tab ul li:hover{color:#1f2353; transition: all 0.1s;}
.faq-tab ul li.on{ background-color: #ebf2ff;color:#23408f;font-weight:bold;}

.faq-tab .conBox{ display:none;}
.faq-tab .conBox.on{display:block;}


@media all and (max-width:640px){
	.faq-tab ul{display: block;}
	.faq-tab ul li{ width:100%; padding:20px;}
}

.download{margin-top:20px; text-align: left!important;}
.download h4{color:#0055ff!important; font-family: 'MP'; font-weight: bold;text-align: left!important;margin-bottom:10px;}
.download .downboxdiv{display: flex; justify-content: flex-start  }
.download .downboxdiv .downbox{width:19%; border:1px solid #ddd; background-color: #f6f6f6; margin-right:3%;margin-bottom:3%; border-radius: 10px;padding:50px 20px; text-align: center;cursor:pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09); }
.download .downboxdiv .downbox img{width:54px; }
.download .downboxdiv .downbox:last-child{margin-right:0; }

.download .downboxdiv .downbox p{color:#0055ff; font-weight:500; padding-top:15px; letter-spacing: -0.04em;line-height: 1.5}
.download .downboxdiv .downbox h6{margin-top:10px; color:#888; font-size:14px; letter-spacing: -0.04em;line-height:1.4!important}

.download .downboxdiv .downbox:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all 0.3s; }

@media all and (max-width:768px){
	.download .downboxdiv .downbox{padding:20px 10px;  }
	.download .downboxdiv .downbox img{width:54px; }
	.download .downboxdiv .downbox p{padding-top:10px; letter-spacing: -0.04em;line-height: 1.2; font-size:14px;}
}

@media all and (max-width:640px){
	.download .downboxdiv{display: block;}
	.download .downboxdiv .downbox{width:100%; box-sizing: border-box;}
}


.progress-list{margin-top:20px;}
.progress-list table {position: relative; width: 100%; border-collapse: separate; margin: 5px 0 15px 0;}
.progress-list table th {position: relative;padding: 15px 11px;border-bottom: 1px solid #e5e7ee;background: #fff;color: #363c5a;text-align: center;font-weight: 700;vertical-align: middle;word-break: keep-all;}
.progress-list table th:before { content: '';display: block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 1px;height: 14px;background-color: #c5c9d6;}
.progress-list table th:first-child:before{ display: none; content: '';}

.progress-list table:first-child th {border-top: 1px solid #7a7d96;}
.progress-list table td {padding: 15px 11px; box-sizing: border-box; font-size: 16px;vertical-align: middle; text-align: center;}
.progress-list table td.txt-left {text-align: left;}
.progress-list table td, .progress-list table th {border-bottom: 1px solid #e5e7ee;}
.progress-list table td:hover {color: #0055ff; cursor: pointer;}

.progress-list table td span {display:inline-block; border-radius: 90px; padding:3px 15px 3px 15px; box-sizing:border-box; font-size:13px; color:#ffffff;background-color: #666;}
.progress-list table td span.step01 {background-color: #f66dbd;}
.progress-list table td span.step02 {background-color: #00a5f2;}
.progress-list table td span.step03 {background-color: #db5614;}
.progress-list table td span.step04 {background-color: #081183;}
.progress-list table td span.step05 {background-color: #5938e4;}




.progress-list table td a.downbtn {display:inline-block; border-radius: 90px; padding:0px 30px 0px 30px; box-sizing:border-box; font-size:14px; color:#ffffff;background-color: #1f2353;}
.progress-list table td a.downbtn:hover {background-color: #000;transition: all 0.3s;}

@media all and (max-width:768px){
	.progress-list{width:100%; overflow-x: auto;white-space: nowrap;}
	.progress-list table{ width:768px; }
}

.pagination{display: block;  width: 100%;  margin-top: 50px;text-align: center;}

.pagination .page-numbers {display: inline-block; width: 18px; height: 18px; padding: 0 6px;position: relative;font-family: 'MP', sans-serif; font-size: 15px; font-weight: 500;
    line-height: 20px; text-align: center; vertical-align: top; color: #bbb; -webkit-transition: color 300ms;transition: color 300ms;}
.pagination .page-numbers.current{color:#000;}

.pagination .page-numbers i { font-style: normal; display: block;position: relative;}
.pagination .page-numbers i:after { content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-bottom: 1px solid #000;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;}

.search{display: block;  width: 100%;  margin-top: 50px;text-align: center;}
.search .select{display: inline-block;}
.search .searchbox{display: inline-block;}

.search select { width: 100px; height: 38px; box-sizing: border-box;  padding-left: 10px; border: 1px solid #ddd; font-size: 16px; color: #000; vertical-align: top; background: transparent;}
.search .searchBox { width: 340px; height: 38px; text-align: left; margin-left: 8px; display: inline-block;  box-sizing: border-box;}
.search .searchBox input[type="text"] { width: calc(100% - 83px); height: 38px; padding-left: 10px; border: 1px solid #e0e0e0; color: #555; font-size: 16px;background: transparent;box-sizing: border-box;}
.search .searchBox input[type="submit"] { width: 83px; height: 38px; background: #1f2353; color: #fff; text-align: center; font-size: 15px; border: 0;vertical-align: top;}

.progress-view{margin-top:20px;}
.progress-view table {position: relative; width: 100%; border-collapse: separate; margin: 5px 0 15px 0;border-top: 1px solid #7a7d96;}
.progress-view table th {position: relative;padding: 15px 11px;border-bottom: 1px solid #e5e7ee;background: #f6f6f6;color: #363c5a;text-align: center;font-weight: 700;vertical-align: middle;word-break: keep-all;}
.progress-view table td {padding: 15px 15px; box-sizing: border-box; font-size: 16px;vertical-align: middle;border-bottom: 1px solid #e5e7ee; }

.progress-view table td span {display:inline-block; border-radius: 90px; padding:3px 15px 3px 15px; box-sizing:border-box; font-size:14px; color:#ffffff;background-color: #b0b0b0;}
.progress-view table td span.step01 {background-color: #f66dbd;}
.progress-view table td span.step02 {background-color: #db5614;}
.progress-view table td span.step03 {background-color: #15a800;}
.progress-view table td span.step04 {background-color: #5938e4;}
.progress-view table td img {vertical-align: middle; padding-right:2px;padding-left:2px;}


.progress-list {text-align: center;}
.progress-list a{ position: relative;padding: 10px 30px; box-sizing: border-box; background: #1f2353; font-size: 16px; line-height: 38px; color:#fff;}


@media all and (max-width:600px){
	.progress-view table td span {padding:3px 10px 3px 10px;}
	.progress-view table td img {padding-right:1px;padding-left:1px;}


}


.outline-introbox{margin-top:20px; background-color: #f5f5fa; padding:20px; box-sizing: border-box;}
.outline-introbox ul{display: flex;}
.outline-introbox ul li:first-child{width:30%; text-align: center;}
.outline-introbox ul li dl {list-style-type:disc; }
.outline-introbox ul li dl dt{list-style-type:disc; font-size:16px; padding-left:20px; text-align: left;line-height: 1.5;}
.outline-introbox ul li dl dt span{color:#000;font-weight:800;}
.outline-introbox ul li a{display:inline-block; border-radius: 90px; padding:3px 10px 3px 10px; box-sizing:border-box; font-size:12px; color:#ffffff;background-color: #3d437e;}

.outline-introbox2{padding-top:30px;}
.outline-introbox2 ul{display: flex;}
.outline-introbox2 ul li {font-size:16px;text-align: left;line-height: 1.5;}
.outline-introbox2 ul li:last-child {margin:50px 0px 50px 30px;text-align: left;}

.outline-tab{ margin-top:30px; overflow:hidden;}
.outline-tab ul{ overflow:hidden;display: flex;justify-content: space-between;}
.outline-tab ul li{ border:1px solid #ddd; border-right:none; padding:20px; letter-spacing: -0.06em;color:#333;line-height:1.4;font-size:16px; cursor: pointer;}
.outline-tab ul li:last-child{border-right:1px solid #ddd;}
.outline-tab ul li:hover{color:#23408f; transition: all 0.1s;}
.outline-tab ul li.on{ background-color: #ebf2ff;color:#23408f;border-bottom:1px solid #ebf2ff;border-right:2px solid #ebf2ff;font-weight:bold;}

.outline-tab .conBox{background-color:#ebf2ff; padding: 90px 60px; box-sizing: border-box;border:1px solid #ddd;border-top:none; display:none;}
.outline-tab .conBox.on{display:block;}
.outline-tab .conBox h6{color:#23408f; font-size:22px; font-weight:bold; letter-spacing: -0.06em;line-height: 1.5}
.outline-tab .conBox p{padding-top:10px;padding-bottom:70px;color:#000; line-height: 1.4;}

.outline-merritdivbg{width:100%; background-image: url(../img/sub/outline-merritbg.jpg); margin-top:50px;padding:40px; box-sizing: border-box;}
.outline-merritdivbg h4{color:#fff!important;border-bottom:1px solid #fff!important}

.outline-merritdiv {display: flex;justify-content: space-between;}
.outline-merritdiv .outline-merrit {width:32.5%; margin-bottom:15px;background-color:#fff;border-radius:2px;padding:30px 30px;box-sizing: border-box; text-align: center;}
.outline-merritdiv .outline-merrit p{color:#0055ff; font-weight: bold;font-size:20px; border-bottom:1px solid #fff;text-align: center;}
.outline-merritdiv .outline-merrit span{display: block; padding-top:10px;font-size:15px;color:#000; font-weight:400; letter-spacing: -0.04em;word-break: keep-all; line-height: 1.5}
.outline-merritdiv .outline-merrit img{padding-bottom:20px;padding-top:20px; width:140px;}

.outline-merritdiv .outline-merrit-sm {width:66%;display: flex;justify-content: space-between;}
.outline-merritdiv .outline-merrit-sm .outline-merrit {width:32.5%;}


@media all and (max-width:1024px){
	.outline-merritdiv .outline-merrit p{font-size:18px; }
	.outline-merritdiv .outline-merrit span{font-size:14px;}
}
@media all and (max-width:768px){
	.outline-merritdiv .outline-merrit {padding:25px;}
	.outline-merritdiv .outline-merrit p{font-size:16px; }
	.outline-merritdiv .outline-merrit span{font-size:13px;}
	.outline-merritdiv .outline-merrit-sm img{padding-bottom:20px;padding-top:20px; width:90px;}

	.outline-introbox ul{display: block;}
	.outline-introbox ul li:first-child{width:100%;}
	.outline-introbox ul li dl dt{padding-left:0px; padding-top:20px; text-align: center;}


}

@media all and (max-width:500px){
	.outline-merritdiv {display: block;}
	.outline-merritdiv .outline-merrit {width:100%;padding:35px;}
	.outline-merritdiv .outline-merrit p{font-size:18px; }
	.outline-merritdiv .outline-merrit span{font-size:16px;}
	.outline-merritdiv .outline-merrit-sm {width:100%; display: block;}
	.outline-merritdiv .outline-merrit-sm .outline-merrit {width:100%;}
	.outline-merritdiv .outline-merrit-sm img{width:140px;}

}

.clientdiv{margin-top:30px;}
.clientdiv h5{font-size: 18px; color:#000; text-align: center;}
.clientdiv .client{margin-top:20px;background-color: #f1f1f1;width:100%; border-radius: 4px; padding:20px; box-sizing: border-box;}
.clientdiv .client p{font-size: 16px; color:#000; text-align: center; font-weight: 600; padding-bottom:10px;}
.clientdiv .client ul{display: flex;justify-content: space-between;}
.clientdiv .client li{width:55%; text-align: center;}


.clientdiv .client li:first-child{width:45%;}
.clientdiv .client div{background-color: #fff;padding:20px; box-sizing: border-box; text-align: center;border-radius: 10px;  }

@media all and (max-width:768px){
	.clientdiv .client ul{display: block}
	.clientdiv .client li{width:100%;}
	.clientdiv .client li:first-child{width:100%;}
	.clientdiv .client li:last-child{margin-top:30px;}
	.clientdiv .client li img{width:100%;}
	.clientdiv h5{text-align: left;}

}

.floated-btn a{z-index: 999;position: fixed;bottom: 20px;right: 20px;background: #1a32af;-webkit-box-shadow: 0 2px 20px 0 rgba(0, 85, 255, 0.75);
    box-shadow: 0 2px 20px 0 rgba(0, 85, 255, 0.75); border-radius: 75px; color: #fff; padding: 15px 40px; font-size: 1.08rem;    cursor: pointer; }
.floated-btn a:hover {background: #131f5f;  -webkit-transition: all 0.4s ease;  transition: all 0.4s ease;padding: 18px 45px; 	}
.floated-btn a img {width:20px; padding-right:5px; vertical-align: middle;}


.sv1{ background-image: url(../img/sub/sv1.jpg); min-height:350px;}
.outline-top{display: flex; justify-content: space-between;}
.outline-top div{width:22%;text-align: center; margin-top:80px; }
.outline-top div p{padding-top:20px;font-size:18px; color:#fff; letter-spacing: -0.04em;}
.outline-top div.line{width:1px;background-color: #fff; opacity: 0.4;}


@media all and (max-width:1000px){
	.sv1{ background-size: cover;}
	.outline-top{display: inline-block;width:100%;}
	.outline-top div{width:49.5%;display: inline-block; margin-top:30px;margin-bottom:50px;}
	.outline-top div.line{display: none;}
	.outline-top div img{height:90px;}
}




.guide-howdiv{width:100%; background-color: #0055ff; padding:40px; box-sizing: border-box;}
.guide-howdiv p{text-align: center!important;font-size:16px; color:#fff; font-weight:400;}
.guide-howdiv .guide-how {display: flex; justify-content: center; margin-top:50px; }
.guide-howdiv .guide-how div{width:29%;}
.guide-howdiv .guide-how div ul {display: flex;}
.guide-howdiv .guide-how div ul li {color:#fff;}
.guide-howdiv .guide-how div ul li:first-child{width:65px; height:65px; border-radius: 99px; background-color:#fff; text-align: center; margin-right:10px;}
.guide-howdiv .guide-how div ul li img{padding-top:18px;}
.guide-howdiv .guide-how div ul li p{color:#fff; font-family: 'MP';font-size:28px; font-weight: 500; letter-spacing: -0.03em;line-height: 1.2}

.down{margin-top:30px;text-align: center; border-top:1px solid #333; padding-top:20px;}
.down a{background-color: #222; color:#fff; ; font-size:15px; line-height: 18px; padding:20px 25px; display: inline-block; margin-top:10px;}
.down a img{vertical-align:middle; padding-right:10px;}
.down a:hover{background-color: #000;transition:all 0.3s;}

@media all and (max-width:1024px){
	.guide-howdiv .guide-how div{width:33.3%;}

}
@media all and (max-width:900px){
	.guide-howdiv .guide-how div ul li p{font-size:21px; }
}
@media all and (max-width:767px){
	.guide-howdiv .guide-how {display: block; }
	.guide-howdiv .guide-how div{width:100%;}
	.guide-howdiv .guide-how div ul {width:250px; margin: 0 auto;margin-bottom:20px;}
}

.guide-processdiv{display: flex; justify-content: flex-start; margin-bottom:50px;}
.guide-processdiv .guide-process {width:21%; background-color: #f7f7f7; border-radius: 4px; padding:30px; box-sizing: border-box;}
.guide-processdiv .guide-process .circle-guide{width:140px; height:140px; border-radius: 99px; background-color: #0055ff; margin: 0 auto;}
.guide-processdiv .guide-process .circle-guide p{font-size:20px; line-height: 1.4;font-weight:600; letter-spacing: -0.04em;color:#fff; text-align: center;padding-top:35px;}
.guide-processdiv .guide-process .circle-guide p span{font-size:20px;font-weight: 600;font-family: 'MP'; opacity: .7; color:#fff;}

.guide-processdiv .guide-process-r ul{ list-style-type: disc; margin-top:10px; margin-left:15px;}
.guide-processdiv .guide-process-r ul li{ font-size:16px; line-height: 1.4;list-style-type: disc; color:#000; letter-spacing: -0.04em; font-weight: 400;}
.guide-processdiv .guide-process-r ul li span{ font-size:14px; color:#333;}
.guide-dot{width:5%; margin-top:85px; text-align: center;}
.guide-dot img{width:40px;}

@media all and (max-width:768px){
	.guide-processdiv{display: block}
	.guide-processdiv .guide-process {width:100%; }
	.guide-processdiv .guide-process-r ul{text-align: center;list-style-type:none;}
	.guide-processdiv .guide-process-r ul li{list-style-type: none;}
	.guide-dot{width:100%; margin-top:30px;margin-bottom:30px; }
	.guide-dot img{ transform: rotate(90deg);}

}

.ask-form {border-top: 2px solid #012b5d;border-bottom: 1px solid #dedee1; margin-top:10px;}
.ask-form tr:first-child th {}
.ask-form th {padding: 25px 15px 0px 20px;font-size: 16px;text-align: left;line-height: 26px;border-top: 1px solid #dedee1;font-weight: 400;vertical-align: top;background-color: #f5f7f9;}
.ask-form tr:first-child td {border-top: none;}
.ask-form td {padding: 15px 20px;font-size: 16px;text-align: left;line-height: 26px;border-top: 1px solid #dedee1; vertical-align: top;}
.ask-form td p{font-size: 13px;color: #fb4732; line-height:1.4; padding-top:2px;}
.ask-form th span{color:#fb4732;font-size:13px;}

.ask-form .br1{border-right: 2px solid #012b5d; vertical-align: middle; text-align: center;font-weight:800; background-color: #1f2353;color:#fff;border-top:none;}
.ask-form .bb1{border-bottom: 2px solid #012b5d;}
.ask-form .bb1w{border-bottom: 2px solid #fff;}

.ask-form small{display: block;}


.ask-form td input[type="text"]{width: 100%;
	height: 40px;
	padding: 0 10px;
	color: #000;
	font-size: 15px;
	line-height: 40px;
	vertical-align: top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #dedee1;
	box-sizing: border-box;
	-webkit-transition: border .3s ease;
	-moz-transition: border .3s ease;
	-o-transition: border .3s ease;
	-ms-transition: border .3s ease;
}


.ask-form td input[type="text"]:hover{border: 1px solid #0055fe;}
.ask-form td input[type="text"]:focus {outline:1px solid #0055fe}

.ask-form td textarea{width: 100%;height:100px;padding: 10px;line-height: 1.5;font-size: 15px;border-radius: 2px;color:#000;border: 1px solid #dedee1;box-sizing: border-box;}

.ask-form td textarea:hover{border: 1px solid #0055fe;}
.ask-form td textarea:focus {outline:1px solid #0055fe}

.ask-form td select{width: 100%;
	height: 40px;
	padding: 0 10px;
	font-size: 15px;
	line-height: 1.5;
	vertical-align: top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: url('../img/sub/arrow.jpg') no-repeat 99% 50%;
	border: 1px solid #dedee1;
	box-sizing: border-box;
	-webkit-transition: border .3s ease;
	-moz-transition: border .3s ease;
	-o-transition: border .3s ease;
	-ms-transition: border .3s ease;
	-webkit-appearance: none;-moz-appearance: none; appearance: none;
}

.ask-form .searchBox { width: 340px; height: 38px; text-align: left;  display: inline-block;  box-sizing: border-box;}
.ask-form .searchBox input[type="text"] { width: calc(100% - 83px); height: 38px; padding-left: 10px; border: 1px solid #e0e0e0; color: #555; font-size: 16px;background: transparent;box-sizing: border-box;}
.ask-form .searchBox input[type="submit"] { width: 83px; height: 38px; background: #1f2353; color: #fff; text-align: center; font-size: 15px; border: 0;vertical-align: top;}



.ask-agree{border:1px solid #dedee1;font-size: 14px;line-height:1.4; padding:10px; box-sizing: border-box; height:150px; overflow-y: auto;}

.ask-radio {display:inline-block; margin-top:10px;}
.ask-radio input[type="radio"] {position:absolute;top:1px;left:1px;width:17px;height:17px;overflow:hidden;border:none;appearance: radio!important;}
.ask-radio input[type="radio"]:focus {outline:none;}
.ask-radio .radio-txt {padding-left:25px;position:relative;display:block;line-height:20px;color:#000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;font-size:15px;}
.ask-radio .radio-txt span{font-size: 13px;color: #fb4732; line-height:1.4;}

.ask-checkbox input[type="radio"] {width:17px;height:17px;overflow:hidden;border:none;appearance: checkbox!important;margin-top:-2px;}
.ask-checkbox .checkbox-txt {padding-right:18px; padding-bottom:10px;display:inline-block;line-height:20px;color:#000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;font-size:15px;}

.ask-btn{text-align: center; margin-top:20px; padding-top:10px;}
.ask-btn a{display: inline-block; padding:15px 70px;color:#fff;line-height: 30px; margin-top:10px;background-color: #0055ff;border:none; font-size:16px; border-radius: 4px; font-weight:600;;}
.ask-btn a:hover{background-color: #00349c;transition: all 0.3s;}

.ask-btn a.sky{background-color: #0096ff;}
.ask-btn a.sky:hover{background-color: #04558d;}


.ask-foot{margin-top:20px;text-align:center;}
.ask-foot p{font-size:15px;margin-top:20px;}

@media all and (max-width:820px){
	.ask-form{width:100%; overflow-x: auto;white-space: nowrap;}
	.ask-form table{ width:820px; }
}


.aiplus-sang ul{display: flex;justify-content: space-between;margin-top:30px;border:1px solid #ddd; padding:30px;box-sizing: border-box; }
.aiplus-sang li{width:70%;}
.aiplus-sang li:first-child{width:20%;}
.aiplus-sang li img{max-width: 100%;padding-left:20px;padding-top:7px;}


.aiplus-btn{text-align: center; margin-top:20px}
.aiplus-btn a{display: inline-block; padding:15px 40px;color:#fff;line-height: 30px; margin-top:10px;background-color: #0055ff; border-radius: 4px;;}
.aiplus-btn a:hover{background-color: #00349c;transition: all 0.3s;}
.aiplus-btn a img{padding-top:15px;}


@media all and (max-width:750px){
	.aiplus-sang ul{display: block;}
	.aiplus-sang li{width:100%;}
	.aiplus-sang li:first-child{width:100%;}
	.aiplus-sang li img{padding-bottom:20px;padding-left:0;}


}
sup {line-height:0em;}



.graybox{background-color: #f5f5fa; padding:30px; box-sizing: border-box;border-radius:4px;}
.ict-outline ul{width:100%; margin-top:20px; display: flex; justify-content: space-between;}
.ict-outline ul li {width:32.5%; height:350px;text-align: center;}
.ict-outline ul li p{color:#fff; font-weight:bold;font-size:22px;margin-bottom:15px;padding-top:110px;}
.ict-outline ul li a{color:#fff; font-size:15px;border-radius: 99px; border:1px solid #fff; padding:10px 25px; box-sizing: border-box;}
.ict-outline ul li a:hover{border:1px solid #fff; background-color: #fff; color:#004098;transition: all 0.4s;}
.ict-outline ul li.frow {width:66%;}

.ict-outline ul li.ai {background-image: url("../img/sub/ict-outline-ai.jpg");background-size: cover;}
.ict-outline ul li.ai:hover {background-color: #000; opacity: 0.8;transition: all 0.4s;}

.ict-outline ul li.iot {background-image: url("../img/sub/ict-outline-iot.jpg");background-size: cover;}
.ict-outline ul li.iot:hover {background-color: #000; opacity: 0.9;transition: all 0.4s;}

.ict-outline ul li.block {background-image: url("../img/sub/ict-outline-block.jpg");background-size: cover;}
.ict-outline ul li.block:hover {background-color: #000; opacity: 0.9;transition: all 0.4s;}

.ict-outline ul li.security {background-image: url("../img/sub/ict-outline-security.jpg");background-size: cover;}
.ict-outline ul li.security:hover {background-color: #000; opacity: 0.9;transition: all 0.4s;}

.ict-outline ul li.performance {background-image: url("../img/sub/ict-outline-performance.jpg");background-size: cover;}
.ict-outline ul li.performance:hover {background-color: #000; opacity: 0.9;transition: all 0.4s;}

@media all and (max-width:768px){
	.ict-outline ul{display:block;}
	.ict-outline ul li {width:100%; height:200px; margin-bottom:20px;}
	.ict-outline ul li p{padding-top:40px;}
	.ict-outline ul li.frow {width:100%;}
}



.fairness{width:100%;background-color:#f7f7f7;border:1px solid #b77732;padding:10px; box-sizing: border-box;}
.fairness div{border:1px solid #171c63;padding:50px; box-sizing: border-box; }
.fairness p{text-align: right; }

	@media all and (max-width:480px){
		.fairness div{padding:30px;}
	}


.testservice-outline{margin-top:10px;}
.testservice-outline ul{display: flex; justify-content: space-between;}
.testservice-outline li{width:23.5%; border-radius: 4px; border:1px solid #c1c1c1; padding:20px; box-sizing: border-box;text-align: center;font-size:15px;}
.testservice-outline li div{width:70px; height:70px; background-color: #0055ff; border-radius: 100px; text-align: center; margin:0 auto;}
.testservice-outline li div img{padding-top:13px;;}
.testservice-outline li p{color:#0055ff; font-weight:700; margin-top:10px;font-size:18px;}

@media all and (max-width:480px){
	.testservice-outline ul{display: block;}
	.testservice-outline li{width:100%;margin-bottom:10px;}
}


.testservice-jong {margin-top:10px; background-color: #ebf2ff;padding:30px; box-sizing: border-box;}
.testservice-jong ul{display: flex; justify-content: space-between;}
.testservice-jong li{width:48%; border-radius: 4px; text-align: center;}
.testservice-jong li img{max-width:100%;}
.testservice-jong p{font-weight:400; padding-bottom:10px;}

@media all and (max-width:480px){
	.testservice-jong ul{display: block;}
	.testservice-jong li{width:100%;margin-bottom:10px;}
}

.idqc-box{margin-top:20px;background-color: #1f2353; padding:30px; box-sizing: border-box; border-radius:6px; text-align: center;}
.idqc-box img{max-width:100%;}

.idqc-expected ul{display: flex;justify-content:space-between;margin-top:20px;}
.idqc-expected ul li{width:32%;border-radius: 8px; padding:20px 30px; box-sizing: border-box; color:#fff; font-size:17px; font-weight:bold; letter-spacing: -0.04em; line-height: 1.3;text-align: center; }
.idqc-expected ul li.exp01{background-color: #3d437e;}
.idqc-expected ul li.exp02 {background-color: #1273e0; }
.idqc-expected ul li.exp03{background-color: #59bcff; }
.idqc-expected ul li.exp04{background-color: #571f8b; }
.idqc-expected ul li.exp05{background-color: #04a96d;}
.idqc-expected ul li p{padding-top:15px;padding-bottom:15px; }

@media all and (max-width:820px){
	.idqc-expected ul li{font-size:16px; }
}
@media all and (max-width:767px){
	.idqc-expected ul{display: block; }
	.idqc-expected ul li{width:100%;display:block;margin-right:2%;margin-bottom:2%;font-size:17px;}
	.idqc-expected ul li.exp02 {margin-right:0%;}
	.idqc-expected ul li.exp04 {margin-right:0%;}
}

.tabel06{ border-collapse: collapse; margin-top:10px; }
.tabel06 th{background-color: #684fff; border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:16px;color:#fff;font-weight:800;text-align:center;padding:17px 5px;}
.tabel06 th:last-child{border-right:0px;}

.tabel06 td{border-bottom:1px solid #e1e1e1;border-right:1px solid #ddd;font-size:15px;text-align:left;padding: 10px 25px;word-break:keep-all; line-height:1.5;}
.tabel06 td:last-child {border-right:0px;}
.tabel06 .str{background-color: #eef3fc;}
.tabel06 .bb1{border-bottom:1px solid #684fff;}
.tabel06 .bt2{border-top:2px solid #666;}
.tabel06 .br1{border-right:1px solid #ddd!important;}

.tabel06 td img{width:12px;}

.tabel06 li {text-indent:-7px;padding-left:7px;line-height:160%;}
.tabel06 li + li {margin-top:5px;}
.tabel06 li * {text-indent:0;}
.tabel06 li:before {content:"";display:inline-block;width:2px;height:2px;margin-right:5px;background:#222;vertical-align:middle;}



.outline-processdiv {display: flex;justify-content: space-between;padding-top:10px;}
.outline-processdiv li{width:22%; margin-top:10px;margin-bottom:10px;border-radius:4px;padding:30px;box-sizing: border-box;line-height: 1.3; font-size:18px;color:#fff;}
.outline-processdiv li.pro01 {background-color:#84a8f2; padding:30px 5px;}
.outline-processdiv li.pro02 {background-color:#0055ff}
.outline-processdiv li.pro03 {background-color:#1a32af}
.outline-processdiv li.pro04 {background-color:#fd3950;padding:30px 5px;}
.outline-processdiv li h6 {font-weight:500;text-align: center;}
.outline-processdiv li.outline-process-arr {width:5%; padding:10px;box-sizing: border-box;text-align: center;}
.outline-processdiv li.outline-process-arr img {max-width:100%;padding-top:25px;}

@media all and (max-width:1024px){
	.outline-processdiv li h6 {padding-top:0px;}
}

@media all and (max-width:810px){
	.tabel06 {width:100%; overflow-x: auto;white-space: nowrap;}
	.tabel06 table{ width:600px; }

}

@media all and (max-width:599px){
	.tabel06 {width:100%; overflow-x: auto;white-space: nowrap;}
	.tabel06 table{ width:450px; }

}

@media all and (max-width:600px){
	.tabel06 th{font-size:15px;color:#fff;}
	.tabel06 td{font-size:13px;padding: 7px 12px;line-height:1.4;}
	.outline-processdiv {display:block;}
	.outline-processdiv li {width:100%;}
	.outline-processdiv li.outline-process-arr {width:100%;}
	.outline-processdiv li.outline-process-arr img { transform: rotate(90deg);padding-top:0px;}
}


.prodedure {margin-top:30px; text-align: center;border:1px solid #f5f5fa; padding:30px;box-sizing: border-box;background-color: #f5f5fa;}
.prodedure img{max-width:100%;}


.mark{margin-top:20px;border:1px solid #ddd; padding:30px;box-sizing: border-box;}
.mark ul{display: flex;justify-content: space-between;}
.mark li{width:50%; text-align: center;}
.mark li span{font-weight:800;}


.markbox{margin-top:10px;border:1px solid #ddd; padding:30px;box-sizing: border-box;text-align: center;}
.markbox ul{display: flex;justify-content: space-between;}
.markbox ul li{width:70%;text-align: left;}
.markbox ul li:first-child{width:20%; text-align: center; padding-top:20px;}

.mark-list{margin-top:10px;}
.mark-list table {width: 100%; border-collapse: separate; margin: 5px 0 15px 0;}
.mark-list table th {position: relative;padding: 10px 11px;border-bottom: 1px solid #e5e7ee;background: #f5f5fa;color: #363c5a;text-align: center;font-weight: 700;vertical-align: middle;word-break: keep-all;}
.mark-list table th:before { content: '';display: block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 1px;height: 14px;background-color: #c5c9d6;}
.mark-list table th:first-child:before{ display: none; content: '';}

.mark-list table:first-child th {border-top: 1px solid #7a7d96;}
.mark-list table td {padding: 10px 11px; box-sizing: border-box; font-size: 14px;vertical-align: middle; text-align: center;}
.mark-list table td.txt-left {text-align: left;}
.mark-list table td, .mark-list table th {border-bottom: 1px solid #e5e7ee;}

.mark-list-color{border:1px solid #ddd; padding:20px;box-sizing: border-box;}
.mark-list-color span {background-color: #2e3092; width:230px; display: inline-block; height:30px; vertical-align: middle;}
.mark-list-color p {font-size:14px; display: inline-block;padding-top:20px;}
.mark-list-color span.gray {background-color: #57585a;}

.markbox2{margin-top:10px;border:1px solid #ddd; padding:30px;box-sizing: border-box;text-align: center;}
.markbox2 ul{display: flex;justify-content: space-between;}
.markbox2 ul li{width:50%;text-align: left;}
.markbox2 ul li:first-child{width:40%; text-align: center; padding-top:20px;}
.markbox2 li img{max-width:100%;}

@media all and (max-width:1024px){
	.markbox ul{display: block;}
	.markbox ul li{width:100%;text-align: center;}
	.markbox ul li:first-child{width:100%;  padding-bottom:20px;}

	.markbox2 ul{display: block;}
	.markbox2 ul li{width:100%;text-align: center;}
	.markbox2 ul li:first-child{width:100%; padding-bottom:20px;}
}

.markbox3{margin-top:10px;border:1px solid #ddd; padding:30px;box-sizing: border-box;text-align: center;}
.markbox3 img{max-width:100%;vertical-align: middle; padding-right:30px;}


.exp{width:100%;margin-top:30px;text-align: center;background-color: #f5f5f5; padding:30px; box-sizing: border-box; height:300px; display: table; vertical-align: middle;}
.exp p{font-size:16px; display: table-cell;vertical-align: middle;}
.exp p img{width:100px; padding-bottom:20px;}


.small-btn{text-align: center; margin-top:20px}
.small-btn a{display: inline-block; padding:10px 15px;color:#fff;line-height: 30px; margin-top:10px;background-color: #0055ff; border-radius: 4px;font-size:13px;;}
.small-btn a:hover{background-color: #00349c;transition: all 0.3s;}
.small-btn a img{padding-top:15px;}


.supportp-merrit {margin-top:10px;}
.supportp-merrit ul{display:flex; justify-content: space-between;}
.supportp-merrit ul li{width:33%;border-radius: 4px; border:1px solid #ddd; padding:30px 10px; box-sizing: border-box;text-align: center;}
.supportp-merrit ul li p{color:#0055ff; font-weight:800; padding-bottom:10px;padding-top:10px; font-size: 18px;;}
.supportp-merrit ul li span{font-weight:400;font-size: 16px;}

.supportp-merrit ul li div{width:70px; height:70px; background-color: #0055ff; border-radius: 100px; text-align: center; margin:0 auto;}
.supportp-merrit ul li div img{padding-top:13px;;}

@media all and (max-width:640px){
	
	.supportp-merrit ul{display:block;}
	.supportp-merrit ul li{width:100%;margin-bottom:10px}
	
}
.dqc-benefit {margin-top:20px; display:flex; justify-content: flex-start; flex-wrap: nowrap;}
.dqc-benefit li{width:19.2%; margin-right:1%; border-radius: 4px; border:1px solid #ddd; padding:30px 15px; box-sizing: border-box;text-align: center;}
.dqc-benefit li:nth-child(5) { margin-right:0;}
.dqc-benefit li p{ font-weight:800; padding-bottom:10px;padding-top:10px; font-size: 17px;;}
.dqc-benefit li img{padding-bottom:13px;;}

@media all and (max-width:820px){
	.dqc-benefit {flex-wrap: wrap;}
	.dqc-benefit li{width:32.5%; margin-bottom:10px;}
	.dqc-benefit li:nth-child(3) { margin-right:0;}
}
@media all and (max-width:590px){
	.dqc-benefit li{width:49.5%;}
	.dqc-benefit li:nth-child(2) { margin-right:0;}
	.dqc-benefit li:nth-child(3) { margin-right:1%;}
	.dqc-benefit li:nth-child(4) { margin-right:0;}
	.dqc-benefit li:nth-child(5) { margin-right:1%;}
}