@charset "utf-8";

/************************************************
	layout
************************************************/

#wrap-top {position:relative; overflow:hidden;}

#header{position:relative; height:100px; line-height:100px; padding:0px; z-index:5}
#header h1.logo{ position:absolute; top:25px; width:196px; z-index:10; left:50%; margin-left:-550px;} 
#header h1.logo >a{ height:50px; display:block; text-indent:-9999px; background:url(../../images/logo_nubicom_20years.png) 50% 50% no-repeat; }

#header .header-top {position:absolute; top:0px; right:50%; height:40px; line-height:40px; margin-right:-555px; z-index:200}
#header .header-top ul{display:inline-block;}
#header .header-top li{display:inline-block;}
#header .header-top li a{position:relative; display:block; color:#898989; font-size:12px; padding:17px 6px 0 6px; }
#header .header-top li a:hover{color:#00aeef; text-decoration:none;}
#header .header-top li a:after{content:""; position:absolute; display:block; width:1px; height:0px; top:50%; right:0; margin-top:-6px;}

#header .header-top .lang {border:#cccccc 0px solid}
#header .header-top .lang li a{ font-size:12px; color:#00aeef; padding-right: 0}
#header .header-top .lang li a.on {color:#00aeef;}
#header .header-top .lang li a:hover {color:#898989;}
#header .header-top .lang li a:after{content:""; position:absolute; display:block;  width:1px; height:0px; top:50%; right:0; margin-top:-5px;}
#header .header-top li:last-child a:after{ display:none;}

#header .header-top .search_top_area {margin-left: 10px; margin-right: 0}
#header .header-top .maintop_search_rap {width:100%; padding:0; margin:0; position:relative; top:9px;}
#header .header-top .maintop_search_box {width:158px; height:24px; border:1px #d9d9d9 solid;}
#header .header-top .maintop_search {float:left; width:126px; height:22px;}
#header .header-top .input_maintop_serach {width:126px; height:22px; border:0; margin-left:5px; position:relative; top:-9px; font-size: 12px; color: #898989}
#header .header-top .maintop_search_btn {float:right; width:13px; height:13px; padding-right:15px; position:relative; top:-27px;}

.welcome {float:left; padding-right:12px; color:#1e1e1e; font-size:11px; font-weight:bold; padding-top:17px;}
.dealer {float:left; margin-left:10px; color:#ed145b; font-size:11px; font-weight:bold}
.dealer_info {color:#00aeef; font-size:11px; font-weight:bold}  /* 201703 수정 */
.line {background:url(../../images/top_line.gif) no-repeat 5px 2px; padding-left: 5px; padding-right: 5px}


#header .sub-bg{ position:absolute; top:110px; left:0; height:160px; width:100%; border-top:#e6e5e5 1px solid; background-color:#fff; z-index:3; box-shadow:0 3px 3px rgba(0,0,0,0.1); display:none;}

#gnb-wrap{ position:relative; z-index:100; border:0px solid #000000}
#gnb{position:relative; width:1110px; height:60px; margin:0 auto; padding:0; z-index:100; text-align:right; margin-top: -10px}
#gnb>li{ display:inline-block; padding-left:40px; margin-top:62px; padding-bottom: 30px}
#gnb>li>a{ position:relative; display:block; font-size:16px; font-weight:bold; color:#000; padding:0; line-height:40px; height:40px; text-decoration:none; }

#gnb>li>a:hover,
#gnb>li:hover>a,
#gnb>li.top_2th_ov>a{color:#00aeef;}
#gnb>li>a:after{ content:""; position:absolute; display:block; width:100%; height:3px; top: 48px; background-color:#00aeef; bottom:-10px; left:0; opacity:0; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
#gnb>li>a:hover:after,
#gnb>li:hover>a:after,
#gnb>li.top_2th_ov>a:after{content:""; display:block; opacity:1;}
#gnb>li>.subdepth{position:absolute; top:135px; left:0; width:100%; padding:0px 0 0 0; height:160px; text-align:left; display:none; z-index:10000;}
#gnb>li>.subdepth>.tit-tx{position:relative; float:left; width:275px; height:110px; color:#959595;}
#gnb>li>.subdepth>.tit-tx strong{font-size:24px; color:#2471c8; line-height:1; display:block; margin:0 0 15px 0;}
#gnb>li>.subdepth>.tit-tx:after{content:""; position:absolute; bottom:0; right:25px; display:block; background-repeat:no-repeat; background-position:100% 50%; width:72px; height:70px;}

#gnb>li>.subdepth>.inner{float:left; display:table; height:110px;}
#gnb>li>.subdepth>.inner>ul{display:table-cell;  width:235px; list-style:none}
#gnb>li>.subdepth>.inner>ul>li+li{margin-top:12px;}
#gnb>li>.subdepth>.inner>ul>li>a{ position:relative; display:block; line-height:1; color:#898989; padding-left:0px; text-decoration:none; font-size:14px; font-weight:none;}
#gnb>li>.subdepth>.inner>ul>li>a:hover{color:#00aeef; text-decoration:none; font-weight: bold}



/* submain_top_area */
.submain_img {width:100%;height:176px;background-color:#00001d;}
.submain_img_area {width:1110px;margin:auto;}
.submain_img_app {background:transparent url(../../images/visual_new_app.jpg) no-repeat 0 0; height:176px; width:1110px;}
.submain_img_product {background:transparent url(../../images/visual_new_product.jpg) no-repeat 0 0; height:176px; width:1110px;}
.submain_img_maker {background:transparent url(../../images/visual_new_maker.jpg) no-repeat 0 0; height:176px; width:1110px;}
.submain_location {text-align:right; color:#828282; font-size:11px;}
.location {height:35px; line-height:35px;}
.submain_img_title {position:relative; top:-30px;}
.submain_img_btext {text-align:center; font-size:36px; color:#ffffff; height:0;padding-bottom:10px;}
.submain_img_mtext {text-align:center; font-size:30px; color:#00aeef; height:0; padding-bottom:20px;}
.submain_img_stext {text-align:center; font-size:12px; color:#acacac; height:0;}