@charset "utf-8";

/* Reset */
*{margin:0; padding:0}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike,
strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0;}
body {font-size:1em; font-family:'SF-Compact',Nanum Barun Gothic,Helvetica,"돋움",Dotum,AppleGothic,Sans-serif; line-height:1;color:#888;text-transform: capitalize ;font-weight: 400;}
html,body {height:100%;}
@font-face{
	font-family:"SF-Compact";
	src:url('../font/SF-Compact-Text-Regular.eot');
	src:url('../font/SF-Compact-Text-Regular.eot') format('embedded-opentype'),
	url('../font/SF-Compact-Text-Regular.woff') format('woff'),
	url('../font/SF-Compact-Text-Regular.ttf') format('truetype');
	src:local(※), url('../font/SF-Compact-Text-Regular.woff') format('woff');
}
@font-face{
	font-family:"SF-Compact-bold";
	src:url('../font/SFCompactText-Heavy.eot');
	src:url('../font/SFCompactText-Heavy.eot?#iefix') format('embedded-opentype'),
	url('../font/SFCompactText-Heavy.woff') format('woff'),
	url('../font/SFCompactText-Heavy.ttf') format('truetype');
	src:local(※), url('../font/SFCompactText-Heavy.woff') format('woff');
}

img,fieldset{border:0; border-style:none;}
ul,ol,li {list-style:none}
caption,legend {visibility:hidden; height:0; font-size:0; line-height:0; width:0; overflow:hidden; text-align:left}
table {border-collapse:collapse}
hr {display:none}
h1,h2,h3,h4,h5,h6 {font-weight: 400;}

select { appearance: none; -webkit-appearance: none;}
select::-ms-expand { display:none; }





/* html5 요소 정의 */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block}

