@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:12px; font-family:'SF-Compact',Helvetica,"돋움",Dotum,AppleGothic,Sans-serif; line-height:1.2;color:#888;text-transform: capitalize ;}
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/SF-Compact-Text-Semibold.eot');
	src:url('../font/SF-Compact-Text-Semibold.eot') format('embedded-opentype'),
	url('../font/SF-Compact-Text-Semibold.woff') format('woff'),
	url('../font/SF-Compact-Text-Semibold.ttf') format('truetype');
	src:local(※), url('../font/SF-Compact-Text-Semibold.woff') format('woff');
}




h1,h2,h3,h4,h5,h6,address{font-weight: 400;}
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}
select::-ms-expand{display: none;}
input::-ms-input-placeholder,input::-webkit-input-placeholder,input::-moz-placeholder {line-height: 1;}



/* 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;}

/* common */
body{overflow-x:hidden; overflow-y:scroll;background: #e9eef5;}
#wrapper{position:relative;clear:both; display:block; content:"";width:100%}
#wrapper .topmenu_w {position:fixed;top:0;background:#415b7b; width:100%;height:130px;z-index:9;}
#wrapper .topmenu {position:relative;width: 1633px;}
#wrapper .container_w {position:relative;margin-top:130px;}
#leftMenu {width:220px; height:100%;position:absolute;left:0px;top:4px;background: #ffb800;}
#container {position:relative;left:224px; top:0px;float:left;width: 100%;background: #415b7b;padding-bottom:3px;margin-bottom:4px;}
#center_wrap {float:left;position: relative;}
#right_wrap {width:297px;float:left;}



/* color */
.red {color:#ed3737 !important;}
.red>a {color:#c00000 !important;}
.red02 {color:#c00000 !important;}

.S_blue {color:#415b7b !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;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mr10 {margin-right:10px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !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;}
.bb {border-bottom:1px solid #eee;}
/*decoration*/
.normal {font-weight: normal !important;}
b,.bold {font-family: SF-Compact-bold;font-weight: normal;}
b,h1,h3 {font-weight: normal;}
.underline {text-decoration: underline !important;}
.upper {text-transform: uppercase !important;}/*대문자*/
.lower {text-transform: lowercase !important;}/*소문자*/
.transN {text-transform: none !important;}/*그대로*/

/* title */
h3.h301 {color:#415b7b;font-size: 16px;line-height: 33px;height: 30px;padding-top:10px;display: block;cotent:""; clear: both; font-family: SF-Compact-bold; }


/* position */
.float_left {float:left;}
.float_right {float:right;}

/*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;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display: inline-block;border-radius: 3px;border:1px solid #ccc;line-height: 18px;padding:0 10px 0 20px;vertical-align: middle;width: 68px;text-align: left;
  background: #fff url("../image/base/cb01.png") no-repeat 3px 2px;
}

input[type=checkbox]:not(old):checked + label,
input[type=radio]:not(old):checked + label{
  background-color: #415b7b;
  background-position : 3px -28px;
  color:#fff
}

input[type=checkbox].check02 + label {background: url("../image/base/cb02.png") no-repeat 0px 0px; background-color:inherit;border:none;width:auto;line-height: 17px;padding-left:25px;}
input[type=checkbox].check02:checked + label {background: url("../image/base/cb02.png") no-repeat 0px -80px;color:#555;}


/* table */
table {width: 100%;font-size:1em;}
table th {height:26px;line-height: 26px;text-align: center;font-weight: normal;color:#444;}
table td {height:26px;text-align: center;background: #fff;font-weight: normal;}
table tr:hover td,table tr:hover th {background: #f7f7f7;}

table td.ht30 {line-height: 33px;height: 30px;padding:0;}

.font_10 {font-size: 10px;}
.font_11 {font-size: 11px;}
.font_12 {font-size: 12px;}
.font_14 {font-size: 14px;}
.font_15 {font-size: 15px;}
a.user {color:#415b7b;}
table tr:hover td a.user {text-decoration: underline;}

table .topth {background: #415b7b;color:#fff;height: 26px;}
table .topth02 {background: #c9d0db;height: 26px;color:#415b7b;}
.th_left {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.th_right {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

.th_group {background: url("../image/base/bg_th_group.jpg") 0 15px repeat-x;height: 30px;}
.th_group > span {padding:0 10px;background: #415b7b;}

table.table01 tbody tr td {border-bottom: 1px solid #c6d5e5; }

table.table01_1 tbody tr td {}
table.table01_1 tbody tr:nth-of-type(even) td { background: #e9eef5;line-height:25px; }
table.table01_1 tr:hover td,table.table01_1 tr:hover th {background: none;}

table.table01_big {border: 2px solid #415b7b;}
table.table01_big th,table.table01_big td {height:50px;line-height: 50px;background: #fff;}
table.table01_big .topth {height: 35px;line-height: 35px;margin-left: 8px;margin-right:8px;}
table.table01_big tbody tr:nth-of-type(odd) td { background: #f7f7f7;line-height:25px; }

table.table02 td {border-bottom:1px solid #c6d5e5;padding:7px 0 7px;}


table.table03 td {height:20px;line-height: 20px;}
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;}

.grayUnl {display: inline-block;line-height: 28px;border-bottom: 1px solid #ddd;width:75px;margin-left: -5px;padding-left: 5px;}

ul.tab01 table.table01 th,ul.tab01 table.table02 th {background: #ddd;}
ul.tab01 table.table01_2 tbody th {border-top:none;}

/*
.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: 18px;width: 18px;position: absolute;left:0;bottom:0;}
.green_btn::after,.gray_btn::after {display: inline-block;content:""; background: url("../image/base/btn_img.png") no-repeat;height: 18px;width: 18px;position: absolute;right:0;top:0;}
.green_btn {display: inline-block;background: #415b7b;border-radius: 3px;height: 30px;line-height: 30px;font-size: 14px;text-align: center;width: 155px;font-weight: bold;color: #fff;}
.gray_btn {display: inline-block;background: #999;border-radius: 3px;height: 30px;line-height: 30px;font-size: 14px;text-align: center;width: 115px;font-weight: bold;color: #fff;}
a.gray_btn2 {width: 172px;background: #666;color:#fff;text-transform: uppercase;font-size: 13px;}
.gray_btn3 {display: block;width: 172px;background: #aaa;color:#fff;text-transform: uppercase;font-size: 13px;margin:10px auto 0;}

.gbg {display: inline-block;border-radius: 3px;line-height: 20px;background : rgba(221, 221, 221, 1);color:#415b7b;width: 40px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg_2 {display: inline-block;border-radius: 3px;line-height: 35px;background : rgba(221, 221, 221, 1);color:#415b7b;width: 40px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg1 {display: inline-block;border-radius: 3px;line-height: 20px;background : rgba(221, 221, 221, 1);color:#415b7b;width: 50px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg1_2 {display: inline-block;border-radius: 3px;line-height: 35px;background : rgba(221, 221, 221, 1);color:#415b7b;width: 50px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg2 {display: inline-block;border-radius: 3px;line-height: 35px;background : rgba(221, 221, 221, 1);color:#415b7b;width: 70px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg2_2 {display: inline-block;border-radius: 3px;line-height: 25px;background : rgba(221, 221, 221, 1);color:#415b7b;width: 70px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg3 {display: inline-block;border-radius: 3px;line-height: 35px;background : rgba(238, 238, 238, 1);color:#444;width: 30px;text-align: center;cursor: pointer;font-size: 12px;}
.gbg3_2 {display: inline-block;border-radius: 3px;line-height: 25px;background : rgba(238, 238, 238, 1);color:#444;width: 30px;text-align: center;cursor: pointer;font-size: 12px;}
.ybg {display: inline-block;border-radius: 3px;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 : #415b7b;color:#fff;}
.scorebox {display: inline-block;width: 20px;height: 20px;background-color: #eee;border-radius: 3px;text-align: center;line-height: 20px;margin: 0 2px;}
.scorebox.win {background-color: #415b7b; color:#fff;}
*/

.gray_btn,.gray_btn:link,.gray_btn:visited {display: block; background:#666; height: 30px; line-height: 30px; font-size: 12px; text-align: center; /*font-weight: bold;*/ color: #fff; width: 185px;text-transform: uppercase;border-radius: 3px;position:relative;margin: 0 auto;}
.green_btn::before,.gray_btn::before {display: inline-block;content:""; background: url("../image/base/btn_img.png") no-repeat;height: 18px;width: 18px;position: absolute;left:0;bottom:0;}
.green_btn::after,.gray_btn::after {display: inline-block;content:""; background: url("../image/base/btn_img.png") no-repeat;height: 18px;width: 18px;position: absolute;right:0;top:0;}
.gray_btn2,.gray_btn2:link,.gray_btn2:visited {background: #aaa;}
.gray_box {display: inline-block;padding:0 7px;height: 20px;line-height: 20px;color:#888;background: #eee;border-radius: 3px;}


.gbg {display: inline-block;border-radius: 3px;line-height: 20px;height:20px;background : rgba(221, 221, 221, 1);color:#444;width: 50px;text-align: center;cursor: pointer;}/*1줄 작은칸*/
.gbg1 {display: inline-block;border-radius: 3px;line-height: 28px;height:28px;padding:3px 0; background : rgba(221, 221, 221, 1);color:#444;width: 50px;text-align: center;cursor: pointer;}/*1줄 큰칸*/

.gbg2 {display: inline-block;border-radius: 3px;line-height: 17px;height:34px; background : rgba(214, 219, 227, 1);color:#444;width: 50px;text-align: center;cursor: pointer;font-size:13px;overflow: hidden;font-size: 12px;}/*2줄*/
.gbg2 > span {font-size: 11px;background: #e9eef5;display: inline-block;width: 100%;height: 17px;line-height:17px;color:#748dac; }
.gbg3 {display: inline-block;border-radius: 3px;line-height: 30px;height:30px;background : rgba(221, 221, 221, 1);color:#444;width: 50px;text-align: center;cursor: pointer;}
/*노랗게 변신*/
.ybg {display: inline-block;border-radius: 3px;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);
    }
}
/*노랗게 변신-할 일이 없는 애들*/
.gbg1_1 {display: inline-block;border-radius: 3px;line-height: 18px;height:18px; background : rgba(233, 238, 245, 1);color:#a8adb3;width: 80px;text-align: center;text-align: right;}/*1줄 긴칸*/
.gbg1_1 > span {display: inline-block;width: 41px;height: 18px;background: url("../image/base/arrow.png") 0 -115px no-repeat;vertical-align: top;margin-left:5px;color:#ff762b;text-align: center;}


.score {display: inline-block;color:#fff;font-family:SF-Compact-bold;background: #fc8b54;height: 18px;line-height: 18px;width: 47px;text-align: center;border-radius: 3px;}
.down {display: inline-block;padding-left:13px; background: url("../image/base/arrow.png") 0 -355px no-repeat;color:#bb2b2b; }
.up {display: inline-block;padding-left:13px; background: url("../image/base/arrow.png") 0 -237px no-repeat;color:#415b7b; }

/* select */
select { -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;
color: #777;text-align: left;vertical-align: middle;padding: 2px 25px 2px 7px;border: 1px solid #aaa;border-radius: 3px;cursor: default;background: #fff url("../image/base/arrow.png") right -952px no-repeat;display: inline-block;}
select::-ms-expand { display:none; }


/* fake form - select */
.select-title {color: #777; text-align: left; vertical-align: middle; padding: 2px 20px 2px 10px; border: 1px solid #aaa;border-radius: 3px; cursor: default; background: #fff url("../image/base/arrow.png") right -952px no-repeat; display: inline-block; -box-sizing: border-box;}
.select-title strong {width: 100%; height: 1em; font-weight: normal; font-size:13px; word-break: break-all; line-height: 1.2em; padding: 1px 0 2px; display: block; overflow: hidden;}
.select-title.active {border-radius: 3px 3px 0 0;}
.select-title.disabled {color: #999; text-shadow: 1px 1px 0 #fff; border-color: #bbb; background-color: #eee;}
.select-option {border: 1px solid #aaa; background: #fff; overflow: auto;border-radius: 0 0 3px 3px;}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;border-bottom:1px solid #aaa;height: 22px;line-height: 22px;}
.select-option li:nth-last-of-type(1) {border:none;}
.select-option span,
.select-option strong {font-size:13px; font-weight: normal; color: #777; white-space: nowrap; text-overflow: ellipsis;text-decoration: none; padding-left: 10px;display: block; overflow: hidden; cursor: default;}
.select-option strong {/*font-weight: bold;*/ color: #000; border-top: 1px solid #eee; border-bottom: 1px solid #ccc;}
.select-option li li span {padding-left: 10px;}
.select-option span:hover,
.select-option span.selected { background: #eee;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none;}

.select_wrap {position: absolute;top:0;}

ul.tab01 > li > div > .select_box {position:absolute;top:5px;right:10px;width: auto;float:none;}
.box_wrap > .select_box {position:absolute;top:5px;right:10px;width: auto;float:none;}
.select_box fieldset {float:left;}
.select_box fieldset .select02 {float:left;display: block;margin-left:5px;}
.select_box span.prev {display:block;height: 20px;line-height: 20px;color:#888;padding: 0 3px;border-radius: 3px;vertical-align: middle;cursor: pointer;float:left;margin-left:5px;background:  #fff url("../image/base/arrow.png") 2px -653px no-repeat;width: 5px;}
.select_box span.next {display:block;height: 20px;line-height: 20px;color:#888;padding: 0 3px;border-radius: 3px;vertical-align: middle;cursor: pointer;float:left;margin-left:5px;background:  #fff url("../image/base/arrow.png") 4px -713px no-repeat;width: 5px;}
.select_box span.calendar {display:block;height: 16px;width: 16px;padding:2px 4px;border-radius: 3px;vertical-align: middle;cursor: pointer;float:left;margin-left:5px;background:  #fff url("../image/base/etc.png") -62px 2px no-repeat;}
.select_box span.setting {display:block;height: 16px;width: 16px;padding:2px 4px;border-radius: 3px;vertical-align: middle;cursor: pointer;float:left;margin-left:5px;background:  #fff url("../image/base/etc.png") -89px 2px no-repeat;}
.select02 {vertical-align: middle;border:none;font-size: 13px;}
.select02 + .select-title {padding:0;padding: 0px 10px 0px 5px;height: 20px;line-height: 20px;background: #fff url("../image/base/arrow.png") right -772px no-repeat;}
.select02 + .select-title strong {line-height: 20px;padding:0;height: 20px;/*font-weight: bold;*/font-size: 13px;}
.select02.select-option {border-radius: 0 0 3px 3px;border: 1px solid #ddd;}
.select02.select-option ul li {height: 24px;line-height: 24px;border-bottom:1px solid #ddd;}
.select02.select-option li:nth-last-of-type(1) {border:none;}
.select02.select-option ul li span,
.select02.select-option strong {padding-left: 5px;font-size: 13px;}






/* box */
.box_wrap {position:relative;}
.box_wrap > div {float:left;width: 383px;}
.box_wrap > div:nth-of-type(even) {float:right;}
.box01 { padding:10px;background: #fff;position:relative;margin:3px 0 0 3px;}
.box01::after,.box01_w::after,.box01_w_gr::after  {content: "";display:block;width: 0;height: 0;clear:both;}
.box01 table {border:none;}
.box01 table:nth-last-of-type(1),ul.tab01 > li > div > table:nth-last-of-type(1) {border-bottom:1px solid #eee;}
.box01 h3.h301 {color:#415b7b;line-height: 32px;height: 32px;position: relative;margin-bottom:5px;font-size: 15px;}
.box01 h3.h301 > span {position: absolute;right: 0;top:0;font-size: 12px;}
.box01 h3.h301:nth-of-type(1),.box01_w h3.h301:nth-of-type(1) {padding:0;margin-top:-5px;}
.box01_w {padding:10px;background: #ccc;margin-bottom:10px;}
.box01_w_gr {padding:10px;background: #415b7b;margin-bottom:10px;}
.box01_w_gr > .box01 {border:none;}

/*팝업*/
.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;}

/*login_pop*/
.loginWrap {display:;top:231px;position: fixed;width: 100%;left:0;}
.loginWrap .pop_back {top:231px;}
.loginWrap .login_pop {background: #ddd;border:1px solid #ccc;border-radius: 2px;position: absolute;top:60px;left: 50%;width: 398px;margin-left: -199px;padding:0;}
.loginWrap .login_pop > p:nth-of-type(1) {background: #415b7b; text-align: center;padding:13px 0;}
.loginWrap .login_pop ul {padding:10px;}
.loginWrap .login_pop ul li {border:1px solid #ccc;overflow: hidden;}
.loginWrap .login_pop ul li input[type="text"],.loginWrap .login_pop ul li input[type="password"] {height:38px;line-height: 38px;font-size: 14px;padding:0 10px;border:none;width: 356px;}
.loginWrap .login_pop ul li:nth-last-of-type(1),.loginWrap .login_pop ul li:nth-last-of-type(2) {margin-top:10px;}
.loginWrap .login_pop ul li input[type="button"] {background: #415b7b;color:#fff;border: none;text-align: center;width: 378px;line-height: 38px;font-weight: normal;cursor: pointer;border:1px solid #ccc;}
.loginWrap .login_pop ul li:nth-last-of-type(1) {border:none;}
.loginWrap .login_pop > p:nth-of-type(2) {padding:0 10px 10px;}
.loginWrap .login_pop > div:nth-of-type(1) {margin:10px;border-top:1px solid #aaa;text-align: center;line-height: 14px;padding:13px 0;}
.loginWrap .login_pop > div:nth-of-type(1) a {text-decoration: underline;padding:0 15px;border-right:1px solid #666;}
.loginWrap .login_pop > div:nth-of-type(1) a:nth-of-type(3) {border:none;text-decoration: none;}
.loginWrap .login_pop .close {position: absolute; right:12px;top:12px;background: url("../image/base/etc.png") no-repeat -88px -90px;width: 15px;height:15px;cursor: pointer;}

/*register_pop*/
.registerWrap {display:;top:231px;position: fixed;width: 100%;left:0;}
.registerWrap .pop_back {top:231px;}
.registerWrap .register_pop {background: #ddd;border:1px solid #ccc;border-radius: 2px;position: absolute;top:60px;left: 50%;width: 398px;margin-left: -199px;padding:0;}
.registerWrap .register_pop > p:nth-of-type(1) {background: #415b7b; color:#fff; /*font-weight: bold;*/padding:0 13px;line-height: 40px;}
.registerWrap .register_pop ul {padding:10px 10px 0;}
.registerWrap .register_pop ul li {line-height: 30px;margin-bottom:10px;position:relative;}
.registerWrap .register_pop ul li:nth-last-of-type(1) {margin-bottom:5px;}
.registerWrap .register_pop ul li label {width: 120px;padding:0 9px;display: inline-block;font-size: 14px;color:#888;}
.registerWrap .register_pop ul li input[type="text"],.registerWrap .register_pop ul li input[type="password"] {height:28px;line-height: 28px;font-size: 14px;padding:0 10px;background: #fff;border:1px solid #ccc;width: 218px;}
.registerWrap .register_pop ul li input[type="password"] {background: #fff url("../image/base/cb02.png") no-repeat 216px 6px;padding:0 25px 0 10px;width: 203px;}
.registerWrap .register_pop ul li input[type="password"].yes {background: #fff url("../image/base/cb02.png") no-repeat 216px -74px;}
.registerWrap .register_pop ul li:nth-last-of-type(1) {border:none;}
.registerWrap .register_pop ul li .select-title {border-radius: 0;  border: 1px solid #ccc; padding: 6px 25px 6px 10px;width: 180px;background-position: right -948px;}
.registerWrap .register_pop ul li .select-option {width: 200px;}
.registerWrap .register_pop ul li .select-option ul {}
.registerWrap .register_pop ul li .select-option ul li {}
.registerWrap .register_pop ul li .select-option ul li span {}
.registerWrap .register_pop > p.r_comment {color:#a10d0d; font-size: 11px;padding-left:150px;}
.registerWrap .register_pop > div:nth-of-type(1) {border-top:1px solid #aaa;margin:10px 10px 0;padding:10px;}
.registerWrap .register_pop > div:nth-of-type(1) label {color:#888;line-height: 16px; text-transform:none; }
.registerWrap .register_pop > div:nth-of-type(1) label span {color:#415b7b; text-decoration: underline;}
.registerWrap .register_pop > div:nth-of-type(1) div {margin:15px 0;}
.registerWrap .register_pop > p:nth-last-of-type(1) {padding:5px 10px 10px;}
.registerWrap .register_pop input[type="button"] {background: #888;color:#fff;border: none;text-align: center;width: 142px;line-height: 38px;font-weight: normal;cursor: pointer;border:1px solid #ccc;}
.registerWrap .register_pop input[type="button"].rgst {background: #415b7b;width: 228px;margin-right: 8px;}
.registerWrap .register_pop .close {position: absolute; right:12px;top:12px;background: url("../image/base/etc.png") no-repeat -88px -90px;width: 15px;height:15px;cursor: pointer;}


.onoffList {font-size:13px;line-height: 26px;padding:0 10px;}
.onoffList > li {}
.onoffList p {/*font-weight:bold;*/cursor: pointer;border-bottom:2px solid #fff;position: relative;padding:4px 5px 0 5px;}
.onoffList > li > ul {display:none;}
.onoffList > li.on > ul {display: block;}
.onoffList > li > ul > li > a {display: block;border-bottom:2px solid #fff;position: relative;padding:4px 5px 0 5px;}
.onoffList > li > ul > li > a .country {margin-right:5px;}
.onoffList > li.on p,.onoffList p:hover {color:#415b7b;border-bottom:2px solid #fec335;}
.onoffList > li > ul > li > a:hover {color:#415b7b;border-bottom:2px solid #fec335;}
.onoffList p > span ,.onoffList > li > ul > li > a > span:nth-last-of-type(1) {color:#555;font-weight: normal;position: absolute;right:5px;top:0;}
.onoffList > li.on p > span,.onoffList p:hover > span ,.onoffList > li > ul > li > a:hover > span:nth-last-of-type(1) {color:#415b7b;}



/*탭*/

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:#415b7b;}
ul[class^=tab] > li > div {background: #fff; position: relative;z-index: 0;display: none;}
ul[class^=tab] > li.on > div {display: block;z-index: 1;}
ul[class^=tab] > li > div table {border:none;}


ul.tab01::before {content: "";display: inline-block;width: 100%;height:26px;position: absolute;background: url("../image/base/bg_tab01.jpg") no-repeat;z-index: 2;}
ul.tab01 > li > h4 {display: inline-block;width:115px;line-height: 21px;position: absolute;text-align: center;font-size:12px;font-weight: normal;cursor: pointer;z-index: 2;padding-top:5px;top:0;left:140px;color:#999;}
ul.tab01 > li.on > h4 {left:0;width:125px;color:#415b7b;}
ul.tab01 > li > div {background: #fff; border:1px solid #bbb; margin-top:25px;position: relative;z-index: 0;}


ul[class^=tab02]::before {content: "";display: inline-block;width: 100%;height:26px;position: absolute;}
ul[class^=tab02] > li > h4 {display: inline-block; text-align: center;height: 24px;line-height: 24px;position: absolute;text-align: center;font-weight: normal;z-index: 1;color:#415b7b;border:1px solid #415b7b;border-radius: 3px;cursor: pointer;}
ul[class^=tab02] > li.on > h4 {color:#fff; background:#415b7b;border:1px solid #415b7b;font-family:SF-Compact-bold;}
ul[class^=tab02] > li > div {background: #fff; margin-top:31px;position: relative;z-index: 0;}
ul.tab02 > li > h4 {width:158px;}
ul.tab02 > li:nth-of-type(1) > h4 {left:0px;}
ul.tab02 > li:nth-of-type(2) > h4 {left:165px;}
ul.tab02 > li:nth-of-type(3) > h4 {left:330px;}
ul.tab02_1 > li > h4 {width:109px;}
ul.tab02_1 > li:nth-of-type(1) > h4 {left:0px;}
ul.tab02_1 > li:nth-of-type(2) > h4 {left:114px;}
ul.tab02_1 > li:nth-of-type(3) > h4 {left:228px;}
ul.tab02_1 > li:nth-of-type(4) > h4 {left:342px;}
ul.tab02_1 > li:nth-of-type(5) > h4 {left:456px;}



ul[class^=tab03]::before {content: "";display: inline-block;width: 100%;height:26px;position: absolute;background:#415b7b;border-radius: 3px;}
ul[class^=tab03] > li > h4 {display: inline-block; text-align: center;line-height: 26px;position: absolute;text-align: center;font-weight: normal;z-index: 1;cursor: pointer;color: #fff;opacity: 0.4;}
ul[class^=tab03] > li.on > h4 {color: #fff; opacity: 1; font-family: SF-Compact-bold;}
ul[class^=tab03] > li > div {background: #fff; margin-top:31px;position: relative;z-index: 0;}
ul.tab03 > li > h4 {width:135px;}
ul.tab03 > li:nth-of-type(1) > h4 {left:25px;}
ul.tab03 > li:nth-of-type(2) > h4 {left:160px;}
ul.tab03 > li:nth-of-type(3) > h4 {left:295px;}

ul.tab04 {position: relative;}
ul.tab04::before {content: "";display: inline-block;width: 100%;height:30px;position: absolute;border-radius: 3px;}
ul.tab04 > li {position: absolute;width: 100%;}
ul.tab04 > li > h4 {display: inline-block; width:40px;text-align: center;height: 18px;line-height: 18px;position: absolute;text-align: center;font-weight: normal;cursor: pointer;z-index: 1;color:#888;border:1px solid #bbb;border-radius: 3px;}
ul.tab04 > li.on > h4 {color:#fff;background: #415b7b;border:1px solid #415b7b;}
ul.tab04 > li > div {background: #fff; margin-top:25px;display: none;position: relative;}
ul.tab04 > li.on > div {display: block;}
ul.tab04 > li:nth-of-type(1) > h4 {left:28px;}
ul.tab04 > li:nth-of-type(2) > h4 {left:73px;}
ul.tab04 > li:nth-of-type(3) > h4 {left:118px;}
ul.tab04 > li:nth-of-type(4) > h4 {left:163px;}
ul.tab04 > li:nth-of-type(5) > h4 {left:208px;}

ul.tab04_2 > li > h4 {width:135px;}
ul.tab04_2 > li:nth-of-type(1) > h4 {left:0px;}
ul.tab04_2 > li:nth-of-type(2) > h4 {left:140px;}


ul.tab_sports::before {content: "";display: inline-block;width: 100%;height:56px;position: absolute;background:#415b7b;border-radius: 3px;}
ul.tab_sports > li > h4 {display: inline-block; text-align: center;position: absolute;text-align: center;font-weight: normal;z-index: 1;color:#fff;cursor: pointer;opacity: 0.4;width: 95px;line-height: 1;}
ul.tab_sports > li > h4 > span.ic_all_big {display: block;margin:8px auto 0;height:30px;}
ul.tab_sports > li > h4 > span[class^=ic] {display: block;margin:13px auto 0;height:25px;}
ul.tab_sports > li.on > h4 {color:#fff; opacity:1;}
ul.tab_sports > li > div {background: #fff; margin-top:61px;position: relative;z-index: 0;}
ul.tab_sports > li:nth-of-type(1) > h4 {left:10px;}
ul.tab_sports > li:nth-of-type(2) > h4 {left:105px;}
ul.tab_sports > li:nth-of-type(3) > h4 {left:200px;}
ul.tab_sports > li:nth-of-type(4) > h4 {left:295px;}
ul.tab_sports > li:nth-of-type(5) > h4 {left:390px;}
ul.tab_sports > li:nth-of-type(6) > h4 {left:485px;}




table thead tr.topth th {background: url("../image/base/bg_th3_top.png") no-repeat center center;color:#fff;}
table thead tr.topth th:nth-of-type(1) {background: url("../image/base/bg_th3_top.png") no-repeat left 0;}
table thead tr.topth th:nth-last-of-type(1) {background: url("../image/base/bg_th3_top.png") no-repeat right 0;}
table thead tr.gray_bg th {background: url("../image/base/bg_th3.png") no-repeat center center;color:#444;}
table thead tr.gray_bg th:nth-of-type(1) {background: url("../image/base/bg_th3.png") no-repeat 0 0;color:#444;}
table thead tr.gray_bg th:nth-last-of-type(1) {background: url("../image/base/bg_th3.png") no-repeat right 0;color:#444;}
table thead tr.white_bg {background: #fff;}
table thead tr.white_bg th {background: none;color:#999;}

span.bg_01 {display: block;background: #1ea8ec;text-align: center;line-height: 25px;color:#fff;margin:0 7px;}
span.bg_02 {display: block;background: #7f0029;text-align: center;line-height: 25px;color:#fff;margin:0 7px;}
span.bg_03 {display: block;background: #c71585;text-align: center;line-height: 25px;color:#fff;margin:0 7px;}
span.bg_04 {display: block;background: #c71515;text-align: center;line-height: 25px;color:#fff;margin:0 7px;}


.graybox {background: #ddd;padding:25px 10px 20px;line-height:20px;}
.graybox div { }
.graybox ul {margin-top:20px;}
.graybox ul li {}
.graybox ul li:nth-of-type(1)::before {display: inline-block;content: "";width: 10px;height: 18px;margin-right:10px;background: #66b0d6;vertical-align: middle;}
.graybox ul li:nth-of-type(2)::before {display: inline-block;content: "";width: 10px;height: 18px;margin-right:10px;background: #98e9fb;vertical-align: middle;}
.graybox ul li:nth-of-type(3)::before {display: inline-block;content: "";width: 10px;height: 18px;margin-right:10px;background: #eb0618;vertical-align: middle;}


.in_choice {position: relative;}
.in_choice > ul h5 {position: absolute;line-height: 30px;left:15px;top:0;display: inline-block;font-size: 12px;z-index: 1;cursor: default;}
.in_choice > ul h5 b {font-weight: normal;}
.in_choice > ul li.on h5 b {/*font-weight: bold;*/color:#415b7b;border-bottom: 1px solid #415b7b;}
.in_choice > ul > li {height:0px;}
.in_choice > ul > li.on {display: block;height:220px;/*overflow: hidden;*/}
.in_choice > ul > li > div {display: none;}
.in_choice > ul > li.on > div {display: block;}
.in_choice > ul > li > div table {display: table;}

.in_choice02 > ul h5 {position: absolute;top:0px; border:1px solid #999;background: #bbb;display: inline-block;height: 18px;line-height: 18px;width: 38px;text-align:center;color:#777;border-radius: 3px;font-size: 12px;z-index: 1;cursor: default;}
.in_choice02 > ul li.on h5 {/*font-weight: bold;*/background:#415b7b;border:1px solid #376743;color:#fff;}
.in_choice02 > ul li.on {height: 250px;}
.in_choice02 > ul li > div {margin-top:30px;}

.in_choice03 > ul h5 {font-weight: normal;}
.in_choice03 > ul h5::before {display: inline-block;content: "";width: 10px;height: 10px;background: url("../image/base/etc.png") no-repeat -124px -117px;margin-right:5px;vertical-align: middle;}
.in_choice03 > ul li.on h5 {font-weight: normal;}
.in_choice03 > ul li.on h5::before {background-position:-104px -117px; }


/* -------------------------- 배당률 팝업 ---------------------------- */
.dividend_pop_wrap {display: none;}
.dividend_pop {background: #fff;border:1px solid #ccc;border-radius: 2px;position:fixed;top:280px;left:50%;margin-left:-285px;z-index: 9;padding:10px 0 0;width: 590px;}
.dividend_pop .close {position: absolute;top:10px;right:10px;cursor: pointer;font-size: 0;width: 15px;height: 15px;background: url("../image/base/etc.png") -108px -91px no-repeat;}
.dividend_pop h2 {color:#888;font-size: 13px;font-weight: normal;line-height: 16px;padding:0 10px;}
.dividend_pop h2 span.divider {margin:0 10px;display: inline-block;width: 2px;height: 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;vertical-align: middle;}
.dividend_pop h3 {color:#415b7b;font-size: 15px;line-height: 33px;padding:0 10px;}
.dividend_pop h3 span {font-weight: normal;margin:0 8px;}
.dividend_pop ul.tab02 {}
.dividend_pop ul.tab02 > li {}
.dividend_pop ul.tab02 > li > div {border:none; border-top: 2px solid #415b7b;}
.dividend_pop th {cursor: default;}
.dividend_pop .sequence_arrow {margin-left:8px;}
.dividend_pop .gbg {width:60px; }
.dividend_pop ul.tab02 > li > div > div:nth-of-type(1) {max-height: 315px;overflow-y: scroll;border-bottom:1px solid #eee;}
.dividend_pop ul.tab02 > li > div > .AHPbox_w {border-radius: 3px;overflow: hidden;overflow-y:auto;margin-top:10px;}
table.AHPbox {border:none;}
table.AHPbox tr th,table.AHPbox tr td {background: #bbb;}
table.AHPbox tr th {color:#fff;}
table.AHPbox tr:nth-of-type(odd) th,table.AHPbox tr:nth-of-type(odd) td {background: #aaa;}
.dividend_pop .tab01 .select_wrap {top:-26px;right:10px;}
.dividend_pop .tab01 .select_wrap select {width: 100px;}
.dividend_pop .tab01 .select_wrap .select-title {padding:;}
.dividend_pop .tab01 .select_wrap .select-title {border: none;}


/* -------------------------- pagebox ---------------------------- */
.pagebox {width: 380px;margin: 0 auto;}
.pagebox::after {clear: both;content: "";display: block;}
.pagebox > span {display: inline-block;width: 25px;height: 21px;float:left;border:1px solid #ccc;background:#f1f1f1 url("../image/base/etc.png") no-repeat -32px -114px;}
.pagebox > span:nth-last-of-type(1) {background-position: -51px -114px;}
.pagebox > ul {float:left;margin:0 3px 0 2px;}
.pagebox > ul > li {float:left;margin:0 2px 0 3px;}
.pagebox > ul > li > a {display: inline-block;width: 25px;height: 21px;line-height: 21px;text-align: center;border:1px solid #ccc;background: #fff;}
.pagebox > ul > li.on > a {border:1px solid #fff;color:#ff0000;/*font-weight: bold;*/}



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

/* sport */
/*span.icon_soccer {font-size:0; vertical-align:middle;display:inline-block; width:17px; height:17px; background:url("../image/base/ball.png") no-repeat -5px -3px;}
span.icon_base {font-size:0; vertical-align:middle;display:inline-block; width:17px; height:17px; background:url("../image/base/ball.png") no-repeat -5px -115px;}
span.icon_basket {font-size:0; vertical-align:middle;display:inline-block; width:17px; height:17px; background:url("../image/base/ball.png") no-repeat -5px -60px;}
span.icon_volley {font-size:0; vertical-align:middle;display:inline-block; width:17px; height:17px; background:url("../image/base/ball.png") no-repeat -5px -172px;}
span.icon_tennis {font-size:0; vertical-align:middle;display:inline-block; width:19px; height:17px; background:url("../image/base/ball.png") no-repeat -5px -228px;}
span.icon_hockey {font-size:0; vertical-align:middle;display:inline-block; width:18px; height:17px; background:url("../image/base/ball.png") no-repeat -5px -283px;}
span.icon_e-sports {font-size:0; vertical-align:middle;display:inline-block; width:19px; height:18px; background:url("../image/base/ball.png") no-repeat -5px -340px;}*/

span.icon_soccer {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -220px 0px;}
span.icon_basket {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -220px -55px;}
span.icon_basket2 {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:25px; background:url("../image/base/ball.png") no-repeat -440px -55px;}
span.icon_basket3 {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:24px; background:url("../image/base/ball.png") no-repeat -660px -55px;}
span.icon_base {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -220px -110px;}
span.icon_volley {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -220px -165px;}
span.icon_tennis {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -220px -220px;}
span.icon_hockey {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -220px -275px;}
span.icon_e-sports {font-size:0; vertical-align:middle;display:inline-block; width:23px; height:20px; background:url("../image/base/ball.png") no-repeat -5px -340px;}

span.ic_sc {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px 0px;width:14px; height:14px;background-size: 350px;}
span.ic_bs {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -84px;width:14px; height:14px;background-size: 350px;}
span.ic_bk {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -42px;width:14px; height:14px;background-size: 350px;}
span.ic_vl {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -126px;width:14px; height:14px;background-size: 350px;}
span.ic_tn {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -168px;width:14px; height:14px;background-size: 350px;}

span.ic_sc_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -42px 0px;width:14px; height:14px;background-size: 350px;}
span.ic_bs_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -42px -84px;width:14px; height:14px;background-size: 350px;}
span.ic_bk_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -42px -42px;width:14px; height:14px;background-size: 350px;}
span.ic_vl_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -42px -126px;width:14px; height:14px;background-size: 350px;}
span.ic_tn_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -42px -168px;width:14px; height:14px;background-size: 350px;}


span.ic_sc_big {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px 0px;width:20px; height:20px;}
span.ic_bs_big {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -120px;width:20px; height:20px;}
span.ic_bk_big {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -60px;width:20px; height:20px;}
span.ic_vl_big {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -180px;width:20px; height:20px;}
span.ic_tn_big {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat 0px -240px;width:20px; height:20px;}

span.ic_all_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -60px -300px;width:33px; height:25px;}
span.ic_sc_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -60px 0px;width:20px; height:20px;}
span.ic_bs_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -60px -120px;width:20px; height:20px;}
span.ic_bk_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -60px -60px;width:20px; height:20px;}
span.ic_vl_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -60px -180px;width:20px; height:20px;}
span.ic_tn_big_w {font-size:0; vertical-align:text-bottom;display:inline-block; background:url("../image/base/ball.png") no-repeat -60px -240px;width:20px; height:20px;}


span.AsiaL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/worldicon.png") no-repeat 0px 0px;}
span.AfricaL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/worldicon.png") no-repeat 0px -40px;}
span.EuropeL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/worldicon.png") no-repeat 0px -80px;}
span.NorthAmericaL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/worldicon.png") no-repeat 0px -120px;}
span.SouthAmericaL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/worldicon.png") no-repeat 0px -160px;}


/* icon */
.dividend {font-size:0; vertical-align:middle;display:inline-block; width:22px; height:22px; background:url("../image/base/etc.png") 0 -18px no-repeat;}
a.stats {vertical-align:middle;display: inline-block;line-height: 18px;width: 45px;text-align: center;background: #415b7b;color: #fff;/*font-weight: bold;*/border-radius: 3px;font-size: 11px;text-transform: uppercase;}
/*a.stats02 {font-size:0; vertical-align:middle;display:inline-block; width:22px; height:22px; background:url("../image/base/etc.png") -30px -18px no-repeat;}*/
.comment span {font-size:0; vertical-align:middle;display:inline-block; width:18px; height:16px; background:url("../image/base/etc.png") -24px 0px no-repeat;margin-left:2px;margin-right: 3px;}
.plus {color:#555;vertical-align:text-bottom;display:inline-block; width:16px; height:16px; background:#999;text-align: center;/*font-weight:bold ;*/line-height: 16px;margin-right: 5px;font-size: 17px;}
.status_n {font-size:0; vertical-align:middle;display:inline-block; width:22px; height:22px; background:url("../image/base/etc.png") 0 -44px no-repeat;}
.status_y {font-size:0; vertical-align:middle;display:inline-block; width:22px; height:22px; background:url("../image/base/etc.png") -22px -44px no-repeat;}/**/
table.table02 tr td a.status {/*font-weight: bold;*/ text-decoration: none;border-bottom:none;}
.icon_mail {font-size:0; vertical-align:middle;display:inline-block; width:17px; height:12px; background:url("../image/base/etc.png") -56px -20px no-repeat;}
.icon_mail.new {font-size:0; vertical-align:middle;display:inline-block; width:17px; height:12px; background:url("../image/base/etc.png") -79px -20px no-repeat;}
.ap {font-size:0; vertical-align:text-top;display:inline-block; width:6px; height:6px; background:url("../image/base/apostrophe.gif") no-repeat;margin-top:3px;}
.ap_red {font-size:0; vertical-align:text-top;display:inline-block; width:3px; height:6px; background:url("../image/base/apostrophe_red.gif") no-repeat -2px 0;margin-top:3px;}
.icon_live {font-size:0; vertical-align:middle;display:inline-block; width:29px; height:18px;}
.icon_live.ng {background:#fff;}
.icon_live.sc {background:url("../image/base/etc.png") no-repeat 0 -92px;}
.icon_graph,a.stats02 {font-size:0; vertical-align:middle;display:inline-block; width:18px; height:18px; background:url("../image/base/etc.png") no-repeat -48px -44px;margin-left:2px;margin-right: 3px;}
a.icon_comment {color:#415b7b;text-align: center;}
a.icon_comment::before {display:block;content:""; vertical-align:middle;width:17px; height:14px; background:url("../image/base/etc.png") -24px 0px no-repeat;margin:3px auto 0px;}
.icon_mark {font-size:0; vertical-align:middle !important;display:inline-block; width:12px; height:12px; background:url("../image/base/etc.png") no-repeat -75px -50px;cursor: pointer;}
.icon_mark.on {background:url("../image/base/etc.png") no-repeat -97px -50px;}
.icon_upicon {font-size:0; vertical-align:middle;display:inline-block; width:22px; height:22px; background:url("../image/base/etc.png") no-repeat -114px -44px;cursor: pointer;}
.hm {font-size:0; vertical-align:middle;display:inline-block; width:7px; height:10px; background:url("../image/base/etc.png") no-repeat 0 -145px;margin:0 2px;}
span.sequence_arrow {font-size: 0;vertical-align: middle;display: inline-block;width: 8px;height: 10px;background: url("../image/base/arrow.png") no-repeat 0 -958px;margin-left:3px;}

.ranking_up {font-size:0; vertical-align:middle;display:inline-block; width:12px; height:11px; background:url("../image/base/etc.png") no-repeat -40px -95px;}
.ranking_down {font-size:0; vertical-align:middle;display:inline-block; width:12px; height:11px; background:url("../image/base/etc.png") no-repeat -54px -95px;}
.ranking_stay {font-size:0; vertical-align:middle;display:inline-block; width:11px; height:11px; background:#8c8c8c;border-radius: 6px;}

.table_flag {width: 20px;height: 20px;vertical-align: middle;display: inline-block;margin-right:5px;}

.frombox {text-align: center;height: 22px;}
div.WDLbox_w {position: relative;width: 180px;height: 30px;}
div.WDLbox {margin:0 auto;top:5px;display: inline-block;width: auto;position: relative;padding-left: 10px;}
div.WDLbox::before {display: inline-block;content: "";width: 90%;height: 2px;background: linear-gradient(to right,#415b7b,transparent);position:absolute;top:9px;z-index: 1;left:0;right:0;margin:0 auto;margin-left:5px;}
div.WDLbox::after {display: inline-block;content: "";width: 7px;height: 12px;background: url("../image/base/etc.png") no-repeat -32px -95px;position:absolute;top:4px;left: 0;}
div.WDLbox span {margin:0 2px;position: relative;z-index: 2;}
div.WDLbox_w .matchbox {cursor: pointer;position: absolute;right:12px;top:25px;width: 365px;z-index: 3;box-shadow: 1px 1px 13px #444;display: none;}
div.WDLbox_w .matchbox > p {line-height: 40px;height: 40px;background: #415b7b;color:#fff;padding: 0 15px;text-align: left;}
div.WDLbox_w .matchbox > p span {padding-left:7px;margin-left:7px;border-left:1px solid #fff;line-height:12px;display: inline-block;}
div.WDLbox_w .matchbox > div {padding:7px 10px;background: #eee;}
div.WDLbox_w .matchbox table th,div.WDLbox_w .matchbox table td {background: #eee;border: none;line-height: 27px;}
div.WDLbox_w .matchbox > span {line-height: 30px;height:30px;border-top:1px solid #ddd;color:#415b7b;display: block;background: #eee;}
span.icon_W {font-size:10px;color:#fff;vertical-align:middle;;display: inline-block;width:21px; height:21px;line-height: 21px;background:#28a428;cursor: pointer;}
span.icon_D {font-size:10px;color:#fff;vertical-align:middle;display: inline-block;width:21px; height:21px;line-height: 21px;background:#ffa500;cursor: pointer;}
span.icon_L {font-size:10px;color:#fff;vertical-align:middle;display: inline-block;width:21px; height:21px;line-height: 21px;background:#de3232;cursor: pointer;}

/*
.icon_W > div,.icon_L > div,.icon_D > div {position: absolute;width: 350px;height: 30px;z-index: 1;left:-164px;top:25px;opacity: 0;display: none;}
.icon_W > div > p,.icon_L > div > p,.icon_D > div > p {display: inline-block; background: #fff;margin:0 auto;top:0;height: 24px;border:3px solid #6cb77d;font-size: 13px;line-height: 24px;color:#aaa;padding: 0 35px;}
.icon_W > div > p > span,.icon_L > div > p > span,.icon_D > div > p > span {display: inline-block;color:#666;margin:0 5px;}
.icon_W > div > p > span:nth-of-type(1) {font-weight: bold;color:#415b7b;}
.icon_L > div > p > span:nth-last-of-type(1) {font-weight: bold;color:#415b7b;}
.icon_W:hover > div,.icon_L:hover > div,.icon_D:hover > div {display: block;opacity: 1;}*/

/* 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;}
a.btn_join {color:#fff;background: #415b7b;display: inline-block;width: 70px; height: 20px;line-height: 22px;text-align: left;border-radius: 3px;}
a.btn_join::before {display: inline-block;content: "";width:13px ;height: 12px;background: url("../image/base/etc.png") 0 -156px no-repeat;margin:1px 10px 0 7px;vertical-align: text-top;}
span.btn_gg {color:#fff;background: #ababab;display: inline-block;width: 70px; height: 20px;line-height: 22px;text-align: left;border-radius: 3px;}
span.btn_gg::before {display: inline-block;content: "";width:12px ;height: 12px;background: url("../image/base/etc.png") -16px -156px no-repeat;margin:1px 6px 0 7px;vertical-align: text-top;}
a.more {display: block;border:1px solid #ccc;border-radius: 3px;height: 23px;line-height: 23px;width:47px;padding-left: 11px;color:#888;margin:10px auto 0;text-transform: lowercase;font-size: 12px;}
a.more::after {display: inline-block;content: "";background: url("../image/base/arrow.png") no-repeat 0 -720px;width: 5px;height: 7px;margin-left: 5px;}


/* league
span.engL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -39px;}
span.champiL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -84px;}
span.primeraL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -130px;}
span.leagueangL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -176px;}
span.bundesligaL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -222px;}
span.serieL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -268px;}
span.majorL {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -314px;}
span.KBO_L {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -358px;}
span.KBL_L {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -406px;}
span.K_L {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -452px;}
span.Russia2018L {font-size:0; vertical-align:top;display:inline-block; width:26px; height:26px; background:url("../image/base/leagueicon.png") no-repeat 0px -498px;}
 */


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

/*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;}


/* 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;}
span.goal_w {font-size:0; vertical-align:top;display:inline-block; width:20px; height:21px; background:url("../image/livescore/liveicon.png") no-repeat -27px -2px;}
span.change {font-size:0; vertical-align:top;display:inline-block; width:20px; height:21px; background:url("../image/livescore/liveicon.png") no-repeat -1px -33px;}
span.change_w {font-size:0; vertical-align:top;display:inline-block; width:20px; height:21px; background:url("../image/livescore/liveicon.png") no-repeat -27px -33px;}
span.now {font-size:0; vertical-align:top;display:inline-block; width:15px; height:15px; background:url("../image/livescore/icon_now.png") no-repeat;}
span.yellow03 {font-size:0; vertical-align:top;display:inline-block; width:33px; height:14px; background:url("../image/livescore/liveicon.png") no-repeat 0px -302px;}
span.redcard {font-size:0; vertical-align:top;display:inline-block; width:11px; height:14px; background:url("../image/livescore/liveicon.png") no-repeat -2px -332px;}
span.injury {font-size:0; vertical-align:top;display:inline-block; width:13px; height:14px; background:url("../image/livescore/liveicon.png") no-repeat -1px -360px;}
span.goal02 {font-size:0; vertical-align:top;display:inline-block; width:13px; height:15px; background:url("../image/livescore/liveicon.png") no-repeat -3px -277px;}
span.yellow02 {font-size:0; vertical-align:top;display:inline-block; width:13px; height:15px; background:url("../image/livescore/liveicon.png") no-repeat -24px -277px;}
span.redcard02 {font-size:0; vertical-align:top;display:inline-block; width:13px; height:15px; background:url("../image/livescore/liveicon.png") no-repeat -44px -277px;}
span.arrow {font-size:0; vertical-align:middle;display:inline-block; width:7px; height:11px; background: url("../image/base/arrow.png") 0px -120px no-repeat;}







#wrapper .topmenu_w::after {display: block; content:""; width: 100%; height: 1px; background: #627b99;position: absolute;top:86px;left:0;}

.logo {padding:;padding:25px 0 19px 25px;height: 44px;}



.topmenu_w .search {border:2px solid #627b99;position:relative;background: #415b7b;height:28px;width: 216px;float:left;margin:5px 0;}
.topmenu_w .search input[type="text"] {width:180px;padding:0 0 0 10px;font-family: SF-Compact;border:none;margin:0;height:28px;line-height: 28px;display:block;background: #415b7b;color: #8c9cb1;}
.topmenu_w .search input[type="submit"] {position:absolute;right:3px;top:3px;margin:0; padding:0; width:22px; height:22px; background:url("../image/base/etc.png") no-repeat 0px -68px; border:none;display:block; font-size:0; cursor:pointer;vertical-align:top;}
/* placeholder값 설정 */
.topmenu_w .search input[type="text"]::-webkit-input-placeholder { /* 크롬 4–56 */ color: #8c9cb1;}
.topmenu_w .search input[type="text"]:-moz-placeholder { /* 파이어폭스 4–18 */ color: #8c9cb1; opacity:  1;}
.topmenu_w .search input[type="text"]::-moz-placeholder { /* 파이어폭스 19–50 */  color: #8c9cb1; opacity:  1;}
.topmenu_w .search input[type="text"]:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */  color:  #8c9cb1;}
.topmenu_w .search input[type="text"]::placeholder { /* 파이어폭스 51+, 크롬 57+ */  color: #8c9cb1;  opacity:  1;}
.topmenu_w .search input::-ms-input-placeholder { color: #8c9cb1;font-size: 12px;}
.topmenu_w .search input::-webkit-input-placeholder { color: #8c9cb1; font-size: 12px;}
.topmenu_w .search input::-moz-placeholder { color: #8c9cb1; font-size: 12px;}


.gnb_w {height:42px; z-index:9;float:left;width: 1633px;}
.gnb { height:42px;float:right;}
.gnb .todayLeague {height:30px;}
.gnb .todayLeague p {float:left; color:#f4be57; margin-top:9px; height:14px; line-height:11px; padding-left:22px; padding-right:20px; border-right:1px solid #77828b;}
.gnb .todayLeague ul li {float:left; color:#77828b; padding:0 15px; width:86px; line-height:30px; text-align:center;}
.gnb .todayLeague ul li a {color:#77828b;}
.gnb .todayLeague ul li a:hover {color:#fff; /*font-weight:bold;*/}
.gnb .gnbMenu {height: 42px;}
.gnb .gnbMenu ul {margin:0 auto;text-align: center;}
.gnb .gnbMenu ul li {position:relative; height:42px; line-height:42px; overflow:hidden;float:left;padding: 0 3px;margin:0 12px;}
.gnb .gnbMenu ul li:nth-last-of-type(1) {margin-right:5px;}
.gnb .gnbMenu ul li a {color:#fff; font-size:18px; text-align: center;display:block; height:42px; position: relative; text-decoration: none;border-bottom:5px solid #415b7b;text-transform: uppercase;}
.gnb .gnbMenu ul li:hover a,.gnb .gnbMenu ul li.on a {/*font-weight:bold;*/color:#fec335;transition: color 0.5s ease;}
.gnb .gnbMenu ul li::after {display:inline-block;content:""; position: absolute;bottom: -5px;left:0;width: 100%;height: 5px;background: #fec335;}
.gnb .gnbMenu ul li:hover::after,.gnb .gnbMenu ul li.on::after {bottom:0;transition: bottom 0.3s ease;}
.country_select {position:absolute;left:0;top:0;width:300px ; }
.country_select > div {border:1px solid #cad9cd;border-radius:3px;height:26px;line-height: 26px;display: inline-block;vertical-align: middle;}
.country_select > div .select-title {color:#fff;background: none;background: url("../image/base/arrow.png") right -1130px no-repeat;border:none;}
.country_select > div .select-title strong {line-height: 22px;height:22px;padding:0;}
.country_select .cont_btn {background: url("../image/base/arrow.png") right -1130px no-repeat;padding:0 20px 0 5px;}
.country_select .cont_btn > span {}
.country_select > ul {border:1px solid #cad9cd;background: #415b7b;border-radius:3px;position: absolute;top:0;left:0;z-index: 8;width: 194px;display: none;}
.country_select > ul li {color:#fff;line-height: 30px;height: 30px;padding:0 30px 0 10px;}
.country_select > ul li:nth-of-type(1) {background: url("../image/base/arrow.png") right -1190px no-repeat;border-bottom:1px solid #859c8b;line-height: 29px;height:29px;margin:0 7px;padding:0 23px 0 3px;}
.country_select > ul li:nth-of-type(1):hover {background-color: #415b7b;cursor: default;}
.country_select > ul li.on {background: url("../image/base/cb02.png") no-repeat 164px -151px;}
.country_select > ul li:hover {background-color: #659170;cursor: pointer;}
.country_select .select_wrap {}

.green_select {vertical-align: middle;border:none;font-size: 13px;background: #415b7b;color:#fff;line-height: 22px;}
.green_select + .select-title {color:#fff;background: none;background: url("../image/base/arrow.png") right -1130px no-repeat;border:none;}
.green_select + .select-title strong {line-height: 22px;height:22px;padding:0;}
.green_select.select-option {border-radius: 0 0 3px 3px;border: 1px solid #ddd;}
.green_select.select-option ul {}
.green_select.select-option ul li {height: 24px;line-height: 24px;border-bottom:none;}
.green_select.select-option li:nth-last-of-type(1) {border:none;}
.green_select.select-option span,.green_select.select-option strong {padding-left: 5px;font-size: 13px;color:#fff;}
.green_select.select-option span:hover, .green_select.select-option span.selected {background-color: #659170;}

.login {position:absolute;right:5px;top:25px;color:#fff;}
.login span {margin:0 7px;}
.login > a {display:inline-block;color:#fff; height: 26px;line-height: 26px;padding:0 14px;border:1px solid #fff;border-radius: 3px;margin-left:4px;}
.login > a:hover {background: #5476a0;transition: background-color 0.5s ease;}
.login > a.lostPW {border:none;color:#ffc601;padding:0;margin:0;float:right;text-decoration: underline;}
.logon {display:none;}
.clear {clear:both;content:"";display:block;}
.clear_div::after {clear:both;content:"";display:inline-block;height: 1px;width: 100%;}

.today_list_w {background: #e9eef5;height: 58px;margin-left: 224px;margin-bottom: 4px;}
.today_list {position:relative;overflow: hidden;}
.today_list > div {width: 1387px;position:absolute;left:0px;top:4px;}
.today_list > div h3 {position:absolute;left:0;top:0;width: 88px;height: 24px;line-height: 24px;background: #;font-size:12px; color:#415b7b;font-weight: normal;cursor: pointer;border:1px solid #415b7b;text-align: center;border-radius: 2px;}
.today_list > div:nth-last-of-type(1) h3 {top:28px;}
.today_list > div.on h3 {color:#fff;background: #415b7b;font-family:SF-Compact-bold; }
.today_list > div.on h3 span {position: relative;z-index: 1;line-height: 24px;height: 24px;display: inline-block;vertical-align: top;}
.today_list > div .bx-wrapper {position:absolute;left:113px;top:0;opacity: 0;box-shadow: none;border:none;background: none;padding:0;margin:0;}
.today_list > div.on .bx-wrapper {opacity: 1;transition: opacity 0.5s ease-in-out; }
.today_list .bxslider .bx-pager { display:none;}
.today_list .bx-wrapper .bx-controls-direction a {position: absolute;top: 0px;margin-top: 0px;outline: 0;width: 20px;height: 54px;text-indent: -9999px;z-index: 9999;}
.today_list .bx-wrapper .bx-controls-direction a.bx-prev {left:-21px;background: url("../image/base/bx-left.jpg") no-repeat;z-index:7;}
.today_list .bx-wrapper .bx-controls-direction a.bx-prev:hover,.today_list .bx-wrapper .bx-controls-direction a.bx-prev:focus {background-position: 0 0;}
.today_list .bx-wrapper .bx-controls-direction a.bx-next {right: -21px;background: url("../image/base/bx-right.jpg") no-repeat;z-index:7; }
.today_list .bx-wrapper .bx-default-pager {display: none;}
.today_list > div ul {}
.today_list > div ul li {float:left;width: 178px;height: 52px;background: #c9d0db;border:1px solid #c9d0db;color:#415b7b;margin:0 1px;cursor: pointer;position: relative;border-radius: 2px;}
.today_list > div ul li h4 {padding-left: 8px;line-height:16px;height: 16px;font-weight: 400;position:relative;margin-top:2px;}
.today_list > div ul li h4 > span {position:absolute;right:5px;top:0;}
.today_list > div ul li h4 span.yellow {margin-left: 5px;}
.today_list > div ul li h4 > b {display: inline-block;width: 100px;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;font-weight:normal;font-family: DINNext;}
.today_list > div ul li h4::before {display:inline-block;content:"";width:12px; height:12px;margin:2px 5px 0 0;vertical-align: top;}
.today_list > div ul li.sc h4::before {background:url("../image/base/ball.png") no-repeat 0px 0px; background-size: 300px;}
.today_list > div ul li.bs h4::before {background:url("../image/base/ball.png") no-repeat 0px -72px; background-size: 300px;}
.today_list > div ul li.bk h4::before {background:url("../image/base/ball.png") no-repeat 0px -36px; background-size: 300px;}
.today_list > div ul li.vl h4::before {background:url("../image/base/ball.png") no-repeat 0px -126px; background-size: 300px;}
.today_list > div ul li.tn h4::before {background:url("../image/base/ball.png") no-repeat 0px -144px; background-size: 300px;}/*
.today_list > div ul li.hk h4::before {background:url("../image/base/ball.png") no-repeat 0px 0px; background-size: 300px;}
.today_list > div ul li.e_s h4::before {background:url("../image/base/ball.png") no-repeat 0px 0px; background-size: 300px;}
.today_list > div.Mscore ul li h4::before {display: none;}*/
.today_list > div ul li > p {height: 16px;line-height: 16px;position:relative;padding:0 5px 0 8px;}
.today_list > div ul li > p span {position: absolute;right:5px;top:0;display: inline-block;height: 14px;line-height: 14px;background: #415b7b;text-align: center;border-radius: 2px;color: #fff;width: 14px;}
.today_list > div ul li > p span {width:30px;}


.LNB { width:220px; position:relative;overflow: hidden;background: #e9eef5;padding-bottom: 2px;}
.LNB > div a, .LNB > div > p {height: 25px;line-height:25px;}
.LNB > div > p {padding-left: 12px;width:208px;height: 26px;background: #415b7b url("../image/base/arrow.png") 196px 12px no-repeat; color:#fff;line-height:26px;display:block;position:relative;cursor: pointer;}
.LNB > div > p.on {background: #415b7b url("../image/base/arrow.png") 196px -171px no-repeat;}
.LNB > div > a > span {margin-right:10px;}
.LNB > div > ul {position:relative;display:none ;border:3px solid #415b7b;border-top:none;background: #e9eef5;padding-bottom:10px;}

.LNB > div > ul > li:hover {background: #f7f7f7;}
.LNB span.close {position:absolute;right:10px;top:8px;font-size:0;background: url("../image/base/etc.png") no-repeat -49px -68px;width: 10px;height: 10px;cursor: pointer;}

.LNB > div {margin-bottom:2px;}
.LNB > div > ul > li {padding:0;border: none;height:25px;border-bottom:1px solid #c6d5e5;margin:0 7px;background: #e9eef5 url("../image/base/arrow.png") 188px -48px no-repeat;}
.LNB > div > ul > li > a {display: block;padding:0 4px;color:#444;}
.LNB > div > ul > li > a:hover {background: #f7f7f7 !important;}
.LNB > div > ul > li:hover {background: none;}
/*.LNB > div > ul > li:hover > a {text-decoration: none;}*/
.LNB > div > ul > li > p {position:relative;display: block;overflow: hidden;padding:0 4px;height:25px; line-height: 25px;background: url("../image/base/arrow.png") 188px -48px no-repeat;color:#444;cursor: pointer;}
.LNB > div > ul > li > p:hover {background: #f7f7f7 url("../image/base/arrow.png") 188px -48px no-repeat; text-decoration: none;}
.LNB > div > ul > li > p.on {background: #e9eef5 url("../image/base/arrow.png") 188px -232px no-repeat;}
.LNB > div > ul ul {display: none; }
.LNB > div > ul ul > li {background: #c9d0db;border-bottom: 1px solid #fff;padding:0 2px;position:relative;}
.LNB > div > ul ul > li:nth-last-of-type(1) {border-bottom: none;}
.LNB > div > ul ul > li > a {color:#415b7b;display: block;height: 25px;}
.LNB > div > ul ul > li:hover > a {text-decoration: underline;}
.LNB > div a span.todays {display: inline-block;width:20px;margin-right:6px;height: 19px;background: url("../image/base/etc.png") no-repeat 0 -170px;vertical-align: middle;}

.LNB > .best {margin-bottom:4px;}
.LNB > .best > ul ul > li > a {padding-left:0px;}
.LNB > .best > ul > li:nth-last-of-type(1), .LNB > .best > ul > li:nth-last-of-type(1) > a,
.LNB > .sports > ul > li:nth-of-type(1), .LNB > .sports > ul > li:nth-of-type(1) > a {background: none;}
.LNB > .sports > ul ul > li > a {padding-left:30px;}
.LNB span[class^=country] {margin-right:6px;}
.LNB span[class^=ic] {margin-right:12px;}
.LNB span.plus {display: inline-block;width:12px ;height: 12px;background: url("../image/base/etc.png") no-repeat -74px -93px ;margin-right: 10px;}

span.AFG {background: url("../image/country/AFG-AFGHANISTAN.PNG") no-repeat;}
span.ALB {background: url("../image/country/ALB-ALBANIA.PNG") no-repeat;}
span.ALG {background: url("../image/country/ALG-ALGERIA.PNG") no-repeat;}
span.AND {background: url("../image/country/AND-ANDORRA.PNG") no-repeat;}
span.ANG {background: url("../image/country/ANG-ANGOLA.PNG") no-repeat;}
span.ANT {background: url("../image/country/ANT-ANTIGUAAND BARBUDA.PNG") no-repeat;}
span.ARG {background: url("../image/country/ARG-ARGENTINA.PNG") no-repeat;}

span.BRA {background: url("../image/country/BRA-BRAZIL.PNG") no-repeat;}

span.CHN {background: url("../image/country/CHN-CHINA.PNG") no-repeat;}

span.ESP {background: url("../image/country/ESP-SPAIN.PNG") no-repeat;}

span.ENG {background: url("../image/country/ENG_ENGLAND.png") no-repeat;}

span.JPN {background: url("../image/country/JPN-JAPAN.PNG") no-repeat;}

span.KOR {background: url("../image/country/KOR-KOREA.PNG") no-repeat;}
span.USA {background: url("../image/country/USA-UNITED STATES.PNG") no-repeat;}
span.country {display: inline-block;width:19px;height: 13px;border-radius: 2px;overflow: hidden;margin-right:5px;vertical-align: middle;background-size: 19px;}


#leftMenu .banner {margin-bottom:30px;}
.LNB .banner > a,.banner > a {display:block;height: auto;padding:0;margin:0;}

/*bxslider 공통*/
.bx-wrapper {position:relative;left:auto;box-shadow: none;border:none;background: none;margin-bottom: 0px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position: absolute;bottom:20px;left:0;right:0;margin:0 auto;display: inline-block;width: 100%;text-align: center;padding:0;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager .bx-pager-item {display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 12px;height: 12px;margin: 0 4px;outline: 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;background: #555;opacity: 0.7;display: inline-block;transition: width  0.7s ease;text-align: center;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #415b7b;width: 24px;opacity: 0.6;transition: width  0.7s ease; }


.in_menu {background: #415b7b;height: 32px;line-height: 32px;font-size:13px;padding:0 15px;border-radius: 3px;overflow: hidden;}
.in_menu li {float:left;margin-right:45px; }
.in_menu li a {color:#fff;}
.in_menu li.on a {color:#fec335;/*font-weight: bold;*/padding-left: 15px;background: url("../image/base/arrow.png") no-repeat 0 -418px;}
.in_menu li a span {display: inline-block;background: #fff;color:#415b7b;/*font-weight: bold;*/width: 25px;height: 18px;line-height: 18px;text-align:center;border-radius: 3px;margin-left:3px;}
.in_menu li.on a span {background: #fec335;}

.in_menu02 {position: absolute;right:0;top:50px;}
.in_menu02 li {float:left;margin-left: 5px;}
.in_menu02 li a {border:1px solid #bbb;background: #ccc;display: inline-block;height: 22px;line-height: 22px;color:#777;font-size: ;border-radius: 3px;padding:0 10px;}
.in_menu02 li.on a{background: #415b7b;border: 1px solid #376743;color: #fff; }
ul[class^="tab"] li div .in_menu02 {position: relative;top:-5px;left:-5px;height: 24px;}

.in_view {}
.in_view > li {display: none;}
.in_view > li.on {display: block;}

/* search */
.ID_search {border:1px solid #ccc;width: 168px;height: 20px;border-radius: 3px;position: absolute;right:0;top:0;background: #fff;}
.ID_search > input[type="text"] {/*background: url("../image/base/bg_ID_search.jpg") no-repeat;*/color: #666;background: none;border:none;height: 20px;line-height: 1;width: 140px;padding-left:5px;float:left;display: inline-block;}
/*.ID_search.on > input {background: #fff;background-image: none;}*/
.ID_search > input[type="submit"] {float:left;display: inline-block;width: 20px;height: 20px;background: url("../image/base/etc.png") no-repeat -77px -112px;border:none;font-size: 0;margin-left:3px;}

.ID_search > input::-ms-input-placeholder { color: #aaa;text-align: center;font-size: 12px;}
.ID_search > input::-webkit-input-placeholder { color: #aaa; text-align: center;font-size: 12px;}
.ID_search > input::-moz-placeholder { color: #aaa; text-align: center;font-size: 12px;}

/* bet slip */
.betslip {}
.betslip h3 {line-height: 26px;height: 26px;text-align: center;color:#415b7b;border-radius: 3px;background: #ffc601;font-size:13px; margin-bottom:5px; }
.betslip > div.select {display: none;}
.betslip > div > div {background: #e9eef5;line-height: 20px;padding: 7px 10px; color:#415b7b; border-radius: 3px;margin-bottom:3px;text-align: center; text-transform:none;}
.betslip > div > div:nth-last-of-type(1) {margin-bottom:0;}
.betslip > div > div {position:relative;text-align: left;}
.betslip > div > div .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 > div > div h4 {position:relative;width: 235px;font-size: 14px;font-family:SF-Compact-bold;}
.betslip > div > div h4 span {position:absolute;right:0;top:1px;display: inline-block;padding:0 7px;border-radius: 3px;background: #ffc601;color:#415b7b;font-family: SF-Compact;font-size: 12px;height: 18px;line-height: 18px;}
.betslip > div > div input {background: #e9eef5;border:1px solid #415b7b; border-radius: 3px;width: 32px;height: 20px;padding:0 10px;text-align: right;font-family: SF-Compact;color:#415b7b;margin-right:10px;}
.betslip > div > div input::-ms-input-placeholder { color:#415b7b;}
.betslip > div > div input::-webkit-input-placeholder { color:#415b7b;}
.betslip > div > div input::-moz-placeholder { color:#415b7b;}
.betslip > div > a {font-family:SF-Compact-bold; color:#fff;text-align: center;background: #415b7b;border-radius: 3px;display: block;height: 26px;line-height: 26px;margin-top:10px;}

/* #right_wrap > .leaderBox */
.leaderBox .bxslider {}
.leaderBox .bx-wrapper .bx-controls-direction a {position: absolute;top: 0px;margin-top: 0px;outline: 0;width: 25px;height: 20px;text-indent: -9999px;z-index: 9999;border-radius: 3px;}
.leaderBox .bx-wrapper .bx-controls-direction a.bx-prev {left: 0px;background: #415b7b url("../image/base/arrow.png") 8px -474px no-repeat;}
.leaderBox .bx-wrapper .bx-controls-direction a.bx-next {right: 0px;background: #415b7b url("../image/base/arrow.png") 10px -534px no-repeat;}

/* #right_wrap  In-Play Odds  */
.IPO td {color:#415b7b;}
.IPO tbody tr:nth-of-type(1) td {height: 30px;line-height:30px; background: #e9eef5;font-family:SF-Compact-bold;border-top:1px solid #fff;font-size: 13px;}
.IPO tbody tr:nth-of-type(1) td:nth-last-of-type(1) {color:#fc8b54;}


/* profile */
div.profile {}
div.profile .profile_imgbox {float:left;border:3px solid #415b7b;margin-right:10px;width: 104px;height: 104px;overflow: hidden;text-align: center; background: #ddd;}
div.profile .profile_imgbox img {}
div.profile > div:nth-last-child(1) {float:left;width:151px;padding-top:3px;}
div.profile::after {display: block;content:"";clear:both;}
div.profile p {line-height: 20px;}
div.profile p:nth-last-of-type(1) {font-size: 12px;}
div.profile p > b {vertical-align:text-top;border-bottom: 1px solid #415b7b;line-height: 25px;}
div.profile p > a {margin:4px 0 0 7px;}
div.profile > div > div {margin-top:3px;padding: 7px 3px 0 0;}
div.profile > div > div > span {line-height: 16px;color:#444;}
div.profile > div > div > span > span {display: inline-block;margin-right:5px;color:#444;}

.recordBox {padding:0 10px 10px;}
.recordBox > table tbody tr td:nth-of-type(1) > div {width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.rightBigTable {}
.rightBigTable tbody tr td:nth-of-type(1) {/*font-weight: bold;*/color:#888;}
.rightBigTable tbody tr:nth-of-type(1) td:nth-of-type(1) {background: #ffa842; color:#fff;}
.rightBigTable span.smallFont {font-size: 10px;width: 115px;height: ;display: inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.rightBigTable a.reviewbtn {color:#415b7b; border: 1px solid #415b7b;display: inline-block;border-radius: 3px;height: 18px;line-height: 18px;width: 48px;text-align: center;font-size: 11px;}
.covers-CoversWTPCarousel-img {width:70px;}









/*--------------------footer----------------------*/
#footer {content:""; display:block; clear:both; height:285px;background: #444;width: 100%;position:relative;z-index: 10;color:#ccc;}
#footer > div {margin-left:224px;width:1410px; }
#footer .float_left .logo_f {padding:20px 0 12px 0;}
#footer .float_left address {line-height: 20px;}
#footer .float_left > p {font-style: italic;line-height: 20px;}
#footer .float_left > p a {color:#ffc731;text-transform: none;}
#footer .float_left > div {color:#666;padding-top: 13px;font-style: italic;line-height: 15px;text-transform: none;}
#footer .float_left > div span {color:#50739e;text-decoration: underline;}
#footer .sitemap {float:right;margin-top:15px;}
#footer .sitemap > li {float:left;margin-left:45px;}
#footer .sitemap > li h4 {font-weight: normal;position: relative;height: 29px;line-height: 32px;font-size: 16px;margin-bottom:10px;}
#footer .sitemap > li h4 span {display: inline-block; width: 30px;height: 3px;background: #bbb;position: absolute;left:0;bottom:-3px;}
#footer .sitemap > li h4 a {color:#bbb;line-height: 32px;display: inline-block;}
#footer .sitemap > li ul li a {color:#888;line-height: 20px;}
#footer .sitemap > li h4:hover a {color:#ffc731;}
#footer .sitemap > li h4:hover span {background:#ffc731;}
#footer .sitemap > li ul li a:hover {color:#ffc731; }