@charset "UTF-8";

header { position: relative; width: 100%; box-shadow: 0 0px 10px 1px rgb(0 0 0 / 30%); z-index: 10; }

.top_logo     { vertical-align: middle; text-align: center; padding: 20px 0; border-bottom: 2px solid #56aaad; position: relative; }
.top_logo a   { display: block; }
.top_logo img { width: auto; max-height: 100px; }
.top_logo .since_text { position: absolute; right: 10px; top: 10px; opacity: 0.3; font-family: 'Montserrat', sans-serif; }

/*전체메뉴*/
nav { padding: 20px 0; transition: all 0.7s; background-color: #fff; }
nav.fixed { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 0; border-bottom: 1px solid #0E9B9F; z-index: 99999; box-shadow: 0 0 3px 1px rgba(0,0,0,0.1); }
nav ul { text-align: center; }
nav > ul > li {	display: inline-block; position: relative; width: 220px; }
nav > ul > li > img { width: auto; max-height: 50px; }
nav > ul > li > a { display: block; color: #666; font-size: 16px; }
nav > ul > li > a:hover { color: #000; }
nav > ul > li > a img { width: auto; }
nav > ul > li > ul { width: 100%; left: 50%; transform: translateX(-50%); display: block; position: absolute; z-index: 10; background-color: #fff; box-shadow: 0 0 3px 1px rgba(0,0,0,0.2); padding: 10px 0; margin-top: 0px; border-radius: 5px; display: none; }
nav > ul > li > ul li { transition: all 0.3s; }
nav > ul > li > ul li a { padding: 10px 0; font-size: 16px; display: block; color: #7a7a7a; }
nav > ul > li > ul li:hover { background-color: #f4f4f4; }
nav > ul > li > ul li:hover a { color: #000; }
/* .sub_menu { display: none; position: absolute; top: 81px; left: 0; z-index: 50; width: 100%; color: #fff; background: rgba(0, 0, 0, 0.5); }
.sub_menu ul { overflow: hidden; }
.sub_menu li { float: left; width: 20%; padding: 40px 0; }
.sub_menu h5 { padding: 0 0 10px 0; font-size: 20px; }
.sub_menu h5::after { content: ""; display: block; width: 20px; height: 2px; background-color: #fff; margin: 15px 0 0; }
.sub_menu p { font-size: 16px; }
.sub_menu a  { display: block; padding: 5px 0; color: #fff; transition: all 0.3s; }
.sub_menu a:hover { color: #a3a3a3 !important; text-decoration: none; } */

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

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

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

#menu { width: 70%; height: 100%; background: #fff;
		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 a { display: block; }
/* #nav-left .open_menu div:after { content: "\e941"; 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; background: #3a3a3a; }
/* #nav-left .open_menu.open > div:after { content: "\e944"; font-family: 'xeicon'; } */

#menu .over_h { position: relative; height: calc(100% - 58px); overflow-y: scroll; }

/* 모바일 서브 */
#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; }
#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 { padding: 40px 0; font-size: 12px; color: #fff; background: #1b1b1b; }
footer img { width: auto; height: 100px; }
footer ul { position: relative; }
footer li { float: left; }
footer li:nth-child(2) { font-size: 14px; padding: 20px 0px 0 30px; }
footer li:marker { display: none; }
footer .kakao_link img { height: auto; }
footer ul li.f_map { float: right; }
footer ul li.f_map em { display: block; width: 200px; height: 100px; background-color: #f4f4f4; color: #333; text-align: center; line-height: 100px; }
@media (max-width: 991px){
	footer { padding: 30px 0; }
	footer li:nth-child(1) { width: 100%; padding: 0 20px; }
	footer li:nth-child(2) { width: 100%; padding: 0 20px; margin-top: 10px; font-size: 12px; }
	footer li:nth-child(3) { position: absolute; top: 0; right: 20px; }
	
	.top_bar { display: none; }
	
	#menu .over_h .ms_login { position: absolute; bottom: 20px; width: 100%; text-align: center; }
	#menu .over_h .ms_login li { display: inline-block; }
	#menu .over_h .ms_login li { font-size: 14px; }
	
	#menu .over_h .ms_login li:not(:last-child)::after {
		content: "";	
		display: inline-block;
		width: 1px;
		height: 12px;
		position: relative;
		top: 2px;
		background-color: #cfcfcf;
		margin: 0 5px;
	}
	
	.mob_nav img { height: 50px; }
	.mob_nav { height: 70px; }
	.mob_btn { height: 70px; background: url(/asset/ample/img/common/mob_top.png) -50px -40px no-repeat; }
	#menu .menu_log img { height: 50px; }
	#menu .close { font-size: 20px; }
}