@charset "utf-8";
/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select{-webkit-border-radius:0}


/* UI JS CSS */
.fadeinUp{opacity:1; animation:fadeInUpAni 0.6s ease; -webkit-animation:fadeInUpAni 0.6s}
@-webkit-keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes fadeInUpAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0} 100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}

/* 2000px 이상 */
@media all and (min-width:2000px){
.main_visual{width:100%;height:650px;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:50%;height:650px;background: url("../img_new/visual.jpg") no-repeat  right bottom / contain rgb(0, 0, 0);-webkit-background-size:contain;-moz-background-size:contain;}
.main_visual .text_area {float:right;width:50%;margin-top:200px;text-align:left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
}


/* 1280px 이하 */
@media all and (max-width:1280px){
.mainmenu{width:100%;}
.main_visual .text_area {padding:0px 5% 0px 0px;}

.inner{width:100%;margin:0px auto 30px;padding:0px 5%;}
.txt4{font-size: 20px;margin-top:30px;}
.txt6{font-size: 20px;margin-top:30px;}

.mainmenu li{padding:0 20px;;} /* 1217 작업메뉴 삭제시 지운다.*/

/* .sub-scroll{}
.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
*/

}

/* 1100px 이하 */
@media all and (max-width:1100px) {



}
/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
#header{height:60px;}
#header .logo{display:none !important}	
#header .tmenu{display:none !important}	
.gnb_wrap{display:none !important}

.logo_m{display: inline-block !important}
.m_open{display: inline-block !important}

.main_visual{width:100%;height:450px;}
.main_visual .img_area{width:60%;height:450px;background: url("../img_new/visual_t.jpg") no-repeat  right bottom / cover rgb(0, 0, 0);}
.main_visual .text_area {width:40%;margin-top:120px;}
.main_visual .text2 br{display:none !important}

.m_visual{height:400px;background: url("../img_new/IoTbg.jpg") no-repeat  center top / cover rgb(0, 0, 0);}
.m_visual .text_area {padding-top:80px;padding-left:10%;}
.m_visual .text1 {font-size: 40px;line-height:1;margin-bottom:5px; }
.m_visual .text2 {font-size: 40px;line-height:1;margin-bottom:10px; }
.m_visual .text3 {font-size: 28px;line-height:1;margin-bottom:30px; }
.m_visual .text4 {font-size: 16px;line-height:1.3;}


.mainmenu li{display: inline-block;padding:0px 20px; text-align:left;}
.mainmenu .menu1{margin-bottom:20px;}
.mainmenu .menu1 > h3{font-size: 13px;padding:5px 15px;}
.mainmenu p{font-size: 12px;margin-bottom:8px; padding:0 10px;}

.inner{width:100%; border-top:1px solid #2d2d2d; margin:10px auto 30px; padding:0px 5%;}
/* .location{margin-bottom:15px;} */

.txt1{font-size: 14px;}
.txt2{font-size: 13px;}
.txt3{font-size: 13px;background:url(/img_new/i_circle_wh.png) left 6px no-repeat; }
.txt4{font-size: 18px;margin-top:25px;}
.txt6{font-size: 18px;margin-top:25px;}

.sec1{margin-bottom:20px;}
.sec1 > h3{font-size: 14px;}
.sec1 > p{font-size: 14px;}
.sec1 > p br{display:none !important}

.products_wrap {font-size:0;}
.products_wrap .logo_giga{display:none;}
.products_wrap .menu {width:100%;position: static;padding: 0px;}
.products_wrap .menu ul {display: inline-block;width:100%;text-align:left;margin-bottom:0px;  padding:15px;  border:1px solid #ebebeb;background:#000; z-index:2}
.products_wrap .menu a { display:inline-block;font-size: 14px;line-height:1;margin-bottom:0px;transition: all 0.5s; word-wrap: break-word; margin-right:10px; }
.products_wrap .menu .tit{display: none !important;}	
.products_wrap .menu > h4{display: none !important;}	

.products_wrap .menu_key {width:100%;position: static;padding: 0px;}
.products_wrap .menu_key ul {display: inline-block;width:100%;text-align:left;margin-bottom:0px;  padding:15px;  border:1px solid #ebebeb;background:#000; z-index:2}
.products_wrap .menu_key a { display:inline-block;font-size: 14px;line-height:1;margin-bottom:0px;transition: all 0.5s; word-wrap: break-word; margin-right:15px; }

.products_wrap .container {padding-left: 0px;}
.section {padding:20px 0px 20px 0px;}

.title_type1 {font-size: 16px;}

.products_wrap .left_banner{display: none;width:100%;text-align:center;}
/*
.products_wrap .left_banner > ul{margin:10px 0px 0px;  padding:0px;  border:0px solid #ebebeb;}
.products_wrap .left_banner > ul > li{display: inline-block; width:50%; padding:0px 10px 0px;}
.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: 12px;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: 12px;line-height:1; }
*/

.section_wrap .s_left{display: inline-block;width:100%;text-align:left;}
.section_wrap .s_right{display: none !important;}
.section_keyimg{display: inline-block !important;}	

.menu_pc_only{display: none !important;}
.menu_mo_only{display: inline-block !important;}	


.maxhub_content .box_area li{width:33.33333%;margin-bottom:20px;padding:0 10px;}



}
	
/* Mobile 850px 이하 */
@media all and (max-width:850px) {

.sub-scroll{overflow-x:auto; }
.custom-scrollbar-wrapper .scroll-object{max-width:none; width:768px;}
/* .tableA th br{display: inline-block !important;} */

.tableA th{padding:8px 5px;}
.tableA td{line-height:1.3;padding:8px 5px;}
	
}
	
/* Mobile 768px 이하 */
@media all and (max-width:768px) {
.main_visual{width:100%;height:auto;}
.main_visual .img_area{width:100%;height:350px;background: url("../img_new/visual_m.jpg") no-repeat  center bottom / cover rgb(0, 0, 0);}
.main_visual .text_area {width:100%;margin-top:20px;padding:0px 5%;}
.main_visual .text1 { font-size: 24px;margin-bottom:20px; }
.main_visual .text2 { font-size: 13px;margin-bottom:40px; }
.location li{padding-left:10px;margin-left:5px;font-size:11px;}

.m_visual{height:350px;background: url("../img_new/IoTbg.jpg") no-repeat  center top / cover rgb(0, 0, 0);}
.m_visual .text_area {padding-top:60px;padding-left:5%;padding-right:5%;}
.m_visual .text1 {font-size: 30px;line-height:1;margin-bottom:5px; }
.m_visual .text2 {font-size: 30px;line-height:1;margin-bottom:10px; }
.m_visual .text3 {font-size: 24px;line-height:1;margin-bottom:30px; }
.m_visual .text4 {font-size: 15px;line-height:1.3;}

.footer_menu{padding:20px 20px 30px;}

.title {font-size: 18px;line-height:1;margin-bottom:20px;}

.titleA {font-size: 18px;line-height:1;}
.titleA .stxt1{font-size:14px;line-height:1;}
.titleA .stxt2{font-size:12px;}

.content .left_area{display: inline-block;width:100%; text-align:left; margin-bottom:30px; padding-right:0px;}
.content .right_area{display: inline-block;width:100%; text-align:center; padding-left:0px;padding-right:0px;}
.content .left_txt{display: inline-block;width:100%; text-align:left; margin-bottom:30px; padding-right:0px;}
.content .right_img{display: inline-block;width:100%; text-align:center; padding-left:0px;padding-right:0px;}

.txt1{font-size: 13px;}
.txt4{font-size: 16px;margin-top:25px;}
.txt6{font-size: 16px;margin-top:25px;}

.sec1{margin-bottom:20px;}
.sec1 > h3{font-size: 14px;}
.sec1 > p{font-size: 13px;}

.table.type1 th{padding:8px 2px;font-size:12px;}
.table.type1 td{padding:8px 2px;font-size: 11px;}

.pc_only{display: none !important;}	
.mo_only{display: inline-block !important;}	
.products_wrap .menu_key a {line-height:1.5;}


.maxhub_content .text_area{ margin-bottom:20px; font-size:18px;}
.maxhub_content .img_area{margin-bottom:60px;}
.maxhub_content .tit_area{margin-bottom:30px;font-size:24px;}
.maxhub_content .img_areaA{margin-bottom:60px;}
.maxhub_content .box_area{margin-bottom:60px;}
.maxhub_content .box_area li{width:33.33333%;margin-bottom:20px;padding:0 10px;}



}






/*mobile 640 이하 */
@media all and (max-width:640px){
.footer_menu{padding:15px 0px 15px;}
.mainmenu li{display: inline-block;width:100%; padding:0 5%;}
.mainmenu .menu1{margin-bottom:15px;margin-top:15px;}

.table.type2 th{padding:8px 5px;font-weight:400;font-size:12px;}
.table.type2 td{padding:8px 5px;font-size: 11px;}
.table.type2 td{line-height:1.3;}

.m_visual{height:300px;background: url("../img_new/IoTbg.jpg") no-repeat  center top / cover rgb(0, 0, 0);}
.m_visual .text_area {padding-top:50px;padding-left:5%;padding-right:5%;}
.m_visual .text1 {font-size: 24px;line-height:1;margin-bottom:5px; }
.m_visual .text2 {font-size: 24px;line-height:1;margin-bottom:10px; }
.m_visual .text3 {font-size: 18px;line-height:1;margin-bottom:20px; }
.m_visual .text4 {font-size: 13px;line-height:1.3;}
.m_visual .text4 br{display: none !important;}	


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



}


/*mobile 520 이하 */
@media all and (max-width:520px){
	
.main_visual .img_area{width:100%;height:300px;background: url("../img_new/visual_m.jpg") no-repeat  center bottom / cover rgb(0, 0, 0);}
.main_visual .text_area {width:100%;margin-top:30px;padding:0px 5%;}
.table.type2 .w01{ width:40%;}
.table.type2 .w02{ width:60%;}

.logo_m{padding:12px 0px 0px 4%;}

.products_wrap .menu a { font-size: 13px;line-height:1.5; margin-right:10px; }
.products_wrap .menu_key a {font-size: 13px;line-height:1.5;}


.m_visual{height:300px;background: url("../img_new/IoTbg.jpg") no-repeat  center top / cover rgb(0, 0, 0);}
.m_visual .text_area {padding-top:40px;}
.m_visual .text1 {font-size: 20px;line-height:1;margin-bottom:5px; }
.m_visual .text2 {font-size: 20px;line-height:1;margin-bottom:10px; }
.m_visual .text3 {font-size: 16px;line-height:1;margin-bottom:20px; }
.m_visual .text4 {font-size: 12px;line-height:1.3;}


.maxhub_content .text_area{ margin-bottom:20px; font-size:16px;}
.maxhub_content .img_area{margin-bottom:50px;}
.maxhub_content .tit_area{margin-bottom:30px;font-size:22px;}

}

/*mobile 480 이하 */
@media all and (max-width:480px){
/* .col_a{width:auto}
.col01{width:33px}
.col02{width:73px}
.col03{width:45px}
.col04{width:28px}
*/


.titleA br{display: inline-block !important;}	
.titleA .stxt2 br{display: inline-block !important;}	
.table.type2 th{padding:8px 2px;font-weight:400;font-size:11px;}
.table.type2 td{padding:8px 2px;font-weight: 300;font-size: 10px;}
.table.type2 td{line-height:1.3;}
.txt5{margin-top:10px;font-size: 12px;}

.table.type1 th{padding:8px 2px;font-size:11px;}
.table.type1 td{padding:8px 2px;font-size: 10px;}
.table.type1 td br{display: inline-block !important;}	
.table.type1 td em{display: none !important;}	
}


/*mobile 420 이하 */
@media all and (max-width:420px){
.main_visual .img_area{width:100%;height:250px;background: url("../img_new/visual_m.jpg") no-repeat  center bottom / cover rgb(0, 0, 0);}

.m_visual{height:280px;background: url("../img_new/IoTbg.jpg") no-repeat  center top / cover rgb(0, 0, 0);}
.m_visual .text_area {padding-top:30px;}
.m_visual .text1 {font-size: 18x;line-height:1;margin-bottom:5px; }
.m_visual .text2 {font-size: 18px;line-height:1;margin-bottom:10px; }
.m_visual .text3 {font-size: 15px;line-height:1;margin-bottom:15px; }
.m_visual .text4 {font-size: 12px;line-height:1.3;}

.table.type2 th{font-size:11px;}
.table.type2 td{font-size:9px;}

.table.type1 td{font-size: 9px;}


.maxhub_content .text_area{ margin-bottom:20px; font-size:15px;}
.maxhub_content .img_area{margin-bottom:50px;}
.maxhub_content .tit_area{margin-bottom:30px;font-size:20px;}
.maxhub_content .img_areaA{margin-bottom:50px;}
.maxhub_content .box_area{margin-bottom:50px;}

}


/*mobile 360 이하 */
@media all and (max-width:360px){

.table.type2 td{font-size:8px;}
.table.type1 td{font-size:8px;}

}