@charset "utf-8";
body { font-size:15px; }

#container { width: 100%; height: 100%; margin: 0; padding:0; clear: both; float: none; }
#wrap { position:relative; width: 100%; height: 100%; margin:0 auto;padding: 0; clear: both; float: none;}

.inner_wrap {position:relative; width: 94%;max-width: 1200px;padding: 0;margin: 0 auto;box-sizing: border-box;}
.inner_wrap:after { display:block; height:0; clear:both; float:none; content:""; }

.inner_wrap2 { position:relative; width: 90%; max-width: 1200px; padding: 0; margin:auto;  box-sizing: border-box;}
.inner_wrap2:after { display:block; height:0; clear:both; float:none; content:""; }

.mobile_view { display:none; }
.mobile_view2 { display:none; }

.bg_fix{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index: 98;
	opacity:0.7;
	/* ie 8 */
	-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=70)";
	/* ie 7 and olders */
	filter: progid:dximagetransform.microsoft.alpha(opacity=70);
	/* netscape */
	-moz-opacity: 70;
	/* safari 1.x */
	-khtml-opacity: 70;
}
/* head_area */
#head_wrap {clear: both;width:100%;margin: 0 auto;z-index:10;}
#web_menu {height: 100px;box-sizing: border-box;}

.top_logo {position: absolute;top: 22px;left: 0;}
.top_logo a{ display:block;}
.top_logo img {max-width: 100%;}

#globalmenu {
	float: right;
	box-sizing: border-box;
	line-height: 40px;
}

	#globalmenu li {
		float: left;
		width: 78px;
		text-align: center;
		border: 1px solid #ddd;
		border-radius: 10px 0 0 10px;
		-webkit-border-radius: 10px 0 0 10px;
		-moz-border-radius: 10px 0 0 10px;
		font-size: 0.8em;
	}
	#globalmenu li:first-child {
		border-radius: 10px 0 0 10px;
		-webkit-border-radius: 10px 0 0 10px;
		-moz-border-radius: 10px 0 0 10px;
	}

	#globalmenu li:last-child {
		border-radius: 0 10px 10px 0;
		-webkit-border-radius: 0 10px 10px 0;
		-moz-border-radius: 0 10px 10px 0;
		border-left:0
	}

#globalmenu a {
}

#head_border {
	display: none;
	position: absolute;
	width: 100%;
	top: 100px;
	height: 50px;
	z-index: 1;
	background-color: #7a6d59;
}

/* head_area */

#m_mobile_menu {display:none;border-bottom: 1px solid #ddd;}
#m_mobile_menu .go_top {
	position: fixed;
	top: 83%;
	right: 0;
	width: 50px;
}
#m_mobile_menu .go_top img {
	max-width: 100%;
}

#body_wrap {position: relative;width:100%;overflow:hidden;clear:both;padding: 50px 0 0 0;margin:0;}
#body_wrap img {max-width:100%;}
.inner_wrap.inner img { }

	#top_bg {
		position: relative;
		width: 100%;
		text-align: center;
	}

	#top_bg .inner_wrap {
		padding: 5% 0;
		background: url('/img/layout/top_bg.png') no-repeat right center;
		max-height: 248px;
	}

	.top_slogan {
		color: #b0a087;
		font-size: 1.25em;
		font-family: "나눔명조";
		font-weight: 500;
		line-height: 160%;
	}

	.top_subtitle {
		font-size: 2.4em;
		font-weight: 700;
		color:#464646;
		line-height: 1.4em;
	}

	.top_title {
		color: #7a6d59;
		font-size: 1.2em;
		font-weight: 700;
		/* line-height: 2em; */
	}

	#location {
		line-height: 50px;
		font-size: 0.875em;
		word-spacing: 3px;
		color: #7a6d59;
		font-weight:700;
		box-sizing: border-box;
	}

	#location .inner_wrap { border:1px solid #d6d6d6;}

	.location_link > * { margin-right:10px; }

	.location_link {
		float: left;
	}

	.location_controls {
		float: right;
	}

	.location_controls li {
		float: left;
		border-left: 1px solid #ddd;
	}

	.location_controls a.location_prev {background: url('/img/layout/location_controls.png') no-repeat 0 center;}
	.location_controls a.location_next {background: url('/img/layout/location_controls.png') no-repeat -43px center;}

	.location_controls a {
		text-indent: -9999px;
		width: 43px;
		height: 100%;
		display: block;
		box-sizing: border-box;
	}

	#location .home_icon {width:50px;height: inherit;display: inline-block;text-align: center;box-sizing: border-box;border-right: 1px solid #ddd;}

	#location span.on {
		color: #666;
	}

	#body_inner_wrap:after { display:block; height:0; content:""; float:none; clear:both; }

	#body_content {
		width: 100%;
		box-sizing: border-box;
		min-height: 350px;
		padding: 0 0 3% 0;
	}

	.body_title {
		box-sizing: border-box;
		font-size: 2.2em;
		font-weight: 700;
		color: #0061c2;
		margin: 3% 0;
		display: inline-block;
	}

	.body_title2 {
		box-sizing: border-box;
		font-size: 2.2em;
		font-weight: 700;
		margin: 3% 0;
		display: inline-block;
		color:#333;
	}

	.body_title span {
		font-size: 0.7em;
		color: #333;
		font-weight: normal;
	}

	.body_title2 span {
		color: #333;
		font-weight: normal;
	}


