@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
공통
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap{margin:0px; padding:0px; position:relative; width:100%; min-width:1024px;z-index:9999;}
/* #Main_BG{background:url('../images/bg/top_bg.gif') left top repeat-x;}
#bg {background:url('../images/bg/top_bg2.gif') no-repeat center top;} */
#header{margin:0px auto; padding:0px; width:100%; }
#container{margin:0px; padding:0px; position:relative;}
#Cont{width:995px; margin:0 auto; padding:0px; position:relative;}  
/* 141224 추가 */
#footer_area{position:relative}
#footer_linkgo{position:absolute;top:25px;right:130px;width:120px;border:1px solid #d5d5d5;line-height:30px;height:30px;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
헤더
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#Top{width:995px; margin:0px auto; padding:0px; }
#Top:after{content:""; display:block; clear:both;}
#Top .Tnb{margin:0px; padding:0px; display:inline; height:26px; float:left;}
#Top .Tnb:after{content:""; display:block; clear:both;}
#Top .Tnb li{margin:0px; padding:0px; float:left;}

#Top .Log_info{margin:0px; padding:6px 0 0 0; float:right; display:inline;}
#Top .Log_info{height:20px}/* 141224 추가 */
#Top .Log_info:after{content:""; display:block; clear:both;}
#Top .Log_info li{float:left; color:#666; font-size:0.917em; padding:0 8px; display:inline; background:url('../images/bg/top_line.gif') right 4px no-repeat;}
#Top .Log_info li.first{padding:0 16px 0 0; display:inline;}
#Top .Log_info li.first img{vertical-align:middle; margin-top:-2px;}
*:first-child+html #Top .Log_info li.first img{vertical-align:middle; margin-top:-1px;} /* IE7 핵*/
#Top .Log_info li.last{padding:0 0 0 8px; background:none;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
검색박스
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#Search_Box{width:995px; margin:0px auto; padding:0 0 10px 0; position:relative; height:118px; z-index:100;}
#Search_Box .Search{float:left; display:inline-block; margin:20px 0 0 0; padding:0 0 0 0;width:750px;}
#Search_Box .Search:after{content:""; display:block; clear:both;}
#Search_Box .Search h1{display:inline;padding:0px; float:left;}
#Search_Box .Search .search_bar{background:url('../images/bg/search_bg.gif') left top no-repeat; width:304px; height:26px; padding:4px; float:left; margin:10px 0 0 10px; position:relative; display:inline-block}
#Search_Box .Search .imory{margin:0 0 0 44px;}
#Search_Box .Search .search_bar input{padding:6px 20px 5px 5px; width:215px; border:none; background:#fff; overflow:hidden; margin:0px; color:#212121; font-size:14px; font-weight:bold;}
*:first-child+html #Search_Box .Search .search_bar input{margin-left:-10px;}
#Search_Box .Search .search_bar .S_btn{position:absolute; top:4px; right:4px;}
#Search_Box .Search .search_bar .Auto_btn{position:absolute; top:4px; right:45px;}

#Search_Box .Search .Lank{float:left; margin:18px 0 0 8px; padding:0px; }
#Search_Box .Search .Lank span.no1{background:url('../images/ico/n_ico_01.gif') left top no-repeat; padding:0 0 0 16px; display:inline;}
#Search_Box .Search .Lank span img{vertical-align:middle; padding-left:8px; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
GNB
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#Gnb{width:680px; margin:15px 0 0 0; padding:10px 0 0 0; display:inline-block; position:; z-index:100; top:67px;}
*:first-child+html #Gnb{margin:25px 0 0 0; padding:0; display:inline-block;}
#Gnb ul{padding:0; margin:0; display:inline; top:92px; z-index:100;}
#Gnb ul li{float:left; border-right:1px solid #d9d9d9; padding:0 15px; line-height:0px;}
#Gnb ul li.first{padding:0 15px 0 4px;}
#Gnb ul li.last{padding:0 0 0 15px; border:none;}

#GnbMain{width:500px; margin:15px 0 0 0; padding:0; display:inline-block; z-index:100; position:absolute; top:69px; right:0;}
*:first-child+html #GnbMain{margin:25px 0 0 0; padding:0; display:inline-block;}
#GnbMain ul{padding:0 0 0 0; margin:0px; display:inline;}
#GnbMain ul li{float:left; border-right:1px solid #d9d9d9; padding:0 15px; line-height:0px;}
#GnbMain ul li.first{padding:0 15px 0 4px;}
#GnbMain ul li.last{padding:0 0 0 15px; border:none;}

