/* common */
html,body,div,ul,li,l,dl,dt,dd,ol,p,form,span,input,select,h1 {margin:0; padding:0;}
html,body {background:#f7f7f7}
body, p , table, td {font-family:'���� ����',Magun Gothic,'����',Dotum; color:#5c5c5c; font-size:14px; line-height:1.7em;}
ul,li,ol.dl {list-style:none}
img {border:0 none; vertical-align:top}
a {color:#5c5c5c; text-decoration:none; border:0}
.dot {float:left;}
.hidden {display:none}
h2,h3 {display:none}
/* Wrap */
#wrap {width:1024px; height:100%; background:#FFF}
#toparea {position:absolute; top:0; left:0; width:1024px; height:84px; z-index:100;}
#logo {position:absolute; top:0; left:30px; z-index:101}
#contents {floa:left; width:1023px; border-right:1px solid #ebebeb;}
#contents_s {floa:left; width:1023px; border-right:1px solid #ebebeb; padding-bottom:20px; background:url(img/left_bg.gif) repeat-y}
#contents:after, #contents_s:after {display:block; clear:both; content:""}
#footer {}
#totop {position:fixed; display:block; bottom:100px; left:1023px; overflow:hidden; width:33px; height:34px; background:url(img/btn_top.gif) no-repeat}
/*main*/
#main_wrap {float:left; width:1024px; height:368px; margin-top:64px; background:url(img/main_news_bg.jpg) no-repeat}
#main_news {float:left; width:764px; height:273px; margin:53px 0 0 25px; overflow:hidden}
#main_news_sel {position:absolute; top:355px; left:57px; z-index:99;}
#main_news_sel span {margin:-3px 3px 0 0}
#cover {float:right; width:195px; height:273px; margin:53px 21px 0 0; overflow:hidden}
#list {float:left; background:url(img/list_line_bg.gif) repeat-y}
#list li {display:inline-block; float:left; padding:75px 0 20px}
#line1, #line2 {width:354px;}
#line3, #line4 {width:311px}
#line4 {float:right;}
.thumb {display:block; margin:7px 0 20px}
#list .list_wrap {margin:0 20px 30px;}
#list .list_wrap .chapter {display:block; margin-bottom:7px}
#list .list_s {display:block; color:#707070; margin-bottom:7px; letter-spacing:-1px; font-family:'���� ����',Magun Gothic,'����',Dotum}
#list .list_s:hover {color:#707070; text-decoration:underline; margin-bottom:7px; letter-spacing:-1px; font-family:'���� ����',Magun Gothic,'����',Dotum}
#list .list_s .writer {font-size:12px; color:#999}
/*sub*/
#cover_s {float:left; width:256px; height:326px; margin-top:64px}
#list_s {float:left; margin:390px 0 0 -256px; width:256px;}
#list_s .list_wrap {margin:25px 10px 0;}
#list_s .list_wrap img {display:block; margin-bottom:7px}
#list_s .list_s {display:block; color:#707070; margin-bottom:5px; letter-spacing:-1px; font-family:gulim,'����'; font-size:12px}
#list_s .list_s:hover {color:#707070; text-decoration:underline; margin-bottom:5px; letter-spacing:-1px; font-family:gulim,'����'; font-size:12px}
#view {float:left; width:707px; margin:104px 0 0 30px; padding-bottom:20px; text-align:justify; font-family:'���� ����',Magun Gothic,'����',Dotum;}
#view .chap {display:inline-block; background:#f0f0f0; padding:5px 13px; margin-bottom:15px; font-size:12px; border-radius:14px;
-o-border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px}
#view .data_tit {font-size:18px; line-height:1.5em; font-family:'���� ����',Magun Gothic,'����',Dotum; color:#3d3d3d; font-weight:bold; margin-bottom:20px; padding:0 10px}
#view .writer {border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin-bottom:15px; padding:10px; font-family:'���� ����',Magun Gothic,'����',Dotum; font-size:12px; color:#858585}
#view .data_txt {padding:10px; letter-spacing:-1px; line-height:1.8!important; }
.join_input01 {display:inline-block; width:80px; margin:0 10px 0 115px}
.join_input02 {display:inline-block; height:30px;}
#view table {max-width:700px!important; /*background:#fff;*/ }
#view table img {max-width:700px!important;}
#view table img.center {width:auto!important}
#view table td p,#view .data_txt {line-height: 1.7; letter-spacing:-1px; text-align:justify}
#view p {line-height:1.8; font-family:'���� ����',Magun Gothic,'����',Dotum; letter-spacing:-0.05em}
#view img.center {display:block; margin:0 auto}
/*form*/
.input01 {border:#a7a7a7 solid 1px; background:#b7b7b7; height:17px; padding:2px 5px 1px 5px; vertical-align:middle}
.input02 {border:#dadada solid 1px; background:#ffffff; height:17px; padding:2px 5px 1px 5px; vertical-align:middle; width:180px}
.select1 {font-size:12px; height:21px; vertical-align:middle; color:#666; border:solid 1px #abadb3}
.select2 {font-size:11px; height:21px; vertical-align:middle; color:#999; font-family:'dotum'}