@charset "UTF-8";

header{}
.gnb{ text-align: center; }
.gnb .top_logo{ clear: both; }
.gnb li{ float: left; padding: 20px 0 0 0; }
.gnb li a{ display: block; position: relative; padding: 0 20px 0 50px; font-size: 12px; line-height: 1em; text-align: center; color: #fff; border-left: 1px solid #fff; }
.gnb li a img{ position: absolute; left: 15px; top: -6px; }
.gnb li:nth-child(1) a{ border-left: 0; }
.gnb li:nth-child(3) a{ padding-left: 20px; }
.gnb img{ width: auto; }


nav{ position: fixed; width: 100%; top: 0; left: 0; z-index:30; background: #303030; }
nav .nav > div > ul > li{ float: left; position: relative; width: 16.6%; }
nav .nav > div > ul > li > a{ display: block; position: relative; padding: 21px 0 20px 0; text-align: center; line-height: 1em; color: #fff; }
nav .nav > div > ul > li > a span{ display: block; border-right: 1px solid #fff; }
nav .nav > div > ul > li:nth-child(1) > a span{ border-left: 1px solid #fff; }
nav .nav > div > ul > li:hover { color: #fff; background: #7a6a56; }


/*서브메뉴*/
nav .nav .sub_menu{ display: none; position: absolute; left: 0; top: 59px; z-index: 30; width: 100%; text-align: left; }
nav .nav:hover .sub_menu{ display: block; height: auto; padding:10px 0 15px 0; }
nav .nav .sub_menu a { display: block; padding: 5px 15px 0 15px; color:#fff; }
nav .nav .sub_menu a:hover{ color: #7a6a56; }

nav .nav .nav_on{ position: absolute; left: 0; top: 181px; z-index: 20; width: 100%; height: 0; background: #303030; opacity: 0; transition: all 0.5s; }
nav .nav:hover .nav_on{ display: block; height: 250px; opacity: 0.8; }

@media (max-width:1199px) {
	nav .nav:hover .nav_on{ height: 280px; }
}

/*모바일메뉴*/
.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 a{ display: block; text-align: center; padding: 10px 0; }
.mob_btn { position: absolute; right: 0px; top: 0px; z-index: 1; width: 50px; height: 50px; font-size: 2em; text-align: center; line-height: 35px; color: #fff; cursor: pointer; }/*메뉴 버튼*/
.top_coll { position: absolute; left: 0; top: 0px; z-index: 1; width: 40px; height: 40px; text-align: center; line-height: 47px; color: #baafc4; cursor: pointer; }

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

#menu { width: 70%; height: 100%; background: #fff; overflow-y: auto;
		position: fixed; top: 0px; right: -70%; 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; }
#menu .menu_log img{ width: auto; height: 30px; }

#nav-left > li > div { position: relative; padding: 16px 0 16px 10px; font-size: 1.2em; border-bottom: 1px solid #ebebeb; }
/*#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; border: 1px solid #000; border-radius: 10px; }

#nav-left .open_menu.open > div{ color: #fff; background: #7a6a56; }
#nav-left .open_menu.open > div:after { content: "\e91b"; font-family: 'xeicon'; border: 1px solid #fff; }

/* .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 #ebebeb; }
#nav-left > .open_menu > ul > li > a{ display: block; position: relative; padding: 10px 0 10px 30px; font-size: 1.2em; }
/*#nav-left > li > div#nav-left > .open_menu > ul > li:hover{ color: #ef4147; background: #e9e9e9; }
#nav-left > .open_menu > ul > li > a:before{ content: "\e91b"; font-family: 'xeicon'; position: absolute; left: 10px; }*/
#menu.open { right: 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 { font-size: 14px; }
footer .info{ padding: 30px 0; }
footer img{ width: auto; max-width: 100%; }
footer .info{ color:#fff; background: #303030; }
footer .info .foot_logo{ padding: 0 0 20px 0 }
footer .info h2{ font-size: 1.2em; line-height: 1.7em; }
footer .info h1{ padding: 5px 0 18px 0; font-size: 2em; letter-spacing: 1px; font-weight: 500; }
footer .info li{ padding-top: 10px; padding-bottom: 10px; border-right: 2px solid #565656; }
footer .info li:nth-child(2){ border-right: 0; }
footer .info p{ font-size: 12px; }

@media (max-width:991px) {

}
@media (max-width:767px) {
	footer { font-size: 12px; padding: 0 0 54px 0; }
	footer .info .foot_logo{ padding: 0; }
	footer .info li{ padding-top:15px; padding-bottom: 0; }
	footer .info li{ border-right: 0; }
	footer .info h1{ font-size: 2em; }
}