@charset "utf-8";
/* CSS Document */

/* Reset */
html,body{width:100%;height:100%;}
html{overflow-y:scroll;
	scrollbar-highlight-color:#e3e3e3; scrollbar-shadow-color:#e3e3e3; scrollbar-arrow-color:#8a8889; scrollbar-face-color:#FFFFFF;
	scrollbar-3dlight-color:#f9f9f9; scrollbar-darkshadow-color:#f9f9f9; scrollbar-track-color:#f9f9f9; 
}
body{background-color:#000;text-align:;*word-break:break-all;-ms-word-break:break-all; background:url(../images/bg_01.png) repeat;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle;}
img{vertical-align:top}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
.clear{clear:both}
fieldset { border:1px solid #afafaf; padding:20px;text-align:center;margin-bottom:10px;}
legend { padding:5px; border:1px solid #afafaf; text-align:left; }
a{text-decoration:none;color:#333;}
a:active{text-decoration:underline;color:#222;}
a:hover{text-decoration:underline;color:#111;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}

#hidden{
	position:relative;
	right:-470px;
	z-index:9;
	display:none;
}

#hidden div{
	height:25px;
}

@font-face{
	font-family:ng;
	src:url('NanumGothic.eot');
	src:local(※), url('NanumGothic.woff') format(‘woff’);
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div,img,em,address,a{
	margin:0;
	padding:0;
	border:0;
	font-family:'ng';
	font-size:12px;
	color:#676767;
	line-height:1.3;
	list-style:none;
 	font-weight:normal;
} 


#wrap { width:100%; height:100%; height:auto !important; min-height:100%; margin: 0 auto;}

#wrap_container{ position:relative; width:930px; height:1000px; margin: 0 auto; background:url(../images/zine_bg_01.png) no-repeat;}
#quick{ position:fixed; width:60px; top:60px; right:5px; z-index:10000;}
#contents_area{ position:absolute; width:748px; right:76px;}

#contents_header{ position:relative; width:748px; height:65px;}
#contents_header .consel{ position:absolute; right:0px; padding:13px 0 5px 0; font-size:11px;}
#contents_header .consel a{text-decoration:underline; color:#baafab;}
#contents_header .consel a:active{text-decoration:underline; color:#fff;}
#contents_header .consel a:hover{text-decoration:underline; color:#fff;}
#contents_header .passList { position:absolute; right:0px; top:32px; border:0; }

.main_images { position:relative; display:block; width:748px; height:441px; background:url(../images/mon_img_01.png) no-repeat;}
.main_images span { position:absolute; boder:0px; right:15px; bottom:26px;}

.story {width:748px; height:170px; background:url(../images/story_bg_02.png) no-repeat;}
.story span{ float:left; width:212px; margin-left:30px;}
.story h4 { font-size:12px; color:#ffffff; padding: 30px 0 0px 20px; font-weight:bold;}
.story p{ padding: 15px 0; width:214px; color:#ffffff;}
.story a{ text-decoration:none; color:#ffffff;}
.story a:active{ text-decoration:underline; color:#ffffff;}
.story a:hover{ text-decoration:underline; color:#ffffff;}

#conBtn{}
#conBtn ul li { float:left;}
#conBtn ul li.notice_bg{ width:247px; height:206px;}
.notice_bg ul{ clear:both; padding:20px;}
.notice_bg ul li{ padding: 3px 0;}
.notice_bg ul li img{ vertical-align:middle;}
.notice_bg ul li a{ text-decoration:none; color:#a48739;}
.notice_bg ul li a:active{ text-decoration:underline; color:#a48739;}
.notice_bg ul li a:hover{ text-decoration:underline; color:#a48739;}


.sub_images {width:748px; height:171px;}

.subTit{width:748px; height:41px;}
.subTit span{ float:left;}
.subTit .tit{ width:543px; height:41px; background:url(../images/sub_titBg_01.png) repeat-y;}
.subTit .tit h2{font-size:14px; font-weight: bold; margin:10px 0 0 20px; }
.subTit .list { width:179px; height: 29px; background:#3d3d3d; padding: 12px 0 0 20px; color:#ffffff; }
.subTit .list img{ vertical-align:text-top }

.subContents{ width:741px; height:641px; background:url(../images/sub_conbg_02.png) repeat-y; overflow-y:auto; overflow-x:hidden;}
.subContents h2 { font-size:18px; font-weight:bold; padding:25px 0 10px 0px; margin-left:245px; color:#000;}
.subContents h4 { width:637px; padding:20px 40px; font-weight:bold; font-style:italic; font-size:14px;}
.subContents h3 { width:637px; font-size:15px; font-weight:bold; padding:25px 0px 5px 40px; color:#1e249f;}
.subContents h5 { width:637px; padding-left:40px; font-weight:bold;  font-style:italic; font-size:15px; color:#f04e23;}
.subContents p { width:637px; padding:3px 55px; line-height:22px; float:left; margin-bottom:10px; text-align: justify; text-indent: 10px;}
.subContents table { padding-left:40px;}
.subContents h3 img { vertical-align:middle; }
.subContents p img { vertical-align:middle; margin-bottom:5px;}
.subContents h5 img { vertical-align:bottom; }
.subContents li {padding-left:40px; font-weight:bold; line-height:20px;}
.subContents h6{ width:662px; font-size:13px; font-weight:bold;  padding:20px 0 10px 40px; margin: 0px 0px 10px -15px; color:#ff6347; line-height:21px; text-align: justify; }
.subContents h6 a { color:#ff6347; font-weight:bold;}
/*
.subContents2{ width:784px; height:auto; background:url(../images/sub_conBg_02.png) repeat-y; padding:40px 0;}
.subContents2 h4 { width:662px; padding:20px 40px; font-style:italic; font-size:14px;}
.subContents2 h3 { width:662px; font-size:13px; font-weight:bold; padding:20px 0 10px 40px;}
.subContents2 p { width:662px; padding:5px 40px; line-height:18px;}
.subContents2 table { padding-left:40px;}
*/