#foot_wrap {
	clear: both;
	position: relative;
	width: 100%;
	padding: 3% 0;
	z-index: 1;
	background-color: #ebebeb;
}

#foot_wrap .inner_wrap {
	padding-right: 160px;
}

.foot_info {
	float: left;
}

.foot_logo img {
	float: right;
	margin-right: -160px;
	margin-top: 15px;
}

.foot_logo img { max-width:100%;}

.foot_menu {
	float: left;
}

.foot_menu li {
	float: left;
	color: #464646;
	font-weight:700;
	font-size: 0.87em;
}

.foot_menu li:before {
	content:"|";
	padding: 0 5px;
}
.footer_menu li.footer_mobile_on2:before {
	content:"";
	padding:0;
}
.foot_menu li:first-child:before {
	content:"";
	padding:0;
}

.copyright {
	clear:both;
	padding-top: 20px;
	float: left;
}

.copyright li {
	display: inline-block;
	font-size: 0.87em;
	color: #464646;
}

.copyright li:before {
	content:"|";
	padding: 0 5px;
}
.copyright li.footer_mobile_on2:before {
	content:"";
	padding: 0px;
}
.copyright li:first-child:before {
	content:"";
	padding:0;
}

.copyright > div {
	font-size: 0.87em;
	color: #464646;
	padding-top: 10px;
}


/*
#foot_wrap {
	clear: both;
	position: relative;
	width: 100%;
	margin: 3% 0 0 00;
	padding: 3% 0;
	border-top: 1px solid #e3e3e3;
}

.foot_logo {
	text-align: center;
	margin-bottom: 20px;
}

.foot_info {
	text-align: center;
	color: #a5a5a5;
}

.foot_info li {
	display: inline-block;
	line-height: 1.6em;
}

.copyright {
	text-align: center;
	color: #c5c5c5;
	line-height: 1.6em;
}
*/
/* for mobile */
		#m_head_wrap {position: relative;width: 100%;height: 119px;margin: auto;padding: 0;}
		#m_head_wrap:after { display: block; clear:both; float:none; visibility: hidden; line-height: 0; height: 0px; content:""; overflow:hidden; }
		#m_head_wrap div {cursor:pointer;}

		#m_top_box {
			position: absolute;
			width: 100%;
			height: 60px;
			/* background-color: #000; */
			/* opacity:0.15; *//* ie 8 */
			/* -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=15)";ie 7 and olders */
			/* filter: progid:dximagetransform.microsoft.alpha(opacity=15);netscape */
			/* -moz-opacity: 15;safari 1.x */
			/* -khtml-opacity: 15; */
		}

		#mobile_logo, #mobile_menu_btn, #mobile_contact {
			position: absolute;
			top: 50%;
			margin:0 auto;
			transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			-webkit-transform: translate(0, -50%);
			-moz-transform: translate(0, -50%);
			-o-transform: translate(0, -50%);
		}

		#mobile_logo {left: 0;right: 0;width: auto;max-width: 240px;text-align: center;}
		#mobile_logo img {max-width: 100%;}
		#mobile_menu_btn {left: 20px;text-indent: -9999px;width: 45px;height: 36px;background: url('/img/layout/m_allmenu.gif') no-repeat 0 0;}
		#mobile_menu_btn.close{ background-position:0 0;}
		#mobile_contact {display: none;right: 20px;}
		#mobile_contact a {float: left;padding: 16px 12px;}
		#mobile_contact a:first-child {/* padding-left:0; */}
		#mobile_contact a:last-child {/* padding-right:0; */}
		#mobile_contact a img {}


.con_fixed { position:fixed; top:0; left:0; right:0; z-index:100; }

#mobile_menu {display: none;position: absolute; top: 119px;left: 0;width: 320px;/* height:100%; */overflow:auto;background: #7a6d59;z-index:1000;}
#mobile_bg_fix { top: 120px; }

