@charset "utf-8";

html,body{margin:0;padding:0;height:100%;}
body{
	font-family:"돋움",gulim,dotum,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#333333; 
	text-align:justify;
	background:url(../images/bg.gif);
	
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td,img,div{margin:0; padding:0;}
input,textarea,select,td,th{font:12px,  "굴림", Gulim, "돋움", Dotum,Arial, sans-serif;color:#333333;vertical-align:middle; line-height:24px; }
h1,h2,h3,h4,h5,h6{font-weight:bold; font-size:100%;}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none; }
hr, legend, caption, .hidden{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{color:#767676;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}
img{ border:none; margin:0; line-height:0; padding:0;}



/* 레이아웃 */
#wrap {
	position:relative;
	width:100%;
	height:100%;
}




#container {/*main*/
position:relative;
	width:992px;
	height:800px;
	margin:0 auto;
	background-color:#fff;
}

#header{
	position:relative;
	width:100%;
	text-align:right;	
	background-color:#fff;
	height:38px;
	
}
#header .wrapper{
	width:956px;
	margin:0 auto;
}
#header .wrapper_main{
	text-align:right;
	width:992px;
	margin:0 auto;
	height:35px;
}
.header_links{ float:right;}
.header_links li{float:left; margin:0; padding:0;}



#side_main{
	position:absolute;
	bottom:124px;
	left:45.5%;
	width:106px;
	z-index:11;
}

#side_main .view_webzine{ width:90px; margin:0 auto; padding-top:20px}
#side_main .view_webzine select{border:1px solid #cccccc; width:90px; height:20px; text-align:center; color:#333; font-size:11px;padding-top:1px;margin:0 auto;background-color:#eee;}

#side_main .link_sns {
	width:85px;
	margin:0 auto;
	text-align:right;
	padding-top:6px
	
}
#side_main .link_sns li{
	display:inline;	
}

.btm{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}




#contents{
	width:992px;
	float:left;
	text-align:center;
	vertical-align:top;	
}

.main_table{
	width:100%x;
	height:800px;
}
.main_table td{ padding:0; vertical-align:top;}







/* sub */


#side{
	position:relative;
	width:106px; 
	height:100%;
	float:left;
	background-color:#49aa96;
}

#side .view_webzine{ width:90px; margin:0 auto; padding-top:20px}
#side .view_webzine select{border:1px solid #cccccc; width:90px; height:20px; text-align:center; color:#333; font-size:11px;padding-top:1px;margin:0 auto;background-color:#eee;}

#side .link_sns {
	width:85px;
	margin:0 auto;
	text-align:center;
	padding-top:10px
	
}
#side .link_sns li{
	display:inline;	
}

#container_sub {
	position:relative;
	width:956px;
	height:100%;
	margin:0 auto;
	background-color:#fff;
	vertical-align:top;
}


.btn_top{ position:absolute; right:55px; bottom:25px; width:51px; height:19px;}


#contents_sub{
	position:relative;	
	width:850px;
	float:left;	
	vertical-align:top;
	background-color:#fff;
}


.content{
	vertical-align:top}	
.content img{ margin:0; line-height:0;}	

.page{
	height:80px;
	width:890px;
	position:fixed;
	z-index:10;
	left:50%;
	margin-left:-352px;
	top:45%}

.page li.prev{ float:left;}
.page li.next{ float:right; text-align:left; margin-right:80px}
.page li.print{ position:absolute; bottom:25px; right:0;}



.oneday{ width:680px; margin:0 auto; text-align:center; padding-bottom:50px;}
.oneday p{padding:60px 0 30px 0;}
.notice{ color:#F60}




/*  div  */
.wide{width:100%; display:block}
.wide2{width:428px;}
.wide3{width:312px;}
.wide4{width:313px;}
.clear_l{ clear:left;}
.clear_r{ clear:right;}
.clear_b{ clear:both;}
.clear_ba{ clear:both; padding-top:15px; padding-bottom:15px;}
.float_r{ float:right;}
.float_l{ float:left;}
.t_align_c{text-align:center;}
.t_align_p{padding-top:20px;}
.t_align_pb{padding-bottom:20px;}
.none{ display:none;}
/* img */
.fl_r{ float:right; }
.fl_l{ float:left;}
/* text */
.txt_bl{color:#2750a3; font-size:14px; font-weight:bold;letter-spacing:-1px;}
.txt_s {color:#666666; font-size:12px; line-height:20px; padding-top:15px;}
.txt_w {color:#999999; font-size:11px; line-height:20px; padding-top:25px;}
.txt_w2 {color:#999999; font-size:11px; line-height:20px; padding-top:10px;}
.txt_ac {color:#0066cc; font-size:14px; font-weight:bold;letter-spacing:-1px; }
.txt_ac2 {color:#ff3300; font-size:14px; font-weight:bold;letter-spacing:-1px;}
.txt_ba{color:#333333; font-size:14px; font-weight:bold;letter-spacing:-1px;}