body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button,th,td,textarea,input{margin:0;padding:0;}
html,body{height:100%}
hr, legend {display:none;}
img, fieldset {border:0 none;}
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:12px;font-weight:normal;}
ul, ol, li {list-style:none outside;}
img, input, select, textarea, label{vertical-align:middle;}
textarea, select, input, body,th,td{font-size:12px; color:#030303}
/*textarea, select, input, body,th,td{font-size:12px; font-family:dotum; color:#030303;}*/
textarea{line-height:18px;}
a{color:#030303; text-decoration:none;}
a:hover{text-decoration:underline;}
label{display:none; visibility:hidden;}

/* global class */
.clear{clear:both;}
.hide {display: none;}
.bold{font-weight:bold}
.none{display:none}
.wrapper{margin:30px auto 0; width:808px; position: relative;}
.pointFontColor{color: #D0322F;}
.png24 {tmp:expression(setPng24(this));}

body{background-position:center 0;/*24px;*/}
#body_top{background-position:center 26px; background-repeat:repeat-x; padding-bottom:70px;}
.main_content{width:626px; float:left;}
/* Profile */
#profile
{
	*height:1%;
	padding-left:2px;
	margin-bottom:18px;
}

#profile:after
{
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.iconBox_1
{
	float:left;
	background: url('/images/icon/img_bg.png') no-repeat;
	_background: url('/images/icon/img_bg.gif') no-repeat;
	height:61px;
	width:52px;
}

.iconBox_1 img
{
	width:40px;
	height:40px;
	padding: 6px;
}

.iconBox_1 span, .iconBox_2 span{
	display:none;
}

.iconBox_2{
	float:left;
	border:1px solid #cccfd2;
}
.iconBox_2 img{
	height:27px;
	width:27px;
	float:left;
}
.profileData{
	float:left;
	margin-left:8px;
	margin-top:4px;
}
.profileData h1{
	padding-top:0px;
}

.profileData h1 a{
/*	color: #d0322f;*/
	bottom: 6px;
	_bottom: 3px;
	font-weight:bold;
	font-size: 18px;
}

.profileData p{
	line-height:20px;
	padding:5px 0 0 1px;
}
#logSubTitle{
	color: #3a3a3a;
	font-size: 11px;
}
#logUrl{
	color: #333333;
	font-size: 11px;
	font-family:tahoma;	
}
#logRss{
	margin-left:4px;
}

.rss_icon {
	margin-left: -1px;
	margin-top:-1px;
	*margin-top: 1px;
}

#subscribeBtn
{
	margin-left:3px;
}

/* Box */
.wrapper div.outerBox{
	border:2px solid #c9c9c9;
	background:#ffffff;
}
.wrapper div.innerBox{
	border:1px solid #a8a8a8;
}

#innerBox{
	*width:620px; /* 배경 안나오는 bug fixed */
}
/* boxHeader */
.boxHeader{
	zoom:1;
	background:#e1e1e1;
	color: #58595b;
	/*position:relative;*/
	padding:5px 18px;
}

