@charset "utf-8";

/*
** Markup : KSJade
** Website: http://www.ksjade.com
** Email : enigma5685@naver.com
*/

/* Preference
---------------------------------------------------------------------------------*/
#container_wrap { position:relative; clear:both; *zoom:1; }
#container_wrap:after{ content:""; display:block; clear:both;}
#header_navi { position:relative; clear:both; *zoom:1; z-index:999; }
#header_navi:after{ content:""; display:block; clear:both;}
#header_top { position:relative; clear:both; *zoom:1; z-index:998; }
#header_top:after{ content:""; display:block; clear:both;}
#contants_wrap { position:relative; clear:both; *zoom:1;}
#contants_wrap:after{ content:""; display:block; clear:both;}
#contants_main { position:relative; overflow:hidden; *zoom:1; }
#footer_navi { position:relative; *zoom:1; clear:both }
#footer_navi:after{ content:""; display:block; clear:both;}
#footer_info { position:relative; *zoom:1; }
#footer_info:after{ content:""; display:block; clear:both;}
#aside1 .wrapper { position:relative; z-index:990;}
#aside2 .wrapper { position:relative; }

/* Margin & Position
---------------------------------------------------------------------------------*/
a, a:visited { text-decoration: none;  }
a:hover,
a:active,
a:focus { text-decoration:none; }
body { margin:0; padding:0; background:#fff; color:#333;}

.droidSans { font:12px 'Droid Sans', sans-serif; color:#333;}
.droidSansMono { font-family: 'Droid Sans Mono', sans-serif; }

#container_wrap { margin:0 auto; width:100%; min-width:960px; min-height:100%; _height:100%;}
#container_wrap .display_layout {position:fixed; left:0; top:200px; z-index:100; _position:absolute;}
#container_wrap .display_layout ul { list-style:none; padding:0; margin:0;}
#container_wrap .display_layout li { list-style:none; padding:0; margin:0;}
#container_wrap .display_layout li a { display:block; }
#container_wrap .display_layout li a.preview_main { width:33px; height:54px; background:url(../img/preview.jpg) no-repeat 0 0;}
#container_wrap .display_layout li a.preview_sub { width:33px; height:54px; background:url(../img/preview.jpg) no-repeat 0 100%;}

#container_wrap.none {background:none;}
#container_wrap .wrapper { position:relative; margin:0 auto; padding:0;}

#header_top { margin:0 auto; padding:0 0 20px; }
#header_top .header_top_bg { height:5px; margin-bottom:20px; font-size:0;}
#header_top a.site_logo { float:left; display:block; margin:0; width:200px; text-align:center; overflow:hidden;}

#header_navi { margin:0;}
#header_navi .wrapper { padding:0; margin:0 auto 20px auto; height:30px;}

/* social networks */ 
#header_navi .wrapper .social_network { position:absolute; right:10px; top:7px;}
#header_navi .wrapper .social_network .social_list { margin:0; padding:0; list-style:none;}
#header_navi .wrapper .social_network .social_list li { float:left; margin:0 2px; padding:0; list-style:none; }
#header_navi .wrapper .social_network .social_list li a {display:block; cursor:pointer; width:16px; height:16px; background: url(../img/social_icon.png) no-repeat;}
#header_navi .wrapper .social_network .social_list .facebook a { background-position:0 -16px;}
#header_navi .wrapper .social_network .social_list .facebook a:hover { background-position:0 0;}
#header_navi .wrapper .social_network .social_list .twitter a {background-position:-16px -16px;}
#header_navi .wrapper .social_network .social_list .twitter a:hover { background-position:-16px 0;}

 /* promotion */
.main_promotion { position:relative; margin:0 auto 20px; padding:0;}
.sub_promotion { position:relative; margin:0 auto 20px; padding:0;}
.banner_area { position:relative; margin:0 auto 20px; padding:0; height:150px;}
.banner_area .space_area { float:left; width:2%; height:150px; }
.banner_area .banner_block { float:left; width:23.4%; height:150px; text-align:center; background:#eee;}
.banner_area .banner_block .banner_text { display:block; margin-top:65px;}
.banner_area .banner_block img { display:block;}

#contants_main { padding:0; background:none; }
#contants_main .bg_white { padding:10px; height:100%; background-color:#fff; overflow:hidden; _display:inline}

#aside1 .wrapper { padding:0; }
#aside2 .wrapper { padding:0; }
#aside1 .wrapper .side_block .side_login { padding:0 10px; height:30px; z-index:999;}

#aside1 .wrapper .side_block { margin-bottom:20px;}
#aside1 .wrapper .side_block .side_title { padding:9px 8px 7px 2px; margin-bottom:10px; height:14px; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; font:12px 'Droid Sans' !important; background: url(../img/line_dotted.gif) repeat-x 0 100%;}/* dano-dotline */
#aside2 .wrapper .side_block { margin-bottom:20px;}
#aside2 .wrapper .side_block .side_title { padding:9px 8px 7px 2px; margin-bottom:10px; height:14px; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; font:12px 'Droid Sans' !important; background: url(../img/line_dotted.gif) repeat-x 0 100%;}

#aside2 .wrapper .side_block .social_icon { position:absolute; right:0; top:7px; *position:relative; *float:right; }
#aside2 .wrapper .side_block .social_icon ul { float:right; margin:0; padding:0;}
#aside2 .wrapper .side_block .social_icon li { float:right; list-style:none; display:inline; margin-left:7px; padding:0;}
#aside2 .wrapper .side_block .social_icon .facebook_url a { display:block; width:32px; height:32px; background:url(../img/default/icon_social.png) no-repeat 0 0;}
#aside2 .wrapper .side_block .social_icon .facebook_url a:hover { background-position: -32px 0;}
#aside2 .wrapper .side_block .social_icon .twitter_url a { display:block; width:32px; height:32px; background:url(../img/default/icon_social.png) no-repeat 0 -32px;}
#aside2 .wrapper .side_block .social_icon .twitter_url a:hover { background-position: -32px -32px;}

#footer_navi { margin:60px auto 0 auto; padding:10px 20px; height:20px;}
#footer_navi .wrapper { margin:0 auto; }
#footer_navi { background:#eee; }
#footer_navi .wrapper .jump { position:absolute; right:0; top:0;}
#footer_navi .wrapper .jump a { display:block; width:16px; height:16px; background:url(../img/top_arrow.gif) no-repeat;}
#footer_navi .wrapper .jump a span {display:block; text-indent:-9999em;}

#footer_info { margin:0; padding:20px; background:#181818;}
#footer_info .wrapper { margin:0 auto; }
#footer_info .copyright { text-align:center; margin:0; padding-top:5px; font:.9em Tahoma,Verdana,Sans-serif; color:#666;}


/* Color Set
-----------------------------------------------------------------------------*/

/* violet */
#container_wrap.violet #header_top .header_top_bg { background:#4d4354;}
#container_wrap.violet #header_navi .wrapper { background:#4d4354; }
#container_wrap.violet .acc li a,
#container_wrap.violet .acc li span { color:#eee;}
#container_wrap.violet #kso_sitemap .section a:hover,
#container_wrap.violet #kso_sitemap .section a.on {color:#4d4354;}

/* pink */
#container_wrap.pink #header_top .header_top_bg { background:#FCD2C1;}
#container_wrap.pink #header_navi .wrapper { background:#FCD2C1; }
#container_wrap.pink .acc li a,
#container_wrap.pink .acc li span { color:#666;}
#container_wrap.pink #kso_sitemap .section a:hover,
#container_wrap.pink #kso_sitemap .section a.on {color:#f37f50;}

/* blue */
#container_wrap.blue #header_top .header_top_bg { background:#484e54;}
#container_wrap.blue #header_navi .wrapper { background:#484e54; }
#container_wrap.blue .acc li a,
#container_wrap.blue .acc li span { color:#eee;}
#container_wrap.blue #kso_sitemap .section a:hover,
#container_wrap.blue #kso_sitemap .section a.on {color:#4e6d8d;}

/* wine */
#container_wrap.wine #header_top .header_top_bg { background:#825a64;}
#container_wrap.wine #header_navi .wrapper { background:#825a64; }
#container_wrap.wine .acc li a,
#container_wrap.wine .acc li span { color:#eee;}
#container_wrap.wine #kso_sitemap .section a:hover,
#container_wrap.wine #kso_sitemap .section a.on {color:#b46679;}

/* black */
#container_wrap.black #header_top .header_top_bg { background:#000;}
#container_wrap.black #header_navi .wrapper { background:#000; }
#container_wrap.black .acc li a,
#container_wrap.black .acc li span { color:#eee;}
#container_wrap.black #kso_sitemap .section a:hover,
#container_wrap.black #kso_sitemap .section a.on {color:#555;}