#Gnb ul li .SNB_Box{position:relative; margin:0px; padding:0px;}
#Gnb ul li .SNB_Box .SNB{position:absolute; top:16px; width:995px; z-index:100;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
오른쪽 상단 배너
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#Search_Box .Top_banner{float:right; padding:0px; display:inline-block;}
#Search_Box .Top_banner .top_sel{position:absolute; bottom:16px; right:0px;}
#Search_Box .Top_banner .top_sel li{float:left; padding:0 2px;}
#Search_Box .Top_banner .top_sel li.last{padding:0 2px 0 0;}

/* 심파일 */
.position {position:absolute; top:73px; .top:63px; _top:73px;left:0;}
.Search  .txt {position:absolute; top:40px; left:580px;  _left:580px; width:150px;letter-spacing:-0.1em;}
#Top .Log_info li .small {font-size:9px; padding-left:2px;}
.paddT {display:inline-block; padding-top:12px;}
#Search_Box .Search #ml {margin-left:46px; _margin-left:20px;}
#Gnb .smallMenu {display:inline-block; margin-top:2px; padding-left:25px; overflow:hidden;}
#Gnb .smallMenu li {padding:0 11px;}
#Gnb .smallMenu li.last {padding-left:11px;}

.simNav {width:995px;height:42px; margin:0 auto; padding:0 9px 0 27px; border:1px solid #3a3a3a; border-width:1px 0; background:#515151 url("../images/bg/simnav_bg.gif") no-repeat 15px 14px; overflow:hidden;}
.simNav li {float:left; height:42px; line-height:42px;}
.simNav li a {padding:0 9px; font-size:11px; color:#ccc !important; text-indent:-0.5em;}
.simNav .orange {float:right;}
.simNav .orange a {font-weight:bold; color:#ff921d !important;}

/* cloud */
#Search_Box  .mt30 {margin-top:30px;}
#Search_Box  .mt20 {margin-top:20px;}
#container #middle_area_main {border-top:none;}

/* imory */
#Gnb .box {z-index:101; display:block; position:absolute; top:30px; .top:20px; _top:30px; border:1px solid #dfdfdf; border-width:0 1px 1px 1px;}
#Gnb .box  li {clear:both; width:108px; height:28px; line-height:28px; padding-left:10px; background:#fff; border-top:1px solid #dfdfdf; border-right:0;}
#Gnb  .left1 {left:-40px;}
#Gnb  .left2 {left:60px;}
#Gnb  .left3 {left:165px;}
#Gnb  .left4 {left:280px;}
#Gnb  .left5 {left:390px;}
.padd27 {padding-left:27px;}
#Gnb ul li {height:35px; border:0; background:url('http://www.uplusbox.co.kr/common/gnb/images/bg/top_line.gif') right 4px no-repeat;}
#Gnb ul li ul {display:none; left:0; width:145px; padding:0; position:absolute; top:30px; .top:20px; _top:30px; border:1px solid #dfdfdf; border-width:0 1px 1px 1px;}
#Gnb ul li ul.on {display:block; border:1px solid #dfdfdf; border-width:0 1px 1px 1px; top:26px;}
#on1.on {left:-40px;}
#on2.on {left:60px;}
#on3.on {left:165px;}
#on4.on {left:280px;}
#on5.on {left:390px;}
#Gnb ul li ul li {width:145px; height:27px; background:#fff; border-top:1px solid #dfdfdf; padding:0;}
#Gnb ul li ul li.last {border-bottom:0;}
#Gnb ul li ul li a {height:27px; display:inline-block; width:123px; line-height:24px; padding:0 0 0 22px;}
#Gnb ul li ul li a:hover {height:27px; line-height:24px; background:#efefef; border-color:#ffab82; /*font-weight:bold; color:#fff;*/ padding:0 0 0 22px; color:#000000; text-decoration:none;}
.gnb_position {position:; /*top:73px; .top:63px; _top:73px;*/ left:0;}
.gnb_sub {position:absolute; }

/* main */
#headerMain{width:995px; margin:0 auto; border-bottom:2px solid #d22d6f; position:relative;}
#headerMain #Top{width:100%; height:26px;}
#headerMain #Top .home {position:absolute; top:0; left:0;}
#headerMain #Top .home a {line-height:25px; font-size:11px; color:#666;}
#headerMain #Top .home a span {font-size:9px;}
#headerMain #Search_Box {height:101px} /* 141224 수정 */
#headerMain #GnbMain {width:auto; margin-top:0;}