html, body
{
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
body {
	background-color: #fff;
	font-family:NanumBarunGothic,sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	-webkit-text-size-adjust: none;
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	text-decoration: none;
}
pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#m_header
{
	width: 100%;
	height: 60px;
	background-color:#15396b;
	border-bottom:6px solid #15396b;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

	box-sizing: border-box;
	padding:0px;
	margin:0px;
}


#page
{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

#page nav
{
	display: none;
}

#header,
.header,
#footer
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	height: 50px;
}

#header a,
.header a
{
	padding-top:10px;
	background: center center no-repeat transparent;
/*	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );*/

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
#header a.friends,
.header a.friends
{
	padding-top:10px;
/*	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==); */
}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#content,
.content
{
	padding-left:0px;
	padding-right:0px;
}
#content_main
{
	padding-left:0px;
	padding-right:0px;
}

article {
	padding-left:10px;
	padding-right:10px;
}

.write_top { border-top:2px solid #999999; border-bottom:0px solid #dddddd; margin:0 auto; margin-top:0px;} 
.write_top_all { border:1px solid #dddddd; border-bottom:0px solid #dddddd; margin:0 auto; margin-top:0px;} 
.write_top td { border-bottom:1px solid #ddd;} 

.board_table_top {border-top:2px solid #999999;} 
.board_table_td_L {  height:40px; background:#f2f2f2; text-align:center; color:#666666; font-weight:800; font-size:13px; border-bottom:1px solid #dddddd; padding:5px 0px 5px 0px;}
.board_table_td_L_L {height:35px; background:#f7f7f7; text-align:left; color:#666666; font-weight:800; font-size:13px; border-bottom:1px solid #dddddd; padding:5px 0px 5px 15px;}
.board_table_td_R {height:40px; background:#ffffff; text-align:left;   color:#666666; font-weight:400; font-size:13px; border-bottom:1px solid #dddddd; padding:5px 10px 5px 10px; line-height:22px}
.board_table_td_R_view {background:#ffffff; text-align:left;   color:#666666; font-weight:400; font-size:13px; border-bottom:1px solid #dddddd; padding:5px 0px 5px 0px;}

/* 특별 CSS */

.rounded_corner_00 {
	padding:20px;
	width:338px;
	height:154px;
	line-height:25px; 
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	background:#eee;
	text-align:center;
} 

.rounded_corner_01 {
	padding-top:18px;
	width:100%;
	height:35px;
	border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	background:#435876;
	text-align:center;
} 

.rounded_corner_02 {
	width:100%;
	height: auto;
	background:#ffffff;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border:1px solid #ddd;
	text-align:center;
} 

/************************************************************************************
MORPHING & TINTING
*************************************************************************************/
.morphing-tinting {
	position: relative;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	border-radius: 30em;
}
.morphing-tinting:hover {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
/************************************************************************************
FEATHER
*************************************************************************************/
.feather {
	position: relative;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	border-radius: 30em;
}
.feather:after  {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -webkit-gradient(radial, 50% 50%, 50, 50% 50%, 70, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
	background: -moz-radial-gradient(50% 50%, circle, rgba(255,255,255,0) 50px, rgba(255,255,255,1) 70px);
}

.btn_form_co {width:100%; height:40px; background:#666; font-size:13px; color:#fff; text-align:center; font-weight: 800; border:1px solid #dddddd; cursor:hand;}