/*------------------------------- header -----------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{font-family:"Nanum Gothic", sans-serif, "나눔고딕", "Malgun Gothic"}

.header{width:100%;}
.logo{height:84px; width:1200px; margin:0 auto; position:relative;}
.logo h1{width:316px; margin:20px auto;}
.logo h1 img{width:100%;}
.top_tele {position:absolute; top:10px; right:20px;}

.nav{width:100%; height:55px; background-color:#786658; position:relative;}
.nav > ul{width:1200px; margin:0 auto; }
.main_nav > li{height:100%; display:inline-block; line-height:55px;margin-left:-4px}
.main_nav > li > a{display:block; color:#fff; position:relative; padding:0 25px;letter-spacing:-0.05em; font-size:17px;}
.main_nav > li > a hr{width:100%; position:absolute; bottom:-8px; left:0; border:1px solid #FACFAE; box-sizing: border-box; display:none;}
.main_nav > li > div{width:100%; height:55px; position:absolute; top:55px; left:0; z-index:99; display:none;}
.main_nav > li > div > p{width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0.7; z-index:-1;}
.sub_nav{width:1200px; height:100%; list-style:none; line-height:55px; margin:0 auto;}
.sub_nav li{height:100%; padding:0 10px; display:inline-block;}
.sub_nav li a{display:block; width:100%; height:100%; color:#fff; font-size:17px;} 
.sub_nav li a:hover{color:#FACFAE;}

.sub_nav1{margin-left:15px;}
.sub_nav2{margin-left:120px;}
.sub_nav3{margin-left:225px;}
.sub_nav4{margin-left:320px;}
.sub_nav5{margin-left:460px;}
.sub_nav6{margin-left:555px;}
.sub_nav7{margin-left:695px;}
.sub_nav8{margin-left:805px;}
.sub_nav9{margin-left:502px;}
.sub_nav10{margin-left:990px;}

.main_nav > li:hover div{display:block;}
.main_nav > li:hover a hr{display:block;}

.quick{overflow:hidden; position:absolute; top:637px; left:105%; z-index:100;}
.quick_menu{width:102px; height:303px; background:url(../../img/quick-menu.png) no-repeat;}
.quick_menu ul{list-style:none; overflow:hidden;}
.quick_menu ul li{width:102px; height:74px; float:left;}
.quick_menu ul li:first-child{padding-top:68px;}
.quick_menu ul li a{display:block; width:100%; height:100%;}
.quick_top{margin:10px auto; text-align:center;}
