@charset "utf-8";




#header {overflow:hidden; position:fixed; left:0; opacity:0.9; z-index:1000; width:100%; height: 70px; background:#fff; transition:all 0.3s; border-top: 1px solid #c4c3c1; border-bottom: 1px solid #c4c3c1;}
#header:before {position:absolute; top:0; left:0; right:0; height: 70px; background:#fff; content:'';}
#header:after {position:absolute; top: 70px; left:0; right:0; height:440px; background:#fff; content:'';}
#header .inwrap {position:relative; z-index:10; width:1300px; margin: 0 auto; text-align:center;}
#header h1 {position:absolute; top:9px; left:20px;}
#header h1 img {vertical-align:top;}
#header .btn_menu {overflow:hidden; position:absolute; top:25px; right:5px; width:50px; height:70px; text-indent:-999px; background:url('/medi/images/btn_menu.png');}
#header .gnb_list {position:absolute; top: -16px;  width:1300px; margin: 0 auto; text-align: center;}
#header .gnb_list > li {float:left; }
#header .gnb_list > li > a {display:block; padding:0 25px; position:relative; transition:all 0.3s;}
#header .gnb_list > li > a span {font-family: 'GmarketSansMedium'; display:block; position:relative; font-size:17px; color:#222; line-height:100px; transition:all 0.3s;}
#header .gnb_list > li > a:last-child{padding-right:0}
#header .gnb_list > li > a:after {position:absolute; top:84px; left:50%; right:50%; opacity:0; height:2px; background:#666; content:''; transition:all 0.3s;}
#header .gnb_list > li:hover > a {color:#ffc379; }
#header .gnb_list > li:hover > a:after {left:10px; right:10px;}
#header .gnb_list .sub {padding-top:23px; text-align:center;}
#header .gnb_list .sub a {font-size:16px; line-height:30px; color:#333; transition:all 0.3s;}
#header .gnb_list .sub a:hover {color:#d0cab3;}

#header.open {height:440px;}



#header.fixed_top {position:fixed; top:0px; left:0; right:0; z-index:1000 ; margin-top:0; background:#f5f0ee;}