@charset "UTF-8";

/*모바일메뉴*/
html.open { overflow: hidden; } /*메뉴가 열렸을때 본문이 스크롤 되지 않는다.*/

.mob_nav{ position: fixed; width: 100%; height: 50px; border-bottom: 1px solid #e6e0e9; top: 0; z-index: 999; background: #fff; }
.main .mob_nav{ border-bottom: 0; background: rgba(0,0,0,0); }
.main.on .mob_nav{ background: rgba(255,255,255,0.9); }

.mob_nav.on{ background: #fff; }
.mob_nav img{ width: auto; height: 30px; }

.mob_nav a{ display: block; line-height: 50px; text-align: center; }
/* .mob_nav a img{ width: auto; height: auto; } */
.mob_back{ position: absolute; left: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; }
.mob_btn { position: absolute; right: 0px; top: 0px; z-index: 1; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; }/*메뉴 버튼*/

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

#menu { width: 70%; height: 100%; position: fixed; top: 0px; right: -70%; z-index: 999999; font-size: 14px; background: #fff;
	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; }
.quick_login li{ float: left; width: 50%; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.quick_login li a{ display: block; padding: 10px 0; }
.quick_login li:nth-child(1) a{ border-right: 1px solid #ebebeb; }

#nav-left > li > div { position: relative; padding: 10px 0 10px 10px; border-bottom: 1px solid #ebebeb; }
#nav-left a{ display: block; }
.open_menu > div:after { content: "\e941"; position: absolute; right: 15px; font-family: 'xeicon'; }
.open_menu.open > div{ background: #e5e5e5; }
.open_menu.open > div:after { content: "\e944"; font-family: 'xeicon'; }

/* 모바일 서브 */
#nav-left > li > ul{display: none;}
#nav-left > .open_menu > ul{ display: none; border-bottom: 1px solid #ebebeb; background: #f1f1f1; }
#nav-left > .open_menu > ul > li > a{ display: block; position: relative; padding: 10px 0 10px 30px; }
#nav-left > .open_menu > ul > li > a:before{ content: "\e91b"; font-family: 'xeicon'; position: absolute; left: 10px; }

#menu.open { right: 0px; }

.page_cover.open { display: block; }

.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; }

/*하단*/
footer{ position: relative; padding-bottom: 10px; font-size: 12px; font-weight: 300; color:#b5bccf; background: #e9e9e9; }
footer > div > ul > li{ float: left; width: 25%; padding: 10px; text-align: center; color: #333333; border: 1px solid #dedede; border-top: 0; border-right: 0; }
footer > div > ul > li:first-child{ border-left: 0; }

@media (max-width:991px) {
	footer{padding-bottom: 60px;}
}
@media (max-width:500px) {
	footer > div > ul > li{ width: 50%; }
}
footer > div > ul > li a{ display: block; }
footer > div > div{ clear: both; padding: 15px 0; text-align: center; }
footer > div > div p{ padding: 0 0 0 0; color: #ababab; }
footer span{ display: inline-block; padding: 0 10px 0 0; line-height: 1.5em; }
footer .copy{ display: block; padding: 1em 0 0 0; color: #ccc; }
footer img{ width: auto !important; max-width: 100%; }