@charset "utf-8";

body, input, select, textarea, button {font-family:'Apple SD Gothic Neo','NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,Sans-serif;font-size:14.5px;line-height:1.5;color:#333;}
a {text-decoration:none;color:#333;background-color:transparent;}
a:hover, a:focus {color:#f00;outline:0;}

#header_wrap, #container_wrap, #footer_wrap {min-width:1000px;position:relative;/*overflow:hidden;*/}
#header {height:100px;width:980px;left:51%;margin-left:-500px;position:relative;z-index:99999;}
#container {width:980px;margin:auto;position:relative;background-color:none;}
#footer {height:100px;width:980px;left:51%;margin-left:-500px;position:relative;background-color:#e6e6e6;}
#footer_wrap {background:#e6e6e6;}

#header .logo { padding-top:20px; }

/* utilmenu */
.utilmenu {position:absolute;right:0px;top:5px;}
.utilmenu li {float:left;padding:0 10px;background:url('/web/images/common/sep_util.jpg') 0 8px no-repeat;}
.utilmenu li:first-child {padding-left:0;background:none;}
.utilmenu li:last-child {padding-right:0;}
.utilmenu li a {font-size:0.9em;}
.utilmenu li a:hover {color:#000;}


/* gnb */
#gnb {position:absolute;bottom:10px;right:0px;width:720px;height:40px;}
#gnb a {display:block;vertical-align:top;text-align:center;}

#gnb>li {float:left;position:relative; }
#gnb>li:first-child {}
/*
#gnb>li:nth-child(2) a { width:155px; }
#gnb>li:nth-child(5) a { width:100px; }
#gnb>li:last-child a {width:90px;}
*/
#gnb>li>a {/*width:125px;*/height:40px;line-height:40px;color:#000;font-size:17px; }
#gnb>li:not(:last-child) > a {margin-right:39px;}

#gnb>li:hover>a, #gnb>li.on>a {color:#2d72c1; }

#gnb ul {position:absolute;top:35px;display:none; background:red;}
/*#gnb ul.gnb1_sub {left:-10px;}*/
#gnb ul.gnb1_sub {left:-220px;width:580px;height:51px; background:url('/web/images/common/gnb_num4.png') center center no-repeat; }
#gnb ul.gnb2_sub {left:-246px;width:580px;height:51px; background:url('/web/images/common/gnb_num4.png') center center no-repeat; }
#gnb ul.gnb3_sub {left:-210px;width:536px;height:51px; background:url('/web/images/common/gnb_num4.png') center center no-repeat;}
#gnb ul.gnb4_sub {left:-250px;width:536px;height:54px; background:url('/web/images/common/gnb_num4.png') center center no-repeat;}
#gnb ul.gnb5_sub {left:-236px;width:536px;height:51px; background:url('/web/images/common/gnb_num2.png') center center no-repeat;}
#gnb ul.gnb6_sub {left:-164px;width:360px;height:52px; background:url('/web/images/common/gnb_num2.png') center center no-repeat;}

/*gnb ul 전체*/
#gnb ul li {float:left;margin-right:10px; margin-top:22px;}
#gnb ul a {color:#fff;font-size:15px;}

/*스마트공장지원사업 gnb*/
#gnb ul.gnb1_sub .sub1 { margin-left:140px;}
#gnb ul.gnb1_sub .sub2 { margin-left:18px;}
#gnb ul.gnb1_sub .sub3 { margin-left:18px;}
#gnb ul.gnb1_sub .sub4 { margin-left:18px;}


/* MES&POP gnb*/
#gnb ul.gnb2_sub .sub1 { margin-left:80px;}
#gnb ul.gnb2_sub .sub2 { margin-left:18px;}
#gnb ul.gnb2_sub .sub3 { margin-left:18px;}
#gnb ul.gnb2_sub .sub4 { margin-left:18px;}

/* 스마트 생산실적 gnb*/
#gnb ul.gnb3_sub .sub1 { margin-left:80px;}
#gnb ul.gnb3_sub .sub2 { margin-left:18px;}
#gnb ul.gnb3_sub .sub3 { margin-left:18px;}
#gnb ul.gnb3_sub .sub4 { margin-left:18px;}
#gnb ul.gnb3_sub .sub5 { margin-left:18px;}

/* ERP gnb*/
#gnb ul.gnb4_sub .sub1 { margin-left:100px;}
#gnb ul.gnb4_sub .sub2 { margin-left:18px;}
#gnb ul.gnb4_sub .sub3 { margin-left:18px;}
#gnb ul.gnb4_sub .sub4 { margin-left:18px;}
#gnb ul.gnb4_sub .sub5 { margin-left:18px;}

/* 회사소개 */
#gnb ul.gnb5_sub .sub1 {margin-left:190px;}
#gnb ul.gnb5_sub .sub2 {margin-left:18px;}
#gnb ul.gnb5_sub .sub3 {}
#gnb ul.gnb5_sub .sub4 {}

/* Q&A */
#gnb ul.gnb6_sub .sub1 {width:100px; margin-left:70px;}
#gnb ul.gnb6_sub .sub2 {width:100px;}

#gnb ul a:hover {color:#fff;}

/*전체메뉴 gnb 버튼*/
.gnb_btn { width:51px; height:51px; position:absolute;background:url('/web/images/common/gnb_btn.jpg') center center no-repeat; 
right:-60px; top:30px; cursor:pointer;} 
/*hidemenu*/
/*hide_menu 전체메뉴*/
.hide_menu_wrap { width:100%; height:470px; background:rgba(18,71,131,0.85); position:fixed; top:-475px; z-index:99999999;}

.hide_menu_gnb_wrap { /* width:1850px; */ height:100px; border-bottom:1px solid #fff; background:rgba(18,71,131,1);}

.hide_menu_gnb { width:980px; height:100px; margin:0 auto; position:relative;}
.hide_menu_logo { padding-top:10px; float:left;}
.hide_utilmenu {position:absolute;right:0px;top:5px;}
.hide_utilmenu li {float:left;padding:0 10px; }
.hide_utilmenu li a {font-size:0.9em; color:#fff;}
.hide_menu_gnb_ul { position:absolute; right:0; bottom:20px;}
.hide_menu_gnb_ul li { display:inline-block; margin-right:40px; font-size:15px; font-weight:300; }
.hide_menu_gnb_ul li a {color:#fff;} 
.hide_menu_gnb_ul li:last-child { margin-right:0px;} 
.hide_menu_close { float:right; margin-right:-80px; margin-top:28px; cursor:pointer;}

.hide_menu_content_wrap { width:1920px; height:370px;  background:rgba(18,71,131,0.85); }
.hide_menu_content { width:1000px; height:330px; margin:0 auto; padding-top:40px;}
.hide_menu_content ul li { margin-bottom:10px;}
.hide_menu1 { margin-left:10px;}
.hide_menu_content ul { width:157px; height:300px; float:left; text-align:center; margin-right:8px;}
.hide_menu_content ul li:first-child { height:35px; line-height:35px; border:1px solid #fff; }
.hide_menu_content ul li a {color:#fff; font-size:17px; font-weight:300;}

/* 퀵메뉴 */
.i_onefixed{position: fixed; top: 115px;right: 15px; z-index: 3;}
.i_onefixed ul li{ text-align: center;}
.i_onefixed ul li a{width: 105px; height: 100px; border-bottom: 2px solid #fff; box-sizing: border-box; background: #2d72c1; display: block; color: #fff; font-weight: 400; font-size: 14px; transition: all 0.3s ease-out}
.i_onefixed ul li:first-child a{font-size: 16px; padding-top: 20px; line-height: 1.5em;}
.i_onefixed ul li:nth-child(1) a:hover{background: #134782;}
.i_onefixed ul li:nth-child(2) a:hover{background: #134782;}
.i_onefixed ul li:nth-child(3) a:hover{background: #134782;}
.i_onefixed ul li:nth-child(4) a:hover{background: #134782;}
.i_onefixed ul li:last-child a{height: 50px; background: #134782; border: none;}
.i_onefixed ul li a img{padding-top: 20px;}
.i_onefixed ul li a p{padding-top: 13px;}
.i_onefixed ul li a span{display: block;}

.i_onefixed ul li:last-child a p{padding-top: 0;}
.i_onefixed ul li:last-child a img{padding-top: 13px;}
.i_onefixed ul li a.kakao_aside img{width: 33px;}
.i_onefixed ul li a.kakao_aside p{padding-top: 5px; line-height: 1.2; font-size: 14px;}


/* footer*/
#footer_wrap {padding-bottom:16px;}
#footer .logo_foot {width:335px; height:32px; float:left; margin-left:-50px;margin-right:30px; padding:35px 0 0 10px;}
.logo_foot img {margin:10px 0 0 0;}
#footer .addr {float:left; width:650px;font-size:14px; font-weight:300; padding-top:30px; color:#000;} 
#footer .addr .sep_foot {margin:0 5px;}
.copy { position:absolute; width:100%; height:40px; background:#FFF; line-height:40px; text-align:center; color:#000;}