/*-------------------------------------------------------------------------------------------------------------------------
   Default 
-------------------------------------------------------------------------------------------------------------------------*/
html,body{height:100%;margin:0;padding:0;font:12px/140% "Dotum";color:#303030;background:url('../images/common/bg_top.gif') repeat-x 0 0;
/*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;*/

}


html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,big,cite,code,
del,dfn,em,font,img,ins,q,s,samp,
small,strike,strong,sub,sup,tt,var,s
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0}
table{border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
em{font-style:normal;text-decoration:none}
img{vertical-align:middle; border:none}
ul,ol,dl,li,dt,dd{list-style:none}
p{margin:0;padding:0}
hr{display:none}
caption{width:0;height:0;top:0;left:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
legend{width:0;height:0;position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
form{margin:0;padding:0}
input{vertical-align:middle;margin:0 0 1px 0}
textarea{vertical-align:middle;width:100%;margin:0 0 1px 0}
select{vertical-align:middle;font:12px "dotum";margin:0 0 1px 0;text-align:center}

input[type="text"]{border:1px solid #c4c4c4}

a:link{color:#303030;text-decoration:none}
a:visited{color:#303030;text-decoration:none}
a:hover{color:#0090ff;text-decoration:underline}

/*-------------------------------------------------------------------------------------------------------------------------
   LayerPopup
-------------------------------------------------------------------------------------------------------------------------*/

img {border: none;}
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .30;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -20px -25px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.popup_block .title{
	width:100%;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #aaa;
	font:11px "dotum"
}

.popup_block .title b{
	display:inline-block;
	padding:0 0 8px 0;
	font:bold 14px "tahoma"
}

/*-------------------------------------------------------------------------------------------------------------------------
   Detail Banner
-------------------------------------------------------------------------------------------------------------------------*/
.templates_banner{height:72px;clear:both;margin:0 0 10px 0;border:1px solid #000;border-bottom:1px solid #b2b2b2;border-right:none;border-left:none;background:url('../images/banner/bn_middle_howto2.gif') no-repeat 50% 50%}

.member_banner{height:82px;clear:both;margin:0 0 10px 0;border:1px solid #000;border-top:none;border-bottom:1px solid #b2b2b2;border-right:none;border-left:none;background:url('../images/banner/bn_middle_howto2.gif') no-repeat 50% 50%}
.member_bannerEnd{height:82px;clear:both;margin:20px 0 10px 0;border:1px solid #000;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;border-right:none;border-left:none;background:url('../images/banner/bn_middle_howto2.gif') no-repeat 50% 50%}

/*-------------------------------------------------------------------------------------------------------------------------
   subSearch
-------------------------------------------------------------------------------------------------------------------------*/
.subSearch {width:auto;position:relative;.position:auto;margin:0 0 10px 0;padding:10px;text-align:center;border-top:1px solid #aaa;border-bottom:1px solid #ddd;background-color:#f9f9f9}
.subSearch span{display:inline-block;margin:0 10px 0 0;padding:2px 0 2px 30px;font:bold 12px "tahoma";background:url('../images/icon/ic_viewSearch.gif') no-repeat 0 -4px}
.subSearch input[type="text"] {width:200px;height:18px;margin:0 0 2px 10px;border:1px solid #ddd}
.subSearch input.support {width:150px;height:18px;margin:0 0 2px 10px;border:1px solid #ddd}
.subSearch input[type="button"] {height:22px;margin:0 0 2px 0;padding:0 15px 2px 15px;font:11px "tahoma"}
.subSearch select{height:22px;vertical-align:middle;margin:0 -5px 0 0;text-align:center}

/*-------------------------------------------------------------------------------------------------------------------------
   QuickMenu
-------------------------------------------------------------------------------------------------------------------------*/
#quick{width:73px;_position:absolute;float:right;padding:20px 0 0 0}
#quick .today{width:51px;padding:10px;margin:0 0 10px 0;text-align:center;border:1px solid #e3e3e3;background-color:#fff}
#quick .today span.title{width:52px;height:12px;margin:0 0 10px 0;.margin:0 0 15px 0;display:inline-block;background:url('../images/common/title_quick.gif') no-repeat}
#quick .today span.up{width:15px;height:8px;margin:0 0 10px 0;display:inline-block;cursor:pointer;background:url('../images/icon/ic_arrowPrevQuick.gif') no-repeat}
#quick .today span.down{width:15px;height:8px;margin:0;display:inline-block;cursor:pointer;background:url('../images/icon/ic_arrowNextQuick.gif') no-repeat}
#quick .today span.thumb {width:51px;height:51px;margin:0 0 10px 0;display:inline-block;background:url('../images/common/noImage_51x51.gif') no-repeat}
#quick .today span.thumb img{width:51px;height:51px}
#quick .banner01{width:71px;height:167px;margin:0 0 10px 0;text-align:center;border:1px solid #01478c;background:url('../images/banner/bn_quick_cp.gif') no-repeat 50% 50%}
#quick .banner02{width:71px;height:70px;margin:0 0 10px 0;text-align:center;border:1px solid #e3e3e3;background:url('../images/banner/bn_quick_bong.gif') no-repeat 50% 50%}
#quick .banner03{width:71px;height:70px;margin:0 0 10px 0;text-align:center;border:1px solid #e3e3e3;background:url('../images/banner/bn_quick_blog.gif') no-repeat 50% 50%}
#quick .banner04{width:71px;height:70px;margin:0 0 10px 0;text-align:center;border:1px solid #e3e3e3;background:url('../images/banner/bn_quick_face.gif') no-repeat 50% 50%}


/* A style */
a.file {color:#aaa;text-decoration:none}
a.file:hover {color:#0090ff;text-decoration:underline}


.howto {margin:-10px 0 0 0}
.howto .title{height:20px;font:bold 14px "tahoma";border-bottom:none}
.howto .title b{font:bold 30px "tahoma";padding:0 0 0 50px;background:url('../images/icon/layout_edit.gif') no-repeat 0 5px} 
.howto .text {margin:-10px 0 0 0} 
.howto .text div.contents{float:left;clear:both;font:12px/140% "돋움"} 
.howto .text div.contents p.fixed{width:658px;overflow:hidden;padding:5px 10px 0 25px;margin:0 0 15px 0;display:block;border-top:1px solid #b089d7;border-bottom:1px solid #b089d7;color:#8700a9;font:bold 12px/220% "돋움";background:url('../images/icon/bl_roundBlue.gif') no-repeat 7px 12px #f9f9f9} 
.howto .text div.contents span.fixed{color:#ef3c6a} 

.howto .text div.contents  div.block{clear:both;float:left;margin:10px 0 0 0;font:12px/140% "돋움";border-top:2px solid #000;} 
.howto .text div.contents  div.block p{width:180px;font:11px/140% "tahoma";float:left;border-right:1px solid #eee;padding:10px;margin:20px 10px 20px 0} 
.howto .text div.contents  div.block p b{display:block;height:20px;border-bottom:1px solid #000} 
.howto .text div.contents  div.block p.end{width:240px;font:11px/140% "tahoma";float:left;border-right:1px solid #fff;padding:10px;margin:20px 10px 20px 0} 
.howto .text div.contents  div.block p.end b{display:block;height:20px;border-bottom:1px solid #000} 


.howto2 {margin:50px 0 0 0}
.howto2 .title{height:35px;margin:0;padding:15px 0 0  40px;border-top:1px solid #f1f1f1;font:14px "tahoma";background:url('../images/icon/layout_edit.gif') no-repeat 0 15px}
.howto2 .title b{font:bold 20px "tahoma";padding:0} 
.howto2 .text {margin:-10px 0 0 0} 
.howto2 .text div.contents{float:left;clear:both;font:12px/140% "돋움"} 
.howto2 .text div.contents p.fixed{width:680px;overflow:hidden;padding:5px 10px 0 15px;margin:15px 0 15px 0;display:block;border-top:1px solid #e3e3e3;border-bottom:1px solid #b089d7;color:#000;font:14px/220% "돋움";background:url('../images/icon/bl_roundBlue.gif') no-repeat 0 15px} 
.howto2 .text div.contents span.fixed{color:#8c5dbb} 

.howto2 .text div.contents  div.block{clear:both;float:left;margin:10px 0 0 0;font:12px/140% "돋움";border-top:2px solid #000} 
.howto2 .text div.contents  div.block p{width:180px;font:11px/140% "tahoma";float:left;border-right:1px solid #eee;padding:10px;margin:20px 10px 20px 0} 
.howto2 .text div.contents  div.block p b{display:block;height:20px;border-bottom:1px solid #000} 
.howto2 .text div.contents  div.block p.end{width:250px;font:11px/140% "tahoma";float:left;border-right:1px solid #fff;padding:10px;margin:20px 10px 20px 0} 
.howto2 .text div.contents  div.block p.end b{display:block;height:20px;border-bottom:1px solid #000}