ul, li {margin:0;padding:0;list-style:none}
p, form {margin:0;padding:0}
a, img {border:0}

.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.pointer {cursor:pointer}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.clfix {clear:both;width:100%}

body {margin:0; padding:0}
body.bg {background:url(/images/common/bg.png) repeat-x;}
body.bg2 {background:url(/images/common/bg2.png) repeat-x;}

#header {width:1024px; height:151px; margin:30px auto 0;}

#wrap {width:1024px; margin:0 auto; position:relative; overflow:hidden}
#wrap .main_sub {width:1024px; height:150px; margin:50px auto 70px}
#wrap .main_sub .youtube {float:left; width:500px;height:250px;background-color:#000}
#wrap .main_sub .notice {float:left; margin-left:28px; width:230px; height:100px; padding-top:16px; background:url(/images/sub/main_notice.png) no-repeat; font-family:dotum}
#wrap .main_sub .event {float:left; width:230px; height:100px; padding-top:16px; background:url(/images/sub/main_event.png) no-repeat; font-family:dotum}
#wrap .main_sub .bar {float:left; width:28px; height:100px; background:url(/images/sub/main_bar.png) no-repeat}
#wrap .main_sub .bar1 {float:left; width:28px; height:130px; background:url(/images/sub/main_bar.png) no-repeat}

#wrap #container {width:1024px; margin:44px auto 0; overflow:hidden}
#wrap #sidemenu {width:210px; float:left}
#wrap #contents {width:764px; float:right; overflow:hidden}


#footer {width:1024px; margin:20px auto}
#footer .logo {float:left}
#footer .info {float:right; margin-top:10px}
#footer p {margin:5px 0; padding:0; line-height:1.6; color:#8b8b8b; font-size:12px; font-family:dotum}
#footer strong {text-transform:uppercase;}