@charset "UTF-8";

nav{ position: fixed; width: 100%; top: 0; left: 0; z-index:30; background: #f9dfd2; }
nav .nav > div > ul{ float: right; }
nav .nav > div > ul > li{ float: left; position: relative; }
nav .nav > div > ul > li > a{ display: block; position: relative; padding: 20px 30px; text-align: center; line-height: 80px; font-weight: 500; }
nav .nav > div > ul > li:hover { color: #ff696b; }
nav .nav > div > ul > li:hover span{ border-bottom: 1px solid #ff696b; }

nav .top_logo{ float: left; padding:20px 0; }
nav .top_logo img{ width: auto; max-width: 100%; height: 80px; }


/*서브메뉴*/
nav .nav .sub_menu{ display: none; position: absolute; left: 0; top: 120px; z-index: 30; width: 100%; text-align: left; background: #f9dfd2; }
nav .nav .menu > li:hover .sub_menu{ display: block; height: auto; }
nav .nav .sub_menu a { display: block; padding: 10px 0; color:#333; text-align: center; border-top: 1px solid #fff; }
nav .nav .sub_menu a:hover{ color: #ff696b; }

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

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{ background: #f9dfd2; }
#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 #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 img { width:auto; max-width: 60%; }
footer .info{ padding:30px 0; background: #f2f2f2; }
footer .info td{ line-height: 1.2em; }
footer .info td h2{ padding : 0; }
footer .info span{ font-size: 0.9em; }

@media (max-width:991px) {
	footer .info{ padding:0; }
	footer .info li{ padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #fff; }
}

footer .f_info{ padding:0 0 20px 0; color: #fff; background: #212121; }
footer .f_info .link{ border-bottom: 1px solid #fff; }
footer .f_info .link a{ display: inline-block; line-height: 50px; }
footer .f_info .link .top { float: right; width: 50px; height: 50px; line-height: 35px; text-align: center; }
footer .f_info li{ padding-top: 20px; padding-bottom: 20px; }
footer .f_info li p{ padding: 20px 0 0 0; }

@media (max-width:991px) {
	footer .f_info li{ padding-bottom: 0; }
	footer .f_info li p{ padding: 0; }
}