@charset "utf-8";

#header {overflow:hidden; position:fixed; left:0; opacity:0.9; z-index:1000; width:100%; height: 68px; background:#f4f7ff; 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; content:'';}
#header:after {position:absolute; top: 70px; left:0; right:0; height:440px; background:#fff; content:'';}
#header .inwrap {position:relative; z-index:10; width:1350px; 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; }
#header .gnb_list {position:absolute; width:1350px; margin: 0 auto; text-align: center;}
#header .gnb_list > li:nth-child(2) > a {background-color: #52b0ec; border-left: 1px solid #fff;}
#header .gnb_list > li:nth-child(2) > a span {color:#fff;}
#header .gnb_list > li:nth-child(3) > a {background-color:#018ae1;}
#header .gnb_list > li:nth-child(3) > a span {color:#fff;}
#header .gnb_list > li:nth-child(4) > a {background-color:#0073e6;}
#header .gnb_list > li:nth-child(4) > a span {color:#fff;}
#header .gnb_list > li:nth-child(10) > a {padding:0}
#header .gnb_list > li > a {display:block; padding:0 16px; position:relative; transition:all 0.3s;}
#header .gnb_list > li > a span {font-family: 'GmarketSansMedium'; display:block; position:relative; font-size:18px; color:#222; line-height:70px; 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:15px; line-height:30px; color:#333; transition:all 0.3s;}
#header .gnb_list .sub a:hover {color:#d0cab3;}


#header .gnb_list > li{height:420px;  float:left;overflow:hidden;  }



#header.open {height:410px;}



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