@charset "utf-8";

/*
*** Full Background Screen layout for KSJade
*** Markup : KSJade
*** Website: http://www.ksodesign.com
*** Email : enigma5685@naver.com
*/

/* Preference
---------------------------------------------------------------------------------*/
#container_wrap { clear:both; *zoom:1; z-index:4;}
#container_wrap:after{ content:""; display:block; clear:both;}
#header_top { position:relative; clear:both; *zoom:1; z-index:91; }
#header_top:after{ content:""; display:block; clear:both;}
#header { position:relative; clear:both; *zoom:1; z-index:90; }
#header:after{ content:""; display:block; clear:both;}
#container_body { position:relative; clear:both; *zoom:1;}
#container_body:after{ content:""; display:block; clear:both;}
#container_contents { position:relative; overflow:hidden; *zoom:1; z-index:1;}
#container_contents:after{ content:""; display:block; clear:both;}
#footer { *zoom:1; z-index:1;}
#aside1 { position:relative; z-index:1;}

/* styling
---------------------------------------------------------------------------------*/
a, a:visited { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration:none; }
.clear { clear:both; }

html,body{ width:100%; height:100%; overflow:hidden; }
body{ margin:0; padding:0; cursor:default; overflow:hidden;}

#container_wrap { position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:scroll; background:url(../img/default/bg.png) repeat;}
#scroller { width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/default/blank.gif); z-index:0;}

#header_top { margin:0 auto; padding-top:30px; height:120px; }
#header_top .site_logo { margin:0 auto; text-align:center; }
#header { margin:0 auto 20px auto; height:80px; border-bottom:2px solid; }

#top_slide { position:absolute; right:0; top:-230px; width:100%; border-bottom:2px solid; z-index:100; }
#top_slide #account_box { position:relative; margin:0 auto; *margin-top:20px;}
#top_slide #account_box .account_btn { position:absolute; right:0; padding-top:4px; width:115px; height:21px; font:11px Tahoma; text-align:center; cursor:pointer; z-index:99;}
#top_slide #account_box .account_area { position:relative; margin:20px; height:190px;}
#top_slide #account_box .account_area .top_widget { float:left; margin-right:3%; width:32%; height:190px; }
#top_slide #account_box .account_area .top_widget .widget_title { margin-bottom:10px; padding:5px 0; font:12px Tahoma, Sans-Serif; border-bottom:1px solid;}
#top_slide #account_box .account_area .top_widget .widget_area { overflow:hidden; }
#top_slide #account_box .account_area .login_box { float:right; width:30%; height:190px; }
#top_slide #account_box .account_area .login_box .account_title { margin-bottom:20px; padding:5px 0; font:italic 16px Georgia, 'Times New Romans', Serif; border-bottom:1px solid;}

#promotion,
#sub_promotion,
#movie_promotion { margin:0 auto; overflow:hidden;}
#movie_promotion { margin-bottom:20px;}
.promotion_img { margin:0 20px 20px;}

#container_body { margin:0 auto 50px auto; padding:0; }
#container_body .ad_area { padding:0 20px 20px; overflow:hidden;}
#container_body .ad_area .ad_left { float:left; margin:0; width:49%; height:150px; overflow:hidden;}
#container_body .ad_area .ad_right { float:right; margin:0; width:49%; height:150px; overflow:hidden;}

#container_contents { padding:20px; }

#aside1 { padding:10px;}
#aside1 .wrapper { padding:10px; }
#aside1 .side_block { margin:0 0 30px; padding:0;}
#aside1 .side_block .block_title { padding:0; margin-bottom:20px; }
#aside1 .side_block .block_content { padding:0; }

#footer { margin:0 auto; padding:20px 0; border-top:1px solid; border-bottom:2px solid;}
#footer .wrapper { overflow:hidden; }

#footer .wrapper .companytitle { float:left; display:inline; margin-left:20px; font:11px Dotum, 'Trebuchet MS'; text-transform:uppercase; line-height:1.4; }
#footer .wrapper .copyright { float:right; margin-right:20px; font:9px Tahoma,Verdana,Sans-serif; text-transform:uppercase;}



/* Point Color 
---------------------------------------------------------------------*/

/* cornblue #6495ED */ 
#container_wrap.cornblue #top_slide,
#container_wrap.cornblue #header,
#container_wrap.cornblue #footer { border-color:#6495ED; }
#container_wrap.cornblue #top_slide #account_box .account_btn, 
#container_wrap.cornblue #top_slide #account_box .account_area .top_widget .widget_title,
#container_wrap.cornblue #top_slide #account_box .account_area .login_box .account_title { color:#6495ED; }

/* deeppink #FF1493 */
#container_wrap.deeppink #top_slide,
#container_wrap.deeppink #header,
#container_wrap.deeppink #footer { border-color:#FF1493; }
#container_wrap.deeppink #top_slide #account_box .account_btn, 
#container_wrap.deeppink #top_slide #account_box .account_area .top_widget .widget_title,
#container_wrap.deeppink #top_slide #account_box .account_area .login_box .account_title { color:#FF1493; }

/* seagreen #3CB371 */
#container_wrap.seagreen #top_slide,
#container_wrap.seagreen #header,
#container_wrap.seagreen #footer { border-color:#3CB371; }
#container_wrap.seagreen #top_slide #account_box .account_btn, 
#container_wrap.seagreen #top_slide #account_box .account_area .top_widget .widget_title,
#container_wrap.seagreen #top_slide #account_box .account_area .login_box .account_title { color:#3CB371; }

/* purple #9370DB */
#container_wrap.purple #top_slide,
#container_wrap.purple #header,
#container_wrap.purple #footer { border-color:#9370DB; }
#container_wrap.purple #top_slide #account_box .account_btn, 
#container_wrap.purple #top_slide #account_box .account_area .top_widget .widget_title,
#container_wrap.purple #top_slide #account_box .account_area .login_box .account_title { color:#9370DB; }

/* gold #dfc55b */
#container_wrap.gold #top_slide,
#container_wrap.gold #header,
#container_wrap.gold #footer { border-color:#dfc55b; }
#container_wrap.gold #top_slide #account_box .account_btn, 
#container_wrap.gold #top_slide #account_box .account_area .top_widget .widget_title,
#container_wrap.gold #top_slide #account_box .account_area .login_box .account_title { color:#dfc55b; }

/* dark #666 */
#container_wrap.dark #top_slide,
#container_wrap.dark #header,
#container_wrap.dark #footer { border-color:#666; }
#container_wrap.dark #top_slide #account_box .account_btn, 
#container_wrap.dark #top_slide #account_box .account_area .top_widget .widget_title,
#container_wrap.dark #top_slide #account_box .account_area .login_box .account_title { color:#666; }