@charset "utf-8";

/*
 * Layout Style
 *
 */

.wide-display{position:absolute; left:-9999px; top:-9999px}
.mobile-display{position:absolute; left:-9999px; top:-9999px}


#wrap {width:100%; margin:0 auto;}

/********************************************
	HEADER
********************************************/
#header{position:relative; width: 100%;height:100px;margin:0 auto; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 2; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
#header .logo{position:absolute; top:15px; left:50%; transform:translateX(-50%);/*display:inline-block; width:70%;text-align:left; padding:20px 0px 0px 5%;*/ box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .logo h1{text-indent: -9999px;width:0; height:0; line-height:0;}
#header .tmenu{display:inline-block; width:100%;text-align:right; padding:40px 5% 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .tmenu ul{display:inline-block; width:100%;text-align:right; }
#header .tmenu li{display:inline-block; margin-left:10px; padding-left:15px;background:url(../img_new/tline.png) left center no-repeat;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size:16px; color:#fff;}
#header .tmenu li a:hover{color:#fff;}
#header .tmenu li:first-child{margin-left:0px; padding-left:0px;background:none;}

.gnb_wrap{width:100%; height:30px; margin:26px 0px;background:url(../img_new/navi_line.png) center center repeat-x; text-align:center;}
.gnb{display:block;width:100%; max-width:1200px; margin:0 auto;  /* position: absolute; left:50%; transform:translateX(-50%); */ text-align:center;}
.gnb nav{width:100%; margin:0px auto;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{display:inline-block;text-align:center;}
.gnb nav > ul > li{position:relative;display:inline-block;text-align:center;padding:0px 20px;}
.gnb nav > ul > li:first-child{}
.gnb nav > ul > li > a{display:block; height:30px; text-align:center;font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 14px;line-height:30px; padding:0px 25px;/*background:#1b7bc7;*/border-radius:24px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #276ea8), color-stop(0.49, #378ed0), color-stop(0.53, #1b7ec9), color-stop(1, #1b7ec9));
	background: -moz-linear-gradient(top, #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: -webkit-linear-gradient(top,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: -o-linear-gradient(top,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: -ms-linear-gradient(180deg,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: linear-gradient(180deg,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#276ea8', endColorstr='#1b7ec9', gradientType=0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)  ; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}

.gnb nav > ul > li > a:hover{color:#c6e4fc;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on > a{color:#c6e4fc; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li img{vertical-align:middle; margin-left:5px;}
.gnb nav > ul > li.off .two-depth{display:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/* .two-depth-bg{width:100%; height:35px; position:absolute; left:0; top:75px; background:#12a8d9; opacity: 0.9; filter: alpha(opacity=90); display:block; z-index:4; display:none} */
.two-depth{position: absolute; display:block; z-index:5; display:none; top:30px; left:50%; transform:translateX(-50%);padding:10px 0px; border:0px solid #b1adad;;background:rgba(40,40,40,.8);border-radius:4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li{display:inline-block; width:100%;text-align:left; padding:5px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li a{line-height:1; font-size:13px; color:#fff;font-family:'Roboto';font-style:normal;font-weight:400;letter-spacing:0em; }
.two-depth > li.on a{color:#3399ff;background:rgba(29,32,36,.9);}
.two-depth > li a:hover{color:#3399ff;}
.two-depth > li:first-child{}
.two-depth > li:hover{color:#3399ff;background:rgba(29,32,36,.9);}
.two-depth > li:hover a{color:#3399ff;}
.w01{width:150px;}
.w02{width:230px;}
.w03{width:200px;}
.w04{width:180px;}

.fixed{position:fixed; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.logo_m{display:none;width:70%; text-align:left;padding:10px 0px 0px 4%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_open{display:none;text-align:right; width:30%;padding:20px 4% 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.logo_m img{max-width:100%;}
.m_open img{max-width:100%;}

/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:198; background:#000;  -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mask .close{position:absolute;  top:10px;left:10px; z-index:202;} /* add */

.mMenu {display:none; position: fixed; right:-100%; top:0; width:90%; padding:0px; background-color:rgba(29,32,36,1);  z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:30px;right:30px; }
.mMenu .mtitle {display:block; text-align:center; padding:40px 25px 30px;border-bottom:0px solid #e4e3e3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mMenu .mtitle img{max-width:100%;}

.mMenu .list {padding:0px 0px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin: 0 0 0 0px;}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {text-align:left; margin: 0px 0; border-bottom:1px solid; border-color:rgba(255,255,255,.1);}
.lnav > li li {margin: 0px 0;}
.lnav > li li li{margin: 0px 0;}
.lnav a {line-height:1;letter-spacing:0.em;display: block; outline: none;text-decoration: none;}
.lnav a .caret {float: right;width:13px;height:10px;vertical-align: top;background:url(../img_new/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:2px;margin-left: 2px;}
.lnav li.open > a > .caret {border-top: none;background:url(../img_new/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.lnav li a {font-family:'Roboto';font-style:normal;font-weight:400;color:rgba(255,255,255,1.0); font-size: 15px;line-height:18px; padding: 15px 5px 15px 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} /* 1depth */
.lnav li a:hover {color:#fff;}
.lnav li a > span{display: inline-block; margin-right:10px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.lnav li a:hover > span{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
/*.lnav > li > a {color:#424242; font-size:14px;line-height:1;font-family: 'NotoSansKR';font-style: normal;font-weight:200;letter-spacing:-0.05em; padding: 15px 20px;}*/
.lnav > li li a:hover {color:#fff;}
.lnav > li li a {padding: 8px 10px 8px 40px; font-size:14px; }
.lnav > li li li a {padding: 8px 10px 8px 45px; background:url(../img/licon02.png) 25px center no-repeat #1567a9; font-size:13px;}

.lnav li.open > a{color:#fff;background: #25282d;}
.lnav li li.open > a{color:#fff;background: #084a7f;}

.lnav li.open a > span{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;}
.lnav li.open li a {color:#fff; font-size: 14px;}
.lnav li.open li a:hover {color:#fff;}
.lnav li.active a{color:#fff;}
.lnav li li.active a{color:#fff;}
.lnav li.off a{}
/* 2 depth 여백 추가 */
.lnav li li{background:#1b7bc7;}
.lnav li li li{background:#1567a9;}
.lnav li li:first-child{padding-top:10px;}
.lnav li li:last-child{padding-bottom:14px;}

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.btn_up_layer {position:fixed; right:10px;bottom:10px;display:none;padding:0px;width:50px; height:50px; background:url(../img_new/top.png) right bottom no-repeat;z-index:100;cursor:pointer;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}


.footer_menu{width:100%;border-bottom:4px solid #1b7bc7;background:#434343;padding:30px 20px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mainmenu{display:block;width:1200px;margin:0px auto; text-align:center;}
.mainmenu li{display: inline-block;text-align:left; padding:0 50px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mainmenu .menu1{display: inline-block;width:100%; margin-bottom:20px;}
.mainmenu .menu1 > h3{display: inline-block;font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 14px;line-height:1;/* text-transform:uppercase;*/ padding:6px 25px;/*background:#1b7bc7;*/border-radius:24px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) ; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #276ea8), color-stop(0.49, #378ed0), color-stop(0.53, #1b7ec9), color-stop(1, #1b7ec9));
	background: -moz-linear-gradient(top, #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: -webkit-linear-gradient(top,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: -o-linear-gradient(top,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: -ms-linear-gradient(180deg,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	background: linear-gradient(180deg,  #276ea8 0%, #378ed0 49%, #1b7ec9 53%, #1b7ec9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#276ea8', endColorstr='#1b7ec9', gradientType=0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)  ; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.mainmenu p{font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 13px;line-height:1;margin-bottom:10px; padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.mainmenu .menu1 > h3 a:hover{color:#c6e4fc;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/* old visual */
.main_visual{width:100%;height:570px;margin:0px auto; overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
.main_visual .img_area{float:left;width:60%;height:570px;background: url("../img_new/visual.jpg") no-repeat  right bottom / cover rgb(0, 0, 0);-webkit-background-size: cover;-moz-background-size: cover;}
.main_visual .text_area {float:right;width:40%;margin-top:200px;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_visual .text1 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:700;color:#fff; font-size: 30px;line-height:1.3; margin-bottom:30px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_visual .text2 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:400;color:#b0bbcb; font-size: 14px;line-height:1.45;word-break: break-all; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_visual .text5 {}
/* visual */
.m_visual{width:100%;height:550px;margin:0px auto; background: url("../img_new/IoTbg_1.jpg") no-repeat  center top / cover rgb(0, 0, 0);-webkit-background-size: cover;-moz-background-size: cover; overflow: hidden;}
.m_visual .text_area {display: inline-block;width:100%; padding-top:100px;text-align:left;padding-left:10%;padding-right:10%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.m_visual .text1 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:700;/* font-family:Open Sans;*/color:#fff; font-size: 50px;line-height:1; text-shadow:2px 2px 3px black;margin-bottom:5px; }
.m_visual .text2 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:700;/* font-family:Open Sans;*/color:#e84636; font-size: 50px;line-height:1; text-shadow:2px 2px 5px black;margin-bottom:10px; }
.m_visual .text3 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:700;color:#f3883e; font-size: 32px;line-height:1;text-shadow:2px 2px 5px black;word-break: break-all;margin-bottom:40px; }
.m_visual .text4 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 18px;line-height:1.3;text-shadow:2px 2px 3px black;word-break: break-all;}
.m_visual .text5 {text-align:left;font-family:'Roboto';font-style:normal;font-weight:400;color:#ffff00; font-size: 18px;line-height:1.3;text-shadow:2px 2px 3px black;word-break: break-all;}

.inner{display:block;width:1200px;margin:0px auto 30px;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.location{display:none;width:100%;margin-bottom:25px;text-align: right;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.location ul{display: inline-block;width:100%; text-align: right;}
.location li{display: inline-block;text-align:left; padding-left:15px;margin-left:10px;color:#dfdfdf;font-family:'Roboto';font-style:normal;font-weight:400; font-size:12px;line-height:14px;letter-spacing:-0.03em;background:url(/img_new/arrow_1.png) left 50% no-repeat;}
.location li:first-child{background:none;}
.location li.lo01{color:#dfdfdf; }
.location li img{max-width:100%;vertical-align:top;padding:0px;background-color: transparent;}

.title {display: inline-block;width:100%; text-align:left; font-family:'Roboto';font-style:normal;font-weight:500;color:#fff;font-size: 22px;line-height:1;background:url(/img_new/tit_icon.png) left center no-repeat; padding-left:25px; margin:20px 0px 30px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.titleA {display: inline-block;width:100%; text-align:left; font-family:'Roboto';font-style:normal;font-weight:500;color:#fff;font-size: 22px;line-height:1;background:url(/img_new/tit_icon.png) left 6px no-repeat; padding-left:25px; margin:20px 0px 15px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.titleA > p{display: inline-block;width:100%;margin-top:8px;}
.titleA .stxt1{font-family:'Roboto';font-style:normal;font-weight:400;color:#fff;font-size:18px;line-height:1;}
.titleA .stxt2{font-family:'Roboto';font-style:normal;font-weight:400;color:#fff;font-size:14px;line-height:1;}

.titleA br{display:none;}
.titleA .stxt2 br{display:none;}


.content{display: inline-block;width:100%; font-size:0;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content .left_area{display: inline-block;width:50%; text-align:left; padding-left:25px; padding-right:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content .right_area{display: inline-block;width:50%; text-align:center; padding-left:50px; padding-right:25px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content .left_txt{display: inline-block;width:40%; text-align:left; padding-left:25px; padding-right:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.content .right_img{display: inline-block;width:60%; text-align:left; }
.content img{max-width:100%;}
.content p{margin-bottom:20px;}

.txt1{font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 16px;line-height:1.45;word-wrap: break-word;}
.txt2{font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 14px;line-height:1.45;word-wrap: break-word;}
.txt3{font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 14px;line-height:1.45;word-wrap: break-word;background:url(/img_new/i_circle_wh.png) left 6px no-repeat; padding-left:20px; min-height:10px;}
.txt4{font-family:'Roboto';font-style:normal;font-weight:500;color:#ffe63c; font-size: 30px;line-height:1;word-wrap: break-word;margin-top:40px;}
.txt5{margin-top:10px;font-family:'Roboto';font-style:normal;font-weight:300;color:#fff; font-size: 13px;line-height:1.3;word-wrap: break-word;}
.txt6{font-family:'Roboto';font-style:normal;font-weight:500;color:#3399ff; font-size: 30px;line-height:1.3;word-wrap: break-word;margin-top:40px;}

.sec1{display: inline-block;width:100%; margin-bottom:25px;padding:0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sec1 > h3{font-family:'Roboto';font-style:normal;font-weight:700;color:#fff; font-size: 16px;line-height:1.45;word-wrap: break-word;}
.sec1 > p{font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 16px;line-height:1.45;word-wrap: break-word;margin-bottom:0px;}
.sec1 > h4{margin-bottom:5px;}

.table {/*table-layout:fixed;*/ width:100%; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.table.type1{border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;margin:20px auto;/* overflow:auto; */}
.table.type1 th{background:#1567a9; text-align:center;padding:8px 10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-family:'Roboto';font-style:normal;font-weight:500; font-size:14px;color: #fff;line-height:1;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.table.type1 td{background:#202326;padding:8px 10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:left;font-family:'Roboto';font-style:normal;font-weight:400;font-size: 12px;color: #fafafa;line-height:1;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.table.type1 td a{color:#2791e4;font-family:'Roboto';font-style:normal;font-weight:500;}
.table.type1 td a:hover{color:#a9d5f8;text-decoration: underline;}
.table.type1 tr th:first-child,
.table.type1 tr td:first-child{border-left:0;}
.table.type1 .rborder{border-right:1px solid #cbcbcb;}
.table.type1 tbody tr:nth-child(even) { background: #202326;}
.table.type1 .center{text-align:center;}
.table.type1 td br{display:none;}
.table.type1 td em{font-style:normal;}

.table.type2{border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;margin:10px auto 0px;/* overflow:auto; */}
.table.type2 th{background:#1567a9; text-align:left;padding:8px 10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-family:'Roboto';font-style:normal;font-weight:500; font-size:13px;color: #fff;line-height:1;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.table.type2 td{background:#202326;padding:8px 10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:left;font-family:'Roboto';font-style:normal;font-weight:400;font-size: 12px;color: #fafafa;line-height:1;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.table.type2 td a{color:#2791e4;}
.table.type2 td a:hover{color:#a9d5f8;text-decoration: underline;}
.table.type2 tr th:first-child,
.table.type2 tr td:first-child{border-left:0;}
.table.type2 .rborder{border-right:1px solid #cbcbcb;}
.table.type2 tbody tr:nth-child(even) { background: #16191b;font-family:'Roboto';font-style:normal;font-weight:500;}
.table.type2 .w01{ width:30%;}
.table.type2 .w02{ width:70%;}

.box_sty1{display: inline-block;width:100%;text-align:left; background:#16191b; margin-top:15px; padding:15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.stit{display: inline-block;width:100%;margin-top:20px;text-align:left;font-family:'Roboto';font-style:normal;font-weight:500; font-size:13px;color: #fff;line-height:1;letter-spacing:-0.03em;background:url(/img_new/ico_blue.png) left center no-repeat;padding-left:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.mo_only{display:none !important;}
.menu_mo_only{display:none !important;}
/*
.products_wrap{display: inline-block;width:100%; font-size:0;}
.products_wrap .left_area{position:fixed; display: inline-block;width:180px;text-align:left;}
.products_wrap .right_area{display: inline-block;width:100%; text-align:left;padding-left:200px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.products_wrap .logo_giga{display: inline-block;width:100%;text-align:left; margin-bottom:40px; }
.products_wrap .left_menu{display: inline-block;width:100%;text-align:left;}
.products_wrap .left_menu ul{display: inline-block;width:100%;text-align:left;margin-bottom:20px;}
.products_wrap .left_menu .tit{font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 16px;line-height:1;margin-bottom:15px;}
.products_wrap .left_menu li{display: inline-block;width:100%;text-align:left;margin-bottom:8px;font-family:'Roboto';font-style:normal;font-weight:400;color:#dfdfdf; font-size: 14px;line-height:1; }
.products_wrap .left_menu li.active{color:#3399ff;}
.products_wrap .left_banner{display: inline-block;width:100%;text-align:left;}
.products_wrap .left_banner > h3{margin-bottom:10px;}
.i_guide{background: url("../img_new/i_guide.png") left center no-repeat; padding-left:30px;font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 14px;line-height:1; }
.i_option{background: url("../img_new/i_option.png") left center no-repeat; padding-left:30px;font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 14px;line-height:1; }
*/

.title_type1 {display: inline-block;width:100%; text-align:left; font-family:'Roboto';font-style:normal;font-weight:500;color:#3399ff;font-size: 18px;line-height:1;padding:0px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.l_fixed{top:20px;transition: all 0.5s;}

.products_wrap {display: inline-block;width:100%; font-size:0;}
.products_wrap .logo_giga{display: inline-block;width:100%;text-align:left; margin-bottom:30px; }
.products_wrap .sub_tit{display: inline-block;width:140px;text-align:center; margin-bottom:20px; padding:8px 0px 10px; background:#fff;font-family:'Roboto';font-style:normal;font-weight:700;color:#3399ff; font-size: 16px;line-height:1; }
.products_wrap .menu {padding: 0 20px 0 0;position: fixed;width:180px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.products_wrap .menu ul {display: inline-block;width:100%;text-align:left;margin-bottom:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.products_wrap .menu a { display:block; font-family:'Roboto';font-style:normal;font-weight:400;color:#dfdfdf; font-size: 14px;line-height:1;margin-bottom:8px;transition: all 0.5s; }
.products_wrap .menu a.active {color:#3399ff;}
.products_wrap .menu .tit{font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 16px;line-height:1;margin-bottom:15px;}
.products_wrap .menu > h4 a{font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 16px;line-height:1;margin-bottom:15px;}
.products_wrap .menu > h4 a.active {color:#3399ff;}

.products_wrap .menu_key {padding: 0 20px 0 0;position: fixed;width:180px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.products_wrap .menu_key ul {display: inline-block;width:100%;text-align:left;margin-bottom:20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.products_wrap .menu_key a { display:block; font-family:'Roboto';font-style:normal;font-weight:500;color:#fff; font-size: 16px;line-height:1;margin-bottom:15px;transition: all 0.5s; }
.products_wrap .menu_key a.active {color:#3399ff;}

.products_wrap .left_banner{display: inline-block;width:100%;text-align:left; font-size:0;}
.products_wrap .left_banner > ul > li{display: inline-block; width:100%; padding:0px 0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.i_guide{display: inline-block;background: url("../img_new/i_guide.png") left center no-repeat; padding-left:30px;font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 13px;line-height:1; }
.i_option{display: inline-block;background: url("../img_new/i_option.png") left center no-repeat; padding-left:30px;font-family:'Roboto';font-style:normal;font-weight:400;color:#fff; font-size: 13px;line-height:1; }

.products_wrap .container {width:100%; padding-left: 200px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.products_wrap .container div { margin-bottom:0px;}
.section {display: inline-block;width:100%;text-align:left; padding:20px 0px 20px 25px; transition: all 0.5s;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;opacity: 1;}
.section:last-child {min-height: 100vh; }
.section.load { animation: section 0.5s;opacity: 1;}
.section1 {display: inline-block;width:100%; text-align:left; padding:20px 0px 20px 25px; transition: all 0.5s;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;opacity: 1;}

.section_wrap{display: inline-block;width:100%;text-align:left;font-size:0;}
.section_wrap .s_left{display: inline-block;width:55%;text-align:left;}
.section_wrap .s_right{display: inline-block;width:45%;text-align:left;padding:20px 0px 0px 30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.section_wrap .s_right img{width:100%;}

.section_key {display: inline-block;width:100%;text-align:left; padding:20px 0px 0px 0px; transition: all 0.5s;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;opacity: 1;}
.section_key:last-child {min-height: 100vh; }
.section_key.load { animation: section 0.5s;opacity: 1;}

.section_key1 {display: inline-block;width:100%;text-align:left; padding:20px 0px 0px 0px; transition: all 0.5s;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;opacity: 1;}
.section_key1.load { animation: section 0.5s;opacity: 1;}

.section_keyimg{display:none; width:100%; margin-top:30px; }
.section_keyimg img{width:100%;}

@keyframes section {
        from {
            transform: translateY(200px);
        }
        to {
            transform: translateY(0);
        }
 }


.about_content{display: inline-block;width:100%; font-size:0;}
.about_content .img_area{display: inline-block;width:100%; text-align:left;margin:20px 0px;}
.about_content .text_area{display: inline-block;width:100%; text-align:left;}
.about_content .img_area img{max-width:100%;}
.about_content .img_area p{margin-bottom:20px;}


.col_a{width:auto}
.col01{width:60px}
.col02{width:100px}
.col03{width:80px}
.col04{width:60px}



/* 서브 공통 :: 스크롤바 */
.custom-scrollbar-wrapper{margin-bottom:20px}
/* table */
.tableA {/* table-layout:fixed;*/ width:100%;max-width:950px; margin:0px auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.tableA{border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;margin:0px auto;/* overflow:auto; */ }
.tableA th{background:#1567a9; text-align:center;padding:8px 10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;font-family:'Roboto';font-style:normal;font-weight:500; font-size:13px;color: #fff;line-height:1.3;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
/* .tableA th br{display: none !important;} */
.tableA td{background:#202326;padding:8px 10px;vertical-align:middle;border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;text-align:left;font-family:'Roboto';font-style:normal;font-weight:400;font-size: 12px;color: #fafafa;line-height:1.3;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.tableA td a{color:#2791e4;font-family:'Roboto';font-style:normal;font-weight:500;}
.tableA td a:hover{color:#a9d5f8;text-decoration: underline;}
.tableA tr th:first-child,
.tableA tr td:first-child{border-left:0;}
.tableA .date{font-size: 11px;}
.tableA p{padding-top:8px;}
.tableA .center{text-align:center;}
.tableA .right{text-align:right;}
.tableA .rborder{border-right:1px solid #cbcbcb;}
.tableA .point{color:#3399ff;}


.maxhub_content{display: inline-block;width:100%; font-size:0; }
.maxhub_content .text_area{display: inline-block;width:100%; text-align:left; margin-bottom:30px;font-family:'Roboto';font-style:normal;font-weight:500; font-size:20px;color: #fff;line-height:1.45;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.maxhub_content .img_area{display: inline-block;width:100%; text-align:center; margin-bottom:80px;}
.maxhub_content .img_area img{width:100%;}
.maxhub_content .tit_area{display: inline-block;width:100%; text-align:center; margin-bottom:30px;font-family:'Roboto';font-style:normal;font-weight:500; font-size:30px;color: #fff;line-height:1.3;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}
.maxhub_content .img_areaA{display: inline-block;width:100%; text-align:center; margin-bottom:80px;}
.maxhub_content .img_areaA img{max-width:100%;}
.maxhub_content .box_area{display: inline-block;width:100%; text-align:left; margin-bottom:80px; font-size:0;}
.maxhub_content .box_area img{width:100%;}
.maxhub_content .box_area li{display: inline-block;width:25%; text-align:center; margin-bottom:20px;padding:0 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}