@charset "UTF-8";
header { font-family: 'GmarketSans'; font-weight:500; }
header.main { position:absolute; z-index: 20; top: 0; left: 0; width:100%; }

header .gnb ul { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
header .gnb a { padding: 10px 0; font-size: 14px; font-weight: 300; color: #fff; }

header .menu{ display: flex; justify-content: space-between; align-items: center; }
header .menu ul { display: flex; justify-content: flex-end; align-items: center; gap: 15px; color: #fff; }
header .menu ul a { padding:10px 0; font-size: 22px; }

/*모바일메뉴*/
.mob_nav{ position: relative; }
.mob_nav img{ width: auto; height: 30px; }
.mob_nav a{ display: block; text-align: center; padding: 10px 0; }
.mob_nav .mob_btn { position: absolute; top: 0; right: 0; width: 50px; height: 50px; padding: 10px; text-align: center; }

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

#menu .close { width: 50px; height: 50px; padding: 15px; position: absolute; right: 0px; top: 0px; text-shadow: none; color: #fff; cursor: pointer; }/*닫기 버튼*/
#menu { width: 70%; height: 100%; position: fixed; top: 0px; right: -70%; z-index: 999999; font-size: 14px; background: #fff; overflow-x: scroll;
	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: 20px; text-align: center; background: #3e4651; }
#menu .menu_log img{ width: auto; }

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

#menu ul li { border-bottom: 1px solid #eee; }
#menu ul a { height:50px; padding: 0 15px; line-height:50px; }

/*하단*/
footer{ padding: 30px 0; font-size: 14px; color: #fff; background: #202020; }

@media (max-width:991px) {

}
@media (max-width:767px) {
	footer{ padding: 10px 0; font-size: 12px; }
}

footer .f_ban { padding: 2% 0; background: #f7f7f7; }
footer .f_ban .link{  padding: 40px 0; }
footer .f_ban .link a{ float: left; width: 33.3%; line-height: 37px; text-align: center; }
footer .f_ban .link a:nth-child(2){ border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
footer .f_ban .link img{ width: auto; clear: both; }
footer .f_ban .bank p{ font-weight: 600; }
footer .f_ban h5{ text-align: center; padding: 10px; color: #fff; background: #51ac17; }
footer .f_ban h6{ padding: 10px 0 0 0; font-size: 1.5em; font-weight: 800; text-align: center; }
footer .f_ban p{ text-align: left; padding: 10px 20px 0 20px; }

@media (max-width:991px) {
	footer .f_ban { padding: 5% 0; }
	footer .f_ban .link{  padding: 0 0 15px 0; }
	footer .f_ban h6{ padding: 5px 0 0 0; }
	footer .f_ban .link{ overflow: hidden; }
	footer .f_ban p{ padding: 5px 10px 0 10px; }
}
/* 퀵메뉴 */
.quick { position: fixed; right: 30px; bottom: 30px; } 
.quick li { width: 106px; }
	.quick li img { width: initial; }
	.quick li + li { margin: 10px 0 0 0; }
@media (max-width:767px) {
	.quick li { width: 50px; }
}

.m_quick { display: none; position: fixed; right:10px; bottom: 100px; z-index: 999; }
.m_quick a{ display: block; margin:0; width: 106px; overflow:hidden; }
@media (max-width:991px) {
	.m_quick { display: block; }
}

.search_location{ display: none; opacity: 0; background: #fff; transition: all 0.3s ease 0.2s; }
.search_location.on{ display: block; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; padding: 1.5em 10px; text-align: center; background: #f2f2f2; opacity: 1; }