@charset "utf-8";

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

/* Preference
---------------------------------------------------------------------------------*/
#container_wrap { position:relative; *zoom:1; }
#container_wrap:after{ content:""; display:block; clear:both;}
#header_navi { position:relative; *zoom:1; z-index:9999; }
#header_navi:after{ content:""; display:block; clear:both;}
#contants_wrap { position:relative; *zoom:1;}
#contants_wrap:after{ content:""; display:block; clear:both;}
#contants_main { position:relative; overflow:hidden; *zoom:1; }
#contants_main_trans { position:relative; overflow:hidden; *zoom:1;}
#footer_navi { position:relative; *zoom:1; }
#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; z-index:990;}

/* Margin & Position
---------------------------------------------------------------------------------*/
a, a:visited { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration:none; outline:0;}
body { background:#000; color:#eee; overflow-y:scroll; *overflow-y:auto;}

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

#container_wrap { margin:0; width:100%; min-width:960px; min-height:100%; _height:100%;}
#container_wrap .wrapper { position:relative; margin:0 auto; padding:0;}

.left_social { position:fixed; left:0; top:150px; padding:0; height:70px; _position:absolute; z-index:99999;}
.left_social .facebook_btn { display:block; margin-bottom:3px; width:32px; height:32px; background:url(../img/left_pop.gif) no-repeat 0 0;}
.left_social .twitter_btn { display:block; width:32px; height:32px; background:url(../img/left_pop.gif) no-repeat 0 -32px;}

.left_bgplay { position:fixed; left:0; top:220px; padding:0; background:#000; _position:absolute; z-index:99999;}
.left_bgplay a {display:block;}
.left_bgplay .bgplay { width:32px; height:32px; }
.left_bgplay .bgplay.play { background:url(../img/left_pop_play.gif) no-repeat; }
.left_bgplay .bgplay.pause { background:url(../img/left_pop_pause.gif) no-repeat; }

#left_pop { display:none; padding:10px; height:130px !important; background:#000; _position:absolute; z-index:99999;}
#left_pop .slideout_content { width:200px; }

#header_navi { border-top:1px solid; }
#header_navi .wrapper { padding:0; margin:0 auto;}

#contants_wrap { margin:100px auto 100px auto;}
#contants_main.black { padding:10px; background:#000; }
#contants_main.trans { padding:10px; background:url(../img/trans_bg.png) repeat; }

#aside1.black,
#aside2.black { padding:10px; background:#000; }
#aside1.trans,
#aside2.trans { padding:10px; background:url(../img/trans_bg.png) repeat; }

#aside1 .wrapper .side_block { margin-bottom:20px;}
#aside2 .wrapper .side_block { margin-bottom:20px;}

#footer_info { position:fixed; bottom:0 !important; padding:3px 0; width:100%; background:#000; overflow:visible; z-index:1000;}
#footer_info .wrapper { margin:0 auto; }
#footer_info .wrapper .copyright { float:right; margin:0; padding-top:10px; font:11px Tahoma,Verdana,Sans-serif; color:#666; }
#footer_info .wrapper .jump { float:right; padding:0; margin-left:10px; margin-top:5px; }
#footer_info .wrapper .jump a { display:block; width:21px; height:21px; background:url(../img/jump.png) no-repeat;}
#footer_info .wrapper .jump a:hover { background-position:0 -21px;}
#footer_info .wrapper .jump a span {display:block; text-indent:-9999em;}

#footer_info .wrapper .copyright { float:right;}

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

/* light */
#container_wrap.light #footer_info { background:#fff;}
#container_wrap.light #footer_info .companytitle { color:#333; }
#container_wrap.light #footer_info .address_text { color:#666;} 
#container_wrap.light #footer_info .copyright { color:#666;}

/* black */
#container_wrap.black #footer_info { background:#fff;}
#container_wrap.black #footer_info .companytitle { color:#fff; }
#container_wrap.black #footer_info .address_text { color:#fff;} 
#container_wrap.black #footer_info .copyright { color:#fff;}