/* common */
header .d_container{position:relative;z-index:999;}

/*pc*/
@media all and (min-width: 1160px){

/*GM LIST*/
.gmlist { margin:0; padding:0 1%; font-size:11px; width:100%; height:25px; line-height:25px; color:#999999; background-color:none; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.gmlist .gmArea{ margin:0 auto; padding:0 0; width:1160px; height:auto; }


.gmlist .gmArea .gmInfo{ float:left; margin:0 auto; padding:0 0; width:50%; height:auto; text-align:left; color:#424242;}
.gmlist .gmArea .gmInfo ul{margin:0; padding:0;}
.gmlist .gmArea .gmInfo ul  li{float:left; margin:0 20px 0 0; }

.gmlist .gmArea .gmList{ float:left; margin:0 auto; padding:0 0; width:50%; height:auto; text-align:right; }
.gmlist .gmArea .gmList a{ color:#999; padding:0 0 0 0; font-size:11px; font-weight:normal;}
.gmlist .gmArea .gmList a:hover{ color:#333333; padding:0 0 0 0; font-size:11px;  font-weight:normal;}


/** header **/
header{position:relative;z-index:999; background-color:#fff; height:80px; padding:0;}
#header{max-width:1160px;  margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#logo{float:left; width:30%; height:auto; position:relative;  padding:15px 0 0 0; box-sizing:border-box;}
#logo img{width:auto; height:50px; }
.menu_line{ border-bottom:1px solid #ddd; width:100%; position:relative; top:80px; z-index:1 }
.top_tel_area {display:none;}


/* 상단 nav */
.top_nav{float:right; width:50%; position:relative; }
.top_nav li{float:left; margin:0 0 0 0; text-align:left; width:33.33%; }
.top_nav li a.bmenu{font-size:16px; line-height:80px; display:inline-block; color:#424242;} /* 대메뉴 컬러 */
.top_nav li a:hover{color:#000; }
.smenu{margin-top:15px; width:100%; }
.top_gnb{display:none;}


 header .d_container{position:relative;z-index:999; background-color:rgba(255, 255, 255, 0.99); height:100%; border-bottom:1px solid #ddd; overflow:hidden;}/*메뉴전체높이는 js에*/
 .top_nav{display:block !important; }
 .top_nav li{height:auto;}
 .top_nav li a{color:#999;font-weight:600; font-size:16px;}
 .top_nav li a:hover{color:#000;  text-decoration:none;} /* 대메뉴 오버 시 컬러 */
 .top_nav li.fixed > a{color:#000;border-bottom:3px solid #000; z-index:1000;} /* 대메뉴 인식 */
 .top_nav li dl{display:block !important;  }
 .top_nav li dl dd{line-height:30px;}
 .top_nav li dl dd a{font-size:14px; font-weight:normal; color:#666;}
 .top_nav li dl dd a:hover{border:none; text-decoration:none; color:#333;}
 .top_nav li dl dd.fixed a{color:#333; font-weight:bold;} /* 메뉴 인식 */
}
















/* tablet */
@media screen and (min-width: 800px) and (max-width: 1159px) {  


/*GM LIST*/
.gmlist { margin:0; padding:0 1%; font-size:11px; width:100%; height:25px; line-height:25px; color:#999999; background-color:none; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.gmlist .gmArea{ margin:0 auto; padding:0 0; width:100%; height:auto; }


.gmlist .gmArea .gmInfo{ float:left; margin:0 auto; padding:0 0; width:50%; height:auto; text-align:left; color:#424242;}
.gmlist .gmArea .gmInfo ul{margin:0; padding:0;}
.gmlist .gmArea .gmInfo ul  li{float:left; margin:0 20px 0 0; }

.gmlist .gmArea .gmList{ float:left; margin:0 auto; padding:0 0; width:50%; height:auto; text-align:right; }
.gmlist .gmArea .gmList a{ color:#999; padding:0 0 0 0; font-size:11px; font-weight:normal;}
.gmlist .gmArea .gmList a:hover{ color:#333333; padding:0 0 0 0; font-size:11px;  font-weight:normal;}



/** header **/
header{background-color:#FFF; height:80px; border-bottom:1px solid #e6e9f0; padding:0;position:relative;z-index:999} 
#header{ width:100%; margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#logo{width:200px; height:80px; line-height:80px; position:relative; z-index:1; margin:0 auto; padding:10px 0 0 0; text-align:center; background-color:#fff; box-sizing:border-box;}
#logo table{ width:100%; text-align:center; box-sizing:border-box;}
#logo table img{ text-align:center; }
#logo img{width:auto; height:40px;}
.top_tel_area{width:44px; height:20px; float:right; position:relative; top:21px; right:5px; z-index:2; padding:3px; text-align:center;}
.top_tel_area img{width:80%;}


/* 상단 nav */
.top_gnb{width:44px; height:20px; float:left; position:relative; top:22px; left:10px; z-index:2; padding:3px; text-align:center;}
.top_gnb img{width:70%;}
nav{display:none;}
.top_nav{display:none;}



header{background-color:rgba(255, 255, 255, 1.0); border-bottom:1px solid #fff; width:100%;}
 nav{display:block;position:relative;z-index:999; background-color:#fff;}
 .top_nav{display:none;margin-top:0px; border-bottom:1px solid #ccc;}
 .top_nav li{border-top:1px solid #ddd;text-indent:20px;line-height:40px;} /* 대분류 라인 컬러 */
 .top_nav li a{color:#424242; font-weight:normal;} /* 대분류 폰트 컬러 */
 .top_nav li > a{display:block;font-size:1em;background:url('../../img/m_nav_arrow.gif') no-repeat right 0;} /* 펼침메뉴 배경 */
 .top_nav li.on > a{color:#333;background-position:right -48px; background-color:#fff;text-decoration:none;} /* 메뉴 선택시 배경색 */
 .top_nav li dl{background-color:#efefef; display:none}
 .top_nav li dl dd{border-top:1px solid #cccccc;line-height:40px; }
 .top_nav li dl dd a{display:block;font-size:0.9em; font-weight:600;color:#333333;}
 .top_nav li dl dd a:hover{background-color:#dddddd;color:#333}
 .top_nav li dl dd.fixed a{background-color:#dddddd;color:#333}


}














/*mobile*/
@media all and (max-width:799px) {   



/*GM LIST*/
.gmlist { margin:0; padding:0 1%; font-size:11px; width:100%; height:auto; color:#999999; background-color:none; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.gmlist .gmArea{ margin:0; padding:0 0; width:100%; height:auto; }


.gmlist .gmArea .gmInfo{ margin:0; padding:0 0; width:100%; height:25px; line-height:25px; display:block; text-align:center; color:#424242; border-bottom:#dddddd 1px solid;}
.gmlist .gmArea .gmInfo ul{margin:0; padding:0; text-align:center;}
.gmlist .gmArea .gmInfo ul  li{ display:inline-block; margin:0 10px; }
.gmlist .gmArea .gmInfo ul  li a{ color:#424242; }

.gmlist .gmArea .gmList{ margin:0; padding:0 0; width:100%; height:25px; line-height:25px; display:block; text-align:center;}
.gmlist .gmArea .gmList a{ color:#999; padding:0 0 0 0; font-size:11px; font-weight:normal;}
.gmlist .gmArea .gmList a:hover{ color:#333333; padding:0 0 0 0; font-size:11px;  font-weight:normal;}




/** header **/
header{background-color:#FFF; height:80px; border-bottom:1px solid #e6e9f0; padding:0;position:relative;z-index:999} 
#header{ width:100%; margin:0 auto; position:relative;}
#header:after{content:""; display:block; clear:both; }
#logo{width:40%; height:80px; line-height:80px; position:relative; z-index:1; margin:0 auto; padding:5px 0 0 0; text-align:center; box-sizing:border-box;}
#logo table{ width:100%; text-align:center; box-sizing:border-box;}
#logo table img{ text-align:center; }
#logo img{width:auto; height:30px;}
.top_tel_area{width:44px; height:20px auto; float:right; position:relative; top:22px; right:5px; z-index:2; padding:0px; text-align:center; box-sizing:border-box; }
.top_tel_area img{width:80%;}


/* 상단 nav */
.top_gnb{width:44px; height:20px auto; float:left; position:relative; top:22px; left:10px; z-index:2; padding:3px; text-align:center; }
.top_gnb img{width:70%;}
nav{display:none;}
.top_nav{display:none;}



header{background-color:rgba(255, 255, 255, 1.0); border-bottom:1px solid #ddd; width:100%;}
 nav{display:block;position:relative;z-index:999; background-color:#fff;}
 .top_nav{display:none;margin-top:0px; border-bottom:1px solid #ddd;}
 .top_nav li{border-top:1px solid #ddd;text-indent:20px;line-height:40px;} /* 대분류 라인 컬러 */
 .top_nav li a{color:#333; font-weight:normal;} /* 대분류 폰트 컬러 */
 .top_nav li > a{display:block;font-size:0.9em; background:url('../../img/m_nav_arrow.gif') no-repeat right -5px;} /* 펼침메뉴 배경 */
 .top_nav li.on > a{color:#333;background-position:right -55px; background-color:#fff;text-decoration:none;} /* 메뉴 선택시 배경색 */
 .top_nav li dl{background-color:#efefef; display:none}
 .top_nav li dl dd{border-top:1px solid #cccccc;line-height:40px; }
 .top_nav li dl dd a{display:block;font-size:0.9em; font-weight:600;color:#333333;}
 .top_nav li dl dd a:hover{background-color:#dddddd;color:#333}
 .top_nav li dl dd.fixed a{background-color:#dddddd;color:#333}

}