@charset "utf-8";
/* livescore.co.kr by gw8 */

/* main ---------- */
body{text-align:center;}

/* 상단 ----- */
	#header{width:100%; min-width:1200px; height:118px; border-bottom:5px solid #003366; text-align:center; background:URL(../img/common/tnb_bg.gif) repeat-x #fff;}

	#header_in{width:1200px; height:118px; margin:0 auto; position:relative; z-index:99;}
	#header_in h1{width:345px; height:88px; position:absolute; left:0px; top:30px; z-index:1; text-align:left; overflow:hidden;}
	#header_in h1 a,
	#header_in h1 img{display:block; float:left;}
	#header_in h1 b{display:block; position:absolute; left:-300px; width:1px; height:1px;}

	#tnb{width:100%; height:30px; overflow:hidden; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
	#tnb li.btn_l{float:left; border-right:1px solid #e6e6e6;}
	#tnb li.btn_r{float:right; border-left:1px solid #e6e6e6;}
	#tnb li a{display:block; float:left; height:30px; line-height:30px; padding:0 20px;}
	#tnb li a b{font-family:dotum; font-size:11px; font-weight:normal; letter-spacing:-0.1em;}
	#tnb li a:link b,
	#tnb li a:visitied b{color:#999;}
	#tnb li a:hover b{color:#333;}
	#tnb li.bookmark a:link b{color:#666;}
	#tnb li:hover.bookmark a b{color:#000;}
	#tnb li.bookmark a b u{text-decoration:none; color:#ff9900; font-size:12px;}
	#tnb li.app a{background:URL(../img/common/ico_app.gif) no-repeat 20px center; padding-left:35px;}

	#gnb{width:854px; height:88px; position:absolute; top:30px; right:0px; z-index:999; background:URL(../img/common/gnb.gif) no-repeat 0px -88px;}
	#gnb li.gnb1d{float:left; height:88px; position:relative;}
	#gnb li.gnb1d a.gnb1a{display:block; float:left; width:100%; height:88px; overflow:hidden; background:URL(../img/common/gnb.gif) no-repeat}
	#gnb li:hover.gnb1d a.gnb1a{background:URL(../img/common/ico_gnbarr.gif) no-repeat center bottom}
	#gnb li.gnb1d a.on{filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
	#gnb li:hover.gnb1d a.on{filter:Alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
	#gnb li.gnb1d a.gnb1a b{display:block; position:absolute; top:-999px;}
	#gnb li.gnb01{width:127px;}
	#gnb li.gnb01 a.gnb1a{background-position:0px 0px;}
	#gnb li.gnb02{width:118px;}
	#gnb li.gnb02 a.gnb1a{background-position:-127px 0px;}
	#gnb li.gnb03{width:104px;}
	#gnb li.gnb03 a.gnb1a{background-position:-245px 0px;}
	#gnb li.gnb04{width:104px;}
	#gnb li.gnb04 a.gnb1a{background-position:-349px 0px;}
	#gnb li.gnb05{width:104px;}
	#gnb li.gnb05 a.gnb1a{background-position:-453px 0px;}
	#gnb li.gnb06{width:91px;}
	#gnb li.gnb06 a.gnb1a{background-position:-557px 0px;}
	#gnb li.gnb07{width:104px;}
	#gnb li.gnb07 a.gnb1a{background-position:-648px 0px;}
	#gnb li.gnb08{width:102px;}
	#gnb li.gnb08 a.gnb1a{background-position:-752px 0px;}
	#gnb li .gnbs{display:none;}
	#gnb li:hover .gnbs{display:block; width:120px; background:#000033; position:absolute; top:88px; left:50%; z-index:9999; margin-left:-70px; background:#003366; padding:10px;}
	#gnb li .gnbs a{display:block; padding:8px 10px; text-align:left;}
	#gnb li .gnbs a:link,
	#gnb li .gnbs a:visited{color:#fff}
	#gnb li .gnbs a:hover{background:#184674; color:#fff; font-weight:bold;}

	#rightAD{    position: absolute;
	width:160px;
    right: -230px;
    top: 133px;
    z-index: 10;
    padding-top: 20px 10px 10px 10px;
    background: #F6F6F6;
    padding: 20px 0px 10px 20px;}
	#rightAD .ad01{height:600px; margin-bottom:20px;}
	#rightAD .ad02{height:600px; margin-bottom:20px;}
	#rightAD .ad03{height:600px; margin-bottom:20px;}
	#rightAD .ad04{height:600px; margin-bottom:20px;}

	#page_move_wrap{width:120px;}
	#page_move_wrap .page_move_fix{position:fixed;_position:static;top:10px; left:50%; margin-left:610px; z-index:22;}
	#page_move{width:120px;right:-130px; z-index:11; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-top:4px solid #003366; overflow:hidden;}
	#page_move li{width:120px; height:40px; border-bottom:1px solid #dbdbdb;}
	#page_move li a{height:40px; line-height:40px;display:block; text-align:left; padding-left:28px; background:URL(../img/common/ico_arr_t.gif) no-repeat 10px center #fff;}
	#page_move li a:link,
	#page_move li a:visited{color:#666;}
	#page_move li a:hover{color:#000;}

