@charset "utf-8";
/*----------------------------------------------------------------------------------------------------
 HEARDER
----------------------------------------------------------------------------------------------------*/
#header {position:relative; width:100%; }

/* header_top */
.header_top {position:relative; height:55px; background: -moz-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(50,50,50,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(100%,rgba(50,50,50,1))); /* Chrome,Safari4+ */overflow:hidden; width:100%; }
.header_top .htl { position:absolute;top:0; left:0; padding-right:26px; }

.logobox {position:relative; display:block;  height:50px; margin:0;}
.logobox h1{display:block; font-size:20px; font-weight:bold;}
.logobox h1 a{position:relative; padding:5px 0 5px 5px;display:block; line-height:40px; height:40px; color:#fff; text-shadow:0 0 2px #000; letter-spacing:-1px;z-index:2;}
.logobox h1 a span {float:left;clear:both;display:inline-block; line-height:24px;overflow:hidden;white-space:nowrap;}
.logobox h1 a span.main { margin-top:3px; font-size:18px; padding:6px 15px;border:1px solid #2B2B2B; border-radius:5px;-webkit-border-radius:5px; background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(153,153,153,0.05) 40%, rgba(102,102,102,0.05) 60%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(40%,rgba(153,153,153,0.05)), color-stop(60%,rgba(102,102,102,0.1)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */}
.logobox h1 a span.sub {color:#BAC5D2; font-size:11px; line-height:16px; text-shadow:0 0 1px #000; letter-spacing:0; clear:both; }

.btnbox {display:block;list-style:none;z-index:3}
.btnbox li{position:relative;display:inline-block;float:right; height:55px; border-left:1px solid transparent;border-right:1px solid transparent;}
.btnbox li a{display:inline-block; width:45px;margin:0;padding-top:30px;font-size:10px; text-align:center; letter-spacing:-1px;color:#fff; background:url(../images/header_btn.png) no-repeat left center transparent; opacity:.6; }
.btnbox li.selected {background-color:#323232;border-left:1px solid #161616;border-right:1px solid #161616;}

.btnbox li.selected a{opacity:1;}
.btnbox li a.login{background-position:2px 0}
.btnbox li a.search{background-position:-43px 0}
.btnbox li a.sitemap{background-position:-88px 0}
.btnbox li a.myinfo{background-position:-135px 0}
.btnbox li a span {display:inline-block; line-height:20px}

/* header_top-sub_style */
.sub_style .header_top {height:40px; }
.sub_style .header_top .htl {height:35px; padding-top:5px;padding-right:26px; }
.sub_style .logobox {height:35px;}
.sub_style .logobox h1{font-size:18px;}
.sub_style .logobox h1 a{line-height:20px; height:20px; letter-spacing:0;}
.sub_style .logobox h1 a span {line-height:100%;}
.sub_style .logobox h1 a span.sub {margin-left:3px;padding-top:4px;float:none}
.sub_style .logobox h1 a span.main{font-size:13px; margin-top:-4px;;}

.sub_style .btnbox li {padding:0 2px;height:40px;}
.sub_style .btnbox li a {margin-top:4px; padding-top:0; width:30px;height:30px; }
.sub_style .btnbox li a.login{background-position:-6px -2px}
.sub_style .btnbox li a.search{background-position:-52px -2px}
.sub_style .btnbox li a.sitemap{background-position:-98px -2px}
.sub_style .btnbox li a.myinfo{background-position:-142px -2px}
.sub_style .btnbox li a span {display:none}

/* img logo */
.logo_img .logobox h1 img{border:0;max-height:40px}
.sub_style .logo_img .logobox h1 img{border:0;max-height:20px}

/* hideLayerBox */
#hideLayerBox {overflow:hidden;  display:block; background:#323232; }
#hideLayerBox .box_wrap {padding:5px;margin:5px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background-color: #fff;}
#hideLayerBox .btn_area {overflow:hidden; padding:3px; display:block; border-top: 1px solid #D5DADE;}
#hideLayerBox .btn_area span {display:inline-block; padding:1px; background:-webkit-gradient(linear,left top,left bottom,from(#c4c7d0),to(#c4c7d0));background-color:#c4c7d0;border-radius:4px;-webkit-border-radius:4px; margin:0 2px}
#hideLayerBox .btn_area span a{display:block; padding:3px 5px;font-size:12px; color:#666;  background-color:#f8f8f9; background:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f4f4f5));background-color:#f8f8f9; border-radius:3px;-webkit-border-radius:3px;box-shadow:inset 1px 2px 1px rgba(253,253,253,1),inset -1px 0 1px rgba(249,249,249,1);-webkit-box-shadow:inset 1px 2px 1px rgba(253,253,253,1),inset -1px 0 1px rgba(249,249,249,1); }

#searchBox,
#myinfoBox,
#sitemapBox{display:none;  border-top:1px solid #000000; }

#searchBox.open,
#myinfoBox.open,
#sitemapBox.open{display:block; }
#sitemapBox {padding:5px}

/* Search Form */
#searchBox .default_form{margin:5px 5px 3px 5px;}
#searchBox .keyarea{position:relative; display:block; border:2px solid #BEBEBE;border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-right:45px}
#searchBox .keyword {width:98%; height:24px; font-size:14px; padding:2px 0 1px 2px; line-height:16px;border:0;}
#searchBox .submit{position:absolute;top:0;right:0; height:28px;  width: 40px; border:0; background;none; background: url("../images/icon_search.png") no-repeat center center transparent; z-index:2}
#searchBox .submit span{display:none}

/* Member Info */
#myinfoBox ul{position:relative;margin:5px;  }
#myinfoBox ul li{list-style:none;padding:0 5px;margin:0;color:#000;border-bottom:1px solid #ddd;font-size:14px;line-height:2}
#myinfoBox ul li:last-child {border-bottom:0}
#myinfoBox ul li.profile_img{padding:0;border:0}
#myinfoBox ul li.profile_img label{display:none;}
#myinfoBox ul li.profile_img img{width:50px;height:50px;padding:3px;margin-top:2px;background:#333}
#myinfoBox ul li span.profile_title{display:inline-block;width:33%;margin-right:5px;font-size:12px}
#myinfoBox ul li span.profile_title:after{float:right;content:"›";color:#888;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
#myinfoBox ul li div.profile_info{display:inline-block;vertical-align:top}

/* Site Map */
.sitemap_box {overflow:hidden; margin:5px; padding:2px; border:1px solid #BEBEBE;-moz-border-radius-: 4px;-webkit-border-radius: 4px; border-top-radius: 4px;}
.sitemap_box .sitemap{margin:0;padding:0;list-style:none; }
.sitemap_box .sitemap li span {position:relative; display:block; background:#EDEDED }
.sitemap_box .sitemap li span a{color:#666666; font-size:14px; text-decoration:none;display:block;padding:7px;border-top: 1px solid #FFFFFF; border-bottom: 1px solid #ddd;}
.sitemap_box .sitemap li span.selected a{font-weight:bold; }
.sitemap_box .sitemap li li span{background:#F9F9F9;font-weight:normal; }
.sitemap_box .sitemap li li a:before{content:"";display:inline-block;width:6px;height:6px; background: url("../images/sitemap_bullet.png") no-repeat center center transparent; margin:0 5px 2px 0; opacity:.6;}
.sitemap_box .sitemap li li a{padding-left:15px;font-size:13px; }
.sitemap_box .sitemap li li li a{padding-left:30px;font-size:12px; }
.sitemap_box .sitemap li li li li a{padding-left:45px;font-size:11px; }
.sitemap_box .sitemap li li li li li a{padding-left:60px}
.sitemap_box .sitemap li span button {background: url("../images/sitemap_plus.png") no-repeat center center transparent; cursor:pointer; border:0; display: block; opacity:.6;  height:100%;  position: absolute; right: 0;  top: 0; width: 40px;z-index:3}
.sitemap_box .sitemap li span button.close {background-image:url("../images/sitemap_minus.png");}
.sitemap_box .sitemap li span button span {display:none;}

/* header_middle */
.header_middle {overflow:hidden; display:block; border-top:1px solid #000000; background:#4d4d4d }
.top_menu_box {position:relative; overflow:hidden;padding:0;list-style:none; border-top:1px solid #606060; border-bottom:2px solid #000000;  padding:0 30px; background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(10%,rgba(0,0,0,0)), color-stop(90%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */}
.top_menu_slide ul{position:relative; overflow:hidden;}
.top_menu_slide li{position:relative;vertical-align:top; }
.top_menu_slide .prev,
.top_menu_slide .next {position:absolute;top:0; display:inline-block;}
.top_menu_slide .prev{left:0;}
.top_menu_slide .next{right:0;}
.top_menu_slide .prev a,
.top_menu_slide .next a{position:relative;display:block; opacity:.3; background:url(../images/top_menu_arrow.png) no-repeat left center transparent; line-height:35px; height:35px; width:30px; z-index:2 }
.top_menu_slide .next a {background-position:right center; }

.top_menu{overflow:hidden;}
.top_menu li{float:left;overflow:hidden; position:relative;width:25%; height:35px; 	}
.top_menu li a{overflow:hidden; display:block; text-align:center; border-left:1px solid #3d3d3d; border-right:1px solid #606060; white-space:nowrap;}
.top_menu li a span{position:relative; display:block;line-height:35px;font-size:12px;font-weight:bold; color:#E5E5E5;text-shadow: 0 -1px #000000;}
.top_menu li a span img{position:absolute; right:2px;top:2px; }
.top_menu li:first-child a {border-left:0; }
.top_menu li:last-child a {border-right:0;}
.top_menu li.on{background:#3E3E3E;  }
.top_menu li.on:first-child a span {border-left:1px solid #3d3d3d;}
.top_menu li.on:last-child a {border-right:1px solid #3d3d3d;}
.top_menu li.on:last-child a span {border-right:1px solid #606060;}
.top_menu li.on a span{color:#fff;font-size:13px; }

.sub_menu_box {position:relative; overflow:hidden; } 
.sub_menu{position:relative; overflow:hidden; height:35px; background:url(../images/sub_menu_bg.png) repeat-x top transparent; }
.sub_menu .mtitle{line-height:32px;  text-align:center; margin:0 80px}
.sub_menu .mtitle .menu_title{display:inline;color:#333;font-size:14px; font-weight:bold}
.sub_menu span.submenu {position:absolute;top:3px;right:3px; }
.sub_menu span.backbtn,
.sub_menu span.equalmenu {position:absolute;top:5px;left:3px;  }
.sub_menu span.backbtn button,
.sub_menu span.submenu button,
.sub_menu span.equalmenu button {display:inline-block;line-height:20px; padding:0 7px; font-size:12px; border:1px solid #a0a7af;border-radius:3px;background:#fff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ }
.sub_menu span.equalmenu button.on,
.sub_menu span.submenu button.on {border:1px solid #000; color:#505050;font-weight:bold}
.sub_menu ul{ overflow:hidden; height:35px;  padding:0 5px }
.sub_menu li{float:left;margin-left:-1px;  text-align:center; height:35px; padding:0 5px; }
.sub_menu li.on{background:url(../images/colorset/black/sub_menu_selected.png) no-repeat center center transparent;}
.sub_menu li a{position:relative; display:block; color:#666; font-size:11px;letter-spacing:-1px; text-align: center;   line-height:33px; padding-right:5px }
.sub_menu li a:after{position:absolute;left:100%;width:5px;line-height:33px; font-size:11px; color:#BEBEBE;letter-spacing:-1px;  content:'>'}
.sub_menu li a span {display:inline-block;}
.sub_menu li a span img{display:none}
.sub_menu li:last-child a {font-weight: bold; }
.sub_menu li:last-child a:after{width:0; content:''}
.sub_menu li a.issub span {background:url(../images/emp_bg.png) no-repeat right center transparent; padding-right:16px;}
.sub_menu li.on a.issub span {background-image:url(../images/emm_bg.png); }

.hide_menu_box{display:none;position:relative; overflow:hidden; padding-top:10px; color:#666; background-color:#4D4D4D; padding:5px; border-bottom:1px solid #B2B2B2; }
.hide_menu_box.open{display:block;}
.hide_menu_box .hide_menu {border:1px solid #c6c6c6;border-bottom-color:#9e9e9e; background-color:#fff; border-radius:3px;box-shadow:0 1px #dbdbdb}
.hide_menu_box .hide_menu h2 {margin-bottom:0;padding:4px 10px;border-bottom:1px solid #d9d9d9; background-color:#FAFAFB; color:#333; font-size: 11px;  letter-spacing: -1px;  line-height: 18px;}
.hide_menu_box .hide_menu h2 img {display:none}
.hide_menu_box .hide_menu h2 .m {color:#666; }
.hide_menu_box .m_list{overflow:hidden;position:relative;margin:5px; border:1px solid #c6c6c6;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;white-space:nowrap}
.hide_menu_box .m_list li{float:left;width:33.2%;background:#E5E5E5;}
.hide_menu_box .m_list li a{display:block;height:30px;font-size:12px;line-height:30px;letter-spacing:-1px; text-align:center;white-space:nowrap}
.hide_menu_box .m_list li a.selected{font-weight:bold}
.hide_menu_box .m_list li a img{vertical-align:middle;padding-bottom:3px}
.hide_menu_box .m_list li:nth-child(1){border-radius:1px 0 0 0}
.hide_menu_box .m_list li:nth-child(3){border-radius:0 1px 0 0}
.hide_menu_box .m_list li:nth-last-child(1){border-radius:0 0 1px 0}
.hide_menu_box .m_list li:nth-last-child(3){border-radius:0 0 0 1px}
.hide_menu_box .m_list li:nth-child(n+4){border-top:1px solid #c6c6c6}
.hide_menu_box .m_list li:nth-child(3n-1){border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6}
.hide_menu_box .m_list li:nth-child(3n){float:none;overflow:hidden;width:auto}
.hide_menu_box .hide_menu .btn_area{padding:0 5px; height:25px;border-top:1px solid #d5d5d5; border-radius:0 0 3px 3px;background-color:#FAFAFB;text-align:right}
.hide_menu_box .hide_menu .btn_area .close_btn{float:right;display:inline-block;margin:3px 2px 0 2px;padding:0 7px; font-size:11px; line-height:20px; }

.sub_title_box {position:relative; overflow:hidden; padding:0 80px; height:35px; background:url(../images/sub_menu_bg.png) repeat-x top transparent;}
.sub_title_box .prev,
.sub_title_box .cate {position:absolute;top:0; display:block; padding:2px 0 ;width:70px;}
.sub_title_box .prev{left:5px; text-align:left; }
.sub_title_box .cate{right:5px; width:80px; text-align:right;  }
.sub_title_box .prev button,
.sub_title_box .cate button {display:inline-block;line-height:22px; padding:0 7px; font-size:12px; border:1px solid #a0a7af;border-radius:3px;background:#fff;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */}
.sub_title_box .cate button.on {color:#505050;font-weight:bold }
.sub_title_box .mtitle{position:relative; overflow:hidden; padding:0; line-height:32px; height:32px;  text-align:center; }
.sub_title_box .mtitle .menu_title{display:inline;color:#333;font-size:14px; font-weight:bold}
.sub_title_box .title_box{overflow:hidden;display:block; height:30px; color:#fff; line-height:30px; font-weight:bold}