@charset "utf-8";

/* 우상단 로그인 */
.top_header{z-index:4;position:relative;height:36px;}
.top_headerB{z-index:4;position:relative;height:35px;border-bottom:1px solid #e4e4e4;}
.wrap_account{z-index:2;position:relative;*zoom:1;}
.account{position:absolute;;z-index:1;*zoom:1;height:36px;right:0px;}
.account ul{ margin:0;padding:0;z-index:2;list-style:none;float:right;}
.account li{float:left;line-height:18px;position:relative;background:url(../img/top_li50.png) no-repeat left 50%;padding-left:2px;}
.account li.first_login{background:none;}
.account li a,
.account li button{text-decoration:none;line-height:18px;display:inline-block;padding:9px 10px;color:#eee;}
.account li a:hover,
.account li button:hover{color:#fff;}
.top_headerB .account li a,
.top_headerB .account li button{color:#666}
.top_headerB .account li a:hover,
.top_headerB .account li button:hover{color:#111;}
/* 언어선택 */
.wrap_login .language .toggle{background:none;border:0;outline:none;cursor:pointer;margin:0;overflow:visible;vertical-align:top;}
.wrap_login .language ul{position:absolute;top:100%;left:-50%;display:none;opacity:0.95;filter:alpha(opacity=95);background:#fff;border:1px solid #ddd;border-top:0;border-bottom:0;margin:0;padding:0;}
.wrap_login .language li{list-style:none;border:0;border-top:1px solid #ddd;width:100px;padding:5px 10px;text-align:center;background:none !important;height:24px;line-height:24px;}
.wrap_login .language li:hover{background:#fafafa;}
.wrap_login .language li button{background:none;border:0;white-space:nowrap;cursor:pointer;padding:0;overflow:visible;display:inline-block;height:24px;color:#111;line-height:24px;text-decoration:none !important;}
.wrap_login .language li.close_selectLang{text-align:center;background:#555 !important;border-top:1px solid #555;;border-bottom:1px solid #555;height:24px;line-height:24px;}
.wrap_login .language li.close_selectLang .toggle{padding:3px;}
.top_headerB .wrap_login .language li.close_selectLang{background:#f6f6f6 !important;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
/* 좌상단 메뉴 */
.right_login{position:absolute;right:0px;top:30px;width:20px;height:20px;}
.right_login a.mobile_menu_act{display:inline-block;width:12px;height:12px;padding:3px;}
.right_login span{height:2px;width:12px;background:#333;position:absolute;display:inline-block;left:3px;}
.login_span_top{top:3px;}
.login_span_middle{top:8px;}
.login_span_bottom{bottom:5px;}
.right_login a.mobile_menu_phone{position:absolute;right:30px;top:-2px;width:24px;height:24px;}


/* 로고 */
.middle_header{position:relative;z-index:3;text-align:center;}
.header h1{margin:0;padding:0;z-index:2;}
.header h1.large_logo{position:absolute;padding:0 0px;}
.logo_min{display:none}
.header ul:after{content:"";display:block;clear:both}
.header h1 *,
.fix_header h1 *,
.gnb *{vertical-align:middle;}
.middle_menu{z-index:1;position:relative;}
.header h1.large_logo span{display:inline-block;padding-left:15px;margin-left:15px;border-left:1px solid #fff;vertical-align:bottom;position:relative;top:-3px;}
/* 검색 */
.top_search{position:absolute;width:250px;height:30px;display:inline-block;z-index:4;overflow:hidden;background:url(../img/bg_search.png) no-repeat right top;right:0;top:50%;margin-top:-15px;}
.TopinputText{position:absolute;outline:none;top:1px;left:1px;width:198px;padding:6px 8px 6px 8px;height:16px;line-height:15px;font-size:12px;border:none;background:url(../img/empty.gif);color:#fff;}
.Topsearch{position:absolute;height:30px;width:30px;right:0px;top:0px;}

/* -- 메인메뉴 -- */
.wrap_menu{display:inline-block;*display:inline;padding: 0 8px 0 510px;}
.top_lang *{vertical-align:top}
.wrap_menu ul{margin:0;padding:0;}
.wrap_menu li.first_li,
.fix_header .gnb li.first_li{list-style:none;float:left;padding:0 15px;position:relative;}
.main_menu{white-space:nowrap;position:relative;z-index:3;display:inline-block;*display:inline;vertical-align:middle;}
a.first_a{float:left;height:24px;line-height:24px;padding:28px 0px 28px 0px;position:relative;font-size:16px;color:#444;font-weight:600;transition:all 100ms;-webkit-transition:all 100ms;-moz-transition:all 100ms;-o-transition:all 100ms;-ms-transition:all 100ms;text-transform:uppercase;}
.main_menu div.sub1{display:none;}
.main_menu div{position:absolute;left:-5px;top:100%;padding-top:3px;padding-right:10px;background:url(../img/empty.gif);text-align:left;}
.main_menu ul{width:150px;padding:10px;background:#fff;filter:alpha(opacity=95);opacity:0.95;*zoom:1;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.main_menu ul li{width:100%;*zoom:1;float:left;position:relative;}
.main_menu ul li.highlight li a{background:none;color:#666;}
.main_menu ul li.highlight a,
.main_menu ul li.highlight li.highlight a{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#fff}
.main_menu ul ul{position:absolute;top:-10px;left:163px;display:none;}
.main_menu li li a{display:block;padding:2px 20px 2px 10px;line-height:30px;font-size:13px;color:#444;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.second_a i{position:absolute;right:5px;top:10px;}
.hover_line{width:0; height:2px;left:50%;right:50%;top:60px;overflow:hidden;position:absolute;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.act_line{width:100%;right:0;left:0;}
.all_first:hover a.first_a{color:#f37021}
.first_ul a{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
/* 쫄쫄이 상단 메뉴 */
.fix_logo{margin:5px 0 0 0;padding:0 30px 0 0;position:relative;float:left;line-height:40px;}
.fix_logo img{height:70px;}
.fix_header .gnb{margin-top:10px;float:right;}
.fix_right_menu{position:absolute;right:0;top:25px;}
.fix_right_menu ul{list-style:none;margin:0;padding:0;}
.fix_right_menu li{float:left;padding-left:10px;}
.fix_right_menu li a{display:inline-block;color:#fff;border:1px solid #fff;line-height:18px;height:18px;padding:5px 15px;}
.gnb li a{text-decoration:none;}
.gnb a.first_a{padding:23px 0px 23px 0px;}
.gnb .hover_line{top:50px;}

.top_small_menu {
	position: absolute;
    right: -236px;
    top: 33px;
    width: 200px;
    height: 20px;
}
.top_small_menu ul {
	margin:0;
	padding:0;
}
.top_small_menu ul li {
	float:left;
    padding: 0 10px;
}
.top_small_menu ul li a{
    font-size: 14px;
    font-weight: 700;
    color: #4e4e4e;
}
.top_small_menu ul li a:hover {
    color: #4caf50;
}

@media screen and (max-width:1023px){
.header h1.large_logo{left:0;padding:0 10px;}
.right_login {right:20px;}
.wrap_menu{display:none;}
.header{height:50px;}
.right_login{top:17px;}
.header h1.large_logo{display:none}
.logo_min{display:inline-block;position:absolute;left:10px;top:10px;}
}