/*----------------------------------------
 적용폰트 import URL
-----------------------------------------*/



body {
	/*border-top:solid 5px #222222;*/
	/*background : #f6f5ef;*/
	/*background:url('../img/body_bg.jpg') repeat-x;*/
	text-align:center;
	font-family: 'Malgun Gothic','Dotum','Noto Sans Korean', sans-serif;
	overflow-x:hidden;
	margin:0 auto; border:0px;

}

header, slide, section, article, footer, #event, #diet { 
	margin : 0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-sizing:border-box;
	-o-sizing:border-box;
	box-sizing:border-box;
	}

header {
	width : 1400px;
	line-height:1em;
	}
header #logo {float :left;}
header #m_top {
	float :right;
	/* width:190px; */
	width:300px;
	margin : 30px 0 20px 0;
		}
header #m_top ul li {
	float :left;
	font-size : 0.8em;
	padding: 0 7px;
	/*border-right : solid 1px #d0d0ce;*/
	}

header #m_top ul :last-child {
	border : 0px ;}






section {
	float:left; width:100%;
	background: /*url("../img/main/online_bg.png")*/ #fff top left repeat-y;
	}

/*section .flexslider {top:-10px;}*/


article {
	width:1160px;  height:220px; background :#fff; /*url('../img/main/bna_bg.png');*/
	}

article #online, #center{
	float:left;
	}
article #online {
	width:333px;
	padding:30px 0px;
	background:#fff;
	text-align:left;
	}
article #online h5{
	font-size:14pt;
	font-weight:600;
	letter-spacing:-0.09em;
	margin: 0 0 17px 0;
	}

article #online ul li a{
	font-size:11pt;
	color : #000;
	line-height: 1.7em;
	letter-spacing:-0.05em;
	text-decoration:none;
	}

article #online ul li a:hover{
	color : #734212;
	}

article #center {
	margin:20px 10px 0;
	}

article #rolling {
	width:405px; float:left;
	margin-top:19px;
	margin-left:10px;
	margin-right:20px;
	background :#fff; /*url('../img/main/bna_bg.png');*/
	}

article #line{
	float:left;
	}	
	
	
#event{ 
	width : 1200px; /*height:1650px; padding-bottom:20px;padding: 20px 0 20px 0;*/
	display:block; 
	}

#event ul li { 
	float : left;
	margin-top:15px;
	margin-right:10px;
	}

#event ul :nth-child(3)  { 
	margin-right:0px;
	}
	

#event ul :last-child { 
	margin-right:0px; padding-bottom:10px;
	}
	

#diet{ 
	width : 100%;
	margin-top:30px;
	position:relative;
	display:inline-block;
	/*background : #ad9782;*/
	margin:0 auto
	}

#diet img{ 
	width : 100%;
	
	}

#diet_bt { width:300px;}

#diet_bt ul li{ 
	position:absolute;
	width : 161px;
	float:left;
	border:solid 1px #383737;
	border-radius : 3px;
	padding:10px 0;
	}


#laser {width :100%; background:#fff;}
#laser ul{ 
	width : 1110px; display:inline-block;
	margin-right:20px;
	
	}

#laser p { 
	font-size : 1.3em;
	letter-spacing : -0.09em;
	padding-bottom:20px;
	text-align:left;
	}

#laser ul li { 
	width:200px; float:left;
	margin-right:20px;
	margin-bottom:20px;
	}



footer {
	background : #2c2a29; color : #ebe6e4;
	font-size : 0.8em; font-weight:300;
	}

#copyright {width :100%; background : #605956;}
#copyright ul {width:1060px; display:inline-block; margin: 20px 0;}
#copyright ul li a{
	float:left; 
	margin: 0 30px 0 0;
	color : #ebe6e4;
	}
#copyright ul li a:hover{
	color : #c1ada5;
	}

#info {background:url('../img/main/copy_map.jpg') no-repeat 80% 50%;}

#info ul{
	width:1060px; display:inline-block; text-align:left;
}

#info ul li {
	float:left; 
	margin: 20px 0px 55px 0;
	color : #d5d6e2;line-height:1.4em;
	}


#real ul{
	width:1060px; display:inline-block; text-align:left;
}
	
	
#modal-con {
	font-size : 0.9em;
	text-align:left;
	line-height:1.2em;
	height:700px;
	overflow-y:scroll;
	}

#modal-con ul li b{
	font-weight:500;
	display:inline-block;
	color:blue;
	}

#modal-con h3 {
	font-size : 1.8em;
	text-align:center;
	margin-bottom:20px;
	}

#modal-con ul li {
	margin-bottom:20px;
	}


/* 보드 충돌 */
section#bo_w,section#bo_v_info, section#bo_v_atc{
	background:#fff;
}

section#fregister_term {
	background:#fff;
}

/* 올드게시판 글씨 크기 충돌 */
table#old_community { font-size:12px; }
table#old_community a:hover{ color:#000; }

/* 로긴 */
#mb_login,
#mb_register,
#reg_result,
.mbskin
{ font-size:12px; }
#mb_login a:hover { color:#000; }
#event ul *:last-child {
		width::100%;
	}



@media all and (max-width: 1200px) {	
	/* 여기부터 메인 *******************************************************/
	#gnb,
	#gnb header,
	section .flexslider,
	#event,
	#diet, 
	#laser, 
	footer
	{ width:1160px !important;}
	
	article #online,
	article #rolling,
	article #rolling .flexslider	
	{ width:360px !important; }
	article #rolling { padding-left:30px;}
	/* center 중에 하나는 이미지 라인선 불피요 하니 숨기자 */
	article #center { display:none; }

	article #center.number {
		display:block;
		width:360px;
	}
	/* 여기까지 메인 *******************************************************/

	
	/* 여기부터 페이지 *******************************************************/
	#sub { width:1160px !important; height:auto; }
	#sub img { width:100%; }
	/* 여기까지 페이지 *******************************************************/



}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}