@charset "utf-8";

@font-face { 
 font-family:'WebNanum';
 src: url('../css/font/NanumGothic.eot'); /* IE 4-8 */
 src: url('../css/font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
      url('../css/font/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}
@font-face { 
 font-family:'WebNanum';
 src: url('../css/font/NanumGothicBold.eot'); 
 src: url('../css/font/NanumGothicBold.woff') format('woff');
        font-weight:bold; 
} 

body{margin:0;padding:0;font-family:'WebNanum', Sans-serif;font-size:13px;color:#000;letter-spacing:-0.8px; background-color:#f4f2f2}
p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,a{margin:0;padding:0}
ol,ul,li{list-style:none;}
a{text-decoration:none; color:#000;}
img{vertical-align:top}

.hide{width:0;height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-99999px;display:none}

.container{position:relative; min-width:1311px; margin:0 auto;}

/*menu*/
.menu_wrap{position:fixed; top:0; left:0; z-index:9; width:169px; height:100%;border-right:1px solid #000; background-color:#fff; overflow:hidden; z-index:9999}
.menu_wrap .menu dt{margin-top:-1px;}
.menu_wrap .menu dt a{display:block; width:169px; height:44px; background:url(/images/menu_btns.jpg) no-repeat 0 0}
.menu_wrap .menu dt .one_1{background-position:0 0}
.menu_wrap .menu dt .one_2{background-position:0 -43px}
.menu_wrap .menu dt .one_3{background-position:0 -86px}
.menu_wrap .menu dt .one_4{background-position:0 -129px}
.menu_wrap .menu dt .one_5{background-position:0 -172px}
.menu_wrap .menu dt .one_6{background-position:0 -215px}
.menu_wrap .menu dt .one_7{background-position:0 -258px}
.menu_wrap .menu dt .one_8{background-position:0 -301px}
.menu_wrap .menu dt .one_1:hover{background-position:-169px 0}
.menu_wrap .menu dt .one_2:hover{background-position:-169px -43px}
.menu_wrap .menu dt .one_3:hover{background-position:-169px -86px}
.menu_wrap .menu dt .one_4:hover{background-position:-169px -129px}
.menu_wrap .menu dt .one_5:hover{background-position:-169px -172px}
.menu_wrap .menu dt .one_6:hover{background-position:-169px -215px}
.menu_wrap .menu dt .one_7:hover{background-position:-169px -258px}
.menu_wrap .menu dt .one_8:hover{background-position:-169px -301px}
.menu_wrap .menu dt .one_1-on{background-position:-169px 0}
.menu_wrap .menu dt .one_2-on{background-position:-169px -43px}
.menu_wrap .menu dt .one_3-on{background-position:-169px -86px}
.menu_wrap .menu dt .one_4-on{background-position:-169px -129px}
.menu_wrap .menu dt .one_5-on{background-position:-169px -172px}
.menu_wrap .menu dt .one_6-on{background-position:-169px -215px}
.menu_wrap .menu dt .one_7-on{background-position:-169px -258px}
.menu_wrap .menu dt .one_8-on{background-position:-169px -301px}

.menu_wrap .menu dd{background:url(/images/sub_menu_bg.jpg) repeat-y top center; height:0;  overflow:hidden} 
.menu_wrap .menu dd div{font-size:13px; font-weight:bold; color:#585858; padding:10px 20px;}
.menu_wrap .menu dd div:hover{color:#8b9327}

.menu_wrap .mouseWheel{position:fixed; z-index:777; bottom:0; left:0; display:none}

/*quick*/
.quick_wrap{position:fixed; top:0; right:0px; width:136px;height:100%; border-left:1px solid #000; background-color:#fff; z-index:22;}
.quick_wrap .quick{position:absolute; top:0; left:0; width:136px; height:100%;}
.quick_wrap .quick_page{position:absolute; top:0;right:0; width:0; height:100%; background-color:#fff; border-left:1px solid #ccc;}

.quick_wrap .quick .member li{float:left}
.quick_wrap .quick .quck_menu li{border-bottom:1px solid #ccc; cursor:pointer;}
.quick_wrap .quick .quick_sns_wrap{position:relative; width:136px; height:132px;}
.quick_wrap .quick .quick_sns_wrap div{position:absolute;}
.quick_wrap .quick .quick_sns_wrap .quick_btn{top:-166px; left:-27px; cursor:pointer}
.quick_wrap .quick .quick_sns_wrap .facebook{top:21px; left:26px;}
.quick_wrap .quick .quick_sns_wrap .twitter{top:21px; left:80px;}
.quick_wrap .quick .quick_sns_wrap .cafe{top:73px; left:22px;}

.quick_wrap .quick_page div{width:100%; height:100%; background-color:#eee; display:none;}

/*banner*/
.main_banner_wrap{margin:0 auto; background-color:#fff;}
.main_banner{margin:0 auto; width:1004px; overflow:hidden;}
.main_banner li{float:left}

/*foot*/
.main_foot_wrap{width:100%; height:134px; background:url(/images/main_foot_bg.jpg) repeat-x top center;}
.main_foot{margin:0 auto; height:134px; background:url(/images/main_foot.jpg) no-repeat top center;}