@charset "utf-8"; 



/**************************************** 공통 common ****************************************/
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'SFPro','Pretendard','Noto Sans','돋움',Dotum,helvetica,sans-serif;color:#333; letter-spacing:-0.02em;}
body{ text-align:left;}
body.main{min-width:none; overflow-y:auto;}
body.main::-webkit-scrollbar {
  display: none;
}
body.bg::before{
	content:"";
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:2;
}
.sec-centent p{font-family:  'SFPro','Pretendard','Noto Sans',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; }
.wrap{padding-top:70px}
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}
.wr{max-width:1200px; width:90%; margin:0 auto;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/**************************************** header ****************************************/
.sec-header *{box-sizing:border-box; }
.sec-header{position:fixed; top:0; left:0; z-index:999; height:100px;   text-align:center;  transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; width:100%; box-sizing:border-box;}
.tabType ul{text-align:center;    border: 1px solid #ddd;  padding: 15px 0 0;}

/* mouseover */
.sec-header.on{background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
.sec-header.on .logo{background-image:url(/img/common/logo.svg);}
.sec-header.on .nav:after{display:none;}
.sec-header.on .nav > li > h2{color:#333;}
.sec-header.on .nav > li > a{color:#333;}
.sec-header .logo{display: block; width:140px; height:50px; background: url(/img/common/logo_w.svg) no-repeat center center / 140px; position:absolute; left:50px; top:18px;}
.sec-header:after{opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.sec-header:before{content:''; width:100%; height:100px; background:#fff; position:absolute; top:0; right:0; z-index:-1; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.sec-header.active:after{content:''; width:320px; height:168px;  position:absolute; bottom:0; right:12%; z-index:-2; opacity:1;}
.sec-header.active:before{opacity:1; border-bottom:1px solid #eee;}

/* menu */
.nav{display:inline-block; }
.nav:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:100px;}
.nav a{font-weight:400; cursor:pointer;}
.nav p{font-weight:400;}
.nav > li{float:left; }
.nav > li > a{color:#fff; font-size:18px; padding:0 35px; line-height:100px; font-weight:500; cursor:pointer;} 
.nav > li p{color:#000; font-size:17px; font-weight:600;}
.nav > li p a{ transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;font-weight:600;}
.nav > li p a:hover{color:#014099;}
.nav > li > a{color:#666; font-size:16px;}
.nav > li > ul{width:100%; height:0; padding:0; overflow:hidden; width:100%; position:absolute; top:100px; left:0; text-align:center; }
.nav > li > ul > li{ display:inline-block; text-align:left; padding:0 20px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s; vertical-align:top;}
.nav > li > ul > li > p{margin:0 0 20px;}
.nav > li > ul > li > a{display:block; padding:5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666; font-size:16px;}
.nav > li > ul > li > a:hover{color:#014099;}
.nav > li.open a{position:relative; }
.nav > li.open .depth-1{height:195px;}
.nav > li.open .depth-2{height:150px;}
.nav > li.open .depth-3{height:308px;}
.nav > li.open .depth-4{height:408px;}
.nav > li.open .depth-5{height:208px;}
.nav > li.open ul{padding:30px; }
.nav > li.open ul > li{ opacity:1;}

/* header renewal */
.hd-re .nav {width: 100%;  max-width: 1200px;}
.hd-re .nav > li > a{padding:0; margin-right:60px; color:#fff; font-weight:500; font-size:18px;}
.hd-re .nav > li > ul{ width: 100%;  max-width: 1200px; margin: 0 auto; right: 0;  text-align: left;}  
.hd-re .nav > li.open ul{ padding:40px 0 0;  }
.hd-re .nav > li.open .depth-1{height:340px;   }
.hd-re .nav > li.open .depth-2{height:340px;   }
.hd-re .nav > li.open .depth-3{height:180px;   }
.hd-re .nav > li > ul > li{padding:0; margin-right:60px;}
.hd-re .nav > li > ul > li:last-child{margin-right: 0;}
.hd-re .nav > li > ul > li > p{margin-bottom:10px; font-weight:600;}
.hd-re .nav > li > .depth-2 li{width:24%; margin-bottom:10px;}
.hd-re .nav > li p a:hover{color:#006eff;} 
.hd-re .nav > li > ul > li > a:hover{color:#006eff;}   

@media screen and (max-width:1650px){
	.hd-re .nav{margin-left: 240px;}
	.hd-re .nav > li > a{margin-right:40px}
}



/* sitemap */
.btn-category {position:absolute; top:36px; right:50px; width:40px; height:24px; cursor:pointer}
.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#000;}
.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:11px; opacity:1}
.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)}
.btn-category.map{ right:67px;}
.btn-category.map .bar {background:#000; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:11px; background:#000; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:11px; background:#000; transform:rotate(45deg)}
 
#sitemap *{box-sizing:border-box;}
#sitemap{position:fixed; top:100px; right:-100%; width:100%; height:calc(100% - 100px); background:#fff; padding:50px 20px; z-index:1000;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto; box-sizing:border-box;}
#sitemap > ul{max-width:1480px; overflow:hidden; margin:0 auto;  display:flex; justify-content:space-between; min-height:100%;}
#sitemap > ul > li{ padding:0 10px;}
#sitemap > ul > li > a{font-size:24px; color:#000; font-weight:600;}
#sitemap > ul > li p{font-size:18px; color:#000; font-weight:500; margin:0 0 5px; }
#sitemap > ul > li p small,
.hd-re .nav > li > ul > li > p small{color:#999; padding-left:20px; font-weight:300; position:relative;}
#sitemap > ul > li p small::before,
.hd-re .nav > li > ul > li > p small::before{content:''; width:1px; height:12px; background:#ddd; position:absolute; left:10px; top:2px;} 
#sitemap > ul > li p > a:hover{color:#006eff;}
#sitemap > ul > li > ul > li > a:hover{color:#006eff;}   
#sitemap > ul > li > ul > li{margin:20px 0;}
#sitemap > ul > li > ul > li > a{color:#999; font-size:16px;  padding:5px 0; display:block;} 
#sitemap.open{right:0;}
.sec-header.stm-hd{background:#fff }
.sec-header.stm-hd .logo{background-image:url(/img/common/logo.svg);}
.sec-header.stm-hd .nav{display:none;}
.sec-header.stm-hd .lang{display:none;}
.sec-header.stm-hd .top_sns{display:none;}
.sec-header.stm-hd .btn-search{display:none;}
.scr{overflow-y:hidden;}

/* hd search */
.btn-search{position:absolute; top:26px; right:200px; }
.btn-search a{display:block;width: 50px;  height: 50px;  background: url(/img/common/sch_board.png) no-repeat center;  border: none;  font-size: 0;   line-height: 0; filter: brightness(0) invert(1); z-index:2;}
.sec-header.on .btn-search{filter: brightness(0) invert(0);}
.search_box { position: fixed;   width: 100%; height: 200px; background: #fff; border-bottom: 1px solid #ddd; left: 0px; top:100px; margin: 0 auto; z-index: 1; display:none; }
.search_box .sch_box { margin :40px auto 0; max-width: 800px; }
.search_box .sch_box .sch_wr{position:relative;}
.search_box .sch_box .input { border: 0px; width: 100%; height: 63px; line-height: 63px; border: 1px solid #ddd; border-radius: 50px; font-size: 22px; color: #888; padding: 0 110px 0 30px; }
.search_box .sch_box .input::placeholder { color: #888; }
.search_box .sch_box .input:focus { outline: #006eff; border: 2px solid #006eff; }
.search_box .sch_box .sch { position: absolute; right: 30px; top: 18px; width: 30px; height: 30px; background: url(/img/common/sch_board.png) no-repeat center; filter: brightness(0) invert(0);}
.search_box .btn-close { position: absolute;top: 0;right: 40px;transition: all 0.4s;  display: block; width: 36px; height: 36px; color: transparent !important; }
.search_box .btn-close:before, .btn-close:after { content: ''; position: absolute; left: 8px; top: 18px; display: block; width: 20px; height: 2px; background-color: black; }
.search_box .btn-close:before { transform: rotate(45deg); }
.search_box .btn-close:after { transform: rotate(-45deg); }


/* hd lang */
.lang{position:absolute; top:39px; right:120px;}
.lang a{color:#fff; font-size:14px; margin:0 10px; display:inline-block; position:relative; opacity:.5;}
.lang a.active{opacity:1;}
.lang a.active:before{content:''; width:100%; height:2px; position:absolute; bottom:-2px; left:0; background:#fff;}
.sec-header.on .lang a{color:#333;}
.sec-header.on .lang a.active:before{ background:#333;}

/**************************************** footer ****************************************/
.footerCopyWrap strong{width: 140px; height: 50px; background: url(/img/common/logo.svg) no-repeat center center / 140px;}
.footerCopyWrap .footer_family{display:none;}
.sub .goTop{position:fixed; top:auto; bottom:30px; right:30px; z-index:1;}
.sub .goTop.snsQuick{bottom:50%; transform:translateY(50%);}
.main .goTop.snsQuick{bottom:50%; transform:translateY(50%);}
.footerSns{display:block !important; float:right;}
.footerSns a{font-size:18px; color:#333; display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%;     background: #f5f5f5; margin-left:10px;}
.footerSns i{vertical-align:middle; margin-top:-3px;}
.footerSitemap{width:100%; max-width:1200px;  padding:45px 20px;margin:0 auto; text-align:left; }
.footerSitemap p{margin-bottom:14px; font-size:18px; font-weight:600;}
.footerSitemap > ul{display:flex; justify-content:space-between;}
.footerSitemap > ul li{margin: 5px 0; font-size:14px;  font-weight:400;}
.footerSitemap > ul li > a{ font-weight:400;  font-size: 15px;}
.footerSitemap > ul li > a small{display:none;}
.footerSitemap .half{display:flex; flex-wrap:wrap; max-width:300px;}
.footerSitemap .half > li{width:50%;}

.footerCopyWrap .ftSns{ float:right;}
.footerCopyWrap .ftSns ul {display:flex;  }
.footerCopyWrap .ftSns ul li a{display:block; font-size:22px; transition:all ease .3s;  width:43px;height: 43px;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0 5px;background: #f8f8f8;color: #aaa;}
.footerCopyWrap .ftSns ul li a:hover{color:#000;}
.footerCopyWrap .ftSns ul li:first-child a{font-size:20px}

.quickMenu{position:fixed; right:40px; bottom:-100px; z-index:99; opacity:0; transition:all ease .6s;}
.quickMenu.on{bottom:20px; opacity:1;}
.quickMenu.white .quickTop a{color:#fff;} 
.quickMenu .quickQa a{width:80px; height:80px; border-radius:50%; background:#006eff; color:#fff; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; font-weight:bold; margin-top:10px;     box-shadow: 3px 3px 20px rgba(0,0,0,0.2);}
.quickMenu .quickTop a{width:80px; height:80px; border-radius:50%;  color:#111; font-size:30px; font-weight:bold; display:flex; align-items:center; justify-content:center; }  



/**************************************** main ****************************************/
.main-visual{background:url('/img/main/main_visual01.jpg') no-repeat center center / cover;}
.visual-notice{width:100%; right:0; position:absolute; bottom:0; text-align: left; background: rgba(0,0,0,0.6); font-size:14px;}
.visual-notice .wr{ overflow:hidden; max-width:1160px;}
.visual-notice h3{padding:20px; color:#fff; float:left; max-width:130px; font-size:14px;}
.visual-notice ul li a{white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display:block; color:#fff; font-weight:300;}
.visual-notice .bbs-slider{ padding:20px; float:left; width:calc(100% - 150px); padding-right:100px;}
.visual-notice .bbs-slider .slick-arrow{width:9px; height:8px; top:20px; right:0; margin-left:0; left:auto; transform:none; opacity:0.5;}
.visual-notice .bbs-slider .slick-arrow:hover{opacity:1;}
.visual-notice .bbs-slider .slick-next{background:url('/img/tr-arr-down.png') no-repeat center center; bottom:20px; top:auto;}
.visual-notice .bbs-slider .slick-prev{background:url('/img/tr-arr-up.png') no-repeat center center; top:20px; }
.visual-notice .bbs-slider .slick-prev:before,
.visual-notice .bbs-slider .slick-next:before{display:none;}
#wrap section.section1 .main-visual .slide_contents{margin: 300px auto 0;}
#wrap section .square{display:none;}
#wrap section.section2 ul{margin:40px auto 0;}
#wrap section.section2 ul li{width:354px;}
#wrap section.section2 ul li.active .upper-area,
#wrap section.section2 ul li .upper-area{top:-23px; left:0; width:100%; opacity:1;z-index:2;}
#wrap section.section2 ul li:nth-child(1) .upper-area{background:url(/img/main/main_wwo_img01.jpg) no-repeat; background-size:cover;}
#wrap section.section2 ul li:nth-child(2) .upper-area{background:url(/img/main/main_wwo_img02.jpg) no-repeat; background-size:cover;}
#wrap section.section2 ul li:nth-child(3) .upper-area{background:url(/img/main/main_wwo_img03.jpg) no-repeat; background-size:cover;}
#wrap section.section2 ul li .upper-area strong:after{background:#fff;}
#wrap section.section3 > .inner .tit{line-height:1.3}
#wrap section.section3 > .inner .tit,
#wrap section.section4 .inner .tit{margin:250px 0 0}
#wrap section.section2 ul li .upper-area{height:100%;}
#wrap section.section2 ul li.active .upper-area, #wrap section.section2 ul li .upper-area{top:0;}
.upper-link{bottom:40px;}


/**************************************** sub common ****************************************/
.sub #wrap section.sectionFooter{margin-top:0 !important;}
#wrap{padding-top:0;}
.subVisual *{box-sizing:border-box;}
.subVisual{width:100%; height:460px; padding-top:20px; background:#000; display:flex; justify-content:center; align-items:center; background-size:cover; background-repeat:no-repeat; background-position:center center;  position:relative;}
.subVisual.bg1{background-image:url('/img/sub_visual_01.jpg');}
.subVisual.bg2{background-image:url('/img/sub_visual_09.jpg');}
.subVisual.bg4{background-image:url('/img/sub_visual_04.jpg');}
.subVisual.bg5{background-image:url('/img/sub_visual_05.jpg');}
.subVisual.sbg2{background-image:url('/img/sub_visual_06.jpg');}
.subVisual.sbg3{background-image:url('/img/sub_visual_11.jpg');}
.subVisual.sbg4{background-image:url('/img/sub_visual_10.jpg');}
.subVisual.sbg5{background-image:url('/img/sub_visual_14.jpg');}
.subVisual.sbg6{background-image:url('/img/sub_visual_09.jpg');}
.subVisual.sbg7{background-image:url('/img/sub_visual_16.jpg');}
.subVisual.sbg8{background-image:url('/img/sub_visual_17.jpg');}
.subVisual.sbg9{background-image:url('/img/sub_visual_18.jpg');}
.subVisual.sbg10{background-image:url('/img/sub_visual_19.jpg');}
.subVisual.sbg11{background-image:url('/img/sub_visual_20.jpg');}
.subVisual.sbg12{background-image:url('/img/sub_visual_21.jpg');}
.subVisual.sbg13{background-image:url('/img/sub_visual_22.jpg');}
.subVisual.sbg14{background-image:url('/img/sub_visual_23.jpg');}
.subVisual.sbg15{background-image:url('/img/sub_visual_24.jpg');}
.subVisual.sbg16{background-image:url('/img/sub_visual_25.jpg');}


.subVisual.bgresource{background-image:url('/img/sub_visual_05.jpg');}
.subVisual.bgservices{background-image:url('/img/sub_visual_services.jpg');}
.subVisual.bgplatform{background-image:url('/img/sub_visual_platform.jpg');}


.subTit { text-align:center; word-break: keep-all;}
.subTit h2{color:#fff; font-size:46px;   font-weight:600; }
.subTit h1{color:#fff; font-size:46px;   font-weight:600; }
.subTit p{color:#fff; font-size:18px; }
.sub-depth-1{position:absolute; bottom:0;  height:54px; left:0; margin:0;  width:100%; background: rgba(0,0,0,0.6);  transition:all ease .3s;}
.sub-depth-1.fixed{position:fixed; top:100px;  text-align:center; z-index:101; background: rgba(0,0,0,0.8);}
.sub-depth-1 ul{margin:0 auto; width:100%; max-width:1200px; display:flex; justify-content:center;}
.sub-depth-1 ul li a{ color:#fff; padding: 0 10px; height: 54px; display: flex; line-height:1.2;  align-items: center; justify-content: center; font-weight:500; font-size:16px; text-align:center; transition:height ease .3s; }
.sub-depth-1 ul li{margin:0;}
.sub-depth-1 ul li h3{height:100%;}
.sub-depth-1 ul li:first-child{border-left:0;}
.sub-depth-1 ul li:only-child { width:20%; }                          /* 메뉴가 하나일 때 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(2),                      /* 메뉴가 둘 일 때, 1번 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(2)+li { width: 50%;  }    /* 메뉴가 둘 일 때, 2번 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(3),                      /* 메뉴가 셋 일 때, 1번 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 메뉴가 셋 일 때, 2~3번째 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(4),                      /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(4)~li { width: 25%; }    /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(5),                      /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(5)~li { width: 20%; }    /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(6),                      /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(6)~li { width: 16.666%; }    /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(7),
.sub-depth-1 ul li:first-child:nth-last-child(7)~li {width: 14.28%;}    /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(8),
.sub-depth-1 ul li:first-child:nth-last-child(8)~li {width: 12.5%;}    /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 ul li:first-child:nth-last-child(9),
.sub-depth-1 ul li:first-child:nth-last-child(9)~li {width: 11.11%;} 
.sub-depth-1 ul li a.on{color:#fff; background: #3f87d2;}
.sub-depth-2{border-bottom:1px solid #e8e8e8;  width:100%; text-align:center; }
.sub-depth-2.fixed{position:fixed; top:100px;  text-align:center; z-index:101; background:#fff;}
.sub-depth-2 ul{margin:0 auto; width:100%; max-width:1200px; display:flex; justify-content:center; text-align:center;}
.sub-depth-2 ul li{display:inline-block;}
.sub-depth-2 ul li a{display:block; padding:14px 20px; font-weight:500; color:#222; font-size:16px}
.sub-depth-2 ul li a.on{color:#3f87d2; border-bottom:3px solid #3f87d2;}



/**************************************** sub new contents ****************************************/
.nCont img{max-width:100%; vertical-align:top;}
.nCont{ font-size:16px; word-break: keep-all;}
.nCont *{box-sizing:border-box; }
.nCont section:last-child{ }
.nCont section{padding:120px 0;}
.nCont .gray_bg{background:#f5f5f5; }
.nCont #wwb{background:url('/img/aboutus/wwb_bg2.jpg') no-repeat center center / cover; color:#fff; background-attachment: fixed;}
.nCont #wwb .subTit{color:#fff;}
.nCont #wwb .subTit strong{color:#fff;}
.nCont #wao{background:#edeff3;}
.nCont .subTit{margin:0 0 40px ; color:#3f87d2;font-size:44px;font-weight:500; line-height:1.4;text-align:left; padding-bottom:15px;}
.nCont .subTit small{font-size:.7em;  margin-left:10px;}
.nCont .subTit strong{display:block; color:#aaa; margin:10px 0; font-weight:500; font-size:16px;}
.nCont .subTit img{}
.nCont .board .subTit,
.nCont.about_ptn .subTit,
.nCont.about_wwa .subTit{font-size:36px; color:#333; text-align:center; font-weight:600;}
.nCont .board .subTit strong,
.nCont.about_ptn .subTit strong,
.nCont.about_wwa .subTit strong{color:#3f87d2;}
.nCont .rBox{display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0;}
.nCont .rBox li{   width:32%; border:1px solid #ddd; padding:50px 40px ;  background:#fff;     text-align: center;}
.nCont .rBox li strong{display:block; color:#bfd6ef; font-size:1.4em; margin:0 0 10px;}
.nCont .icoBox{display:flex; font-size:16px; flex-wrap:wrap; justify-content:space-between; margin:50px -30px;}
.nCont .icoBox li{  width:20%; padding:0 30px; border-right:1px solid rgba(255,255,255,0.3);}
.nCont .icoBox li img{width:60px;}
.nCont .icoBox li h5{font-size:18px; margin:0 0 20px; }
.nCont .purBox{margin:50px 0;}
.nCont .purBox dl{display:flex; flex-wrap:wrap; justify-content:space-between; }
.nCont .purBox dl dt{width:25%; padding:24px; text-align:center; border-top:2px solid #3f87d2; color:#3f87d2; font-size:20px; font-weight:500;}
.nCont .purBox dl:last-child dt{ }
.nCont .purBox dl dd{width:72%; padding:24px 30px; font-size:18px; border-top:1px solid #ddd;}
.nCont .purBox .strategy{display:flex; flex-wrap:wrap; justify-content:space-between; }
.nCont .purBox .strategy li{width:31%; font-size:16px }
.nCont .purBox .strategy li h5{font-size:1.1em; font-weight:500; text-align:center;  margin-bottom:15px; padding:7px; background:#3f87d2; color:#fff;}
.nCont .cubeBox{display:flex; flex-wrap:wrap; margin:50px 0  ;}
.nCont .cubeBox li{width:14.285%; background-color:#fff;  border:1px solid #ddd; margin:0 -1px -1px 0; padding:20px; font-size:15px;word-break: keep-all; line-height:1.3;   display: flex; min-height:170px;}
.nCont .cubeBox li.img{ background-size:cover; background-repeat:no-repeat; background-position:center center; border:0;}
.nCont .cubeBox li.img.img01{background-image:url('/img/aboutus/cube_img01.jpg')}
.nCont .cubeBox li.img.img02{background-image:url('/img/aboutus/cube_img02.jpg')}
.nCont .cubeBox li.img.img03{background-image:url('/img/aboutus/cube_img03.jpg')}
.nCont .cubeBox li.img.img04{background-image:url('/img/aboutus/cube_img04.jpg')}
.nCont .cubeBox li.img.img05{background-image:url('/img/aboutus/cube_img05.jpg')}
.nCont .cubeBox li.img.img06{background-image:url('/img/aboutus/cube_img06.jpg')}
.nCont .cubeBox li.img.img07{background-image:url('/img/aboutus/cube_img07.jpg')}
.nCont .cubeBox li b{color:#3f87d2; font-size:40px; margin:0 0 10px; display:block;}
.nCont .cubeBox li:nth-child(1){ align-items:end;}
.nCont .cubeBox li:nth-child(2){text-align:right;  }
.nCont .cubeBox li:nth-child(10){align-items:end; }
.nCont .cubeBox li:nth-child(11){text-align:right; align-items:start;}
.nCont .cubeBox li:nth-child(12){text-align:center; align-items:center;}
.nCont .cubeBox li:nth-child(13){text-align:right; align-items:end;}
.nCont .creBox{display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0 0;}
.nCont .creBox li{width:31%;}
.nCont .creBox li .img{position:relative; margin:0 0 20px}
.nCont .creBox li .img img{vertical-align:top; width:100%;}
.nCont .creBox li .img:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background: linear-gradient( transparent 20%, rgba(0,0,0,0.5) 80%); z-index:1;}
.nCont .creBox li h5{font-size:1.2em; padding:10px 0 20px; position:absolute; bottom:0; left:20px; color:#fff; z-index:2; width:calc(100% - 40px); border-top:1px solid rgba(255,255,255,0.3); font-weight:500}
.nCont .creBox li p{position:relative; padding:7px 0; }


/* overview */
.nCont .overCon dl{display:flex; flex-wrap:wrap; justify-content:space-between;}
.nCont .overCon dl dt{width:25%; padding:20px 0; color:#111; font-weight:500; font-size:20px;}
.nCont .overCon dl dd{width:65%; padding:20px;}
.nCont .overCon dl dd h5{font-size:1.4em; margin:20px 0;}
.nCont .overCon dl dt img{vertical-align:middle;}
.nCont .overCon dl dt i{margin-left:10px; font-size:15px; vertical-align:bottom; border: 1px solid #ddd;  padding: 10px;  background:#fff;}
.nCont .overCon dl dt i:before{transform: rotate(-45deg);display:block;}
.nCont .offerBox{display:flex; flex-wrap:wrap; margin:30px 0; }
.nCont .offerBox li{ border:1px solid #ddd; margin:0 -1px -1px 0; padding:20px; width:14.285%; background:#fff; min-height:160px; }


/* how we work */
.nCont .hwwCon,
.nCont .hwwCon *{box-sizing:border-box;}
.nCont .hwwCon{ display:flex; justify-content:space-between; margin:0 0 40px; flex-wrap:wrap;}
.nCont .hwwCon .bgImg{width:100%; height:0; padding-bottom:100%; background:#eee; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.nCont .hwwCon .lCon{width:40%;  /*position:absolute; left:0; top:120px;*/ }
.nCont .hwwCon .rCon{width:60%; padding-left:7%; padding-top:30px; }
.nCont .hwwCon .conTit h5{font-size:1.2em; margin:20px 0;}
.nCont .keyTit{font-size:20px; margin:20px 0; font-weight:600; color:#111;}
.nCont .conList{ }
.nCont .conList li{position:relative; padding:0 0 0 15px; margin:10px 0;}
.nCont .conList li:before{content:''; width:3px; height:3px; border-radius:50%; background:#aaa; position:absolute; left:0; top:9px;}
.nCont .bgImg.bg01{background-image:url('/img/product/pp_visual01.jpg')}
.nCont .bgImg.bg02{background-image:url('/img/product/pp_visual02.jpg')}
.nCont .bgImg.bg03{background-image:url('/img/product/pp_visual03.jpg');}
.nCont .bgImg.bg04{background-image:url('/img/product/pp_visual04.jpg')}
.nCont .bgImg.bg05{background-image:url('/img/product/pp_visual05.jpg'); background-position: center left 30%;}
.nCont .bgImg.bg06{background-image:url('/img/product/pp_visual06.jpg'); background-position: center left 30%;}
.nCont .bgImg.bg07{background-image:url('/img/product/pp_visual07.jpg');}


.nCont .videoCon .lCon{width:48%; }
.nCont .videoCon .rCon{width:52%}
.nCont .videoCon .videoImg{width:100%; height:0; padding-bottom:53.7%; background:#eee; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; overflow:hidden; }
.nCont .videoCon .videoImg iframe{min-width:100%; min-height:105%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}





/* product & platform */
.nCont .prdBanner{width:100%; height:360px; background:#eee; margin:100px 0; text-align:center; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.nCont .prdBanner.bg01{background-image:url('/img/product/pp_visual01.jpg')}
.nCont .prdBanner.bg02{background-image:url('/img/product/pp_visual02.jpg')}
.nCont .prdBanner.bg03{background-image:url('/img/product/pp_visual03.jpg'); background-position: top center;}
.nCont .prdBanner.bg04{background-image:url('/img/product/pp_visual04.jpg')}
.nCont .prdBanner.bg05{background-image:url('/img/product/pp_visual05.jpg')}
.nCont .prdBanner.bg06{background-image:url('/img/product/pp_visual06.jpg')}
.nCont .prdBanner.bg07{background-image:url('/img/product/pp_visual07.jpg'); background-position: top center;}
.nCont .prdBanner a{ display:flex; align-items:center;}
.nCont .prdBanner img{margin-right:10px; }
.nCont .prdValue{display:flex; justify-content:space-between; flex-wrap:wrap;}
.nCont .prdValue .valBox{width:48%; margin:15px 0; border-bottom:1px solid #ddd;}
.nCont .prdValue > div:first-child:nth-last-child(3),                      /* 메뉴가 셋 일 때, 1번 메뉴 선택 */
.nCont .prdValue > div:first-child:nth-last-child(3)~div { width: 32%; }
.nCont .prdValue .valBox h5{text-align:center; border-top:2px solid #3f87d2; border-bottom:1px solid #ddd; padding:15px; font-size:16px;  background:#f8f8f8; display:block;}
.nCont .prdValue .valBox .conList{padding:20px;}


/* Strategic Partners */
.nCont .partCon {margin:50px 0 0 ;}
.nCont .partCon dl{display:flex; justify-content:space-between; flex-wrap:wrap;}
.nCont .partCon dl dt{width:220px; padding:40px 20px; border-top:2px solid #3f87d2; font-size:22px; color:#3f87d2; font-weight:500}
.nCont .partCon dl dd{width:calc(100% - 220px); padding: 25px 0; border-top:1px solid #ddd;}
.nCont .partCon dl dd img{margin: 10px; max-width:100px; vertical-align:middle;}


/* Leadership */
.nCont .leadership{display:block; }
.nCont .leadership > div{width:100%; display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; margin:0 0 50px}
.nCont .leadership > div img{width:240px;}
.nCont .leadership > div .dot-list{width:calc(100% - 300px); margin:0;}
.nCont .leadership > div .dot-list h4{margin:20px 0; font-size:24px;}
.nCont .leadership h4 b{color:#222; position:relative; vertical-align:baseline; font-weight:500;}
.nCont .leadership h4 b:before{content:''; width:1px; height:20px; background:#222; display:inline-block; margin-right:15px; vertical-align:baseline;}
.nCont .manager:not(:last-child){margin-bottom: 120px;}
.nCont .alliances{display: flex; flex-wrap: wrap; margin:40px 0 0; }
.nCont .alliances li{ width:14.285%;   margin-bottom:2%; }
.nCont .alliances li img{max-width:150px;}
.nCont .ata{ margin:40px 0 0;}
.nCont .ata li{display:inline-block; margin-right:40px; margin-bottom:40px; border-top:1px solid #014099;  padding:10px 0; }
.nCont .ata li h3{color:#014099; font-size:24px; font-weight:600; font-family: 'Noto Sans','돋움',Dotum,helvetica,sans-serif}

@media(max-width:1024px){
	.nCont .ata{
		max-width:100%;
	}
	.nCont .ata li:last-of-type{
		margin-right:0;
	}
	.nCont .ata li:nth-of-type(3){
		margin-right:0;
	}
	.nCont .ata li h3{
		font-size:20px;
	}
}
@media(max-width:768px){
	.nCont .leadership > div{
		width:49%;
	}
	.nCont .leadership > div img{
		display:block;
		width:100%;
		margin:0 auto;
	}
	.nCont .leadership .dot-list li{
		font-size:12px;
	}
	.nCont .alliances{
		margin:20px 0 0;
	}
	.nCont .alliances li{ width:32%;}
	.nCont .alliances li img{
		width:100%;
	}
	.nCont .alliances li:nth-of-type(3n){
		margin-right:0%;
	}
}
@media(max-width:640px){
	.nCont .ata{
	}
	.nCont .ata li{
		margin-right:10px;
		margin-bottom:20px;
	}
	.nCont .ata li h3{
		font-size:16px;
	}
	.nCont .ata li p{
		font-size:13px
	}
	.nCont .leadership > div{
	}
	.nCont .alliances li{ width:49%;}
	.nCont .alliances li:nth-of-type(3n){margin-right:2%;}
	.nCont .alliances li:nth-of-type(2n){ margin-right:0%;}
}



.nCont .cont-box{width:100%; display:flex; position:relative; margin:70px 0;  justify-content: space-between;}
.nCont .cont-box:first-child{margin-top:0;}
.nCont .cont-box:last-child{margin-bottom:0;}
.nCont .cont-left{width:70%; }
.nCont .cont-right{position:absolute; right:0; top:10px; width:30%; text-align:right; padding-left:50px;}
.nCont .cont-tit{font-size:45px; color:#014099; line-height:1.3; font-weight:400;   margin-bottom:40px;}
.nCont .cont-tit:after{content:''; width:30px; height:2px; background:#014099; margin:20px 0; display:block;}
.nCont .cont-tit .more{ font-size:16px; color:#006eff; border:1px solid #006eff; display:inline-block; padding:12px 24px; border-radius:50px;  float:right; margin-top:10px; font-weight:600; transition:all ease .3s;}
.nCont .cont-tit .more i{font-style:inherit;   display: inline-block; margin-left:5px; margin-top:2px; transform: translateY(2px);}
.nCont .cont-tit .more:hover{background:#006eff;   color:#fff;}
.nCont .cont-tit2{font-size:26px; color:#014099;  margin-top:50px; font-weight:600;}
.nCont .board-tit{margin:70px auto 0; text-align:Center;}
.nCont .board-tit .cont-tit:after{margin:20px auto;}




@media (max-width:1217px){
	.nCont .cont-tit{
		font-size:30px;
	}
}

@media (max-width:640px){
	.nCont .wr{width:90%;}
	.nCont .cont-tit{
		font-size:30px;
		margin-bottom: 30px;
	}
	.nCont .cont-tit:after{
		margin:20px 0;
	}
	.nCont .cont-box{
		flex-direction:column;
		margin: 30px 0;
	}
	.nCont .cont-left{
		width:100%;
		padding-right:0;
		margin-bottom:30px;
	}
	.nCont .cont-left {
		font-size:14px;
	}
	.nCont .cont-left p br{
		display:none;
	}
	.nCont .cont-right{
		position:relative;
		width:100%;
		text-align:center;
		padding:0 40px;
		margin:0 0 30px;
	}

	.nCont .board-tit{
		margin:30px 0 0;
	}
}

.nCont .dot-list{margin:40px 0;}
.nCont .title + .dot-list{margin-top: 0;}
.nCont .dot-list > ul {margin-top: 20px; font-size: 16px;}
.nCont .dot-list li{position:relative; padding-left:10px; margin:0 0 10px; }
.nCont .dot-list li b{color:#222;} 
.nCont .dot-list p{margin:6px 0;}
.nCont .dot-list > li > p{text-indent:-7px; padding-left:7px;}
.nCont .dot-list > li > p:before{content:'-'; display:inline-block; margin-right: 5px;}
.nCont .dot-list li:after{content:''; width:3px; height:3px; background:#222; position:absolute; left:0; top:10px; border-radius:50%;}
.nCont .dot-list h2{font-weight:600; color:#222; font-size:26px; margin-bottom:20px;}
.nCont .dot-list h3{font-weight:500; color:#222; font-size:22px; margin-bottom:20px; }
.nCont .dot-list div + h3{ margin-top:60px;}
.nCont .dot-list h3:after{content:''; width:30px; height:1px; background:#222; margin:10px 0; display:block;}
.nCont .dot-list h4{color:#222; margin:20px 0 10px; font-size:1.2em; font-weight:600;}


.partner-list ul{display:flex; flex-wrap:wrap;}
.partner-list ul li{ width:24%; border:1px solid #eee; margin:0 1% 1% 0; padding:10px 0;}




.half-list > ul{display:flex;flex-wrap:wrap; justify-content:space-between; width:100%;}
.half-list > ul > li{width:49%; margin-bottom: 2%;     border: 1px solid #ddd;}
.half-list > ul > li > strong{background:#3f87d2; color: #fff; display:block; padding:10px; text-align: center;font-size:18px; font-weight: 500;}
.half-list > ul > li > div{padding:15px 30px;}
.half-list .dot-list{margin:0;  }
.half-list .dot-list > ul{margin-top: 10px;}
.half-list .dot-list > ul > li{margin-bottom: 5px;}
.half-list .dot-list > p{font-weight: 600; font-size: 1.05em;}




@media (max-width:640px){
	.nCont .dot-list{
		margin:30px 0;
	}
	.nCont .dot-list li{
		font-size:14px;
	}
	.nCont .dot-list h2{
		font-size:22px;
	}
	.nCont .dot-list h3{
		font-size:22px;
		margin-top: 30px;
	}
	.nCont .dot-list h3:after{
	}
	.nCont .dot-list h4{
		font-size:16px;
	}
	.nCont .dot-list img{
		display:block;
		margin:0 auto;
	}
	.partner-list ul li{
		width:32.333%;
	}

	.half-list > ul > li{
		width:100%;
	}
	.half-list .dot-list{
		margin:0;
	}
	.half-list > ul > li > div{
		padding:15px 20px;
	}
	.half-list > ul > li > strong{
		font-size: 16px;
	} 
}
.nCont .box-list{display: flex; justify-content: space-between;  width: 100%; margin:40px 0; flex-wrap: wrap;}
.nCont .box-list > div{background:#f8f8f8; width:32%; padding:40px 30px; margin-bottom:2%;}
.nCont .box-list h3{text-align:center; color:#3f87d2; font-size:24px; margin:0 0 20px; line-height:1.3;}
.nCont .box-list > div > strong{    display: block; text-align:center; color:#3f87d2; font-size:24px; margin:0 0 20px; line-height:1.3;}
.nCont .box-list > div > p{text-align:center; margin:-10px auto 0; max-width:260px;}
.nCont .box-list .dot-list{margin:30px 0 0;}
.nCont .box-list.line-type > div{border:1px solid #ddd; background:#fff;}
.nCont .box-list.line-type > div h3{font-size:22px;}
.nCont .secu_partner li{padding:0;background:none;display:inline-block;margin:0 7px 7px 0 }

@media (max-width:1024px){
	.nCont .box-list{
		flex-direction:column;
	}
	.nCont .box-list > div{
		width:100%;
	}
	.nCont .box-list h3{
		font-size:20px;
	}
	.nCont .box-list > div > strong{
		font-size:20px;
	}
	.nCont .box-list  p{
		text-align:center;
		word-break:break-all;
	}
    .nCont .box-list .dot-list p {
        text-align:left;
    }
}
@media (max-width:640px){
	.nCont .secu_partner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.nCont .secu_partner li{
		width:49%;
		margin: 0 0 7px;

	}
	.nCont .box-list{
		margin:30px 0;
	}
	.nCont .box-list h3{
		font-size:18px; 
	}
	.nCont .box-list > div > strong{
		font-size:18px; 
	}
	.nCont .secu_partner li img{
		width:100%;
	}
}

.nCont .tech_contents dl{margin:40px 0 0; padding-top:60px; padding-left:0;background-repeat:no-repeat;background-position:left top}
.nCont .tech_contents dl dt{color:#222; font-size:1.2em; font-weight:600;}
.nCont .tech_contents dl dd strong{color:#222; margin:0 0 10px; font-weight:400;}

@media (max-width:640px){
	.nCont .tech_contents dl{
	}
	.nCont .tech_contents dl dt{
		padding:10px 0;
	}
	.nCont .tech_contents dl strong{
	}
}

.nCont .cloud_business dl:nth-child(1){background-image:url('http://metanetglobal.com/images/sub/common/icnTech01_01_test.png')}
.nCont .cloud_business dl:nth-child(2){background-image:url('http://metanetglobal.com/images/sub/common/icnTech01_02_test.png')}
.nCont .cloud_business dl:nth-child(3){background-image:url('http://metanetglobal.com/images/sub/common/icnTech02_01.png')}
.nCont .cloud_service dl:nth-child(1){background-image:url('http://metanetglobal.com/images/sub/common/ico_tech_service01.png')}
.nCont .cloud_service dl:nth-child(2){background-image:url('http://metanetglobal.com/images/sub/common/ico_tech_service02.png')}
.nCont .cloud_service dl:nth-child(3){background-image:url('http://metanetglobal.com/images/sub/common/ico_tech_service03.png')}
.nCont .cloud_solutions dl{background-image:url('http://metanetglobal.com/images/sub/common/ico_tech_solutions01.png')}
.nCont .cloud_RPA dl{padding-left:0;background-repeat:no-repeat;background-position:left top}


.nCont .data_business{display: flex;  flex-wrap: wrap; justify-content: space-between;}
.nCont .data_business div{border:1px solid #ddd; width:32%; padding:0 30px; margin-bottom:2%;}
.nCont .data_business div:nth-child(1) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon01.png);}
.nCont .data_business div:nth-child(2) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon02.png);}
.nCont .data_business div:nth-child(3) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon03.png);}
.nCont .data_business div:nth-child(4) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon04.png);}
.nCont .data_business div:nth-child(5) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon05.png);}
.nCont .data_business div:nth-child(6) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon06.png);}
.nCont .data_business div:nth-child(7) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon07.png);}
.nCont .data_business div:nth-child(8) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon08.png);}
.nCont .data_business div:nth-child(9) dl{background-image:url(http://metanetglobal.com/images/sub/common/data-icon09.png);}

@media (max-width:1217px){
	.nCont .data_business div{
		width:49%;
		margin-right:2%;
	}
	.nCont .data_business div:nth-of-type(2n){
		margin-right:0;
	}
}
@media (max-width:640px){
	.nCont .data_business div{
		width:100%;
		margin-right:0%;
	}
}
.nCont .modern_business{display: flex;  flex-wrap: wrap; justify-content: space-between;}
.nCont .modern_business div{border:1px solid #ddd; width:24%; padding:0 30px; margin-bottom:2%;}
.nCont .modern_business div:nth-child(1) dl{background-image:url('/img/ico/modern-icon01.png');}
.nCont .modern_business div:nth-child(2) dl{background-image:url('/img/ico/modern-icon02.png');}
.nCont .modern_business div:nth-child(3) dl{background-image:url('/img/ico/modern-icon03.png');}
.nCont .modern_business div:nth-child(4) dl{background-image:url('/img/ico/modern-icon04.png');}

@media (max-width: 1024px){
	.nCont .modern_business div {
		width:49%;
		margin-right:2%;
	}
	.nCont .modern_business div:nth-of-type(2n){
		margin-right:0;
	}
}
@media (max-width: 1024px){
	.nCont .modern_business div {
		width:100%;
		margin-right:0%;
	}
	.nCont .modern_business div p {
		text-align:center;
	}
}

.nCont .data-table01-wrap{
	 width:100%; margin-top:40px; margin-bottom:10px;
}
.nCont .mo__scroll{
	display:none;
	font-size:13px;
}
.nCont .data-table01{border:1px solid #dde4e7; table-layout: fixed; width:100%;}
.nCont .data-table01 thead tr th{}
.nCont .data-table01 thead tr th div{text-align:center; margin:10px;background:#0c4da2; padding:20px 10px; color:#fff; font-size:18px; font-weight:800; line-height:1.3;}
.nCont .data-table01 tbody tr th div{border:1px solid #dde4e7; background:#f6f7f8; text-align:center; margin:10px; padding:36px 10px; vertical-align: middle;font-size:18px; color:#3f87d2}
.nCont .data-table01 tbody tr th div.type02{padding:50px 10px;}
.nCont .data-table01 tbody tr th div strong{display:block;position:relative;padding-bottom:20px; margin-bottom:20px; line-height:1.3;}
.nCont .data-table01 tbody tr th div strong:after{content:""; display:block; width:20px; height:1px; background:#3f87d2; position:absolute;bottom:0; left:50%; margin-left:-10px; }
.nCont .data-table01 tbody tr th div span{display:block;position:relative;}
.nCont .data-table01 tbody tr td{vertical-align:top;}
.nCont .data-table01 tbody tr td ul{margin:10px 0 0 20px;}

@media (max-width:768px){
	.nCont .data-table01 tbody tr th div{
		padding:20px 5px;
	}
	.nCont .data-table01 tbody tr th div strong{
		font-size:14px;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.nCont .data-table01 tbody tr th div span{
		font-size:14px;
	}
	.nCont .data-table01 thead tr th div{
		font-size:14px;
	}
	.nCont .data-table01 li{
		font-size:12px;
	}
}

@media (max-width:640px){
	.nCont .data-table01-wrap{
		overflow-x:auto;
	}
	.nCont .data-table01{
		width:100%;
		margin:0;
	}
	.nCont .mo__scroll{
		display:block;
	}
	.nCont .data-table01 thead tr th div{
		margin:0;
	}
	.nCont .data-table01 tbody tr th{
		border: 1px solid #dde4e7;
		background: #f6f7f8;
	}
	.nCont .data-table01 tbody tr th div{
		margin:0;
		border:0;
	}
	.nCont .data-table01 tbody tr td ul{
		    margin: 10px 0 10px 10px;
	}
	.nCont .data-table01 li{
		line-height:1.2;
	}
}

.nCont .link-btn{display:inline-block; margin:30px 0 0 0; width:auto; height:46px;line-height:44px; border:1px solid #111; border-radius:46px;padding:0 55px 0 30px;color:#111;font-size:16px; position:relative; }
.nCont .link-btn sup{line-height:3;}
.nCont .link-btn:after{position:absolute; display:block; content:""; width:23px; height:9px; background:url(http://metanetglobal.com/images/main/main_link_arrow.png) no-repeat; right:20px; top:18px; }
.go-site { margin-bottom:20px;}
.go-site a{display:inline-block;  background:#014099; padding:10px 20px; color:#fff;}
.go-site a i{margin-left:5px; }

@media (max-width:640px){
	.nCont .link-btn{
		font-size:13px;
	}
}

.nCont .saas-list{clear:both;margin-top:60px;margin-bottom:55px; overflow:hidden;}
.nCont .saas-list dt{float:left;width:180px;padding-top:20px;}
.nCont .saas-list dd{margin-left:205px;font-size:16px; color:#333; font-weight:400;}
.nCont .saas-list dd ul{margin-top:20px!important;font-size:inherit}
.nCont .saas_vis img{max-width:100%;}
.img_pc{}
.img_mo{display:none;}

@media (max-width:640px){
	.nCont .saas-list{
		display:flex;
		flex-direction:column;
		border:1px solid #ddd;
		padding:1rem;
		margin: 10px 0;
	}
	.nCont .saas-list dt{
		width:100%;
		margin-bottom:20px;
	}
	.nCont .saas-list dd{
		width:100%;
		margin-left:0;
		font-size:14px;
	}
	.nCont .saas-list dd ul{
		text-align:left;
	}
	.img_pc{display:none !important;}
	.img_mo{display:block !important; margin:0 auto;}
}


/* Contact Us */
.nCont .mapWrap {position:relative ; }
.nCont .mapWrap > iframe {width: 1200px; height: 450px; border: 0;}
.nCont .mapWrap  .con-tit br{ display:none}
.nCont .mapWrap .address{margin-top:20px; margin-bottom:5px; font-size:1.1em; padding-left:28px; position:relative; color:#111;}
.nCont .mapWrap .address::before{content:''; width:15px; height:20px; background:url('/img/ico/icon_contact03.png') no-repeat center center / cover; position:absolute; left:1.5px; top:3px;     filter: invert(1); }
.nCont .mapWrap .email{ padding-left:28px; font-size:1.1em; position:relative; color:#111; margin-bottom:20px;}
.nCont .mapWrap .email::before{content:''; width:18px; height:12px; background:url('/img/ico/icon_contact02.png') no-repeat center center / cover; position:absolute; left:0; top:8px;     filter: invert(1);}
.nCont .mapWrap ul{ display:flex; flex-wrap:wrap;}
.nCont .mapWrap ul li{margin:3px 0;}
.nCont .mapWrap ul li+li{position:relative; margin-left:10px;padding-left:10px;}
.nCont .mapWrap ul li+li:after{content:''; width:1px; height:12px; background:#aaa; position:absolute; left:0; top:6px;}
.nCont .mapWrap .location {position:absolute;bottom:20px;right:0;width:350px;min-height:243px;padding:36px 40px 23px;background-color:#017dc5;color:#fff;box-sizing:border-box;}
.nCont .mapWrap .location h5 {padding-bottom:13px;margin-bottom:20px;background:url('/img/ico/icon_titleBar03.gif') no-repeat 0 100%; font-size:18px;font-weight:bold;}
.nCont .mapWrap .location h5 img.mcc_logo{width:112px;}
.nCont .mapWrap .location h5 span{display:block;margin-top:5px;font-weight: normal;font-size:14px;}
.nCont .mapWrap .location p {margin-bottom:13px;padding-left:30px;background:url('/img/ico/icon_contact03.png') no-repeat 0 5px;font-size:16px;}
.nCont .mapWrap .location h5 p.sub_txt01{margin-bottom:0; font-size:1em; font-family: 'Noto Sans','돋움',Dotum,helvetica,sans-serif}
.nCont .mapWrap .location p.sub_txt01{background:none;padding-left:0;}
.nCont .mapWrap .location p.tel {background-image:url('/img/ico/icon_contact01.png');}
.nCont .mapWrap .location p.mail {background-image:url('/img/ico/icon_contact02.png');}
.nCont .mapWrap .location p.tel a,
.nCont .mapWrap .location p.mail a {color:#fff;text-decoration:underline;}

@media(max-width:768px){
	.nCont .mapWrap{
	}
	.nCont .map-tit br{ display:block !important}
	.nCont .mapWrap .location{
		position:static;
		width:100%;
		padding:20px;
	}
	.nCont .mapWrap ul li+li{padding-left:0; margin-left:0;}
	.nCont .mapWrap ul li+li:after{display:none;}
}

@media(max-width:640px){
	.nCont .mapWrap > iframe{
		height:300px;
	}
	.nCont .mapWrap .location p{
		font-size:14px;
		margin-bottom:0;
		padding-bottom:13px;
		background-size:15px;
	}
}



/* 개인정보처리방침 */
.privacy { font-weight:400;}
.privacy .wrap_agree h2{font-size:16px;margin:30px 0 10px 0; font-weight:800; color:#333;}
.privacy .wrap_agree > ol > li{margin: 20px 0}
.privacy .wrap_agree li{margin: 5px 0; padding-left:19px;text-indent:-19px}
.privacy .wrap_agree li p{text-indent:0px}
.privacy .wrap_agree dl{margin-top:5px}
.privacy .wrap_agree .head{background-color:#f4f4f4;border:solid 1px #f0f0f0;padding:15px; }
.privacy .wrap_agree .head b{color:#333; font-weight:500;}
.privacy table {width:100%; margin:10px 0 20px; font-size:14px;}
.privacy table td{padding:10px; border:1px solid #ddd; text-align:center; }
.privacy table th{padding:10px; border:1px solid #ddd; text-align:center; background:#f8f8f8}


@media screen and (max-width:768px){

	.privacy table {font-size:10px; margin:10px 0 20px -20px;}
	.privacy table td{padding:5px;}
	.privacy table th{padding:5px;}
}



.nCont .svcWrap dt{font-weight:500;}

.nCont .imgCont{text-align:center; margin:40px auto ;}
.nCont p.colorTit {font-size:18px;color:#3f87d2; font-weight:600; margin-top:30px; margin-bottom:5px;}


.nCont ul.referList {overflow:hidden;}
.nCont ul.referList li {float:left;width:50%;padding-right:50px;box-sizing:border-box;}
.nCont ul.referList li:nth-child(2n) { float:right;}
.nCont dl {margin-top: 20px;}
.nCont dd strong + ul {margin-top: 5px;}
.nCont .railList {overflow:hidden;margin:50px 0; display:flex;}
.nCont .railList dl { width:360px;width:calc((100% - 40px) / 3);height:auto;margin-left:20px;margin-top:0;padding:35px  ;background-color:#f6f6f6;box-sizing:border-box;}
.nCont .railList dl dt {margin-bottom:14px;padding-top:53px;text-align:center;}
.nCont .railList dl:first-child {margin-left:0;}
.nCont .railList dl:first-child dt {background:url('/img/ico/icon_rail01.gif') no-repeat 50% 0;}
.nCont .railList dl:first-child + dl dt {background:url('/img/ico/icon_rail02.gif') no-repeat 50% 0;}
.nCont .railList dl:first-child + dl + dl dt {background:url('/img/ico/icon_rail03.gif') no-repeat 50% 0;}
.nCont .railList dl dd {text-align:center;}
.nCont .railList dl dd ul {display:inline-block;}
.nCont .railList dl dd ul li {text-align:left;}

.nCont .railList.new_rail_icon dl dt {padding-top:65px;}
.nCont .railList.new_rail_icon dl:first-child dt {background:url('/img/about/metanetdigital/icon_rail_new01.png') no-repeat 50% 0; background-size:42px;}
.nCont .railList.new_rail_icon dl:first-child + dl dt {background:url('/img/about/metanetdigital/icon_rail_new02.png') no-repeat 50% 0; background-size:42px;}
.nCont .railList.new_rail_icon dl:first-child + dl + dl dt {background:url('/img/about/metanetdigital/icon_rail_new03.png') no-repeat 50% 0; background-size:42px;}

.nCont .railList.new_svc_icon dl:first-child dt {background:url('/img/about/metanetdigital/icon_svc_new01.png') no-repeat 50% 0; background-size:48px;}
.nCont .railList.new_svc_icon dl:first-child + dl dt {background:url('/img/about/metanetdigital/icon_svc_new02.png') no-repeat 50% 0; background-size:48px;}
.nCont .railList.new_svc_icon dl:first-child + dl + dl dt {background:url('/img/about/metanetdigital/icon_svc_new03.png') no-repeat 50% 0; background-size:48px;}

/* table */
.nCont table {border-collapse:collapse;border-spacing:0;}
.nCont .tblType01 {width:100%;border-top:1px solid #dddddd;}
.nCont .tblType01 th, .nCont .tblType01 td {text-align:center;font-size:16px;}
.nCont .tblType01 th {padding:9px 5px 11px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;background-color:#eeeeee;}
.nCont .tblType01 td {padding:10px 10px 11px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;}
.nCont .tblType01 th:first-child, .nCont .tblType01 td:first-child {border-left:0;}  
.nCont .tblType02 {width:100%;border-top:1px solid #dddddd;}
.nCont .tblType02 th, .nCont .tblType02 td { font-size:16px;}
.nCont .tblType02 th {padding:10px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;background-color:#f8f8f8; text-align: center; width:150px;}
.nCont .tblType02 td {padding:15px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;}
.nCont .tblType02 td strong{font-weight: 600; font-size: 1.05em;}
.nCont .tblType02 td strong + p{margin-top: 5px;}
.nCont .tblType02 td p{text-indent:-7px; padding-left: 7px;}
.nCont .tblType02 th:first-child, .nCont .tblType01 td:first-child {border-left:0;} 



.nCont .history > .inner{padding-bottom:30px;}
.nCont .fp-list{margin-top:50px;}
.nCont .fp-list *{box-sizing:border-box; vertical-align:top;}
.nCont .fp-list:before, .fp-list:after{content:'';display:table;}
.nCont .fp-list:after{clear:both;}
.nCont .fp-list{font-size:0;}
.nCont .fp-list .fp-list-item{position: relative;padding:0 30px 75px;width:325px;display:inline-block}
.nCont .fp-list .fp-list-item:before{content:'';position: absolute;left:0;top:7.5px;width:100%;height:1px;background:#ccc;}
.nCont .fp-list .fp-list-item:after{content:'';position: absolute;left:0;top:0;width:16px;height:16px;background:#fff;border:2px solid #014099;border-radius: 50%;box-sizing: border-box;}
.nCont .fp-list .fp-list-item .year{font-size:40px;font-weight:500;color:#333;position: relative;padding-top:75px; display:block;}
.nCont .fp-list .fp-list-item .year:before{content:'';position: absolute;left:-22px;top:0;width:1px;height:100%;background:#014099;}
.nCont .fp-list .fp-list-item .acv-list li{font-size:16px;position: relative;padding-left:15px;line-height: 2.188;}
.nCont .fp-list .fp-list-item .acv-list li:before{content:'';position: absolute;left:0;top:15.5px;width:4px;height:4px;background:#014099;}
.nCont .fp-list .acv-list{max-height:240px; overflow-y:auto; font-family: 'Noto Sans','돋움',Dotum,helvetica,sans-serif;}
.nCont .fp-list .acv-list::-webkit-scrollbar {
    width: 6px;cursor:pointer;
  }
.nCont .fp-list .acv-list::-webkit-scrollbar-thumb {
    background-color: #999;cursor:pointer;
    border-radius: 6px;
  }
.nCont .fp-list .acv-list::-webkit-scrollbar-track {
    background-color: #ddd;cursor:pointer;
    border-radius: 6px;
  }
.nCont .mCSB_scrollTools.mCSB_scrollTools_horizontal{max-width:100%;}
.nCont .mCSB_scrollTools .mCSB_dragger{width:25.78125%!important;}
.nCont .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 4px;margin: 6px 0;border-radius: 0;background:#ddd;}
.nCont .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background:#999;border-radius: 0;}



.nCont .svcList {overflow:hidden; flex-wrap:wrap; display:flex;}
.nCont .svcList dl { width:33.33%;width:calc(100% / 3); padding-left:60px;background:url('/img/ico/icon_itSvc01.gif') no-repeat 0 0;box-sizing:border-box;}
.nCont .svcList dl.svc02 {background-image:url('/img/ico/icon_itSvc02.gif');}
.nCont .svcList dl.svc03 {background-image:url('/img/ico/icon_itSvc03.gif');}
.nCont .svcList dl.svc04 {background-image:url('/img/ico/icon_itSvc04.gif');}
.nCont .svcList dl.svc05 {background-image:url('/img/ico/icon_itSvc05.gif');}
.nCont .svcList dl dt {margin-bottom:10px;font-size:20px;font-weight:bold;font-family:'나눔스퀘어',NanumSquare !important;}
.nCont .svcList dl dd {font-size:16px;}
.nCont .svcList dl dd ul li {padding-left:10px;background:url('/img/bu/bul_dot01.gif') no-repeat 0 9px;}


.nCont .nodeWrap {display:flex; flex-wrap:wrap;}
.nCont .nodeWrap dl {float:left;width:24.25%; margin-bottom:1%;margin-right:1%;padding:0 20px 30px;background-color:#f6f6f6;}
.nCont .nodeWrap p{width:100%;}
.nCont .nodeWrap dl.type02 {height:160px;}
.nCont .nodeWrap dl:last-of-type{margin-right:0;}
.nCont .nodeWrap dl dt {margin-top:26px;font-size:16.5px;text-align:center;line-height:1.3;}
.nCont .nodeWrap dl dt strong {display:block;font-size:26px;color:#3f87d2; margin-bottom:5px}
.nCont .nodeWrap dl dt + dd {margin-top:16.5px;text-align:center; font-weight:bold; font-size:17px;}
.nCont .nodeWrap dl dd {}
.nCont .nodeWrap dl dd img {text-align:center;}
.nCont .nodeWrap dl dd ul {margin-top:10px}
.nCont .nodeWrap dl dd ul li {margin-bottom:5px;line-height:1.35;}


.nCont .imgTit {margin:25px 0 10px;}
.nCont .imgTit img {width:120px;}




/* ===== [LIM 추가수정] ===== */
#wrap section.section1 .main-visual .slide_contents .slide-title { margin-bottom:50px; letter-spacing:0.5px; font-weight:300; font-family:'Pretendard','Noto Sans','돋움',Dotum,helvetica,sans-serif;}
#wrap section.section1 .slide_contents .slide-notice { letter-spacing:-0.4px; font-weight:500; font-family:'Pretendard','Noto Sans','돋움',Dotum,helvetica,sans-serif}
/*
#wrap section.section1 .slide_contents a.slide-link { display:inline-block; z-index:2; padding:0 70px 0 20px; width:auto; border:0;}
#wrap section.section1 .slide_contents a.slide-link:after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 50px; height: 50px; background: url(../img/main/go_btn.png) no-repeat center; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#wrap section.section1 .slide_contents a.slide-link:before { content: ""; display: block; position: absolute; right: 0; top: 50%; z-index:-1; width: 50px; height: 50px; border-radius: 50px; background:rgba(12,62,173,0.5); -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: width 0.3s; transition: width 0.3s;}
#wrap section.section1 .slide_contents a.slide-link:hover:before { width:100%;}
*/
#wrap section.section2 > .inner,
#wrap section.section3 > .inner,
#wrap section.section4 > .inner { display:flex; flex-direction:column; justify-content:center;}
#wrap section.section2 > .inner .tit,
#wrap section.section3 > .inner .tit,
#wrap section.section4 .inner .tit { margin:0;}
#wrap section.section2 > .inner .tit { letter-spacing:0.5px; font-weight:300; font-family:'Pretendard','Noto Sans','돋움',Dotum,helvetica,sans-serif;;}
#wrap section.section3 { background:url(../img/main/img_main_vis03_re.jpg) no-repeat center; background-size:cover;}
#wrap section.section3 > .inner { text-align:left;}
#wrap section.section3 > .inner .tit { letter-spacing:0.5px; font-weight:300; font-family:'Pretendard','Noto Sans','돋움',Dotum,helvetica,sans-serif; text-align:left;}
#wrap section.section3 ul { justify-content:flex-start; margin:70px 0 0 -80px; width:1200px;}
#wrap section.section3 ul li { float:none; display:flex; justify-content:flex-start; align-items:flex-end; margin:0 0 45px 80px; width:auto; height:auto !important;}
#wrap section.section3 ul li .upper-area { visibility:hidden; left:50% !important; top:-150px !important; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#wrap section.section3 ul li.active .upper-area { visibility:visible;}
#wrap section.section3 ul li > .meta-logo img { margin:0 !important;}
#wrap section.section3 ul li > .meta-logo.top5 {top:5px;}
#wrap section.section3 ul li > .meta-logo.top12 {top:12px;}
#wrap section.section4 > .inner .tit { letter-spacing:0.5px; font-weight:300; font-family:'Pretendard','Noto Sans','돋움',Dotum,helvetica,sans-serif;;}

.main .goTop { opacity: 0; visibility: hidden; position: fixed; top: auto; bottom: 30px; right: 30px; z-index: 10; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main .goTop.active { opacity: 1; visibility: visible;}

.goTop .sns-link { margin-bottom:10px; text-align:center;}
.goTop .sns-link a { display:inline-block; font-size:18px; color:#333; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; background: #eee; vertical-align:middle;}
.goTop .sns-link i {vertical-align:middle; margin-top:-3px;}

.login-wrap { padding:100px 0;}
.nCont.about_wwa .icoBox { margin-top:100px;}
.nCont .rBox_new { display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0;}
.nCont .rBox_new li{ padding:50px 20px; width:31%; border-top:2px solid #034ea2; text-align: center;}





/**************************************** renewal ****************************************/

/* contents title */
.nCont .title{margin:40px 0 20px;}
.nCont .title h2{font-weight:600; color:#222; font-size:26px; margin-bottom:20px;}
.nCont .title h3{font-weight:500; color:#222; font-size:22px; margin-bottom:20px; }
.nCont .title div + h3{ margin-top:60px;}
.nCont .title h3:after{content:''; width:30px; height:1px; background:#222; margin:10px 0; display:block;}
.nCont .title h4{color:#222; margin:20px 0 10px; font-size:1.2em; font-weight:600;}




@media (max-width:640px){
	.nCont .title{
		margin:30px 0 20px;
	} 
	.nCont .title h2{
		font-size:22px;
		margin-bottom: 10px;
	}
	.nCont .title h3{
		font-size:20px;
		margin-top: 30px;
	}
	.nCont .title h3:after{
	}  
}



/* company */
.company .keyTit{  color:#006eff; font-size:22px;  font-weight:600;   margin-top:50px;}


/* services */
.services .conTop {margin:0 0 50px;}
.services .conTop h3{color:#111; font-weight:bold;     font-size: 44px; margin:0 0 20px;}
.services .conBox{display:flex; flex-wrap:wrap;}
.services .conBox li{width:32%; margin-right:2%; margin-bottom:2%;  border:1px solid #ddd; transition:all ease .3s; position:relative; }
.services .conBox li a{display:block;  padding:40px 40px 80px;  transition:all ease .3s;}
.services .conBox li:nth-child(3n){margin-right:0;}
.services .conBox li h4{font-size:20px;  margin-bottom:10px;}
.services .conBox li .arr{position:absolute; width:37px; height:23px; right:40px; bottom:40px; background:url('/img/arr_right.png') no-repeat center center / cover; transition:all ease .3s;}
.services .conBox li:hover{background:#006eff; border-color:#006eff; }
.services .conBox li:hover a{ color:#fff;}
.services .conBox li:hover .arr{filter: brightness(0) invert(1);}



/* 공통 banner */
.contactBn{width:100%; padding:80px 20px; text-align:center; background:url('/img/contact_bn.jpg') no-repeat center center / cover; border-radius:20px; }
.contactBn p{font-size:36px;  color:#fff; font-weight:600;}
.contactBn a{border:1px solid rgba(255,255,255,0.2);  color:#fff;margin-top:20px; padding:12px 40px; display:inline-block; border-radius:50px; transition:all ease .3s;}
.contactBn a:hover{border-color:#fff; background:#fff; color:#1a2d49;}



/* platform */
.platform section:not(.gray_bg):first-child{padding-bottom:0;}
.platform .btn {text-align:center; margin-top:30px;}
.platform .btn a{border:1px solid #006eff; color:#006eff; padding:14px 30px; display:inline-block; background:#fff; transition:all ease .3s; border-radius:50px; }
.platform .btn a:hover{background:#006eff; color:#fff;}
.platform .subTit{ text-align:center;  margin:0 0 40px;}
.platform .subTit h2{font-size:36px; color:#111; font-weight:600;  }
.platform .subTit h1{font-size:36px; color:#111; font-weight:600;  }
.platform .subTit p{font-size:18px; color:#111; font-weight:400; padding:20px 0 0;} 


.platform{overflow:hidden;}
.platform section:has(.platValueSection){padding-bottom: 0;}
.inner:has(.platValueSection){overflow: inherit;} 
.platValueSection li{font-size:20px; display:flex; align-items:center; padding:80px 0; position:relative; gap:6%;}
.platValueSection li:nth-child(2n){flex-direction: row-reverse;}
.platValueSection li:nth-child(2n) .txt{text-align:right;}
.platValueSection li:nth-child(2n+1):before{content:''; width:200%; height:100%;position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1; background: #f5f5f5; } 
.platValueSection li b{color:#006eff; font-weight: 600;}
.platValueSection li .thumb{width:34%; }
.platValueSection li .txt{width:60%;  }
.platValueSection li h3{font-size: 1.8rem; margin-bottom: 20px;}
.platValueSection li .txt p{font-size: 18px;}

.platTech{ display:flex;  align-items:flex-start; gap:30px;}
.platTech ul{ }
.platTech li{ font-size:18px; display:flex; position:relative; background: #f5f5f5;}
.platTech li + li{margin-top: 30px;}
.platTech li > img{display:block; width:160px;} 
.platTech li .txt{padding:30px;}
.platTech li .txt h3{ margin-bottom: 10px;}
.platTech li .txt p{font-size: 16px;}

.platService{display:flex;   align-items:center;  padding-bottom: 10px;  }
.platService .svc-list{width:500px;   background: #fff; border-radius:20px; border:1px solid #006eff;     box-shadow: 0 0 10px rgb(0 110 255 / 20%); padding:10px;}
.platService .svc-list > ul{padding:24px;   max-height:600px; height:100%; overflow-y: auto; }
.platService .svc-list > ul > li .tag{display:flex; flex-wrap:wrap; gap:2px;  margin:5px 0 10px;}
.platService .svc-list > ul > li .tag span{border:1px solid #ddd; display:inline-block; padding:3px 10px; font-size: 13px; border-radius:50px;}
.platService .svc-list > ul > li + li{padding-top: 24px; margin-top: 24px; border-top:1px dotted #aaa;}
.platService .svc-list > ul > li h3{ display:block; margin-bottom: 10px;     color: #006eff; font-size: 1.3rem;}
.platService .svc-list > ul > li p{margin-top: 5px;}
.trapezoid {width: 100px;height: 610px;background: linear-gradient(to right, transparent, rgb(0 110 255 / 30%)); clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%); z-index: -1;margin-right: -10px;} 


.prd_table{display:flex; background: #fff;  text-align: center;  border:1px solid #b8d0e5;} 
.prd_table + .prd_table{ border-top:0; }
.prd_table .thead{width: 10%; font-size: 18px;} 
.prd_table .tbody{width:90%;}
.prd_table .tbody > ul{display:flex; width: 100%;}
.prd_table .tbody > ul > li{width: 20%; border-left:1px solid #b8d0e5;} 
.prd_table .thead > div,
.prd_table .tbody > ul > li > div{padding:20px 10px;  border-top:1px solid #b8d0e5; min-height:110px;  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.prd_table .thead > div:first-child,
.prd_table .tbody > ul > li > div.name{font-weight: 600; font-size: 18px; background: #f4fafe;   line-height: 1.2; border-top:0;}
.prd_table .tbody > ul > li.active .name{background: #006eff; color: #fff;}
.prd_table .tbody > ul > li.active{border:2px solid #006eff;}
.prd_table .tbody > ul > li .btn{display:block; background: #006eff; color: #fff; padding:6px 12px; font-size: 14px;border-radius:4px; margin-top: 10px;}
.prd_table .tbody > ul > li .btn i{font-style:inherit;   display: inline-block; margin-left:5px; margin-top:2px; transform: translateY(2px);}


.platCon{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.platCon > div{width:47%;} 
.platCon > .rCon{position:relative;}
.platCon .certifi_mark{width:80px; height:55px; background: url('/img/product/certifi_mark.png') no-repeat center center / contain; position:absolute; right:20px; top:20px;}
.platCon .videoImg{position:relative; width:100%; padding-bottom:53%; height:0;}
.platCon .videoImg iframe{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}  
.platCon .conTit h3{font-size:45px; color:#111;}
.platCon .conTit h4{font-size:20px; color:#aaa; font-weight:500; margin-top:10px;} 
.platCon .conTit h4::after{content:''; width:40px; height:1px; background:#111; display:block; margin:24px 0;}
.platCon .conTit p{font-size:18px;}
.platCon .conTit .more{ font-size:16px; color:#fff; background:#9b8dff;  display:inline-block; padding:12px 28px; border-radius:50px;  margin-top:40px; font-weight:550; transition:all ease .3s;}
.platCon .conTit .more i{font-style:inherit;   display: inline-block; margin-left:5px; margin-top:2px; transform: translateY(2px);} 

.platValue{display:flex; flex-wrap:wrap; justify-content:space-between;}
.platValue .list{width:47%;  }
.platValue .list li{font-size:18px; border-bottom:1px solid #ddd; padding:18px 20px;}
.platValue .list li:first-child{ border-top:2px solid #111;}
.platValue .list li b{color:#006eff;} 
.platValue .list:only-child{width:100%; display:flex;  flex-wrap:wrap;  } 
.platValue .list:only-child li{ position:relative;border:1px solid #ddd; width:31.33%; margin-right:2%; margin-bottom:2%;padding:80px 30px 70px; min-height:220px; }
.platValue .list:only-child li:nth-child(3n){margin-right:0;}
.platValue .list:only-child li::before{content:"\e928";  font-family: xeicon!important; font-size:20px; font-weight:bold;  position:absolute; left:30px; top:35px;    color:#006eff; background: #f3f3f3;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.platValue .list dl{margin:0;}
.platValue .list dl dt{color:#006eff; font-weight:600; margin-bottom:10px;}
.platValue .list dl dd{font-size:.9em;   padding-left:14px; position:relative;}
.platValue .list dl dd::before{content:'-'; position:absolute; left:0; top:0;color:#aaa;} 
.platValue .img{width:48%; text-align:right;}

.platNeeds{display:flex; flex-wrap:wrap;}
.platNeeds h3{color:#006eff; margin-bottom:20px; text-align:center;  }
.platNeeds h3 small{color:#999; display:block; font-weight:500;}
.platNeeds p{margin:10px 0; font-size:17px;}
.platform .gray_bg .platNeeds li{background:#fff;}
.platNeeds li{width:32%; margin-right:2%; margin-bottom:2%; background:#f8f8f8; min-height:240px; padding:40px 40px 60px; font-size:18px;}
.platNeeds li:nth-child(3n){margin-right:0;} 
 

.platNeeds li strong{display:block; font-size:36px; color:#ccc; margin-bottom:10px;}
.platNeeds li b{color:#006eff;}

.platRef{  padding:50px 0; border-top:2px solid #111; background:#fff; }
.platRef p{text-align:center;}
.platRef{display:flex; flex-wrap:wrap;  }
.platRef li{width:20%; text-align:center;  padding:10px 0; display:flex; justify-content:center; align-items:center;  position:relative;}
.platRef li img{ max-width:200px; } 

.modCon{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.modCon dl{width:32%; margin-bottom:2%; background:#fff; margin-top:0;border:1px solid #eee;}
.modCon dl.colorchip{background:transparent; padding:30px; border:0;}
.modCon dl.colorchip ul li{margin:10px 0; font-size:1.1rem;  text-indent: -30px;   padding-left: 30px;}
.modCon dl.colorchip ul li::before{content:''; width:20px; height:20px; vertical-align:middle; background:#7169b1; margin-right:10px; display:inline-block;}
.modCon dl.colorchip ul li:nth-child(2)::before{background:#52b947;}
.modCon dl.colorchip ul li:nth-child(3)::before{background:#f4d221;}
.modCon dl dt{text-align:center; padding:10px; font-size:1.1rem; background:#7169b1; color:#fff; } 
.modCon dl:nth-child(n+7):nth-child(-n+9) dt{background:#52b947;}
.modCon dl:nth-child(n+11) dt{background:#f4d221; color:#000;}
.modCon dl dd{ padding:24px;}
.modCon dl dd p{position:relative; padding-left:10px; margin:10px 0; font-size:16px;}
.modCon dl dd p::before{content:''; width:3px; height:3px; background:#000; border-radius:50%; position:absolute; left:0; top:10px;}


/**************************************** mobile ****************************************/
@media screen and (max-width:1640px){
    #wrapper { overflow:hidden;}
	body { min-width:auto !important;}

	.main .scroll-downs { bottom:20px;}
	.main #wrap section { min-height:767px;}
	.main #wrap section.section3 ul li .upper-area { left:0 !important; top:-150px !important; -webkit-transform:translateX(0); transform:translateX(0);}
	.main #wrap section.sectionFooter { min-height:auto !important;}

	/*
	.main .upper-link { display:none;}
	#wrap section.section3 > .inner .tit,
	#wrap section.section4 .inner .tit {margin:20vh 0 0;}
	*/
}
@media screen and (max-width:1240px){
	.nav{display:none;}
	.sec-header{background:#fff; height:100px; box-shadow:2px 2px 5px rgba(0,0,0,0.05);}
	.sec-header .logo{  left:20px;  background-image:url(/img/common/logo.svg);  top:15px;}
	.btn-category, .btn-category.map{right:20px;}
	.sec-header .btn-search{    top: 24px; right:180px; filter: brightness(0) invert(0);}
	.search_box{top:70px; height:140px;}
	.search_box .btn-close{right:10px;}
	.search_box .sch_box .input{font-size:16px;     height: 53px;  line-height: 53px;}
	.search_box .sch_box .sch{top:12px; right:20px;}
	.lang{right:90px; top:34px;}
	.lang a{font-size:18px;}
	.sec-header .nav:after{display:none;}
	.sec-header .nav > li > a{color:#333;}
	.btn-category .bar{background:#000;}
	.sec-header .lang a{color:#333;}
	.sec-header .lang a.active:before{ background:#333;}
	.sec-header:before{display:none;}
    .main .goTop { right:12px;}
    .sub .goTop { right:12px; }

	#sitemap{  background:rgba(0,0,0,0.5); }
	#sitemap > ul{max-width:500px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%; display:block;}
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li > a{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:10px 0; margin:0; border-bottom: 1px solid #ddd;}
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li p{background:url('/img/mobile/sel-arr.png') no-repeat center right; }
	#sitemap > ul > li > ul > li > p > a{display:block; background: #fff;}
	#sitemap > ul > li{padding:0;}
	#sitemap{top:100px; height: calc(100% - 100px);}

	.main .scroll-downs { display:none !important;}
	.main #wrap section { overflow:hidden; min-height:auto !important; height:auto !important;}
	.main #wrap section > .inner { padding:150px 0 !important; width:90% !important;}
	.main #wrap section > .inner .tit { margin:0 !important; font-size:42px !important;}
	.main #wrap section.section1 { height:100vh !important;}
	.main #wrap section.section1 > .inner { padding:0 !important;}
	.main #wrap section.section1 .main-visual { display:flex; align-items:center; min-height:auto;}
	.main #wrap section.section1 .main-visual .slide_contents { margin-top:0; width:90%;}
	.main #wrap section.section1 .main-visual .slide_contents .slide-title { font-size:50px;}
	.main #wrap section.section2 ul { width:100%;}
	.main #wrap section.section2 ul li { margin-right:2%; width:31.3333%; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.main #wrap section.section2 ul li .upper-area span br { display:none;}
	.main #wrap section.section2 ul li .upper-area strong { font-size:32px;}
	.main #wrap section.section2 ul li .upper-area span { font-size:15px; line-height:1.6;}
	.main .upper-link { margin-left:-20px; width:40px; height:40px; background-size:100%;}
	.main #wrap section.section3 ul { width:100%; margin:50px 0 0 -6%;}
	.main #wrap section.section3 ul li { position:static; margin:0 0 45px 6%;}
	.main #wrap section.section3 ul li .upper-area { left:50% !important; top:50% !important; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	.main #wrap section.section3 ul li:nth-child(4) > .meta-logo img { margin-top:0;}
	.main #wrap section.section4 .wrap_rss_main li { margin-right:2%; width:31.3333%; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.main #wrap section.sectionFooter { height:auto !important;}

	.sub #wrap section { min-width:auto;}
	.sub #wrap section > .inner { padding-left:20px; padding-right:20px;  width:100%;}
	.sub .nCont .alliances { margin-left:-2%;}
	.sub .nCont .alliances li { margin:2% 0 0 2% !important; width:14.666667% !important;}
	.sub .nCont .alliances li img { max-width:100%;}
	.sub .nCont .mapWrap > iframe { width:100%;}
	.sub .nCont .railList { flex-wrap:wrap;}
	.sub .nCont .railList dl { float:none; margin:20px 0 0; width:100%;}
	.sub .nCont .railList dl:first-child { margin-top:0;}
	.sub .svcWrap { margin:0 0 0 -4%;}
	.sub .svcWrap dl { margin:0; margin-top:35px; margin-left:4%; width:29.3333%;}
	.sub .nCont .svcList dl { width:calc(100% / 2);}
	.sub .nCont .nCont .nodeWrap { margin-left:-1%;}
	.sub .nCont .nodeWrap dl { margin:1% 0 0 1%; width:49%;}
	.nCont .board .subTit,
	.sub .nCont.about_ptn .subTit,
	.sub .nCont.about_wwa .subTit { font-size:30px;} 
	.nCont .board .subTit br,
	.sub .nCont.about_ptn .subTit br,
	.sub .nCont.about_wwa .subTit br { display:none;}
    .sub .nCont .hwwCon .rCon { padding-top:0;}
	.sub .nCont .rBox li { padding:50px 20px;}
	.sub .nCont .icoBox li { padding:0 20px;}
	.sub .nCont .cubeBox li { width:20%;}
	.sub .nCont .cubeBox li:last-child { width:40%;}
    .sub .tabType { padding:0 20px;}
	.sub .tabType ul { display:flex; justify-content:center; align-items:center; padding:0; width:100%;}
    .sub .tabType ul li { margin:0 5px;}
	.sub .tabType ul li a { padding:15px 0;}
	.sub section .hType01,
	.sub .hType02 { font-size:35px;}
	.sub .nCont .rBox_new li br { display:none;}

	.sub .sub-depth-1 { height:60px;}
	.sub .sub-depth-1 ul { height:100%;}
	.sub .sub-depth-1 ul li { height:100%;}
	.sub .sub-depth-1 ul li a { display:flex; justify-content:center; align-items:center; height:100%; font-size:15px; line-height:1.3; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.sub .sub-depth-2 { height:60px;}
	.sub .sub-depth-2 ul { height:100%;}
	.sub .sub-depth-2 ul li a { display:flex; justify-content:center; align-items:center; height:100%; font-size:15px; line-height:1.3; -webkit-box-sizing:border-box; box-sizing:border-box;}
 
	.footerSns { float:none; margin-top:20px;}
	.footerSns a:first-child { margin-left:0;}
	.quickMenu{opacity:1; bottom:0; right:5%; }
	.quickMenu .snsQuick{width:50px; padding:20px 0;}
	.quickMenu .snsQuick ul li a{padding:5px; font-size:16px;}
	.quickMenu .quickQa a{width:50px; height:50px; font-size:14px;}
	.quickMenu .quickTop a{width:50px; height:50px; font-size:20px;}
}
@media screen and (max-width:768px){
	.sec-header { height:70px !important; }
	.sec-header .logo { top:13px; width:110px; height:39px; background-size:100%;}
	.sec-header .btn-search{    top: 17px;  right: 140px; }
	.btn-search a{width:40px; height:40px; background-size:16px;}
	.lang { right:80px; top:26px;}
	.lang a { font-size:14px; margin:0 5px;}
	.btn-category { top:25px;}
	
	.footerCopyWrap { padding:20px !important; width:100%; height:auto;}
	.footerCopyWrap strong { position:static;} 
	.footerSitemap{display:none;}
	.footerCopyWrap .wrap_address { float:none; margin-left:0 !important;}
	.footerCopyWrap .ftSns{float:none; margin-top:20px;}
	.footerCopyWrap .ftSns ul li:first-child a{margin-left:0;}

	#sitemap{top:70px; height: calc(100% - 70px);}

	.main #wrap section > .inner { padding: 100px 0 !important;}
	.main #wrap section > .inner .tit { margin:0 !important; font-size:30px !important;}
	.main #wrap section.section1 .main-visual .slide_contents .slide-title { margin-bottom:30px; font-size:35px;}
	.main #wrap section.section1 .main-visual .slide_contents a.slide-link { margin-top:50px; width:105px; height:50px; font-size:16px;}
	.main #wrap section.section1 .slide_contents .slide-notice { font-size:16px;}
	.main #wrap section.section1 .slide_contents a.slide-link:after { top:20px;}
	.main #wrap section.section2 > .inner { padding:80px 0;}
	.main #wrap section.section2 ul li { margin:20px 0 0; width:100%; min-height:280px; height:auto;}
	.main #wrap section.section2 ul li:first-child { margin:0;}
	.main #wrap section.section2 ul li .upper-area strong { padding-bottom:12px; font-size:28px;}
    .main #wrap section.section2 ul li .upper-area span { margin-top:15px; font-size:14px;}
	.main #wrap section.section2 > .inner p { margin-top:20px;}
	.main #wrap section.section3 > .inner .tit { font-size:30px;}
	.main #wrap section.section3 ul { margin:50px 0 0 -5%;}
	.main #wrap section.section3 ul li { margin:0 0 45px 5%;}
	.main #wrap section.section4 .wrap_rss_main li { margin:20px 0 0; width:100%; height:auto !important;}
	.main #wrap section.section4 .wrap_rss_main li:first-child { margin:0;}

	.sub .subVisual {height:300px;}
	.sub .subTit { margin:0 0  ;}
	.sub .subTit h2 img { max-width:200px; max-height:40px;}
	.sub .subTit h1 img { max-width:200px; max-height:40px;}
	.sub .subTit p { font-size:14px;}

	.sub .nCont { font-size:14px;}
    .sub .nCont section { padding:50px 0;}
    .sub .subTit h2 { font-size: 30px;}
    .sub .subTit h1 { font-size: 30px;}
    .sub .nCont .subTit { font-size:32px;}
	.sub .nCont .dot-list > ul { font-size:14px;}
	.sub .nCont .leadership > div { width:100%;}
	.sub .nCont .leadership > div img { margin:0; max-width:250px; width:100%;}
	.sub .nCont .leadership h4 b:before { margin-top:-4px;vertical-align:middle;}
	.sub .nCont .leadership > div .dot-list { width:100%;}
    .sub .nCont .leadership > div .dot-list h4 { font-size:20px;}
	.sub .nCont .mapWrap > iframe { height:280px;}
	.sub .nCont .dot-list p { font-size:14px;}
	.sub .nCont .alliances li { width:23% !important;}
	.sub .nCont .tblType01 th,
	.sub .nCont .tblType01 td { font-size:14px;}
	.nCont .tblType02 th, .nCont .tblType02 td{ font-size:14px;}
	.nCont .tblType02 th{width:80px;}
	.sub .nCont .fp-list .fp-list-item .year { font-size:30px;}
	.sub .nCont .fp-list .fp-list-item .acv-list li:before { top:8px;}
	.sub .nCont .fp-list .fp-list-item .acv-list li { margin-top:10px; font-size:14px; line-height:1.5;}
	.sub .svcWrap dt { font-size:20px;}
	.sub .svcWrap dl { width:46%;}
	.sub .svcWrap dd { font-size:14px;}
	.sub .nCont .svcList dl { width:100%;}
	.sub .nCont .svcList dl dd { font-size:14px;}
	.sub .nCont .nCont .nodeWrap { margin-left:0;}
	.sub .nCont .nodeWrap dl { margin:1% 0 0; width:100%;}
	.sub .nCont .hwwCon { flex-wrap:wrap;}
	.sub .nCont .hwwCon .lCon { width:100%;}
	.sub .nCont .hwwCon .bgImg { padding-bottom:50%;}
	.sub .nCont .hwwCon .rCon { padding-left:0; width:100%;}
	.sub .nCont .hwwCon .rCon .subTit { padding-left:0;}
	.sub .nCont .prdValue .valBox { width:100% !important; }
	.nCont .board .subTit,
	.sub .nCont.about_ptn .subTit,
	.sub .nCont.about_wwa .subTit { font-size:24px;}
	.sub .nCont .rBox li { margin:20px 0 0; width:100%;}
	.sub .nCont .rBox li:first-child { margin:0;}
	.sub .nCont .rBox_new li { margin:20px 0 0; width:100%;}
	.sub .nCont .rBox_new li:first-child { margin:0;}
	.sub .nCont .rBox_new li br { display:block;}
	.sub .nCont .icoBox { margin:50px 0 0; font-size:14px;}
	.sub .nCont .icoBox li { margin:20px 0 0; padding:20px 0; width:100%; border-right:none; border-top:1px solid rgba(255,255,255,0.2);}
	.sub .nCont .icoBox li:first-child { margin:0; border:none;}
	.sub .nCont .purBox dl dt { font-size:18px;}
	.sub .nCont .purBox dl dd { font-size:14px;}
	.sub .nCont .purBox .strategy li { margin:20px 0 0; width:100%; font-size:14px;}
	.sub .nCont .purBox .strategy li:first-child { margin:0;}
	.sub .nCont .creBox li { margin:40px 0 0; width:100%;}
	.sub .nCont .creBox li:first-child { margin:0;}
	.sub .nCont .cubeBox li { width:50% !important;}
	.sub .nCont .cubeBox li:nth-child(2) { justify-content:flex-end; align-items:flex-end; }
	.sub .nCont .cubeBox li:nth-child(5) { align-items:flex-end;}
	.sub .nCont .cubeBox li:nth-child(7) { align-items:flex-end;}
	.sub .nCont .cubeBox li:nth-child(10) { justify-content:flex-end; align-items:flex-end; text-align:right;}
	.sub .nCont .cubeBox li:nth-child(11) { align-items:flex-end; text-align:left;}
	.sub .nCont .cubeBox li:nth-child(13) { align-items:flex-end; text-align:left;}
	.sub .nCont .videoCon .lCon{padding-top:0;}
    .sub .manager { padding-left:0; padding-top:270px; }
    .sub .manager:first-child { margin-top:0;}
    .sub .manager dt { font-size:20px;}
    .sub .manager dd { font-size:14px;}
	.sub .nCont .partCon dl dt { padding:20px 10px; width:100%;}
	.sub .nCont .partCon dl dd { width:100%;}
	.sub .tabType ul li a { font-size:14px;}
	.sub section .hType01,
	.sub .hType02 { font-size:28px;}
	.sub .nCont ul.referList li { width:100%;}

	.sub .sub-depth-1 { overflow-x:scroll; height:55px;}
    .sub .sub-depth-1::-webkit-scrollbar{width: 3px;height: 3px;}
    .sub .sub-depth-1::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.6);border-radius:10px;transition:all 0.5s;}
    .sub .sub-depth-1::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.6);border-radius:0;}
    .sub .sub-depth-1.fixed { top:70px;}
	.sub .sub-depth-1 ul { justify-content: flex-start;}
	.sub .sub-depth-1 ul li { flex:1; min-width:135px; width:auto !important;}
	.sub .sub-depth-1 ul li a { padding:5px; font-size:14px;}

	.sub .sub-depth-2 { overflow-x:scroll; height:auto; }
    .sub .sub-depth-2::-webkit-scrollbar{width: 3px;height: 3px;}
    .sub .sub-depth-2::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border-radius:10px;transition:all 0.5s;}
    .sub .sub-depth-2::-webkit-scrollbar-track{background-color:#fff;border-radius:0;}
    .sub .sub-depth-2.fixed { top:70px;}
	.sub .sub-depth-2 ul { display:block; white-space:nowrap;}
	.sub .sub-depth-2 ul li { min-width:90px; width:auto !important;}
	.sub .sub-depth-2 ul li a { padding:18px 5px; font-size:14px; letter-spacing: -0.3px;}
	.sub .sub-depth-2 ul li a.on { border-bottom:none;}

    .footerCopyWrap strong {width:110px; height:39px; background-size:100%;}
	.footerCopyWrap address { font-size:13px;}
	.footerCopyWrap address br { display:none;}
	.footerCopyWrap address span:first-child { display:block; }
	.footerCopyWrap address span:nth-child(3) { display:block; }
	.footerCopyWrap address span:nth-child(4) { padding:0; margin:0; background:none;}

    .goTop .sns-link { margin-bottom:5px;}
    .goTop img { max-width:40px;}

    .login-wrap .subTitle h2 { font-size:35px;}
	.login-wrap form.login fieldset { padding:50px 20px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.login-wrap form.login input[type="text"], form.login input[type="password"] { width:100%; height:45px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.login-wrap form.login input[type="submit"] { position:static; width:100%; height:50px;}
	.login-wrap form.login .info h2 { font-size:20px;}
	.login-wrap form.login fieldset > div.option { padding:0;}


	/* renewal */
	.nCont .cont-tit .more{float:none; font-size:13px; padding:8px 16px; margin-left:10px;}
	.company .keyTit{font-size:20px; margin-top:30px;}

	.services .conTop h3{font-size:26px;}
	.services .conTop{margin:0 0 30px;}
	.services .conBox li{width:100%; margin-right:0; }
	.services .conBox li a{padding:30px 30px 60px 30px;}
	.services .conBox li .arr{right:30px; bottom:30px;   width: 27px;  height: 15px;}
	.services .conBox li h4{  font-size:18px;}

	.platform .subTit{margin:0 0 20px;}
	.platCon .certifi_mark{top:50px; right:0;}
	.platCon .lCon{width:100%; }
	.platCon .rCon{width:100%; padding:40px 0 0;}
	.platCon .conTit img{max-height:40px}
	.platCon .conTit h3{font-size:30px;}
	.platCon .conTit h4{font-size:16px;}
	.platCon .conTit p{font-size:16px;} 
	.platform .subTit h2{font-size:24px; }
	.platform .subTit h1{font-size:24px; }
	.platValue .list{width:100%;}
	.platValue .list li{font-size:16px;} 
	.platValue .list:only-child li{width:100%; padding:74px 20px 40px; min-height:200px;}
	.platValue .list:only-child li::before{top:30px; left:20px;}
	.platValue .img{width:100%; margin-top:20px;}  
	.platNeeds li{width:100%; margin-right:0; margin-bottom:20px; padding:30px 30px 50px; font-size:16px; min-height:180px;}
	.platNeeds li strong{font-size:26px;}
	.platRef{padding:20px 0;}
	.platRef li{width:33.33%; padding:5px 0;}
	.platRef li img{max-width:100%;}
	.platform .btn{margin-top:10px;} 

	.modCon dl{width:100%; margin-bottom:4%;}
	.modCon dl.colorchip{order:1; padding-bottom:0;}
	.modCon dl dd{padding:14px 20px;}
	.modCon dl dd p{font-size:15px;}
	.modCon dl dt{font-size:16px}

	.contactBn{padding:40px 0;}
	.contactBn p{font-size:22px;}
	.contactBn a{margin-top:10px; padding: 10px 30px;}


	.prd_table{border-left:0; border-bottom:0; background: transparent;}
	.prd_table + .prd_table{margin-top: 10px; border-top:1px solid #b8d0e5;}
	.prd_table .thead{display:none;}
	.prd_table .tbody{width: 100%;  }
	.prd_table .tbody > ul{flex-wrap:wrap;}
	.prd_table .tbody > ul > li{width: 100%; background: #fff; border-bottom:1px solid #b8d0e5;}
	.prd_table .tbody > ul > li + li{border-top:1px solid #b8d0e5; margin-top: 10px;}
	.prd_table .thead > div, .prd_table .tbody > ul > li > div{min-height:auto; padding:15px;}
	.prd_table .tbody .img img{max-height:50px;} 
	.prd_table .tbody > ul > li > div.name br{display:None;}


	

	.platValueSection li{padding:50px 0; flex-direction:column;}
	.platValueSection li:nth-child(2n){flex-direction:column;}
	.platValueSection li:nth-child(2n) .txt{text-align:left;}
	.platValueSection li .thumb{width: 100%;}
	.platValueSection li .txt{width: 100%; }
	.platValueSection li .txt p{font-size: 16px;}
	.platValueSection li h3{font-size: 1.3rem;  margin-top: 24px; margin-bottom: 10px;}

	.platTech{ flex-direction:column; gap:20px;}
	.platTech li{ flex-direction:column;}
	.platTech li > img{width: 100%;}
	.platTech li .txt h3{font-size: 1.2rem;}
	.platTech li .txt p{font-size: 15px;}
	.platTech li .txt{padding:24px;}
	.platTech li + li{margin-top: 20px;}

	.platService{ flex-direction:column;}
	.trapezoid{width: 100%; height:50px; background: linear-gradient(to bottom, transparent, rgb(0 110 255 / 30%)); clip-path: polygon(5% 0% , 95% 0%, 100% 100%, 0% 100%); margin-right: 0; margin-bottom: -10px;}
	.platService .svc-list{width: 100%; border-radius:14px;}
	.platService .svc-list > ul{padding:14px 10px; height:400px;}
	.platService .svc-list > ul > li h3{font-size: 1.2rem; margin-bottom: 5px;}
	.platService .svc-list > ul > li p{font-size: 15px;}

}
@media screen and (max-width:640px){
	.main #wrap section.section1 .slide_contents .slide-notice br { display:none;}
	.main #wrap section.section3 ul li .upper-area { max-width:350px; width:90%;}
	.main #wrap section.section3 ul li > .upper-area > span br { display:none;}
	.main #wrap section.section3 ul li > .upper-area .upper-btn-area { left:20px; width:calc(100% - 40px);}
	.main #wrap section.section3 ul li > .upper-area .upper-btn-area a { margin:0 5px !important; padding:0 30px 0 5px !important; width:auto !important; font-size:14px !important;}
	.main #wrap section.section3 ul li > .upper-area .upper-btn-area a:after { position:absolute !important; right:0 !important; top:6px !important;}

    .sub .nCont .alliances li { width:31.3333% !important;}
	.sub .nCont .tblType01 th,
	.sub .nCont .tblType01 td { font-size:13px;}
	.sub .svcWrap { margin:0;}
	.sub .svcWrap dl { margin:30px auto 0; max-width:360px; width:100%;}

	.main #wrap section.section3 ul li { }
	.main #wrap section.section3 ul li:nth-child(1) { width:42%;}
	.main #wrap section.section3 ul li:nth-child(2) { width:48%;}
	.main #wrap section.section3 ul li:nth-child(3) { width:42%;}
	.main #wrap section.section3 ul li:nth-child(4) { width:42%; padding-right:4%; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.main #wrap section.section3 ul li:nth-child(5) { width:34%;}
	.main #wrap section.section3 ul li:nth-child(6) { width:44%;}
	.main #wrap section.section3 ul li:nth-child(7) { width:28.3333%;}
	.main #wrap section.section3 ul li:nth-child(8) { width:42%;}
	.main #wrap section.section3 ul li:nth-child(9) { width:20%;}
	.main #wrap section.section3 ul li:nth-child(10) { width:36%;}
	.main #wrap section.section3 ul li:nth-child(11) { width:42%;}
	.main #wrap section.section3 ul li:nth-child(12) { width:18%;}
	.main #wrap section.section3 ul li img { max-width:100%;}
}