@charset "utf-8";

#skipnavigation {position:absolute;}
#skipnavigation h3 {text-indent: -2000px;}
.sknavi{position:absolute;	top:-500px;}

.sknavi:focus, .sknavi:active{
	top:1px;
	display:block;

	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%; 
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}

body
{ 
background:#e9e9e9;
letter-spacing:0.5px;
}


#container { margin:0; padding:0px; }

#head_wrap { position:relative; height:125px; width:100%; background:#363c45; }
	#gm_wrap {position:relative; height:40px; width:100%;}
	#gm_box {position:relative; margin:auto; padding:0; width:85%; max-width:1580px }
	#gm_box	.allmenu {display:block; position:absolute; top:10px;right:0; width:50px; z-index:999; text-align:center }
	#gm_box	.allmenu img{width:100%; }
	#gm_box	.hand { cursor:pointer; }

		#gm {position:relative; float:right; right:70px;text-align:right; }
			#gm ul { padding:10px 0 0 0; margin:0; clear:both;  float:right}
			#gm ul li {  margin:0; float:left;  text-align:right; padding:12px 8px 0 8px;}
			#gm ul li:last-child { padding:12px 0 0 8px;}
			#gm ul li a {color:#fff !important; }
			#gm ul li a:hover{color:#f03484 !important; }
			#gm ul li.language a{padding:0px !important; }
			#gm .gm_t_box {float:right; color:#afb5bd; font-size:13px;width:100%;}

	#top_box {position:relative; margin:auto; padding:0; width:85%;max-width:1580px}
		#toplogo {position:absolute; left:0; top:-5px; margin:0 0 0 0; padding:0; width:200px; }
		#nav {position:absolute; right:0; margin:0; padding:0; float:right}


#body_wrap { width:85%;max-width:1580px;margin:auto; clear:both; }
	#submenu { width:16%; min-width:200px; height:auto; position:relative; padding:0; margin:60px 0 0 0; float:left;}
	#submenu .sidetitle{ text-align:center; font-size:35px; font-weight:400; background:#d71d6c;padding:31px 0 31px 0;}
	#body_content { width:81.01%; position:relative;padding:60px;margin:60px 0 0 0;  float:right; background:#fff;box-sizing:border-box;}
	#body_content::after { content:""; display:block; height:0; clear:both; float:none;}
		#content_head { padding:0; width:100%;   }
			#location { position:relative; padding:5px 0;margin:0 auto 50px auto;font-size:14px !important; width:330px; border-top:1px dotted #666;  border-bottom:1px dotted #666; text-align:center}
			#location span{ top:-2px; padding:0 4px  }
			#content_title {position:relative; margin:15px auto 35px auto;  text-align:center }
			#content_title .ctitle{ font-weight:400; font-size:48px; color:#000;}
		#content_text { margin:0; color:#666; line-height:160%; }
		#content_foot {position:relative;  height:0;}
 

#quick {position:absolute; right:0; top:185px; width:100px; z-index:100; }
#quick ul {position:relative;margin:0; padding:0}
#quick ul li {position:relative; clear:both; width:100px; height:100px;padding:20px 0 0 0; background:#6a4e5a; border-bottom:1px solid #fff;  text-align:center; font-size:13px; color:#fff;box-sizing:border-box;}
#quick ul li img {margin:0 0 4px 0}
#quick ul li.kakao{padding:32px 0 0 0; }
#quick ul li:hover {background:#d71d6c; }

#foot_wrap {background:#fff; position:relative; bottom:0; width:100%; height:120px; margin:60px 0 0 0; color:#666;font-size:14px !important}
#foot_box {width:85%; margin:auto; padding:30px 0; line-height:180%;max-width:1580px}
.ff_box {position:relative; width:100%; text-align:center}
.foot_logo {position:relative; width:20%; float:left; min-width:240px}
.foot_right {width:75%;float:left}
	.copyright {position:relative; width:35%;  float:left;}
	.addr{position:relative;  width:63%; float:right;}
	.addr span {color:#333; font-weight:800;}


.clear_div { clear:both; height:0px; display:block; float:none;} 


@media (max-width:1600px) {
	#submenu {margin:60px 2.83% 0 0; }
	#body_content { width:80%;}
}


@media (max-width:1400px) {
	#toplogo { top: -25px; }
	#gm_box {  width:90%;}
	#body_wrap { width:90%;}
	#top_box { width:90%;}
	#submenu {width:18%; margin:60px 2.0% 0 0; }
	#body_content { width:78%;}
	#foot_box {width:90%;}
	#quick {display:none}
}


@media (max-width:1280px) {
	#body_content { width:77%;}
	.foot_right {width:70%;float:left}
		.copyright {  width:100%;  float:none;}
		.addr{  width:100%; float:none;}
}


@media (max-width:1120px) {
	#body_content { width:75%;}

}


@media (max-width:1024px) {
	#body_content { width:74%;}
	.foot_logo {display:none}
	.foot_right {width:100%;float:none}
}



/* 테블릿 사이즈*/
@media (max-width:980px) {
	#head_wrap { height:90px; }
	.allmenu {display:block; padding:5px 0 0 0 }

	#sns {width:50%;}

	#body_wrap { width:93%;}
	#submenu {display:none}
	#body_content { width:100%;  margin:30px 0 0 0; float:none; padding:40px;}
	
}



/* 모바일 사이즈*/
@media (max-width:640px) {


#head_wrap { height:125px; width:100%; }
	#toplogo { top: -10px; }
	#gm_wrap {position:relative; height:65px; width:100%;}
	#gm_box {position:relative; margin:auto; padding:2%; width:100%;box-sizing:border-box;  }
	#gm_box	.allmenu {display:block; position:absolute; top:10px;right:8px; width:50px; z-index:999; text-align:center }
	#gm_box	.allmenu img{width:100%; }
	#gm_box	.hand { cursor:pointer; }

		#gm {position:relative; float:none; right:none; left:0; text-align:left; }
			#gm ul { padding:0; margin:0;left:0; clear:both;  float:left}
			#gm ul li { font-size:12px; margin:0; float:left;  text-align:left; padding:8px 5px 0 0;}
			#gm ul li:last-child {padding:8px 5px 0 0;}
			#gm ul li a {color:#fff !important; }
			#gm ul li a:hover{color:#f03484 !important; }
			#gm ul li.language a{padding:0px !important; }
			#gm .gm_t_box {float:left; color:#afb5bd; font-size:13px;width:100%;}


	#top_box {  width:100%; }
		#toplogo {position:relative; width:150px; margin:auto; padding:20px 0 ;}
		#toplogo img {width:100%;}
	

	

	#body_wrap { width:95%;}
	#body_content { width:100%;  margin:20px 0 0 0; float:none; font-size:14px; padding:20px;}
	#submenu {display:none}
	
		
	#content_head { margin:0 0 20px 0; padding:0;  }
		#location { right:0;font-size:12px !important; width:100%; margin:0 auto 20px auto;}
		#content_title {position:relative; padding:0px 0 0 0;text-align:center;margin:15px auto 5px auto;}
		#content_title .ctitle{font-size:22px;  padding:0 0 5px 0; color:#000; float:none; }

#foot_wrap { height:120px; margin:20px 0 0 0; color:#666;font-size:14px !important}
#foot_box { padding:20px 0; line-height:160%; font-size:13px; letter-spacing:-0.5px;}
	.copyright {margin:0 0 10px 0;}

}





@media (min-width:641px) {
	.web {display:block;}
	.m_mobile {display:none;}

}

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

}