.boxHeader:after{
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.boxHeader ul li{
	float:left;
	display:inline;
}

.boxHeader ul .bar{
	/*color:#949599;*/
	margin-right: 10px;
	background:transparent url('/images/icon/bar3.gif') no-repeat 100% 50%;
	*background-position:100% 0px;
	padding-right:10px;
}
.boxHeader ul .last{
	background:none;
	padding:0;
	margin:0;
}

.boxHeader ul li a.new{
	background:transparent url('/images/header/notify-new-header.gif') no-repeat 100% 50%;
	padding-right:12px;
}

/* userInfo */
.boxHeader .userInfo{
	float:left;
}

.boxHeader .nickName{
	/*color:#cd3333;*/
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	*padding-top:1px;
	/*font-family:dotum;*/
}
.boxHeader .sex{
	margin-right:5px;
}
.boxHeader .sex img{
	position:relative;
	top:0px;
	*top:-1px;
}
.boxHeader ul .birth
{
	/*color:#58595b;*/
	font-size:10px;
	font-family:'tahoma';
	margin-right:7px;
	padding-right:7px;
	font-weight:bold;
	padding-top:1px;
	background-position:100% 3px;
}


.boxHeader .birthType{
	font-weight:normal;
}
.boxHeader .visit{
	/*color:#3a3a3a;*/
	font-size:10px;
	font-family:'tahoma';
	padding-right:5px;
	padding-top:1px;
}

.boxHeader .btn{
	padding-top:1px;
	padding-right:5px;
}

.boxHeader .btn img{
	position:relative;
	top:-1px;
	*top:0;
}
/* menu */
.menu{
	float:right;
	/*font-family:Gulim;*/
	*padding-top:1px;
}
.menu li{
	float:left;
}

.menu li.bold a{
	font-weight:bold;
}
/* contents */
#contents {
	/*position:relative;*/
}
#contents_top{
/*width: 672px;
height: 98px;
padding:63px 38px 0;*/
/*background-image:url(/images/skin/pg/05_top.jpg);*/
}
#contents_middle{
/*width: 672px;
padding:0px 38px 10px 38px;
background-image:url(/images/skin/pg/05.jpg);*/
}
#contents_bottom{
/*width: 672px;
height: 32px;
padding:0px 38px 40px;
background-image:url(/images/skin/pg/05_bottom.jpg);*/
background-position: bottom center;
}

#contents_left{
	padding:63px 40px 40px;
	background-repeat:repeat-y;
}

/* */
#skinControl .colorconfimBtn{
	display:none;
}