/* link */
a:link, a:visited {color:#444; text-decoration:none;border:0; border-style:none;}
a:active,a:hover,a:focus {color:#444; text-decoration:none}


#my-iframe {display:block;border:none;height:100vh;}


/* color */
.red {color:#ed3737 !important;}
.red>a {color:#c00000 !important;}
.red02 {color:#c00000 !important;}
.blue {color:#2eb2fd !important;}
.green {color:#4c7f58 !important;}
.green2 {color:#004444 !important;}
.gray {color:#aaa !important;}
.gray2 {color:#888 !important;}
.gray3 {color:#444 !important;}

/* position */
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.pr5 {padding-right:5px !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;}
.pr40 {padding-right:40px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pb5 {padding-bottom:5px !important;}
.ml10 {margin-left:10px !important;}
.mr10 {margin-right:10px !important;}
.mt5 {margin-top:5px !important;}
.mt15 {margin-top:15px !important;}
.mt-5 {margin-top:-5px !important;}
.mt-10 {margin-top:-10px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml40 {margin-left:40px !important;}
.pt30 {padding-top:30px;}
.pt50 {padding-top:50px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.normal {font-weight:normal !important;}
.underline {text-decoration:underline;}
.bb {border-bottom:1px solid #eee;}
/*decoration*/
.normal {font-weight: normal !important;}
.bold {font-family: SF-Compact-bold !important;}
.upper {text-transform: uppercase !important;}/*대문자*/
.lower {text-transform: lowercase !important;}/*소문자*/
.transN {text-transform: none !important;}/*그대로*/

/* title */
h3.h301 {color:#4c7f58;font-size: 0.75em;text-align: center;line-height: 24px;height: 24px;padding-top:1px;display: block;cotent:""; clear: both;position: relative;border-bottom: 1px solid #bad6c1;margin-bottom:5px;font-family: SF-Compact-bold;font-weight: 400;}
h3.h301 > span {line-height:24px;background: #fff; display: inline-block;padding:0 8px;position: relative;z-index: 1;font-weight: 400;}
h3.h301::before {display: block;content: "";width: 100%;height: 2px;background: #bad6c1;position: absolute;bottom:-1px;left:0;}



/* position */
.float_left {float:left;}
.float_right {float:right;}
.clear {clear:both;display: block;content: "";}


/*iframe*/
iframe {border:none;}


/*input*/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  display: inline-block;
  width   : 0;
  margin  : 0;
  padding : 0;
  opacity : 0;
}




/*------------------ table ------------------ */
table {width: 100%;}
table th {line-height: 20px;height: 20px;text-align: center;font-weight: normal;color:#666;font-size:0.75em;}
table td {line-height: 20px;height: 20px;text-align: center;font-size:0.75em;}
table td .teamNM {width: 130px;height: 15px;display:block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
table tr.fs06 th,table tr.fs06 td {font-size:0.6em;}
table tr.left th,table tr.left td {text-align: left;}


table tr.h30 > th {line-height: 30px;}

table .topth {background: #4c7f58;color:#fff;height: 20px;}
table .topth02 {background: #ddd;height: 20px;}
.th_left {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.th_right {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

table span.country img {height:18px ;vertical-align: middle;margin-right:5px;display: inline-block;}

table.table01 tbody tr:nth-of-type(even) td { background: #f7f7f7;line-height:20px; }

table.table03 td {height:15px;line-height: 15px;}
table.table03 tbody tr:nth-of-type(3n-2) td {padding-top:5px;border-top:1px solid #eee;}
table.table03 tbody tr:nth-of-type(3n) td {padding-bottom:5px;}




.green_btn,.gray_btn {display: inline-block;position: relative;}
.green_btn > a,.gray_btn > a {color:#fff;}
.green_btn+.gray_btn {margin-left:4px;}
.green_btn::before,.gray_btn::before {display: inline-block;content:""; background: url("../image/base/btn_img.png") no-repeat;height: 9px;width: 9px;position: absolute;left:0;bottom:0;background-size: cover;}
.green_btn::after,.gray_btn::after {display: inline-block;content:""; background: url("../image/base/btn_img.png") no-repeat;height: 9px;width: 9px;position: absolute;right:0;top:0;background-size: cover;}
a.green_btn {display: inline-block;background: #4c7f58;border-radius: 4px;height: 20px;line-height: 20px;font-size: 0.6em;text-align: center;width: 132px;font-family: SF-Compact-bold;color: #fff; text-transform: uppercase;}
.gray_btn {display: inline-block;background: #999;border-radius: 4px;height: 20px;line-height: 20px;text-align: center;width: 115px;font-family: SF-Compact-bold;color: #fff;}
a.gray_btn2 {width: 132px;background: #666;color:#fff;text-transform: uppercase;}
.gray_btn3 {display: block;width: 172px;background: #aaa;color:#fff;text-transform: uppercase;margin:10px auto 0;}


.gbg {display: inline-block;border-radius: 4px;line-height: 25px;margin-bottom:4px;background : rgba(238, 238, 238, 1);color:#444;width: 50px;text-align: center;font-family: SF-Compact-bold;font-size: 0.6em;}

.ybg {display: inline-block;border-radius: 4px;background : rgba(221, 221, 221, 1);animation: ybg_backColor 3s 1;text-align: center;}
@keyframes ybg_backColor{
        from{
            background : rgba(255, 233, 157, 1);
        }to{
            background : rgba(221, 221, 221, 1);
        }
    }
.FTbg {background : #4c7f58;color:#fff;}




/* select */
.selectBox {position: relative;height: 20px;font-size: 11px;}
.select01 {background: none;border:1px solid #fff;border-radius: 4px;color:#fff;font-weight: normal;line-height: 18px;height: 18px;position: absolute;top:0;background: #4c7f58 url("../image/base/arrow.png") no-repeat right 7px;background-size: 11px; padding: 0 17px 0 5px;font-size: 12px; font-family:SF-Compact; }
.select02 {background: none;border:1px solid #bad6c1;border-radius: 4px;color:#4c7f58;font-weight: normal;line-height: 20px;height: 20px;position: absolute;background: #fff url("../image/base/arrow.png") no-repeat right -42px;background-size: 11px; padding: 0 20px 0 10px;font-size: 12px;font-family:SF-Compact; }


/* search */
.search {border: 1px solid #bad6c1;background: #fff;height: 18px;position: absolute;right:0;top:0;border-radius: 4px;overflow: hidden;}
.search input[type="text"] {width: 110px;padding: 0 0 0 10px;color: #888;font-family: SF-Compact;border: none;margin: 0;height: 18px;display: block;}
.search input[type="submit"] {position: absolute;right: 0px;top: 0px;margin: 0;width: 25px;height: 18px;background: #4c7f58 url(../image/base/icon.png) no-repeat -134px -22px;background-size: 220px; border: none;display:block;font-size: 0;cursor: pointer;vertical-align: top;border-radius: 0;}
a.btn_write {display: inline-block;background: #4c7f58;height:20px;line-height: 20px; width:60px;color: #fff;position:absolute;right:0;top:0;text-align: center;border-radius: 4px;}
a.btn_write span {display: inline-block;border-bottom:1px solid #fff;height:15px;font-size: 13px;}
a.btn_write span::before {display: inline-block;width: 10px;height: 10px;content: "";background: url("../image/base/icon.png") no-repeat -176px -22px;background-size: 220px;margin-right:3px;}

/* box */
.box_wrap {position:relative;}
.box_wrap > div {float:left;width: 383px;}
.box_wrap > div:nth-of-type(even) {float:right;}
.box01 { padding:0 5px 10px;background: #fff;position:relative;}
.box01 table {border:none;}
.box01 table:nth-last-of-type(1),ul[class^="tab"] > li > div > table:nth-last-of-type(1) {border-bottom:1px solid #eee;}

/*팝업*/
.bg_black.on {background: #000;width: 100%;height: 100%;position: absolute;left:0;top:0;opacity: .5;}
.pop_back {position:fixed;left:0;top:0;width: 100%;height: 100%;z-index:8; display: none;}
.pop_back.block {background: #000;opacity: 0.5;}
.pop {position: absolute;left:-1px;background: #fff;border:1px solid #bbb;padding:10px;display: none;z-index:8;}
.pop::before {position:fixed;left:0;top:0;width: 100%;height: 100%;z-index:8; display: none;}
.pop > table {width: 798px;}
.pop > .arw_tb {height: 10px;width: 100%;background: #fff url("../image/base/arrow.png") no-repeat center -1017px;}




/*------------------- 탭 -------------------*/


ul[class^=tab] {position: relative;}
ul[class^=tab]::before {content: "";display: inline-block;width: 100%;height:26px;position: absolute;}
ul[class^=tab] > li {position: absolute;width: 100%;}
ul[class^=tab] > li > h4 {display: inline-block;position: absolute;text-align: center;font-weight: normal;cursor: pointer;z-index: 2;top:0;color:#999;}
ul[class^=tab] > li.on > h4 {left:0;color:#4c7f58;}
ul[class^=tab] > li > div { position: relative;z-index: 0;background: #fff;}
ul[class^=tab] > li.on > div {z-index: 1;}


/*
ul.tab02 {position: relative;}
ul.tab02 > li {position: absolute;width: 100%;}
ul.tab02 > li > h4 {display: block; width: auto;background: #bbb;color:#fff;line-height: 20px;border-radius: 4px;position: absolute;text-align: center;font-size:0.6em;font-weight: normal;cursor: pointer;top:0;z-index: 1;}
ul.tab02 > li.on > h4 {background: #4c7f58;color:#fff;font-family: SF-Compact-bold;}
ul.tab02 > li > div {background: #fff; margin-top:20px;display: none;position: relative;}
ul.tab02 > li.on > div {display: block;}
ul.tab02 > li > div table {border:none;}*/

ul.tab02 {position: relative;}
ul.tab02 > li {position: absolute;width: 100%;}
ul.tab02 > li > h4 {display: block; width: 18%;background: #fff;color:#4c7f58;line-height: 18px;position: absolute;text-align: center;font-size:10px;font-weight: normal;cursor: pointer;top:0;left:0;z-index: 1;margin:5px 0; border:1px solid #bad6c1; border-radius: 4px; text-transform: uppercase; }
ul.tab02 > li:nth-of-type(1) > h4 {left:0;}
ul.tab02 > li:nth-of-type(2) > h4 {left:20%;}
ul.tab02 > li:nth-of-type(3) > h4 {left:40%;}
ul.tab02 > li:nth-of-type(4) > h4 {left:60%;}
ul.tab02 > li:nth-of-type(5) > h4 {left:80%;}
ul.tab02 > li.on > h4 {background: #4c7f58;color:#fff;}
ul.tab02 > li > div {background: #fff; margin-top:35px;position: relative;display: none;}
ul.tab02 > li.on > div {display: block;}
ul.tab02 > li > div table {border:none;}

ul.tab02_1 > li > h4 {width:32%;}
ul.tab02_1 > li:nth-of-type(1) > h4 {left:0;}
ul.tab02_1 > li:nth-of-type(2) > h4 {left:33.5%;}
ul.tab02_1 > li:nth-of-type(3) > h4 {left:67%;}

/* Swiper 탭 */
ul.tab_Swiper {position: relative;}
ul.tab_Swiper > li {position: absolute;width: 100%;}
ul.tab_Swiper > li > h4 {display: block; width: 18%;background: #fff;color:#4c7f58;line-height: 18px;position: absolute;text-align: center;font-size:0.6em;font-weight: normal;cursor: pointer;top:0;left:0;z-index: 1;margin:0 -1px;border:1px solid #bad6c1;border-radius: 4px;}
ul.tab_Swiper > li:nth-of-type(1) > h4 {left:0;}
ul.tab_Swiper > li:nth-of-type(2) > h4 {left:20%;}
ul.tab_Swiper > li:nth-of-type(3) > h4 {left:40%;}
ul.tab_Swiper > li:nth-of-type(4) > h4 {left:60%;}
ul.tab_Swiper > li:nth-of-type(5) > h4 {left:80%;}
ul.tab_Swiper > li.on > h4 {background: #4c7f58;color:#fff;font-family: SF-Compact-bold;}
ul.tab_Swiper > li > div {background: #fff; margin-top:25px;position: relative;visibility: hidden;}
ul.tab_Swiper > li.on > div {visibility: visible;}
ul.tab_Swiper > li > div table {border:none;}


/* 제목과 내용이 분리된 탭 */
.tabSet {border:1px solid #bad6c1;border-radius: 4px;padding:5px;}
ul.tit_tab {border:1px solid #bad6c1;height: 18px;border-radius: 4px;overflow: hidden;}
ul.tit_tab li {display: block; width: auto;line-height: 18px;text-align: center;font-size:0.6em;float:left;}
ul.tit_tab li.on {}
ul.tit_tab li h4 {background: #fff;color:#4c7f58;font-weight: normal;cursor: pointer;border-right:1px solid #bad6c1;}
ul.tit_tab li:nth-last-of-type(1) h4 {border:none;}
ul.tit_tab li.on h4 {background: #4c7f58;color:#fff;font-family: SF-Compact-bold;}
ul.cont_tab {content: "";clear:both;display: block;}
ul.cont_tab > li > div {background: #fff;position: relative;display: none;}
ul.cont_tab > li.on > div {display: block;}

.tab_dlBox {border:1px solid #bad6c1;border-radius: 4px;padding:5px;}
.tab_dlBox dl {position: relative;}
.tab_dlBox dt {position: absolute;top:0px;display: block; width: 20%;color:#4c7f58;line-height: 18px;text-align: center;font-size:0.75em;font-weight: normal;cursor: pointer;overflow: hidden;}
.tab_dlBox dt.on {color:#fff;}
.tab_dlBox dt h4 {border:1px solid #bad6c1;background: #fff;border-right:none;font-weight: normal;}
.tab_dlBox dt.on h4 {background: #4c7f58;}
.tab_dlBox dt:nth-of-type(1) {left:0%;}
.tab_dlBox dt:nth-of-type(2) {left:20%;}
.tab_dlBox dt:nth-of-type(3) {left:40%;}
.tab_dlBox dt:nth-of-type(1) h4 {border-radius: 4px 0 0 4px;}
.tab_dlBox dt:nth-last-of-type(1) h4 {border-radius: 0 4px 4px 0;border-right:1px solid #bad6c1; }
.tab_dlBox dd {display: none;padding-top: 20px;}
.tab_dlBox dd.on {display: block;}

.tab_dlBox02 {padding:5px 5px 0;border:1px solid #bad6c1;border-radius: 4px;}
.tab_dlBox02 dl {padding:5px 5px 0;position: relative;}
.tab_dlBox02 dl dd {margin:-5px -5px 0;}
.tab_dlBox02 dl dd table:nth-last-of-type(1) {border-bottom:none;}
.tab_dlBox02 dt {border-radius: 4px;width:24%;}
.tab_dlBox02 dt h4 {border:1px solid #bad6c1;}
.tab_dlBox02 dt:nth-of-type(1) {left:0;}
.tab_dlBox02 dt:nth-of-type(2) {left:25%;}
.tab_dlBox02 dt:nth-of-type(3) {left:50%;}
.tab_dlBox02 dt:nth-of-type(4) {left:75%;}




/* 공모양 박힌 탭 */
ul.tab_sports::before {content: "";display: inline-block;width: 100%;height:40px;position: absolute;background:#4c7f58;border-radius: 4px;}
ul.tab_sports > li > h4 {display: inline-block; text-align: center;position: absolute;text-align: center;font-weight: normal;color:#fff;cursor: pointer;opacity: 0.4;min-width: 55px;line-height: 1;z-index: 1;font-size: 0.75em;}
ul.tab_sports > li > h4 > span {display: block;margin:8px auto 3px;height:15px;}
ul.tab_sports > li > h4 > span.ic_all_big_w {margin:5px auto 3px;height:18px;}
ul.tab_sports > li.on > h4 {color:#fff; opacity:1;}
ul.tab_sports > li > div {background: #fff; margin-top:45px;position: relative;z-index: 0;display: none;}
ul.tab_sports > li.on > div {display: block;}
ul.tab_sports > li:nth-of-type(1) > h4 {left:10px;}
ul.tab_sports > li:nth-of-type(2) > h4 {left:18%;}
ul.tab_sports > li:nth-of-type(3) > h4 {left:34%;}
ul.tab_sports > li:nth-of-type(4) > h4 {left:50%;}
ul.tab_sports > li:nth-of-type(5) > h4 {left:66%;}
ul.tab_sports > li:nth-of-type(6) > h4 {left:82%;}



/* -------------------------- pagebox ---------------------------- */
.pagebox {width: 318px;margin: 10px auto 5px;}
.pagebox::after {clear: both;content: "";display: block;}
.pagebox > span {display: inline-block;width: 19px;height: 19px;float:left;border:1px solid #bad6c1;border-radius: 4px;background:#fff url("../image/base/arrow.png") no-repeat 5px -246px;background-size: 11px; font-size: 0;}
.pagebox > span:nth-last-of-type(1) {background-position: 7px -296px; background-size: 11px;}
.pagebox > ul {float:left;margin:0 3px 0 2px;}
.pagebox > ul > li {float:left; }
.pagebox > ul > li > a {display: inline-block;width: 19px;height: 19px;text-align: center;line-height: 19px;font-size: 13px;color:#4c7f58;opacity: 1;background: #fff;border:1px solid #bad6c1;border-radius: 4px;margin:0 2px 0 3px; }
.pagebox > ul > li.on > a {color:#fff;background: #4c7f58;border:1px solid #4c7f58;}



/* --------------------------- banner --------------------------- */
.banner {margin:0 auto;text-align: center;margin-top:10px;}
.banner > a {display: block;padding:0;margin:0;}
.banner > a > img {width: 350px;border-radius: 4px;overflow: hidden;}



/* --------------------------   icon  ---------------------------- */

/* icon */
.icon {font-size:0; vertical-align:middle;display:inline-block; width:22px; height:22px; background:url("../image/base/etc.png") 0 -18px no-repeat;}
a.icon_stats {display: inline-block;vertical-align: middle;width: 15px;height: 15px;padding:4px;background:#fff url("../image/base/icon.png") -198px 4px no-repeat;background-size:220px; border:1px solid #bad6c1; border-radius: 4px;}
a.icon_comment {display: inline-block;vertical-align: middle;width: 15px;height: 15px;padding:4px;background:#fff url("../image/base/icon.png") -132px 1px no-repeat;background-size:220px; border:1px solid #bad6c1; border-radius: 4px;}
a.icon_graph {display: inline-block;vertical-align: middle;width: 15px;height: 15px;padding:4px;background:#fff url("../image/base/icon.png") -155px 2px no-repeat;background-size:220px; border:1px solid #bad6c1; border-radius: 4px;}

/* ball */
span.ic_all_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px 0px;width:20px; height:18px;background-size: 300px;}
span.ic_sc_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -50px 0px;width:14px; height:14px;background-size: 300px;}
span.ic_bs_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -100px 0px;width:14px; height:14px;background-size: 300px;}
span.ic_bk_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -150px 0px;width:14px; height:14px;background-size: 300px;}
span.ic_vl_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -200px 0px;width:14px; height:14px;background-size: 300px;}
span.ic_tn_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -250px 0px;width:14px; height:14px;background-size: 300px;}

span.ic_all_big_g {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -25px;width:20px; height:18px;background-size: 300px;}
span.ic_sc_big_g {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -50px -25px;width:14px; height:14px;background-size: 300px;}
span.ic_bs_big_g {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -100px -25px;width:14px; height:14px;background-size: 300px;}
span.ic_bk_big_g {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -150px -25px;width:14px; height:14px;background-size: 300px;}
span.ic_vl_big_g {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -200px -25px;width:14px; height:14px;background-size: 300px;}
span.ic_tn_big_g {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -250px -25px;width:14px; height:14px;background-size: 300px;}

.icon_live {font-size:0; vertical-align:middle;display:inline-block; width:30px; height:20px;}
.icon_live.sc {background:url("../image/base/ground.png") no-repeat 0px 0px;background-size:250px;}
.icon_live.sc.ft {background:url("../image/base/ground.png") no-repeat 0px -24px;background-size:250px;}


/* logo */
.epl_logo01 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/1_120120_B.png") no-repeat;background-size: cover;}
.epl_logo02 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/2_120120_B.png") no-repeat;background-size: cover;}
.epl_logo03 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/3_120120_B.png") no-repeat;background-size: cover;}
.epl_logo04 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/4_120120_B.png") no-repeat;background-size: cover;}
.epl_logo05 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/5_120120_B.png") no-repeat;background-size: cover;}
.epl_logo06 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/6_120120_B.png") no-repeat;background-size: cover;}
.epl_logo07 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/7_120120_B.png") no-repeat;background-size: cover;}
.epl_logo08 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/8_120120_B.png") no-repeat;background-size: cover;}
.epl_logo09 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/9_120120_B.png") no-repeat;background-size: cover;}
/*.epl_logo10 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/10_120120_B.png") no-repeat;background-size: cover;}*/
.epl_logo11 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/11_120120_B.png") no-repeat;background-size: cover;}
/*.epl_logo12 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/12_120120_B.png") no-repeat;background-size: cover;}*/
.epl_logo13 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/13_120120_B.png") no-repeat;background-size: cover;}
.epl_logo14 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/14_120120_B.png") no-repeat;background-size: cover;}
/*.epl_logo15 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/15_120120_B.png") no-repeat;background-size: cover;}*/
/*.epl_logo16 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/16_120120_B.png") no-repeat;background-size: cover;}*/
.epl_logo17 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/17_120120_B.png") no-repeat;background-size: cover;}
/*.epl_logo18 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/18_120120_B.png") no-repeat;background-size: cover;}*/
.epl_logo19 {font-size:0; vertical-align:middle;display:inline-block; width:45px; height:45px; background:url("../image/logo/epl/19_120120_B.png") no-repeat;background-size: cover;}

/* BTN */
span.b_BTN {font-size:0; vertical-align:top;display:inline-block; width:72px; height:22px; background:url("../image/base/hotmatchBTN.png") no-repeat 0 0;}


/*league bg _ contest*/
.pm_league {font-size:0; vertical-align:middle;display:inline-block; width:35px; height:35px; background:url("../image/base/league01.png") no-repeat;}

span.score {display: inline-block;color: #fff;font-family: SF-Compact-bold;background: #fc8b54;border-radius: 4px;width: 45px;line-height: 16px;text-align: center;padding:0;}


table .flag {width: 24px;height: 24px;}


/* event */
span.goal {font-size:0; vertical-align:top;display:inline-block; width:20px; height:21px; background:url("../image/livescore/liveicon.png") no-repeat -2px -3px;}



/* common */

body{background:#ccc;overflow-x:hidden; overflow-y:scroll;}
#wrapper{position:relative;clear:both; display:block; content:"";width:100%}
#container {margin:79px auto 0;padding:0 0 70px;}



#wrapper .topmenu_w {position:fixed;top:0;background:#4c7f58; width:100%;height:69px;z-index:9;}
#wrapper .topmenu {width:100%;margin:0 auto;position:relative;}
#wrapper .topmenu .leftIcon {font-size:0; vertical-align:top;display:inline-block; width:20px; height:11px; background:url("../image/base/icon.png") 0 0 no-repeat;position: absolute;top:6px;left:5px;background-size: 200px;}
#wrapper .topmenu .selectBox {position: absolute;top:2px;right:5px;display: inline-block;}

.logo {padding:;margin:9px auto 0;text-align: center; }
.logo a,.logo img {display: inline-block;margin:0;height:22px;vertical-align: top;}

.gnb_w {background: #fff;height: 28px;line-height: 28px;font-size:0.7em;}
.gnb_w .gnb {}
.gnb_w .gnb .gnbMenu {width:100%;overflow-x: scroll;box-shadow: 0 0 7px rgba(0,0,0,0.3);}
.gnb_w .gnb .gnbMenu ul {margin-left:2%;margin-right:2%;width: 96%;}
.gnb_w .gnb .gnbMenu ul li {display: block;text-align: center;float:left;}
.gnb_w .gnb .gnbMenu ul li a {color:#888;display: inline-block;line-height: 23px;vertical-align: top;width: 100%;margin-top: 2px;}
.gnb_w .gnb .gnbMenu ul li.on a {border-bottom:3px solid #4c7f58;color:#4c7f58;font-family: SF-Compact-bold;}

.gnb_w .gnb .gnbMenu ul li:nth-of-type(1) {width:11%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(2) {width:18%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(3) {width:16%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(4) {width:14%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(5) {width:15%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(6) {width:13%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(7) {width:13%;}


.left_menu_w {width: 100%;position:fixed;left:-100%;top:0;height: 2000px;z-index: 1000;}
.left_menu_back {width: 100%;height: 100%;background: #000;opacity: 0.3;position: fixed;left:0;top:0;display: none;}
.left_menu {width: 230px;height: 150%;position:absolute;left:0;top:0;padding:10px;background: #fff; }

.sign {border-bottom: 1px solid #bad6c1;font-size: 0.7em;margin-top:15px;}
.sign::after {display: block;content: "";clear: both;}
.sign .pic {float:left;width: 46px;background: url("../image/base/bg_sign.png") -2px -2px no-repeat;border:2px solid #4c7f58;border-radius: 25px; background-size: 50px;height: 46px;margin-left:10px;}
.sign .pic img {width: 46px;}
.sign ul {float: left;margin:0 5px 0 8px;}
.sign ul li {margin:5px 0; }
.sign ul li input {width: 79px;height: 18px;padding:0 10px;border:1px solid #bad6c1;border-radius: 4px;font-family:SF-Compact; font-size: 11px;}
.sign ul li input::-webkit-input-placeholder { /* 크롬 4–56 */ color: #ccc;}
.sign ul li input:-moz-placeholder { /* 파이어폭스 4–18 */ color: #ccc; opacity:  1;}
.sign ul li input::-moz-placeholder { /* 파이어폭스 19–50 */  color: #ccc; opacity:  1;}
.sign ul li input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */  color:  #ccc;}
.sign ul li input::placeholder { /* 파이어폭스 51+, 크롬 57+ */  color: #ccc;  opacity:  1;}
.sign a.signin {float:right;margin-right:10px;display: inline-block;background: #4c7f58;border:1px solid #bad6c1;border-radius: 4px;width: 44px;height: 44px;text-align: center;color: #fff;margin-top:5px;font-size: 0.8em;}
.sign a.signin::before {background: url("../image/base/icon.png") -190px -22px no-repeat;background-size: 220px; display: block;width: 15px;height: 15px;content: "";margin:7px 15px 5px;}
.sign > p {float:left;line-height: 20px; text-align: center;width: 150px;margin-top:5px;}
.sign > p a {text-decoration: underline;color: #4c7f58;}
.sign a.register {float:right; color: #fff; background: #ffae21;border-radius: 4px;text-align: center;line-height: 20px;width: 70px;margin:5px 10px 20px 0;}

.signin_box {border-bottom: 1px solid #bad6c1;font-size: 0.7em;margin-top:15px;display: none;}
.signin_box::after {display: block;content: "";clear: both;}
.signin_box .pic {float:left;width: 46px;background: url("../image/base/bg_sign.png") -2px -2px no-repeat;border:2px solid #4c7f58;border-radius: 25px; background-size: 50px;height: 46px;margin-left:10px;}
.signin_box .pic img {width: 46px;}
.signin_box > div {float: right;width: 150px;line-height: 17px;}
.signin_box > div h4 {color: #4c7f58; font-family: SF-Compact-bold;}
.signin_box > div p {color: #4c7f58;}
.signin_box > div > span {color: #aaa; }
.signin_box > div:nth-last-of-type(1) > img {width: 103px;height: ;display: block;margin-top:4px;margin-bottom:10px;}
/*
.signin_box > div ul {}
.signin_box > div ul li {}
.signin_box > div ul li span {display: block;text-transform:uppercase;font-family: SF-Compact-bold;}
.signin_box > div ul li.first::before {display: inline-block;width: 19px;height: 28px;}
.signin_box > div ul li.second::before {color: #9fb4cc; }
.signin_box > div ul li.third::before {color: #dd9270; }
.signin_box > div ul li.first span {color: #efc467; }
.signin_box > div ul li.second span {color: #9fb4cc; }
.signin_box > div ul li.third span {color: #dd9270; }
*/

.left_menu > ul {width: 180px;font-size: 0.7em;margin-top:25px;margin-bottom:40px;}
.left_menu > ul > li > a {display: block;color: #4c7f58;line-height: 20px;border-bottom: 1px solid #bad6c1;padding:0 5px;margin-top:5px;position: relative;}
.left_menu > ul > li > a::before {display: inline-block;width: 13px;height: 13px;content: "";vertical-align: text-bottom;margin-right:7px;background: url("../image/base/icon.png") -156px -47px no-repeat;}
.left_menu > ul > li:nth-of-type(1) > a::before {background-position: -156px -47px;background-size: 220px;}
.left_menu > ul > li:nth-of-type(2) > a::before {background-position: -169px -47px;background-size: 220px;}
.left_menu > ul > li:nth-of-type(3) > a::before {background-position: -182px -47px;background-size: 220px;}
.left_menu > ul > li:nth-of-type(4) > a::before {background-position: -195px -47px;background-size: 220px;}
.left_menu > ul > li:nth-of-type(5) > a::before {background-position: -208px -47px;background-size: 220px;}
.left_menu > ul > li:nth-of-type(6) > a::before {background-position: -207px -33px;background-size: 220px;}
.left_menu > ul > li span {display: inline-block;width: 20px;line-height: 12px;background: #da1f1f;text-align: center;color: #fff;border-radius: 4px;margin-left:10px;display: none;}

.left_menu > ul > li:nth-of-type(4) > a span,.left_menu > ul > li:nth-of-type(5) > a span {display: inline-block;content: "";width: 16px;height: 20px;background: #fff url(../image/base/arrow.png) no-repeat right -44px;background-size: 11px;position: absolute;top:0;right:5px;}
.left_menu > ul > li:nth-of-type(4) > a span.open,.left_menu > ul > li:nth-of-type(5) > a span.open {background-position: right -345px;}
.left_menu > ul > li:nth-of-type(4) > ul,.left_menu > ul > li:nth-of-type(5) > ul {border-bottom: 1px solid #bad6c1; display: none;}
.left_menu > ul > li:nth-of-type(4) > ul > li > a,.left_menu > ul > li:nth-of-type(5) > ul > li > a {display: block;color: #888;line-height: 20px;border-bottom: 1px solid #ccc;padding:0 5px;margin-left:25px;margin-top:5px;}
.left_menu > ul > li:nth-of-type(4) > ul > li > a::before,.left_menu > ul > li:nth-of-type(5) > ul > li > a::before {display: inline-block;width: 10px;height: 9px;content: "";vertical-align: middle;margin-right:5px;background: url("../image/base/icon.png") 0 -65px no-repeat;background-size: 220px;}
.left_menu > ul > li:nth-of-type(4) > ul > li:nth-last-of-type(1) > a,.left_menu > ul > li:nth-of-type(5) > ul > li:nth-last-of-type(1) > a {border:none;}


.left_menu .banner {padding-top:10px;border-top: 1px solid #bad6c1;}
.left_menu .banner img {width: 100%;}


div[class^=oddBox] {border-radius: 4px;background: #eee;cursor: pointer;width: 32.6%;height:35px;position:relative;font-size: 1em;display: block;margin:0 1% 0 0;float:left;}
div[class^=oddBox]:nth-last-of-type(1) {margin:0;}
div[class^=oddBox]::after {display:inline-block;content:"";clear:both;}
div[class^=oddBox] p {float:left;text-align: right;width: 50%;line-height:16px;padding:1px 0;}
div[class^=oddBox] p span {padding:0 5px;}
div[class^=oddBox] p.box {position:absolute;right:5px;top:1px;line-height: 32px;width: 28%;text-align: center !important;font-family: SF-Compact-bold;color:#444;font-size: 1.08em;padding:0;}
div[class^=oddBox] p.box span {padding:0;}



.Top_Consensus {position: fixed;bottom:-265px;left:0;width: 100%;height: 300px;z-index: 1000;}
.Top_Consensus #tcStrap {width: 100%;height:35px;background:url("../image/base/bg_Consensus.png") no-repeat center bottom;background-size: 2500px;text-align: center;position:relative;}
.Top_Consensus #tcStrap span {display: inline-block;width: 6px;height: 4px;background: url("../image/base/icon.png") no-repeat -20px 0;background-size: 200px;position: absolute;top:10px;left:0;right:0;margin:0 auto;transform: rotate(0deg);transition: transform 1s ease-in;}
.Top_Consensus #tcStrap span.open {transform: rotate(540deg);transition: transform 1s ease-in;}
.Top_Consensus #tcStrap div {color:#4c7f58;font-size: 0.7em;height: 30px;line-height: 28px;display: inline-block;width: 120px;margin:0 auto;text-align: center;padding-top:5px;}
.Top_Consensus > div:nth-of-type(2) {background: #fff;padding:0 5px;}
.Top_Consensus > div:nth-of-type(2)::after {content: "";display: inline-block;width: 1px;height: 1px;clear: both;}
.Top_Consensus > div:nth-of-type(2) > div {width:50%;padding-top:5px;}
.Top_Consensus > div:nth-of-type(2) > .float_left > div {margin-right:3px;}
.Top_Consensus > div:nth-of-type(2) > .float_right > div {margin-left:3px;}
.Top_Consensus table thead tr th {padding-bottom:5px;}
.Top_Consensus table tbody tr td {}
.Top_Consensus table tbody tr:nth-of-type(odd) td {background: #f7f7f7;}
.Top_Consensus table tbody tr td ul {cursor: pointer;height: 30px;padding:5px 0;}
.Top_Consensus table tbody tr td ul li {line-height: 15px;padding-left:5px;}
.Top_Consensus table tbody tr td ul li p {display:block;text-align: left;width: 60%;color:#4c7f58;float:left;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.Top_Consensus table tbody tr td ul li span {display:block;width: 20%;float:left;}
.Top_Consensus table tbody tr td ul li span:nth-last-of-type(1) {width: 20%;}
.Top_Consensus table tbody tr.st1 td {background: #fff;}
.Top_Consensus table tbody tr.st1 td ul {border:1px solid #ccc;}

.BtMenu {display: none;}

/*
#footer {position: fixed;bottom:0;left:0;z-index: 10;font-size: 0.65em;width: 100%;}
#footer ul {padding:5px 0;background: #fff;border-top:1px solid #aaa;box-shadow: 0 0 7px rgba(0,0,0,0.3);}
#footer ul::after {display: block;content: "";clear:both;}
#footer ul li {float:left;text-align: center;width: 16.4%;border-right:1px solid #ccc;height: 25px;position: relative;}
#footer ul li:nth-last-of-type(1) {border:none;}
#footer ul li a {line-height: 12px;}
#footer ul li span {position: absolute;top:-10px;right:6%;color: #fff;text-align: center;background: #d52020;height: 12px;line-height: 12px;padding:0 3px;border: 1px solid #a72626;border-radius: 2px;}
#footer {}*/


/* -------- swiper 슬라이드 ------- */
.swiper-container {
  width: 100%;
}







/*--------------------------- main ----------------------------*/


/*   main / odds   */
.hotScore {background: #333;margin-top:-10px;padding:0 0 10px 5px;}
.hotScore > h3 {line-height: 30px;padding:0 10px;color:#ddd;border-radius: 4px;font-size: 0.7em;margin-right:5px;font-family: SF-Compact-bold;}
.hotScore > ul {position: relative;}
.hotScore > ul > li > div {background: #333;}
.hotScore > ul > li:nth-of-type(1) > h4 {right:160px;background: url("../image/base/icon.png") no-repeat -52px -22px; ;background-size: 220px;}
.hotScore > ul > li:nth-of-type(2) > h4 {right:130px;background-position: -47px 3px;}
.hotScore > ul > li:nth-of-type(3) > h4 {right:100px;background-position: -97px 3px;}
.hotScore > ul > li:nth-of-type(4) > h4 {right:70px;background-position: -147px 3px;}
.hotScore > ul > li:nth-of-type(5) > h4 {right:40px;background-position: -197px 3px;}
.hotScore > ul > li:nth-of-type(6) > h4 {right:10px;background-position: -247px 3px;}
.hotScore > ul > li > h4 {background: #333;line-height: 20px;width: 20px;text-align: center;border-radius: 4px;position: absolute;top:-25px;left:auto !important;font-size: 0;opacity: 0.4;background-image: url("../image/base/ball.png");background-size: 300px;}
.hotScore > ul > li:nth-of-type(1).on > h4 {background-position: -31px -22px;}
.hotScore > ul > li:nth-of-type(2).on > h4 {background-position: -47px -22px;}
.hotScore > ul > li:nth-of-type(3).on > h4 {background-position: -97px -22px;}
.hotScore > ul > li:nth-of-type(4).on > h4 {background-position: -147px -22px;}
.hotScore > ul > li:nth-of-type(5).on > h4 {background-position: -197px -22px;}
.hotScore > ul > li:nth-of-type(6).on > h4 {background-position: -247px -22px;}
.hotScore > ul > li.on > h4 {background-color: #ffc601;color:#555;opacity:1;}
.HSswiper {}
.HSswiper > div > div {width: 150px;height: 57px;background: #555;color:#fff;cursor: pointer;position: relative;border-radius: 4px;font-size: 0.7em;}
.HSswiper > div > div h4 {padding-left: 5px;line-height:15px;font-weight: 400;position:relative;padding-top:4px;color: #b4b4b4;}
.HSswiper > div > div h4 > span {position:absolute;right:5px;top:4px;}
.HSswiper > div > div h4 span.yellow {color:#ffc601;margin-left: 5px;}
.HSswiper > div > div h4 > b {display: inline-block;width: 70px;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;font-weight:normal;}
.HSswiper > div > div h4::before {display:inline-block;content:"";width:11px; height:11px;margin:3px 5px 0 0;vertical-align: top;}
.HSswiper > div > div.sc h4::before {background:url("../image/base/ball.png") no-repeat -35px 0px; background-size: 213px;}
.HSswiper > div > div.bk h4::before {background:url("../image/base/ball.png") no-repeat -71px 0px; background-size: 213px;}
.HSswiper > div > div.bs h4::before {background:url("../image/base/ball.png") no-repeat -106px 0px; background-size: 213px;}
.HSswiper > div > div.vl h4::before {background:url("../image/base/ball.png") no-repeat -142px 0px; background-size: 213px;}
.HSswiper > div > div.tn h4::before {background:url("../image/base/ball.png") no-repeat -177px 0px; background-size: 213px;}
.HSswiper > div > div > p {position:relative;line-height: 15px;padding:0 5px;margin-bottom:1px;}
.HSswiper > div > div > p span {position: absolute;right:5px;top:0;display: inline-block;width: 25px;height: 15px;line-height: 15px;background: #777;text-align: center;border-radius: 2px;}
.HSswiper > div > div > p.on::after {display:inline-block;content: "";width: 6px;height: 6px;background: url("../image/base/icon.png") no-repeat 0 -52px;position:absolute;top:5px;right:35px;background-size:220px; }
.HSswiper > div > div > div {position:absolute;right:42px;bottom:5px;width:28px;height:34px;}
.HSswiper > div > div > div::before,.HSswiper > div > div > div p,.HSswiper > div > div > div::after {display:inline-block;content: "";width: 6px;height: 6px;position:absolute;border-radius: 2px;background: #555;border:2px solid #777;transform: rotate(45deg);}
.HSswiper > div > div > div[class^="y-"]::before,.HSswiper > div > div > div[class^="y-y-"] p,.HSswiper > div > div > div[class^="x-y-"] p,
.HSswiper > div > div > div.y-y-y::after,.HSswiper > div > div > div[class="x-x-y"]::after,.HSswiper > div > div > div[class="x-y-y"]::after,
.HSswiper > div > div > div[class="y-x-y"]::after {background: #777;}
.HSswiper > div > div > div::before {right:1px;top:11px;}
.HSswiper > div > div > div p {left:9px;top:3px;}
.HSswiper > div > div > div::after {left:1px;top:11px;}
.HSswiper > div > div > div span {font-size: 0;position: absolute;bottom:0;left:3px;width: 23px;}
.HSswiper > div > div > div span::before {display:inline-block;content: "";width: 6px;height: 6px;background: #555;border:2px solid #777;border-radius: 6px;margin-right:2px;}
.HSswiper > div > div > div span::after {display:inline-block;content: "";width: 6px;height: 6px;background: #555;border:2px solid #777;border-radius: 6px;}
.HSswiper > div > div > div span.o1::after,.HSswiper > div > div > div span.o2::before,.HSswiper > div > div > div span.o2::after {background: #777;}
.hotScore .swiper-pagination {display:none;}

.mainBox {font-size: 0.75em;padding:5px;}
.mainBox > li {border-radius: 4px;text-align: center;line-height: 16px;position: relative;border:1px solid #bad6c1;padding:10px 5px 0px;margin-top:10px;}
.mainBox > li:nth-of-type(1) {margin:0;}
.mainBox > li > p {color:#4c7f58;}
.mainBox > li > span {color:#aaa; }
.mainBox > li ul {position: relative;height: 126px;padding-top:5px;}
.mainBox > li ul::before {display: inline-block;content: "vs";width: 30px;height: 29px;line-height: 29px;position: absolute;top:13px;left:0;right:0;margin:0 auto;background-size: 220px;text-transform: lowercase;color:#ccc;font-size: 16px;font-family:SF-Compact-bold; }
.mainBox > li ul li {float:left;width:49%;}
.mainBox > li ul li > span:nth-of-type(1) {margin: 0 63px 0 50px;width: 45px;height: 45px;}
.mainBox > li ul li > p {font-family: SF-Compact-bold;color:#4c7f58;font-size: 1.1em;line-height: 22px;margin-top:3px;margin-bottom:5px;margin-right: 15px;}
.mainBox > li ul li > span:nth-last-of-type(1) {display: block;font-family: SF-Compact-bold;color:#aaa;font-size: 0.7em;line-height:12px; width: 34px;height: 29px;border:1px solid #ccc;border-radius: 4px;background: #fff;padding-top: 5px;float:left;margin:0 5px;}
.mainBox > li ul li > span:nth-last-of-type(1) > span {font-size: 1.43em;}
.mainBox > li ul li > span:nth-last-of-type(1) > span::after {display: inline-block;content: "%";font-size: 0.6em;}
.mainBox > li ul li.win > span:nth-last-of-type(1) {color:#4c7f58;border:1px solid #bad6c1;}
.mainBox > li ul li > .oddBox {float:left; width: 70%;}
.mainBox > li ul li > .oddBox p:nth-of-type(1),.mainBox > li ul li > .oddBox p:nth-of-type(2) {text-align: left;width:65%;}
.mainBox > li > div {position: absolute;bottom:55px;left:0;right:0;margin:0 auto;display: inline-block;width: auto;}
.mainBox > li > div > a {margin:0 2px;}
.mainBox > li ul li:nth-last-of-type(1),.mainBox > li ul li:nth-last-of-type(1) > span:nth-last-of-type(1),.mainBox > li ul li:nth-last-of-type(1) > .oddBox {float:right;}
.mainBox > li ul li:nth-last-of-type(1) > span:nth-of-type(1) {margin: 0 50px 0 63px;}
.mainBox > li ul li:nth-last-of-type(1) > p {margin-right:0;margin-left:15px;}
.mainBox > li ul li:nth-last-of-type(1) > .oddBox > p  {float:right;text-align: right;}
.mainBox > li ul li:nth-last-of-type(1) > .oddBox > p.box {right:auto;left:5px;}



.topPz {display: inline-block;font-size: 1em;color:#4c7f58;font-family: SF-Compact-bold;line-height: 18px;border:1px solid #bad6c1; padding:0 5px;border-radius: 4px;text-transform: uppercase;margin:5px 0;}
.topPz::before {display: inline-block;content: "";width:13px ;height: 13px;background: url("../image/base/icon.png") -183px 0 no-repeat; background-size: 220px;vertical-align: text-bottom;margin-right:5px;}

.CntLdr .float_left {width:44%;height:100px;margin-right:5px;text-align: center;}
.CntLdr .float_left span {display: inline-block;width: 100%;height:100px;background-size: auto 100px;background-position: center;max-width: 350px;border-radius: 4px;overflow: hidden;}
.CntLdr .PN {clear: both;background: url("../image/base/bg_btnPN.png") repeat-x;background-size:auto 20px; text-align: center;line-height: 20px;font-size: 0.7em;border-radius: 4px;margin-bottom: 5px;}
.CntLdr .PN a {color: #fff;font-family: SF-Compact-bold;display: block;}





/* ------------------------ odds ------------------------ */

.odddiv01 {text-align: center;padding-top:5px;}
.odddiv01 ul {}
.odddiv01 ul li {padding:5px 0;border-bottom:1px solid #bad6c1;position: relative;}
.odddiv01 ul li:nth-last-of-type(1) {border:none;}
.odddiv01 ul li > p {font-size: 0.7em;color:#aaa;line-height:17px; }
.odddiv01 ul li h5 {color:#4c7f58;text-align: center;font-size: 0.75em;line-height:17px;margin-bottom:2px;}
.odddiv01 ul li h5 span {display: inline-block;width: 44%;}
.odddiv01 ul li h5 span:nth-of-type(2) {font-weight: normal;display: inline-block;text-transform: lowercase;width: 10%;}
.odddiv01 ul li h5.scoreTit span {width: 42%;}
.odddiv01 ul li h5.scoreTit span:nth-of-type(2).score {width: 40px;margin:0 2%;}
.odddiv01 ul li > div:nth-last-of-type(1) {display: inline-block;margin:0 auto;width: 60px;}
.odddiv01 ul li > div > a {vertical-align: text-top;margin:0 2px;}
.odddiv01 ul li table:nth-last-of-type(1) {border:none;width:180px;margin:0 auto;}
.odddiv01 div.oddBox:nth-of-type(2) p {float:right;text-align: left;}
.odddiv01 div.oddBox:nth-of-type(2) p.box {right:auto;left:5px;text-align: center;}

.odddiv02 {position:relative;border:1px solid #bad6c1; border-radius: 4px;overflow: hidden;margin-top:5px;}
.odddiv02:nth-of-type(1) {margin-top:0;}
.odddiv02 > h5 {background: #4c7f58 url("../image/base/arrow.png") no-repeat 98.5% 10px; background-size: 11px;color:#fff;line-height:25px; font-size: 0.75em;padding-left: 10px;}
.odddiv02 .selectBox {position: absolute;top:3px;right:5px;z-index: 10;}
.odddiv02 > div {}
.odddiv02 > div > ul {padding: 5px;}
.odddiv02 > div > ul li {border-bottom: 1px solid #bad6c1;padding-bottom:10px;position: relative;padding-top:5px;font-size: 0.75em;}
.odddiv02 > div > ul li::after {clear: both;content: "";display: block;}
.odddiv02 > div > ul li:nth-of-type(1) {padding-top:0;}
.odddiv02 > div > ul li:nth-last-of-type(1) {border-bottom: none;padding-bottom: 5px;}
.odddiv02 > div > ul li > p {font-size: 1em;color:#aaa;line-height:17px;}
.odddiv02 > div > ul li h5 {color:#4c7f58;font-size: 1.098em;line-height:17px;margin-bottom:2px;}
.odddiv02 > div > ul li p > span.score {margin-left:13px;}
.odddiv02 > div > ul li p > span.orange {color:#fc8b54;font-family: SF-Compact-bold;margin-left:5px;}
.odddiv02 > div > ul li p > span.gray {color:#888 !important;font-family: SF-Compact-bold;margin-left:5px;}
.odddiv02 ul li h5 span {display: inline-block;font-family: SF-Compact-bold;}
.odddiv02 ul li h5 span:nth-of-type(2) {font-weight: normal;display: inline-block;text-transform: lowercase;padding:0 10px;font-family: SF-Compact;}
.odddiv02 div.oddBox {margin-top:3px;}
.odddiv02 div.oddBox p:nth-of-type(1) {text-align: left;color:#4c7f58;}
.odddiv02 div.oddBox p:nth-of-type(2) {font-family: SF-Compact-bold;color:#444;}
.odddiv02 div.oddBox p:nth-of-type(3) {width: 100%;}
.odddiv02 > div > ul li > a {position: absolute;top:10px;right:0px;}
.odddiv02 > div > ul li:nth-of-type(1) > a {top:5px;}

.odddiv02 div.oddBox02 {width: 49.5%;}

.odd_wrap ul.tab_sports > li > p {height: 30px;line-height: 30px;font-family:SF-Compact-bold; color:#4c7f58; margin-top:40px;font-size: 0.75em;padding:0 10px;background: #fff;}
.odd_wrap ul.tab_sports > li > .selectBox {margin:0;display: inline-block;position: absolute;top:45px;right:5px;}
.odd_wrap ul.tab_sports > li > div {margin:0;}

.odd_wrap ul.tab_sports > li > div .odddiv02 div.oddBox:nth-of-type(1) {margin-left:0;}
.odd_wrap ul.tab_sports > li > div .odddiv02 div.oddBox:nth-last-of-type(1) {margin-right:0;}




/* ------------------------ contest ------------------------ */
.contdiv01 {text-align: center;padding-top:5px;}
.contdiv01 ul {}
.contdiv01 ul li {padding:5px 0 10px;border-bottom:1px solid #bad6c1;position: relative;font-size: 0.75em;}
.contdiv01 ul li::after {content: "";display: block;clear: both;}
.contdiv01 ul li:nth-last-of-type(1) {border:none;}
.contdiv01 ul li > p {font-size: 1em;color:#aaa;line-height:17px; }
.contdiv01 ul li h5 {color:#4c7f58;text-align: center;font-size: 1.08em;line-height:17px;margin-bottom:2px;}
.contdiv01 ul li h5 span {display: inline-block;width: 44%;font-family: SF-Compact-bold;}
.contdiv01 ul li h5 span:nth-of-type(2) {font-weight: normal;display: inline-block;text-transform: lowercase;width: 10%;font-family:SF-Compact; }
.contdiv01 ul li > div {height: 35px;position: relative;}
.contdiv01 ul li div.oddBox {float:none;position:absolute;right:60%;margin:0;width:35%;}
.contdiv01 ul li div.oddBox:nth-of-type(2) {right:auto;left:60%;}
.contdiv01 ul li div.oddBox p:nth-of-type(1),.contdiv01 ul li div.oddBox p:nth-of-type(2) {width: 65%;}
.contdiv01 ul li div.oddBox:nth-of-type(2) p {text-align: left;float:right;}
.contdiv01 ul li div.oddBox:nth-of-type(2) p.box {left:5px;right:auto;}
.contdiv01 ul li > div:nth-last-of-type(1) {display: inline-block;position: absolute;left:0;right:0;margin:0 auto;width: 60px;bottom:13px;}
.contdiv01 ul li div.oddBox p:nth-last-of-type(1) span {padding:0;}
.contdiv01 ul li > div > a {vertical-align: text-top;margin:8px 2px 0;}



/* ----------------------- forum ------------------------- */

.forumlist {}
.forumlist li {font-size: 11px;line-height: 13px;padding:6px 10px;border-bottom:1px solid #bad6c1;color:#aaa;}
.forumlist li a:nth-of-type(1) {color:#4c7f58;height: 13px;font-size: 13px;width:96%;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.forumlist li a:nth-of-type(2) {}
.forumlist li.noti {background: #eee;}


.forumlist02 {border-top:1px solid #bad6c1;}
.forumlist_w.swiper-container-horizontal {padding-bottom:35px;}
.forumlist_w.swiper-container-horizontal > .swiper-pagination-bullets {bottom:5px;}
.forumlist_w.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width: 19px;height: 19px;text-align: center;line-height: 19px;font-size: 13px;color:#4c7f58;opacity: 1;background: #fff;border:1px solid #bad6c1;border-radius: 4px;margin:0 2px 0 3px; }
.forumlist_w.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {color:#fff;background: #4c7f58;border:1px solid #4c7f58;}

.forum_write {font-size: 13px;}
.forum_write.bt {border-top:1px solid #bad6c1;}
.forum_write::after {clear: both;display: block;content: "";}
.forum_write > div {border-bottom: 1px solid #bad6c1;line-height: 25px;padding:3px 5px;font-size: 13px;height: 25px;}
.forum_write > div:nth-of-type(1) {padding:7px 5px;}
.forum_write label {color:#4c7f58; float:left;}
.forum_write label.bold {width:9%;}
.forum_write input[type="text"] {float:right; border:1px solid #bad6c1; padding:0 5px; line-height: 18px; margin-top:2px;font-size: 11px; color: #4c7f58; border-radius: 4px;width: 85%;}
.forum_write input[type="text"]::-webkit-input-placeholder { /* 크롬 4–56 */ color: #aaa;}
.forum_write input[type="text"]:-moz-placeholder { /* 파이어폭스 4–18 */ color: #aaa; opacity:  1;}
.forum_write input[type="text"]::-moz-placeholder { /* 파이어폭스 19–50 */  color: #aaa; opacity:  1;}
.forum_write input[type="text"]:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */  color:  #aaa;}
.forum_write input[type="text"]::placeholder { /* 파이어폭스 51+, 크롬 57+ */  color: #aaa;  opacity:  1;}
.forum_write > div:nth-of-type(3) {height: 50px;}
.forum_write > div:nth-of-type(3) label {width:30%;}
.forum_write > div:nth-of-type(3) label::before {display: inline-block;content: "";width: 16px;height: 16px;background: url("../image/base/icon.png") no-repeat -99px -47px;background-size: 220px; vertical-align: text-bottom;margin-right:5px;}
.forum_write > div:nth-of-type(3) .selectBox {display: inline-block; float:right;width: 68%;top:3px;height: 45px;}
.forum_write > div:nth-of-type(3) .selectBox .select02:nth-of-type(1) {left:0;width: 37%;}
.forum_write > div:nth-of-type(3) .selectBox .select02:nth-of-type(2) {right:0; width: 58%;}
.forum_write > div:nth-of-type(3) .selectBox .select02:nth-of-type(3) {bottom:0; width: 100%;}
.forum_write > div:nth-of-type(4) > label {width:30%;}
.forum_write > div:nth-of-type(4) > label::before {display: inline-block;content: "";width: 16px;height: 16px;background: url("../image/base/icon.png") no-repeat -115px -47px;background-size: 220px; vertical-align: text-bottom;margin-right:5px;}
.forum_write > div:nth-of-type(4) .selectBox {display: inline-block; float:right;width: 68%;top:3px;}
.forum_write > div:nth-of-type(4) .selectBox .select02 {width: 30%;}
.forum_write > div:nth-of-type(4) .selectBox .select02:nth-of-type(2) {left:35%;}
.forum_write > div:nth-of-type(4) .selectBox p {float: right;display: inline-block;}
.forum_write > div:nth-of-type(4) .selectBox p::before {display: inline-block; content: "";width: 11px;height: 13px;background: url("../image/base/icon.png") -132px -47px no-repeat;background-size: 220px;float:left;margin-top:3px;margin-right:2px;}
.forum_write > div:nth-of-type(4) .selectBox p input[type="checkbox"]:not(old) + label {width: 54px; margin-top:3px;font-size: 13px;}
.forum_write .gbox {padding:10px 0;height: 44px; }
.forum_write .gbox p {background: #eee;color:#4c7f58; text-align: center;line-height: 16px; padding:6px 0; text-transform: none;}
.forum_write .gbox p span {color:#d62121;}
.forum_write > p {border:1px solid #bad6c1;border-radius: 4px;margin: 10px 0;padding:10px;height:315px;}
.forum_write > p textarea {display: inline-block;width: 100%;height: 100%;border:none;}
.forum_write > a:nth-of-type(1) {display: inline-block;float:left;width: 48.5%;line-height:30px;font-family: SF-Compact-bold;color:#fff;background: #4c7f58; border-radius: 4px;text-align: center; }
.forum_write > a:nth-last-of-type(1) {display: inline-block;float:right;width: 48.5%;line-height:28px;color:#4c7f58;background: #fff;border:1px solid #bad6c1; border-radius: 4px;text-align: center;}

.forum_write input[type=checkbox]:not(old) + label{
  background: url(../image/base/input.png) right -16px no-repeat;
  background-size: 14px;
  background-color: inherit;
  border: none;
  width: auto;
  line-height: 14px;
}
.forum_write input[type=checkbox]:not(old):checked + label{
  background: url(../image/base/input.png) right 0px no-repeat;
  background-size: 14px;
  background-color: inherit;
}


.forum_view {}
.forum_view h4 {border-top:1px solid #bad6c1;border-bottom:1px solid #bad6c1;font-family: SF-Compact-bold;color:#4c7f58;font-size:13px;line-height: 25px;}
.forum_view > p {margin:5px 0;background: #eee;font-size: 0.7em;color:#4c7f58;line-height: 1.8em;padding:0 10px;}
.forum_view > p span {color:#aaa;}
.forum_view div.view {border-top:1px solid #bad6c1;padding:20px 10px;color:#4c7f58;font-size:13px;text-transform: none; line-height: 16px;}
.forum_view div.view > div.select_match {text-align: center;background: #eee;border:1px dashed #aaa;border-right:none;border-left:none;color:#aaa;font-size: 11px;line-height: 15px;padding:10px 0;margin-bottom:20px;}
.forum_view div.view > div.select_match p {color:#4c7f58;font-size: 12px;font-family: SF-Compact-bold; }
.forum_view div.view > div.select_match p span {color:#aaa;text-transform: lowercase;font-family: SF-Compact; }
.forum_view div.view img {width: 100%;}
.forum_view ul {padding: 15px 0;}
.forum_view ul li {display: inline-block;margin:0 5px;}
.forum_view ul li span.btn_like {display: inline-block; width: 65px; height: 65px; border:1px solid #bad6c1;text-align: center;border-radius: 4px; color:#4c7f58;font-size: 12px;}
.forum_view ul li span.btn_like::before {display: block; content: "";width: 30px;height: 27px;background: url("../image/base/icon.png") -15px -47px;background-size: 220px; margin:10px auto;}
.forum_view ul li span.btn_bad {display: inline-block; width: 65px; height: 65px; border:1px solid #bad6c1;text-align: center;border-radius: 4px; color:#4c7f58;font-size: 12px;}
.forum_view ul li span.btn_bad::before {display: block; content: "";width: 30px;height: 27px;background: url("../image/base/icon.png") -50px -47px;background-size: 220px; margin:10px auto;}
.forum_view ul li span.nm {display: block;font-size: 12px;margin-top:5px;}
.forum_view ul li .red {font-family: SF-Compact-bold; }
.forum_view div.btn_box {border-top:1px solid #bad6c1; height: 21px;padding:10px 0 5px;}
.forum_view div.btn_box a {display: inline-block; width: 65px; text-align: center; line-height: 19px;border:1px solid #bad6c1; border-radius: 4px; color:#4c7f58; font-size: 12px; }
.forum_view div.btn_box .float_right a {margin-left:5px;}
.forum_view div.btn_box a.sharing {width: 19px;font-size: 0;vertical-align: top;background: url("../image/base/icon.png") -80px -44px;background-size: 220px;}

.comment_write {font-size:11px; border-bottom:1px solid #bad6c1; padding-bottom:10px;margin-top:5px;}
.comment_write > p {font-family: SF-Compact-bold; color: #666;line-height: 25px; padding:0 5px;}
.comment_write > div {font-size: 12px; border-radius: 4px; border:1px solid #bad6c1; color:#4c7f58;padding:5px;position: relative;background: #fff;}
.comment_write > div::after {display: block;content: "";clear: both;}
.comment_write textarea {font-family: SF-Compact;width: 82%;height: 50px;border:none;float:left;text-transform: none;line-height:15px; }
.comment_write textarea::-webkit-input-placeholder { /* 크롬 4–56 */ color: #ccc;}
.comment_write textarea:-moz-placeholder { /* 파이어폭스 4–18 */ color: #ccc; opacity:  1;}
.comment_write textarea::-moz-placeholder { /* 파이어폭스 19–50 */  color: #ccc; opacity:  1;}
.comment_write textarea:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */  color:  #ccc;}
.comment_write textarea::placeholder { /* 파이어폭스 51+, 크롬 57+ */  color: #ccc;  opacity:  1;}
.comment_write input[type=submit] {width: 50px;height: 50px;background: #4c7f58;color: #fff;border-radius: 4px;font-family: SF-Compact-bold;text-align: center;border:none;float: right;}
.comment01 {font-size:11px; border-bottom:1px solid #bad6c1; margin-top:5px;}
.comment01 > p {font-family: SF-Compact-bold; color: #666;line-height: 25px; padding:0 5px;}
.comment01 > p span {font-family: SF-Compact; display: inline-block; color: #aaa; border-left:1px solid #aaa;height: 9px;line-height: 9px;vertical-align: text-bottom;margin-left:10px;padding-left:10px; margin-bottom: 2px;}
.comment01 > div:nth-of-type(1) {font-size: 12px; color:#4c7f58;padding:0 5px 5px;text-transform: none;line-height:15px;margin-bottom:5px;}
.comment01 > div:nth-of-type(2) {height: 20px;position: relative;margin-bottom:10px;}
.comment01 > div:nth-of-type(2) span.reply {display: inline-block;position: absolute;left:0;top:0;background: #4c7f58;border-radius: 4px;color: #fff;line-height: 20px;min-width: 65px;font-size: 12px;text-align: center;}
.comment01 > div:nth-of-type(2) span.reply.open {background: #fff;border:1px solid #bad6c1;line-height: 18px;color: #4c7f58;}
.comment01 > div:nth-of-type(2) ul {font-size: 12px;position: absolute;right:0;top:0;}
.comment01 > div:nth-of-type(2) ul li {float:left;min-width: 60px;height: 18px;color:#4c7f58;border:1px solid #bad6c1; border-radius: 4px;margin-left:5px;}
.comment01 > div:nth-of-type(2) ul li span {display: inline-block;min-width: 30px;padding-right:5px;text-align: center;vertical-align: middle;}
.comment01 > div:nth-of-type(2) ul li:nth-of-type(1)::before {display: inline-block; content: ""; width: 16px;height: 14px;background: url("../image/base/icon.png") -7px -23px no-repeat; background-size: 110px;vertical-align: middle;margin:2px 3px 2px 7px;}
.comment01 > div:nth-of-type(2) ul li:nth-of-type(2)::before {display: inline-block; content: ""; width: 16px;height: 14px;background: url("../image/base/icon.png") -25px -23px no-repeat; background-size: 110px;vertical-align: middle;margin:2px 3px 2px 7px;}
.comment02 {display: none;margin-bottom:10px;}
.comment02 > div {background: #eee;position: relative;padding:7px 10px 10px 25px;margin-bottom:1px;}
.comment02 > div::before {display: inline-block;position: absolute;left:10px;top:10px;content: "";background: url("../image/base/icon.png") -144px -47px no-repeat;background-size:220px; width:12px ;height:12px ;}
.comment02 > div p {font-size: 11px;font-family: SF-Compact-bold; color: #666;line-height: 25px; }
.comment02 > div p span {font-family: SF-Compact; display: inline-block; color: #aaa; border-left:1px solid #aaa;height: 9px;line-height: 9px;vertical-align: text-bottom;margin-left:10px;padding-left:10px; margin-bottom: 2px;}
.comment02 > div div {font-size: 12px; color:#888;text-transform: none;line-height:15px;}
.comment02 > div.comment_write {padding:10px;border:none;margin-top:0;}
.comment02 > div.comment_write::before {display: none;}



/* ---------------------- alarm ----------------------- */
.alarmBox {margin-top:10px;}
.alarmBox > ul > li > div > ul {border-top:1px solid #bad6c1;}
.alarmBox > ul > li > div > ul > li {border-bottom:1px solid #bad6c1; padding:7px 0 5px;}
.alarmBox > ul > li > div > ul > li::after {display: block;content: "";clear: both;}
.alarmBox > ul > li > div > ul > li > p {width: 29px;height: 29px;border-radius: 15px;float:left;margin-left:5px;text-align: center;color: #fff;font-size: 14px;font-family:SF-Compact-bold; line-height: 29px;margin-top: 5px;overflow: hidden;}
.alarmBox > ul > li > div > ul > li > p img {width: 29px;}
.alarmBox > ul > li > div > ul > li > p.bg_c {background: #fca03d;}
.alarmBox > ul > li > div > ul > li > p.bg_s {background: #f54747;}
.alarmBox > ul > li > div > ul > li > p.bg_p {background: #4c7f58;}
.alarmBox > ul > li > div > ul > li > div {float:left;margin-left:10px;font-size: 0.7em;line-height: 15px;}
.alarmBox > ul > li > div > ul > li > div p {line-height: 13px;text-transform:none;color: #444;}
.alarmBox > ul > li > div > ul > li > div span.green {display: block;text-transform:none;}
.alarmBox > ul > li > div > ul > li > div span.green::before {display: inline-block;width: 2px;height: 9px;background: #4c7f58;content: "";margin-right:5px;}
.alarmBox > ul > li > div > ul > li > div span:nth-last-of-type(1) {color: #bbb;}



/* ---------------------- my picks ----------------------- */
.picksBox {margin-top:10px;}
.picksBox > ul > li > div {margin-top:30px;}
.picksBox > ul > li > div > ul {border-top:1px solid #bad6c1;}
.picksBox > ul > li > div > ul .oddBox.greenBox {background: #4c7f58;color:#fff;}
.picksBox > ul > li > div > ul .oddBox.greenBox .green span,.picksBox > ul > li > div > ul .oddBox.greenBox .gray span,.picksBox > ul > li > div > ul .oddBox.greenBox .box span {color: #fff !important;}
.picksBox > ul > li > div > ul .oddBox.greenBox .box span {border-bottom:1px solid #bad6c1;}
.picksBox > ul > li > div > ul .oddBox.greenBox::before {display: inline-block;position:absolute;top:12px;left:-17px;content: "";background: url("../image/base/icon.png") -83px -65px no-repeat;background-size: 220px;width: 14px;height: 10px;}
.picksBox > ul > li > div > ul .oddBox.greenBox:nth-last-of-type(1)::before {left:auto;right:-17px;}



/*--------------------------- qna ----------------------------*/

.qnaBox {}
.qnaBox li {font-size: 11px;line-height: 13px;padding:6px 10px;border-bottom:1px solid #bad6c1;color:#aaa;position: relative;}
.qnaBox li a:nth-of-type(1) {color:#4c7f58;height: 13px;font-size: 13px;width:70%;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.qnaBox li a:nth-of-type(2) {position: absolute;right:5px;top:4px;width: 70px;text-align: center;display: inline-block;height: 20px;line-height: 20px; background: #4c7f58;border-radius: 4px;color: #fff;}
.qnaBox li a:nth-of-type(2).comp {background: #ccc;}


/* ---------------------- faqBox ----------------------- */
.faqBox {border-bottom:1px solid #bad6c1; text-transform: none;}
.faqBox dt {color: #4c7f58; font-size: 13px; border-top:1px solid #bad6c1; line-height: 14px;padding:8px 5px 8px 10px;}
.faqBox dt:nth-of-type(1) {border-top:none;}
.faqBox dd {display: none;}
.faqBox dd div {font-size: 11px;background: #eee;padding:10px;margin:0 5px 10px;line-height: 12px;}
.faqBox dd div p {color: #4c7f58;}
.faqBox dd div p span {display: inline-block;color:#fff;width: 40px;height: 16px;line-height: 16px;border-radius: 4px;text-align: center;background: #4c7f58;margin-left:10px;}
.faqBox dd div p span.nn {background: #94a798;margin-left:2px;}


/* ---------------------- rules_box ----------------------- */
.rules_box {margin-top:10px;font-size: 0.7em;text-transform: none;}
.rules_box > div {margin-top:15px;padding:0 5px;}
.rules_box > div h4 { color:#444;margin-bottom:3px;}
.rules_box > div p {line-height: 1.1; font-size: 0.9em;}
.rules_box

.rules_box table {text-align: center;}
.rules_box table th {background: #ddd;}
.rules_box table th, .rules_box table td {border:1px solid #ccc;}
.rules_box table thead tr:nth-of-type(1) th {font-weight: bold;color:#444;}
.rules_box table thead tr:nth-of-type(2) th {background: #fff;}
.rules_box table td {color:#4c7f58;}
.rules_box table tr:hover td {background: #f7f7f7;}
.left_table {width:48%;float:left;}
.right_table {width:48%;float:right;}

.rules_box ol {width: 100%;}
.rules_box ol li {line-height: 25px;color:#fff;text-align: center;margin: 5px 0;}
.rules_box ol li:nth-of-type(1) {background: #4c7f58;}
.rules_box ol li:nth-of-type(2) {background: #5e8c68;}
.rules_box ol li:nth-of-type(3) {background: #709979;}
.rules_box ol li:nth-of-type(4) {background: #81a58a;}
.rules_box ol li:nth-of-type(5) {background: #94b29b;}
.rules_box ol li:nth-of-type(6) {background: #888;}


/* ---------------------- setBox ----------------------- */
.setBox {text-transform: none;}
.setBox ul li {position: relative;padding:7px 10px;border-bottom: 1px solid #bad6c1;}
.setBox ul.bt {padding-top:10px;}
.setBox ul.bt li:nth-of-type(1) {border-top: 1px solid #bad6c1;}
.setBox ul li h5 {color: #4c7f58; font-size: 13px;line-height: 1;}
.setBox ul li p {color: #888; font-size: 11px;line-height: 13px;margin-top:7px;width: 80%;}
.setBox ul li input[type=checkbox] {position: absolute;}
.setBox ul li input[type=checkbox]:not(old) + label{
  position: absolute; top:50%; right:10px;
  margin-top: -10px;
  background: url(../image/base/input2_onoff.png) right -21px no-repeat;
  background-size: 47px;
  background-color: inherit;
  border: none;
  width: 47px;
  height: 20px;
}
.setBox ul li input[type=checkbox]:not(old):checked + label{
  background: url(../image/base/input2_onoff.png) right 0px no-repeat;
  background-size: 47px;
  background-color: inherit;
}





/* ---------------------- betslip ------------------------*/
.betslip {background: #fff;padding-bottom: 1px;position:fixed;left:0;width: 100%;z-index: 2;}
.betslip h3 {line-height: 25px;height: 25px;text-align: center;color:#fff;background: #ffc601;font-size:12px; font-family: SF-Compact-bold;position: relative;box-shadow: 0 -4px 10px rgba(0,0,0,0.3);}
.betslip h3::before {display: inline-block;content: "";background: url("../image/base/img_betslip.png") no-repeat;width: 32px;height: 16px;background-size: 32px;position:absolute;top:-16px;left:0;right:0;margin: 0 auto;border-radius: 16px 16px 0 0;box-shadow: 0 -4px 10px rgba(0,0,0,0.3); }
.betslip h3 > span {display: inline-block;content: "";background: url("../image/base/arrow.png") no-repeat 0 -200px;width: 6px;height: 3px;background-size: 11px;position:absolute;top:-4px;left:0;right:0;margin: 0 auto;}
.betslip h3 > span.open {background-position: 0 -150px;}
.betslip > div {display: none;}
.betslip ul {padding:0 10px;max-height: 340px;overflow: scroll;}
.betslip ul > li {background: #ecf5e9;line-height: 16px;padding: 7px 10px; color:#4c7f58; border-radius: 4px;margin-bottom:3px;text-align: center; text-transform:none;font-size:12px;margin-top:10px;}
.betslip ul > li:nth-last-of-type(1) {margin-bottom:0;}
.betslip ul > li {position:relative;text-align: left;}
.betslip ul > li .close {display: block;position: absolute;top:10px;right:7px;background: url("../image/base/etc.png") no-repeat -49px -78px;width: 12px ; height: 11px; cursor: pointer;}
.betslip ul > li h4 {position:relative;font-size: 12px;font-weight: bold;}
.betslip ul > li h4 span {position:absolute;right:20px;top:0px;display: inline-block;width:45px;text-align: center;border-radius: 3px;background: #ffc601;color:#4c7f58;font-family: SF-Compact;font-size: 12px;height: 15px;line-height: 15px;font-weight: 400;}
.betslip ul > li input {background: #ecf5e9;border:1px solid #4c7f58; border-radius: 4px;width: 40px;height: 16px;padding:0 10px;text-align: center;font-family: SF-Compact;color:#4c7f58;margin-right:10px;}
.betslip ul > li input::-ms-input-placeholder { color:#4c7f58;}
.betslip ul > li input::-webkit-input-placeholder { color:#4c7f58;}
.betslip ul > li input::-moz-placeholder { color:#4c7f58;}
.betslip div a {font-family:SF-Compact-bold; font-size: 12px; color:#fff;text-align: center;background: #4c7f58;border-radius: 4px;display: block;height: 30px;line-height: 30px;margin-top:10px;margin:10px;}
.betslip ul > li .close {display: block;position: absolute;top: 10px;right: 10px;background: url(../image/base/icon.png) no-repeat -162px -22px;background-size: 220px; width: 12px;height: 11px;cursor: pointer;}










/* iPon5 (가로/세로) ----------- */
@media only screen and (min-width : 320px) and (max-width : 355px) {
/* Styles */

.forum_write input[type="text"] {width:83%;}
.gnb_w .gnb .gnbMenu ul {margin-right:1%;margin-left:1%;width:100%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(1) {width:11%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(2) {width:18%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(3) {width:16%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(4) {width:14%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(5) {width:15%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(6) {width:13%;}
.gnb_w .gnb .gnbMenu ul li:nth-of-type(7) {width:13%;}

.banner > a > img {width: 300px;}

.forum_write > div:nth-of-type(3) label {width:34%;}
.forum_write > div:nth-of-type(3) .selectBox {width: 64%;}

.comment_write textarea {width: 80%;}

}


/* iPads (가로/세로) ----------- */
@media only screen and (min-width : 768px) {
/* Styles */

.forum_write > div:nth-of-type(3) label,.forum_write > div:nth-of-type(4) label {width:15%;}
.forum_write > div:nth-of-type(3) .selectBox,.forum_write > div:nth-of-type(4) .selectBox {width: 84%;}
.forum_write > div:nth-of-type(3) .selectBox .select02:nth-of-type(1) {left:0;width: 40%;}
.forum_write > div:nth-of-type(3) .selectBox .select02:nth-of-type(2) {right:0; width: 58%;}
.forum_write > div:nth-of-type(4) .selectBox .select02 {width: 33%;}
.forum_write > div:nth-of-type(4) .selectBox .select02:nth-of-type(2) {left:35%;}
.forum_write > a:nth-of-type(1),.forum_write > a:nth-last-of-type(1) {width: 49%;}

.comment_write textarea {width: 92%;}

}


/* iPads pro ----------- */
@media only screen and (min-width : 1024px) {
/* Styles */
.forum_write > div:nth-of-type(3) label,.forum_write > div:nth-of-type(4) label {width:13%;}
.forum_write > div:nth-of-type(3) .selectBox,.forum_write > div:nth-of-type(4) .selectBox {width: 86%;}

}

/* iPhone4와 같은 높은 해상도 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}