@charset "utf-8";
/*
 TOP GNB
*/
#top_ayeobi::after{content:""; display:block; clear:both;}

.top_gnb_area {height: 36px; width: 100%; border-bottom: 1px solid #ccc; min-width: 1100px; background: #fbfbfb;*zoom:1;}
.top_gnb_area::after{content:""; display:block; clear:both;}
.top_gnb_center {width: 1100px; margin: 0 auto;*zoom:1;}
.top_gnb_center::after{content:""; display:block; clear:both;}

#header_ayeobi li {list-style: none;}

.top_left_gnb{float:left;}
.top_left_gnb_list{}
.top_left_gnb_list li{float:left;margin:0;padding:0;text-align:center;height:36px;}
.top_left_gnb_list li a{display:block;height:35px;line-height:35px;}
.top_left_gnb_list li .tnav_home{height:14px;}
.top_left_gnb_list li.active{height:36px;background-color:#fff;padding-bottom:1px;}
.top_left_gnb_list li.active a{background-color:#fff;}
.top_left_gnb_list li a img{vertical-align:sub; margin-right: 3px;}

.top_right_gnb{float:right;text-align:right;padding:9px 0 0 0}
.top_right_gnb_list{}
.top_right_gnb_list li {margin: 0;padding: 0;float: left;background: url(//ayeobi.com/www/images/gnb/li_bar.gif) no-repeat;background-position: 100% 3px;padding: 0 10px 0 9px;font-size: 11px;letter-spacing: -1px;color: #666;line-height: 18px;}
.top_right_gnb_list li.last{background:none;padding: 0 0 0 9px;}
.top_right_gnb_list li a{line-height:18px;font-size:11px;}

.id_link {color: #553de8;font-weight: bold;line-height: 18px;vertical-align: top; padding: 0 4px 0 2px;}

.header_middle_wrap{position:relative;width:1100px;height: 100px;margin:0 auto;padding: 15px 0 0 0;*zoom:1;}
.header_middle_wrap::after{content:""; display:block; clear:both;}
.header_logo{float: left; position: absolute; top: 48px; left: 3px; margin: 0; padding: 0;}
.header_menu_area{background:#427736; width: 100%; height: 50px;*zoom:1;}
.header_menu_area::after{content:""; display:block; clear:both;}
.header_menu_center{width: 990px;margin: 0 auto;}
.header_menu_center::after{content:""; display:block; clear:both;}
.left_area{float: left;}
.right_area{float:right;}

.searchBar_area {position: absolute;width: 367px;height: 40px;left: 52%;top: 50px;margin-left: -230px;}
.searchBar {float: left;height: 31px;padding: 5px 0 0 8px;border: 4px solid #5D9649;}
.searchBar input[type=text] {width: 300px;height: 24px;margin-right:3px;line-height: 18px;font-weight: bold;letter-spacing: -1px;ime-mode: active;border: 0 none;outline: none;vertical-align: text-top;font-size: 14px;color: #000;}
.searchBar_btn{float: left;}
.keyword{position: absolute;top: -20px; left: 0; width: 319px;text-align: center;line-height: 15px;height: 14px;}


.header_menu_list{float: left}
.menu_ul {position: relative;z-index: 20;width: 990px;height: 44px;margin: 0 auto;}
.menu_li {float: left;position: relative;z-index: 10;width: 142px;height: 50px;margin-right: -1px;zoom: 1;}
.menu_li a {display: block;height: 100%;border-width: 0 1px;text-align: center;cursor: pointer;line-height: 50px;color: #fff;font-size: 16px;font-weight: 900;letter-spacing: -0.5px;font-family: "Noto Sans", "나눔고딕", NanumGothic, Dotum, sans-serif;}
.menu_li a:link {text-decoration: none; color: #ffffff;}
.menu_li a:visited {text-decoration: none; color: #ffffff;}
.menu_li a:hover{text-decoration: none;}
.menu_ul > li:hover { z-index: 15 !important; background: #6d9524;}
.menu_li ul{display: none; text-align: center; background: #eee; border: 1px solid silver; line-height: 30px; font-size: 12px;}

.menu6_sub li{cursor: pointer;}
.menu6_sub li:hover{cursor: pointer; color: red; font-weight: bold;}
.menu6_sub a, .menu6_sub a:link, .menu6_sub a:visited { height: 30px; border-width: 0; color: #333; line-height: 30px; font-size: 12px; font-weight: normal;}
.menu6_sub a:hover { text-decoration: underline; }

#container_main{width: 100%}

/**
TOP_GNB_BANNER
*/
#header_ayeobi .top_banner_gnb_area {position: relative;display: block;width: 100%;height: 70px;background: #01bebc;border-bottom: 0px solid #278dde;margin: 0 auto;z-index: 300;}
.top_banner_gnb_wrap {width: 1100px;margin: 0 auto;position: relative;z-index: 150;background: #e5e5e5;}
.top_banner_gnb_wrap .top_bn {position: relative;display: block;width: 100%;height: 70px;background: #01bebc;border-bottom: 0px solid #278dde;margin: 0 auto;z-index: 300;}
.top_bn>li {float: left;padding-right: 0px;}
.top_banner_gnb_wrap .btn_close {position: relative;width: 22px;top: 24px;right: -6px;}