@charset "UTF-8";

header{ background: #FFFFFF; color: #262626; }
.gnb{ text-align: center; overflow: hidden; }
.gnb li{ float: left; }
.gnb li a{ display: block; position: relative; padding: 10px 0 10px 15px; font-size: 12px; line-height: 1em; text-align: center;}
.gnb li a:hover{ color: #e2353f; }
.gnb img{ width: auto; }

.top_logo{ float: left; width:20%; text-align: center; }
.top_logo a{ display: block; padding: 20px 0; }
.top_logo img{ width: auto;height:60px; }

nav{ border-bottom: 0px solid #000000;}
nav .menu { float: left; width:100%; padding: 36px 0 36px 100px; }
nav .menu > li{ float: left; position: relative; width: 20%;  }
nav .menu > li > a{ display: block; position: relative; padding: 21px 0 20px 0; text-align: center; line-height: 1em; }
nav .menu > li > a span{ display: block; }
nav .menu > li:hover > a { color: #e2353f; }
nav .menu > li:nth-child(1) > a span{ border-left: 0; }

/*서브메뉴*/
nav .menu .sub_menu{ display: none; position: absolute; left: 0; top: 57px; z-index: 30; width: 100%; text-align: left; border-top: 3px solid #1C1C1C; background: rgba( 255,255,255,0.8 ); }
nav .menu > li:hover .sub_menu{ display: block; height: auto; padding:10px 0 15px 0; }
nav .menu .sub_menu a { display: block; padding: 5px 15px 0 15px; color: #3f3f3e; }
nav .menu .sub_menu a:hover{ color: #e2353f; }

/*모바일메뉴*/
.mob_nav{ position: fixed; width: 100%; height: 50px; top: 0; z-index: 999; border-bottom:1px solid #ababab; background: #303030; }

html.open { overflow: hidden; } /*메뉴가 열렸을때 본문이 스크롤 되지 않는다.*/
.mob_nav img{ width: auto; height: 30px; }
.mob_nav .mob_logo{ display: block; text-align: center; padding: 10px 0; }
.mob_btn { position: absolute; left: 0px; top: 0px; z-index: 1; width: 50px; height: 50px; background: url("../../img/common/mob_top.png") -50px 0 no-repeat; }/*메뉴 버튼*/
.mob_back { position: absolute; left: 0; top: 0px; z-index: 1; width: 50px; height: 50px; background: url("../../img/common/mob_top.png") 0 0 no-repeat; }

#menu .close { width: 50px; height: 50px; padding: 15px; position: absolute; right: 0px; top: 0px; cursor: pointer; color: #fff; opacity:1; }/*닫기 버튼*/

#menu { width: 100%; height: 100%; background: #4a413b; overflow-x: scroll;
		position: fixed; top: 0px; left: -100%; z-index: 999999; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; } /*메뉴 영역*/

#menu .menu_log{ padding: 14px 20px; text-align: center; background: #3e352e; }
#menu .menu_log img{ width: auto; height: 30px; }
#menu .login { padding: 15px 10px; overflow: hidden; }
#menu .login a{ display: block; text-align: center; line-height: 34px; border-radius: 5px; background: #6c594d; }

#nav-left > li > div { position: relative; padding: 16px 0 16px 10px; font-size: 1.2em; border-bottom: 1px solid #615c58; }
/*#nav-left > li > div:hover { color: #ef4147; border-bottom: 1px solid #e9e9e9; background: #e9e9e9; }*/
#nav-left .open_menu div:after { content: "\e914"; position: absolute; right: 15px; font-family: 'xeicon'; width: 16px; height: 16px; line-height: 15px; text-align: center; }

#nav-left .open_menu.open > div{ color: #fff; }
#nav-left .open_menu.open > div:after { content: "\e91b"; font-family: 'xeicon'; }

/* .nav .open > a, .nav .open>a:focus, .nav .open>a:hover{ color: #fff; border-bottom: 1px solid #fd8a8a; background-color: #fa4b4b; } */

/* 모바일 서브 */
#nav-left > li > ul{display: none;}
#nav-left > .open_menu > ul{ display: none; border-bottom: 1px solid #615c58; background: #322c28; }
#nav-left > .open_menu > ul > li > a{ display: block; position: relative; padding: 10px 0 10px 30px; font-size: 1.2em; }
#menu.open { left: 0px; }

.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; display: none; }
.page_cover.open { display: block; }

footer{ padding: 20px 0; font-size: 12px; color: #9d9d9c; background: #575756; }
footer img{ width: auto; }
footer .foot_logo{ padding: 1rem 0; border-bottom: 1px solid #9d9d9c; }
footer .com{ padding: 0.7rem 0 0 0; }

footer .top { display: none; position: absolute; top: 0; right: 5px; width: 50px; height: 50px; line-height: 1em; padding: 9px 0; font-size: 14px; text-align: center; color: #fff; border-radius: 30px; background: #3e352e; }
@media (max-width:991px) {
	footer .top { display: block; padding: 12px 0; font-size: 12px; }
}