@charset "euc-kr";

/* global */
.fl {float:left !important;}
.fr {float:right !important;}
.cbo {clear:both;}

.point01 {color:#1a4d99 !important;} /* blue */
.point02 {color:#375e88 !important;} /* dark blue */
.point03 {color:#c50f53 !important;} /* red */

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.vtop {vertical-align:top;}
.vmid{vertical-align:middle;}
.vbott{vertical-align:bottom;}

/*padding*/
.p0 {padding:0 !important;}
.p1 {padding:1px !important;}
.p2 {padding:2px !important;}
.p3 {padding:3px !important;}
.p4 {padding:4px !important;}
.p5 {padding:5px !important;}
.p6 {padding:6px !important;}
.p7 {padding:7px !important;}
.p8 {padding:8px !important;}
.p9 {padding:9px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}
.p35 {padding:35px !important;}
.p40 {padding:40px !important;}
.p45 {padding:45px !important;}
.p50 {padding:50px !important;}

.pT0 {padding-top:0 !important;}
.pT1 {padding-top:1px !important;}
.pT2 {padding-top:2px !important;}
.pT3 {padding-top:3px !important;}
.pT4 {padding-top:4px !important;}
.pT5 {padding-top:5px !important;}
.pT6 {padding-top:6px !important;}
.pT7 {padding-top:7px !important;}
.pT8 {padding-top:8px !important;}
.pT9 {padding-top:9px !important;}
.pT10 {padding-top:10px !important;}
.pT15 {padding-top:15px !important;}
.pT20 {padding-top:20px !important;}
.pT25 {padding-top:25px !important;}
.pT30 {padding-top:30px !important;}
.pT35 {padding-top:35px !important;}
.pT40 {padding-top:40px !important;}
.pT45 {padding-top:45px !important;}
.pT50 {padding-top:50px !important;}

.pR0 {padding-right:0 !important;}
.pR1 {padding-right:1px !important;}
.pR2 {padding-right:2px !important;}
.pR3 {padding-right:3px !important;}
.pR4 {padding-right:4px !important;}
.pR5 {padding-right:5px !important;}
.pR6 {padding-right:6px !important;}
.pR7 {padding-right:7px !important;}
.pR8 {padding-right:8px !important;}
.pR9 {padding-right:9px !important;}
.pR10 {padding-right:10px !important;}
.pR15 {padding-right:15px !important;}
.pR20 {padding-right:20px !important;}
.pR25 {padding-right:25px !important;}
.pR30 {padding-right:30px !important;}
.pR35 {padding-right:35px !important;}
.pR40 {padding-right:40px !important;}
.pR45 {padding-right:45px !important;}
.pR50 {padding-right:50px !important;}

.pB0 {padding-bottom:0 !important;}
.pB1 {padding-bottom:1px !important;}
.pB2 {padding-bottom:2px !important;}
.pB3 {padding-bottom:3px !important;}
.pB4 {padding-bottom:4px !important;}
.pB5 {padding-bottom:5px !important;}
.pB6 {padding-bottom:6px !important;}
.pB7 {padding-bottom:7px !important;}
.pB8 {padding-bottom:8px !important;}
.pB9 {padding-bottom:9px !important;}
.pB10 {padding-bottom:10px !important;}
.pB15 {padding-bottom:15px !important;}
.pB20 {padding-bottom:20px !important;}
.pB25 {padding-bottom:25px !important;}
.pB30 {padding-bottom:30px !important;}
.pB35 {padding-bottom:35px !important;}
.pB40 {padding-bottom:40px !important;}
.pB45 {padding-bottom:45px !important;}
.pB50 {padding-bottom:50px !important;}

.pL0 {padding-left:0 !important;}
.pL1 {padding-left:1px !important;}
.pL2 {padding-left:2px !important;}
.pL3 {padding-left:3px !important;}
.pL4 {padding-left:4px !important;}
.pL5 {padding-left:5px !important;}
.pL6 {padding-left:6px !important;}
.pL7 {padding-left:7px !important;}
.pL8 {padding-left:8px !important;}
.pL9 {padding-left:9px !important;}
.pL10 {padding-left:10px !important;}
.pL15 {padding-left:15px !important;}
.pL20 {padding-left:20px !important;}
.pL25 {padding-left:25px !important;}
.pL30 {padding-left:30px !important;}
.pL35 {padding-left:35px !important;}
.pL40 {padding-left:40px !important;}
.pL45 {padding-left:45px !important;}
.pL50 {padding-left:50px !important;}

/*margin*/
.m0 {margin:0 !important;}
.m1 {margin:1px !important;}
.m2 {margin:2px !important;}
.m3 {margin:3px !important;}
.m4 {margin:4px !important;}
.m5 {margin:5px !important;}
.m6 {margin:6px !important;}
.m7 {margin:7px !important;}
.m8 {margin:8px !important;}
.m9 {margin:9px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
.m35 {margin:35px !important;}
.m40 {margin:40px !important;}
.m45 {margin:45px !important;}
.m50 {margin:50px !important;}

.mT0 {margin-top:0 !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}
.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}
.mT40 {margin-top:40px !important;}
.mT45 {margin-top:45px !important;}
.mT50 {margin-top:50px !important;}

.mR0 {margin-right:0 !important;}
.mR1 {margin-right:1px !important;}
.mR2 {margin-right:2px !important;}
.mR3 {margin-right:3px !important;}
.mR4 {margin-right:4px !important;}
.mR5 {margin-right:5px !important;}
.mR6 {margin-right:6px !important;}
.mR7 {margin-right:7px !important;}
.mR8 {margin-right:8px !important;}
.mR9 {margin-right:9px !important;}
.mR10 {margin-right:10px !important;}
.mR15 {margin-right:15px !important;}
.mR20 {margin-right:20px !important;}
.mR25 {margin-right:25px !important;}
.mR30 {margin-right:30px !important;}
.mR35 {margin-right:35px !important;}
.mR40 {margin-right:40px !important;}
.mR45 {margin-right:45px !important;}
.mR50 {margin-right:50px !important;}

.mB0 {margin-bottom:0 !important;}
.mB1 {margin-bottom:1px !important;}
.mB2 {margin-bottom:2px !important;}
.mB3 {margin-bottom:3px !important;}
.mB4 {margin-bottom:4px !important;}
.mB5 {margin-bottom:5px !important;}
.mB6 {margin-bottom:6px !important;}
.mB7 {margin-bottom:7px !important;}
.mB8 {margin-bottom:8px !important;}
.mB9 {margin-bottom:9px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.mB20 {margin-bottom:20px !important;}
.mB25 {margin-bottom:25px !important;}
.mB30 {margin-bottom:30px !important;}
.mB35 {margin-bottom:35px !important;}
.mB40 {margin-bottom:40px !important;}
.mB45 {margin-bottom:45px !important;}
.mB50 {margin-bottom:50px !important;}

.mL0 {margin-left:0 !important;}
.mL1 {margin-left:1px !important;}
.mL2 {margin-left:2px !important;}
.mL3 {margin-left:3px !important;}
.mL4 {margin-left:4px !important;}
.mL5 {margin-left:5px !important;}
.mL6 {margin-left:6px !important;}
.mL7 {margin-left:7px !important;}
.mL8 {margin-left:8px !important;}
.mL9 {margin-left:9px !important;}
.mL10 {margin-left:10px !important;}
.mL15 {margin-left:15px !important;}
.mL20 {margin-left:20px !important;}
.mL25 {margin-left:25px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}

/* GNB */
#gnb {position:relative; padding:0; margin:10px 0 0;}
#gnb ul.depth01 {overflow:hidden;}
#gnb ul.depth01 > li {float:left; background:url(../img/common/barGnb.gif) right 3px no-repeat;}
#gnb ul.depth01 > li > a {display:block; height:42px; padding:0 31px 0 30px; font-size:15px; font-weight:700; color:#444; text-decoration:none;}
#gnb ul.depth01 > li:last-child {background:none;}
#gnb ul.depth01 > li.active > a {background:url(../img/common/gnbTicker.gif) center bottom no-repeat;}
#gnb ul.depth01 > li:first-child > a {background:none;}

/* Sub menu ³ªÅ¸³ª´Â À§Ä¡ : ÁÂÃø±âÁØ */
#gnb ul.depth01 > li.menu02 ul.depth02 {left:174px;}
#gnb ul.depth01 > li.menu03 ul.depth02 {left:174px;}
#gnb ul.depth01 > li.menu04 ul.depth02 {left:280px;}
#gnb ul.depth01 > li.menu05 ul.depth02 {right:10px;}

#gnb ul.depth01 > li ul.depth02 {display:none; overflow:hidden; position:absolute; top:41px;}
#gnb ul.depth01 > li.active ul.depth02 {display:block;}
#gnb ul.depth01 > li ul.depth02 li {float:left; background:#70a554;}
#gnb ul.depth01 > li ul.depth02 li a {height:33px; padding:0 15px; font-size:12px; line-height:33px; color:#ffffff;}
#gnb ul.depth01 > li ul.depth02 li:first-child a {padding-left:30px; color:#ffffff;}
#gnb ul.depth01 > li ul.depth02 li:last-child a {padding-right:30px; color:#ffffff;}
#gnb ul.depth01 > li ul.depth02 li.on a {font-weight:bold; color:#f4e932;}
#gnb ul.depth01 > li ul.depth02 li a:hover {font-weight:bold; color:#f4e932;}

/* LayerPopup */
.deemLayer {position:fixed; _position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.layerPopup {display:none; overflow:hidden; position:absolute; top:0; left:0; z-index:1001; width:100%; max-width:710px;}
.layerPopup .inner {overflow:hidden; position:relative; height:100%; padding-bottom:20px; background:#ffffff;}
.layerPopup .inner a.btnClose {display:block; position:absolute; z-index:1002; top:0; right:0; width:13px; height:13px; padding:11px 10px; text-align:center; background:url(../img/common/btnClose01.png) center center no-repeat; background-size:13px auto;}
.layerPopup .inner .headBox {overflow:hidden;}
.layerPopup .inner .headBox h1 {height:15px; padding:10px; font-size:14px; line-height:15px; font-weight:600; color:#ffffff; background:#2a2a2a;}
.layerPopup .inner .headBox .teamInfo {padding:5px 10px;}
.layerPopup .inner .headBox .teamInfo img {vertical-align:middle; border:1px solid #e1e1e1;}
.layerPopup .inner .headBox .teamInfo strong {padding:0 8px; vertical-align:middle; font-size:14px; color:#333333;}
.layerPopup .inner .headBox .teamInfo span {vertical-align:middle; font-size:12px; font-weight:bold; color:#e34d4d;}
.layerPopup .inner .conBox {border-top:1px solid #bababa;}

.layerPopup .inner .conBox .roundScore {position:relative; padding:5px 10px;}
.layerPopup .inner .conBox .roundScore h2 {height:30px; padding:0; font-size:14px; line-height:30px; color:#555555;}
.layerPopup .inner .conBox .roundScore .selBoxWrap {top:5px; right:10px;}
.layerPopup .inner .conBox .roundScore .gameBox {overflow:hidden; clear:both; padding:0; margin-top:10px;}
.layerPopup .inner .conBox .roundScore .gameBox .roundCount {width:100%; padding:5px; border:1px solid #525252; text-align:center; font-size:14px; font-weight:bold; color:#ffffff; background:#5d5d5d;}
.layerPopup .inner .conBox .roundScore .gameBox table {width:100%;text-align:center; font-size:14px; line-height:130%; color:#555555; background:#ffffff;}
.layerPopup .inner .conBox .roundScore .gameBox table thead tr th {height:24px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-weight:bold; background:none;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr td, .layerPopup .inner .conBox .roundScore .gameBox table tbody tr th {padding:5px; border-bottom:1px solid #dddddd; font-weight:bold;}
.layerPopup .inner .conBox .roundScore .gameBox table thead tr th:nth-child(1), .layerPopup .inner .conBox .roundScore .gameBox table tbody tr td:nth-child(1) {width:8%;}
.layerPopup .inner .conBox .roundScore .gameBox table thead tr th:nth-child(2), .layerPopup .inner .conBox .roundScore .gameBox table tbody tr td:nth-child(2) {width:42%;}
.layerPopup .inner .conBox .roundScore .gameBox table thead tr th:nth-child(3), .layerPopup .inner .conBox .roundScore .gameBox table tbody tr td:nth-child(3) {width:8%; padding:5px 0;}
.layerPopup .inner .conBox .roundScore .gameBox table thead tr th:nth-child(4), .layerPopup .inner .conBox .roundScore .gameBox table tbody tr td:nth-child(4) {width:42%;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr td.verse {width:100px; color:#108bb7;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.goal.not {display:none;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.goal th {padding:5px; background:#fafafa;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.goal td {padding:5px; font-weight:normal; background:#fafafa;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.goal td span {color:#e34d4d;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr td.home {text-align:right;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr td.away {text-align:left;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.result td.home span {float:right; width:auto; vertical-align:middle; line-height:53px;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.result td.away span {float:left; width:auto; vertical-align:middle; line-height:53px;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.result td.home img {float:left;}
.layerPopup .inner .conBox .roundScore .gameBox table tbody tr.result td.away img {float:right;}

/* Mobile */
@media all and (max-width:767px){
	/* GNB */
	#gnb ul.depth01 > li {background:url(../img/common/barGnb.gif) right center no-repeat;}
	#gnb ul.depth01 > li > a {height:40px; padding:0; background:none;}
	#gnb ul.depth01 > li.active > a {height:37px; border-bottom:3px solid #03835b; background:none;}
	#gnb ul.depth01 > li:first-child > a {background:none;}

	#gnb ul.depth01 > li ul.depth02 {display:none;}
	#gnb ul.depth01 > li.active ul.depth02 {display:none;}

	ul.mSub > li {display:none;}
	ul.mSub > li.active {display:block;}
	ul.mSub > li ul.depth02 {overflow:hidden;}
	ul.mSub > li ul.depth02 li {float:left; width:24.66%; margin-right:0.33%; margin-bottom:1px; background:#fff;}
	ul.mSub > li ul.depth02 li:nth-child(4n) {width:25%; margin-right:0;}
	ul.mSub > li ul.depth02 li a {display:block; height:30px; text-align:center; font-size:12px; line-height:30px; font-weight:bold; color:#333;}
	ul.mSub > li ul.depth02 li.on {background:#70a554;}
	ul.mSub > li ul.depth02 li.on a {color:#fff;}

	.layerPopup .inner .conBox .roundScore .gameBox .roundCount {font-size:12px;}
	.layerPopup .inner .conBox .roundScore .gameBox table {font-size:12px;}

}