/* ============ Global Setting ============ */
* { margin: 0; padding: 0; font-family: 돋움, Dotum, 굴림, Gulim, Arial, sans-serif, Verdana, Helvetica, geneva;   font-size: 12px;   line-height:18px;   color:#666;}

html, body	{ background:#fff; height: 100% !important;}

img	{ border: 0 !important; margin: 0; vertical-align: top; }
.png24 { tmp:expression(setPng24(this)); }

li	{ margin: 0; padding: 0; list-style-type: none; }
hr	{ margin: 0; height:0; clear: both; display: none; }

table {
	border-collapse:collapse;
	border-spacing:0;
}
table caption { display: none; margin:0; padding: 0; }
fieldset,legend { border:0; }

ol,ul { list-style:none; }
caption,th { text-align:left; }


select,option,input,textarea	{
	margin:0;
	padding:0;
	vertical-align:middle;
}

body, div, textarea {
	SCROLLBAR-FACE-COLOR:#E9E9E9;
	SCROLLBAR-HIGHLIGHT-COLOR:#fff; 
	SCROLLBAR-SHADOW-COLOR:#FFF; 
	SCROLLBAR-3DLIGHT-COLOR:#C7C7C7; 
	SCROLLBAR-ARROW-COLOR:#fff; 
	SCROLLBAR-TRACK-COLOR:#eee;
	SCROLLBAR-DARKSHADOW-COLOR:#C7C7C7;
}
/* Link Style */
a:link, a:visited	{ color: #888; text-decoration: none; font-weight: normal;}
a:hover, a:active	{ color: #888; text-decoration: underline; font-weight: normal;}

a.t11:link, a.t11:visited	{ font-size: 11px; color: #666; text-decoration: none; font-weight: normal;}
a.t11:hover, a.t11:active { font-size: 11px; color: #666; text-decoration: underline; font-weight: normal;}

a.t11_bold:link, a.t11_bold:visited	{ font-size: 11px; color: #666; text-decoration: none; font-weight: normal;}
a.t11_bold:hover, a.t11_bold:active { font-size: 11px; color: #666; text-decoration: none; font-weight: bold;}

a.t12:link, a.t12:visited	{ font-size: 12px; color: #666; text-decoration: none; font-weight: bold;}
a.t12:hover, a.t12:active { font-size: 12px; color: #666; text-decoration: underline; font-weight: bold;}


/* Header */
h1 { margin: 0; padding: 0; font-size: 24px; }
h2 { margin: 0; padding: 0; font-size: 18px; }
h3 { margin: 0; padding: 0; font-size: 16px; }

/* stress */
.bold	{ font-weight: bold; }
.normal	 { font-weight:normal; }
.hand	{ cursor:pointer; }

/* Contents Area Classes */
.txtRt { text-align: right; }
.txtCt { text-align: center; }
.txtJt { text-align: justify; }
.vMid { vertical-align: middle; }
.cBoth { display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; } 
.hidden { overflow: hidden; _zoom:1; }
.nbrd { border: 0; }

/* Float Type */
.rf { float: right; }
.lf { float: left; }

/* Width */
.w5p { width: 5%; }
.w7p { width: 7%; }
.w9p { width: 9%; }
.w10p { width: 10%; }
.w12p { width: 12%; }
.w13p { width: 13%; }
.w15p { width: 15%; }
.w18p { width: 18%; }
.w20p { width: 20%; }
.w23p { width: 23%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w32p { width: 32%; }
.w33p { width: 33%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }

/* Margin Step */
.bm3 { margin-bottom: 3px; }
.bm5 { margin-bottom: 5px; }
.bm10 { margin-bottom: 10px; }
.bm15 { margin-bottom: 15px; }
.bm20 { margin-bottom: 20px; }
.bm30 { margin-bottom: 30px; }

.lm1	{ margin-left:1px; }
.lm2	{ margin-left:2px; }
.lm3	{ margin-left:3px; }
.lm4	{ margin-left:4px; }
.lm5	{ margin-left:5px; }
.lm6	{ margin-left:6px; }
.lm7	{ margin-left:7px; }
.lm8	{ margin-left:8px; }
.lm9	{ margin-left:9px; }
.lm10	{ margin-left:10px; }
.lm11	{ margin-left:11px; }
.lm12	{ margin-left:12px; }
.lm14	{ margin-left:14px; }
.lm15	{ margin-left:15px; }
.lm16	{ margin-left:16px; }
.lm18	{ margin-left:18px; }
.lm20	{ margin-left:20px; }
.lm24	{ margin-left:24px; }
.lm25	{ margin-left:25px; }
.lm30	{ margin-left:30px; }
.lm31	{ margin-left:31px; }
.lm38	{ margin-left:38px; }
.lm40	{ margin-left:40px; }
.lm47	{ margin-left:47px; }
.lm55	{ margin-left:55px; }
.lm60	{ margin-left:60px; }
.lm70	{ margin-left:70px; }
.lm75	{ margin-left:75px; }
.lm88	{ margin-left:88px; }
.lm90	{ margin-left:90px; }
.lm100	{ margin-left:100px; }
.lm109	{ margin-left:109px; }
.lm110	{ margin-left:110px; }
.lm122	{ margin-left:122px; }
.lm160	{ margin-left:160px; }

.tm2	{ margin-top:2px; }
.tm3	{ margin-top:3px; }
.tm4	{ margin-top:4px; }
.tm5	{ margin-top:5px; }
.tm6	{ margin-top:6px; }
.tm7	{ margin-top:7px; }
.tm8	{ margin-top:8px; }
.tm9	{ margin-top:9px; }
.tm10	{ margin-top:10px; }
.tm11	{ margin-top:11px; }
.tm12	{ margin-top:12px; }
.tm13	{ margin-top:13px; }
.tm15	{ margin-top:15px; }
.tm16	{ margin-top:16px; }
.tm20	{ margin-top:20px; }
.tm22	{ margin-top:22px; }
.tm25	{ margin-top:25px; }
.tm30	{ margin-top:30px; }
.tm35	{ margin-top:35px; }
.tm40	{ margin-top:40px; }
.tm47	{ margin-top:47px; }
.tm50	{ margin-top:50px; }
.tm56	{ margin-top:56px; }
.tm96	{ margin-top:96px; }
.tm120 { margin-top:120px; }

.rm5	 { margin-right:5px; }
.rm7	 { margin-right:7px; }
.rm10	 { margin-right:11px; }
.rm11	 { margin-right:10px; }
.rm13	 { margin-right:13px; }
.rm20	 { margin-right:20px; }
.rm22	 { margin-right:22px; }
.rm23	 { margin-right:23px; }
.rm25	 { margin-right:25px; }
.rm30	 { margin-right:30px; }
.rm45	 { margin-right:45px; }


/* Padding Step */
.pdl37 { padding-left: 37px; }
.pdl10 { padding-left: 10px; }



/* Text color */
.bdgray { color:#363636; font-weight: bold; }
.lgray { color:#999; }
.blgray { color:#999; font-weight: bold; }
.lpurple { color:#ab84c3; }
.lbpurple { color:#ab84c3; font-weight: bold; }
.purple { color:#aa56bf; }
.bpurple { color:#aa56bf; font-weight: bold; }
.dred { color:#d9090e; }
.red { color:#df2227; } 
.black { color:#000; }
.colorType1 { color: #253062; }
.colorType2 { color: #eb572e; }
.titType1 { color: #253062; }
.titType2 { color: #3052a2; }
.titType3 { color: #333; }
.titType4 { color: #444444; }
.titType5 { color: #111; }
.blue1 { color: #3052a2; }
.brown { color: #994b10; }

/* Text size */
.txtS11 { font-size: 11px; }
.txtS12 { font-size: 12px; }
.txtS14 { font-size: 14px; }
.txtS16 { font-size: 16px; }
.txtS18 { font-size: 18px; }
.txtS20 { font-size: 20px; }


#Wrap {
	background:url('/webzine2010/images/newlayout/body_bg.gif') repeat-x 0 100px;
}

#subHeader {
	background:url('/webzine2010/images/newlayout/head_bg.gif') no-repeat 0 0;
	margin:0 auto;
	height:100px;
	width:876px;
	position:relative;
}
#subHeader1 {
	background:url('/webzine2010/images/newlayout/head_bg1.gif') no-repeat 0 0;
	margin:0 auto;
	height:100px;
	width:876px;
	position:relative;
}
#subHeader2 {
	background:url('/webzine2010/images/newlayout/head_bg2.jpg') no-repeat 0 0;
	margin:0 auto;
	height:100px;
	width:935px;
	position:relative;
}
#sublogo {
	position:absolute;
	top:32px;
	left:10px;
}
#subtopCon {
	width:175px;
	position:absolute;
	top:28px;
	right:30px;
}
#subtopCon ul {
	float:left;
	overflow:hidden;
	height:16px;
}
#subtopCon ul li,#subtopCon .Tgonews {	float:left;}
#subNavi {padding:66px 0 0 118px;}

#subrightColum {
	width:876px;
	margin:34px auto 0 auto;
	position:relative;
}
#pointArea {
	background:url('/webzine2010/images/bullet_cicle01.gif') no-repeat scroll left 5px transparent;
	padding-left:11px;
	position:absolute;
	top:5px;
	right:26px;
	font-size:11px;
	color:#388ec7;
	text-align:right;
}
#contents h1 {
	margin-bottom:5px;
	padding-left:23px;
}
#article {
	background:url('/webzine2010/images/newlayout/sub_contentbg.gif') repeat-y 0 0;
	width:876px;
	position:relative;
}
#articlehead {
	overflow:hidden;
	background:url('/webzine2010/images/newlayout/sub_contenthead.gif') no-repeat 0 0;
	padding:13px 14px 0 13px;
	width:849px;
}
#articlehead .section {
	padding:0 26px 0 31px;
	text-align:justify;
	font-size:11px;
}

#subFooter {
	background:url('/webzine2010/images/newlayout/footer_bg.gif') repeat-x 0 0;
	margin-top:10px;
	padding-top:60px;
}

#sky-banner {
	margin-left:448px;
	position:fixed;
	top:298px;
	left:50%;
	z-index:100;
}

div.main {
	
	background:url('/webzine2010/images/newlayout/main_head.gif') no-repeat center 0!important;
	margin:0 auto;
}

/*각 월별 메인비쥬얼이미지가 추가될때마다 아래에 두가지 스타일을 하나씩 추가 (예 : 5월 : div.month05,div.month05 #Header*/
div.month04 {background:url('/webzine2010/201004/images/main_img/201004_main_header_back.jpg') no-repeat center 0!important;}
div.month04 #Header {background:none!important;}

/*각 월별 메인비쥬얼이미지가 추가될때마다 아래에 두가지 스타일을 하나씩 추가 (예 : 5월 : div.month05,div.month05 #Header*/
div.month05 {background:url('/webzine2010/201005/images/main_img/201005_main_header_back.jpg') no-repeat center 0!important;}
div.month05 #Header {
background:none repeat scroll 0 0 transparent !important;
}
div.month06 {background:url('/webzine2010/201006/images/main_img/201006_main_header_back.jpg') no-repeat center 0!important;}
div.month06 #Header {
background:none repeat scroll 0 0 transparent !important;
}


div.main #Header {
	background:url('/webzine2010/images/newlayout/main_header.gif') no-repeat 0 0;
	margin:0 auto 45px auto;
	height:148px;
	width:880px;
	position:relative;
}
div.main #topCon {
	position:absolute;
	top:71px;
	right:6px;
}
div.main #topCon li {
	float:left;
}
div.main #Contrainer {
	margin:0 auto;
	width:880px;
}
div.main #Footer {
	margin:0 auto;
	width:880px;
}