/* header */
.headerBox .bg{	background-color:#262626;	z-index:-1;	height:24px;	opacity:0.2;	filter: alpha(opacity = 20);}
#blackbar_ment{float:left;color:#ffffff;padding-top:2px;width:300px;}
#bar_ment{color:#c5c0eb;font-weight:bold;}
#header{	*zoom:1;	padding:0px;	width:808px;	margin:-22px auto 0;	position:relative;	height:22px;}
#header:after{	content:" ";	display:block;	clear:both;	height:0;	visibility:hidden;}

#header ul.fleft li{float:left; margin-top:5px; height:16px; }
#header ul.fright li{float:right; margin-top:4px;  }

#header li{	padding:0 4px;	}
#header li .logo{	margin-left:4px;}
#header ul.fleft li.tm{margin-top:4px;}
#header li.first{	background:none;	padding:0;}

#header li.hrlgbtn{	margin-top:1px !important; background:none;	padding-right:0;}
#header li.last{	background:none;	padding-right:0;}
#header a{color:#F6F6F6 ; font-size:11px;	letter-spacing:-1px;	font-weight:normal;	}
.headerbar {color:#F6F6F6 ; font-size:11px;	letter-spacing:-1px;	font-weight:normal;	}
#header .fright a{font-size:11px;}
#header li span.btn{	/*background:url("../images/icon/permalink.gif") no-repeat 100% 5px;		padding-right:10px;	*/ float: left;	margin-top: 1px;	*margin-top: 0px;}

#header li span.btn .icon{	padding:0 2px; margin-top:-1px; *margin-top:0;}
#noticeBtn, #permaBtn {	margin: 0 0 0 2px;}
#header .tlogoin{}

/* header Popup */
#headerPopup{	width:808px;	margin:0 auto;	z-index:1000;	position:relative;}
#headerPopup fieldset{	border:0;}
#headerPopup fieldset legend{	display:none;	visibility:hidden;}

/* Box 공통 */
#headerPopup .topBox, #headerPopup .topBox{	position:absolute;	right:0;	background-color:#FFFFFF;}

/* Login */
#autoLoginDay{margin-left:3px;}
#loginBox{border:3px solid #7aa4dd; padding:2px; background:white;}
#loginBox *{font-size:11px;}
#loginBox .w1{width:232px; height:186px; background:#f9f9f9; background:url(/images/header/bg_login.gif) 13px 12px no-repeat;}
#loginBox .w2{padding-left:205px; padding-top:13px;}
#loginBox .w3{margin-top:13px; margin-left:13px; width:206px; height:61px; background:#f3f3f3;}
#loginBox .w4{margin-top:9px; *margin-top:5px; margin-left:13px; width:206px; height:22px; *height:26px; border-bottom:1px solid #eaeaea;}
#loginBox .c1{height:50px; width:140px; *width:143px; float:left; margin:9px 4px 0px 8px; *margin:9px 4px 0px 4px; _margin:9px 2px 0px 3px;}
#loginBox .c2{float:left; margin-top:9px; *margin-top:8px;}
#loginBox .c1 input{width:131px; height:14px; padding-top:4px; padding-left:6px; color:#666666; border:1px solid #7aa4dd; float:left;}
#loginBox .userPw{margin-top:4px;}
#loginBox .loginSubmit{width:48px; height:44px; _height:45px; background:url(/images/header/btn_nlogin.gif) no-repeat; border:none; cursor:pointer;}
#loginBox .w4 *{float:left;}
#loginBox .m1{margin-top:1px; *margin-top:6px; margin-left:7px; *margin-left:3px; color:#888888; }
#loginBox .m2{margin-top:1px; *margin-top:6px; margin-left:24px;}
#loginBox .m2 a, #loginBox .w6 a{color:#719ad3; text-decoration:underline; font-weight:bold;}
#loginBox .w5{margin-left:14px; margin-top:11px; color:#888888;}
#loginBox .w6{margin-left:14px; margin-top:9px;}
#loginBox .a1{margin-left:11px;}

/* JoinBox */
#joinBox{	width:389px;	border:2px solid #686868;}
#joinBox .essential{	color:#7469E2;}
#joinBoxTop{	height:18px;	padding:7px 0 0 18px;	background:url("../images/header/boxTopBg.gif") repeat-x;	position:relative;}
#joinBoxTop h4{	height:12px;	width:96px;	background:url("../images/header/joinTopLogo.gif") no-repeat;}
#joinBoxTop div{	position:absolute;	top:5px;	right:7px;}
#joinBoxTop h4 span{	display:none;}#joinFirst{	padding:10px 25px 0 25px;}
#joinFirst h3{	color:#352b95;	font-size:13px;	padding-bottom:10px;	text-align:center;	font-weight:bold;}
#joinFirst p {	margin-bottom:8px;	line-height:18px;}
#joinFirst p a{	font-weight:bold;	text-decoration:none;H}
#joinFirst p a:hover{	text-decoration:underline;}
#joinSecond, #joinThird{	padding:30px 0 0 32px;}#joinForm{	margin-bottom:7px;}
#joinForm p, #joinForm2 p{	margin-bottom:6px;}
#joinForm label, #joinForm2 label{	display:block;	float:left;	background:transparent url("../images/header/joinArrow.gif") no-repeat scroll 0 50%;	color:#888888;	width:83px;	padding-left:13px;	margin-top:5px;}
#joinForm input, #joinForm2 input{	background:#F5F5F5 none repeat scroll 0 0;	border:1px solid #D7D7D7;	color:#7469E2;	font-size:12px;	height:18px;	padding:2px 2px 0;	width:200px;}
#joinForm #userDomainBox span{	padding-left:4px;}
#policyBtn, #agreementBtn{	padding-bottom:7px;}
#policyBtn li, #agreementBtn li{	background:transparent url("../images/header/joinArrow.gif") no-repeat scroll 0 50%;	padding-left:13px;}
#policyBtn li a:hover, #agreementBtn li a:hover,{	text-decoration:underline;}#policyBtn li a, #agreementBtn li a{	color:#7469e2;	font-weight:bold;	text-decoration:underline;}
#agreement a{	text-decoration:underline;	color:#000000;}
#policy, #agreement{	display:none;	margin-bottom:5px;}
#policy .small, #join-zero .small{	text-decoration:underline;	font-size:11px;}
#policy p, #agreement p{	text-align:justify;	line-height:18px;	margin-right:32px;}
#policy p{	margin-bottom:5px;}
#joinFourth{	padding:10px 25px 0 25px;}
#joinFourth div{	display:none;}
#joinFourth #descMinipod{	display:block;}
#joinFourth p{	text-align:justify;	line-height:18px;	margin-bottom:10px;}
#joinFourth p span{	color:#352b95;	font-weight:bold;}
.joinButtonBox{	padding:10px 0;	text-align:center;}
.status{	position:absolute;	top:34px;	left:43px;}
.alert{	margin-left:3px;}
#header .image{	position:absolute;	top:301px;	left:254px;}

/* 바로가기 */
#permalinkList{	z-index : 3;	background-color: #ffffff;	border: 1px solid #9D9D9D;	overflow-y : auto;	overflow-x : hidden;	position:absolute;	height: 365px;}
#headerPopup .perSub{	background:transparent url(/images/container/dot_line.gif) repeat-x scroll 0 top;	width: 130px;	clear:both;	padding-top:2px;}
#headerPopup .perSub li{	padding:2px 0 0px 6px;	height: 16px;}
#headerPopup .perSub a {	color:#848689;}
#headerPopup .perSub img {	margin-left: 2px;	margin-top: -1px;}
#headerPopup .perSub a:hover {background-color:#F2F2F2;text-decoration:none;}

/* 원래있던거
.layerNavi{
	padding:2px;
	border: 2px solid #ccc;
	width:80px;
	background-color:#fff;
	position:absolute;
}

.layerNavi li{

}
.layerNavi a{
	font-size:11px;
	text-decoration:none;
	display:block;
	padding:3px 5px;
}

.layerNavi a.none{
	display:none;
}
.layerNavi a:hover{
	background-color:#F0F0F0;
	color:#4575E0;
}*/

.layerNavi{
	border: 1px solid #9d9da1;
	width:118px;
	background-color:#ffffff;
	padding-top: 5px;
	position:absolute;
	z-index:100;
}

.layerNavi li{

}
.layerNavi a{
	background: url('/images/icon/layerNavi_arrow.gif') no-repeat 13px center;
	font-size:11px;
	display:block;
	padding:1px 0 1px 19px;
	margin-bottom: 5px;
	height: 12px;
	width: 99px;
	color:#000000;
}

.layerNavi a.none{
	display:none;
}

.layerNavi a:hover{
	background-color:#bdd2ff;
	text-decoration:none;
}

.notice{
	background-color:#FFFFFF;
	border:1px solid #9D9D9D;
	width:260px;
	position:absolute;
	z-index:100;
	right:0;
}

.notice div.header{
	background-color:#AEAEAE;
	height:14px;
	padding:3px 8px 4px 9px;
}
.notice div.header span, .notice .more{
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

.notice .more{
	margin-left:3px;
	font-weight:tahoma;
	padding-top:2px;
	font-size:10px;
}

.notice div.header span.btn{
	float:right;
}

.notice div.header span.loading{
	margin-left:5px;
	margin-top:-2px;
}
.notice div.header span.btn img ,.notice div.navi img{
	margin-left:1px;
	padding:2px;
}
.notice ul{
	padding:8px 10px;
}

.notice ul li{
	background:url("/images/icon/icon_notice_list.gif") no-repeat;
	margin-bottom:4px;
	padding-left:23px;
	*height:14px;
	*padding-top:1px;
}
.notice ul li.empty{
	background:none;
	padding:4px 0 0 0;
	color:#848689;
	margin:0;
	text-align:center;
}
.notice ul a
{
	color:#555555;
	font-size:11px;
	overflow:hidden;
}

.notice ul li.friend
{
	background-position:0 -18px;
}

.notice ul li.reply
{
	background-position:0 0;
}

.notice ul li.group
{
	background-position:0 -18px;
}
.notice div.navi
{
	text-align:center;
	margin-bottom:5px;
}

.notice div.navi a.none
{
	display:inline;
	visibility:hidden;
}

#popup_alert, #nowLoading{z-index : 20;}
#popup_iframe{	filter : alpha(opacity=0);	opacity : 0;}
#shadow {	filter : alpha(opacity=70);	opacity : 0.7;}
#shadow, #popup_iframe{	position : absolute;	top : 0;	left : 0;	width : 100%;	height : 100%;	display : none;	background : #ffffff;	z-index : 9;}
#pop_nowloading {position:absolute; z-index:21; display:none; background:url(../home/images/loading_data.gif); width:66px; height:66px;}