#mobile_menu .logo { width:100%;height: 60px;line-height: 60px; text-align:center;background-color: #fff;}
#mobile_menu .logo img {height: 50%;}
#mobile_menu .lang {color: #fff;}
#mobile_menu .lang li {float: left;width: 50%;height: 42px;line-height: 42px;text-align: center;}
#mobile_menu .login { position:relative; font-size:16px; font-weight:700;background: #fff;}
#mobile_menu .login:after { display:block; height:0; content:""; float:none; clear:both; visibility:hidden; }
#mobile_menu .login a{ display:inline-block; float: left; width: 50%; height: 45px; line-height: 45px; text-align: center; color:#333; box-sizing: border-box; }
#mobile_menu .kan { position:absolute; top:50%; left:50%; color:#555; }
#mobile_menu > ul {border-top: 1px solid #fff;}
#mobile_menu > ul > li {width:100%;font-size:14px;border-bottom: 1px solid #fff;}
#mobile_menu > ul > li a {display:block;padding: 13px 20px;color:#fff;font-weight:700;background: url('/img/layout/bu_w_plus.gif') no-repeat 95% center;}
#mobile_menu > ul > li > a { padding: 20px; font-size: 1.2em; }
#mobile_menu > ul > li > ul > li > a:before { content:"-"; padding-right:10px}
#mobile_menu > ul > li a.on {border-bottom: 1px solid #fff;}
#mobile_menu > ul > li > ul {display:none;padding:10px;background: #50473a;}
#mobile_menu > ul > li a.on + ul { display:block; }
#mobile_menu > ul > li > ul > li{padding: 0 10px;font-size:14px;/* background: url('/img/icon/bu_dot_w.gif') no-repeat 15px center; */border-bottom:0;}
#mobile_menu > ul > li > ul > li.on {/* background: url('/img/icon/bu_chk_w.png') no-repeat 4px center; */background-size:contain;}
#mobile_menu > ul > li > ul > li a {padding: 10px 0;font-weight:normal;line-height: 20px;background:none;}
#mobile_menu > ul > li > ul > li:hover > a, #mobile_menu > ul > li > ul > li.on > a {font-weight: 700;font-size: 1.2em;}
#mobile_menu > ul > li > ul > li > ul > li {padding-right: 32px;}
#mobile_menu > ul > li > ul > li > ul > li:hover > a, #mobile_menu > ul > li > ul > li > ul > li.on > a {font-weight: 700; }

#mobile_global li {
	float: left;
	width: 50%;
	height: 50px;
	text-align: center;
	padding: 15px 0;
	color: #7a6e5a;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	background-color: #fff;
}

#mobile_global li:first-child { border-left:0; }

#mobile_info {
	background-color: #8b7060;
	padding: 20px 0;
}

#mobile_info li {
	border-left: 1px solid #ae9b90;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
}

#mobile_info li:first-child { border-left:0; }

#mobile_info li a {
    padding: 15px 0;
    display: block;
}

#mobile_info li a img { width:100px;}


.footer_mobile_on {
	display: inline-block !important;
}
.footer_pc_on {
	display: none !important;
}

@media (max-width:1200px) {
	.top_logo {width: 144px;top: 35px;}
}

@media (max-width:1024px) {
	body { font-size:14px; }
	.top_logo {top: 16px;}
}

@media (max-width:800px) {
	body {/* font-size:13px; */}
	#web_menu { display:none; }
	#m_mobile_menu {display:block;}

	.web_view { display:none; }
	.mobile_view { display:block; }

	#m_head_wrap {width: 90%;}

	#body_wrap { padding-top:0; }

	#top_bg .inner_wrap { background:none; }
	.top_subtitle {font-size: 1.8em;}
	.top_title { line-height:1.4em;}

	#location { display:none; }


	#body_inner_wrap {
		padding-left: 0px;
		border-left: 0;
	}

	#body_head { display:none; }

	#body_content {
		padding-left: 0;
		border-left: 0;
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 30px;
		min-height: 350px;
	}

	.body_title {
		font-size: 1.6em;
	}

	#foot_wrap { text-align:center; }
	#foot_wrap .inner_wrap { padding:0; }
	.foot_logo img {
		float: none;
		margin: 0 auto 3% auto;
		width: 160px;
	}


	.foot_menu {float:none;display: inline-block;}
	.copyright {float:none;display: inline-block;}
}

@media (max-width: 640px) {
	.web_view2 { display:none; }
	.mobile_view2 { display:block; }

	body {/* font-size:12px; */}
	.inner_wrap {width: 96%;}

	.smaller { font-size:0.9em; }

}

@media (max-width:480px) {
	.footer_pc_on {
		display: inline-block;
	}
	.footer_mobile_on, .footer_mobile_on2 {
		display: none;
	}
	.footer_mobile_on2:before {
		content:"" !important;
	}
	#m_head_wrap {height: 79px;}
	#mobile_menu { top:79px; }
	#mobile_bg_fix { top: 80px; }
	#mobile_logo {left: 0;right: 0;width: 55%;text-align: center;}
	#mobile_menu_btn {width: 35px;left: 0;}
	#mobile_contact {right: 0;}
	#mobile_contact a {padding: 16px 8px;}

	#foot_wrap {font-size: 0.87em;}

}