/* author : marchhare  */

@charset "utf-8";

/* Common */
body {text-align:center;font-size:0.75em; font-family:±¼¸²,°íµñ,Gulim;}
body, form, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, div, input, #leftmenu p, #container p {margin:0; padding:0;}
li {list-style:none;}	
img {border:none;} 
input {font-size:12px;}
a:link, a:visited, a:active {text-decoration:none;}	
a:hover {text-decoration:underline;}
.cb {clear:both;}



/* Layout | Çì´õ (GNB & »ó´ÜMenu) */
#header {width:880px; margin:0 auto; margin-bottom:7px; font-size:12px;}
#header #gnb {position:relative;clear:both;width:880px;height:100px;margin:0px;padding:0px;}
#header #gnb #logo {position:absolute; top:20px;bottom:30px;left:660px;}
html>/**/body #header #gnb #logo {position:absolute; top:20px;bottom:30px;left:70px;}
*html #header #gnb #logo {left:185px;z-index:9999;}
*:first-child+html #header #gnb #logo {left:135px;z-index:9999;}
body:first-of-type #header #gnb #logo {left:130px;z-index:9999;}
#header #gnb #search {position:absolute; top:32px;bottom:30px;left:300px;
background:url(http://www.romancian.com/images/top_search01.gif) no-repeat;width:327px;height:30px;}
*html #header #gnb #search {left:400px;}
*:first-child+html #header #gnb #search {left:360px;}
body:first-of-type #header #gnb #search {left:350px;}
#header #menu {position:relative;clear:both;width:880px;height:38px;margin:0;padding:0;background:url(http://www.romancian.com/images/bg_headermenu5.gif) no-repeat left top;z-index:1;}




/* Layout | ÄÁÅ×ÀÌ³Ê (ÄÁÅÙÃ÷ & ¿ìÃø) */
#container {width:880px; margin:0 auto; text-align:left; background:url(http://romancian.cafe24.com/images/bg_3column02.gif) repeat-y;}
*:first-child+html #container {width:880px; margin:0 auto; text-align:left;}



/* Layout | Áß¾ÓÄÁÅÙÃ÷ */
#container #content {float:left; width:590px; margin:0 0 0 0px;}  #content {margin:0 0;}
#container #content #content1 {float:left; width:590px;margin-top:6px;background:url(http://www.romancian.com/images/bg_content.gif) no-repeat;}  
#container #content #nav .tle {border-bottom:#dcdcdc solid 0px;height:28px}
#container #content #nav .tle img {padding:8px 0px 0px 15px;}
#container #content #nav .lt {padding:7px 15px 7px 15px;}
.lt li a {list-style:none;font-size:0.95em;color:#848484;line-height:1.4em;}
.lt li a:hover {color:#663399;font-weight:bold;}
#container #content #ad {float:left;width:288px;height:270px;}
#container #content #article {float:right;width:292px;vertical-align:top;}
#container #content #nav {float:left; width:122px;}
#container #content1 #editor {float:right;width:465px;}
#container #content1 #editor .fl {margin-top:10px;}
#container #content1 #editor .ctl {position:relative;left:425px;top:0px;}
*:first-child+html #container #content1 #editor .ctl {top:-5px;}
*html #container #content1 #editor .ctl {top:-5px;}
body:first-of-type #container #content1 #editor .ctl {}

#container #content2 {float:left; width:590px;margin-top:6px;background:url(http://www.romancian.com/images/bg_content2.gif) no-repeat;}  


#container #content1 .notice {position:relative;top:-1px;left:-2px;width:465px;height:30px;font-size:12px;color:#666699;z-index:100;}

#container #content1 .notice2 {position:relative;top:10px;left:5px; no-repeat;width:465px;height:30px;font-size:12px;color:#666699;z-index:100;}
#container #content1 .notice2 a {font-size:0.98em;font-weight:bold;color:#666699;}


#container #content2 .notice{position:relative;top:-1px;left:-2px;width:465px;height:30px;font-size:12px;color:#b7b7b7;z-index:100;}

#container #content2 .notice2{position:relative;top:0px;left:-1px;width:465px;height:24x;font-size:12px;color:#b7b7b7;z-index:100;}

#container #content3 .notice{position:relative;top:-1px;left:-2px;width:465px;height:30px;font-size:12px;color:#5b7b7b7;z-index:100;}

*html #container #content1 .notice {left:0px;}
body:first-of-type #container #content1 .notice {}

#container #content2 #comm {float:right; width:465px;}
#comm .fl {margin:8px 0 -10px 0px;}
#container #content #content3 {float:left; width:590px;background:url(http://www.romancian.com/images/bg_content3.gif) no-repeat;margin-top:10px;}  
#container #content #content3 #issue {float:right; width:465px;margin-bottom:10px;}
*:first-child+html #container #content #content3 #issue {margin-bottom:15px;}
#container #content #content3 #issue ul li {float:left;width:145px;margin:10px 0 0 5px;}
#container #content #content3 #issue ul li .first-child {float:right;}
#issue ul li .itbook {margin:0px 0px 0px 15px;}
#container #content #campaign {float:left; width:590px; margin:0 0 0 0px;}  

/* Layout | ¿ìÃø */
#container #sidecontent {float:right; width:280px;vertical-align:top;text-align:center;} #sidecontent {margin:0 0;}
#container #sidecontent #newsbox {background:url(http://www.romancian.com/images/bg_login.gif) no-repeat;width:280px;height:226px;}
*html #container #sidecontent #newsbox {width:280px;}
#container #sidecontent #newsbox .loginbox {text-align:center;margin:0px 10px 0px 50px;height:90px}

#container #sidecontent #newsbox .news {margin:5px 10px 5px 10px;}
*:first-child+html #container #sidecontent #newsbox .news {margin-top:15px;}
*html #container #sidecontent #newsbox .news {margin-top:0px;margin-bottom:10px;}
#container #sidecontent .shop {width:280px;}
*:first-child+html #container #sidecontent .shop {padding-top:20px;}
*html #container #sidecontent .shop {padding-top:10px;}
#container .cb {clear:both;} /* Áß¾Ó ÄÁÅÙÃ÷¿Í ǪÅÍ°£ ¿©¹é */


/* Layout | ǪÅÍ */
#footer {clear:both; position:relative; width:880px; margin:0 auto; margin-top:1px; border-top:2px solid #DBDBDB; text-align:center;}
#nav img, #sidecontent img, #footer img {vertical-align:middle;}



/* Footer | ÆäÀÌÁöÇÏ´Ü ³×ºñ°ÔÀÌ¼Ç */
.page_navi, .page_navi a {text-align:right; color:#666; font-size:11px; letter-spacing:-1px;}
.page_navi a:link, .page_navi a:visited, .page_navi a:active, .page_navi a:hover {color:#666;}
.page_navi {position:absolute; right:257px; top:-36px;}


/* Footer */
#footer {padding-bottom:35px;text-align:left;}
#footer h3 {margin-top:19px; color:#000; font:normal 0.9em ±¼¸²;}
#footer h3 a {color:#000;}
#footer h3 a:hover {color:#672c73;}
#footer .notice {height:30px;background-color:#fafafa;border-bottom:1px solid #ebebeb;text-align:center;padding-top:10px;}
#footer .copyright {margin:8px 0 0 0; color:#2D2D2D; font-size:12px;}
#footer .copyright a {
	font-weight:bold;
	color:#CA0065;
	text-decoration:none;
}