body {padding:0;margin:0;font-size:12px;font-family:gulim;}
input,select,textarea {font-size:12px;font-family:gulim;}
select {font-size:12px;font-family:dotum;}
html { overflow-y:scroll; }
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a img {border:0;}
a:hover {color:#c50000;}
ul, ol{list-style:none;margin:0;padding:0;}
p{margin:0;}

.b {font-weight:bold;}
.u {text-decoration:underline;}
.s {text-decoration:line-through;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.shift {position:relative;left:-2px;}
.hand {cursor:pointer;}
.hide {display:none;}

.wrap {width:960px;margin:auto;}

#page_top_title {width:100%;padding:0;margin-bottom:30px;}
#page_top_title li {font:bold 16px "NanumGothic",dotum;color:#466599;line-height:30px;}
#page_top_title li span {font:bold 18px "NanumGothic",dotum;color:#C50000;}

#header {height:135px;/*overflow:hidden;*/}
#header .topline {float:right;height:18px;}
#header .topline {float:right;padding:1px 0 0 0;text-align:right;font-size:11px;font-family:dotum;letter-spacing:2px;color:#f5f6f7;}
#header .topline a {font-family:gulim;font-size:12px;letter-spacing:-1px;outline:none;color:#dddfe2;}
#header .topline a:hover {text-decoration:underline;}
#header .topline img {margin-bottom:-3px;}
#header .topline .admin {font-size:11px;font-family:dotum;font-weight:bold;color:#FA5800;}
#header .nobg {background:url('');}

#header .logo {text-align:center;}
#header .logo h1 {padding:0;margin:0;}
#header .logo a {font-size:30px;font-family:"malgun gothic";outline:none;display:inline-block;color:#444442;}
#header .logo img {}

#header .search {display:none;float:right;position:relative;top:-100px;right:0;height:24px;}
#header .search .keyword {float:left;width:200px;height:20px;padding:5px 0 2px 3px;font:bold 14px NanumGothic,gulim;color:#555;border:#bbb solid 1px;border-right:none;}
#header .search .keyword:focus {font:bold 14px NanumGothic,gulim;color:#444;}
#header .search .sbtn {float:left;}

#header .tabmenu {position:relative;margin-bottom:8px;}
#header .tabmenu .twrap ul {padding:0;margin:0;list-style-type:none;width:960px;height:38px;background:#000;border:#07002b solid 1px;border-left:none;border-right:none;}
#header .tabmenu .twrap li {float:left;}
#header .tabmenu .twrap li a {display:block;height:23px;padding:11px 11px 4px 11px;font:bold 12px "malgun gothic","NanumGothic",gulim;color:#fff;outline:none;}
#header .tabmenu .twrap .on {position:relative;padding:11px 30px 4px 30px;background:#ff0000;text-shadow:1px 1px 1px #ff0000;filter:dropshadow(color=#ff0000,offx=0,offy=1,positive=1);}

#container .wrap .main_left, #container .wrap .main_right {float:left;}
#container .wrap .main_left {width:675px;}
#container .wrap .main_right {width:275px;margin-left:10px;}

#container .wrap .main_right .mybox {border:1px solid #d0d0d0;}
#container .wrap .main_right .mybox .login {}
#container .wrap .main_right .mybox .login .mbrinfo {background:#F4F4F4;padding:8px 7px 8px 12px;}
#container .wrap .main_right .mybox .login .symbol {float:left;width:37px;}
#container .wrap .main_right .mybox .login .symbol img {width:37px;height:37px;}
#container .wrap .main_right .mybox .login .info {float:right;width:210px;}
#container .wrap .main_right .mybox .login .info .name {}
#container .wrap .main_right .mybox .login .info .name .namel {float:left;width:103px;height:12px;font-weight:bold;color:#454545;overflow:hidden;margin-top:3px;}
#container .wrap .main_right .mybox .login .info .name .namer {float:right;text-align:right;width:107px;}
#container .wrap .main_right .mybox .login .info .score {font-size:11px;font-family:dotum;color:#636363;padding-top:3px;}
#container .wrap .main_right .mybox .login .tabbox {}
#container .wrap .main_right .mybox .login .tabbox .tp {float:left;width:92px;height:22px;padding-top:12px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;}
#container .wrap .main_right .mybox .login .tabbox .tp i {font-style:normal;font-size:11px;color:#F21914;padding-left:2px;}
#container .wrap .main_right .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#container .wrap .main_right .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#container .wrap .main_right .mybox .login .lbody {height:250px;padding:10px;overflow:auto;}
#container .wrap .main_right .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#container .wrap .main_right .mybox .login .lbody li {padding:5px 0 5px 0;line-height:130%;}
#container .wrap .main_right .mybox .login .lbody li a {}
#container .wrap .main_right .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#container .wrap .main_right .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#container .wrap .main_right .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;}
#container .wrap .main_right .mybox .login .lbody li .pic {float:left;width:40px;}
#container .wrap .main_right .mybox .login .lbody li .info {float:left;width:200px;}
#container .wrap .main_right .mybox .login .lbody .none {text-align:center;padding-top:80px;}
#container .wrap .main_right .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;} 
#container .wrap .main_right .mybox .login .lbody .none p {padding-top:15px;color:#9C9C9C;line-height:140%;letter-spacing:-1px;}
#container .wrap .main_right .mybox .login .notice{border-top:1px solid #d0d0d0;height:106px;background:#f0f0f0;}
#container .wrap .main_right .mybox .login .notice .line1{height:1px;background:#fff;}
#container .wrap .main_right .mybox .login .notice .notlist{}

#container .wrap .main_right .mybox .logout .nlog {padding:0 0 10px 12px;background:#F9F9F9;}
#container .wrap .main_right .mybox .logout .i1 {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#container .wrap .main_right .mybox .logout .i1 .input {float:left;width:145px;height:17px;border:#BEBEBE solid 1px;}
#container .wrap .main_right .mybox .logout .i1 .input:focus {border:#5E5E5E solid 1px;}
#container .wrap .main_right .mybox .logout .i1 .checkbox {margin-left:2px;}
#container .wrap .main_right .mybox .logout .i1 .submit {float:left;margin-left:5px;}
#container .wrap .main_right .mybox .logout .rbtm {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 5px 0;}
#container .wrap .main_right .mybox .logout .rbtm .ipc {color:#67686A}
#container .wrap .main_right .mybox .logout .rbtm a {color:#313946;}
#container .wrap .main_right .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#container .wrap .main_right .mybox .logout .slog {padding:0 10px 10px 10px;background:#F9F9F9;}
#container .wrap .main_right .mybox .logout .slog .icon {width:253px;padding:0;margin:0;}
#container .wrap .main_right .mybox .logout .slog .icon li{float:left;width:63px;text-align:center;padding-bottom:10px;}
#container .wrap .main_right .mybox .logout .slog .icon li img {cursor:pointer;width:35px;height:35px;}
#container .wrap .main_right .mybox .logout .slog .guide {line-height:50px;font-size:13px;font-family:dotum;color:#040404;letter-spacing:0px;}

#container .wrap .main_right ul.quick_menu {margin:0;padding:0;background:#f8f8f8;border:1px solid #d0d0d0;border-top:none;height:71px;overflow:hidden;}
#container .wrap .main_right ul.quick_menu li {float:left;text-align:center;margin:0;padding:0;}

#container .wrap .main_right .main_fla {width:275px;height:190px;padding:0;margin:0;overflow:hidden;}

#container .wrap .main_right .twitter {width:275px;height:188px;background:#aaacad;}

#container .wrap .main_right .banner {clear:both;text-align:center;width:273px;height:184px;border:1px solid #d0d0d0;border-top:none;}
#container .wrap .main_right .banner2 {text-align:center;width:273px;height:70px;background:#eee;border:1px solid #d0d0d0;border-top:none;}

#container .top_sub_banner {width:960px;height:130px;margin:0 auto 10px auto;}
#container .top_sub_banner li.tsbl {float:left;width:450px;height:130px;overflow:hidden;padding:0;margin:0;}
#container .top_sub_banner li.tsbr {float:right;width:505px;height:130px;margin-left:5px;text-align:right;overflow:hidden;}

#site_map {clear:both;width:960px;margin:0 auto;}
#site_map li h3 {width:124px;height:13px;margin:0 auto 0 auto;overflow:hidden;}
#site_map li .sitemap {width:100%;height:190px;background:#f0f0f0;border-top:2px solid #c0c0c0;}
#site_map li .sitemap .extension {width:960px;margin:0 auto;}
#site_map li .sitemap .extension .section {float:left;width:120px;margin:0;padding:0;text-align:left;}
#site_map li .sitemap .extension .section h2 {width:110px;height:13px;margin:0;padding:8px 0 8px 10px;border-bottom:1px solid #d0d0d0;}
#site_map li .sitemap .extension .section h2.hide {display:none;}
#site_map li .sitemap .extension .section h2 a {padding-bottom:3px;font:bold 12px Dotum;color:#333;letter-spacing:-1px;}
#site_map li .sitemap .extension .section h2 a:hover {color:#c50000;}
#site_map li .sitemap .extension .section ul {margin:0;padding:0;list-style:none;}
#site_map li .sitemap .extension .section li {width:110px;padding:5px 0 5px 10px;height:11px;font:normal 11px gulim;color:#d1d1d1;}
#site_map li .sitemap .extension .section li a {color:#777;}
#site_map li .sitemap .extension .section li a strong {color:#555;}
#site_map li .sitemap .extension .section li a:hover {color:#c50000;}

#campus {width:960px;margin:0 auto;background:#BABABA;height:12px;padding:10px 0;border-top:1px solid #585858;}
#campus ul {width:940px;margin:0 0 0 20px;}
#campus li {float:left;font:normal 12px dotum;color:#555;line-height:12px;padding:0 25px;letter-spacing:-1px;}
#campus li a {color:#555;}
#campus li a:hover {color:#c50000;}

#footer {margin:0;padding:0;}
#footer .footer {width:915px;padding:0 15px 0 30px;;border-top:#585858 solid 1px;background:#767676;}
#footer .footer .elink {padding:10px 0 10px 0;font-size:11px;font-family:dotum;color:#fff;letter-spacing:-1px;}
#footer .footer .elink li {float:left;padding:0 10px;}
#footer .footer .elink a {font-family:gulim;font-size:12px;letter-spacing:-1px;color:#fff;}
#footer .footer .elink a:hover {text-decoration:underline;}

#footer .footer .company {float:left;padding:20px 10px 10px 10px;}
#footer .footer .company li {font:normal 11px gulim;color:#c4c4c4;line-height:15px;}

#footer .footer .logo {float:right;margin:15px 15px 0 0;}


#quick {position:relative;width:960px;margin:0 auto;}
#quicks {position:absolute;right:-10px;top:350px;}
#quick_banner {position:absolute;list-style:none;margin:0;padding:0;}
#quick_banner li {margin-bottom:2px;}
#quick_banner li img {width:120px;height:250px;}