/* 상단 알림박스 ----- */
#conttop{width:1200px; margin:0 auto; padding-top:10px; height:auto;}
#logbox{width:334px; height:193px; float:left; border:1px solid #e4e9f2; background:#fbfcff; text-align:center; position:relative;}

	/* 로그인 전 ---- */
	#logbox fieldset{margin:0 auto; padding:0px; width:292px; text-align:left; padding-top:20px;}
	#logbox fieldset ul.logbox_top{overflow:hidden; height:30px;}
	#logbox fieldset ul.logbox_top li{float:left; height:30px; line-height:30px; color:#666; font-size:11px; letter-spacing:-0.05em;}
	#logbox fieldset ul.logbox_top li b{color:#2d94fb;}
	#logbox fieldset ul.logbox_top li u{text-decoration:none; color:#ccc; display:inline-block; padding:0 5px;}
	#logbox fieldset dl{width:290px; border:1px solid #ccc; overflow:hidden; position:relative;}
	#logbox fieldset dl .ol_submit{width:86px; height:62px; text-align:center; line-height:62px; color:#003567; font-weight:bold; font-size:12px; background:URL(../img/common/btn_logbox_loginbg.gif) repeat-x #fff; position:absolute; right:0px; top:0px; border:0px; border-left:1px solid #ccc; cursor:pointer;}
	#logbox fieldset dl .ol_id,
	#logbox fieldset dl .ol_pw{width:196px; height:30px; line-height:30px; border:0px; padding-left:10px; font-size:12px;}
	#logbox fieldset dl .ol_id{border-bottom:1px solid #dde4eb;}
	#logbox fieldset dl .ol_pw{}
	#logbox fieldset ul.logbox_bottom{height:34px; overflow:hidden;}
	#logbox fieldset ul.logbox_bottom li{float:left; height:34px; line-height:34px;}
	#logbox fieldset ul.logbox_bottom li{float:left; height:34px; line-height:34px; color:#999; font-size:11px; letter-spacing:-0.05em;}
	#logbox fieldset ul.logbox_bottom li b{color:#003467;}
	#logbox fieldset ul.logbox_bottom li u{text-decoration:none; color:#ccc; display:inline-block; padding:0 8px 0 5px;}
	#logbox fieldset ul.logbox_bottom li.auto{float:right;}
	#logbox .logbox_notice{width:100%; height:48px; overflow:hidden;border-top:1px solid #dbdbdb; background:#fff; position:absolute; left:0px; bottom:0px;}
	#logbox .logbox_notice dt{float:left; width:56px; height:48px; background:URL(../img/common/ico_notice_logbox.gif) no-repeat right center;}
	#logbox .logbox_notice dd {float:left; width:270px; height:48px; text-align:left; overflow:hidden;}
	#logbox .logbox_notice dd ul{padding-left:10px;}
	#logbox .logbox_notice dd ul li{height:48px; line-height:50px; font-size:11px;}
	#logbox .logbox_notice dd ul li a{font-size:12px;}
	#logbox .logbox_notice dd ul li a:link,
	#logbox .logbox_notice dd ul li a:visited{color:#666;}
	#logbox .logbox_notice dd ul li a:hover{color:#000;}

	/* 로그인 후 ---- */
	#logbox .my_info{width:100%; position:relative; margin:0 auto;}
	#logbox .my_info .my_info01{position:absolute; left:10px; top:10px; width:158px; height:76px; overflow:hidden; text-align:left; border-right:1px solid #e9e9e9;}
	#logbox .my_info .my_info01 em{display:block;}
	#logbox .my_info .my_info01 em img{width:50px; height:50px; /*border:1px solid #e3e3e3;*/}
	#logbox .my_info .my_info01 strong{display:block;position:absolute; left:60px; top:4px;}
	#logbox .my_info .my_info01 strong span{display:block; color:#333; font-size:11px;}
	#logbox .my_info .my_info01 strong span u{font-weight:normal; color:#666; text-decoration:none;}
	#logbox .my_info .my_info01 strong b{display:block; margin-top:5px; width:90px; height:15px; overflow:hidden; color:#000; font-size:12px;}
	#logbox .my_info .my_info01 .mi01_02{padding-top:5px; font-size:11px; color:#c0c0c0; overflow:hidden;}
	#logbox .my_info .my_info01 .mi01_02 a{display:inline-block; margin-right:3px; letter-spacing:-1px;} 
	#logbox .my_info .my_info01 .mi01_02 a b{display:inline-block; padding-left:12px; background:URL(../img/icon/btn_mysetting.gif) no-repeat left center;}
	#logbox .my_info .my_info01 .mi01_02 a:link,
	#logbox .my_info .my_info01 .mi01_02 a:visited{color:#7e7e7e;}
	#logbox .my_info .my_info01 .mi01_02 a:hover{color:#000;}

	#logbox .my_info .my_info02{position:absolute; left:170px; top:10px; width:155px; height:76px; overflow:hidden; text-align:left; border-left:1px solid #fff;}
	#logbox .my_info .my_info02 .exp{float:right; text-align:left; width:146px; overflow:hidden;}
	#logbox .my_info .my_info02 .exp strong{float:left; width:34px; height:24px; line-height:24px; font-weight:normal; color:#666; font-size:11px; letter-spacing:-1px;}
	#logbox .my_info .my_info02 .exp .exp_bar{float:left; height:24px; overflow:hidden; width:80px; position:relative;}
	#logbox .my_info .my_info02 .exp .exp_bar u{display:block;  position:absolute; top:8px; left:0px; z-index:1; width:100%; height:6px; background:#ddd;}
	#logbox .my_info .my_info02 .exp .exp_bar span{display:block; height:6px; background:#1b7dde; position:absolute; top:8px; left:0px; z-index:2;}
	#logbox .my_info .my_info02 .exp .exp_bar em{display:block; width:6px; height:6px; background:#1b7dde; position:absolute; top:8px; right:0px; z-index:3;}
	#logbox .my_info .my_info02 .exp .next_level{float:left; text-align:right; width:30px; height:24px; line-height:24px; color:#1b7dde; font-size:11px; letter-spacing:-1px; overflow:hidden;}
	#logbox .my_info .my_info02 .my_exp{float:right; text-align:center; width:146px; height:25px; line-height:25px; font-family:verdana; letter-spacing:-0.05em; color:#666; border-bottom:1px solid #e9e9e9; overflow:hidden;}
	#logbox .my_info .my_info02 .my_info02-1{float:right; text-align:right; width:146px; overflow:hidden; height:28px; line-height:28px; font-size:11px; letter-spacing:-1px;}
	#logbox .my_info .my_info02 .my_info02-1 u{display:inline-block; padding:0 5px;text-decoration:none; color:#c0c0c0;}

	#logbox .my_info .my_info03{position:absolute; left:0px; top:90px; width:100%; height:60px; background:#fff; overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #efefef}
	#logbox .my_info .my_info03 div{width: 49.8%; float:left; margin-top:13px; height:33px; overflow:hidden; text-align:center; color:#666; font-size:11px;letter-spacing:-1px;}
	#logbox .my_info .my_info03 div span{display:block; padding-top:5px; color:#333; font-family:verdana; font-size:11px; letter-spacing:-1px;}
	#logbox .my_info .my_info03 div.mi03_02{border-left:1px solid #e9e9e9;}
	#logbox .my_info .my_info03 div.mi03_01 span b{color:#000000;}
	#logbox .my_info .my_info03 div.mi03_02 span b{color:#cc0000;}
	#logbox .my_info .my_info03 div.mi03_03 span b{color:#012295;}

	#logbox .my_cont_wrap{width:334px; height:42px; position:absolute;left:-1px; bottom:-1px; border:1px solid #c4c4c4;}
	#logbox .my_cont_wrap .my_contents{width:100%; height:42px; position:relative;}
	#logbox .my_contents_btn{width:334px; height:42px; overflow:hidden;}
	#logbox .my_contents_btn li{float:left; height:42px; width:67px;background:URL(../img/common/ico_toptab_line.gif) no-repeat left center;}
	#logbox .my_contents_btn li a{display:block; height:42px; line-height:42px; width:100%; letter-spacing:-1px; font-size:11px;}
	#logbox .my_contents_btn li.first{width:83px; background:none;}
	.mc_layer_wrap{position:absolute; left:-1px; top:42px; z-index:9999999; width:334px; height:440px; background:#fff; border:1px solid #0d3d6c; text-align:left; display:none;}

	.mc_layer_wrap.loading{
		background: white url(/mobile/img/loader.gif);
		background-repeat: no-repeat;
		background-position: center;
	}
	.mc_layer{position:relative;width:334px; height:440px; background:#fff; overflow:hidden;}
	.mc_layer_wrap h2{width:67px; background:#fff;margin-top:-44px; height:43px;border:1px solid #0d3d6c;border-bottom:none; text-align:center; overflow:hidden; margin-left: -1px}
	
	.mc_layer_wrap h2 a{width:100%; height:43px; line-height:43px;font-size:11px; letter-spacing:-1px; color:#003466; }
	.mc_layer_c{width:100%; height:400px; overflow:auto;}
	.mc_layer_c2{width:100%; height:360px; overflow:auto;overflow-x:hiddne;}
	.mc_layer_c3{width:100%; height:320px; overflow:auto;}
	.mc_layer_c4{width:100%; height:340px !important; overflow:auto;}
	.mc_layer_c5{width:100%; height:320px; overflow:auto;}
	.mc_layer_c .none{width:100%; height:100%; background:URL(../img/common/mc_layer_c_no.gif) no-repeat center center; color:#999; text-align:center; line-height:250px; font-size:11px; letter-spacing:-1px;}
	.mc_layer_b{width:100%; height:40px; line-height:40px; background:#003466; color:#fff; overflow:hidden; text-align:left; position:absolute;left:0px; bottom:0px;}
	.mc_layer_b a{color:#fff; padding-left:10px;}
	.mc_layer_b .good{position:absolute; right:90px; top:0px; text-align:right; padding:0px; color:#66ccff; font-size:11px; width:50px;}
	.mc_layer_b .nogood{position:absolute; right:40px; top:0px; text-align:right; padding:0px; color:#66ccff; font-size:11px; width:50px;}

	.mc_layer_wrap .mc_layer_tment{width:100%; height:68px; border-bottom:2px solid #c7c7c7; overflow:hidden;}
	.mc_layer_wrap .mc_layer_tment p{padding:20px 0 0 10px; font-size:11px; letter-spacing:-1px;}
	.mc_layer_wrap .mc_layer_tment p span{font-size:12px;}

	.mc_layer_wrap .btn_mclayer{width:100%; height:38px; line-height:38px; border-bottom:2px solid #c7c7c7; text-align:center; color:#c5c5c5; overflow:hidden; position:relative;}
	.mc_layer_wrap .btn_mclayer a{font-weight:bold; letter-spacing:-0.05em; display:inline-block; padding:0 3px; font-size:11px;}
	.mc_layer_wrap .btn_mclayer a:link,
	.mc_layer_wrap .btn_mclayer a:visited{color:#666;}
	.mc_layer_wrap .btn_mclayer a:hover{color:#000;}
	.mc_layer_wrap .btn_mclayer a.on{text-decoration:underline; color:#1b7ede;}
	.mc_layer_wrap .btn_mclayer a.btn_cal{position:absolute; right:0px; top:10px; display:block; width:25px; height:22px; background:URL(../img/common/btn_cal.gif) no-repeat;}
	.mc_layer_wrap .btn_mclayer a.btn_cal em{display:none;}

	.mc_layer_wrap .sch_fr01,
	.mc_layer_wrap .sch_fr02{width:100%; overflow:hidden; position:relative;}
	.mc_layer_wrap .sch_fr01 dt,
	.mc_layer_wrap .sch_fr02 dt{position:absolute; left:10px ;top:0px; height:39px; line-height:39px; color:#000; font-weight:bold; font-size:11px; letter-spacing:-1px;}
	.mc_layer_wrap .sch_fr01 dd,
	.mc_layer_wrap .sch_fr02 dd{padding:5px 20px 0 65px;}
	.mc_layer_wrap .sch_fr01 dd .text,
	.mc_layer_wrap .sch_fr02 dd .text{width:100%; height:27px; line-height:27px; background:#fff; border:1px solid #cecece; padding-left:10px;}
	.mc_layer_wrap .sch_fr01 dd .sch{position:absolute; top:5px; right:10px; width:27px; height:27px; background:URL(../img/common/btn_sch.png) no-repeat center center; border:0px; cursor:pointer;}
	.mc_layer_wrap .sch_fr02 dd input.text_read{font-weight:bold; color:#7e511d;}
	.mc_layer_wrap .sch_fr02 dd input.text_read2{font-weight:bold; color:#d40032;}
	.mc_layer_wrap .sch_fr02 dd .btn_friend{position:absolute; top:5px; right:8px; width:50px; height:29px; color:#fff; font-size:11px; letter-spacing:-1px; background:#003466; border:1px solid #003466; cursor:pointer;}
	.mc_layer_wrap .sch_fr02 dd .btn_blacklist{position:absolute; top:5px; right:8px; width:90px; height:29px; color:#fff; font-size:11px; letter-spacing:-1px; background:#000; border:1px solid #000; cursor:pointer;}
	.mc_layer_wrap .sch_fr02 dd .btn_introduce{position:absolute; top:5px; right:58px; width:83px; height:29px; color:#000; font-size:11px; letter-spacing:-1px; background:#c9cfd4; border:1px solid #c9cfd4; cursor:pointer;}

	.mc_layer_wrap .sch_fr01{background:#f8f8f8; border-bottom:1px solid #c7c7c7; height:39px;}
	.mc_layer_wrap .sch_fr02{background:#fff; border-bottom:2px solid #c7c7c7; height:38px;}

	.introduce_write{width:100%; background:#fff; margin-top:-4px; position:relative;border-bottom:2px solid #cecece;}

	.introduce_write_in{ padding:10px;}
	.introduce_write_in textarea{border:1px solid #e5e5e5; padding:10px; width:294px; height:38px;}
	.introduce_write a.alarm_x{display:block; position:absolute; right:15px; top:15px; width:22px; height:22px; background:URL(../img/common/alarm_x.gif) no-repeat;}
	.introduce_write a.alarm_x em{display:none;}

	.mc_layer_table{width:100%;}
	.mc_layer_table th{background:#f8f8f8; border-bottom:1px solid #c7c7c7; text-align:center; color:#848484; font-size:11px; letter-spacing:-1px; font-weight:normal; padding:3px 0;}
	.mc_layer_table td{border-bottom:1px solid #e1e1e1;padding:8px 0; text-align:center; font-size:11px; letter-spacing:-1px; }
	.mc_layer_table td div {word-break:break-all;}
	.mc_layer_table tr:hover{background:#fef8f2;}

	.mc_layer_table td.name{text-align:left; font-weight:bold; color:#666;}
	.mc_layer_table td.nametd span{width:90%; overflow:hidden; display:block; margin:0 auto; height:15px; line-height:15px;}

	.mc_layer_table td.subject{text-align:left; font-weight:bold; color:#666;}
	.mc_layer_table td.subject a strong{display:block; padding-bottom:3px;}
	.mc_layer_table td.subject a strong b{color:#789bbe;}
	.mc_layer_table td.subject a span{font-weight:normal; letter-spacing:0px;}
	.mc_layer_table td.subject a img{filter:Alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;}
	.mc_layer_table td.subject a:hover img{filter:Alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}

	.mc_layer_table .view_message td{background:#f8f8f8; border-top:1px dashed #e6e6e6; text-align:left; padding:10px;}
	.mc_layer_table .view_message .view_message_btn{text-align:right; padding-top:10px;}

	.message_pop{position:absolute; left:50%; bottom:50px; margin-left:-150px; width:290px; background:URL(../img/common/message_pop_bg.png) repeat;}
	.message_pop dl{padding:10px; color:#fff;}
	.message_pop dl dt{font-weight:bold; padding-bottom:10px;}
	.message_pop dl dd{font-size:11px; letter-spacing:-1px; padding-left:20px;position:relative;}
	.message_pop dl dd em{font-style:normal; font-size:12px; display:block;position:absolute; left:0px; top:0px;}
	.message_pop dl dd b{color:#ffff00;}
	.message_pop dl dd a.btn_message_pop_close{background:URL(../img/common/btn_message_pop_close.gif) no-repeat center center; display:block; width:30px; height:30px; position:absolute; right:-10px; top:-30px;}
	.message_pop dl dd a.btn_message_pop_close em{display:none;}

	#my_contents h2{margin-left:-1px;}
	#my_contents ul{padding:10px}
	#my_contents ul li{position:relative; padding:7px 30px 7px 3px; border-bottom:1px solid #e5e5e5;}
	#my_contents ul li a{display:block; padding:3px;}
	#my_contents ul li a.alarm_x{display:block; position:absolute; right:0px; top:5px; width:22px; height:22px; background:URL(../img/common/alarm_x.gif) no-repeat;}
	#my_contents ul li a.alarm_x em{display:none;}
	.my_contents02 h2{margin-left:53px;}
	.my_contents03 h2{margin-left:108px;}
	.my_contents04 h2{margin-left:163px;}
	.my_contents05 h2{margin-left:220px;}
	.my_contents06 h2{margin-left:277px;}

#top_latest{width:852px; height:193px; float:right; border:1px solid #e4e9f2; background:#fff; overflow:hidden; position:relative; z-index:1;}

	#tl01_wrap{width:363px; height:193px; position:relative; z-index:1; float:left;overflow:hidden; border-right:1px solid #e4e9f2;}
	#tl01_wrap li {white-space:nowrap;}

	#top_latest .tl01{width:363px; height:194px; overflow:hidden; position:absolute; left:0px; top:0px; z-index:3;}
	#top_latest .tl01 dt{width:100%; height:39px; background:#fbfcff ;border-bottom:1px solid #e4e9f2;}
	#top_latest .tl01 dt .tl01_move strong{display:block; color:#003366; height:30px; line-height:30px; text-align:left; padding-left:15px;}
	#top_latest .tl01 dt .tl01_move strong span{display:inline-block; padding-right:20px;background:URL(../img/common/ico_arr_b.gif) no-repeat right center;}
	#top_latest .tl01 dt .tl01_move:hover strong span{background:URL(../img/common/ico_arr_b_on.gif) no-repeat right center;}
	#top_latest .tl01 dt .tl01_move{position:absolute; left:5px; top:5px; z-index:4; width:140px; padding:1px;}
	#top_latest .tl01 dt .tl01_move:hover{position:absolute; left:5px; top:5px; z-index:4; background:#fff; padding:0px; border:1px solid #183857; width:140px;}
	#top_latest .tl01 dt .tl01_move ul{display:none;}
	#top_latest .tl01 dt .tl01_move:hover ul{padding-top:5px; display:block;}
	#top_latest .tl01 dt .tl01_move li a{display:block; text-align:left; padding:7px 15px; font-size:11px;}
	#top_latest .tl01 dt .tl01_move li a:link
	#top_latest .tl01 dt .tl01_move li a:visited{color:#8a9097;}
	#top_latest .tl01 dt .tl01_move li a:hover{color:#183857; background:#eef1f4;}
	#top_latest .tl01 dd .tl01_paging{position:absolute; right:20px; top:-30px; overflow:hidden;}
	#top_latest .tl01 dd .tl01_paging span{display:block; float:left; height:17px; line-height:17px; padding-right:10px; margin-right:10px; background:URL(../img/common/ico_toptab_line.gif) no-repeat right center; font-family:verdana; font-size:10px; color:#b4b4b4;}
	#top_latest .tl01 dd .tl01_paging span b{color:#666;}
	#top_latest .tl01 dd .tl01_paging a{display:block; height:17px; overflow:hidden; background:URL(../img/common/btn_pnn_small.gif) no-repeat; float:left;}
	#top_latest .tl01 dd .tl01_paging a span{display:none;}
	#top_latest .tl01 dd .tl01_paging a.prev{width:17px; background-position:top left;}
	#top_latest .tl01 dd .tl01_paging a.next{width:18px; background-position:top right;}

	#tl02_wrap{width:488px; height:193px; position:relative; z-index:1; float:right;overflow:hidden; }

	#top_latest .tl02_move{width:488px; overflow:hidden; background:#fbfcff;border-bottom:1px solid #e4e9f2;}
	#top_latest .tl02_move li{width:69px; height:39px; line-height:40px;float:left;background:URL(../img/common/ico_toptab_line.gif) no-repeat right center;}
	#top_latest .tl02_move li a{display:block; float:left; width:100%; height:40px; line-height:40px;}
	#top_latest .tl02_move li.last{width:74px; background:none;}
	#top_latest .tl02{width:488px; height:194px; position:absolute; left:0px; top:40px; z-index:2; text-align:left;}
	#top_latest .tl02 dt{width:69px; height:40px; line-height:40px; color:#003366; text-align:center; font-weight:bold; margin-top:-40px; border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2; background:URL(../img/common/ico_toptab_on.gif) repeat-x top #fff;}
	#top_latest .tl02 dd{width:488px; height:153px;}
	#top_latest .tl02 dd .gallery{overflow:hidden; text-align:left; padding:17px 0 0 20px;}
	#top_latest .tl02 dd .gallery a{display:block;float:left; margin:0 2px 2px 0;}
	#top_latest .tl02 dd .gallery a img{width:86px; height:56px;}
	#top_latest .tl02 dd .gallery a:link,
	#top_latest .tl02 dd .gallery a:visited{border:1px solid #fff;}
	#top_latest .tl02 dd .gallery a:hover{border:1px solid #000;}

	#top_latest .tl02 dd .gallery.video{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-items: center;height: 153px; padding:initial !important;}
	#top_latest .tl02 dd .gallery.video a{display:block;float:left; margin:initial;margin-left: 10px;    background: url(/img/ico_hot.png) 200px;background-repeat: no-repeat;background-position: 0px 0px;z-index: auto;}
	#top_latest .tl02 dd .gallery.video a:nth-child(4n+0){margin-right:10px;}
	#top_latest .tl02 dd .gallery.video a:nth-child(9),
	#top_latest .tl02 dd .gallery.video a:nth-child(10){display:none}
	#top_latest .tl02 dd .gallery.video a img{width:86px; height:56px;z-index:-1;position:relative}
	#top_latest .tl02 dd .gallery.video a:link,
	#top_latest .tl02 dd .gallery.video a:visited{border:1px solid #fff;}
	#top_latest .tl02 dd .gallery.video a:hover{border:1px solid #000;}


	#top_latest #tl02-1 dt{margin-left:-1px;}
	#top_latest #tl02-2 dt{margin-left:68px;}
	#top_latest #tl02-3 dt{margin-left:137px;}
	#top_latest #tl02-4 dt{margin-left:206px;}
	#top_latest #tl02-5 dt{margin-left:274px;}
	#top_latest #tl02-6 dt{margin-left:344px;}
	#top_latest #tl02-7 dt{margin-left:413px;width:74px}
	#top_latest #tl02-8 dt{margin-left:428px;width:68px;}

	#top_latest dl{}
	#top_latest dl dd{position:relative; }
	#top_latest dl dd ul{ padding:9px 20px; text-align:left;}
	#top_latest dl dd ul li{padding:0px; white-space: nowrap; height:29px;}
	#top_latest dl dd ul li a{display:inline-block; padding:3px 3px 3px 0; color:#666;}
	#top_latest dl dd ul li a b{color:#333;}
	#top_latest dl dd ul li a u{font-family:verdana; font-size:9px; font-weight:bold; color:#ff9900; text-decoration:none;}
	#top_latest dl dd ul li:hover a{color:#000;}
	#top_latest dl dd ul li:hover a b{color:#cc0000;}

/* 본문 ----- */
		#container{width:1200px; margin:0 auto;padding-top:10px;}

		#aside{float:left; width:336px; height:auto; }
		#livechat{width:334px; height:518px; margin-bottom:10px; border-top:2px solid #e4e9f2;}


		#div_leftAD{margin-bottom:40px; width:336px; /* height:280px; */margin-top:30px;}
		#leftAD{margin-bottom:40px; width:336px; height:280px;margin-top:40px;}

		#leftAD_2{margin-bottom:40px; width:336px; height:280px;margin-top:40px;}

		#leftAD_iframe{width:336px; margin: auto;}

		#leftBan{margin-bottom:10px;}
		#leftBan a{display:block;}
		#leftBan a:hover img{opacity=80); opacity:0.8; -moz-opacity:0.8;}

		#leftDataTop{width:100%; margin-bottom:20px;margin-top:30px; overflow:hidden;z-index:999}
		#leftDataTop h2{width:100%; height:32px; line-height:32px; background:#003366; font-weight:bold; text-align:center; color:#fff; font-size:12px;}
		#leftDataTop ul{width:100%; height:34px; line-height:33px; background:#194672; overflow:hidden; position:relative; text-align:center; border-bottom:1px solid #29537c;}
		#leftDataTop ul li{display:inline;}
		#leftDataTop ul li.prev{position:absolute; left:0px; top:0px; display:block;}
		#leftDataTop ul li.next{position:absolute; right:0px; top:0px; display:block;}
		#leftDataTop ul li a {display:inline-block; padding:0 2px; height:33px; line-height:33px; font-weight:bold; font-size:12px;}
		#leftDataTop ul li a:link,
		#leftDataTop ul li a:visited{color:#88a1b9;}
		#leftDataTop ul li a:hover{color:#fff;}
		#leftDataTop ul li a.on{color:#fff; text-decoration:underline;}
		#leftDataTop dl{width:100%; border:1px solid #dbdbdb;}
		#leftDataTop dl dt{background:#f9f9f9; padding:10px; text-align:left; overflow:hidden;}
		#leftDataTop dl dt a{display:inline-block; padding:4px; font-size:12px;}
		#leftDataTop dl dt a:link,
		#leftDataTop dl dt a:visitied{color:#666;}
		#leftDataTop dl dt a:hover{color:#000;}
		#leftDataTop dl dt a.on{color:#2d94fb; text-decoration:underline; font-weight:bold;}
		#leftDataTop dl dd {width:100%; overflow:hidden;}
		#leftDataTop dl dd table{width:100%;}
		#leftDataTop dl dd table thead th{height:24px; text-align:center; font-weight:normal; color:#444;  background:#f3f3f5; border-bottom:1px solid #dadadc; font-size:11px;}
		#leftDataTop dl dd table tbody th{color:#666; font-family:verdana; font-size:10px; border-bottom:1px solid #e5e5e5;}
		#leftDataTop dl dd table tbody tr.first th{color:#3a6dff;}
		#leftDataTop dl dd table tbody td{height:27px; text-align:center; border-bottom:1px solid #e5e5e5; color:#333; font-size:11px;}
		#leftDataTop dl dd table tbody tr.first td{font-weight:bold;}
		#leftDataTop dl dd table tbody tr:hover{background:#f3f3f5;}
		#leftDataTop dl dd table tbody td.left{text-align:left;}
		#leftDataTop dl dd a.more{height:40px; line-height:40px; display:block; clear:both; text-align:center; color:#000; font-weight:bold;}
		#leftDataTop dl dd a:hover.more{color:#2d94fb}


		#leftLanking{width:100%; margin-bottom:0px; overflow:hidden;}
		#leftLanking h2{width:100%; height:32px; line-height:32px; background:#003366; font-weight:bold; text-align:center; color:#fff; font-size:12px;}
		#leftLanking ul{width:100%; height:34px; line-height:33px; background:#194672; overflow:hidden; position:relative; text-align:center; border-bottom:1px solid #29537c;}
		#leftLanking ul li{display:inline;}
		#leftLanking ul li.prev{position:absolute; left:0px; top:0px; display:block;}
		#leftLanking ul li.next{position:absolute; right:0px; top:0px; display:block;}
		#leftLanking ul li a {display:inline-block; padding:0 2px; height:33px; line-height:33px; font-weight:bold; font-size:12px;}
		#leftLanking ul li a:link,
		#leftLanking ul li a:visited{color:#88a1b9;}
		#leftLanking ul li a:hover{color:#fff;}
		#leftLanking ul li a.on{color:#fff; text-decoration:underline;}
		#leftLanking dl{width:100%; border:1px solid #dbdbdb;}
		#leftLanking dl dt{background:#f9f9f9; padding:10px; text-align:left; overflow:hidden;}
		#leftLanking dl dt a{display:inline-block; padding:4px; font-size:12px;}
		#leftLanking dl dt a:link,
		#leftLanking dl dt a:visitied{color:#666;}
		#leftLanking dl dt a:hover{color:#000;}
		#leftLanking dl dt a.on{color:#2d94fb; text-decoration:underline; font-weight:bold;}
		#leftLanking dl dd {width:100%; overflow:hidden;}
		#leftLanking dl dd table{width:100%; border-top:2px solid #194672; }
		#leftLanking dl dd table thead th{height:24px; text-align:center; font-weight:normal; color:#444;  background:#f3f3f5; border-bottom:1px solid #dadadc; font-size:11px;}
		#leftLanking dl dd table tbody th{color:#666; font-family:verdana; font-size:10px; border-bottom:1px solid #e5e5e5;}
		#leftLanking dl dd table tbody tr.first th{color:#3a6dff;}
		#leftLanking dl dd table tbody td{height:27px; text-align:center; border-bottom:1px solid #e5e5e5; color:#333; font-size:11px;}
		#leftLanking dl dd table tbody tr.first td{font-weight:bold;}
		#leftLanking dl dd table tbody tr:hover{background:#f3f3f5;}
		#leftLanking dl dd table tbody td.left{text-align:left;}
		#leftLanking dl dd a.more{height:40px; line-height:40px; display:block; clear:both; text-align:center; color:#000; font-weight:bold;}
		#leftLanking dl dd a:hover.more{color:#2d94fb}

	#frame{float:right; height:auto; width:854px;}

/* 하단 ----- */
#footer{width:1200px; border-top:4px solid #e5e5e5; overflow:hidden; margin:30px auto 0  auto;}
#footer .ft_line{width:100%; height:42px; background:#f6f6f6; border:1px solid #e1e1e1; overflow:hidden;}
#footer .ft_line .ft_notice{float:left;}
#footer .ft_line .ft_notice dt{float:left; width:45px; height:42px; background:URL(../img/common/ico_notice_ft.gif) no-repeat right center;}
#footer .ft_line .ft_notice dd,#footer .ft_line .ft_notice dd ul li{float:left; height:42px; line-height:42px; color:#ccc; font-size:11px;}
#footer .ft_line .ft_notice dd ul li a{display:block; float:left; height:42px; line-height:42px; font-size:11px; padding:0 10px;}
#footer .ft_line .ft_notice dd ul li a:link,
#footer .ft_line .ft_notice dd ul li a:visited{color:#666;}
#footer .ft_line .ft_notice dd ul li a:hover{color:#000;}
#footer .ft_line .ft_app{float:right;}
#footer .ft_line .ft_app dt{float:left; color:#d7d7d7; font-family:verdana; font-size:11px; height:42px; line-height:42px; padding-right:10px;}
#footer .ft_line .ft_app dt b{color:#999;}
#footer .ft_line .ft_app dd{float:left; padding:2px 3px 0 0;}
#footer .ft_line .ft_app dd ul li{float:left; padding-left:2px;}

#footer .ft{width:100%; text-align:center; padding:25px; 0;}
#footer .ft .fnb{width:100%; text-align:center; padding-bottom:25px;}
#footer .ft .fnb li{display:inline; color:#ccc; font-size:11px;}
#footer .ft .fnb li a{display:inline-block; padding:0 15px; font-weight:bold;}
#footer .ft .fnb li a:link,
#footer .ft .fnb li a:visited{color:#666;}
#footer .ft .fnb li a:hover{color:#000;}
#footer .ft address{font-style:normal; color:#999; font-size:11px; padding-bottom:8px;}
#footer .ft address strong{color:#003366}
#footer .ft address u{text-decoration:none; color:#ccc; display:inline-block; padding:0 8px;}
#footer .ft p{color:#999; font-size:11px;}
#footer .ft b{font-family:verdana; font-size:8px;color:#cecece;display:block; text-align:center; padding:2px 0;}













#gnb.new{width:854px; height:88px; position:absolute; top:30px; right:0px; z-index:999; background:URL(../img/common/gnb10_2024.png) no-repeat 0px -88px;}
#gnb.new li.gnb51d{float:left; height:88px; position:relative;}
#gnb.new li.gnb1d a.gnb1a{display:block; float:left; width:100%; height:88px; overflow:hidden; background:URL(../img/common/gnb10_2024.png) no-repeat}
#gnb.new li:hover.gnb1d a.gnb1a{/* background:URL(../img/common/ico_gnbarr.gif) no-repeat center bottom */}
#gnb.new li.gnb1d a.on{filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
#gnb.new li:hover.gnb1d a.on{filter:Alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
#gnb.new li.gnb1d a.gnb1a b{display:block; position:absolute; top:-999px;}
#gnb.new li.gnb01{width:122px;}
#gnb.new li.gnb01 a.gnb1a{background-position:0px 0px;}
#gnb.new li.gnb02{width:122px;}
#gnb.new li.gnb02 a.gnb1a{background-position:-122px 0px;}
#gnb.new li.gnb03{width:122px;}
#gnb.new li.gnb03 a.gnb1a{background-position:-244px 0px;}
#gnb.new li.gnb04{width:122px;}
#gnb.new li.gnb04 a.gnb1a{background-position:-366px 0px;}
#gnb.new li.gnb05{width:122px;}
#gnb.new li.gnb05 a.gnb1a{background-position:-488px 0px;}
#gnb.new li.gnb06{width:122px;}
#gnb.new li.gnb06 a.gnb1a{background-position:-610px 0px;}
#gnb.new li.gnb07{width:122px;}
#gnb.new li.gnb07 a.gnb1a{background-position:-732px 0px;}





#gnb{width:854px; height:88px; position:absolute; top:30px; right:0px; z-index:999; background:URL(../img/common/gnb4.png) no-repeat 0px -88px;}
#gnb li.gnb1d{float:left; height:88px; position:relative;}
#gnb li.gnb1d a.gnb1a{display:block; float:left; width:100%; height:88px; overflow:hidden; background:URL(../img/common/gnb4.png) no-repeat}
#gnb li:hover.gnb1d a.gnb1a{background:URL(../img/common/ico_gnbarr.gif) no-repeat center bottom}
#gnb li.gnb1d a.on{filter:Alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;}
#gnb li:hover.gnb1d a.on{filter:Alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}
#gnb li.gnb1d a.gnb1a b{display:block; position:absolute; top:-999px;}
#gnb li.gnb01{width:165px;}
#gnb li.gnb01 a.gnb1a{background-position:0px 0px;}
#gnb li.gnb02{width:137px;}
#gnb li.gnb02 a.gnb1a{background-position:-165px 0px;}
#gnb li.gnb03{width:137px;}
#gnb li.gnb03 a.gnb1a{background-position:-302px 0px;}
#gnb li.gnb04{width:137px;}
#gnb li.gnb04 a.gnb1a{background-position:-439px 0px;}
#gnb li.gnb05{width:137px;}
#gnb li.gnb05 a.gnb1a{background-position:-576px 0px;}
#gnb li.gnb06{width:137px;}
#gnb li.gnb06 a.gnb1a{background-position:-713px 0px;}


#tl01-1 li{
	/*padding: 1px 0 !important;*/
}
#tl01-1 ul{
	padding: 8px 20px !important;
}


#tl02-6 .ico_live{
    top: 49px;
    margin-left: 57px;
}

.ico_live{
	width: 27px;
	height: 15px;
	background: yellow;
	font-weight: bold;
	font-size: 9px;
	line-height: 15px;
	text-align: center;
	position: absolute;
	border:1px solid black;
}

/* SCORELINE COMPATIBILITY BRIDGE */
@charset "utf-8";
/*
 * Scoreline / Livescore compatibility bridge 
 * The four supplied source CSS files are installed unchanged.
 * This file maps the current Scoreline/Gnuboard DOM to the 1200/336/854 layout.
 */
html.scoreline-full,
html.scoreline-full body {
    min-width: 1200px !important;
    background: #fff;
}
html.scoreline-full body {
    margin: 0 !important;
    overflow-x: auto !important;
    text-align: center !important;
    color: #666;
}
html.scoreline-full *,
html.scoreline-full *::before,
html.scoreline-full *::after { box-sizing: border-box; }

/* Header */
html.scoreline-full #header {
    width: 100% !important;
    min-width: 1200px !important;
    height: 123px !important;
    margin: 0 !important;
    border-bottom: 5px solid #003366 !important;
    background: #fff !important;
    overflow: visible !important;
}
html.scoreline-full #header_in {
    width: 1200px !important;
    height: 118px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 100 !important;
}
html.scoreline-full #header_in h1 {
    position: absolute !important;
    left: 0 !important;
    top: 30px !important;
    width: 345px !important;
    height: 88px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: hidden !important;
}
html.scoreline-full #header_in h1 > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 88px !important;
    gap: 9px !important;
    color: #10283f !important;
    background: #fff !important;
}
html.scoreline-full #header_in h1 > a::before {
    content: "";
    display: block;
    width: 7px;
    height: 54px;
    background: #ff8517;
    flex: 0 0 7px;
}
html.scoreline-full #header_in h1 > a > span,
html.scoreline-full #header_in h1 > a > strong {
    display: block !important;
    color: #10283f !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
html.scoreline-full #header_in h1 .sl-logo-sub {
    display: block !important;
    margin-top: 7px !important;
    color: #8493a3 !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
}
html.scoreline-full #tnb {
    width: 100% !important;
    height: 30px !important;
}
html.scoreline-full #gnb,
html.scoreline-full #gnb.new {
    display: flex !important;
    position: absolute !important;
    top: 30px !important;
    right: 0 !important;
    width: 854px !important;
    height: 88px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #003b70 !important;
    overflow: visible !important;
}
html.scoreline-full #gnb li.gnb1d,
html.scoreline-full #gnb.new li.gnb1d {
    float: none !important;
    width: 122px !important;
    min-width: 0 !important;
    height: 88px !important;
    border-left: 1px solid rgba(255,255,255,.17) !important;
    flex: 1 1 0 !important;
}
html.scoreline-full #gnb li.gnb1d:first-child { border-left: 0 !important; }
html.scoreline-full #gnb li.gnb1d > a.gnb1a,
html.scoreline-full #gnb.new li.gnb1d > a.gnb1a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    height: 88px !important;
    padding: 0 5px !important;
    background: none !important;
    color: #fff !important;
}
html.scoreline-full #gnb li.gnb1d > a.gnb1a b,
html.scoreline-full #gnb.new li.gnb1d > a.gnb1a b {
    display: block !important;
    position: static !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
html.scoreline-full #gnb li.gnb1d:hover > a.gnb1a { background: #184674 !important; }
html.scoreline-full #gnb li .gnbs {
    top: 88px !important;
    z-index: 999999 !important;
}
html.scoreline-full #rightAD { display: none !important; }

/* Top login/latest */
html.scoreline-full #conttop {
    display: block !important;
    position: relative !important;
    clear: both !important;
    width: 1200px !important;
    min-width: 1200px !important;
    height: 203px !important;
    margin: 0 auto !important;
    padding: 10px 0 0 !important;
    overflow: visible !important;
}
html.scoreline-full #conttop::after { content: ""; display: block; clear: both; }
html.scoreline-full #conttop > #login {
    float: left !important;
    width: 336px !important;
    height: 193px !important;
    margin: 0 !important;
    padding: 0 !important;
}
html.scoreline-full #conttop #logbox,
html.scoreline-full #conttop .sl-login-box {
    width: 334px !important;
    height: 193px !important;
    margin: 0 !important;
    border: 1px solid #e4e9f2 !important;
    background: #fbfcff !important;
}
html.scoreline-full #top_latest {
    float: right !important;
    position: relative !important;
    width: 854px !important;
    height: 193px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e4e9f2 !important;
    background: #fff !important;
    overflow: hidden !important;
}
html.scoreline-full #tl01_wrap { float: left !important; width: 363px !important; height: 193px !important; }
html.scoreline-full #tl02_wrap { float: right !important; width: 489px !important; height: 193px !important; }

/* Main two-column layout */
html.scoreline-full #container {
    display: block !important;
    position: relative !important;
    width: 1200px !important;
    min-width: 1200px !important;
    max-width: 1200px !important;
    min-height: 650px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 10px 0 15px !important;
    background: transparent !important;
    overflow: visible !important;
    text-align: left !important;
}
html.scoreline-full #container::after { content: ""; display: block; clear: both; height: 0; }
html.scoreline-full #container > .clb { display: none !important; }
html.scoreline-full #aside {
    float: left !important;
    position: relative !important;
    clear: none !important;
    width: 336px !important;
    min-width: 336px !important;
    max-width: 336px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    overflow: visible !important;
}
html.scoreline-full #frame {
    display: flow-root !important;
    float: right !important;
    position: relative !important;
    clear: none !important;
    width: 854px !important;
    min-width: 854px !important;
    max-width: 854px !important;
    height: auto !important;
    min-height: 650px !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    overflow: hidden !important;
    background: #fff !important;
}
html.scoreline-full #score_menu {
    float: none !important;
    clear: none !important;
    position: relative !important;
    width: 854px !important;
    height: 68px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 1px solid #e4e9f2 !important;
    border-top: 3px solid #e4e9f2 !important;
    overflow: hidden !important;
}
html.scoreline-full #score_menu ul {
    display: flex !important;
    width: 100% !important;
    height: 65px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}
html.scoreline-full #score_menu ul li {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 65px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid #eef1f5 !important;
    background: none !important;
}
html.scoreline-full #score_menu ul li:first-child { border-left: 0 !important; }
html.scoreline-full #score_menu ul li a {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 65px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    overflow: hidden !important;
}
html.scoreline-full #score_menu ul li a img {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    margin: 4px auto 0 !important;
    object-fit: contain !important;
}
html.scoreline-full #score_menu ul li a b,
html.scoreline-full #score_menu ul li:hover a b {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 2px !important;
    width: 100% !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #34495e !important;
    text-align: center !important;
    font-size: 11px !important;
    opacity: 1 !important;
}
html.scoreline-full #score_menu ul li:hover a b { color: #003366 !important; }
html.scoreline-full #score_menu ul li a u { top: 3px !important; right: 4px !important; }

html.scoreline-full #content_frame,
html.scoreline-full #frame > .sl-content-panel,
html.scoreline-full #frame > main,
html.scoreline-full #frame > .content {
    display: block !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
    width: 854px !important;
    min-width: 854px !important;
    max-width: 854px !important;
    min-height: 500px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
}
html.scoreline-full #content_frame.sl-content-panel {
    border: 1px solid #bfc8d3 !important;
    background: #fff !important;
}
html.scoreline-full #content_frame.sl-content-panel > h2 {
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    background: #343b42 !important;
    color: #fff !important;
    font-size: 13px !important;
}
html.scoreline-full #content_frame.sl-content-panel > ul { margin: 0 !important; padding: 18px !important; }
html.scoreline-full #content_frame.sl-content-panel > ul > li {
    min-height: 38px !important;
    line-height: 38px !important;
    border-bottom: 1px solid #e1e6ec !important;
}

/* Existing Scoreline WebSocket chat mapped to the left column */
html.scoreline-full #livechat {
    width: 334px !important;
    height: 518px !important;
    margin: 0 0 10px !important;
    border: 1px solid #d9e1eb !important;
    border-top: 3px solid #003b70 !important;
    background: #fff !important;
    overflow: hidden !important;
}
html.scoreline-full #chatting,
html.scoreline-full .sl-chat-widget,
html.scoreline-full .sl-livechat-box {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 332px !important;
    max-width: 332px !important;
    height: 515px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
}
html.scoreline-full .sl-livechat-title {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    background: #003b70 !important;
    color: #fff !important;
}
html.scoreline-full .sl-livechat-title strong { color: #fff !important; font-size: 13px !important; }
html.scoreline-full .sl-livechat-title .sl-livechat-count { margin-left: auto !important; color: #cfe7ff !important; }
html.scoreline-full .sl-livechat-title .sl-livechat-status { margin-left: 6px !important; color: #86d7a5 !important; font-size: 10px !important; }
html.scoreline-full .sl-livechat-tabs {
    display: flex !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    background: #194672 !important;
}
html.scoreline-full .sl-livechat-tabs button {
    flex: 1 1 0 !important;
    height: 34px !important;
    border: 0 !important;
    border-left: 1px solid #315b83 !important;
    background: transparent !important;
    color: #aec4d8 !important;
    font-size: 11px !important;
    cursor: pointer !important;
}
html.scoreline-full .sl-livechat-tabs button:first-child { border-left: 0 !important; }
html.scoreline-full .sl-livechat-tabs button.on { background: #0b365f !important; color: #fff !important; font-weight: 700 !important; }
html.scoreline-full .sl-livechat-notice,
html.scoreline-full .sl-livechat-online,
html.scoreline-full .sl-livechat-room-tools,
html.scoreline-full .sl-livechat-login-guide {
    width: 100% !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid #e4e9ef !important;
    color: #7a8794 !important;
    font-size: 10px !important;
    text-align: left !important;
}
html.scoreline-full .sl-chat-msgs {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 8px !important;
    overflow-y: auto !important;
    background: #fff !important;
    color: #556270 !important;
    text-align: left !important;
}
html.scoreline-full .sl-chat-input {
    display: flex !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 5px !important;
    border-top: 1px solid #dbe2ea !important;
    background: #f8fafc !important;
}
html.scoreline-full .sl-chat-input input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 32px !important;
    padding: 0 8px !important;
    border: 1px solid #cfd8e2 !important;
    background: #fff !important;
}
html.scoreline-full .sl-chat-input button {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 32px !important;
    margin-left: 5px !important;
    border: 0 !important;
    background: #1b7ede !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* Left advertisements/rankings */
html.scoreline-full #div_left {
    position: relative !important;
    clear: both !important;
    width: 336px !important;
    max-width: 336px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}
html.scoreline-full #iframe_left {
    display: block !important;
    width: 336px !important;
    height: auto !important;
    min-height: 0 !important;
    border: 0 !important;
}
html.scoreline-full .sl-rank-panels { width: 336px !important; }
html.scoreline-full .sl-rank-panel {
    width: 336px !important;
    margin: 0 0 10px !important;
    border: 1px solid #d5dde6 !important;
    background: #fff !important;
}
html.scoreline-full .sl-panel-head {
    position: relative !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 10px !important;
    background: #003b70 !important;
    color: #fff !important;
    font-weight: 700 !important;
}
html.scoreline-full .sl-panel-head .more { position: absolute !important; right: 10px !important; top: 0 !important; }
html.scoreline-full .sl-panel-head a { color: #fff !important; }
html.scoreline-full .sl-rank-list { padding: 5px 8px !important; }
html.scoreline-full .sl-rank-list > * { min-height: 28px !important; line-height: 28px !important; border-bottom: 1px solid #edf0f3 !important; }
html.scoreline-full .sl-attendance-check { display: block !important; height: 36px !important; line-height: 36px !important; text-align: center !important; border-top: 1px solid #e5e9ee !important; }

/* Member login */
html.scoreline-full #mb_login {
    width: 510px !important;
    max-width: 510px !important;
    margin: 70px auto 80px !important;
    text-align: left !important;
}
html.scoreline-full #mb_login .mbskin_box {
    padding: 34px !important;
    border: 1px solid #d8dde5 !important;
    background: #fff !important;
    box-shadow: none !important;
}
html.scoreline-full #mb_login h1 { margin: 0 0 20px !important; color: #003366 !important; font-size: 24px !important; text-align: center !important; }
html.scoreline-full #mb_login #login_fs { position: relative !important; padding-right: 112px !important; }
html.scoreline-full #mb_login #login_fs .frm_input {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    margin-bottom: 8px !important;
    padding: 0 12px !important;
    border: 1px solid #cfd5dd !important;
    background: #fff !important;
    color: #222 !important;
}
html.scoreline-full #mb_login #login_fs .btn_submit {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100px !important;
    height: 92px !important;
    border: 0 !important;
    background: #d71820 !important;
    color: #fff !important;
}
html.scoreline-full #mb_login #login_info { display: flex !important; justify-content: space-between !important; width: calc(100% + 112px) !important; margin-top: 12px !important; }

/* Footer */
html.scoreline-full #footer { width: 1200px !important; margin: 30px auto 0 !important; clear: both !important; }
html.scoreline-full .sl-mobile-overlay,
html.scoreline-full .sl-mobile-drawer { display: none !important; }

/* Dark mode */
html.dark.scoreline-full body,
html.dark.scoreline-full #frame,
html.dark.scoreline-full #content_frame,
html.dark.scoreline-full #frame > .sl-content-panel,
html.dark.scoreline-full #top_latest,
html.dark.scoreline-full #logbox,
html.dark.scoreline-full .sl-login-box,
html.dark.scoreline-full .sl-chat-widget,
html.dark.scoreline-full .sl-chat-msgs,
html.dark.scoreline-full .sl-rank-panel {
    background: #242525 !important;
    color: #d1ccc2 !important;
    border-color: #464948 !important;
}
html.dark.scoreline-full #score_menu ul,
html.dark.scoreline-full #score_menu ul li a { background: #363838 !important; }
html.dark.scoreline-full #score_menu ul li a b { color: #e5e0d8 !important; }

/* Do not affect administrator UI. */
body.g5_admin,
body.admin,
#adm_wrapper { min-width: 0 !important; }

@media (max-width: 1199px) {
    html.scoreline-full,
    html.scoreline-full body { min-width: 0 !important; }
    html.scoreline-full #header,
    html.scoreline-full #header_in,
    html.scoreline-full #conttop,
    html.scoreline-full #container,
    html.scoreline-full #footer {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
    html.scoreline-full #header { height: auto !important; }
    html.scoreline-full #header_in { height: auto !important; min-height: 100px !important; padding-top: 30px !important; }
    html.scoreline-full #header_in h1 { position: relative !important; top: auto !important; width: 100% !important; height: 66px !important; padding: 0 15px !important; }
    html.scoreline-full #header_in h1 > a { height: 66px !important; }
    html.scoreline-full #gnb,
    html.scoreline-full #gnb.new { position: relative !important; top: auto !important; right: auto !important; width: 100% !important; height: auto !important; overflow-x: auto !important; }
    html.scoreline-full #gnb li.gnb1d,
    html.scoreline-full #gnb.new li.gnb1d { flex: 0 0 122px !important; height: 56px !important; }
    html.scoreline-full #gnb li.gnb1d > a.gnb1a,
    html.scoreline-full #gnb.new li.gnb1d > a.gnb1a { height: 56px !important; }
    html.scoreline-full #conttop { height: auto !important; padding: 10px !important; }
    html.scoreline-full #conttop > #login,
    html.scoreline-full #top_latest { float: none !important; width: 100% !important; margin-bottom: 10px !important; }
    html.scoreline-full #container { display: flex !important; flex-direction: column !important; padding: 10px !important; }
    html.scoreline-full #frame,
    html.scoreline-full #aside { float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; }
    html.scoreline-full #frame { order: 1 !important; }
    html.scoreline-full #aside { order: 2 !important; margin-top: 12px !important; }
    html.scoreline-full #score_menu,
    html.scoreline-full #content_frame,
    html.scoreline-full #frame > .sl-content-panel,
    html.scoreline-full #frame > main,
    html.scoreline-full #frame > .content { width: 100% !important; min-width: 0 !important; max-width: none !important; }
}


/* SCORELINE DARK MODE COMPATIBILITY */
@charset "utf-8";
html.dark{background:#242525;color:#e5e0d8}
html.dark body{background:#252626;color:#e5e0d8}
html.dark .socre_relay,
html.dark .socre_relay_in,
html.dark .relay_menu,
html.dark .text_relay_wrap,
html.dark .ad_area01,
html.dark .view_writer_info02,
html.dark .view_writer_info,
html.dark #nav_bar,
html.dark .header__team,
html.dark .contents__wrap,
html.dark .contents__wrap table tbody tr:nth-child(even),
html.dark .pvs_graph div,
html.dark .trend_wrap,
html.dark .bottom__ad div,
html.dark .btnSection,
html.dark .topVSarWrap,
html.dark .secLRgp,
html.dark .secTbl,
html.dark .score_tbl_individual:hover thead th,
html.dark .score_tbl_individual .text_relay b,
html.dark .text_relay.starter,
html.dark .tbl_head01 thead th,
html.dark #bo_cate li a,
html.dark #bo_cate .on,
html.dark #bo_cate #bo_cate_on{background:#242525;color:#d1ccc2}
html.dark .secTblLR,
html.dark .secTblLR table tbody td,
html.dark .mbi_wrap,
html.dark .market_wrap ul li a.link,
html.dark .content .header ul,
html.dark .relay_score,
html.dark .DoughnutGraphWrap,
html.dark #bo_gall .gall_li .gall_cont{background:#242525;color:#d1ccc2;border:1px solid #464948}
html.dark .contents__wrap table .team_name,
html.dark .score_tbl_basic thead tr,
html.dark .contents__title div:nth-child(1),
html.dark .text__main_color,
html.dark .team__rival .red,
html.dark .h2b,
html.dark .secLRgp table tbody th,
html.dark .view_head h1,
html.dark .view_head h1 b,
html.dark .view_comment h2 strong,
html.dark .view_writer_info02 dl dt strong{color:white!important}
html.dark .contents__wrap .contents__title{border-bottom:4px solid white!important}
html.dark #header,
html.dark .mbi_wrap .mbi .market_buy_info .buy_exp div .be_bg,
html.dark #gnb{background:#414444}
html.dark .score_tbl_individual th,
html.dark .score_tbl_individual td,
html.dark .score_tbl_individual th a,
html.dark .score_tbl_individual th a.on,
html.dark .score_tbl_individual .quarter_tab table th{background:#363838;border-color:#464948}
html.dark #score_top .tab_ar li.tab a{background:#2a2c2c;color:#e5e0d8}
html.dark .score_tbl_individual .teaminfo strong,
html.dark .score_tbl_individual .reague,
html.dark a:link,html.dark a:visited,
html.dark #nav_bar ul li a,
html.dark .score_tbl_individual table thead th,
html.dark .score_tbl_individual th{color:#e5e0d8}
html.dark .score_tbl_individual table td,
html.dark .score_tbl_individual table tbody td,
html.dark .score_tbl_individual table th,
html.dark .score_tbl_st1 table td{background:#363838;color:#d1ccc2;border:1px solid #464948}
html.dark .my_contents_btn img,
html.dark #leftDataTop ul li img,
html.dark #leftLanking ul li img{filter:invert(.9) hue-rotate(180deg)}
.darkmode ._team_img{background:white;border-radius:10px;padding:2px}
.darkmodeButton.theme-switch-wrapper{position:fixed;bottom:15px;right:45px;z-index:1000001}
.darkmodeButton.installed{left:120px}
.darkmodeButton .theme-switch{position:relative;display:inline-block;width:80px;height:30px}
.darkmodeButton .theme-switch input{opacity:0;width:0;height:0}
.darkmodeButton .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}
.darkmodeButton .slider:before{position:absolute;content:"";height:20px;width:20px;left:7px;bottom:5px;background-color:white;transition:.4s;border-radius:50%}
.darkmodeButton input:checked + .slider{background-color:#1b94e7}
.darkmodeButton input:checked + .slider:before{transform:translateX(50px)}
.darkmodeButton .icons{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px}
.darkmodeButton .sun-icon,.darkmodeButton .moon-icon{font-size:18px;color:#fff}
.darkmodeButton input:checked + .slider .sun-icon{display:none}
.darkmodeButton input:not(:checked) + .slider .moon-icon{display:none}
html.dark .ing_0b{background:url(/img/score/baseball/0b_g.png) no-repeat right center}
html.dark .ing_1b{background:url(/img/score/baseball/1b_g.png) no-repeat right center}
html.dark .ing_2b{background:url(/img/score/baseball/2b_g.png) no-repeat right center}
html.dark .ing_3b{background:url(/img/score/baseball/3b_g.png) no-repeat right center}
html.dark .ing_1b2b{background:url(/img/score/baseball/1b2b_g.png) no-repeat right center}
html.dark .ing_1b3b{background:url(/img/score/baseball/1b3b_g.png) no-repeat right center}
html.dark .ing_2b3b{background:url(/img/score/baseball/2b3b_g.png) no-repeat right center}
html.dark .ing_1b2b3b{background:url(/img/score/baseball/1b2b3b_g.png) no-repeat right center}