@charset "utf-8";
@import "common.css?6";
.header {width:975px; margin:0 auto; height:90px;}
.header .logo {float:left; height:40px; padding-left:18px; margin-top:48px;}
.header .logo h1 a {background:url(../images/sub_sc2.gif) no-repeat; width:215px; padding:28px 0 0 0; display:block; overflow:hidden; height:0; font-size:12px;}

#contain {width:975px; margin:0 auto; margin-top:7px; clear:both; margin-bottom:8px; background:url(../images/bg_side.gif) repeat-y}
.side_menu {width:150px; float:left; margin-right:14px;}
.content_wrap {float:left; overflow:visible; width:811px; _overflow:hidden; _height:1%;}
.main_big { float:left; width:811px; background:url(../images/bg_main3.gif) repeat-y right;}
.main_wrap {float:left; width:597px; margin-right:14px; _height:1%;}
.right_wrap {float:left; width:200px;}

.sub_nav {border:2px solid #929292; margin-bottom:5px;}
.sub_nav h3 {font-size:12px; padding:5px 0 2px 10px; border:1px solid #dbdbdb; color:#bb0505; font-family:돋움,Dotum; background:#f5f5f5;}
.sub_nav .s_na_top {padding:7px 10px 7px 10px;}
.sub_nav .s_na_top li {background:url(../images/dot_list_bg.gif) no-repeat 0 7px; padding-left:8px;}
.sub_nav .s_na_bot {background-color:#929292; overflow:auto; padding:7px 0 7px 10px;}
.sub_nav .s_na_bot li {background:url(../images/dot_list_bg2.gif) no-repeat 0 7px; padding-left:8px;}
.sub_nav .s_na_bot a {color:white;}
.sub_nav .s_na_bot ul {line-height:120%; margin-bottom:5px; margin-left:15px;}
.sub_nav .s_na_bot ul li {background:none; padding:0;}
.sub_nav .s_na_bot ul li a {color:#ebb4b4; font-size:11px;}
.left_box .side_not {clear:both; border-top:1px solid #eeeeee; padding:8px; height:100%;}
.left_box .side_not ul {width:95px;}
.left_box .side_not ul li { background:url(../images/dot_list_bg.gif) no-repeat 0 6px; margin:0 0 7px; padding:0 0 0 7px; line-height:135%;}
.left_box .side_not ul .new {font-weight:bold;}

/* content */
.content {clear:both; overflow:hidden;}

.menu .pulldown {position:absolute; top:33px; left:0; background:#1f1f1f; border:1px solid #000; width:120px; border-top:none; z-index:9999; _height:1%;}
.menu .pulldown ul {padding:10px 0 10px 0; _height:1%;}
.menu .pulldown ul li {float:none; clear:both;}
.menu .pulldown ul li a {background:none !important; color:#ccc; height:auto; margin:0; padding:2px 0 2px 10px; width:110px !important;}
.menu .pulldown ul li a:hover {background:#d40a0a !important; color:#fff; text-decoration:none;}
.menu .pulldown .line {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #eaeaea;}

.menu .pulldown2 {position:absolute; top:33px; left:0; background:#1f1f1f; border:1px solid #000; width:330px; border-top:none; z-index:9999; _height:1%;}
.menu .pulldown2.shot {width:220px;}
.menu .bigb {border-right:1px solid #444; width:109px; float:left; padding-top:10px;}
.menu .bigb.last {border:none;}
.menu .pulldown2.shot .bigb {height:275px;}
.menu .pulldown2 .smbox {margin-bottom:10px;}
.menu .pulldown2 .smbox strong {margin-bottom:3px; display:block; padding-left:10px; font-size:11px; color:#ff3929}
.menu .pulldown2 .smbox strong a {padding:0; color:#b11d1d}
.menu .pulldown2 .smbox strong.two a {display:inline;}
.menu .pulldown2 .smbox a {height:auto; color:#ccc; padding:0 0 0 12px; font-size:11px; width:97px !important; background-image:none !important;}
.menu .pulldown2 .smbox a:hover {background-color:#d40a0a; color:#fff; text-decoration:none;}

.gnb {width:975px; margin:0 auto;}
.gnb .gnb_top {background:url(../images/gnb_sc2_new.gif) no-repeat; height:33px; position:relative; z-index:2000}
.gnb .gnb_top .right_m {float:left;}
.pop_over {border:2px solid #30343a;}
.gnb .gnb_top .menu li {float:left; position:relative; z-index:3000;}
.gnb .right_m li a {display:block; overflow:hidden; height:0; padding:33px 0 0 0;}
.gnb .menu li.home a {width:78px;}
.gnb .menu li.guide a {width:81px;}
.gnb .menu li.tguide a {width:77px;}
.gnb .menu li.pguide a {width:78px;}
.gnb .gnb_top .menu li.zguide a {width:60px;}
.gnb .gnb_top .menu li.download {margin-left:8px;}
.gnb .gnb_top .menu li.download a {width:56px;}
.gnb .gnb_top .menu li.bet a {width:73px;}
.gnb .gnb_top .menu .home_o a {background:url(../images/gnb_sc2_new.gif) no-repeat 0 -33px; width:78px;}
.gnb .gnb_top .menu .guide_o a {background:url(../images/gnb_sc2_new.gif) no-repeat -78px -33px; width:81px;}
.gnb .gnb_top .menu .tguide_o a {background:url(../images/gnb_sc2_new.gif) no-repeat -159px -33px; width:77px;}
.gnb .gnb_top .menu .pguide_o a {background:url(../images/gnb_sc2_new.gif) no-repeat -236px -33px; width:78px;}
.gnb .gnb_top .menu .zguide_o a {background:url(../images/gnb_sc2_new.gif) no-repeat -314px -33px; width:60px;}
.gnb .gnb_top .menu .download_o {margin-left:8px}
.gnb .gnb_top .menu .download_o a {background:url(../images/gnb_sc2_new.gif) no-repeat -382px -33px; width:56px;}
.gnb .gnb_top .menu .bet_o a {background:url(../images/gnb_sc2_new.gif) no-repeat -438px -33px; width:73px}

.gnb .jun {float:right; margin:6px 0 0 0; width:230px; _display:inline;}
.gnb .btn_jun {float:left;}
.gnb .btn_jun a {background:url(../images/btn_jun.gif) no-repeat; padding:19px 0 0 0; width:42px; height:0; display:block; float:left; overflow:hidden;}
.gnb .jun ul li {float:left;}
.gnb .jun .tit {width:150px; overflow:hidden; height:19px; padding:0 0 0 7px; background:url(../images/bg_jun.gif); letter-spacing:-1px; font-size:11px; font-family:돋움,Dotum;}
.gnb .btn {height:19px; _height:21px; _margin-top:-1px;}

.pop {clear:both; border-top:2px solid #636363; border-bottom:1px solid #c5c4c4; border-right:1px solid #c5c4c4; border-left:1px solid #c5c4c4; overflow:hidden; _height:1%;}
.pop h3 {width:120px; float:left;}
.pop h3 a {background:url(../images/tit_ylist.gif) no-repeat; height:0px; display:block; overflow:hidden; padding:20px 0 0 0; margin:10px 0 0 10px;}
.pop .cat {float:right; margin:7px 20px 0 0; border-right:1px solid #efefef;}
.pop .cat .cur a {background:#FF0000; color:white; padding:2px;}
.pop .cat li {float:left; margin-right:10px;;}
.pop .cat li a {padding:2px;}
.pop .cat li a:hover {background:#FF0000; color:white;}
.pop .dur {float:right; margin-top:7px;}
.pop .dur .cur a {background:#058ebb; color:white; padding:2px;}
.pop .dur li {float:left; margin-right:10px;}
.pop .dur li a {padding:2px;}
.pop .dur li a:hover {background:#058ebb; color:white;}
.pop .list {clear:both; border-top:1px solid #efefef; padding:8px 10px 10px 10px;}

/*스타크래프트2 레이아웃*/

.poll_main {background:#fff url(../images/ico_poll.gif) no-repeat 15px 5px; padding:4px 0 4px 58px; border-top:1px solid #e3e3e3;  border-bottom:1px solid #e3e3e3; clear:both; margin:10px 0 0 0;}
.poll_main span {color:#999999; letter-spacing:-1px; font-size:11px;}

#header_bg #header .menu .sc {clear:both; float:left; padding:7px 0 0 20px; font-size:11px;}
.sublogo {float:left; margin-right:10px;}
.sublogo a {background:url(../images/logo_s.gif) no-repeat 0 5px; overflow:hidden; display:block; height:0; padding:40px 0 0 0; width:80px;}
.subtitle {float:left; margin-right:10px;}
.subtitle a {background:url(../images/sub_sc2.gif) no-repeat 0 13px; overflow:hidden; display:block; height:0; padding:40px 0 0 0; width:151px;}

.menu_sub {width:735px; float:left; padding-top:5px; height:84px; background:url(../images/bg_sc2.gif) no-repeat right 1px; _background-position:right -1px;}
*:first-child+html .menu_sub {padding-top:3px}
.menu_sub h1 {clear:both; float:left; padding:7px 0 0 20px; font-size:11px; width:255px; height:44px; _height:46px; _padding:5px 0 0 20px}
.menu_sub .anot_com {padding:23px 0 0 0;}
.menu_sub .anot_com li {float:left; background:url(../images/line_br.gif) no-repeat; padding-left:10px;}
.menu_sub .anot_com .sc_tit a {background:url(../images/sub_sc_sub.gif) no-repeat; padding:15px 0 0 0; width:110px; overflow:hidden; display:block; height:0;}
.menu_sub .bigmenu {float:left; font:bold 100% 굴림, Gulim, Arial, Helvetica, sans-serif; margin:5px 0 0 0; height:28px; clear:both; width:708px;}
.menu_sub .bigmenu li {height:26px; float:left; padding:1px 0 0 1px; margin-right:0; background:#858585 url(../images/sitenav.png) right no-repeat; _background:#858585;}
.menu_sub .bigmenu li a {display:block; *display:inline-block; height:16px; padding:6px 11px 4px 12px; color:#343434; background:#ececec url(../images/sitenav.png) left no-repeat; _background:#ececec; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/sitenav.png"); overflow:hidden; cursor:pointer;}
.menu_sub .bigmenu li a:hover {background:#1e1e1e url(../images/sitenav.png) left no-repeat; _background:#1e1e1e; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/sitenav.png"); overflow:hidden; color:#eaff02; text-decoration:none;}
.menu_sub .bigmenu .current {background:#252525 url(../images/sitenav.png) left no-repeat; overflow:hidden; color:#FFFFFF; text-decoration:none;}
.menu_sub .bigmenu .current a {background:#1e1e1e url(../images/sitenav.png) left no-repeat; _background:#1e1e1e; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/sitenav.png"); overflow:hidden; color:#eaff02; text-decoration:none;}
.menu_sub .bigmenu #sp {margin-right:3px; padding:1px 1px 0 1px;}
.menu_sub .bigmenu #home {margin-right:5px; padding:1px 1px 0 1px;}

/* 좌측 네비게이션 */

.sc2menu_left {background:#fff; border:1px solid #c5c4c4; border-top:none;}
.sc2menu_left .box {padding:15px 15px 15px 15px; border-bottom:1px solid #eaeaea}
.sc2menu_left .box.last {border:none;}
.sc2menu_left .box h4 {background:url(../images/tit_sc2side2.gif) no-repeat; height:0; padding:16px 0 0 0; overflow:hidden; display:block; margin-bottom:12px;}
.sc2menu_left .box h4.comm {background-position:0 -45px;}
.sc2menu_left .box h4.cont {background-position:0 -94px;}
.sc2menu_left .box ul li a {background:url(../images/arrow_gray.gif) no-repeat 0 6px; padding-left:10px; display:block; color:#666; font-family:돋움,Dotum; _height:1%;}
.sc2menu_left .box ul li.current a {font-weight:bold; color:#cf2b2b; letter-spacing:-1px; background-position:0 -14px; _height:1%;}
.sc2menu_left .box ul li a:hover {background-position:0 -14px; text-decoration:none; color:#cf2b2b; font-weight:bold; letter-spacing:-1px;}
.sc2menu_left .indexwrap {margin-bottom:10px;}
.sc2menu_left .indexwrap .head {margin-bottom:5px; padding:3px 7px 2px 10px; background:#f9f9f9; border:1px solid #e5e5e5;}
.sc2menu_left .indexwrap .head h5 {font-size:12px; font-family:돋움,Dotum; letter-spacing:-1px}
.sc2menu_left .indexwrap .list_menu {margin-left:14px;}
.sc2menu_left .indexwrap .sh {letter-spacing:-1px;}
.sc2menu_left .indexwrap td a {display:block; letter-spacing:-1px; color:#666; font-family:돋움,Dotum;}
.sc2menu_left .indexwrap td.current a {font-weight:bold; letter-spacing:-2px; color:#1874e6; text-decoration:underline;}

.com_nav {background:#f3f3f3; border:1px solid #c5c4c4; padding:2px; margin-bottom:7px;}
.com_nav h3 {padding:7px 0 3px 8px;}
.com_nav h3 a {height:0; display:block; padding:35px 0 0 0; overflow:hidden; font-size:8px;}
.com_nav h3 .community {background:url(../images/sidelogo_com.gif) no-repeat;}
.com_nav h3 .stats {background:url(../images/sidelogo_stats.gif) no-repeat;}
.com_nav h3 .bet {background:url(../images/sidelogo_bet.gif) no-repeat;}
.com_nav h3 .down {background:url(../images/sidelogo_down.gif) no-repeat;}
.com_tnav {overflow:auto; padding:0 0 0 3px;}
.com_tnav li {float:left; letter-spacing:-1px; margin-right:7px;}
.com_tnav li a:hover {color:#f26522;}
.com_tnav .sel {font-weight:bold;}
.com_tnav .sel a {color:#f26522;}
.com_tnav .last {margin:0;}
.com_tnav li a { font-size:11px; color:#717171;}
.com_list ul li {margin-bottom:3px; background:url(../images/dot_list_bg.gif) no-repeat 0 7px; padding:0 0 0 6px;}
.com_list {clear:both; background:#FFFFFF; overflow:auto; border:1px solid #e9e9e9; padding:12px 8px 10px 8px; margin-bottom:5px;}
.com_list dl {overflow:auto; height:22px;}
.com_list .line {border-top : 1px solid #e9e9e9; padding:7px 0 0 0; margin-top:3px;}
.com_list dl dt {float:left;}
.com_list .now a {color:#CC3300; font-weight:bold;}
.com_list dl dd {float:right; font-size:11px; color:#999999;}
.com_nav .chat h4 {font-size:12px; font-weight:normal;padding:0 0 3px 8px;}
.com_nav .chat h4 a span {font-weight:bold; color:#d32136;}
.com_nav .chat ul {overflow:auto; background:#ffffff; font-size:11px; letter-spacing:-1px; padding:5px 8px 5px 8px; }
.com_nav .chat ul li {background:url(../images/dot_list_bg.gif) no-repeat 0 7px; padding:0 0 0 6px;}

.mainimg {margin-bottom:15px;}

.sc2_guide {background:url(../images/sc2_sidebanner.gif) no-repeat; margin-bottom:8px;}
.sc2_guide li a {display:block; height:0; padding:56px 0 0 0; overflow:hidden;}

.lab_list {padding:10px 15px 10px 15px;}
.lab_list ul li {margin:0 0 15px 0; overflow:hidden; _height:1%; border-bottom:1px solid #e9e9e9; padding-bottom:5px;}
.lab_list ul li .img a img {border:1px solid #000;}
.lab_list ul li .tit {letter-spacing:-1px; line-height:1.3; margin:5px 0 0 0;}
.lab_list ul li.last {border-bottom:none; margin-bottom:0;}

.tbl_write tr td {padding:10px 15px 10px 15px; border-bottom:1px solid #e5e5e5;}
.tbl_write tr th {padding:10px 0 10px 20px; border-bottom:1px solid #e5e5e5; vertical-align:top; text-align:left;}
.tbl_write tr td span.t1 {font-size:11px; color:#888; margin-left:10px;}
.tbl_write tr td .help1 {color:#777; font-size:11px; line-height:1.4; margin:7px 0 0 0;}
.tbl_write tr.last td, .tbl_write tr.last th {border-bottom:none;}

.m_preview {overflow:hidden; _height:1%; margin-bottom:25px;}
.m_preview .box {float:left; width:289px; margin-right:18px;}
.m_preview .box.right {margin:0;}
.m_preview .box .head {background:url(../images/bg_sc2tit.gif) repeat-x; border:1px solid #c7c7c7; margin-bottom:10px;}
.m_preview .box .head h4 a {background:url(../images/tit_sc2main.gif) no-repeat; display:block; overflow:hidden; padding:28px 0 0 0; height:0;}
.m_preview .box .head h4.sc2bd a {background-position:0 -28px;}
.m_preview .box .head h4.stra a {background-position:0 -56px;}
.m_preview .box .head h4.replay a {background-position:0 -84px;}
.m_preview .box .head h4.qna a {background-position:0 -112px;}
.m_preview .box .head h4.pollm a {background-position:0 -140px;}
.m_preview .box .head h4.lab a {background-position:0 -168px;}
.m_preview .box .head h4.cartoon a {background-position:0 -196px;}
.m_preview .box ul {margin-left:10px}
.m_preview .box ul li {background:url(../images/dot_list_bg.gif) no-repeat 0 7px; padding-left:9px; margin-bottom:3px; height:19px;}

.m_thumb {background:url(../images/bg_sc2thmb.gif) repeat-x; overflow:hidden; _height:1%; padding:25px 0 0 15px; margin-bottom:25px; _padding:25px 0 0 8px;}
.m_thumb ul li {float:left; width:100px; margin:0 20px 0 20px; _margin:0 20px 0 17px;}
.m_thumb ul li .img {margin-bottom:6px;}
.m_thumb ul li .tit a {line-height:1.3; font-family:돋움,Dotum; font-size:11px; color:#4d4d4d; letter-spacing:-1px}
.m_thumb ul li .cat a {color:#6887d2; font-size:11px; font-family:돋움,Dotum;}

.blizz_ban {background:url(../images/banner_blizzard.jpg) no-repeat; margin-bottom:8px;}
.blizz_ban li a {overflow:hidden; height:0; display:block; padding:65px 0 0 0;}

.gal_side {padding:12px 15px 5px 15px}
.gal_side .head {background:url(../images/bg_galside.gif) no-repeat bottom; padding:0 2px 4px 2px; margin-bottom:12px;}
.gal_side table td {vertical-align:top; padding:0 0 15px 0;}
.gal_side table .img {width:70px;}
.gal_side table .desc .tit {line-height:1.2;}
.gal_side table .desc .tit a {font-weight:bold; color:#394458}
.gal_side table .desc .tit a span {font-family:Tahoma, Geneva, sans-serif; color:#e87139; font-size:10px;}
.gal_side table .desc .view {color:#888; font-size:11px; font-family:돋움,Dotum;}

.tbl_time th {padding:5px 0 5px 0; width:40px;}
.tbl_time .row td, .tbl_time .row th {background:#f8f7f2;}
.tbl_time td {padding:5px 0 5px 0; color:#666}