@charset "utf-8";

/* reset11 */
/* html * {max-height: 999999px} font size bug fix */
html,body{margin:0px;padding:0px;height:100%; width:100%;font-size:16px;font-family: Noto Sans KR, Arial, sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px;}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;word-break:keep-all}
li{list-style:none}
img,a{border:0px}
fieldset {padding: 15px; border: solid 1px #ffddc6; background: #fff8f3;border-radius: 5px; color: #666666; font-size: 14px;margin-top: 20px;line-height: 22px;}
fieldset legend {padding: 5px 10px; border-radius: 5px; border:1px solid #ffddc6; background-color: #fce2d1;font-size: 14px; color: #222;}
fieldset legend.bg1 {padding: 5px; border-radius: 5px; border:1px solid red;}
a{text-decoration:none; color:#222;}
.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select,option{font-family: Noto Sans KR, Arial, sans-serif;}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left; table-layout:fixed}
table th, table td{text-align:left; word-break:break-word;word-wrap:break-word;}
input::-webkit-input-placeholder{color:#929292}
input::-moz-placeholder{color:#929292}
input:-moz-placeholder{color:#929292}
input:-ms-input-placeholder{color:#929292}
textarea::-webkit-input-placeholder{color:#929292}
textarea::-moz-placeholder{color:#929292}
textarea:-moz-placeholder{color:#929292}
textarea:-ms-input-placeholder{color:#929292}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */
figure { margin: 0; padding: 0; }
input:focus {outline:none;}

buttona:focus,
a:focus,
input:focus,
div:focus{outline: none;-webkit-tap-highlight-color:transparent;}
/*a,button,input,div { -webkit-tap-highlight-color:transparent;}*/

iframe[name='hiddenFrame'] { position: absolute; left:-1000px; top:-1000px; }

input[type='date'] { -webkit-appearance: none; }
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }

.top-btn { position:fixed; right:15px; bottom:105px; display: none; z-index: 9998;}
.gmenu-btn { position:fixed; right:15px; bottom:60px; display: none; z-index: 9998;}
.top-btn img, .gmenu-btn img { width:30px; box-shadow:0px 0px 7px #ccc; border-radius:30px; }

.mt0 { margin-top:0 !important; }
.mb0 { margin-bottom:0 !important; }
.mr0 { margin-right:0 !important; }
.ml0 { margin-left:0 !important; }
.m0 { margin:0 !important; }
.mt5 { margin-top:5px !important; }
.mb5 { margin-bottom:5px !important; }
.mr5 { margin-right:5px !important; }
.ml5 { margin-left:5px !important; }
.m5 { margin:5px !important; }
.mr10 { margin-right:10px !important; }
.ml10 { margin-left:10px !important; }
.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }
.m10 { margin:10px !important; }
.mr20 { margin-right:20px !important; }
.ml20 { margin-left:20px !important; }
.mt20 { margin-top:20px !important; }
.mb20 { margin-bottom:20px !important; }
.m20 {margin: 20px !important;}
.mr30 { margin-right:30px !important; }
.ml30 { margin-left:30px !important; }
.mt30 { margin-top:30px !important; }
.mb30 { margin-bottom:30px !important; }
.m30 {margin: 30px !important;}

.pt0 { padding-top:0 !important; }
.pb0 { padding-bottom:0 !important; }
.pl0 { padding-left:0 !important; }
.pr0 { padding-right:0 !important; }
.pd0 { padding: 0 !important;}
.pd5 { padding:5px !important; }
.pt5 { padding-top:5px !important; }
.pb5 { padding-bottom:5px !important; }
.pl5 { padding-left:5px !important; }
.pr5 { padding-right:5px !important; }
.pd5 { padding:5px !important; }
.pt10 { padding-top:10px !important; }
.pb10 { padding-bottom:10px !important; }
.pl10 { padding-left:10px !important; }
.pr10 { padding-right:10px !important; }
.pd10 { padding:10px !important; }
.pt20 { padding-top:20px !important; }
.pb20 { padding-bottom:20px !important; }
.pl20 { padding-left:20px !important; }
.pr20 { padding-right:20px !important; }
.pd20 { padding:20px !important; }
.pt30 { padding-top:30px !important; }
.pb30 { padding-bottom:30px !important; }
.pl30 { padding-left:30px !important; }
.pr30 { padding-right:30px !important; }
.pd30 { padding:30px !important; }
.pv10 { padding-top:10px !important; padding-bottom:10px !important; }
.ph10 { padding-left:10px !important; padding-right:10px !important; }
.pv20 { padding-top:20px !important; padding-bottom:20px !important; }
.ph20 { padding-left:20px !important; padding-right:20px !important; }

.font-white {color: #fff !important;}
.font-red {color: #ff0000 !important;}
.font-black {color: #222 !important;}
.font-orange {color: #ff7f28 !important;}
.font-gray {color: #777 !important;}
.font-blue {color: #028dfe !important;}
.font-yellow {color: #ffc11e !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.flex {display: flex; justify-content: space-between; align-content: space-between;}
.inline {display: inline-block;}

/* transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition:  all 0.5s cubic-bezier(0.86, 0, 0.07, 1); */
.iframe-modal { position:fixed; top:100%; left:0; border:0; width: 100%; height: 100%; z-index: 999; transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition:  all 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
.iframe-modal.open { top: 0px; }
body.modal-open { overflow: hidden!important; height: 100%; }

@keyframes blink-effect {
    50% {
        opacity: 0;
    }
}
.blink { animation: blink-effect 2s step-end infinite;}
@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
.flicker {
    -webkit-animation: flickerAnimation 2s infinite;
    -moz-animation: flickerAnimation 2s infinite;
    -o-animation: flickerAnimation 2s infinite;
    animation: flickerAnimation 2s infinite;
}

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.bg_cover{background-position:center center;background-repeat:no-repeat}
.bg_cover .bg_img,
.bg_cover .bg_m,
.bg_cover .bg{display:none}

.table_box {display:table;width:100%; table-layout: fixed}
.table_box .table_cell {display:table-cell; vertical-align: middle}
.table_box.search_box > .table_cell:first-child {width:30%;padding-right:20px}

.info_box { position:relative; width:100%;overflow:hidden;margin-bottom:10px }
.info_box .info_cell { float:left; width:25%; }
.info_box .info_cell.login { width:50%;margin-bottom:8px }
.info_box .info_cell.logout { width:50%;padding: 5px 0 }

/* checkbox */
.checkbox{width:100%;position:relative;background:none}
.checkbox .input{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;border:0;padding:0;width:100%;height:100%;z-index:1}
.checkbox .cover{position:relative;z-index:0}
.checkbox .cover>*{display:inline-block;vertical-align:middle}
.checkbox .cover .ic{width:20px;height:20px;margin-right:10px;background-color:#5b5b5b}
.checkbox .cover .txt{font-size:1em;color:#fff;}
.checkbox.active .cover .ic{background:#ff7f28 url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_on.png") center center no-repeat;background-size:100% auto}

/* radiobox */
.radiobox .radio{position:relative;display:inline-block;background:none}
.radiobox .radio + .radio{margin-left:20px}
.radiobox .radio .input{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;border:0;padding:0;width:100%;height:100%;z-index:1}
.radiobox .radio .cover { display:table; }
.radiobox .radio .cover>*{display:inline-block;vertical-align:middle}
.radiobox .radio .cover .ic{width:20px;height:20px;margin-right:10px;background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/radio.png") center center no-repeat;background-size:100% auto}
.radiobox .radio .cover .label{font-size:1em;color:#999;}
.radiobox .radio.active .cover .ic{background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/radio_on.png") center center no-repeat;background-size:100% auto}
.radiobox .radio.active .cover .label{color:#ff7f28; font-weight: bold;}

/* selectbox */
.selectbox {  position: relative; width:95%; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") right center no-repeat;	background-size:14px auto;    z-index: 1}/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before { content: "";  position: absolute;    top: 50%;    right: 15px;    width: 0;    height: 0;    margin-top: -1px;    border:0;}
.selectbox label { position: absolute;    top: 0px;   left: 5px;   padding: .2em .5em;   color: #fff;    z-index: -1;  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:70%}
.selectbox select {  width: 100%;  height: auto;  /* 높이 초기화 */    line-height: normal;  /* line-height 초기화 */    font-family: inherit;     padding: .4em .5em;  border: 0;    opacity: 0;  /* 숨기기 */    filter:alpha(opacity=0);   -webkit-appearance: none;   -moz-appearance: none;    appearance: none;}

.contains {width:90%;margin:0 auto; position:relative;}


/* menu */
.menu {background:#eee; z-index: 100;color: #2d2d2d; }
.menu.bd_t {border-top:1px solid rgb(255,255,255,0.2)}
.menu ul{display:table;width:100%;table-layout:fixed; height:46px; line-height: 46px}
.menu ul + ul {margin-top:5px}
.menu ul li{display:table-cell;vertical-align:middle;text-align:center;font-size:0.9em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-weight:700}
.menu ul li a {color:#999;}
.menu ul li a span { display:inline-block; vertical-align: middle}
.menu ul li a .count {font-size:0.8em; margin-left:5px;max-width: 30%;text-overflow: ellipsis;overflow: hidden; padding-top:3px}
.menu ul li.active{border-bottom:2px solid #ff7f28 !important;}
.menu ul li.active a {color:#ff7f28!important}

.menu.type2 ul { height:auto; line-height:normal; }

.menu.type2 ul li{border:1px solid #d5d5d5; border-radius: 50px;padding:4px 10px 6px; font-size:0.9em}
.menu.type2 ul li.blank {width:2%; border:0; padding:0!important}
.menu.type2 ul li.active{border-color:#ff7f28; background:#ff7f28;}
.menu.type2 ul li.active a {color:#333!important}

.menu.scroll_y {overflow-x: auto; white-space:nowrap;padding-bottom: 5px}
.menu.scroll_y ul {display:block; width:auto;}
.menu.scroll_y ul li{display:inline-block; vertical-align: middle;padding:0 20px;margin-right:-4px; }
/*.menu.scroll_y ul li + li {margin-left:10px;}*/
.menu.type2.scroll_y { padding-left:5%; padding-top:20px; }
.menu.type2.scroll_y ul li {padding:4px 10px 6px;}
.menu.type2.scroll_y ul li + li {margin-left:10px}

.scroll-tab-btn { position: relative; }
.scroll-tab-btn .arrow-left { position: absolute; height: 100%; top: 0px; left: 0px; background: #fff; display: flex; align-items: center; }
.scroll-tab-btn .arrow-left img { width: 14px; height: 14px; -webkit-transform: rotate(180deg); }
.scroll-tab-btn .arrow-right { position: absolute; height: 100%; top: 0px; right: 0px; background: #fff; display: flex; align-items: center; }
.scroll-tab-btn .arrow-right img { width: 14px; height: 14px; }

.form_box + .menu.type2 {margin-top:20px;}
.form_box.only_tit + .menu.type2 {margin-top:0; padding-top:10px}

.menu + .sub_menu {margin-top:40px;}
.sub_menu ul{display:block;}
.sub_menu ul li{display:inline-block;padding:10px 0;vertical-align:middle;text-align:center;font-size:1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#999;}
.sub_menu ul li a {color:#999; }
.sub_menu ul li.active a { color:#fff;  font-weight:700; text-decoration: underline}

.quickmenu {position:fixed; bottom:0; left:0; right:0; background:#111; padding:15px 0; z-index: 500; height:50px; }
.quickmenu ul{display:table;width:100%;table-layout:fixed}
.quickmenu ul li{display:table-cell;/*padding:0 10px;*/vertical-align:middle;text-align:center;font-size:12px;text-overflow:ellipsis;white-space:nowrap;opacity: 0.5; text-align: center;width:20%; font-weight: bold; }
.quickmenu ul li.home { opacity: 1; }
.quickmenu ul li.home img { width:45px; margin-top:-26px; }
.quickmenu ul li.home span ~ span { margin-top:5px; }
.quickmenu ul li.home span { position:relative; }
.quickmenu ul li.home span:first-child::before { content: ''; position: absolute; top:-35px; left:calc(50% - 46px); background: url('/static/img/cuesco/quick_menu_bg.png') no-repeat; background-size: 100%; width:84px; height:25px; z-index: -1; }
.quickmenu ul li a {color:#fff;}
.quickmenu ul li a span {display:block; margin:0 auto}
.quickmenu ul li a span img {width:26px;}
.quickmenu ul li.active{opacity: 1}


.quickbutton {display:none;position:fixed; bottom:0; left:0; right:0; background:#111; padding:15px 0 85px; z-index: 400 }
.quickbutton .quicktitle {color:#fff; font-size:1em; }
.quickbutton .quicktitle span { color:#ff7f28}
.quickbutton ul{display:table;width:100%;table-layout:fixed; margin-top:10px;}
.quickbutton ul li {display:table-cell; }
.quickbutton ul li a {display:block; width:95%; padding-left:0;padding-right:0;}

.videobutton_active + #footer {padding-bottom:180px}
.videobutton_active + #footer + .quickbutton {display:block}

html,body { background:#222; /*position:fixed;overflow: hidden;*/ }
#viewport {/*max-width:1280px;*/ margin:0 auto;/*min-height:100%; */width:100%;position:relative;/*-webkit-overflow-scrolling: touch;width: 100vw;  height: 100%;overflow-y: auto;*/}
#viewport.sub {}

#eleWrapper {position: relative ;width: 100%;}

#topBlank { position:absolute; top:0; left:0; width:100%; height:65px; background:#222; z-index:1; }
#topBlank.sub { height:46px; }
#topBlank.premium { background: #26548F; }
#topBlank.lotto { background: #016F85; }

/* header */
#header { text-align:center;}
#header h1 {margin:0 auto; padding:20px 0 0; display:block; overflow: hidden }
#header h1 img {width:6%; display:block; margin:0 auto;padding:10px 0 }

#header {height: 46px; line-height: 46px; width:100%;background:#111; position:fixed; z-index: 400; top:0px}
#header h1 {font-size:1em; font-weight: 700; margin:0 auto; text-align: center; color:#fff;padding:0}
#header h1 span {display:inline-block; vertical-align:middle; max-width: 80vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#header h1 span.name {max-width:70%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden }
#header .btn_prev {position:absolute; top:0;left:0; display:block;width:46px; height:46px; line-height: 46px;}
#header .btn_prev img {height: 45%;margin:25% auto 0;}
#header .btn_close {position:absolute; top:0;right:0; display:block;width:46px; height:46px; line-height: 46px;}
#header .btn_close img {height: 45%;margin:25% auto 0;}

#content {padding:46px 0 100px; overflow-x: hidden; overflow-x: hidden; background: #fff; min-height: 500px; }
#content.no-head {padding-top:0;padding-bottom: 0;}
.full-height {height: 100vh;}
/*.umb #content {padding-bottom:190px}
.umb.videobutton_active #content {padding-bottom:280px}*/
.join #content { background: #222; }

/* sub lastbtn */
.sub .lastbtn { display:table; text-align: center; position: absolute;left:0; bottom:0; right:0; width:100%; table-layout: fixed}
.sub .lastbtn.fixed {position: fixed;}
.sub .lastbtn a {font-size:1em; padding:15px 0;font-weight: 700; color:#fff; display:table-cell;}
.sub .lastbtn a.btn_g { background:#5b5b5b}
.sub .lastbtn a.btn_o { background:#ff7f28; color:#333}

.sub_btn_wrap {clear:both; display:block;}
.sub_btn_wrap .btn {background:#ff7f28;}
.sub_btn_wrap .btn.btn_g { background:#999}
.sub_btn_wrap .btn a { padding:15px 30px; display:block;}
.sub_btn_wrap .btn a span {color:#fff; font-size: 1.1em; font-weight: 700; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/icon_arrow.png") right center no-repeat; background-size:10px; display:block; text-align: center}

.sub_btn_wrap .btn a span.tit { background:none; display:inline-block; text-align: left}
.sub_btn_wrap .btn a span.count { text-align: right; padding-right:15px; display: inline-block; float:right}
.sub_btn_wrap.type2 {margin-top:40px;}
.sub_btn_wrap.type2 .btn + .btn {margin-top:20px}

.btn_box { padding:10px 0;}
.btn_box .btn_normal {display:block; padding:10px; font-size:1em}

.btn.ea2 { display: flex; justify-content: space-between; align-content: center; }
.btn.ea2 a { width: 50%; }
.btn.ea2 a:first-child { margin-right: 5px; }
.btn.ea2.mr0 a:first-child { margin-right: 0px; }

.btn_normal {display:inline-block;  border:1px solid #ff7f28;  color:#fff; font-size:0.8em; padding:5px 5px; text-align: center;border-color:#3a3a3a; background:none; word-break: break-all}
.btn_normal.no-border {border:0 !important;}
.btn_normal.btn_b { background:#028dfe !important; border-color:#028dfe !important; color: #fff2e9 !important;}
.btn_normal.btn_o { background:#ff7f28 !important; border-color:#ff7f28 !important; color:#333 !important;}
.btn_normal.btn_r { background: #d50f0f !important; border-color:#d50f0f !important; color:fff2e9 !important;}
.btn_normal.btn_o.more { color:#fff}
.btn_normal.btn_o.more span { font-size: 12px;}
.btn_normal.btn_g { background:#d5d5d5 !important; border-color:#d5d5d5 !important; color:#666 !important}
.btn_normal.btn_m { background:#5b5b5b !important; border-color:#b5b5b !important; color:#f8f8f8 !important}
.btn_normal.btn_dg { background:#666; border-color:#666}
.btn_normal.btn_gline {border-color:#999; color:#666}
.btn_normal.btn_oline {border-color:#ff7f28; color:#666}
.btn_normal.btn_live {border:none; color:#d0090b}
.btn_normal.btn_wb {background:#fff; color:#028dfe; border-color:#fff}
.btn_normal.btn_wo {background:#fff; color:#ff7f28; border-color:#fff}
.btn_normal.btn_wg {background:#fff; color:#333; border-color:#fff}
.btn_normal.btn_black { background:#222; border-color: #222;color: #fff !important;}
.btn_normal.btn_y { background:#fab61e; border-color: #fab61e}
.btn_normal.round { border-radius: 5px;}
.btn_normal.radius { border-radius: 5px;}
.btn_normal.block { display: block; padding: 10px 0; }

.btn_normal.btn_g.btn_video_view{width: 90%;margin: 0 auto;padding: 5px 0;}
.btn_normal.btn_m.btn_video_view{width: 90%;margin: 0 auto;padding: 5px 0;}
.btn_normal.btn_o.btn_video_view{width: 100%;margin: 0 auto;padding: 5px 0;}

.btn_normal span {display:inline-block; vertical-align: middle;font-weight: 700}
.btn_normal span + span {margin-left:5px;}
.btn_normal span.ic_download {width:15px; height:15px; background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/video_download2.png) no-repeat; background-size: cover}

.search_title_wrap {margin:40px auto; overflow: hidden}
.search_title_wrap .title { color:#fff; font-size:1.2em;float:left; vertical-align: middle; width: 50%; word-break: break-all;font-weight: 700}
.search_title_wrap .title span {display:inline-block; vertical-align: middle}
.search_title_wrap .title span + span { font-weight: normal; color:#999; padding-left:10px;}
.search_title_wrap .right_box {float:right; vertical-align: middle;width: 40%; }
.search_title_wrap .right_box span {color:#fff; font-size:1em}
.search_title_wrap .right_box .date {color:#999; font-size:0.8em; margin-right:5px;}
.search_title_wrap .selectbox {  border-left:2px solid #ff7f28;}

/* top_paenel */
.top_panel {padding:30px 0}
.top_panel2 {padding:20px;}
.top_panel.pdt_none {padding-top:0}

/* panel_box */
.panel_box {padding-top:20px;}
.panel_box.bd_t {border-top:1px solid #d5d5d5}
.panel_box.bd_t2 {border-top:1px solid #323232}
.panel_box.top_info,
.panel_box.pd_b{padding-bottom:40px;}
.panel_box.pd_t0 {padding-top:0}

.panel_box.bg_darkgray .noti-txt { color: #999; text-align: center; font-size: 14px; }

.panel_box .box_title {min-height:46px; line-height: 46px;}
.panel_box .box_title.height-none {height: auto;}
.panel_box .box_title.bd_line {border-bottom:2px solid #d5d5d5}
.panel_box .box_title .bigtitle {color:#333; font-size:1.6em; display:inline-block; vertical-align: middle;}
.panel_box .box_title .title {color:#333; font-size:1.2em; font-weight: 700; display:inline-block; vertical-align: middle;}
.panel_box .box_title .count_label {display:inline; vertical-align: middle; margin-left:5px}
.panel_box .box_title .count_label span {background:#ff7f27; color:#333; padding:4px 6px; font-size:0.8em; border-radius: 30px; font-weight: 700 }
.panel_box .box_title .count {display:inline-block; vertical-align: middle; margin-left:5px}
.panel_box .box_title .count span {color:#999;font-size:0.8em; font-weight: 700 }
.panel_box .box_title .right_select {float:right; line-height: normal; position:relative; top: 10px;}
.panel_box .box_title .right_text {display: inline-flex; float:right; line-height: normal; text-align: right; color:#666; font-size: 0.9em; line-height: 56px }
.panel_box .box_title .right_text a.btn_text { color:#666}
.panel_box .box_title.new .title { font-size: 22px; }
.panel_box .box_title.new .date { float:right; font-size:16px; color:#999; }

.panel_box .box_title.bbs_title .title {max-width: 80%;word-wrap: break-word;float: left;line-height: 1.6em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.panel_box .box_title.bbs_title .title em.sub {font-weight: normal;font-size: 14px; font-style: normal;color: #999;}
.panel_box .box_title.bbs_title .count { float:left;max-width:14% }
.panel_box .box_title.bbs_title .count span {display: block;line-height: 1.6em; padding-top:6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.panel_box .box_title.bbs_title .right_select {top: auto;width:30%}

.panel_box .box_desc {margin:0 15px; padding:15px 0; border-bottom:solid 1px #eee; }
.panel_box .box_desc .desc {color:#222; font-size:14px; line-height: 1.3em; word-break: keep-all}
.panel_box .box_desc .desc span,
.panel_box .box_desc .desc.none {color:#999}
.panel_box .box_desc .desc + .desc {margin-top:5px}

.panel_box .box_title + .form_box,
.panel_box .box_desc + .form_box,
.panel_box .box_title + .menu,
.panel_box .box_desc + .menu{margin-top:20px}


/* report_box */
.report_box {margin-bottom:10px; background:#fff; border-radius:5px; box-shadow:-3px 0px 10px -10px #000, 3px 0px 10px -10px #000; border:solid 1px #eee; box-sizing: border-box; overflow: hidden;}
.report_box + .report_box {padding-top:10px}
.report_box .report { display:block;}
.report_box .report .top {padding:10px; text-align: center;}
.report_box .report .top ul li {display:inline-block; width:25%; vertical-align: middle;font-size: 16px; margin-right:10px;}
.report_box .report .top ul li span { display: block; }
.report_box .report .top ul li .count {color:#ff7f27;font-weight: bold;}
.report_box .report .bot {padding-bottom:20px;}
.report_box .report .bot ul {display:table; width:100%; table-layout: fixed}
.report_box .report .bot ul li {position: relative; display:table-cell; vertical-align: middle; text-align: center}
.report_box .report .bot ul li.big { width:35%; }
.report_box .report .bot ul li span { position: relative; }
.report_box .report .bot ul li span + span { padding-left:15px; }
.report_box .report .bot ul li span + span::before { content: ''; position: absolute; top:10px; left:5px; width:3px; height:3px; border-radius: 3px; background:#222; }
.report_box .report .bot ul li .label {font-size:14px; color:#999}
.report_box .report .bot ul li .count {font-size:18px; color:#222}
.report_box .report .bot ul li + li::before {content: ''; position: absolute; left:0px; top:10px; width:1px; height:30px; background:#eee; }



/*.report_table {padding:0 0 20px}*/
.report_table .info_table table {border-top:0}
.report_table .info_table table thead th { font-size: 13px; color:#666; font-weight: normal; border-bottom:0; }
.report_table .info_table table thead th:first-child { text-align: left; padding-left:10px; }
.report_table .info_table table thead th:last-child { text-align: left; }
.report_table .info_table table tbody tr td:first-child { color: red !important; }
.report_table .info_table table tbody tr td:nth-child(7) { color: blue !important; }
.report_table .info_table table tbody td { position: relative; color:#999; border-bottom:solid 1px #f8f8f8; padding:17px 5px; text-align: center}
.report_table .info_table table tbody td p.date { border-radius: 100%;  width: 30px; height: 30px; line-height: 30px; font-size: 1em;}
.report_table .info_table table tbody td p.active{ background: #ff7f28; color: #222; }
.report_table .info_table table tbody td p span.star{color: #d54b9c;position: absolute;top: 5px;right: -2px;}
.report_table .info_table table tbody td .label_win::before,
.report_table .info_table table tbody td .label_lose::before { content: ''; position: absolute; right:10px; top:22px; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/arrow_right.png') no-repeat; background-size:7px 13px; width:7px; height:13px; }
.report_table .info_table table tbody td .label_win.no-before::before,
.report_table .info_table table tbody td .label_lose.no-before::before { content: none; }
.report_table .info_table table.bd_t {border-top:1px solid #d5d5d5}
.report_table .info_table table:nth-child(2n) {background:#f8f8f8}
.report_table .info_table table .date {padding-left:20px;}
.report_table .info_table table .name {color:#333;}
.report_table .info_table table .name p { display: table-cell; }
.report_table .info_table table .name p a { color:#222; }
.report_table .info_table table .name p:first-child { padding:0 10px;color:#999; }
.report_table .info_table table .name p:last-child { font-weight: bold; }
.report_table .info_table table .label {font-size:1em; color:#999}
.report_table .info_table table .count {font-size:1.1em; font-weight: 700; color:#333}


.report_table .info_table table .thum .player_thumbnail img{width:50px; height: 50px; display:block; margin:0 auto}

/* graph_box */
.graph_box .thum {width:100%; margin-bottom: -4px}
.graph_box.scroll_y {overflow-x: auto}
.graph_box.scroll_y .thum {width:auto; max-height:250px}

/* info_photo */
.info_photo {overflow-x:auto}
.info_photo ul {overflow-x: auto;width: auto;display: block;white-space:nowrap;}
.info_photo ul li { display: inline-block;width: 80%; overflow: hidden}
.info_photo ul li + li {margin-left:10px;}
.info_photo ul li .thum_img {width:100%}
.info_photo ul li .thum_img img {width:100%}
.info_photo ul li .textbox {background: #444; padding:10px; margin-top:-4px;}
.info_photo ul li .textbox .tit {color:#fff; font-size:0.9em; font-weight:700;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.info_photo ul li .textbox .desc {color:#d5d5d5; font-size:0.8em;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sub .form_box .tit + .info_photo,
.info_photo + .txt  {margin-top:20px;}

/* photo_view */
.popup_photoview {min-hight:100%}
.popup_photoview .slider_wrap{width:100%;overflow:hidden;position:relative}
.popup_photoview .slider_wrap .slider_slide{display:inline-block}

.popup_photoview .slider_wrap{overflow:hidden}
.popup_photoview .slider_wrap .contains{padding-bottom:50px}
.popup_photoview .slider_wrap .slider_container{width:70%;margin-left:15%}
.popup_photoview .slider_wrap .slider_container img {width:95%; margin:0 auto}
.popup_photoview .slider_wrap .slider_slide{box-sizing:border-box;position:relative;z-index:0}
.popup_photoview .slider_wrap .slider_slide>.container{transform:scale(0.832258065,0.832258065)}
.popup_photoview .slider_wrap .slick-dots{font-size:0em;position:absolute;bottom:20px;left:0;right:0;text-align:center}
.popup_photoview .slider_wrap .slick-dots li{display:inline-block;vertical-align:middle;padding:0 5px}
.popup_photoview .slider_wrap .slick-dots button{border:none;background-color:#dcdcdc;border-radius:999px;padding:0;margin:0;width:10px;height:10px;font-size:0em}
.popup_photoview .slider_wrap .slick-dots li.slick-active button,
.popup_photoview .slider_wrap .slick-dots li button:hover{background-color:#ff7f28}
.popup_photoview .slider_wrap .slider_slide.slick-current.slick-active{z-index:2}
.popup_photoview .slider_wrap .slider_slide.slick-current.slick-active>.container{transform:scale(1,1)}
.popup_photoview .panel_box .box_desc .desc + .desc {margin-top:15px}
.popup_photoview .panel_box .box_title {border-top:1px solid #5d5d5d; padding-top:15px}
.popup_photoview .panel_box .box_desc {border-bottom:1px solid #5d5d5d; padding-bottom:20px}

/* info_box */
.info_box .title_wrap {margin-bottom:10px; overflow: hidden}
.info_box .title_wrap .title { color:#fff; font-size:1.2em;float:left; vertical-align: middle; width: 50%; word-break: break-all;font-weight: 700}
.info_box .title_wrap .title span { display:inline-block; vertical-align: middle}
.info_box .title_wrap .title span + span {margin-left:5px;}
.info_box .title_wrap .right_box {float:right; vertical-align: middle;width: 40%; }
.info_box .title_wrap .right_box span {color:#fff; font-size:1em}
.info_box .title_wrap .right_box .date {color:#999; font-size:0.8em; margin-right:5px;}
.info_box .desc_box {color:#999; font-size:0.9em;}
.sub_menu + .info_box,
.tab_wrap > .menu + .info_box,
.info_box + .info_box{margin-top:40px;}
.tab_wrap.fixed .menu {position: fixed;}
.tab_wrap.fixed .top_info {padding-top: 70px;}

.info_box .desc_box + .list_style_v1 {margin-top:20px}

/* cuenie_box */
.page_cuenie .btn_box{padding:20px 0 0}
.page_cuenie .panel_box {padding-bottom:40px}

.page_cuenie .cuenie_top {border-top:2px solid #333; background:#f8f8f8; text-align: center; padding:20px 0;}
.page_cuenie .cuenie_top .title {font-size:1.4em; font-weight: 700; color:#333}
.page_cuenie .cuenie_top .title + p {margin-top:10px;}
.page_cuenie .cuenie_top .date {font-size:1em;  color:#999; line-height: 1.3em}

.page_cuenie .info_table span {color:#333; font-weight: 700; vertical-align: middle; display: inline-block}
.page_cuenie .info_table span.won {font-size:2em; margin-right:5px;}

.page_cuenie .info_table + .cuenie_box {margin-top:40px}

.page_cuenie.page_popup .cuenie_top {text-align:left}
.page_cuenie.page_popup .cuenie_box ul li a {/*padding:14px 0 12px*/padding:0;  text-align: center; width:45px;height:45px; line-height: 45px;}

.cuenie_box  {display:block; width:94%; margin-left:2%}
.cuenie_box ul {display:table; width:101%; table-layout: fixed;}
.cuenie_box ul + ul {margin-top:10px;}
.cuenie_box ul li {display:table-cell; vertical-align: middle; width:16%;}
.cuenie_box ul li.num { color:#333; width:10%; font-weight: 700; text-align: center}
.cuenie_box ul li.num span { display:block; margin:0 auto; font-size:0.8em}
.cuenie_box ul li.noti { color:#333; width:11%; font-weight: 700}
.cuenie_box ul li a { border:1px solid #d5d5d5; background:#fff; text-align: center; width:75%; display:block; font-size: 0.9em; font-weight: 700; color:#333;width:40px;height:40px;line-height: 40px; border-radius: 40px}
.cuenie_box ul li a span {max-width:90%; overflow: hidden; display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; line-height: 1em}
.cuenie_box ul li a.active {background:#ff7f28; border-color:#ff7f28;}

.cuenie_box ul li a.btn_normal {border-radius: 0; border-color:#999; padding:3px 0 7px; line-height: normal; height:auto}
.cuenie_box ul li a.btn_link {border: 0;border-radius: 0; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/icon_arrow2.png") center no-repeat; background-size: 100% auto;width:10px; height:30px; padding:0; display: inline-block}

.cuenie_box ul.center li a {margin:0 auto}

.cuenie_box.cuenie_table {width:100%;margin:0}
.cuenie_box table td {border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; padding:5px 0 10px 10px}
.cuenie_box table td:last-child { border-right:0}
.cuenie_box table tr:last-child td {border-bottom:1px solid #d5d5d5; }
.cuenie_box .checkbox .cover .txt{color:#333;}
.cuenie_box .checkbox .cover .ic {background-color:#d5d5d5}
.cuenie_box .checkbox.active .cover .ic {background-color:#ff7f28;}


.cuenie_title .tit {font-size:1.1em; font-weight: 700; color:#333}
.cuenie_title .tit.center {text-align:center}
.cuenie_title .tit b + span {font-weight:normal}
.cuenie_title .tit span.label {padding:2px; background:#ffd31d; font-size:0.8em;margin-left:5px}
.cuenie_title .date {font-size:0.9em;  color:#999; line-height: 1.3em; margin-top:5px}

.cuenie_title .wonbox {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/sub/cuenie_bg.png") no-repeat; background-size:100% 100%; padding:17px 0 25px; text-align: center; margin-top:10px}
.cuenie_title .wonbox span {display:inline-block; vertical-align: middle}
.cuenie_title .wonbox .label {color:#999; font-size:1em; margin-right:20px;}
.cuenie_title .wonbox .won {color:#ff7f28; font-size:3em; font-weight: 700; line-height: 1em }
.cuenie_title .wonbox .won2 {font-size:1.5em;margin-left:2px;color:#ff7f28;font-weight: 700}

.cuenie_title .noti {font-size:0.9em;  color:#999; line-height: 1.3em; margin-top:5px; padding-bottom: 20px}

.cuenie_list > li { border-bottom:1px solid #d5d5d5; padding:15px 0 5px;}
.cuenie_title + .cuenie_box {border:0; width:100%; margin:15px 0}
.cuenie_list .cuenie_box li:last-child { text-align:right;}

/* link_box */
.link_box  {display:block; padding-bottom: 30px;}
.link_box ul { display:block; text-align: center; overflow: hidden}
.link_box ul li { float:left; vertical-align: middle; margin-bottom:5px; min-width:15%; margin-right:5px}
/*.link_box ul li + li {margin-left:1%;}*/
.link_box ul li a { border:1px solid #d5d5d5; background:#fff; text-align: center; padding:10px; display:block; font-size: 0.8em; font-weight: 700; color:#333; border-radius: 50px}
.link_box ul li a span { display:inline-block;line-height: 1em;}
.link_box ul li a.active {background:#ff7f28; border-color:#ff7f28;}


/* info_table */
.info_table table { table-layout: fixed;border-top:1px solid #d5d5d5;border-collapse: separate }
.info_table table th,
.info_table table td { border-bottom:1px solid #d5d5d5; color:#999; font-size:0.9em;padding:10px 5px; text-align: center}
.info_table table th.bg_point {color:#333; }
.info_table table th,
.info_table table td.bg_g{background:#f8f8f8; color:#333}
.info_table table td p.desc {font-size:0.9em}

.info_table table td.subject {color:#fff}
.info_table table td.date {color:#999}

.info_table table .align_l {text-align:left; padding-left:10px}
.info_table table .align_c {text-align:center}
.info_table table .align_r {text-align:right; padding-right:10px}

.info_table table .bd_l {border-left:1px solid #d5d5d5}

.info_table table .state {text-align:center; background-position: 30px center; background-repeat: no-repeat; background-size:10px auto; }
.info_table table .state.down {color:#028dfe;background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/down.png"); }
.info_table table .state.up {color:#ff7f28;background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/up.png") }
.info_table table .state span {width:80%; display:inline-block;}

.info_table + .info_table,
.sub_btn_wrap + .info_table,
.sub .form_box .tit + .info_table,
.sub .form_box .txt + .info_table,
.info_table + .txt  {margin-top:20px;}

/* 상대전적 */
.vs_table .info_table .bg_inn { color:#333; font-weight: 700}
.vs_table .info_table td:last-child {border-right:0}
.vs_table .info_table .score span { display:inline-block; vertical-align: inline-block;color:#333; font-weight: 700; margin:2px;}
.vs_table .info_table .score .label { width:24px; height:24px; border-radius: 24px; text-align: center;  font-size: 0.8em; line-height: 24px;}
.vs_table .info_table .score .label.win {background:#ff7f26}
.vs_table .info_table .score .label.lose {background:#d5d5d5;margin-left:5px}

.vs_table .compare_list ul.compare li.f_list .answer {border-top:0;padding-top:0}

/* sub form > btn */
.sub .form_box .btn_wrap { display:table; text-align: center; width:100%; table-layout: fixed; margin-top:60px}
.sub .form_box .btn_wrap .btn { display:table-cell;}
.sub .form_box .btn_wrap .btn + .btn {border-left:10px solid rgba(255, 0, 0, 0)}
.sub .form_box .btn_wrap .btn a {display:block;font-size:1em; padding:10px 0;font-weight: 700; color:#fff;}
.sub .form_box .btn_wrap .btn a.btn_g { background:#5d5d5d}
.sub .form_box .btn_wrap .btn a.btn_o { background:#ff7f27; color:#333}

/* sub form */
.sub .form_title .tit{color:#fff;font-size:1.3em}
.sub .form_title .desc{color:#fff;font-size:1.3em;line-height: 1.2em; word-break: keep-all}
.sub .form_title .desc span {font-size:0.9em; color:#999}
.sub .form_title p b {font-weight:700;}
.sub .form_title + .form,
.sub .form_title + .search_form {margin-top:40px;}


.sub .form_box .form + .form{margin-top:30px;}
.sub .form_box .form .tit{ font-size:15px; color:#999; position:relative;}
.sub .form_box .form .tit.important::after { position:absolute; top:0; left:-10px; display:block; content: "*"; color:#ff7f28; font-size:1em}
.sub .form_box .form .tit + .txt {margin-top:10px; }
.sub .form_box .form .txt{ font-size:0.9em; color:#999; line-height: 1.4em}
.sub .form_box .form .txt + .txt  {margin-top:5px; }
.sub .form_box .form .btn_add{ margin-top:10px; display: inline-block}
.sub .form_box .form .btn_add img {width:60px;}
.sub .form_box .form .input_box{ font-size:1em;  position:relative; border-bottom:2px solid #3a3a3a}
.sub .form_box .form .input_box .input_text {width:100%; font-size:1em;  border:0; line-height: 3em; color:#999; }
.sub .form_box .form .input_box .input_text::placeholder {color:#fff; opacity: 1}
.sub .form_box .form .input_box .input_text.ok { background:#222 url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/input_ok.png") center right no-repeat; background-size: auto 80%}
/*.sub .form_box .form .input_box .input_text.no { background:#323232 url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/input_no.png") center right no-repeat; background-size: auto 80%}*/

.sub .form_box .form .select_box {font-size:1em;  line-height: 3em; color:#999; border-bottom:2px solid #d5d5d5;  vertical-align: middle}
.sub .form_box .form .select_box .selectbox {width:99%}
.sub .form_box .form .select_box .selectbox label {left:0;padding:0}
.sub .form_box .form .select_box .selectbox select {padding:0}
.sub .form_box .form .select_box_row { display: flex; justify-content: center; align-items: center; }
.sub .form_box .form .select_box_row .select_box { width: 50%; }
.sub .form_box .form .select_box_row .select_box:first-child { margin-right: 10px; }
.sub .form_box .form .input_box.input_search {border:0;}
.sub .form_box .form .input_box.input_search .table_box {table-layout: fixed}
.sub .form_box .form .input_box.input_search .table_box .table_cell {position:relative; width:45%}
.sub .form_box .form .input_box.input_search .table_box .table_cell.dot {width:10%; text-align: center}
.sub .form_box .form .input_box.input_search .table_box .table_cell.blank {width:5%; text-align: center}
.sub .form_box .form .input_box.input_search .table_box .table_cell .select_box .selectbox {width:88%}
.sub .form_box .form .input_box.input_search .input_text {font-size:1em;  border:0; border-bottom:2px solid #d5d5d5; line-height: 3em;  vertical-align: middle; background:none; }
.sub .form_box .form .input_box.input_search .btn_search {width:30px; height:100%; display:block; position:absolute; top:0; right:0; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/search.png") center right no-repeat;  background-size: 15px auto;}
.sub .form_box .form .input_box.input_search .btn_search_cancel {width:30px; height:100%; display:block; position:absolute; top:0; right: 30px; background:url("/static/img/community/icon_close.png") center right no-repeat;  background-size: 15px auto;}
.sub .form_box .form .input_box.input_search .btn_search.cal { background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/cal.png");}
.sub .form_box .form .input_box.input_search .btn_re {display:block; position:absolute; top:0; right:0; }

.sub .form_box .form .input_box.phone .input_text{width:60%}
.sub .form_box .form .input_box.phone .right_box {position:absolute; top:4px; right:0; text-align:right;color:#fff;width: 40%;}
.sub .form_box .form .input_box.phone .right_box .btn {color:#fff;}

.sub .form_box .form .radiobox .radio { line-height: 3em;}

.sub .form_box .form .error { display:none; font-size:0.9em; color:#ff7f28; margin-top:5px;}
.sub .form_box .form .error.noti {color:#999;}
.sub .form_box .form .error.hp_correct {color:#96aace;}
.sub .form_box .form .error span { display:inline-block; vertical-align: middle}
.sub .form_box .form .error span.ico {display:none;margin-right:5px;width:15px;height:15px;background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/error.png") center no-repeat;background-size:100% auto;}
.sub .form_box .form .error.active {display:block}
.sub .form_box .form .error.active .ico {display:inline-block}

.sub .form_box .textarea_box {padding:20px; display:block;overflow: hidden;margin-top:10px; border:2px solid #3a3a3a}
.sub .form_box .textarea_box textarea {background:none; width:100%; height:200px; border:0;color:#999;font-size:0.9em;resize: none;}

/* page fin */
/*.sub .fin_form .img {width:70px;margin-bottom:10px}
.sub .fin_form .img img {width:100%}*/
.sub .fin_title .tit{color:#fff;font-size:1.3em}
.sub .fin_title .desc{color:#999;font-size:1em;line-height: 1.2em;margin-top:5px;}
.page_fin {height:calc(100vh - 0px)!important;padding:0;background:#222222 url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/smile.png") 90% 80% no-repeat!important; background-size:30%!important}
.page_fin .lastbtn {position: fixed;}
.page_fin .form_box {display:table;height:100%;width:100%;padding:0}
.page_fin .form_box .fin_form {width:100%;display:table-cell; vertical-align: middle;}
.page_fin .form_box .btn_box {padding-bottom:0}

/* search_form */
.search_form .search_top { position:relative;}
.search_form .search_top .search_in {position:relative; overflow: hidden;}
.search_form .search_top .selectbox {width:20%; float:left; border-bottom:2px solid #999;line-height: 3em;  vertical-align: middle}
.search_form .search_top .selectbox label {left:0;padding:0}
.search_form .search_top .input_text {width:100%;font-size:1em;  border:0; line-height: 3em; color:#999; background:#323232; border-bottom:2px solid #999;  vertical-align: middle}
.search_form .search_top .select_box + .input_text {width:78%; float:right}
.search_form .search_top .btn_search {width:30px; height:100%; display:block; position:absolute; top:0; right:0; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/search.png") center no-repeat;  background-size: 15px auto;}
.search_form .search_top .btn_search.cal { background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/cal.png") ;}

.search_form .search_top + .search_table {margin-top:40px;}
.search_form .search_table table { table-layout:  fixed; border-top:2px solid #999}
.search_form .search_table table th,
.search_form .search_table table td {color:#fff; font-size:0.9em; line-height: 1.3em;padding:10px 0; border-bottom:1px solid #3a3a3a}
.search_form .search_table table td .desc {color:#999; font-size:0.9em}
.search_form .search_table table td .state {color:#ff7f28; font-size:0.9em}
.search_form .search_table table td .state.ok {color:#028dfe;}
.search_form .search_table table td .state.ok span {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/confirm.png") right center no-repeat; background-size:10px auto; padding-right:14px; }
.search_form .search_table table td .state + .desc { margin-top:10px;}
.search_form .search_table table td.flag { text-align:center}
.search_form .search_table table td.flag img{width:50%}
.search_form .search_table table td.flag span {display:inline-block; vertical-align: middle; }
.search_form .search_table table td.flag span + span {margin-left:5px;}

.search_form .search_table table td a.btn_normal {margin-top:10px}
.search_form .search_table table .club_info {padding:10px 0}

.search_form .search_table .title {font-size:1em; color:#fff; padding-bottom:10px;}
.search_form .search_table .title + table {border-top:0}

.search_table .title_wrap {margin-bottom:10px; overflow: hidden}
.search_table .title_wrap .title { color:#fff; font-size:1.2em;float:left; vertical-align: middle; width: 50%; word-break: break-all;font-weight: 700}
.search_table .title_wrap .title span { display:inline-block; vertical-align: middle}
.search_table .title_wrap .title span + span {margin-left:5px;}
.search_table .title_wrap .title span.num {color:#999}
.search_table .title_wrap .right_box {float:right; vertical-align: middle;width: 40%; }
.search_table .title_wrap .right_box.align_r {text-align:right}
.search_table .title_wrap .right_box span {color:#fff; font-size:1em}
.search_table .title_wrap .right_box .date {color:#999; font-size:0.8em; margin-right:5px;}


.search_table .title_wrap + .bbs_type2 {padding-top:0}



.menu + .search_form {margin-top:40px;}

/* bbs common */
.bbs_box .search_form  {padding-top:40px;}

/* bbs_type1 : 일반 게시판 */
.bbs_type1 {padding-top:20px;}
.bbs_type1 ul li {border-bottom:1px solid #d5d5d5;margin-bottom:20px; padding-bottom: 25px; position:relative}
.bbs_type1 ul li:last-child{margin-bottom:0}
.bbs_type1 ul li a > span { display:block;}
.bbs_type1 .cate { color:#ff7f28; font-size:1em; line-height: 1.3em}
.bbs_type1 .cate + .subject {margin-top:10px;}
.bbs_type1 .subject { color:#333; font-weight: 700; font-size:1.1em; line-height: 1.3em; max-width: 100%}
.bbs_type1 .desc { color:#999; font-size:0.9em; line-height: 1.3em;margin-top:5px;}
.bbs_type1 .datebox { color:#999; font-size:0.9em; line-height: 1.3em;margin-top:20px;}
.bbs_type1 .datebox span {display:inline-block; vertical-align: middle}
.bbs_type1 .datebox span + span {margin-left:10px;}
.bbs_type1 .datebox + .datebox {margin-top:5px; color:#333}

.bbs_type1 .namelevel { position:absolute; top:0; right:0}
.bbs_type1 .namelevel span {display:inline-block; vertical-align: middle; padding:2px 0;color:#333; font-size:0.9em; line-height: 1.3em;}
.bbs_type1 .namelevel .level  { padding:2px; background:#f8f8f8}
.bbs_type1 .namelevel .level.lv1  {background:#afc7fd}
.bbs_type1 .namelevel .level.lv2  { background:#feeebf}
.bbs_type1 .namelevel .level.lv3  { background:#eaf1bf}
.bbs_type1 .namelevel .name  { margin-left:4px;}

.player_listwrap .player .text .cate .level  { padding:2px 10px; background: #dcdcdc;font-size:0.9em;color:#333; border-radius: 5px; display: inline-block; width: 50px;text-align: center;}
.player_listwrap .player .text .cate .level.lv1  {background:#afc7fd;}
.player_listwrap .player .text .cate .level.lv2  { background:#feeebf;}
.player_listwrap .player .text .cate .level.lv3  { background:#eaf1bf;}
.player_listwrap .player .text .cate .level.lv4  { background: #92f1ed;}

.player_handy { border-top:1px solid #5d5d5d; margin-top:20px}
.player_handy .table_cell.left {padding:20px;}
.player_handy .table_cell.left p {color:#fff; font-size:1.1em; line-height: 1.1em}
.player_handy .table_cell.left .count {text-align:right}
.player_handy .table_cell.left .count p {font-size:1.7em; font-weight:700 }
.player_handy .table_cell.right {padding:10px; text-align: right;border-left:1px solid #5d5d5d}
.player_handy .table_cell.right li {padding:5px 0; color:#999; font-size:1em}
.player_handy .table_cell.right li b {color:#fff; font-size:1.2em;}
.player_handy .table_cell.right li + li {border-top:1px dashed #5d5d5d; }

.bbs_top {padding: 0 0 10px; position:relative; border-bottom:1px solid #d5d5d5}
.bbs_top .contains {position:relative}
.bbs_top .label_name {position:absolute; bottom:0; right:0}

.bbs_con {word-break: break-all; padding:30px 0; line-height: 1.6em; border-bottom: 1px solid #d5d5d5;background-color: #f2f2f2;}
.bbs_con img {max-width:100%}
.bbs_con p {word-break: break-all; color:#666}

.bbs_write {padding:20px 0;}
.bbs_write .form_box .form .tit {color:#333}
.bbs_write .form_box .form .input_box{border-color:#d5d5d5}
.bbs_write .form_box .textarea_box{border:0; background:#f8f8f8}
.bbs_write .form_box .form .input_box .input_text {background:#fff}


/*.bbs_view {padding-top:40px}
.bbs_view .view_top > span { display:block;}
.bbs_view .view_top .cate { color:#ff7f28; font-size:1em; line-height: 1.3em}
.bbs_view .view_top .cate + .subject {margin-top:10px;}
.bbs_view .view_top .subject { color:#fff; font-size:1.1em; line-height: 1.3em;}
.bbs_view .view_top .desc { color:#999; font-size:0.9em; line-height: 1.3em;margin-top:5px;}
.bbs_view .view_top .datebox { color:#999; font-size:0.9em; line-height: 1.3em;margin-top:10px;}
.bbs_view .view_top .datebox span {display:inline-block; vertical-align: middle}
.bbs_view .view_top .datebox span + span {margin-left:10px;}
.bbs_view .view_top .datebox + .datebox {margin-top:5px; color:#fff}

.bbs_view .view_con {border-top:1px solid #3a3a3a;margin-top:30px; padding-top: 30px;}
.bbs_view .view_con .view_in {color:#999; font-size:0.9em; line-height: 1.5em;}
.bbs_view .view_con .view_in img {max-width:100%}

.bbs_view .view_ft {margin-top:100px}
.bbs_view .view_ft ul { display:table; width:100%; table-layout: fixed;border-top:1px solid #5b5b5b}
.bbs_view .view_ft ul:last-child {border-bottom:1px solid #5b5b5b}
.bbs_view .view_ft ul li  {display:table-cell; vertical-align: middle; padding:10px 0}
.bbs_view .view_ft ul li.label { color:#ff7f28; font-size:1em; width:20%; padding:10px;}
.bbs_view .view_ft ul li.subject a { display: block; color:#999; font-size:1em; width:99%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}*/

/* bbs_type2 : 썸네일 게시판 */
.panel_box .bbs_type2 {padding-bottom: 40px;}
.bbs_type2 ul li,
.box_title.bd_line + .bbs_type2 ul li:first-child {margin-top:20px;}
.box_title + .bbs_type2 ul li:first-child {margin-top:0}
.bbs_type2 ul li + li {border-top:1px solid #d5d5d5; padding-top: 20px;}
.bbs_type2 ul li a > span { display:block;}
.bbs_type2 .cate { color:#ff7f28; font-size:1em; line-height: 1.3em}
.bbs_type2 .cate + .subject {margin-top:5px; }
.bbs_type2 .subject { color:#333; font-size:1em; font-weight: 700; line-height: 1.3em; display: block;width:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bbs_type2 .desc { color:#999; font-size:0.9em; line-height: 1.3em;margin-top:5px;display: block;width:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;}

.bbs_type2 .datebox { color:#999; font-size:0.8em; line-height: 1.3em; display: block; }
.bbs_type2 .datebox span {display:inline-block; vertical-align: middle}
.bbs_type2 .datebox span + span {margin-left:10px;}

.bbs_type2 .table_box {table-layout: fixed}
.bbs_type2 .table_box .table_cell {vertical-align: top; position:relative;}
.bbs_type2 .table_box .table_cell.thum { width:45%}
.bbs_type2 .table_box .table_cell.thum + .table_cell {width:55%}
.bbs_type2 .table_box .table_cell.thum p {width:100%;position:relative;}
.bbs_type2 .table_box .table_cell.thum img {width:95%}
.bbs_type2 .table_box .table_cell.thum span {display:block;position:absolute; max-width:90%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#fff; font-size: 0.8em}
.bbs_type2 .table_box .table_cell.thum .checkbox {top:-4px; left:0; position:absolute;  }
.bbs_type2 .table_box .table_cell.thum .cate {top:0; left:0; background:#000; padding:2px 5px  }
.bbs_type2 .table_box .table_cell.thum .cate.bg {color:#333}
.bbs_type2 .table_box .table_cell.thum .ranknum {top:0; left:0; background:#000; padding:2px 5px }
.bbs_type2 .table_box .table_cell.thum .ranknum span {position:relative; width: auto; vertical-align: middle; display: inline-block; }
.bbs_type2 .table_box .table_cell.thum .ranknum .label { margin-right:4px;}
.bbs_type2 .table_box .table_cell.thum .ranknum .num {margin-right:2px; font-size:0.6em}
.bbs_type2 .table_box .table_cell.thum .ranknum.down .num {color:#ff7f28}
.bbs_type2 .table_box .table_cell.thum .ranknum.down .num + span {color:#ff7f28; font-size:0.6em}
.bbs_type2 .table_box .table_cell.thum .ranknum.up .num{color:#028dfe}
.bbs_type2 .table_box .table_cell.thum .ranknum.up .num + span {color:#028dfe; font-size:0.6em}
.bbs_type2 .table_box .table_cell.thum .time {bottom:5px; right:7%;  text-align: right; opacity: 0.5}

.bbs_type2 .table_box .table_cell .txt_in {width:90%}

.bbs_type2 .table_box .label_lose,
.bbs_type2 .table_box .label_win {position:absolute}

.bbs_type2 .vsbox .player { display:table}
.bbs_type2 .vsbox .player > div {display:table-cell;  vertical-align: middle}
.bbs_type2 .vsbox .thum { width:35px; margin:0 auto; }
.bbs_type2 .vsbox .thum .player_thumbnail img {width:30px; height: 30px; }
.bbs_type2 .vsbox .name {font-size:0.8em; font-weight:700; color:#333; line-height: 1em}
.bbs_type2 .vsbox .desc {font-size:0.7em; color:#999; line-height: 1em; margin:5px 0 0}

/* bbs_photo */
.bbs_photo {text-align:center; padding:40px 0; overflow: hidden}
.bbs_photo a {width:33.3%;  float:left; display:block; vertical-align: top; position:relative; padding-bottom: 30%;  background-size:cover; background-position: center;}
.bbs_photo a span {display:block; border:2px solid #fff; position:absolute; top:0; left:0; right:0; bottom:0;}
/*
.bbs_photo a span img {width:100%; }*/

/* bbs_none */
.bbs_none { text-align: center; padding:40px 0;}
.bbs_none .icon img {width:35%}
.bbs_none .tit {color:#666; font-size:1em; }
.bbs_none .tit.desc {opacity: 0.6}

/* bbs_faq */
.bbs_faq { margin:0 auto; padding:0 0 50px;}
.bbs_faq ul.faq li.f_list { border-bottom:1px solid #d5d5d5; overflow:hidden;color:#777; font-size:1em; line-height:3em }
.bbs_faq ul.faq li.f_list a.f_tit { color:#333;/*background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/q.png) 10px center no-repeat;*/ padding:5px 0; display:block; }
.bbs_faq ul.faq li.f_list a.f_tit > span.contains {display:block!important; margin:0 auto;}
.bbs_faq ul.faq li.f_list a.f_tit span { vertical-align:middle; display:inline-block}
.bbs_faq ul.faq li.f_list a.f_tit span.subject {width:95%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.bbs_faq ul.faq li.f_list a.f_tit span.arrow {background: url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") right center no-repeat; background-size:15px; width:15px; height:15px; position:absolute; top:50%; margin-top:-7px; right:0;}
.bbs_faq ul.faq li.f_list a.active .arrow { display:inline-block; -webkit-transform:rotate(180deg); color:#333}
.bbs_faq ul.faq li.f_list .answer {display:none;/* background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/a.png)10px top no-repeat;*/ background:#f8f8f8; color:#999; font-size:0.9em; padding:20px 0; line-height: 1.6em; border-top:1px solid #d5d5d5; word-break: break-all}
.bbs_faq .btn_wrap {margin-top:20px; text-align: center}

/* compare_list */
.compare_list { margin:0 auto; padding:0 0 50px;}
.compare_list ul.compare li.f_list { border-bottom:1px solid #d5d5d5; overflow:hidden;color:#777; font-size:1em; line-height:3em }
.compare_list ul.compare li.f_list a.f_tit { color:#333;/*background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/q.png) 10px center no-repeat;*/ padding:5px 0; display:block; }
.compare_list ul.compare li.f_list a.f_tit > span.contains {display:block!important; margin:0 auto;}
.compare_list ul.compare li.f_list a.f_tit span { vertical-align:middle; display:block; position:relative}
.compare_list ul.compare li.f_list a.f_tit span.subject {width:95%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.compare_list ul.compare li.f_list a.f_tit span.arrow {background: url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") right center no-repeat; background-size:15px; width:15px; height:15px; position:absolute; top:50%; margin-top:-7px; right:0;}
.compare_list ul.compare li.f_list a.active .arrow { display:inline-block; -webkit-transform:rotate(180deg); color:#333}
.compare_list ul.compare li.f_list .answer {display:none;/* background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/a.png)10px top no-repeat;*//* background:#444; */color:#999; font-size:0.9em; padding:20px 0 20px; line-height: 1.6em;border-top:1px solid #d5d5d5}

.compare_graph table .right { text-align:right}
.compare_graph table .center { text-align:center}
.compare_graph table tbody td {position:relative; color:#333}
.compare_graph table tbody td .graph { width:100%; height:20px; line-height: 16px; color:#fff; background:#ff7f28; display:inline-block; text-align: right}
.compare_graph table tbody td .graph span  {width:100%; height:100%; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; color:#fff; font-size:0.6em; padding-right:10px;}
.compare_graph table tbody td .graph span.icon {}
/*.compare_graph table tbody td.left .graph span {padding-right:10px;}
.compare_graph table tbody td.right .graph span {padding-left:10px;}*/
.compare_graph table tbody td .graph.graph_b { background:#028dfe}

/*.compare_graph table tbody td.state {padding:0 5px;}
.compare_graph table tbody td.state span {display:none; vertical-align: middle}
.compare_graph table tbody td.state.up span {display:inline-block; }
.compare_graph table tbody td.state .count {color:#ff7f28; font-weight: 100; font-size: 0.8em; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:60%}
.compare_graph table tbody td.state .icon { background: url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/up.png") no-repeat; width:8px; height:8px; background-size:100%;}*/

.compare_graph table .graph_tit { }
.compare_graph table .graph_tit span {display:inline-block; vertical-align: middle;color:#666; font-size:1em;}
.compare_graph table .graph_tit span.help {color:#fff; font-size:0.6em; background:#999; width:15px; height:15px; line-height: 15px; text-align: center; margin-left:5px; font-weight: 700; border-radius: 30px}
.compare_graph table .graph_tit .on {display:none}

.compare_graph table .graph_tit .active .span {color:#333; font-weight: 700}
.compare_graph table .graph_tit .active span.help {background:#333}
.compare_graph table .graph_tit .active + .on {display:inline-block; vertical-align: middle; background:#222; color:#fff; padding-left:4px; padding-right:4px; font-size:0.8em }

.compare_graph + .compare_graph {margin-top:10px;}

/* list_type */
.list_style_v1 li {position:relative;top:0;left:0;padding-left:20px;font-size:1em; color:#999; line-height:1.4em;}
.list_style_v1 li span.desc { opacity: 0.4}
.list_style_v1 li:before {position:absolute;top:0;left:0;margin:0;background:none;}
.list_style_v1 li:nth-child(1):before {content:'1.'}
.list_style_v1 li:nth-child(2):before {content:'2.'}
.list_style_v1 li:nth-child(3):before {content:'3.'}
.list_style_v1 li:nth-child(4):before {content:'4.'}
.list_style_v1 li:nth-child(5):before {content:'5.'}
.list_style_v1 li:nth-child(6):before {content:'6.'}
.list_style_v1 li:nth-child(7):before {content:'7.'}
.list_style_v1 li:nth-child(8):before {content:'8.'}
.list_style_v1 li:nth-child(9):before {content:'9.'}
.list_style_v1 li:nth-child(10):before {content:'10.'}
.list_style_v1 li:nth-child(11):before {content:'11.'}
.list_style_v1 .noti { color:#ff7f28; font-size:0.9em; margin-top:10px}

.list_style_v2 li {position:relative;top:0;left:0;padding-left:10px;font-size:1em; color:#999; line-height:1.4em;}
.list_style_v2 li:before {position:absolute;top:0;left:0;margin:0;background:none;content:'· '}
.list_style_v2 .noti { color:#ff7f28; font-size:0.9em; margin-top:10px}

/* thumbnail */
/*.player_thumbnail{width:90%}*/
.player_thumbnail {font-size:0; position:relative}
.player_thumbnail img{display:inline-block;border-radius:70%;background:#ccc; width:60px; height: 60px;}
.player_thumbnail .btn_del {width:15px; height:15px; text-align: center; display:block; top:0; right:50%; margin-right:-45px; position:absolute;background:#ff7f28; padding:5px;border-radius:70%;}
.player_thumbnail .btn_del img {width: 100%!important; height:auto!important; background:none;}

.place_thumbnail{width:90%}
.place_thumbnail img{width:100%;display:inline-block; width:100%;border-radius:70%;background:#ccc}

/* win lose */
.label_lose {border-radius: 50%; top:50%; margin-top:-12px; right:0; width:24px; height:24px; text-align: center; line-height: 24px; color:#999; background:#D5D5D5; font-size:0.8em}
.label_win {border-radius: 50%; top:50%; margin-top:-12px; right:0; width:24px; height:24px; text-align: center; line-height: 24px; color:#222; background:#ff7f28; font-size:0.8em}

td .label_lose,
td .label_win{margin-top:0}

/* 선공후공 */
.label_first {width:10px; height:10px; border-radius: 10px; background: #d5d5d5;display:inline-block; vertical-align: middle}
.label_last {width:10px; height:10px; border-radius: 10px; background: #ffd31d;display:inline-block; vertical-align: middle}

/* rank */
.label_rank {border-radius: 50%; top:50%; margin-top:-12px; right:0; width:24px; height:24px; text-align: center; line-height: 24px;  font-size:0.8em; display:inline-block}
.label_rank.rank1 {color:#ff7f28; background:#fff2e9; border:1px solid #ff7f28; }
.label_rank.rank2 {color:#ffd31d; background:#fffbe8; border:1px solid #ffd31d; }
.label_rank.rank3 {color:#0092fe; background:#e5f4ff; border:1px solid #0092fe; }

/* rank */
.label_name {text-align: center; padding:4px;  font-size:0.9em; color:#333;display:inline-block}
.label_name.v1 { background:#acc3fa; }


/* player list_tit */
.player_box_wrap {padding-top:10px; margin-left:-10px;}
.player_box_wrap.panel_box {padding-bottom:40px}
.player_box_wrap .title_wrap {margin-bottom:20px; overflow: hidden}
.player_box_wrap .title_wrap .title { color:#fff; font-size:1.2em;float:left; vertical-align: middle; width: 50%; word-break: break-all;font-weight: 700}
.player_box_wrap .title_wrap .right_box {float:right; vertical-align: middle;width: 40%; }
.player_box_wrap .title_wrap .right_box.align_r {text-align:right}
.player_box_wrap .title_wrap .right_box span {color:#fff; font-size:1em}
.player_box_wrap .title_wrap .right_box .date {color:#999; font-size:0.8em; margin-right:5px;}
.player_box_wrap .title_wrap .right_box .btn_txt { color:#999; font-size:1em;}

.box_title + .player_listwrap {margin-top:20px;}

.player_listwrap li + li {padding-top:10px}

.player_listwrap .player_list {padding:20px 0}

.player_listwrap .player_list:nth-child(2n) { background:#f8f8f8; }
.player_listwrap .player_list .link { display:table; width:100%; table-layout: fixed; margin-top:10px;}
.player_listwrap .player_list .link a {display:table-cell; width:50%; text-align: center;color:#333; font-size: 0.9em; padding:5px 0; border:1px solid #d5d5d5}
.player_listwrap .player_list .link a + a {border-left:0}

.player_listwrap .player + .player {margin-top:20px;}
.player_listwrap .player {display:table; width:100%; table-layout: fixed}
.player_listwrap .player > div {display:table-cell; vertical-align: middle}
.player_listwrap .player .thum {width:60px;vertical-align: top;}
.player_listwrap .player .thum .player_thumbnail img {width:50px; height:50px}

.player_listwrap .player .text .cate {font-size:1em; color:#333; width:auto; text-align: left; }
.player_listwrap .player .text .name {font-size:1em; font-weight: 700; color:#333; }
.player_listwrap .player .text .name span {display:inline-block; vertical-align: middle}
.player_listwrap .player .text .name span.date {font-size: 0.8em; color: #999; float: right;font-weight: 300;}
.player_listwrap .player .text .name .in {font-size:0.8em; color:#999; margin-left:5px; }

.player_listwrap .player .text .name2 {font-size:0.8em; font-weight: 700; color:#333; margin-top:5px; line-height: 1.3em }
.player_listwrap .player .text .name2 span {display:inline-block; vertical-align: middle}
.player_listwrap .player .text .name2 .in {font-size:0.8em; color:#999; margin-left:5px; }

.player_listwrap .player .text .desc {font-size:0.8em; color: #727272; white-space: break-spaces;}
.player_listwrap .player .text .btn_wrap {margin-top:10px}
.player_listwrap .player .text .btn_wrap a + a {margin-left:10px;}
.player_listwrap .player .btn {width:25%;}
.player_listwrap .player .btn a {display:block; }
.player_listwrap .player .btn a + a {margin-top:5px;}

.player_listwrap .player .btn.wide {width:38%}
.player_listwrap .player .btn.wide a {width:46%; float:left; padding-left:0; padding-right:0}
.player_listwrap .player .btn.wide a + a {float:right; margin:0}

.player_listwrap .player .handy {width:65%; text-align:right; display:flex; float: right;}
.player_listwrap .player .handy .txtbox {color:#999; font-size:0.9em;text-align: center; margin-right:10px;}
.player_listwrap .player .handy .txtbox .count {display: block; font-weight:700; padding-left:5px; color:#ff7f28}


.player_listwrap .player .right_txt {width:25%; text-align:right}
.player_listwrap .player .right_txt .txtbox {color:#999; font-size:0.9em}
.player_listwrap .player .right_txt .txtbox .count {font-weight:700; padding-left:5px; color:#ff7f28}

.player_listwrap .player .cate {width:25%; text-align:right}
/*.player_listwrap .player .cate span {color:#fff; font-size:0.9em;padding:5px; background:#5d5d5d; display:inline-block; text-align: center; line-height: 1.2em}*/
.player_listwrap .player .cate span {color:#ff7f28; font-size:0.9em;}

.player_listwrap .player .cate span.label {color:#333; font-size:0.9em;padding:5px; background:#fcbc05; display:inline-block; text-align: center; line-height: 1.2em}

.player_listwrap .player .rank {width:20%; text-align:right}
.player_listwrap .player .rank .txtbox {color:#999; font-size:0.9em}
.player_listwrap .player .rank .txtbox span {display:block; margin:0 auto; text-align: center}
.player_listwrap .player .rank .txtbox .count {font-weight:700; font-size: 1em; padding-left:5px; color:#ff7f28}

.player_listwrap .player .btn_wrap {width:25%; text-align:center}
.player_listwrap .player .btn_setup {display:inline-block}
.player_listwrap .player .btn_setup span {color:#999; font-size:1em; display:block; margin:0 auto; text-align: center}
.player_listwrap .player .btn_setup span.ico {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/setting.png") center no-repeat; width:20px; height: 20px; background-size:20px auto;}

.player_listwrap.top_player + .form_box {margin-top:20px;padding-top:0}

.form_box + .player_listwrap {margin-top:20px;}

.player_search {width:100%; white-space:nowrap; overflow-x:auto; padding-top:20px }
.player_search ul li {display:inline-block; vertical-align: top}
.player_search ul li + li {margin-left:10px;}
.player_search .player {text-align: center; color:#fff;}


/* club_list */
.club_listwrap .btn_box {padding:0}
.club_listwrap .club_list {padding:20px 0}
.club_listwrap .club_list + .club_list {border-top:1px solid #d5d5d5}
.club_listwrap .club_list .link { display:table; width:100%; table-layout: fixed; margin-top:10px;}
.club_listwrap .club_list .link a {display:table-cell; width:50%; text-align: center;color:#333; font-size: 0.9em; padding:5px 0; border:1px solid #d5d5d5}
.club_listwrap .club_list .link a + a {border-left:0}
.club_listwrap .info {display:table; width:100%; table-layout: fixed}
.club_listwrap .info > div {display:table-cell; vertical-align: middle}
.club_listwrap .info .thum {width:70px}
.club_listwrap .info .thum .player_thumbnail img {width:60px; height:60px}
.club_listwrap .text .cate {font-size:1em; color:#999; width:auto; text-align: left; }
.club_listwrap .text .name {font-size:1em; font-weight: 700; color:#333; }
.club_listwrap .text .name span {display:inline-block; vertical-align: middle}
.club_listwrap .text .name .in {font-size:0.8em; color:#999; margin-left:5px; }
.club_listwrap .text .desc {font-size:0.8em; color:#999; }
.club_listwrap .text .date {font-size:0.8em; color:#ff7f27; margin-top:10px;  }
.club_listwrap .text .state {font-size:0.8em; color:#ff7f27; margin-top:10px; }
.club_listwrap .text .state span { background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/confirm2.png") left center no-repeat; background-size:auto 60%; padding-left:15px;}
.club_listwrap .text .state.ok span { background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/confirm.png"); color:#0092fe}
.club_listwrap .info .right_state {width:20%; text-align: right; color:#333; font-size:1em}
.club_listwrap .info .right_state .end { opacity:0.6}
.club_listwrap .info .btn {width:20%; text-align: right}
.club_listwrap .info .btn a {display:none}
.club_listwrap .info .btn a.btn_bookmark {display:inline-block}
.club_listwrap .info .btn a img {width:30px}

.club_listwrap .active .info .btn a.btn_check {display:inline-block}
.club_listwrap .active .info .btn a img {width:20px}
.club_listwrap .active .text .name,
.club_listwrap .active .text .desc{color:#ff7f28; }

/* player_info */
.player_info {background:#4e4e4e; padding:20px; margin:40px auto}
.player_info .list_style_v1 li + li {padding-top:0}


/* matching */
.player_listwrap .time_box {table-layout: fixed}
.player_listwrap .time_box .timecell {width:15%;text-align: center}
.player_listwrap .time_box .timecell .date {color:#999;font-size:0.8em}
.player_listwrap .time_box .timecell .time {color:#999;font-size:0.9em; font-weight: 700}
.player_listwrap .time_box .timecell + .table_cell {background:#444; padding:10px 10px }



/* video */
.videowrapper {position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;}
.videowrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* video_top */
.video_top {padding-top:0; padding-bottom: 0}
.panel_box.video_top {padding:25px 0 40px;}
.video_top .banner {margin-top:25px; clear: both}
.video_top .banner a {display:block; font-size:0}
.video_top .banner img {width:100%;}
.video_top .video_info {padding-top:20px;}
.video_top .video_info .title {font-size:1em; color:#fff; font-weight: 700}
.video_top .video_info .title span {font-weight: normal}
.video_top .video_info .title span + span {margin-left:10px}
.video_top .video_info .title span b {font-weight: 700}
.video_top .video_info .desc {font-size:0.9em; color:#d5d5d5; margin-top:5px;}
.video_top .btn_box {padding:20px 0 40px}

.video_top .vsbox{padding-top:20px;}
.video_top .vsbox .player { display:table}
.video_top .vsbox .player > div {display:table-cell;  vertical-align: middle;}
.video_top .vsbox .thum { width:70px; margin:0 auto; }
.video_top .vsbox .thum .player_thumbnail img {width:60px; height: 60px; }
.video_top .vsbox .name {font-size:0.8em; font-weight:700; color:#333; line-height: 1em}
.video_top .vsbox .desc {font-size:0.7em; color:#999; line-height: 1em; margin:5px 0 0}

.video_top .table_cell.rank {text-align:right; font-size:1em; color:#fff; width:20%}
.video_top .table_cell.rank span:last-child {font-size:0.6em}

.video_btn_wrap {background:#222; width:100%; display:table; table-layout: fixed; padding:20px 0 20px}
.video_btn_wrap .video_title .title { color:#fff; font-size:1em; }
.video_btn_wrap .video_title .desc { color:#999; font-size:0.9em; }
.video_btn_wrap .video_btn { width:100%; display:table; table-layout: fixed; margin-top:10px; }
.video_btn_wrap a { display:table-cell; vertical-align: middle; width:20%; text-align: center;}
.video_btn_wrap a:nth-child(2) {width:25%}
.video_btn_wrap a span {margin:0 auto; display:block;}
.video_btn_wrap a .icon {position:relative}
.video_btn_wrap a .icon img {max-width:30%}
.video_btn_wrap a .icon .comment {background:#ff7f28;font-size:0.7em; font-weight: 700; color:#333; padding:2px 4px; display:inline-block; border-radius: 50px; position:absolute; top:-42%; right:15%; max-width:40%; text-align: center; text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.video_btn_wrap a .txt {color:#999; font-size:0.9em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;margin-top:5px }
.video_btn_wrap a .count {color:#999; font-size:1em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%; font-weight: 700}

.video_top .video_btn_wrap + .banner {margin-top:0}

.tab_wrap .record_box_wrap {padding:40px 0}
.pd_none {padding-bottom:0!important}
.pd_0 {padding:0!important}
.tab_wrap .box_title + .record_box_wrap {padding:0}

/* 영상 콘텐츠 */
.box_desc + .bookmark_video_table {margin-top:5px}
.bookmark_video_table {padding-bottom:40px;}
.bookmark_video_table ul {display:table; width:100%; table-layout: fixed}
.bookmark_video_table ul + ul {margin-top:10px;}
.bookmark_video_table ul li {display:table-cell; vertical-align: middle}
.bookmark_video_table ul li.left {width:15%; }
.bookmark_video_table ul li.left p {width:80%; text-align: center; color:#999; font-size: 1em; }
.bookmark_video_table ul li.left p.date {font-weight: 700; font-size: 1.2em}
.bookmark_video_table .video_box {border:1px solid #d5d5d5; background: #fff; }
.bookmark_video_table .video_box .video_top {padding:10px; }
.bookmark_video_table .video_box .video_top .tit {color:#333; font-size: 1em; line-height: 1.3em; font-weight: 700}
.bookmark_video_table .video_box .video_top .desc {color:#999; font-size: 0.9em; line-height: 1.1em; margin-top:5px}
.bookmark_video_table .video_box .video_top + .table_box {table-layout:fixed;border-top:1px solid #d5d5d5}
.bookmark_video_table .video_box .video_top + .table_box a {display:table-cell; text-align: center; color:#333; font-size: 0.9em; font-weight: 700; width:50%}
.bookmark_video_table .video_box .video_top + .table_box a span {display:block; border-right:1px solid #d5d5d5;padding:10px 0; text-align: center}
.bookmark_video_table .video_box .video_top + .table_box a:last-child span {border:0}
.bookmark_video_table .video_box .table_box.type2 {table-layout:fixed;}
.bookmark_video_table .video_box .table_box.type2 .table_cell.btn_wrap {width:25%; text-align: right; padding-right:10px;}
.bookmark_video_table .video_box .table_box.type2 .table_cell.btn_wrap a {color:#333; font-size: 0.9em; font-weight: 700}

/* record_list */
.scroll_y {overflow-x: auto;}
.scroll_y .info_table table {width:200%;}
.record_box_wrap .record + .record {margin-top:40px}
.record_box_wrap .info_table table + table {margin:10px 0 0}
.record_box_wrap .info_table table thead th{padding:10px 0; font-weight: 700;color:#333; line-height: 1.2em; }
.record_box_wrap .info_table table thead td{padding:10px 0; font-weight: 700;color:#333; line-height: 1.2em;  }
.record_box_wrap .info_table table thead .label {display:none;border-radius: 50%; font-size: 0.6em; width:24px; height: 24px; line-height: 24px;text-align: center; overflow: hidden;position:absolute; top:6px; left: 5px; }
.record_box_wrap .info_table table thead .name {display:block; width:85%; margin:0 auto;}
.record_box_wrap .info_table table th,
.record_box_wrap .info_table table td { text-align: center;position:relative;background: #fff;border-right:1px solid #d5d5d5}
.record_box_wrap .info_table table tr td:last-child {border-right:0}
.record_box_wrap .info_table table td.bd_none {border-right:0}
.record_box_wrap .info_table table td.pd_none {padding:0}

.record_box_wrap .info_table table td.name p {color:#333; line-height: 1.3em}
.record_box_wrap .info_table table td.name p.desc {color:#999; margin-top:4px; font-size: 0.9em}

.record_box_wrap .info_table table th.table_fixed,
.record_box_wrap .info_table table td.table_fixed { position: sticky; left: 0; z-index: 1; }

.record_box_wrap .info_table table th.table_fixed7,
.record_box_wrap .info_table table td.table_fixed7 { position: sticky; left: 14%; z-index: 1; }

.record_box_wrap .info_table table th.table_fixed12,
.record_box_wrap .info_table table td.table_fixed12 { position: sticky; left: 24%; z-index: 1; }

.record_box_wrap .info_table .point-use-list { position: relative; padding:0px 15px 15px 15px; }
.record_box_wrap .info_table .point-use-list .point { width:100%; background:#fff; border-radius: 5px; }
.record_box_wrap .info_table .point-use-list .point ~ .point { margin-top:10px; }
.record_box_wrap .info_table .point-use-list .point .title { margin:0 10px; padding:10px; font-size: 14px; border-bottom:solid 1px #eee; overflow: hidden; }
.record_box_wrap .info_table .point-use-list .point .title p { float: left; width:50%; }
.record_box_wrap .info_table .point-use-list .point .title p.use-point { text-align: right; color:#999; }
.record_box_wrap .info_table .point-use-list .point .title p.use-point.plus { color:#ff7f28; }
.record_box_wrap .info_table .point-use-list .point .text { color:#999; font-size: 14px; }
.record_box_wrap .info_table .point-use-list .point .text .desc { padding:10px; }
.record_box_wrap .info_table .point-use-list .point .text .desc .free { background-color: #3d5dff;border-radius: 5px;padding: 3px 5px;color: #f2f2f2;font-size: 12px; }
.record_box_wrap .info_table .point-use-list .point .text .desc .free.over { background-color: #66666d;}
.point-use-btn { padding:0 15px 15px 15px; }
.point-use-btn a { display: block; border-radius: 5px; font-size: 14px; box-sizing: border-box;}

/*.record_box_wrap .info_table table td.win{background:#ffb21e; color:#333;  }
.record_box_wrap .info_table table td.win .label { display:block; background:#ff7f28; color:#fff; }
.record_box_wrap .info_table table td.lose{background:#fff; color:#333; }
.record_box_wrap .info_table table td.lose .label { display:block; background:#999; color:#fff; }*/
.info_table table .bg_g{background:#f8f8f8!important;}
.info_table table .bg_g2{background:#ededed!important;}
.info_table table .bg_g3{background:#d5d5d5!important;}
.info_table table .bg_inn{background:#fff2e9!important}
.info_table table .bg_y{background:#ffdc4a!important}
.info_table table .bg_y1{background:#fff9e0!important}
.info_table table .bg_g4{background:#222!important;}

.info_table table .bold b,
.info_table table .bg_y b,
.info_table table .bg_g2 b {color:#333}

.record_box_wrap .info_table table td .btn_play {display:block; margin:0 auto; width:16px;}
.record_box_wrap .info_table table td .btn_play img {width:16px;}

.record_box_wrap .info_table table td .star {display:block; background: url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/score_star.png") no-repeat; background-size:100%; width:14px; height: 24px; overflow: hidden;position:absolute; top:6px; left: 5px; }
.record_box_wrap .info_table table td .hr {display:block; background: url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/score_hr.png") no-repeat; background-size:100%; width:18px; height: 24px; overflow: hidden;position:absolute; top:6px; right: 5px; }

.record_box_wrap .info_table table td.updown span {display:inline-block; vertical-align: middle}
.record_box_wrap .info_table table td.updown .arrow {font-size:0.8em; color:#333; padding-right:5px;}
.record_box_wrap .info_table table td.updown .arrow.up {font-size:0.5em; color:#0092fe;}
.record_box_wrap .info_table table td.updown .arrow.down {font-size:0.5em; color:#d92e26;}

/* 서바이벌,세트게임 20-08-26 */
.record_set_wrap ul li {border-top:1px solid #d5d5d5}
.record_set_wrap ul li .set_top { display:block; padding:0 5%; position:relative}
.record_set_wrap ul li .set_top::after {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") center no-repeat; background-size:100%; width:15px;  height:15px; display: block; content: ""; position:absolute; top:50%; margin-top:-7px;right:5%}
.record_set_wrap ul li .set_bot {display:none}
.record_set_wrap ul li .table_box {width:100%; table-layout: fixed; }
.record_set_wrap ul li .table_box .table_cell {vertical-align:middle; padding:15px 0 10px; }
.record_set_wrap ul li .table_box .table_cell.set {width:15%;}
.record_set_wrap ul li .table_box .table_cell.set span {display:block; padding:10px 0; text-align: center; font-size: 0.8em; font-weight: 700; background:#f8f8f8}
.record_set_wrap ul li .table_box .table_cell.con {padding-left:10px}
.record_set_wrap ul li .table_box .table_cell.con .inner {display:table; width:100%}
.record_set_wrap ul li .table_box .table_cell.con .inner p {display: table-cell; vertical-align: middle; width:40%; color:#999;  position:relative; text-align: center}
.record_set_wrap ul li .table_box .table_cell.con .inner p .name {position:relative;}
.record_set_wrap ul li .table_box .table_cell.con .inner p.score {width:10%}

.record_set_wrap ul li .table_box .table_cell.con .inner p.win {padding:0 10px;}
.record_set_wrap ul li .table_box .table_cell.con .inner p.win .name::before { content: "승"; width:20px; height: 20px; line-height: 20px; border-radius: 20px; font-size:0.8em; color:#333; background:#ff7f27; display: block; position:absolute; top:3px; left:-25px;}

.record_set_wrap ul li.open .set_top::after {-webkit-transform:rotate(180deg);}
.record_set_wrap ul li.open .table_box .table_cell.con .inner p { color:#333; font-weight: 700}
.record_set_wrap ul li.open .set_bot {display:block}

.umb .record_set_wrap {padding-bottom:40px}
.umb .record_set_wrap ul li .set_bot .contains {margin-top:5px; padding-top:20px; border-top:1px solid #d5d5d5}
.umb .record_set_wrap ul li .table_box .table_cell.con {padding-left:0}
.umb .record_set_wrap ul li .table_box .table_cell.con .inner p {text-align: left;color:#333; font-weight: 700}
.umb .record_set_wrap ul li {border-top:0}
.umb .record_set_wrap ul li + li .table_box {border-top:1px solid #d5d5d5; }
.umb .record_set_wrap ul li.open + li .table_box {border-top:0}
.umb .record_set_wrap ul li .info_table table {border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5}

.umb .record_set_wrap ul li .info_table .button table {border-right:0; border-top:0; margin-bottom: 10px}

.umb .record_set_wrap ul li .info_table .win td {background:#fff9e0}
.umb .record_set_wrap ul li .info_table td.name {color:#333; position:relative;}
.umb .record_set_wrap ul li .info_table td.name span {padding-left:30px; max-width:75%; display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.umb .record_set_wrap ul li .info_table .win td.name::before { content: "승"; width:20px; height: 20px; line-height: 20px; text-align: center; border-radius: 20px; font-size:0.8em; color:#333; background:#ff7f27; display: block; position:absolute; top:50%; margin-top:-11px; left:10px;}
.umb .record_set_wrap ul li .info_table tfoot td {padding:0;}
.umb .record_set_wrap ul li .info_table tfoot td a {display:block; text-align: center; color:#333; font-size:1em; font-weight: 700;padding:10px 0}
.umb .record_set_wrap ul li .info_table tfoot td.right a { background:#ff7f28}
.umb .record_set_wrap ul li .info_table table + table {margin-top:10px;}
/*.umb .record_set_wrap ul li .set_top::after {right:10%}*/


/* rank_tit */
.ranking_box_wrap .title_wrap {margin-bottom:20px; overflow: hidden}
.ranking_box_wrap .title_wrap .title { color:#fff; font-size:1.2em;float:left; vertical-align: middle; width: 50%; word-break: break-all;font-weight: 700}
.ranking_box_wrap .title_wrap .right_box {float:right; vertical-align: middle;width: 40%; }
.ranking_box_wrap .title_wrap .right_box.align_r {text-align:right}
.ranking_box_wrap .title_wrap .right_box span {color:#fff; font-size:1em}
.ranking_box_wrap .title_wrap .right_box .date {color:#999; font-size:0.8em; margin-right:5px;}

/* ranking_top */
.ranking_top {padding:40px 0}
.ranking_top .table_box {table-layout: fixed; border-bottom:1px solid #4e4e4e}
.ranking_top .table_box .table_cell{text-align: center}
.ranking_top .table_box .rank {width:25%; background: #4e4e4e}
.ranking_top .table_box .rank .in {padding:10px; }
.ranking_top .table_box .rank .in p { color:#999; font-size:1em; }
.ranking_top .table_box .rank .in p.point {color:#ff7f28; font-weight:700; font-size:1.3em}
.ranking_top .table_box .name {background:#2d2d2d; font-size:1em; color:#fff; padding:5px 0}
.ranking_top .table_box .detail {padding: 10px 0 10px 10px}
.ranking_top .table_box .detail ul {width:100%; display:table; table-layout: fixed;}
.ranking_top .table_box .detail ul li {display:table-cell; width:25%; text-align: center; vertical-align: middle;}
.ranking_top .table_box .detail ul li.thum .player_thumbnail {margin:0 auto}
.ranking_top .table_box .detail ul li .percent {font-weight:700; line-height: 1.2em; font-size:1em; color:#fff}
.ranking_top .table_box .detail ul li .tit {font-size:0.9em; line-height: 1.2em;color:#999}

/* best rank */
.ranking_card {padding-left:5%; clear: both}
.ranking_card ul { display:block; overflow: hidden}
.ranking_card ul li { display:block; float:left; vertical-align: top; width:30%}
.ranking_card ul li + li {margin-left:2.5%; }
.ranking_card .card {border:1px solid #d5d5d5; background:#fff; text-align: center; display:block; padding:20px 0}
.ranking_card .card .thum {width:60%;margin:10px auto 0;  overflow: hidden}
.ranking_card .card .thum img {width:100%;background:#ccc;border-radius: 70%;  }
.ranking_card .card .club { font-size: 1em; line-height: 1em; color:#333;margin-bottom:10px; font-weight: 700 }
.ranking_card .card .name { font-size: 1em; line-height: 1em; color:#666;font-weight: 700; }
.ranking_card .card .percent { font-size: 2em; line-height: 1.3em; color:#999;  font-weight: 700; }

/* ranking_point */
.ranking_point .point_box {/*padding:20px 0;*/ border-top:1px solid #d5d5d5}
.ranking_point .table_box {table-layout: fixed}
.ranking_point .point_box.table_box .table_cell.left {/*padding-left:4%;*/text-align: center; font-size:0.9em; color:#333; border-right: 1px solid #d5d5d5;width:8%}
.ranking_point .point_box.table_box .table_cell.left.player_cell {width:20%}
.ranking_point .point_box.table_box .table_cell.left + .left {padding-left:0;width:22%}
.ranking_point .point_box.table_box .table_cell.left .desc span {display:inline-block; vertical-align: middle}
.ranking_point .point_box.table_box .table_cell.left .s {font-size:0.6em}
.ranking_point .point_box.table_box .thum { width:60px; margin:0 auto; }
.ranking_point .point_box.table_box .thum .player_thumbnail {position:relative}
.ranking_point .point_box.table_box .thum .player_thumbnail img {width:50px; height: 50px; }
.ranking_point .point_box.table_box .thum .player_thumbnail img.rank1 {position:absolute; top:-2px; left:-5px; width:20px; border:none!important; border-radius:inherit; height:auto; }

.ranking_point .point_box.table_box .thum .player_thumbnail img {border:2px solid #ff7f27}
.ranking_point .point_box.table_box .bd_none .thum .player_thumbnail img {border:none}
/*.ranking_head + */
.ranking_point .point_box.table_box .table_cell.info {width:70%; }
.ranking_point .point_box.table_box .table_cell.info .top {border-bottom:1px solid #d5d5d5; padding-bottom: 5px; margin-bottom: 5px; padding-left:20px; padding-top:10px; padding-bottom: 10px; width:95%}
.ranking_point .point_box.table_box .table_cell.info .bot {padding-left:20px;  padding-bottom: 10px; }
.ranking_point .point_box.table_box .table_cell.info .namebox {width:60%}
.ranking_point .point_box.table_box .table_cell.info .namebox .name {font-size:1em; color:#333; font-weight: 700;}
.ranking_point .point_box.table_box .table_cell.info .namebox .desc {font-size:0.9em; color:#999}
.ranking_point .point_box.table_box .table_cell.info .namebox .desc span {display:inline-block; vertical-align: middle; }
.ranking_point .point_box.table_box .table_cell.info .namebox .desc span + span {margin-left:5px;font-size:0}
.ranking_point .point_box.table_box .table_cell.info .namebox .desc span img {height:20px;}
.ranking_point .point_box.table_box .table_cell.info .label {color:#999; font-size:0.9em; display:inline-block; vertical-align: middle}
.ranking_point .point_box.table_box .table_cell.info .count {color:#333; font-size: 1em; font-weight: 700; display:inline-block; vertical-align: middle;/*width:100%;*/}
.ranking_point .point_box.table_box .table_cell.info .point {width:25%;text-align: center}
.ranking_point .point_box.table_box .table_cell.info .point span { color:#ff7f27; display:block; line-height: 1.2em}
.ranking_point .point_box.table_box .table_cell.point{width:22%}

.ranking_point .point_box.table_box .table_cell.wd_player {width:70px!important;padding: 20px 0 20px 10px;}
.ranking_point .point_box.table_box .table_cell.wd_info {width:auto!important}
.ranking_point .point_box.table_box .table_cell.wd_rank{width:15%!important}
.ranking_point .point_box.table_box .table_cell.wd_point{width:15%!important;text-align:center}

.ranking_point .point_box .table_box .table_cell.info .bot .label {padding-right:10px;}

.ranking_point table thead th { font-size:1em;color:#333; font-weight: 700; padding:15px 10px; background:#d5d5d5;text-align: center}

/* ranking_table */
.ranking_table table thead th { font-size:1em;color:#fff; font-weight: 700; padding:15px 10px; background:#444;text-align: center}
.ranking_table table tbody td { font-size:1em;color:#fff; font-weight: 700; padding:10px;background:#323232; text-align: center; position:relative}
.ranking_table table tbody tr:nth-child(2n) td { background:#444}
.ranking_table table tbody td.rank {color:#999}
.ranking_table table tbody td.name .thum {width:50%; overflow: hidden; display:inline-block; vertical-align: middle}
.ranking_table table tbody td.name .thum img {width:100%;border-radius: 70%; background:#ccc; }
.ranking_table table tbody td.name .thum + span {margin-left:5px; display:inline-block; vertical-align: middle; font-size:0.8em}
.ranking_table table tbody td span + .desc {margin:5px auto 0; display:block; color:#999; font-weight: normal}

.rank_thum { text-align:center}
.ranking_table .rank_thum .player_thumbnail img { border:2px solid #fff}
.ranking_table .rank_thum.rank1 .player_thumbnail img { border-color:#ff7f28}
.ranking_table .rank_thum.rank2 .player_thumbnail img { border-color:#028dfe}
.ranking_table .rank_thum.rank3 .player_thumbnail img { border-color:#222}
.ranking_table .rank_thum .player_thumbnail + .label { position:absolute; top:30px; left:30px; width:24px;}
.ranking_table .rank_thum .player_thumbnail + .label img {width:100%}

.ranking_table .bestrank_txtbox {padding:20px 0; text-align: left}
.ranking_table .bestrank_txtbox .flag { color:#999; fon-size:0.9em}
.ranking_table .bestrank_txtbox .flag span {display:inline-block; vertical-align: middle}
.ranking_table .bestrank_txtbox .flag span + span {margin-left:5px;}
.ranking_table .bestrank_txtbox .flag img { height:24px;}
.ranking_table .bestrank_txtbox .name { color:#fff; font-size:1em}
.ranking_table .bestrank_txtbox .info { margin-top:10px;}
.ranking_table .bestrank_txtbox .info li { display:inline-block; vertical-align: middle}
.ranking_table .bestrank_txtbox .info li + li {margin-left:10px;}
.ranking_table .bestrank_txtbox .info li span { color:#999; fon-size:1em; display:inline-block; vertical-align: middle}
.ranking_table .bestrank_txtbox .info li span + span { margin-left:5px; color:#fff; font-weight: 700}

.ranking_table.y_scroll {width:100%; overflow-x: scroll}
.ranking_table.y_scroll table {width:1280px}

.search_top + .ranking_table {margin-top:40px}


/* score_box */
.score_box_wrap + .score_box_wrap,
.score_box_wrap + .score_box_tit,
.score_box + .score_box{margin-top:20px}
.score_box_wrap .empty {padding:40px 0; color:#999; text-align: center; font-size:1em; }
.score_box_wrap .empty b {font-weight: 700}

.score_box_tit {font-size:1em; font-weight: 700; color:#ff7f28; padding-bottom:10px}

.score_box .btn_normal {/*padding:5px 14px*/ min-width:80px}

.score_box  {border:1px solid #d5d5d5}
.score_box .score_tit {background:#d5d5d5; padding:10px 0; display:table; table-layout: fixed; width:100%;overflow: hidden}
.score_box .score_tit .left {font-size:1em; font-weight: 700; color:#333; /*float:left; */ padding-left:10px;line-height: 1.3em;vertical-align: middle;display:table-cell; }
.score_box .score_tit .left span {font-weight:normal; color:#666; font-size:0.9em}

.score_box .score_tit .left span.tb_tit {font-weight: normal;color:#333}
.score_box .score_tit .left span.tb_tit + span.tb_tit {margin-left:10px}
.score_box .score_tit .left span.tb_tit b {font-weight: 700}

.score_box .score_tit .right {/*float:right;*/display:table-cell;vertical-align: middle; padding-right:10px;font-size:0.9em; font-weight: 700; color:#333;text-align: right;width:50%}
.score_box .score_tit .right a img {height:16px;margin-top:3px}

/*.score_box .table_box_wrap {border-bottom:1px solid #d5d5d5}*/
.score_box .table_box_wrap .table_box {table-layout:fixed;padding:15px 0}
.score_box .table_box_wrap .table_box:first-child {background:#f8f8f8}

.score_box .table_box_wrap .table_box .table_cell {text-align:center; line-height: 1em}
.score_box .table_box_wrap .table_box .count {font-size:1.5em; font-weight: 700; width:15%;}
.score_box .table_box_wrap .table_box .label { width:30px}
.score_box .table_box_wrap .table_box .thum { width:60px}
.score_box .table_box_wrap .table_box .thum .player_thumbnail img {width:50px; height: 50px;}
.score_box .table_box_wrap .table_box .thum .player_thumbnail.winner img {border: 2px solid #ff7f28;width: 46px;height: 46px;}
.score_box .table_box_wrap .table_box .name {font-size:1em; font-weight: 700; width:30%; text-align: left}
.score_box .table_box_wrap .table_box .name p {display:inline-block; vertical-align: middle}
.score_box .table_box_wrap .table_box .name p + p {margin-left:5px}

.score_box .table_box_wrap .table_box.win {background:#fffbe8!important}

.score_box .table_box_wrap .table_box .name .text {display:inline-block; vertical-align: middle; padding-right:10px}
.score_box .table_box_wrap .table_box .name .text .name {font-size:1em; font-weight: 700; color:#333; display:block }
.score_box .table_box_wrap .table_box .name .text .desc {font-size:0.8em; color:#999; margin:5px 0 0 }
.score_box .table_box_wrap .table_box .name .desc span {display:inline-block; vertical-align: middle}
.score_box .table_box_wrap .table_box .name .desc span.flag {margin-right:3px;font-size:0; padding-top:6px;}
.score_box .table_box_wrap .table_box .name .desc span img {height:12px;}

.score_box .table_box_wrap .table_box .avg {font-size:0.9em; width:25%;color:#999; text-align:left; line-height: 1.3em}
.score_box .table_box_wrap .table_box .avg span {display:block;  padding-right:10px;}
.score_box .table_box_wrap .table_box .label_win,
.score_box .table_box_wrap .table_box .label_lose{margin:0}

.score_box .table_box_wrap.survival_score .table_box:first-child {background:#fff}
.score_box .table_box_wrap.survival_score .table_box.rank1 .thum .player_thumbnail img {border:2px solid #ff7f28;width:46px; height:46px;}
.score_box .table_box_wrap.survival_score .table_box .label_win { width:30px; height:30px; border-radius: 30px; line-height: 30px;}
.score_box .table_box_wrap.survival_score .table_box.rank2 .label_win { background:#fda060}
.score_box .table_box_wrap.survival_score .table_box.rank3 .label_win { background:#fbcbaa}
.score_box .table_box_wrap.survival_score .table_box.rank4 .label_win { background:#f9f1eb}

.score_box .table_box_wrap .vs_box { display:table; width:100%; table-layout: fixed; margin-top:-12px;margin-bottom:-9px}
.score_box .table_box_wrap .vs_box p {display:table-cell; vertical-align: middle;font-size:1em; font-weight: 700; color:#d0090b; padding-left:10px}
.score_box .table_box_wrap .vs_box .vs {width:15%;  text-align: center;padding:0}
.score_box .table_box_wrap .vs_box .desc { color:#999; font-size: 1em;font-weight: 700;padding:0 }


.score_box .score_btn .btn_normal {display:block;}

.score_box .score_bot { padding:10px 0; display:table; width:100%;overflow: hidden }
.score_box .score_bot .left {font-size:0.9em; font-weight: 700; color:#999; /*float:left*/ display: table-cell;vertical-align: middle; padding-left:10px}
.score_box .score_bot .right {/*float:right; */display: table-cell; vertical-align: middle;font-size:0.9em; font-weight: 700; color:#999; text-align: right;width:20%;padding-right:10px}
.score_box .score_bot .right a.btn_comment { background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/comment.png") left center no-repeat;  background-size:20px auto; padding-left:25px; color:#999; display:inline-block;}

.score_box .table_box_wrap + .score_bot {border-top:1px solid #d5d5d5}

.score_box .btn_bot.table_box {table-layout:fixed;border-top:1px solid #d5d5d5;padding:0; border-top:0}
.score_box .btn_bot.table_box a {display:table-cell; text-align: center; color:#333; font-size: 0.9em; font-weight: 700; width:50%}
.score_box .btn_bot.table_box a span {display:block; border-right:1px solid #d5d5d5;padding:10px 0; text-align: center}
.score_box .btn_bot.table_box a:last-child span {border:0}

/* new score_box_wrap 20-08-26 */
.score_box_wrap.type2 .score_box  {border:2px solid #ff7f28}
.score_box_wrap.type2 .score_top_wrap .table_box {width:100%; background:#d5d5d5; table-layout: fixed}
.score_box_wrap.type2 .score_top_wrap .table_box .table_cell {font-size:1em; color:#333; font-weight: 700;padding:10px; vertical-align: middle}
.score_box_wrap.type2 .score_top_wrap .table_box .table_cell .time {font-size:0.8em}
.score_box_wrap.type2 .score_top_wrap .table_box .table_cell:first-child {width:25%;padding-right:0}
.score_box_wrap.type2 .score_top_wrap .table_box .table_cell:last-child {width:25%; padding-left:0; text-align:right;}
.score_box_wrap.type2 .score_top_wrap .table_box .table_cell.bg_g {background:#b2b2b2}

.score_box_wrap.type2 .score_middle_wrap {position:relative}
.score_box_wrap.type2 .score_middle_wrap .table_box {width:100%; table-layout: fixed}
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell {font-size:1em; color:#333; font-weight: 700;padding:10px; vertical-align: middle; width:50%}
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell.right {text-align:right;}
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell.win { background:#ffd36d;}
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell .info_box {width:60%; display:inline-block;}
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell.right .info_box p { float:right}
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell .info_box .name {font-size:1em; color:#333; font-weight: 700; margin:10px 0; line-height: 1em; width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.score_box_wrap.type2 .score_middle_wrap .table_box .table_cell .info_box .desc {font-size:0.9em; color:#999; line-height: 1.1em; width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }

.score_box_wrap.type2 .score_middle_wrap .score_point {position:absolute; top:0; left:30%; width:40%; text-align: center; bottom:0; }
.score_box_wrap.type2 .score_middle_wrap .score_point .inner {display:table; width:100%; height:100%; table-layout: fixed}
.score_box_wrap.type2 .score_middle_wrap .score_point p {display:table-cell; width:33.3%; color:#333; font-size:1.4em; font-weight: 700; vertical-align: middle}
.score_box_wrap.type2 .score_middle_wrap .score_point p.center span {background:#f8f8f8; padding:6px 10px; color:#d0090b; font-size:0.6em;border-radius: 50px; }

.score_box_wrap.type2 .score_middle_wrap.empty {padding:40px 0 ;text-align: center;}
.score_box_wrap.type2 .score_middle_wrap.empty p {color:#999; font-size:1.1em; text-align: center}
.score_box_wrap.type2 .score_middle_wrap.empty p span {font-weight:normal; display: inline-block; vertical-align: middle}
.score_box_wrap.type2 .score_middle_wrap.empty p b {font-weight:700; display: inline-block; vertical-align: middle}
.score_box_wrap.type2 .score_middle_wrap.empty p b + span,
.score_box_wrap.type2 .score_middle_wrap.empty p span + b {margin-left:5px;}

/* club_box */
.club_box_wrap {padding-bottom: 40px}
.club_box_wrap .club_box + .club_box,
.club_box_wrap .club_box + .title_wrap{margin-top:10px}

.club_box_wrap .club_box {border:1px solid #d5d5d5; background:#fff}
.club_box_wrap .club_box .table_box {width:90%; margin:0 auto; padding:20px 0; table-layout: fixed}

.club_box_wrap .club_box .table_box .none {padding:20px 0; color:#999; font-size:1em; text-align: center}
.club_box_wrap .club_box .table_box .clubname span {display:inline-block; vertical-align: middle}
.club_box_wrap .club_box .table_box .clubname span + span {margin-left:5px; max-width:55%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; text-align: right}
.club_box_wrap .club_box .table_box .clubname .name {font-size:1em; color:#333; font-weight: 700; max-width:80%;word-break: break-all}
.club_box_wrap .club_box .table_box .clubname .member {font-size:0.9em; color:#999;position: absolute;right: 5%;}
.club_box_wrap .club_box .table_box .clubname .member .icon {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/member.png") no-repeat; width:16px; height:16px; background-size: 100%; }
.club_box_wrap .club_box .table_box .desc {font-size:0.9em; color:#666; line-height: 1.2em;margin-top:5px; word-break: break-all}
.club_box_wrap .club_box .table_box .namebox {margin-top:10px;}
.club_box_wrap .club_box .table_box .namebox span {display:inline-block; vertical-align: middle}
.club_box_wrap .club_box .table_box .namebox .level {width:24px;hegiht:24px; line-height: 24px; text-align:center;border-radius: 50%; background:#fff; color:#333; font-weight:700; font-size:0.8em; margin-right:5px; border:1px solid #d5d5d5}
.club_box_wrap .club_box .table_box .namebox .name {font-size:0.9em; color:#999; line-height: 1.2em;  max-width:80%;word-break: break-all}

.club_box_wrap .club_box .table_box .table_cell.btn_wrap {width:25%; padding-left:20px}
.club_box_wrap .club_box .table_box .table_cell.btn_wrap a { display:block; color:#fff;}
.club_box_wrap .club_box .table_box .table_cell.btn_wrap a + a {margin-top:10px;}

.club_box_wrap .club_box .table_box .table_cell.state {width:25%; text-align:right; color:#fff; font-size: 1em}
.club_box_wrap .club_box .table_box .btn_box {display:table; width:100%; table-layout: fixed;padding:10px 0 0}
.club_box_wrap .club_box .table_box .btn_box a {display:table-cell; width:50%; text-align: center; color:#333; font-size: 1em; padding:5px 0; border: 1px solid #d5d5d5}
.club_box_wrap .club_box .table_box .btn_box a + a {background:#ff7f27; border-color:#ff7f27}

/* club_info */
.club_info {padding-top:40px;}
.club_info .map iframe {width:100%}
.club_info .map + .info_table {margin-top:20px;}
.club_info .info_table table th,
.club_info .info_table table td{padding-left:10px}

/* graph_info */
.graph_info {padding-top:40px;}
.graph_info .graph img {width:100%}
.graph_info .graph + .info_table {margin-top:20px;}
.graph_info .info_table table th,
.graph_info .info_table table td{ text-align: center}


/* graph_wrap */
.graph_wrap .graph {width:100%; overflow-x: auto}


/* footer */
#footer {background:#eee;padding-bottom:100px; clear: both }
#footer .logo {background:#eee;padding:20px 0 10px;}
#footer .logo img {width:10%}
#footer .bottom {padding:20px 0 20px 0;  }
#footer .bottom ul li {display:inline-block; vertical-align: middle; font-size:12px; padding-right:5px; color:#999;}
#footer .bottom ul li a {color:#666;}
#footer .bottom ul li:last-child a {display: block;color:#333; font-weight: bold;padding-left: 20px;}
#footer .bottom ul li:last-child a img { width:12px;}
#footer .bottom .copyright {margin-top:10px; font-size:12px; color:#999; line-height: 1.8em; }
#footer .bottom .copyright a { color:#999}
#footer .bottom .copyright p + p {margin-top: 20px;}

/* font color */
.font_g {color:#333!important}
.font_b {color:#028dfe!important}
.font_y {color:#ffb21e!important}
.font_o {color:#ff7f28!important}
.font_w {color:#fff!important}
.font_r {color:#d82f24!important}

/* popup */
#popup_mask{background-color:#000; opacity:0.7; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%;display:none; z-index: 501}
#popup{position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:600;text-align: center;}
#popup .popup_area{width:100%; height:100%; display:table; position:relative; z-index:1}
#popup .popup_position{display:table-cell; vertical-align:middle; text-align:center;}
#popup .popup_wrap{margin:0 auto; display:inline-block;width: 65%; }
#popup .popup_background{background-color:#000; opacity:0.8; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%}

#popup .popup_header{display:table; width:100%; height: 75px}
#popup .popup_header .name{width:100%; background-color:#3a3e52; color:#fff; display:table-cell; vertical-align:middle; text-align:left; padding:0 0 0 25px; font-size:24px; font-weight:700}
#popup .popup_header .button{background-color:#3a3e52; color:#fff; display:table-cell; vertical-align:middle; text-align:right}
#popup .popup_header .button img{display:inline-block; padding:25px}

#popup .popup_content{padding:30px; text-align: left; box-sizing:border-box; background-color:#2b2d3c; max-height: calc(90vh - 75px); overflow: auto}

/* 큐친요청 */
.popup_noti {background:#fff; padding:30px 0}
.popup_noti p {color:#333; font-size:1.1em;}
.popup_noti p.name {font-size:1.2em;}
.popup_noti .btn_normal {margin-top:20px;min-width: 30%}
/*#popup .noti_popup .popup_content {text-align: center; }
#popup .noti_popup .popup_content p {color:#fff; margin-bottom:20px; }*/



/* bg */
.form .input_box{ color:#999!important;}
.form .input_box .input_text { background:#222;}

.bg_darkgray {background:#222!important}
.bg_darkgray2 {background:#111!important}
.bg_darkgray2.form .input_box .input_text { background:#111!important;}

.bg_white .menu {background:#fff}
.bg_darkgray .menu {background:#222}
.bg_darkgray#tabnavi > ul li,
.bg_darkgray #tabnavi > ul li {border-bottom-color:#5d5d5d}
.bg_darkgray .menu ul li a {color:#d5d5d5}

.bg_darkgray .btn_normal.btn_gline {color:#999}

.bg_darkgray.menu,
.bg_darkgray2.menu{background:none}
.bg_darkgray2.menu ul li,
.bg_darkgray2 .menu ul li {border-bottom-color:#5d5d5d}
.bg_darkgray.menu ul li a,
.bg_darkgray2.menu ul li a{color:#d5d5d5}

.menu.gray ul li a {color:#999}

.bg_darkgray .panel_box .box_desc .desc,
.bg_darkgray .video_top .vsbox .name,
.bg_darkgray .bbs_type2 .subject,
.bg_darkgray .bbs_type2 .vsbox .name,
.bg_darkgray.club_listwrap .text .name,
.bg_darkgray.club_listwrap .info .right_state,
.bg_darkgray .box_title .title,
.bg_darkgray .box_title .bigtitle,
.bg_darkgray .bbs_none .tit{color:#fff}

.bg_darkgray2.club_listwrap .text .name,
.bg_darkgray2.club_listwrap .info .right_state,
.bg_darkgray2 .box_title .title,
.bg_darkgray2 .box_title .bigtitle{color:#fff}

th.bg_darkgray2,
td.bg_darkgray2{color:#fff!important}

.bg_darkgray .box_desc .desc{color:#d5d5d5}
.bg_darkgray .box_desc .desc + div,
.bg_darkgray .box_desc div + .desc {margin-top:10px;}

.bg_darkgray .panel_box .box_title.bd_line,
.bg_darkgray .bbs_type2 ul li + li,
.bg_darkgray .info_table table,
.bg_darkgray .info_table table th,
.bg_darkgray .info_table table td,
.bg_darkgray .form_box .textarea_box,
.bg_darkgray .form_box .form .select_box,
.bg_darkgray .form_box .form .input_box.input_search .input_text,
.bg_darkgray .form_box .form .input_box{border-color:#5d5d5d; }
.bg_darkgray .player_listwrap .player .text .name {color:#fff; }

.bg_lightgray {background:#f8f8f8!important}
.bg_lightgray .info_table table td {background:#fff}
.bg_lightgray .bbs_none .tit{color:#000}

/* .bg_lightgray .form_box .form .tit {color:#333} */
.bg_lightgray .form .input_box .input_text  {background:#f8f8f8}
.sub .form_box .form .input_box.input_search .btn_search { background-image: url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/search2.png") }

.bg_gray {background:#d5d5d5!important}

.bg_darkgray2.form .input_box .input_text { background:#f8f8f8!important;}

.bg_white {background:#fff!important}
.bg_white.form .input_box .input_text { background:#fff!important;}
.bg_white .form_box .form .tit {color:#333}

.bg_point {background:#ff7f27!important}
.bg_blue {background:#028dfe!important}
.bg_red,
.bg_bookmark {background:#ea4335!important}

/* 개인 ******************************************************************************************************/
/* avg */
.page_record3 .panel_box {padding-bottom: 40px;}

/* 매칭리스트 */
.page_matchinglist .panel_box {padding-bottom: 40px;}

/* 매칭요청 */
.page_matchingwrite .panel_box {padding-bottom: 40px;}



/* 나의 랭킹 */
.myranking_box {border-bottom:1px solid #d5d5d5}
.myranking_box .table_box { table-layout: fixed; width:100%}
.myranking_box .table_box.top .table_cell {width:50%; text-align: center; background:#fff2e9;}
.myranking_box .table_box.top .rankinfo{ padding:10px 0}
.myranking_box .table_box.top .rankinfo .desc {font-size:0.8em; color:#333; line-height: 1.1em;}
.myranking_box .table_box.top .rankinfo .rank {font-size:2em; font-weight: 700; color:#fff; line-height: 1em; margin:5px auto 10px}
.myranking_box .table_box.top .player { padding:10px 20px}
.myranking_box .table_box.info .table_cell {width:33.3%; padding:10px 0; text-align: center}
.myranking_box .table_box.info .table_cell span {display:inline-block; vertical-align: middle}
.myranking_box .table_box.info .label {color:#ff7f27; font-size:1em; margin-right:10px;}
.myranking_box .table_box.info .percent {color:#333; font-size:1.1em; font-weight: 700}

.myranking_box .thum { width:70px; display:table-cell;vertical-align:middle}
.myranking_box .thum .player_thumbnail img {width:60px; height: 60px;}
.myranking_box .text {display:table-cell; vertical-align:middle; text-align: left}
.myranking_box .text .name {color:#333; font-size:1em; line-height: 1.3em}
.myranking_box .text .desc {color:#999; font-size:0.9em; line-height: 1.2em}

/* 자막합성 영상 및 다운로드 */
.panel_download .menu.type2 {margin-top:0; padding-top:0; margin-bottom:20px;}
.panel_download .menu.type2 ul { background:none}

/* 큐친 ******************************************************************************************************/
/* live>view */
.page_liveview .tab_wrap .record_box_wrap {padding:0}
.page_videoview .tab_wrap .record_box_wrap {padding:0}

.page_liveview .tab_wrap .record_box_wrap table td { position: relative; }
.page_liveview .tab_wrap .record_box_wrap table td .i_star::before { content:''; position: absolute; left:5px; top:5px; width:10px; height:10px; background: url('/static/img/cuesco/iconStar.png') no-repeat; background-size:cover; }

/* 마이큐친 */
.friend_btnwrap {display:table; table-layout: fixed; width:100%; margin-top:20px;}
.friend_btnwrap li {display:table-cell; vertical-align: middle; }
.friend_btnwrap li p {color:#fff; font-size:1em}
.friend_btnwrap li p span {color:#ff7f28; font-weight: 700}
.friend_btnwrap li:last-child {text-align:right}
.friend_btnwrap li a {min-width:28%}

/* 큐친영상 */
.friend_video:nth-child(2n) { background: #111}
.friend_video .top_player {padding:15px 0}
.friend_video .video_wrap {display:block;font-size:0; position:relative; background:#000;}
.friend_video .video_wrap .thum {width:100%; opacity: 0.6}
.friend_video .video_wrap span { width:50px; height:50%; position:absolute; top:50%; left: 50%; margin-left:-25px; margin-top:-25px; display:block}
.friend_video .video_wrap span img{width:100%}
.friend_video .video_info {padding:10px 0 20px}
.friend_video .video_info .title {font-size:1em; color:#fff; font-weight: 700 }
.friend_video .video_info .link {margin-top:10px; overflow: hidden;}
.friend_video .video_info .link a {float:left; display: block; color:#d5d5d5}
.friend_video .video_info .link a span {padding-left:30px;}
.friend_video .video_info .link a.btn_like span {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/like.png") left center no-repeat; background-size:auto 90%; }
.friend_video .video_info .link a.btn_comment {float:right; }
.friend_video .video_info .link a.btn_comment span {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/comment.png") left center no-repeat; background-size:auto 90%;  }
.friend_video .video_info .link a.btn_like.active span {background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/like_on.png") }
.friend_video .video_info .link a.btn_comment.active span {background-image:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/comment_on.png")  }

.friend_video .video_info .link2 {margin-top:10px; display:table; width:100%; table-layout: fixed}
.friend_video .video_info .link2 a {color:#fff; font-size:0.9em; display:table-cell; width:50%; text-align: center;border:1px solid #999;padding:5px 0; font-weight: 700}
.friend_video .video_info .link2 a + a {border-left:0}

/* 클럽 ******************************************************************************************************/
/* 클럽대회 상세 */
.myscore_box {padding-bottom:40px;}
.myscore_box .report_box .report .bot {padding-top:20px;}

/* 동호회 경기 영상 */
.tab_score {padding-bottom:40px}
.tab_score .menu ul { background:none}
.tab_score .box_title + .menu {margin-top:10px;}

.sub.club .map iframe{ width:100%;}

.edit_box{padding-top:20px}
.edit_box img {max-width:100%}


/* 연도선택 */
.yeartab ul{display:table;width:100%;table-layout:fixed;padding:20px 0;}
.yeartab ul li{display:table-cell;vertical-align:middle;text-align:center;font-size:1em;font-weight:700;color:#fff;}
.yeartab ul li:nth-child(2) {font-size:1.5em; text-align: center}
.yeartab ul li a {color:#fff; height: 26px; display:inline-block}
.yeartab ul li.prev {text-align:left}
.yeartab ul li.prev a { background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/btn_prev.png) left center no-repeat; background-size:auto 20px; padding-left:20px;}
.yeartab ul li.prev a,
.yeartab ul li.next a{ opacity: 0.6; line-height: 1.3em}
.yeartab ul li.next {text-align:right}
.yeartab ul li.next a {  background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/btn_next.png) right center no-repeat; background-size:auto 20px; padding-right:20px;}
.yeartab ul li a span { display:inline-block; vertical-align: middle}
.yeartab ul li a span img {height:20px;}
.yeartab ul li a span + span {margin-left:10px;}

/* 영상 ******************************************************************************************************/
/* 유튜브 */
.top_youtube .thum {width:100%}

/* 경기기록영상>view */
.page_gamerecordview .tab_wrap .record_box_wrap {padding:0}
.page_gamerecordview .compare_list ul.compare li.f_list {border-bottom:0}
.page_gamerecordview .compare_list ul.compare li.f_list a.f_tit {font-size: 1.2em;font-weight: 700;}
.page_gamerecordview .compare_list ul.compare li.f_list .answer {padding:0}
.page_gamerecordview .compare_list.record_box_wrap .info_table table td { color:#333; }
.page_gamerecordview .compare_list.record_box_wrap .info_table .percent{ font-size: 1.1em}
.page_gamerecordview .compare_list.record_box_wrap .info_table ul {/*display:table; width:100%; margin:0 auto; table-layout: fixed*/}
.page_gamerecordview .compare_list.record_box_wrap .info_table ul li {/*display:table-cell; width:50%; */ display:inline-block; vertical-align: middle; text-align:center}
.page_gamerecordview .compare_list.record_box_wrap .info_table ul li + li {margin-left:8px}
.page_gamerecordview .compare_list.record_box_wrap .info_table ul li span {display:inline-block; vertical-align: middle}
.page_gamerecordview .compare_list.record_box_wrap .info_table .label_win,
.page_gamerecordview .compare_list.record_box_wrap .info_table .label_lose { margin:0; margin-right:4px}

.record_box_wrap.highlight_list .info_table .name {text-align:center; color:#333}
.record_box_wrap.highlight_list .info_table .name .thum { width:60px; margin:0 auto}
.record_box_wrap.highlight_list .info_table .name .thum .player_thumbnail img {width:50px; height: 50px;}

/* 마이페이지 ******************************************************************************************************/
/* 개인정보수정 */
.profile_wrap {text-align:center; padding-bottom: 20px}
.profile_wrap .filebox label {  display: inline-block;  padding: 0;  color: #ff7f28;  font-size: 1em;  line-height: normal;  vertical-align: middle;    cursor: pointer;  -webkit-transition: background-color 0.2s;  transition: background-color 0.2s;}
.profile_wrap .filebox input[type="file"] {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0;}
.page_modify .form_box {padding-top:20px}

/* 앱설정 */
.page_modify .setup_box .setup_list .table_cell {width:85%}
.page_modify .setup_box .setup_list .table_cell:last-child {width:15%; text-align: right}
.page_modify .setup_box .setup_list ul li {border-bottom: 1px solid #3a3a3a;padding:20px 0}
.page_modify .setup_box .setup_list ul li .tit {font-size:1em; color:#fff}
.page_modify .setup_box .setup_list ul li .desc {font-size:0.9em; color:#999;margin-top:5px}
.page_modify .setup_box .setup_list .btn {display:inline-block; background: url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/btn_setup.png) center no-repeat; background-size:100%; width:50px; height:30px}
.page_modify .setup_box .setup_list .btn.on {background-image: url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/btn_setup_on.png)}
.page_modify .version {margin:20px auto 0; text-align: center; }
.page_modify .version span {background:#111; font-size:0.8em; color:#999; padding:4px 10px; display:inline-block; }

.page_modify .reset_tit {padding-bottom:20px}

/* 마이페이지 */
.mypage .point_box .point {border:1px solid #d5d5d5; display:block; font-size:1.4em; font-weight: 700; text-align: center; padding:10px 0; color:#ff7f28}
.mypage .point_box a {display:block}

.coin_table {border:1px solid #d5d5d5; display:block;  padding:0 10px; background:#fff}
.coin_table table td {border-bottom:1px dashed #d5d5d5; color:#999; font-weight: 700; font-size: 1em; padding:10px 0}
.coin_table table td:last-child{text-align:right}
.coin_table table td b {color:#333;}
.coin_table table tr:last-child td {border-bottom:0}

/* ex box */
.ex_infobox .ex_box + .ex_box {margin-top:40px; border-top:1px solid #3a3a3a; padding-top:25px;}
.ex_infobox .ex_box.form_box + .ex_box {margin-top:15px}
.ex_infobox .ex_box .imgwrap {padding-bottom:20px;}
.ex_infobox .ex_box .imgwrap img {max-width:100%;}
.ex_infobox .ex_box .imgwrap p + p,
.ex_infobox .ex_box p + .info_table{margin-top:10px;}
.ex_infobox .coin_box {position:relative; overflow: hidden}
.ex_infobox .coin_box .coin { width:49%; background:#444444; text-align: center; float:left; margin-top:10px;}
.ex_infobox .coin_box .coin:nth-child(2n) {float:right}
.ex_infobox .coin_box .coin .coin_img {padding:10px 20px}
.ex_infobox .coin_box .coin .coin_img .tit {color:#fff; font-size:1em}
.ex_infobox .coin_box .coin .coin_img img {width:100%}
.ex_infobox .coin_box .coin .won { color:#fff; font-size:1em; background:#6a6a6a; display:block; padding:10px 0}
.ex_infobox .coin_box .coin a {display:block;border:2px solid rgba(255, 0, 0, 0)}

.ex_infobox .coin_box .coin.active a {border:2px solid #ff7f28; }

/* 고객센터 ******************************************************************************************************/
/* page_service */
.service_txt + .service_txt {margin-top:20px;}
.service_txt .tit {color:#333; font-size:1em;margin-bottom:5px; font-weight: 700}
.service_txt .desc {color:#666; font-size:0.9em;}
.service_txt .list_style_v1 li,
.service_txt .info_table th,
.service_txt .info_table td{ font-size:0.9em}
.service_txt .desc + .info_table,
.service_txt .info_table + .desc{margin-top:10px}

/* 회원가입 */
.sub.join {background-color:#222; min-height:100%}
.sub.join .form_box {padding-bottom:100px;}
.sub.join .lastbtn {position:fixed}
.sub.join .form_title {padding-top:20px}
.sub.join.page_fin .form_box {height:calc(100vh - 100px) !important; padding-bottom:0}

.sub.join .agree_title {clear:both; margin-top:40px; position:relative;overflow: hidden}
.sub.join .agree_title .agree_left {float:left; vertical-align: middle}
.sub.join .agree_title .btn_more { color:#999; float:right; vertical-align: middle; font-size:1em}
.sub.join .agree_title.last {margin-top:30px; border-top:1px solid #3a3a3a; padding-top:30px}

.sub.join .form_agree .form_document {background:#444;box-sizing:border-box;padding:20px;height:120px;overflow:auto;color:#ccc; font-size: 0.8em}
.sub.join .form_agree .agree_title + .form_document {margin-top:10px;}

/* 공통_팝업페이지 ******************************************************************************************************/
.sub.page_popup {background:#222; min-height:100%}
.sub.page_popup .form_title {padding-top:20px}

/* 매칭일, 기간선택팝업 */
.sub.calender #content {padding-bottom:50px}
.sub.calender .lastbtn {position:fixed}
.sub.calender .cal_box {background: #222}
.sub.calender .cal_box:nth-child(2n) {background: #111}

.sub.calender .panel_box + .panel_box .cal_box {background: #111}
.sub.calender .panel_box + .panel_box  .cal_box:nth-child(2n) {background: #222}

.sub.calender .cal_box table th {color:#fff; font-size:1em; font-weight: 700; text-align: center; border-bottom: 1px solid #5d5d5d; padding:10px 0;}
.sub.calender .cal_box table td {color:#fff; font-size:1em; font-weight: 700; text-align: center; border-bottom: 1px solid #5d5d5d;border-right: 1px solid #5d5d5d;padding:10px 0;}
.sub.calender .cal_box table td:last-child {border-right:0}
.sub.calender .cal_box table td.check {background:#211914}
.sub.calender .cal_box table td.check.start,
.sub.calender .cal_box table td.check.end {background:#ff7f1f; color:#333}
.sub.calender .panel_box .box_title .title{ text-decoration: underline}

/* UMB ******************************************************************************************************/
.form_box + .umb_top  {margin-top:20px;}
.umb_top .table_box { table-layout: fixed;width:100%}
.umb_top .thum { width:30%;}
.umb_top .thum p {width:90%}
.umb_top .thum img {width:100%}
.umb_top .table_cell {position:relative;}
.umb_top .table_cell .text_box {padding:0 10px; }

.umb_top .text_box .contest { font-size:1em; color:#fff; line-height: 1.4em}
.umb_top .text_box .contest span {display:inline-block; padding:5px 10px; background:#111; max-width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden }
.umb_top .text_box .subject { font-size:1em; color:#fff; line-height: 1.4em}
.umb_top .text_box .date { font-size:0.9em; color:#999; line-height: 1.4em}
.umb_top .text_box .desc { font-size:0.9em; color:#999; line-height: 1.4em; margin-top:20px}

.umb .form_box.bg_lightgray {padding:10px 0 20px; margin:0}
.umb .form_box.bg_lightgray + .match_box_wrap {margin-top:20px;}

.umb_info {padding-bottom:20px}
.umb_info .table_cell {width:80%}
.umb_info .thum{width:20%}
.umb_info .thum img {width:90%}
.umb_info .tit { font-size:1.1em; color:#333; line-height: 1.3em}
.umb_info .desc { font-size:1em; color:#666; line-height: 1.3em}
.umb_info .date {margin-top:10px}
.umb_info .detail_box {width:100%; display:table; margin-top:10px; table-layout: fixed}
.umb_info .detail_box p { display:table-cell; vertical-align: middle; font-size:1em; color:#999; line-height: 1.3em}
.umb_info .detail_box p b {font-weight:700; color:#333; font-size: 1.1em}

/* 대회>선수 */
.umb .player_listwrap.umb_player_list {overflow:hidden}
.umb .player_listwrap.umb_player_list .player {width:49%; float:left; padding-bottom:20px }
.umb .player_listwrap.umb_player_list .player + .player {margin-top:0}
.umb .player_listwrap.umb_player_list .player:nth-child(2n) {float:right}

/* 대회결과 > 파이널 */
.umb .fin_wrap { background:#fff2e9; padding:20px 0;}
.umb .fin_wrap .table_box {width:100%; table-layout: fixed}
.umb .fin_wrap .table_box .table_cell {vertical-align: middle}
.umb .fin_wrap .table_box .thum_wrap {width:25%}
.umb .fin_wrap .table_box .thum_wrap .thum img {width:100%; border-radius: 50%; background:#999; border:2px solid #ff7f27}
.umb .fin_wrap .table_box .inner {padding:0 20px; text-align: left}
.umb .fin_wrap .table_box .inner .title {font-size:1.5em; font-weight: 700; color:#ff7f27; border-bottom:1px solid #ff7f27}
.umb .fin_wrap .table_box .inner .flagbox {margin-top:5px; padding:5px 0; }
.umb .fin_wrap .table_box .inner .flagbox p {display:inline-block; vertical-align: middle; color:#999; font-size: 0.9em}
.umb .fin_wrap .table_box .inner .flagbox p img {width:20px;}
.umb .fin_wrap .table_box .inner .flagbox p + p {marign-left:5px;}
.umb .fin_wrap .table_box .inner .flagbox p.name {font-weight:700; font-size: 1.1em; color:#333; margin-right:10px;}

.umb .fin_wrap .table_box .inner ul {width:100%; display:table;table-layout: fixed}
.umb .fin_wrap .table_box .inner ul li{ display:table-cell; vertical-align: middle; width:33.3%;}
.umb .fin_wrap .table_box .inner ul li span { color:#999; font-size: 1em; display:block; vertical-align: middle; }
.umb .fin_wrap .table_box .inner ul li span.point {color:#333; font-size:1.1em; font-weight: 700}

.umb.umb_final .info_table table thead td {color:#333; font-weight: 700}
.umb.umb_final .fin_wrap .table_box .thum_wrap .thum {position:relative}
.umb.umb_final .fin_wrap .table_box .thum_wrap .thum .label { position:absolute; top:0px;left:10px; width: 20px; border:none; border-radius: 0; background:none}
.umb.umb_final .fin_wrap {background:#f8f8f8!important}
.umb.umb_final .fin_wrap .table_box .thum_wrap {width:25%; text-align: center}

.umb.umb_final .fin_wrap + .fin_wrap {border-top:1px solid #d5d5d5}

.umb.umb_final .fin_wrap.win1 {background:#fff2e9!important}
.umb.umb_final .fin_wrap.win2 .table_box .thum_wrap .thum img.img { border-color:#028dfe;width:70%}
.umb.umb_final .fin_wrap.basic .table_box .thum_wrap .thum img.img,
.umb.umb_final .fin_wrap.win3 .table_box .thum_wrap .thum img.img{ border-color:#d5d5d5;width:70%}

.umb.umb_final .fin_wrap.basic .table_box .inner .flagbox p.name,
.umb.umb_final .fin_wrap.win2 .table_box .inner .flagbox p.name,
.umb.umb_final .fin_wrap.win3 .table_box .inner .flagbox p.name {display:block; margin-left:-2px}

.umb.umb_final .fin_wrap.basic .table_box .inner ul,
.umb.umb_final .fin_wrap.win2 .table_box .inner ul,
.umb.umb_final .fin_wrap.win3 .table_box .inner ul { border-top:1px solid #d5d5d5; padding-top:5px; margin-top:5px}


/* 상대 전적 및 기록 */
.match_box_wrap {padding-bottom:40px;}
.match_box_wrap .table_box {table-layout:fixed}
.match_box_wrap .table_box .table_cell {width:40%; text-align: center}
.match_box_wrap .table_box .table_cell.vsinfo {width:20%}
.match_box_wrap .table_box .table_cell.vsinfo span {display:table-cell; vertical-align: middle; font-size:1.2em; font-weight: 700;}
.match_box_wrap .table_box .table_cell.vsinfo span.vs { width:20%; }
.match_box_wrap .table_box .table_cell.vsinfo.left_win span.vs { background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/left_win.png) center no-repeat; background-size:auto 30px; text-indent: -999999px;}
.match_box_wrap .table_box .table_cell.vsinfo.left_win .left {color:#ffb21e}
.match_box_wrap .table_box .table_cell.vsinfo.right_win span.vs { background:url(https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/right_win.png) center no-repeat; background-size:auto 30px; text-indent: -999999px;}
.match_box_wrap .table_box .table_cell.vsinfo.right_win .right {color:#ffb21e}
.match_box_wrap .match_box .name {font-size:1em; font-weight:700; color:#333}
.match_box_wrap .match_box .desc {font-size:0.9em; color:#999; margin-bottom:10px;}
.match_box_wrap .match_box .desc span + span {margin-left:5px;}
.match_box_wrap .match_box .thum { width:60px; margin:0 auto; }
.match_box_wrap .match_box .thum .player_thumbnail img {width:60px; height: 60px; }

/* 상단 선수 */
.player_list.scroll_y {overflow-x: auto;display: block;white-space:nowrap; padding-bottom: 15px;}
.player_list.scroll_y ul {padding-left:5%;}
.player_list.scroll_y ul li {display:inline-block; vertical-align: top; text-align: center; margin-right:15px;}
.player_list.scroll_y ul li a {display:block;}
.player_list.scroll_y ul li .name {font-size:0.9em; font-weight:700; color:#fff; line-height: 1em; margin-top:5px; }
.player_list.scroll_y ul li .desc {font-size:0.8em; color:#999}
.player_list.scroll_y ul li .name span,
.player_list.scroll_y ul li .desc span {display: block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.player_list.scroll_y ul li .thum { width:60px; margin:0 auto; }
.player_list.scroll_y ul li .thum .player_thumbnail img {width:60px; height: 60px; }
.player_list.scroll_y ul li.active .thum .player_thumbnail img {border:2px solid #ff7f27}

/* 상단 랭킹 1위 */
.rank_top { overflow:hidden; position:relative}
.rank_top .text_box .infotxt {width:55%;}
.rank_top .text_box .infotxt .date {color:#d5d5d5; font-size:1em; margin-bottom: 20px;}
.rank_top .text_box .infotxt .rank {color:#999; font-size:1em}
.rank_top .text_box .infotxt .rank span {display:inline-block; vertical-align: middle}
.rank_top .text_box .infotxt .rank span + span {margin-left:5px}
.rank_top .text_box .infotxt .rank span img {height:20px}
.rank_top .text_box .infotxt .name {color:#fff; font-size:2em; font-weight:700; line-height: 1em}

.rank_top .text_box .table_box {padding:10px 0; background: #ff7f27;margin-top:40px;width:100%;  }
.rank_top .text_box .table_box ul {width:55%; table-layout: fixed; display:table}
.rank_top .text_box .table_box li {display:table-cell; vertical-align: middle; text-align: center; width:33%}
.rank_top .text_box .table_box li .label {color:#333; font-size:1em; }
.rank_top .text_box .table_box li .count {color:#333; font-size:1.1em; font-weight:700}

.rank_top .right_thum {position:absolute; right:0; bottom:0; width:42%}
.rank_top .right_thum img {vertical-align:bottom; width:100%;}

/* umb 연관상품 */
.umb .info_photo ul li .textbox {background:#f8f8f8}
.umb .info_photo ul li .textbox .tit {color:#333}
.umb .info_photo ul li .textbox .desc {color:#ff7f28}

/* 선수정보 */
.page_playerview .info_table table .align_c .label_win {position:relative;top: auto;left: auto;margin: 0;display: inline-block;}
.popup_player .report_box .report .bot {padding:20px 0;}

.umb_profile {background:#111; margin-top:10px; padding:10px;}
.umb_profile ul {display:table; table-layout:fixed; width:100%}
.umb_profile ul li {width:33%; color:#fff; font-size:0.9em; display:table-cell; vertical-align: middle; text-align: center}
.umb_profile ul li b {font-size:1em; font-weight: 700}

/*.player_listwrap.top_player .player .handy .txtbox span {display:block; margin:0 auto}*/
.player_listwrap.top_player .player .handy .txtbox .count.rank {font-size:1em; font-weight: 700; width:auto}
.player_listwrap .player .desc span {display:inline-block; vertical-align: middle}
.player_listwrap .player .desc span + span {margin-let:5px}
.player_listwrap .player .desc span.flag {font-size:0}
.player_listwrap .player .desc span img {height:20px;}

.player_score {padding-top:20px;}
.player_score .list_style_v2 li { display:table; width:100%; table-layout: fixed}
.player_score .list_style_v2 li span { display:table-cell; width:70%}
.player_score .list_style_v2 li span.rank {color:#ff7f1f; width:30%}

/* umb live view */
.page_liveview .video_btn_wrap a {display:inline-block}
.page_liveview .video_btn_wrap a:last-child { float:right}

/* stats */
.page_stats .ranking_point .point_box.table_box .table_cell.info .count {text-align:center}
.page_stats .ranking_point .point_box {padding:0}

/* 아래에서 위로 팝업 */
body.modal_open {overflow:hidden}
.modal_popup {  background: #fff;  width: 100%;  height: 100%; overflow-y: auto;  margin: 0;  padding: 0;  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);  top: 100%;  position: fixed;  left: 0;  text-align: left;	z-index: 99999}
.modal_open .modal_popup {  top: 0;}

/* 실시간채팅 */
.btn_chat { position:fixed;bottom:75px;left:0;right:0; border-top:1px solid #323232; background:#222; z-index: 500}
.btn_chat p {padding:10px 0; color:#fff; display:block; float:left;font-size:0.9em}
.btn_chat p + p {float:right; text-align: right;padding-right:30px; max-width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.btn_chat .icon {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") no-repeat; -webkit-transform:rotate(180deg); position:absolute; right:0;top:10px; width:16px;height:16px; background-size: 100%}
.chat_wrap .btn_chat {display:block;}
.chat_wrap #footer {padding-bottom: 150px}

.btn_chat_close { background:#111; overflow: hidden}
.btn_chat_close p {padding:10px 0; color:#fff; display:block; float:left;font-size:0.9em}
.btn_chat_close p + p {float:right; text-align: right;padding-right:30px; max-width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.btn_chat_close .icon {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") no-repeat; position:absolute; right:0;top:16px; width:16px;height:16px; background-size: 100%}
.btn_chat_close { position:fixed; width:100%; z-index:9; }

/* 아래에서 위로 팝업 */
body.chat_open {overflow:hidden}
.chat_popup {  background:rgb(34 34 34);  width: 100%;  height: 100%;  margin: 0;  padding: 0;  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);  position: relative; text-align: left;	z-index: 99999}
.chat_open .chat_popup {  top: 0;}
.chat_popup .sub #content {padding-top:41px}

.chat_popup .sub .player_listwrap, .chat_box .player_listwrap {padding:20px 0;}
.chat_popup .sub .chat_date, .chat_box .chat_date {color:#999; font-size:0.8em}
.chat_popup .sub .del {text-align: right; margin-top: 10px;color:#999;font-size:0.8em;}
.chat_popup .sub .del img {width: 20px;vertical-align: middle;}
.chat_popup .sub .chat_con, .chat_box .chat_con {font-size:0.9em}
.chat_box .chat_con em {font-size:12px; font-style: normal; float: right;}
.chat_box .chat_con.cmt_del {color: #cdcdcd;}

.chat_popup .input_box {background:#383838;overflow: hidden;padding:10px 0; width:100% ; z-index:1;  }
.chat_popup .input_box input{background:#383838; border:0; width:70%; font-size:20px; color: #fff; }
.chat_popup .input_box a {float:right}

.chat_box {margin-top:51px}

/* 오른쪽에서 왼쪽으로 */
body.menu_open {background:#fff}
/*body.menu_open #quickmenu {bottom:auto;top:100%}*/
/*.menu_page { width: 100%; margin: 0;  padding: 0;  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);   position:fixed; top: 0; left: 100%; right:auto;  z-index: 999999999; background:#fff }*/
.menu_page .menu_header {left:100%; right:auto; overflow: hidden;position:relative}
.menu_page .menu_quick{display:none}
.menu_open .menu_page .menu_quick{display:block}
.menu_open .menu_page .menu_header { left: 0; right:0;}
.menu_open .menu_page {  position:fixed;  left: 0; right:0; height: 100%; overflow-y: auto; overflow-x: hidden;} /* 20-09-24 */
.menu_open .menu_page .menu-header .top { position: fixed; }

/* 큐니레이스 ******************************************************************************************************/
.cuescorace .itemshop_list ul {display:table; width:100%; border-bottom:1px solid #d5d5d5;padding:20px 0; table-layout: fixed}
.cuescorace .itemshop_list ul li {display:table-cell; vertical-align: top;}
.cuescorace .itemshop_list ul li.item { width:75px;}
.cuescorace .itemshop_list ul li.item img {width:100%; border-radius: 5px;}
.cuescorace .itemshop_list ul li.txt {padding-left:10px}
.cuescorace .itemshop_list ul li.txt .tit {color:#333; font-size:1em; font-weight: 700}
.cuescorace .itemshop_list ul li.txt .txt {color:#999; font-size:1em; line-height: 1.2em; margin-top:5px; }
.cuescorace .itemshop_list ul li.txt .info {margin-top: 5px; color: #FF7F27}
.cuescorace .itemshop_list ul li.txt .info.premium {margin-bottom: 5px 0;font-weight: bold;}
.cuescorace .itemshop_list ul li.txt .info.premium img {width: 20px; vertical-align: middle;}
.cuescorace .itemshop_list ul li.coin {width:22%; text-align: right; font-size:1.3em; font-weight: 700; color:#333}

.cuescorace .mission_table {margin:40px auto}
.cuescorace .mission_table td {border-right:1px solid #d5d5d5; text-align: left}
.cuescorace .mission_table td:first-child {padding-left:15px}
.cuescorace .mission_table td:last-child {border-right:0;text-align: center}
.cuescorace .mission_table td.score { font-size:1.3em; color:#333; font-weight: 700; text-align: center}
.cuescorace .mission_table td .fin {display:none}
.cuescorace .mission_table td .ck span {display:inline-block; vertical-align: middle;padding:2px 10px; color:#333; border-radius: 30px; border:1px solid #d5d5d5; background:#f8f8f8}
.cuescorace .mission_table td img {max-width:30px}
.cuescorace .mission_table .bg_end td .fin{display:block}
.cuescorace .mission_table .bg_fin td .fin{display:block; color:#333}
.cuescorace .mission_table .bg_fin td .ck span {border-color:#333; background:#fff}
.cuescorace .mission_table .bg_end td {background:#f8f8f8}
.cuescorace .mission_table .bg_fin td {background:#fff2e9}
.cuescorace .mission_table .bg_fin td:last-child {background:#ff7f27}

.cuescorace .mission_table .bg_end td.score,
.cuescorace .mission_table .bg_fin td.score {color:#ff7f27}

.cuescorace .item_effect_wrap {padding-bottom: 60px}
.cuescorace .item_effect_wrap .title {font-size:1em; color:#333; font-weight: 700}
.cuescorace .item_effect_wrap .top {padding:20px 0}
.cuescorace .item_effect_wrap .top .item_effect {margin-top:10px}
.cuescorace .item_effect_wrap .top .item_effect .effect {background:#d5d5d5; padding:10px; color:#333; font-size:1em; font-weight: 700; text-align: center}
.cuescorace .item_effect_wrap .top .item_effect .effect + .effect {margin-top:5px;}

.cuescorace .item_effect_wrap .table_box {display:flex;margin:40px auto}
.cuescorace .item_effect_wrap .table_box .table_cell {text-align: center; }
.cuescorace .item_effect_wrap .table_box .table_cell + .table_cell {margin-left:10px;}
.cuescorace .item_effect_wrap .table_box .table_cell img {width:100%; border-radius: 5px; border:2px solid #fff}
.cuescorace .item_effect_wrap .table_box .table_cell p {font-size:0.8em; color:#999; display:none}

.cuescorace .item_effect_wrap .table_box .table_cell.active img {border-color:#ffd31d}
.cuescorace .item_effect_wrap .table_box .table_cell.active p {display:block}

.cuescorace .item_effect_wrap .btn_normal {display:block; padding:10px;}

.popup_cuescorace .item_buy_wrap {padding-bottom: 40px}
.popup_cuescorace .item_buy_wrap .top {text-align: center;}
.popup_cuescorace .item_buy_wrap .top .icon img{width:30%; border-radius: 5px; border:2px solid #ffd31d}
.popup_cuescorace .item_buy_wrap .top .tit {color:#333; font-size:1em; font-weight: 700}
.popup_cuescorace .item_buy_wrap .top .desc {color:#999; font-size:1em; }
.popup_cuescorace .item_buy_wrap .check_wrap {margin:20px auto 0;}
.popup_cuescorace .item_buy_wrap .check_wrap ul {display:table; table-layout: fixed; width:100%;border:1px solid #d5d5d5;}
.popup_cuescorace .item_buy_wrap .check_wrap ul li {display:table-cell; border-left:1px solid #d5d5d5; text-align: center;}
.popup_cuescorace .item_buy_wrap .check_wrap ul li:first-child {border-left:0}
.popup_cuescorace .item_buy_wrap .check_wrap ul li .tit {color:#333; font-size:1.2em; padding: 10px 0; ;background: #f8f8f8;}
.popup_cuescorace .item_buy_wrap .check_wrap ul li .coin {color:#666; font-size:1em;margin-top: 10px; }
.popup_cuescorace .item_buy_wrap .check_wrap ul li .info {color:#ff7f28; font-size: 0.8em; }
.popup_cuescorace .item_buy_wrap .check_wrap ul li .radio {background:#fff; border:2px solid #d5d5d5; border-radius: 20px; margin:10px auto 0; display:inline-block}
.popup_cuescorace .item_buy_wrap .check_wrap ul li .radio span {width:15px; height:15px;background:#fff; border:2px solid #fff; border-radius: 15px; display:block; }

.popup_cuescorace .item_buy_wrap .check_wrap ul li.active {background:#fff; }
.popup_cuescorace .item_buy_wrap .check_wrap ul li.active .tit {color:#fff2e9; background: #ff7e27}
.popup_cuescorace .item_buy_wrap .check_wrap ul li.active .coin {color:#333}
.popup_cuescorace .item_buy_wrap .check_wrap ul li.active .radio {border-color:#ff7f27}
.popup_cuescorace .item_buy_wrap .check_wrap ul li.active .radio span {background:#ff7f27}

.popup_cuescorace .coin_table + .btn_box { overflow: hidden}
.popup_cuescorace .coin_table + .btn_box a {width:49%; float:left; padding:10px 0}
.popup_cuescorace .coin_table + .btn_box a + a {float:right}

.popup_item {width:90%!important}
.popup_item .table_box { width:100%; display:table; table-layout: fixed; border:5px solid #ff7f27; background:#fff}
.popup_item .table_box .table_cell {display:table-cell; vertical-align: middle}
.popup_item .table_box .lvbox {background:#ff7f27; text-align: center; width:25%}
.popup_item .table_box .lvbox .lv {font-weight:700; font-size:3em;color:#333;}
.popup_item .table_box .lvbox .desc {color:#333; font-size:1em;line-height: 1.2em}
.popup_item .table_box .descbox {padding:30px 20px 30px 25px;}
.popup_item .table_box .descbox ul {width:100%; display:table; table-layout: fixed; }
.popup_item .table_box .descbox ul li {display:table-cell; vertical-align: middle; text-align: left}
.popup_item .table_box .descbox ul li.left {width:60px}
.popup_item .table_box .descbox ul li.left img {width:100%; border-radius: 5px;}
.popup_item .table_box .descbox ul li.right {padding-left:20px;}
.popup_item .table_box .descbox ul li.right .tit span {display:inline-block; vertical-align: middle}
.popup_item .table_box .descbox ul li.right .tit .date {margin-left:5px; background:#f8f8f8; color:#333;font-size:0.8em; padding:2px 5px; border-radius: 20px;}
.popup_item .table_box .descbox ul li.right .tit .ck {font-size:1em; font-weight: 700; color:#333}
.popup_item .table_box .descbox ul li.right .desc {font-size:0.9em; color:#666}
.popup_item .next {margin-top:20px; color:#fff; font-weight: 700; font-size:1em}

.popup_cuescorace .season_top {overflow: hidden; margin:10px auto 20px}
.popup_cuescorace .season_top a {color:#999; font-size:1em; font-weight: 700; float:left}
.popup_cuescorace .season_top a.season_prev span {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/btn_prev.png") left center no-repeat; background-size:10px; padding-left:20px;}
.popup_cuescorace .season_top a.season_next {text-align:right; float:right}
.popup_cuescorace .season_top a.season_next span {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/btn_next.png") right center no-repeat; background-size:10px; padding-right:20px;}
.popup_cuescorace .myranking_box .table_box.top .table_cell:first-child {width:20%}

.popup_cuescorace .myranking_box + .panel_box {padding-bottom:0}

.popup_cuescorace .namebox .lv {background:#ffd8be;padding:2px 10px 4px;display:inline-block; vertical-align: middle; line-height: 1em}
.popup_cuescorace .namebox .lv span {display:inline-block; vertical-align: middle}
.popup_cuescorace .namebox .lv .label {font-size:0.8em; color:#333; font-weight: 700}
.popup_cuescorace .namebox .lv .num {font-size:1em; color:#333; font-weight: 700; margin-left:2px;}
.popup_cuescorace .namebox .name {display:inline-block; vertical-align: middle; color:#333; font-size:1em; font-weight: 700}
.popup_cuescorace .namebox + .desc {color:#999; font-weight: 700; font-size:0.9em}

.popup_cuescorace .ranking_point td {padding:10px 20px; border-bottom:1px solid #d5d5d5}
.popup_cuescorace .ranking_point .rank {border-right:1px solid #d5d5d5; font-weight:700; color:#333; text-align: center;padding:0}
.popup_cuescorace .ranking_point .left {width:70px}


.race_top { background:#222 url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/race/race_bg1.jpg") top center no-repeat; background-size:100% auto; padding:40px auto; text-align: center}
.race_top > .contains {padding:40px 0}
.race_top > .contains .date {color:#fff; font-size:1em; font-weight: 700; text-align: center}
.race_top > .contains .title {color:#fff; font-size:1.2em; font-weight: 700; text-align: center}
.race_top .menu.type2 {background:none!important; margin-top:20px;}
.race_top .menu.type2 ul li.bg1 {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/race/race_bg2.jpg") top center no-repeat; background-size:cover; color:#fff; border:0}
.race_top .menu.type2 ul li.bg2 {background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/race/race_bg3.jpg") top center no-repeat; background-size:cover; color:#fff; border:0}
.race_top .menu.type2 ul li a {color:#fff!important}

.race_top .race_infobox {position:relative}
.race_top .race_name {color:#fff; font-size:1em; font-weight: 700; margin:0 auto 5px;}

.race_top .race_infobox .table_box {width:100%; table-layout: fixed}
.race_top .race_infobox .table_box .table_cell {width:50%; text-align: left; vertical-align: top}
.race_top .race_infobox .table_box .table_cell .grand {background:#1f2c36;padding:10px;padding:38px 10px 58px 20px;height: 42px}
.race_top .race_infobox .table_box .table_cell .ck {background:#363636; margin-top:5px;padding:10px;padding-left:20px;height: 55px}
.race_top .race_infobox .table_box .table_cell .label { color:#999; font-size:1em}
.race_top .race_infobox .table_box .table_cell .grand .txt { color:#018dfe; font-size:1.2em; font-weight: 700; line-height: 1.1em; }
.race_top .race_infobox .table_box .table_cell .ck .txt { color:#fff; font-size:1.2em; font-weight: 700}
.race_top .race_infobox .table_box .table_cell .txt{max-width: 70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.race_top .race_infobox .table_box .table_cell .mission {text-align:right; background:#ed2b2b;padding:38px 20px 58px 0; position:relative}
.race_top .race_infobox .table_box .table_cell .mission .bar {width:100%; height:5px; background:#7b2727;position:absolute;bottom:0;right:0}
.race_top .race_infobox .table_box .table_cell .mission .inner { height:42px;}
.race_top .race_infobox .table_box .table_cell .mission .inner > span {display:block; float:right}
.race_top .race_infobox .table_box .table_cell .mission .inner .tit { text-align: right}
.race_top .race_infobox .table_box .table_cell .mission .inner .tit .label {color:#333; font-size:1em; display:block; position:relative}
.race_top .race_infobox .table_box .table_cell .mission .inner .tit .label::after {position:absolute; top:0px;left:-20px;  text-align: center; content:"N"; background: #ff7e27;width:15px; height:15px; border-radius: 15px; color:#fff; font-weight: 700; font-size:0.7em; line-height: 15px; display:none}
.race_top .race_infobox .table_box .table_cell .mission.new .inner .tit .label::after  {display:block}
.race_top .race_infobox .table_box .table_cell .mission .inner .num {color:#333; font-size:1.2em; font-weight: 700; line-height: 1.1em; max-width: 100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display: inline-block}
.race_top .race_infobox .table_box .table_cell .mission .inner .arrow img {width:15px;}

.race_top .race_infobox .table_box .table_cell .mission.item { background:#fdde23;}
.race_top .race_infobox .table_box .table_cell .mission.item .bar {background:#928223}

.race_top .race_infobox .profile {position:absolute; top:9%; left:37%; width:100px; }
.race_top .race_infobox .profile .thum img {width:100%; background:#222; border:2px solid #ff7e27; border-radius: 100px; box-shadow: 0px 6px 23px 10px rgb(0,0,0,0.3)}
.race_top .race_infobox .profile .percent {margin-top:-20px; position:relative; width:200%; margin-left:-50%}
.race_top .race_infobox .profile .percent .inner .bar {width:100%; height: 30px; background:#5d5d5d; border-radius: 30px; line-height: 30px; position:relative}
.race_top .race_infobox .profile .percent .inner .bar span {width:20%; background:#ff7e27; border-radius: 30px; line-height: 30px; display:block; height:30px }
.race_top .race_infobox .profile .percent .inner .txt {position:absolute; top:4px; left:10px; width:100%; text-align: center; color:#fff; font-size:0.9em; width:70%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden }
.race_top .race_infobox .profile .percent .lv {width:30px; height:30px; line-height: 30px; background:#222; border-radius:30px; border:2px solid #ff7e27; color:#fff; font-weight:700; text-align: center; position:absolute; top:-2px;right:-6px;}

.race_bot {position:relative; padding:40px 0}
.race_bot .percent {width:6px; height: 100%; background:#5d5d5d;position:absolute; top:0;left: 50%; margin-left:-3px;}
.race_bot .percent .active {width:6px; height: 10%; background:#ff7e27;position:absolute; top:0;left: 50%; margin-left:-3px; display:block}
.race_bot .table_box {width:90%; margin:0 auto; table-layout: fixed;position:relative}
.race_bot .table_box::before {position:absolute;top:50%; left:0; width:70%; background:#222; border-top:1px dashed #5d5d5d; display:block; content:""}
.race_bot .table_box.none::before { display:none}
.race_bot .table_box + .table_box {margin-top:20px}
.race_bot .table_box .table_cell { width:40%; position:relative}
.race_bot .table_box .table_cell.center { width:20%; text-align: center}
.race_bot .table_box .table_cell.center .lv {width:30px; height:30px; line-height: 30px; background:#222; border-radius:30px; border:2px solid #5d5d5d; color:#fff; font-weight:700; text-align: center; margin:0 auto }
.race_bot .table_box .table_cell.center .lv.active {border:2px solid #ff7e27; }

.race_bot .table_box .table_cell .btns {border-radius: 5px; background:#111; color:#fff; font-size:1em; font-weight: 700; padding:10px 0; text-align: center; display:block; width:80%}
.race_bot .table_box .table_cell .btns.end {background:#303030; }
.race_bot .table_box .table_cell .btns.end span {opacity: 0.3}
.race_bot .table_box .table_cell .btns.active {background:#ff7e27;color:#333}

.race_bot .table_box .table_cell ul {display:flex; width:100%;}
.race_bot .table_box .table_cell ul li {width:50%;margin-left:10px;}
.race_bot .table_box .table_cell ul li .ck {border-radius: 5px; background:#303030; color:#fff; padding:10px 0; text-align: center; display:block;}
.race_bot .table_box .table_cell ul li .ck p {line-height: 1em}
.race_bot .table_box .table_cell ul li .ck .icon img {width:30%}
.race_bot .table_box .table_cell ul li .ck .txt {font-size:1em; font-weight: 700; color:#999;}
.race_bot .table_box .table_cell ul li .ck.active {background:#ff7e27;}
.race_bot .table_box .table_cell ul li .ck.active .txt {color:#333}

/* 20-09-24 */
.admin_box img {margin:0 auto; max-width:100%}
@media screen and (min-width:800px) {
    .race_top .race_infobox .profile .thum img {width:110px;}
    .race_top .race_infobox .profile .percent {width:80%; margin-left:10%}
}
/* //20-09-24  */

/* //큐니레이스 ******************************************************************************************************/

@media screen and (max-width:1280px) {
    .bg_cover{background-size:cover;}
}

@media screen and (max-width:781px) {
    .bg_cover{background-size:cover;}
}

.ranking_card .card { border-radius: 100px; border:0; }
.ranking_card .card .name { font-size: 14px; font-weight: normal; margin-top:10px; }
.ranking_card .card .percent { font-size: 22px; }

.score_box_wrap.new { border:0; }
.score_box_wrap.new .empty { border:0; }
.score_box_wrap.new .score_box { background:#fff; border-radius:5px; box-shadow:-3px 0px 10px -10px #000, 3px 0px 10px -10px #000; border:solid 1px #eee; box-sizing: border-box; overflow: hidden; }
.score_box_wrap.new .score_box .score_tit { width:auto; display:block; background:#fff; border-bottom:solid 1px #EEEEEE; padding:5px 0px; margin:0 15px; }
.score_box_wrap.new .score_box .score_tit > p { font-size: 14px; }
.score_box_wrap.new .score_box .score_tit .left { float:left; width:80%; padding:0; line-height: normal; color:#999; line-height: 27px;}
.score_box_wrap.new .score_box .score_tit .right { float:right; width:20%; padding:0; font-weight:normal; color:#666; }
.score_box_wrap.new .score_box .score_tit .right img {vertical-align: middle; margin-left: 10px; margin-bottom:3px; }
.score_box_wrap.new .score_box .score_tit .right.tour {width: 60px; border-radius: 5px; text-align: center; padding:  5px; color: #fff;}
.score_box_wrap.new .score_box .score_tit .right.tour64 {background: #47a11c;}
.score_box_wrap.new .score_box .score_tit .right.tour32 {background: #ad50bd;}
.score_box_wrap.new .score_box .score_tit .right.tour16 {background: #4fa96e;}
.score_box_wrap.new .score_box .score_tit .right.tour8 {background: #4e6189;}
.score_box_wrap.new .score_box .score_tit .right.tour4 {background: #a54545;}
.score_box_wrap.new .score_box .score_tit .right.tour2 {background: #222;}

.score_box_wrap.new .score_box .table_box_wrap { position: relative; overflow: hidden; border:0; }
.score_box_wrap.new .score_box .table_box_wrap .table_box { float:left; width:45%; text-align: center; }
.score_box_wrap.new .score_box .table_box_wrap .table_box:last-child { float:right; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .thum { position: relative; width:100%; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .thum.win img { position: relative; border:solid 2px #ff7f28; box-sizing: border-box; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .thum.win::before { content: '승'; position: absolute; right:calc(50% - 40px); bottom:0px; background:#ff7f28; width:30px; height:30px; text-align: center; border-radius: 30px; line-height: 30px; z-index: 1;
    background: linear-gradient(137deg, #ff7f28, #ffe328, #ff7f28, #ffe328);
    background-size:600% 600%;
    animation: huerotator 8s ease infinite;
}
@keyframes huerotator {
    0% { background-position:0% 50% }
    50% { background-position:100% 50% }
    100% { background-position:0% 50% }
}

.score_box_wrap.new .score_box .table_box_wrap .table_box .thum .player_thumbnail img { width:65px; height:65px; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .name { width:100%; text-align: center; font-size:16px; margin-top:15px; font-weight: normal;}
.score_box_wrap.new .score_box .table_box_wrap .table_box .name > p { position: relative; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .name > p .label_first { width:24px; height:24px; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/ball_w.png") no-repeat; background-size: 24px; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .name > p .label_last { width:24px; height:24px; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/ball_y.png") no-repeat; background-size: 24px; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .avg { width:100%; text-align: center; font-size:13px; }
.score_box_wrap.new .score_box .table_box_wrap .table_box .avg span { display: inline-block; padding-right:0; }
.score_box_wrap.new .score_box .table_box_wrap .vs_box { position: absolute; width:100px; left:calc(50% - 50px); top:37px; text-align:center; }
.score_box_wrap.new .score_box .table_box_wrap .vs_box .count { font-size:26px; font-weight:bold; }
.score_box_wrap.new .score_box .table_box_wrap .vs_box .count span { font-size:20px; color:#999; }
.score_box_wrap.new .score_box .table_box_wrap .vs_box p { display:block; font-size:16px; padding-left:0px; text-align: center; }
.score_box_wrap.new .score_box .table_box_wrap .table_box:first-child { background:#fff; }
.score_box_wrap.new .score_box .score_btn { display:flex; flex: auto; }
.score_box_wrap.new .score_box .score_btn .btn_normal.btn_open { border:0; background:#D5D5D5; }
.score_box_wrap.new .score_box .score_btn .btn_normal { position: relative; font-size:15px; padding:10px 5px; box-sizing: border-box; flex-basis:100%; }
.score_box_wrap.new .score_box .score_btn .btn_normal.btn_o { padding:10px 45px; }
.score_box_wrap.new .score_box .score_btn .btn_normal.btn_g { color:#222; }
.score_box_wrap.new .score_box .score_btn .btn_o + .btn_g::before { content: ''; position: absolute; right:0; top:12px; width:1px; height:20px; background:#AAAAAA; }
.score_box_wrap.new .score_box .score_btn .btn_g:nth-child(1)::before { content: ''; position: absolute; right:0; top:12px; width:1px; height:20px; background:#AAAAAA; }
.score_box_wrap.new .score_box .score_btn .btn_normal em { display: inline-block; margin-left: 5px; font-style: normal; font-weight: normal; font-size: 14px; }

.score_box_wrap.new.type2 .score_top_wrap .table_box { background: none; }
.score_box_wrap.new.type2 .score_top_wrap .table_box .table_cell { font-size: 16px; width: auto; }
.score_box_wrap.new.type2 .score_top_wrap .table_box .table_cell:last-child { width:50%; text-align: left; }
.score_box_wrap.new.type2 .score_top_wrap .table_box .table_cell .time { font-size: 14px; color:#028DFE; }
.score_box_wrap.new.type2 .score_middle_wrap .table_box .table_cell.win { background: #FFEEC6; }
.score_box_wrap.new.type2 .score_middle_wrap.empty { padding:58px 0; }
.score_box_wrap.new.type2 .score_middle_wrap .table_box .table_cell .info_box { width:100%; text-align: center; }
.score_box_wrap.new.type2 .score_middle_wrap .table_box .table_cell.right .info_box p { float: none; }
.score_box_wrap.new.type2 .score_middle_wrap .table_box .table_cell .info_box .name { width:100%; font-size: 16px; margin-bottom:0; }
.score_box_wrap.new.type2 .score_middle_wrap .table_box .table_cell .info_box .score { font-size: 36px; margin:5px 0; }
.score_box_wrap.new.type2 .score_middle_wrap .table_box .table_cell .info_box .desc { width:100%; font-size: 14px; font-weight: normal; }
.score_box_wrap.new.type2 .score_middle_wrap .score_point p.center span { padding:9px 8px; font-size: 20px; border:solid 1px #D0090B; background: #fff; width:26px; display: inline-block; }

.friend .box_title + .player_listwrap { margin-top:0; }
.friend .player_listwrap .player + .player { margin-top:10px; }
.friend .player_listwrap .player { display:block; overflow: hidden; padding:15px; width:auto; background: #fff; border-radius: 5px; }
.friend .player_listwrap .player pre { margin: 10px 0 0; font-family: 'Noto Sans KR'; font-size: 1em !important;}
.friend .player_listwrap .player.unread{ background-color: #5a5d61; }
.friend .player_listwrap .player.unread pre{ color: #fff; }
.friend .player_listwrap .player > div { float: left; display: block; }
.friend .player_listwrap .player .thum { width:20%; }
.friend .player_listwrap .player .text { width:55%; padding:5px 0; }
.friend .player_listwrap .player .btn { width:25%; }
.friend .player_listwrap .player .btn .btn_normal { border:0; font-size: 15px; padding:14px 0 14px 20px; text-align: left; font-weight: bold; }
.friend .player_listwrap .player .btn .btn_normal.active { color:#FF7F27; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_icon_orange.png') no-repeat; background-size:16px; background-position: left center; }
.friend .player_listwrap .player .btn .btn_normal.friend { color:#04d500; background:url('/static/img/cuesco/check_icon_green.png') no-repeat; background-size:16px; background-position: left center; }
.friend .player_listwrap .player .btn .btn_normal.cancel { color:#222; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_icon_black.png') no-repeat; background-size:16px; background-position: left center; }
.friend .player_listwrap .player .btn .btn_normal.disabled { color:#ccc; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_icon_gray.png') no-repeat; background-size:16px; background-position: left center; }
.friend .panel_box .box_title .right_text { line-height: 45px; font-size: 13px; padding-left:20px; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/trash.png') no-repeat; background-size:18px; background-position: left center; }
.friend .panel_box .box_title .right_text a { display: block; }
.friend .panel_box .box_title .title span { color:#FF7F27; font-size:20px; margin-left:10px; }
.friend.popup .player_listwrap .player .thum { width:20%; }
.friend.popup .player_listwrap .player .text { width:40%; padding:5px 0; }
.friend.popup .player_listwrap .player .btn { width:40%; text-align: right;}
.friend.popup .player_listwrap .player .btn a { display: inline-block;}
.friend .player_listwrap .player.btn2 { padding:15px 10px; }
.friend .player_listwrap .player.btn2 .thum { width:18%; }
.friend .player_listwrap .player.btn2 .text { width:50%; }
.friend .player_listwrap .player.btn2 .btn { width:32%; }
.friend .player_listwrap .player.btn2 .btn.ea2 a { float: left; margin:0; }
.friend .player_listwrap .player.btn2 .btn.ea2 a:first-child { margin-right:5px; }

.w100 { width: 100% !important;}
.w50 { width: 50% !important;display: inline-block !important;}
.w50:last-child { width: calc(50% - 5px) !important;display: inline-block !important;}
.w30 { width: 30% !important;display: inline-block !important;}
#vueapp {display: none;}
.ptb0 {padding-top:0 !important;padding-bottom: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.mtb0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.round-btn { display: block; border:solid 1px #DDDDDD; border-radius: 5px; box-sizing: border-box; font-size: 15px; font-weight: bold; padding:15px 0; text-align: center; color:#222; line-height: 18px; }
.round-btn.gray { border:0px; background: #D5D5D5; }
.round-btn.orange { border:0px; background: #FF7F27; }
.round-btn.darkgray { border:0px; background: #2d2d2d; color:#eee; }
.round-btn.darkgray2 { border:0px; background: #999; color:#eee; }
.round-btn.gray.outline { background: #fff; border:solid 1px #D5D5D5; box-sizing: border-box; color:#D5D5D5; }
.round-btn.darkgray.outline { background: #fff; border:solid 1px #2d2d2d; box-sizing: border-box; color:#2d2d2d; }
.round-btn.darkgray2.outline { background: #fff; border:solid 1px #999; box-sizing: border-box; color:#999; }
.round-btn.orange.outline { background: #fff; border:solid 1px #FF7F27; box-sizing: border-box; color:#FF7F27; }
.more {margin: 0 15px;color: #fff;}
.text-center { text-align: center; }
.round-btn.p10 { padding:10px 0; }
.bold{font-weight: bold !important;}

/* 프리미엄 */
.premium .panel_box .box_title { height: auto; text-align: center; line-height: normal; }
.premium .panel_box .box_title .title { font-size: 20px; font-weight: bold; width:100%; text-align: center;}
.premium .panel_box .box_title .title .logo { width:60px; }
.premium .panel_box .copy-txt { margin:40px 0; font-size: 20px; font-weight: bold; text-align: center; }
.premium .panel_box .copy-txt span { display: inline-block; padding-left: 10px; box-shadow: inset 0 -11px 0 #FFCE1D; }
.premium .panel_box .benefits-wrap { position: relative; }
.premium .panel_box .benefits-wrap ul { overflow: hidden; }
.premium .panel_box .benefits-wrap ul li { float: left; width:25%; text-align: center; font-size: 14px; color:#666666; }
.premium .panel_box .benefits-wrap ul ~ ul { margin-top:20px; }
.premium .panel_box .benefits-wrap ul ~ ul li:first-child { margin-left:12%; }
.premium .panel_box .benefits-wrap ul li i { display: inline-block; width:70px; height:70px; border-radius:70px; border:solid 1px #D6EEFF; background: #ECF5FB; text-align: center; line-height: 70px; }
.premium .panel_box .benefits-wrap ul li i img { width:35px; vertical-align: middle; }
.premium .panel_box .benefits-wrap ul li span { display: block;}
.premium .panel_box .join-wrap { margin-top:40px; border-radius: 25px 25px 0 0; background:#F8F8F8; }
.premium .panel_box .join-wrap .txt { width:100%; padding:30px 0 20px 30px; text-align: left; font-size: 16px; font-weight: bold; }
.premium .panel_box .join-wrap .join-btn { width:90%; margin:0 auto 10px; text-align: center; }
.premium .panel_box .join-wrap .join-btn a { display: block; padding:17px 0; border-radius: 10px; /*color:#222; background: #FF7F27; */font-size: 18px; font-weight: bold; }
.premium .panel_box .join-wrap .join-btn.ea2 a { width: 48%; display: inline-block;}
.premium .panel_box .join-wrap .join-btn a span { color:#fff; font-size: 15px; }
.premium .panel_box .join-wrap .etc { margin-top:20px; text-align: center; color:#666666; padding-bottom:50px; }
.premium .panel_box .join-wrap .etc a { font-size: 13px; color:#666666; }

.premium .complete-wrap { position: relative; width:100%; text-align: center; background: url('/static/img/cuesco/premium_bg.png') no-repeat; background-size: 100%; padding:10px 0 40px 0; }
.premium .complete-wrap .txt { font-size: 20px; font-weight: bold; }
.premium .complete-wrap .sub-txt { font-size: 15px; color:#666666; margin-top:15px; }
.premium .card-wrap { position: relative; width:365px; background: url('/static/img/cuesco/premium_card.png') no-repeat; background-size: 100%; color:#fff; padding:30px 35px 40px 35px; box-sizing: border-box; margin:0 auto; }
.premium .card-wrap.smart { background: url('/static/img/cuesco/smartplayer_card.png') no-repeat;background-size: 100%;}
.premium .card-wrap .title { font-size: 20px; font-weight: bold; }
.premium .card-wrap .name { font-size: 16px; margin:80px 0 10px 0; }
.premium .card-wrap .date { font-size: 14px; }
.premium .benefits-list { margin-top:20px; border-radius: 25px; background:#F8F8F8; }
.premium .benefits-list > p { width:100%; padding:35px 0 0 0; font-size: 20px; font-weight: bold; text-align: center; }
.premium .benefits-list ul { padding:0 15px; }
.premium .benefits-list ul li { width:100%; overflow: hidden; }
.premium .benefits-list ul li > div { float:left; width:calc(100% - 85px); padding:25px 0; }
.premium .benefits-list ul li > div ~ div { border-bottom:solid 1px #DDDDDD; }
.premium .benefits-list ul li:last-child > div ~ div { border:0; }
.premium .benefits-list ul li .icon { width:85px; }
.premium .benefits-list ul li .icon i { display: inline-block; width:70px; height:70px; border-radius:70px; background: #fff; text-align: center; line-height: 70px; }
.premium .benefits-list ul li .icon i img { width:40px; vertical-align: middle; }
.premium .benefits-list ul li .title { font-size: 16px; font-weight: bold; }
.premium .benefits-list ul li .cont { font-size: 14px; margin-top:5px; }

.premium .card-wrap { position: relative; }
.premium .card-wrap ul { padding:5px 20px; min-height: 163px;}
.premium .card-wrap ul li { width:100%; margin-bottom:35px; list-style: disc; }
/*.premium .card-wrap ul li:last-child { padding:10px 0 20px 0; }*/
.premium .card-wrap ul li p { float: left; font-size: 15px; width:100px; }
.premium .card-wrap ul li p ~ p { width:calc(100% - 100px); }
.premium .card-wrap ul li p span { display: block; font-size: 13px; }
.premium .card-btn { padding:0 20px; overflow: hidden; }
.premium .card-btn a { float:left; width:50%; }
.premium .card-btn a:first-child { width:calc(50% - 5px); margin-right:5px; }
.premium .pay-result { margin-top:30px; border-top:solid 10px #F8F8F8; }
.premium .pay-result .title { margin-top:30px; padding:0 15px; font-size: 18px; font-weight: bold; }
.premium .pay-result .sub-txt { padding:5px 15px 20px 15px; font-size: 14px; }
.premium .pay-result table { width:100%; color:#666666; }
.premium .pay-result table th { background: #F8F8F8; font-size: 13px; font-weight: normal; text-align: center; padding:15px 0; }
.premium .pay-result table td { text-align: center; font-size: 14px; padding:15px 0; vertical-align: top; border-right:solid 1px #EEEEEE; border-bottom:solid 1px #EEEEEE; }
.premium .pay-result table td em { font-size: 16px; font-weight: bold; font-style: normal; color:#222; }

.premium .panel_box .box_title .sub-txt { font-size: 15px; margin-top:10px; color:#666666; }
.premium .cont-txt { margin-top:45px; border-radius: 25px 25px 0 0; background:#F8F8F8; padding:35px 15px; }
.premium .cont-txt > p { font-size: 18px; font-weight: bold; }
.premium .cont-txt > p span { display: inline-block; padding-left:10px; box-shadow: inset 0 -11px 0 #FFCE1D; }
.premium .cont-txt div ul li { list-style: outside; font-size: 14px; color:#666666; margin-top:10px; margin-left:20px; }
.premium .cont-txt .btn { margin-top:100px; overflow: hidden; }
.premium .cont-txt .btn.ea2 a { float:left; width:50%; }
.premium .cont-txt .btn.ea2 a:first-child { width:calc(50% - 5px); margin-right:5px; }

.premium .cont-txt .benefits-wrap { position: relative; margin-top:20px; }
.premium .cont-txt .benefits-wrap ul { overflow: hidden; }
.premium .cont-txt .benefits-wrap ul li { float: left; width:25%; text-align: center; font-size: 14px; color:#666666; list-style: none; margin:0; }
.premium .cont-txt .benefits-wrap ul ~ ul { margin-top:20px; }
.premium .cont-txt .benefits-wrap ul ~ ul li:first-child { margin-left:12%; }
.premium .cont-txt .benefits-wrap ul li i { display: inline-block; width:70px; height:70px; border-radius:70px; border:0; background: #fff; text-align: center; line-height: 70px; }
.premium .cont-txt .benefits-wrap ul li i img { width:35px; vertical-align: middle; }
.premium .cont-txt .benefits-wrap ~ .btn { margin-top:30px; }

.premium .cont-txt .etc { margin-top:20px; text-align: center; color:#666666; }
.premium .cont-txt .etc a { font-size: 13px; color:#666666; }

.premium .cont-txt .join-box { margin-top:20px; border:solid 1px #D5D5D5; background: #fff; border-radius: 5px; box-sizing: border-box; }
.premium .cont-txt .join-box ul { padding:30px 0; }
.premium .cont-txt .join-box ul li { overflow: hidden; font-size: 15px; list-style: none; }
.premium .cont-txt .join-box ul li p { float: left; color:#222; }
.premium .cont-txt .join-box ul li p:first-child { width:100px; color:#666666; }
.premium .cont-txt .join-box ul li p span { display: block; font-size: 13px; margin-top:5px; }
.premium .cont-txt .join-box > p { color: #666666; font-size: 15px; padding:30px 15px; }
.premium .cont-txt .join-box > a { border-radius: 0 0 5px 5px; }

#content .highrun { position:relative; width:100%; margin-top:35px; }
#content .highrun h2 { text-indent:15px; font-size:25px; margin-bottom:25px; font-weight:600; }
#content .highrun table {}
#content .highrun table th { background:#d5d5d5; text-align:center; padding:15px 0; font-weight:normal; }
#content .highrun table td { text-align:center; padding:10px 0; border:solid 1px #d5d5d5; }
#content .highrun table td.rank { color:#999; background:#f8f8f8; border-left:0px; }
#content .highrun table td.hrname {text-align:left; padding-left:5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#content .highrun table td img { width:40px; height:40px; border-radius:40px; background:#999; vertical-align:middle; }
#content .highrun table td span { padding:5px 20px; background:#d5d5d5;}
#content .highrun table td span a {color:#222; }

.race-rank { position: relative; }
.race-rank .rank-list { padding-bottom:180px; }
.race-rank .rank-list .no-data { font-size: 14px; color:#999999; text-align: center; padding:20px 0; }
.race-rank .rank-list .no-data img { width:24px; vertical-align: middle; }
.race-rank .rank-list .item { position:relative; padding:0 10px; background: #fff; border-radius: 5px; }
.race-rank .rank-list .item ul { overflow: hidden; }
.race-rank .rank-list .item ul li { float: left; padding:15px 0; width:65%; }
.race-rank .rank-list .item ul li:first-child { padding:25px 0; width:15%; }
.race-rank .rank-list .item ul li:last-child { padding:20px 0; text-align: center; width:20%; }
.race-rank .rank-list .item ul li i { display: block; width:30px; height:30px; line-height: 30px; font-style: normal; font-size: 15px; font-weight: bold; text-align: center; }
.race-rank .rank-list .item ul li i.rank01 { background: url('/static/img/cuesco/rank_bg01.png') no-repeat; background-size:100%; }
.race-rank .rank-list .item ul li i.rank02 { background: url('/static/img/cuesco/rank_bg02.png') no-repeat; background-size:100%; }
.race-rank .rank-list .item ul li i.rank03 { background: url('/static/img/cuesco/rank_bg03.png') no-repeat; background-size:100%; }
.race-rank .rank-list .item ul li > div { float: left; }
.race-rank .rank-list .item ul li > div.img { width:25%; margin-right:10px; padding:2px 0; }
.race-rank .rank-list .item ul li > div.name { width:calc(75% - 10px); }
.race-rank .rank-list .item ul li img { width:50px; height:50px; border-radius: 100%; }
.race-rank .rank-list .item ul li .name { font-size: 14px; font-weight: bold; }
.race-rank .rank-list .item ul li .name .club { font-size: 13px; font-weight: normal; color:#999999; }
.race-rank .rank-list .item ul li .level { color:#FF7F27; font-size: 14px; font-weight: bold;}
.race-rank .rank-list .item ul li .point { color:#222; font-size: 13px; margin-top:5px; }
.race-rank .my-rank { position: fixed; left:0; bottom:0px; width:100%; padding:20px; box-sizing: border-box; background: #FFF2E9; border-radius: 20px 20px 0 0; box-shadow:0px 10px 20px #000; }
.race-rank .my-rank .rank { font-size: 16px; text-align: right; }
.race-rank .my-rank .rank span:first-child { font-weight: bold; }
.race-rank .my-rank .rank span em { font-size: 18px; font-style: normal; }
.race-rank .my-rank .info { background: #fff; border:solid 1px #FF7F27; padding:0 15px; border-radius: 5px; margin-top:10px; }
.race-rank .my-rank .info ul { overflow: hidden; }
.race-rank .my-rank .info ul li { float: left; padding:15px 0; width:80%; }
.race-rank .my-rank .info ul li:last-child { padding:20px 0; text-align: center; width:20%; }
.race-rank .my-rank .info ul li > div { float: left; }
.race-rank .my-rank .info ul li > div:first-child { margin-right:10px; }
.race-rank .my-rank .info ul li img { width:50px; height:50px; border-radius: 100%; }
.race-rank .my-rank .info ul li .name { padding:7px 0; font-size: 14px; font-weight: bold; }
.race-rank .my-rank .info ul li .name .club { font-size: 13px; font-weight: normal; color:#999999; }
.race-rank .my-rank .info ul li .level { color:#FF7F27; font-size: 14px; font-weight: bold;}
.race-rank .my-rank .info ul li .point { color:#222; font-size: 13px; margin-top:5px; }

.candy { background: #EEEEEE; }
.candy .my-candy { background: #222; padding-bottom:30px; }
.candy .my-candy .title { width:90%; margin:0 auto; padding:35px 0 15px 0; font-size: 16px; color:#fff; }
.candy .my-candy > div { position: relative; width:90%; margin:0 auto; }
.candy .my-candy > div p { color:#fff; font-size: 18px; }
.candy .my-candy > div p em { font-size: 26px; font-weight: bold; font-style: normal; }
.candy .my-candy > div p.btn { position: absolute; right:0; top:0px; width:80px; }
.candy .my-candy > div p.btn a { padding:8px 0; }
.candy .player { position: relative; padding-bottom:30px; }
.candy .player .item { padding:15px; background: #fff; border-radius: 5px;  border:1px solid #fff;}
.candy .player .item ~ .item { margin-top:10px; }
.candy .player .item ul { overflow: hidden; }
.candy .player .item ul li { float: left; width:80%; }
.candy .player .item ul li > div { float: left; }
.candy .player .item ul li:last-child { width:20%; padding:14px 0; text-align: center; font-size: 15px; font-weight: bold; color:#ccc; }
.candy .player .item ul li:last-child img { width:16px; vertical-align:middle; }
.candy .player .item ul li .img { margin-right: 10px; }
.candy .player .item ul li .img img { width:50px; height: 50px; border-radius: 100%; }
.candy .player .item ul li .name { padding:4px 0; font-size: 14px; font-weight: bold; }
.candy .player .item ul li .name .type01 { color:#DE5713; font-size: 13px; font-weight: normal; }
.candy .player .item ul li .name .type02 { color:#157ACE; font-size: 13px; font-weight: normal; }
.candy .player .item ul li span { position: relative; padding-left:20px; }
.candy .player .item ul li span::before { content: ''; position: absolute; left:0px; top:1px; background: url('/static/img/cuesco/check_off.png'); background-size: 100%; width:16px; height:16px; }
.candy .player .item.active { background: #FFF8F3; border:solid 1px #FF7F27; box-sizing: border-box; }
.candy .player .item.active ul li:last-child { color:#FF7F27; }
.candy .player .item.active ul li span::before { content: ''; position: absolute; left:0px; top:1px; background: url('/static/img/cuesco/check_on.png'); background-size: 100%; width:16px; height:16px; }
.candy .candy-gift { background: #f8f8f8;  padding:30px 0; }
.candy .candy-gift .gift-box { position: relative; }
.candy .candy-gift .gift-box ul { overflow: hidden; }
.candy .candy-gift .gift-box ul li { float: left; width:calc(33.3% - 7px); background: #fff; border-radius: 5px; padding:15px; box-sizing: border-box; font-size: 15px; font-weight: bold; text-align:center; margin-bottom:10px; border:1px solid #fff;}
.candy .candy-gift .gift-box ul li.active { background-color: #FFF8F3; border:1px solid #FF7F27;color:#FF7F27;}
.candy .candy-gift .gift-box ul li:nth-child(3n+2) { margin:0 10px; }
.candy .candy-gift .gift-box ul li i { display: block; width:75px; margin:0 auto; }
.candy .candy-gift .gift-box ul li img { width:75px; }
.candy .candy-gift .input { margin-top:10px; border:solid 1px #DDDDDD; background: #fff; padding:15px; border-radius: 5px; }
.candy .candy-gift .input input { font-size: 16px; padding:2px 0; color:#999999; border:0; width:calc(100% - 50px); float: left; }
.candy .candy-gift .input span { display: inline-block; width:50px; text-align: right; font-size: 15px; font-weight: bold; border-left:solid 1px #EEEEEE; box-sizing: border-box; }
.candy .candy-gift .btn { margin-top:30px; }

.candy-popup { position: fixed; left:0px; top:0px; padding-top:170px; width:100%; height: 100%; background:rgba(0,0,0,0.7); z-index: 999; }
.candy-popup > div { position: relative; width:315px; margin:0 auto; background: #fff; border-radius: 20px; text-align: center; }
.candy-popup .box { padding:20px; box-sizing: border-box; }
.candy-popup .box .candy-bg { position: absolute; left:0px; top:-120px; }
.candy-popup .box .candy-bg img { width:100%; }
.candy-popup .box .title { margin-top:10px; font-size: 16px; font-weight: bold; text-align: center; }
.candy-popup .box > a { position: absolute; right:20px; top:20px; display: block; }
.candy-popup .box > a img { width:24px; }
.candy-popup .box .msg-box { position: relative; margin-top:120px; }
.candy-popup .box .msg-box > p { position: absolute; left:0px; top:-100px; width:100%; text-align: center; }
.candy-popup .box .msg-box > p img { width:125px; }
.candy-popup .box .msg-box .msg { width:100%; height: 142px; background: url('/static/img/cuesco/msg_box.png') no-repeat; background-size: 100%; padding-top:20px; }
.candy-popup .box .msg-box .msg p { font-size: 18px; font-weight: bold; padding-top:10px; }
.candy-popup .box .msg-box .msg p em { font-style: normal; }
.candy-popup .box .msg-box .msg p.cont { font-size: 16px; font-weight: normal; }
.candy-popup .box .img img { width:45px; height: 45px; border-radius: 100%; }
.candy-popup .btn { border-top:solid 1px #eee; }
.candy-popup .btn a { position: relative; display: block; font-size: 15px; color:#222; padding:10px 0; }

.cuve .player_listwrap .player { background: #fff; padding:20px 10px; border-radius: 5px; box-sizing: border-box; }
.cuve .player_listwrap .player + .player { margin-top:10px; }
.cuve .player_listwrap .player .text .cate { font-size: 13px; }
.cuve .player_listwrap .player .text .cate.type01 { color:#DE5713; }
.cuve .player_listwrap .player .text .cate.type02 { color:#157ACE; }
.cuve .player_listwrap .player .text .name { font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cuve .player_listwrap .player .text .name span { font-weight: bold; margin-right:10px; }
.cuve .player_listwrap .thum { padding-right:10px; }
.cuve .player_listwrap .thum .player_thumbnail > span { display: none; }
.cuve .player_listwrap .thum .player_thumbnail.live > span { position: absolute; right:0px; bottom:0px; background: #FF7F27; font-size: 9px; font-weight: bold; padding:0 5px; border-radius:13px; color:#fff; display: block; }
.cuve .player_listwrap .thum .player_thumbnail.live div { width:54px; height: 54px; padding:2px; border-radius: 100%; background: linear-gradient(135deg,#FF7F27 1%,#F9D80D); }
.cuve .player_listwrap .thum .player_thumbnail.live div span { display: block; width:50px; height: 50px; padding:2px; border-radius: 100%; background: #fff; }
.cuve .player_listwrap .player .btn { width:18%; padding-left:10px; text-align: center; border-left:solid 1px #EEEEEE; }
.cuve .player_listwrap .player .btn a { display: block; color:#fff; font-size: 12px; background: #007efd; border-radius: 5px;}
.cuve .player_listwrap .player .btn a i { display: block; }
.cuve .player_listwrap .player .btn a i img { width:32px; }

.chalk .my-chalk { padding:40px 0; background: #222; text-align: center; color:#fff; }
.chalk .my-chalk .icon { width:70px; height:70px; border-radius: 100%; line-height: 70px; margin:0 auto; background: #AAAAAA; }
.chalk .my-chalk .icon img { width:50px; vertical-align: middle; }
.chalk .my-chalk .title { font-size: 20px; margin:20px 0 5px 0; }
.chalk .my-chalk .point { font-size: 26px; font-weight: bold; margin-bottom:30px; }
.chalk .my-chalk .point em { font-style: normal; }
.chalk .my-chalk .box { position:absolute; width:calc(100% - 40px); margin:0 20px; padding:20px 25px; overflow: hidden; background: #fff; border-radius: 5px; border:solid 1px #999999; color:#222; box-sizing: border-box; }
.chalk .my-chalk .box p { float: left; font-size: 16px; font-weight: bold; }
.chalk .my-chalk .box p em { font-size: 22px; font-style: normal; }
.chalk .chart-box { margin-top:30px; background: #fff; border-radius: 5px; padding:20px 15px; }
.chalk .chart-box > div { overflow: hidden; }
.chalk .chart-box .title { float: left; font-size: 18px; font-weight: bold; }
.chalk .chart-box .select { position: relative; float: right; font-size: 14px; padding-right:15px; }
.chalk .chart-box .select::before { content: ''; position: absolute; right:0px; top:4px; width:14px; height: 14px; background: url('/static/img/cuesco/select_arrow_icon.png') no-repeat; background-size: 100%; }
.chalk .chart-box .select select { position: absolute; right:0; bottom:0; visibility: hidden; }
.chalk .chart-box .chart { margin-top:15px; height:200px; background: #ccc; }
.chalk .chart-box .btn { text-align: center; padding-top:20px; }
.chalk .chart-box .btn a { position: relative; display:inline-block; width:160px; font-size: 14px; text-align: center; padding:10px; border-radius:40px; border:solid 1px #FF7F27; color:#FF7F27; }
.chalk .chart-box .btn a::before { content: ''; position: absolute; width:14px; height:14px; right:8px; top:13px; background: url('/static/img/cuesco/arrow_right_orange.png') no-repeat; background-size:14px; }


.where .club-visit-list { margin:15px 0 30px 0; }
.where .club-visit-list .club + .club { margin-top:10px; }
.where .club-visit-list .club { display:block; overflow: hidden; padding:15px; width:auto; background: #FF7F27; border-radius: 5px; }
.where .club-visit-list .club > div { float: left; display: block; }
.where .club-visit-list .club .text { width:80%; padding:5px 0; color:#fff; font-size: 14px; font-weight: bold; }
.where .club-visit-list .club .btn { width:20%; }
.where .club-visit-list .club .btn .btn_normal { border:0; font-size: 15px; padding:5px 0 5px 20px; text-align: left; font-weight: bold; }
.where .club-visit-list .club .btn .btn_normal.delete { color:#FFB27D; background:url('/static/img/cuesco/check_icon_lightorange.png') no-repeat; background-size:16px; background-position: left center; }

.where .box_title + .club_listwrap { margin-top:0; }
.where .club_listwrap .club + .club { margin-top:10px; }
.where .club_listwrap .club { display:block; overflow: hidden; padding:15px; width:auto; background: #fff; border-radius: 5px; }
.where .club_listwrap .club > div { float: left; display: block; }
.where .club_listwrap .club .text { width:80%; padding:5px 0; }
.where .club_listwrap .club .btn { width:20%; }
.where .club_listwrap .club .btn .btn_normal { border:0; font-size: 15px; padding:14px 0 14px 20px; text-align: left; font-weight: bold; }
.where .club_listwrap .club .btn .btn_normal.active { color:#FF7F27; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_icon_orange.png') no-repeat; background-size:16px; background-position: left center; }
.where .club_listwrap .club .btn .btn_normal.friend { color:#04d500; background:url('/static/img/cuesco/check_icon_green.png') no-repeat; background-size:16px; background-position: left center; }
.where .club_listwrap .club .btn .btn_normal.cancel { color:#222; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_icon_black.png') no-repeat; background-size:16px; background-position: left center; }
.where .club_listwrap .club .btn .btn_normal.disabled { color:#ccc; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/check_icon_gray.png') no-repeat; background-size:16px; background-position: left center; }
.where .panel_box .box_title .right_text { line-height: 45px; font-size: 13px; padding-left:20px; background:url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/trash.png') no-repeat; background-size:18px; background-position: left center; }
.where .panel_box .box_title .right_text a { display: block; }
.where .panel_box .box_title .title span { color:#FF7F27; font-size:20px; margin-left:10px; }
.where.popup .club_listwrap .club .text { width:40%; padding:5px 0; }
.where.popup .club_listwrap .club .btn { width:40%; text-align: right;}
.where.popup .club_listwrap .club .btn a { display: inline-block;}

.challenge { position: relative; }
.challenge .contains { margin:0; width:100%; padding:0 20px; box-sizing: border-box; }
.challenge .contains ~ .contains { border-top:solid 10px #F8F8F8; }
.challenge .reg-form { position: relative; margin:20px 0 30px 0; }
.challenge .reg-form table { font-size: 15px; }
.challenge .reg-form table th { color:#666666; font-weight: normal; }
.challenge .reg-form table td { padding:5px 0; }
.challenge .reg-form table td .round-btn{ width: 30%; }
.challenge .reg-form table td input[type='text'], .challenge .reg-form table td input[type='tel'] { width:100%; border:solid 1px #DDDDDD; border-radius: 5px; padding:10px 15px; box-sizing: border-box; background-size: 14px; }
.challenge .reg-form table td select { width:100%; border:solid 1px #DDDDDD; border-radius: 5px; padding:10px 15px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/static/img/cuesco/icon_select.png') no-repeat 95% 50%; background-size: 14px; }
.challenge .reg-form table td.ea2 select { float: left; width:calc(50% - 3px); }
.challenge .reg-form table td.ea2 select:first-child { margin-right: 6px; }
.challenge .reg-form table td span { display: inline-block; line-height: 43px; width: 67%;}
.challenge .reg-form table td a { float: right; width:70px; display: inline-block; }
.challenge .reg-form .etc-txt { margin:20px 0; font-size: 15px; color:#FF7F27; }
.challenge .match-time { position: relative; margin:20px 0 10px 0; }
.challenge .match-time .time-list { position: relative; }
.challenge .match-time .time-list ul { overflow: hidden; }
.challenge .match-time .time-list ul li { position: relative; float: left; width:calc(25% - 4px); margin-right:4px; background:#DDDDDD; border-radius: 30px; padding:8px 15px; font-size: 15px; box-sizing: border-box; margin-bottom: 10px; }
.challenge .match-time .time-list ul li.active { background:#FF7F27; }
.challenge .match-time .time-list ul li::before { content: ''; position: absolute; background: url('/static/img/cuesco/icon_del_white.png'); background-size: 10px; width:10px; height: 10px; top:12px; right:10px; }
.challenge .match-time .time-list ul li:nth-child(4n) { margin-right: 0; }

.challenge .main { position: relative; }
.challenge .main .top-wrap { position: relative; width:100%; height: 380px; background: #000; }
.challenge .main .top-wrap .cont { position: absolute; width:100%; bottom:20px; }
.challenge .main .top-wrap .cont .txt { color:#FF7F27; text-align: center; font-size: 16px; }
.challenge .main .top-wrap .cont .txt img { width:180px; }
.challenge .main .top-wrap .cont .help-txt { margin-top:20px; text-align: center; color:#9F9F9F; }
.challenge .main .top-wrap .cont .help-txt img { width:24px; vertical-align: middle; }
.challenge .main .top-wrap .cont .btn { overflow: hidden; margin-top:20px; padding:0 20px; box-sizing: border-box; }
.challenge .main .top-wrap .cont .btn a { float: left; }
.challenge .main .top-wrap .cont .btn a img { width:14px; vertical-align: middle; margin-top:-3px; }
.challenge .main .top-wrap .cont .btn a:first-child { width:calc(30% - 5px); margin-right: 5px; }
.challenge .main .top-wrap .cont .btn a:last-child { width:70%; }
.challenge .main .my-candy { position: relative; background: #333333; padding:15px 20px; overflow: hidden; }
.challenge .main .my-candy .title { float: left; overflow: hidden; color:#999999; font-size: 15px; }
.challenge .main .my-candy .title p { float: left; margin-right: 10px; }
.challenge .main .my-candy .title p:first-child { width:40px; height: 40px; border-radius: 100%; background: #222222; text-align: center; line-height: 40px; }
.challenge .main .my-candy .title p:last-child { padding:9px 0; }
.challenge .main .my-candy .title p img { width: 40px; vertical-align: middle; }
.challenge .main .my-candy .point { float: right; width:50%; text-align: right; font-size: 17px; padding:6px 0; color:#fff; }
.challenge .main .my-candy .point em { margin-right: 5px; font-style: normal; font-size: 22px; font-weight: bold; }
.challenge .main .my-candy .point img { width: 7px; margin-left: 10px; }
.challenge .date-list { position: relative; background: #F8F8F8; border-bottom:solid 1px #EEEEEE; }
.challenge .date-list ul { overflow: hidden; padding:10px 0; }
.challenge .date-list ul li { position: relative; float: left; width:calc(100% / 7); text-align: center; padding:14px 0 10px 0; }
.challenge .date-list ul li .dot { position: absolute; width:6px; height: 6px; top:5px; left:calc(50% - 3px); border-radius: 100%; background:#FF7F27; }
.challenge .date-list ul li .title { font-size: 10px; font-weight: bold; color:#CCCCCC; }
.challenge .date-list ul li .num { font-size: 20px; font-weight: bold; color:#111111; }
.challenge .date-list ul li.today .title,
.challenge .date-list ul li.today .num { color:#FF7F27; }
.challenge .date-list ul li.active { background:#FF7F27; border-radius: 10px; }
.challenge .date-list ul li.active .dot { background: #fff; }
.challenge .date-list ul li.active .title { color:#FBBB8F; }
.challenge .date-list ul li.active .num { color:#fff; }
.challenge .player-list { position: relative; background: #F8F8F8; padding:30px 20px; }
.challenge .player-list .search { position: relative; overflow: hidden; }
.challenge .player-list .search select { float: left; width:calc(35% - 4px); margin: 0 4px 0 0; line-height: 14px; border:solid 1px #DDDDDD; border-radius: 5px; padding:10px 15px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/static/img/cuesco/icon_select.png') no-repeat 95% 50%; background-size: 14px; background-color:#fff; }
.challenge .player-list .search input { float: left; width:65%; border:solid 1px #DDDDDD; border-radius: 5px; padding:10px 15px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/static/img/cuesco/icon_search.png') no-repeat 95% 50%; background-size: 24px; background-color:#fff; }
.challenge .player-list .etc-txt { margin:0 0 10px 0; font-size: 16px; color:#666666; }
.challenge .player-list .etc-txt img { width: 20px; vertical-align: middle; margin-top:-3px; }
.challenge .player_listwrap .player { background: #fff; padding:20px 0px 20px 10px; border-radius: 5px; box-sizing: border-box; }
.challenge .player_listwrap .player a > div { float: left; }
.challenge .player_listwrap .player + .player { margin-top:10px; }
.challenge .player_listwrap .player .text { width:calc(75% - 70px); }
.challenge .player_listwrap .player .text .cate { font-size: 13px; color:#1D6DAF; margin:7px 0 3px 0; }
.challenge .player_listwrap .player .text .name { font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.challenge .player_listwrap .player .text .name span { font-weight: bold; margin-right:10px; }
.challenge .player_listwrap .thum { padding-right:10px; }
.challenge .player_listwrap .thum .player_thumbnail > span { position: absolute; width:28px; height: 35px; right:0px; top:0px; background:url('/static/img/cuesco/lv_bg.png'); background-size: 28px 35px; font-size: 14px; font-weight: bold; border-radius:13px; color:#222; display: block; text-align:center; line-height: 35px; }
.challenge .player_listwrap .thum .player_thumbnail div span { display: block; width:50px; height: 50px; padding:2px; border-radius: 100%; background: #fff; }
.challenge .player_listwrap .player .btn { width:calc(25% - 10px); padding-left:10px; text-align: center; border-left:solid 1px #EEEEEE; display: block; color:#222; font-size: 12px; font-weight: bold; box-sizing: border-box; }
.challenge .player_listwrap .player .btn i { display: block; }
.challenge .player_listwrap .player .btn i img { width:32px; }

.challenge .help-wrap { position: relative; }
.challenge .help-wrap .top-img { position: relative; background: #000; width:100%; height: 80px; }
.challenge .help-wrap .top-img img { position: absolute; width:130px; top:5px; left:calc(50% - 65px); }
.challenge .help-wrap .help01 { position: relative; margin-top:70px; }
.challenge .help-wrap .help01 p { margin:0 20px; font-size: 18px; font-weight: bold; text-align: center; padding:18px 0; }
.challenge .help-wrap .help01 > p { background:#EEEEEE; border-radius: 10px; }
.challenge .help-wrap .help01 div { margin:0 20px; font-size: 16px; line-height: 28px; margin-top:20px; }
.challenge .help-wrap .help01 .help02 { background: #FFF8F3; border-radius: 25px 0 0 0; margin:40px 0 0 0; padding-top:20px; }
.challenge .help-wrap .help01 .help02 > p { background: #FFDDC6; border-radius: 10px; }
.challenge .help-wrap .help01 .help02 div { position: relative; }
.challenge .help-wrap .help01 .help02 div ul li { overflow: hidden; margin-bottom: 15px; }
.challenge .help-wrap .help01 .help02 div ul li p { float: left; margin:0; padding:0; }
.challenge .help-wrap .help01 .help02 div ul li p:first-child { display: block; width:24px; height:24px; background: #FF7F27; border-radius: 100%; font-size: 14px; font-weight: bold; text-align: center; line-height: 24px; }
.challenge .help-wrap .help01 .help02 div ul li p:last-child { width:calc(100% - 34px); color:#666666; font-size: 15px; font-weight: normal; text-align: left; margin-left: 10px; }
.challenge .help-wrap .help01 .help02 .help03 { background: #FFFFFF; border-radius: 25px 0 0 0; margin:40px 0 0 0; padding:20px; }
.challenge .help-wrap .help01 .help02 .help03 table { position: relative; }
.challenge .help-wrap .help01 .help02 .help03 table th,
.challenge .help-wrap .help01 .help02 .help03 table td { text-align: center; line-height: 16px; color:#666666; border:solid 1px #EEEEEE; box-sizing: border-box; }
.challenge .help-wrap .help01 .help02 .help03 table th { font-size: 13px; font-weight: normal; background: #EEEEEE; padding:7px 0; }
.challenge .help-wrap .help01 .help02 .help03 table td { font-size: 15px; color:#666666; padding:20px 0; }

.challenge .reservation { position: relative; }
.challenge .reservation .top-wrap { position: relative; background: url('/static/img/cuesco/challenge_bg.png'); background-size: cover; padding:20px; }
.challenge .reservation .top-wrap .img { position: absolute; width:100%; text-align: center; top:30px; left:0px; }
.challenge .reservation .top-wrap .img img { width:110px; height: 110px; border-radius: 100%; }
.challenge .reservation .top-wrap .player-info { position: relative; padding-top:90px; }
.challenge .reservation .top-wrap .player-info .cate { color:#1D6DAF; font-size: 17px; font-weight: bold; }
.challenge .reservation .top-wrap .player-info .name { color:#fff; font-size: 24px; margin:15px 0 3px 0; }
.challenge .reservation .top-wrap .player-info .cue { color:#fff; font-size: 17px; }
.challenge .reservation .top-wrap .reward { position: relative; border-radius: 5px; padding:20px 15px; background:#fff; box-sizing: border-box; margin-top:20px; }
.challenge .reservation .top-wrap .reward > .title { padding-bottom: 10px; font-size: 18px; font-weight: bold; border-bottom:solid 1px #EEEEEE; }
.challenge .reservation .top-wrap .reward table { margin-top:10px; border-collapse:inherit; }
.challenge .reservation .top-wrap .reward table td { padding:4px 0; font-size: 14px; text-align: right; }
.challenge .reservation .top-wrap .reward table td img { width:26px; }
.challenge .reservation .top-wrap .reward table td.title { color:#999999; text-align: left; }
.challenge .reservation .top-wrap .reward table td.premium { background: #ECF5FB; }
.challenge .reservation .top-wrap .reward table td i { display: inline-block; width:40px; height: 40px; text-align: center; border-radius: 100%; background: #F8F8F8; text-indent:0; line-height: 40px; }
.challenge .reservation .top-wrap .reward table td i img { vertical-align: middle; }
.challenge .reservation .top-wrap .reward table td em { font-size: 18px; font-weight: bold; font-style: normal; }
.challenge .reservation .date-by-list { position: relative; }
.challenge .reservation .date-by-list .item { padding:30px 0; }
.challenge .reservation .date-by-list .item ~ .item { border-top:solid 10px #F8F8F8; }
.challenge .reservation .date-by-list .item .date { font-size: 18px; font-weight: bold; padding:0 20px; }
.challenge .reservation .date-by-list .item .club-info { margin:20px; overflow: hidden; border:solid 1px #EEEEEE; border-radius: 5px; padding:20px 0 20px 15px; }
.challenge .reservation .date-by-list .item .club-info .club { float: left; width:80%; font-size: 17px; }
.challenge .reservation .date-by-list .item .club-info .club .addr { font-size: 15px; color:#999999; }
.challenge .reservation .date-by-list .item .club-info .map { float: left; width:20%; text-align: center; font-size: 14px; color:#999999 }
.challenge .reservation .date-by-list .item .club-info .map img { width:26px; }
.challenge .reservation .date-by-list .item .time-list { padding-left: 20px; overflow-x: auto; white-space: nowrap; }
.challenge .reservation .date-by-list .item .time-list ul { table-layout: fixed; }
.challenge .reservation .date-by-list .item .time-list ul li { display: inline-block; font-size: 15px; background:#DDDDDD; padding:8px 0; border-radius:30px; text-align: center; width: 21%;}
.challenge .reservation .date-by-list .item .time-list ul li.active { background:#FF7F27; }
.challenge .reservation .date-by-list .item .time-list ul li.reserved { color:#a1a1a1; }
.challenge .reserv { position:fixed; left: 0px; bottom: 0px; background: #fff; padding:30px 15px; border-radius:20px 20px 0 0; z-index: 999; display: none; }
.challenge .reserv .close-btn { position: absolute; top:15px; right:15px; }
.challenge .reserv .close-btn img { width:24px; }
.challenge .reserv .reserv-txt { font-size: 18px; font-weight: bold; text-align: center; color:#333; }
.challenge .reserv .reserv-txt span { display: block; font-size: 15px; font-weight: normal; color:#222; }
.challenge .reserv .agree { margin-top:20px; padding:15px; font-size: 14px; color:#666666; background: #F8F8F8; border-radius: 5px; }
.challenge .reserv .agree .check { margin-top:13px; }
.challenge .reserv .agree .check img { float: left; width: 24px; margin-right: 10px; }
.challenge .reserv .my-candy { margin:15px 0 50px 0; padding:15px; border:solid 1px #EEEEEE; border-radius: 5px; overflow: hidden; line-height: 20px; }
.challenge .reserv .my-candy .title { float: left; font-size: 16px; font-weight: bold; }
.challenge .reserv .my-candy .point { float: right; width:50%; text-align: right; font-size: 16px; font-weight: bold; color:#FF7F27; }
.challenge .reserv .my-candy .point em { margin-right: 5px; font-style: normal; font-size: 18px; }
.challenge .reserv .my-candy .point img { width: 18px; vertical-align: middle; margin-top:-3px; }
.challenge .reserv .btn { position: absolute; width:100%; left:0px; bottom: 0px; }
.challenge .reserv .btn a { float: left; padding:15px 0; font-size: 18px; font-weight:bold; border:0; box-sizing: border-box; }
.challenge .reserv .btn a:first-child { width:30%; }
.challenge .reserv .btn a:last-child { width:70%; }

.challenge .complete { position: relative; }
.challenge .complete .detail-info { text-align: center; }
.challenge .complete .detail-info .msg { padding-top:40px; }
.challenge .complete .detail-info .msg img { width: 80px; margin-bottom: 25px; }
.challenge .complete .detail-info .msg p { font-size: 20px; font-weight: bold; }
.challenge .complete .detail-info .msg p.player { font-size: 15px; font-weight: normal; margin-top:10px; }
.challenge .complete .detail-info .candy-info { margin:30px 45px 0 45px; border-top:solid 2px #EEEEEE; border-bottom:solid 2px #EEEEEE; padding:10px 0; }
.challenge .complete .detail-info .candy-info ul { overflow: hidden; }
.challenge .complete .detail-info .candy-info ul li { float: left; width:50%; padding:5px 0; }
.challenge .complete .detail-info .candy-info ul li:first-child { text-align: left; font-size: 15px; }
.challenge .complete .detail-info .candy-info ul li:last-child { text-align: right; font-size: 18px; }
.challenge .complete .detail-info .candy-info ul li em { font-style: normal; font-weight: bold; color:#FF7F27; }
.challenge .complete .detail-info .result-candy { margin:10px 45px 50px 45px; }
.challenge .complete .detail-info .result-candy ul { overflow: hidden; }
.challenge .complete .detail-info .result-candy ul li { float: left; width:50%; padding:5px 0; font-weight: bold; }
.challenge .complete .detail-info .result-candy ul li:first-child { text-align: left; font-size: 15px; }
.challenge .complete .detail-info .result-candy ul li:last-child { text-align: right; font-size: 18px; }
.challenge .match-info { position: relative; background: #F8F8F8; padding:35px 0; }
.challenge .match-info .item ~ .item { margin-top:35px; }
.challenge .match-info .date { width:337px; margin:0 auto 15px auto; font-size: 16px; font-weight: bold; }
.challenge .match-info .date i { display: inline-block; width:10px; height: 10px; margin-right:10px; background: #CCCCCC; border-radius: 100%; }
.challenge .match-info .date span { color:#CCCCCC; font-weight: normal; margin:0 10px; }
.challenge .match-info .match { width:337px; height: 212px; margin:0 auto; background: url('/static/img/cuesco/challenge_match_bg.png') no-repeat; background-size: 337px 212px; }
.challenge .match-info .match .player { position: relative; overflow: hidden; padding:23px 0; }
.challenge .match-info .match .player p { position: relative; width:65px; margin: 0 auto; }
.challenge .match-info .match .player p.name { width:auto; }
.challenge .match-info .match .player p img { width:65px; height: 65px; border-radius: 100%; }
.challenge .match-info .match .player p > span { position: absolute; width:28px; height: 35px; left:-13px; top:-5px; background:url('/static/img/cuesco/lv_bg.png') no-repeat; background-size: 28px 35px; font-size: 14px; font-weight: bold; border-radius:13px; color:#222; display: block; text-align:center; line-height: 35px; }
.challenge .match-info .match .player p.win::before { content: '승'; position: absolute; right:calc(50% - 40px); bottom:0px; background:#ff7f28; width:30px; height:30px; text-align: center; border-radius: 30px; line-height: 30px; z-index: 1; background: linear-gradient(137deg, #ff7f28, #ffe328, #ff7f28, #ffe328); background-size:600% 600%; animation: huerotator 8s ease infinite;
}
.challenge .match-info .match .player > div { float: left; text-align: center; box-sizing: border-box; }
.challenge .match-info .match .player .left { width:40%; font-size: 16px; padding-left:50px; }
.challenge .match-info .match .player .center { width:20%; font-size: 22px; font-weight: bold; padding-top:20px; }
.challenge .match-info .match .player .right { width:40%; font-size: 16px; padding-right:50px; }
.challenge .match-info .club { overflow: hidden; padding:13px 15px; }
.challenge .match-info .club .name { float: left; font-size: 15px; width:90%; }
.challenge .match-info .club .name .addr { color:#999999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.challenge .match-info .club .map { float: right; text-align: center; font-size: 14px; }
.challenge .match-info .club .map a { color:#999999; }
.challenge .match-info .club .map img { width: 26px; display: block; }
.challenge .match-info.list { width:337px; margin:0 auto; background-color: #fff; padding: 35px 0; background-image: url('/static/img/cuesco/challenge_bar.png'); background-size: 4px; background-repeat: repeat-y; background-position:10px 0; }
.challenge .match-info.list .date { padding-left:8px; box-sizing: border-box; }
.challenge .match-info.list .date i { border:solid 5px #fff; margin-top:-5px; margin-left:-5px; }
.challenge .match-info.list .btn { position: relative; overflow: hidden; margin-top:-5px; }
.challenge .match-info.list .btn a { display: block; color:#222; font-size: 15px; font-weight: bold; text-align: center; padding:10px 0; border-radius: 0 0 5px 5px; }
.challenge .match-info.list .btn a.orange { background: #FF7F27; }
.challenge .match-info.list .btn a.gray { background: #D5D5D5; }
.challenge .match-info.list .btn.ea2 a { float: left; }
.challenge .match-info.list .btn.ea2 a:first-child { width:65%; border-radius: 0 0 0 5px; }
.challenge .match-info.list .btn.ea2 a:last-child { width:35%; border-radius: 0 0 5px 0; }
.challenge .match-info.list .more-btn { margin-top:30px; text-align: center; }
.challenge .match-info.list .more-btn a { display: block; width:160px; padding:10px 0; font-size: 14px; color:#222; border:solid 1px #DDDDDD; border-radius: 30px; margin:0 auto; }
.challenge .match-info.list .more-btn a img { width:14px; vertical-align: middle; margin-top:-3px; margin-left: 10px; }

.challenge .my-list .reward-box { position:fixed; left: 0px; bottom: 0px; background: #fff; padding:15px; border-radius:20px 20px 0 0; z-index: 999; display: none; }
.challenge .my-list .reward-box .close-btn { position: absolute; top:15px; right:15px; }
.challenge .my-list .reward-box .close-btn img { width:24px; }
.challenge .my-list .reward-box > .title { padding-bottom: 10px; font-size: 18px; font-weight: bold; border-bottom:solid 1px #EEEEEE; text-align: center; }
.challenge .my-list .reward-box table { margin-top:10px; border-collapse:inherit; }
.challenge .my-list .reward-box table td { padding:4px 0; font-size: 14px; text-align: right; }
.challenge .my-list .reward-box table td img { width:26px; }
.challenge .my-list .reward-box table td.title { color:#999999; text-align: left; }
.challenge .my-list .reward-box table td.premium { background: #ECF5FB; }
.challenge .my-list .reward-box table td i { display: inline-block; width:40px; height: 40px; text-align: center; border-radius: 100%; background: #F8F8F8; text-indent:0; line-height: 40px; }
.challenge .my-list .reward-box table td i img { vertical-align: middle; }
.challenge .my-list .reward-box table td em { font-size: 18px; font-weight: bold; font-style: normal; }

.challenge .my-challenge { position: relative; }
.challenge .my-challenge .round-btn img { width: 28px; vertical-align: middle; margin-top:-3px; margin-right:12px; }
.challenge .my-challenge .search-menu { position: relative; margin-top:10px; }
.challenge .my-challenge .search-menu > ul { overflow: hidden; }
.challenge .my-challenge .search-menu > ul > li { position: relative; width:100%; height: 42px; color:#fff; padding-left: 10px; box-sizing: border-box; margin-top: 10px; }
.challenge .my-challenge .search-menu > ul > li::before { content: ""; position: absolute; width:3px; height: 3px; border-radius: 100%; top:18px; left:0px; background: #fff; }
.challenge .my-challenge .search-menu ul li > div { float: left; }
.challenge .my-challenge .search-menu ul li > div.title { width:20%; padding:8px 0; }
.challenge .my-challenge .search-menu ul li > div.item-list { float: right; }
.challenge .my-challenge .search-menu ul li > div ul { overflow: hidden; }
.challenge .my-challenge .search-menu ul li > div ul li { float: left; list-style: none; width:80px; text-align: center; padding:8px 0; color:#999999; border:solid 1px #999999; border-radius:30px; font-size: 15px; box-sizing: border-box; }
.challenge .my-challenge .search-menu ul li > div ul li ~ li { margin-left: 5px; }
.challenge .my-challenge .search-menu ul li > div ul li a { color:#999999; }
.challenge .my-challenge .search-menu ul li > div ul li a em { font-style: normal; font-weight: bold; }
.challenge .my-challenge .search-menu ul li > div ul li.active { border:solid 1px #FF7F27; }
.challenge .my-challenge .search-menu ul li > div ul li.active a { color:#FF7F27; }
.challenge .reward-list { position: relative; padding:0 20px 30px 20px; background: #F8F8F8; }
.challenge .reward-list > p { font-size: 18px; font-weight: bold; padding:35px 0 20px 0; }
.challenge .reward-list ul { white-space: nowrap; overflow-x: auto; padding:5px 0; }
.challenge .reward-list ul li { display: inline-block; text-align: center; width:130px; font-size: 15px; background: #fff; border-radius: 5px; padding:20px 0; box-shadow:0px 0px 10px -8px #000; margin:0 5px; }
.challenge .reward-list ul li ~ li { margin-left: 15px; }
.challenge .reward-list ul li img { width: 40px; margin-bottom:12px; }
.challenge .reward-list ul li em { font-style: normal; font-size: 18px; font-weight: bold; }
.challenge .reward-list ul li span { display: block; color:#999999; margin-top:5px; }

.password { height: 100%; }
.password #content { position: relative; height: 100%; box-sizing: border-box; }
.password .txt { padding:100px 0 30px 0; font-size: 22px; font-weight: bold; text-align: center; }
.password .txt span { font-size: 16px; font-weight: normal; color:#FF7F27; display: block; }
.password .password-box { position: relative; }
.password .password-box ul { width:224px; margin:0 auto; overflow: hidden; }
.password .password-box ul li { float: left; width:48px; height:48px; border:solid 1px #ccc; border-radius: 5px; line-height: 64px; font-size: 40px; text-align: center; margin-right: 8px; }
.password .password-box ul li:last-child { margin-right: 0px; }
.password .password-box ul li.active { border:solid 1px #FF7F27; background: #FFF8F3; color:#FF7F27; }
.password .keypad { position: absolute; left:0px; bottom:0px; padding-bottom:20px; width:100%; background:#222; }
.password .keypad ul { overflow: hidden; }
.password .keypad ul li { float: left; width:calc(25% - 5px); height: 48px; margin:4px 4px 0 0; background: #111; border-radius: 5px; font-size: 28px; line-height: 45px; color:#fff; text-align: center; }
.password .keypad ul li:first-child,
.password .keypad ul li:nth-child(4n+1) { margin-left:4px; }
.password .keypad ul + ul li { width:calc(50% - 6px); }
.password .keypad ul li.del img { width:32px; }
.password .keypad ul li.ok { background:#FF7F27; font-size: 16px; font-weight: bold; color:#222;}

/* payment */
.panel_box .box_title .title.payment { width:100%; border:solid 5px #ff7f28; text-align: center; line-height: 25px; box-sizing: border-box; padding:20px 0; margin-bottom:20px; }
.panel_box .box_title .title.payment span { display: block; font-weight: normal; }
.panel_box .box_title .title.payment span.etc { font-size:14px; margin-top:10px; }
.panel_box .box_title .title.payment em { font-style: normal; color:#ff7f28; }
.panel_box .box_title .title.payment-card { position: relative; text-align: left; font-weight: normal; font-size:14px; border:solid 1px #ccc; box-sizing: border-box; padding:20px; }
.panel_box .box_title .title.payment-card .btn { position: absolute; right:20px; top:20px; }
.panel_box .box_title .title.payment-card .btn a { display: block; background:#eee; border:solid 1px #ccc; color:#222; padding:10px 20px; }
.score_box_wrap.new.type2 .score_middle_wrap.payment { padding:20px 20px; color:#222; overflow: hidden;  }
.score_box_wrap.new.type2 .score_middle_wrap.payment.arrow::before { content: ''; position:absolute; width:14px; height:14px; right:10px; top:26px; background:url('/static/img/cuesco/arrow_right_black.png') no-repeat; background-size:14px; }
.score_box_wrap.new.type2 .score_middle_wrap.payment > div { float: left; width:50%; overflow: hidden; }
.score_box_wrap.new.type2 .score_middle_wrap.payment.detail { border-top:1px solid #fff; color: #636363;padding: 10px 20px; background-color: #f2f2f2;}
.score_box_wrap.new.type2 .score_middle_wrap.payment.detail.arrow::before { content: ''; position:absolute; width:14px; height:14px; right:10px; top:15px; background:url('/static/img/cuesco/arrow_right_black.png') no-repeat; background-size:14px; }
.score_box_wrap.new.type2 .score_middle_wrap.payment > div:first-child { white-space: nowrap; text-overflow: ellipsis; }
.score_box_wrap.new.type2 .score_middle_wrap.payment > div:last-child { text-align: right; padding-right:20px; box-sizing: border-box; }
.bbs_faq.payment { margin-top:20px; }
.bbs_faq.payment ul.faq li.f_list a.f_tit span.subject { line-height: 22px; font-size: 15px; padding-right:20px; box-sizing: border-box; }
.bbs_faq.payment ul.faq li.f_list a.f_tit span.subject em { font-style: normal; float: left; width:33.3%; vertical-align: bottom; }
.bbs_faq.payment ul.faq li.f_list a.f_tit span.subject em.col2 { width:66.6%; }
.bbs_faq.payment ul.faq li.f_list a.f_tit span.subject em.game { color:#ff7f28; padding-top:10px; text-align: right; }
.bbs_faq.payment ul.faq li.f_list a.f_tit span.subject em.price { padding-top:10px; text-align: right; }
.bbs_faq.payment ul.faq li.f_list .answer table { width:calc(95% - 20px); }
.bbs_faq.payment ul.faq li.f_list .answer table td { padding:5px 0; }
.bbs_faq.payment ul.faq li.f_list .answer table td.right { text-align: right; }
.bbs_faq.payment ul.faq li.f_list .answer table td.orange { color:#ff7f28; }

.event .selectbox label { color:#222; }
.event .address { color:#222; font-size: 14px; padding: 10px; line-height: 25px; margin: 25px 0; }
.event .address em { font-style: normal; font-weight: bold; }
.event .etc-txt { margin: 25px 0; }
.event .etc-txt textarea { width: 100%; border: solid 1px #ccc; padding: 10px; box-sizing: border-box; }
.event .btn a { display: block; font-weight: bold; font-size: 16px; }
.event .sub-txt { font-size: 14px; border-bottom:2px solid #d5d5d5; margin:10px 0; padding:5px 0; }
.event .candy-info { font-size: 14px; }
.event .candy-info table { margin-bottom: 15px; }
.event .candy-info th { font-weight: normal; padding: 5px 0; }
.event .candy-info td { font-weight: bold; color:#ff7f28; padding: 5px 0; }
.event .candy-info .etc-txt { margin: 10px 0 20px 0; color:#999; }
.event .address-input { margin-bottom: 20px; }
.event .address-input table th { width:20%; position: relative; font-size: 15px; font-weight: normal; vertical-align: top; padding:14px 0; }
.event .address-input table th.required::before { content: ''; position: absolute; right:5px; top:19px; background:url('/static/img/main/input_bullet.png') no-repeat; background-size: 6px; width:6px; height:6px; }
.event .address-input table td { width:80%; color:#999999; font-size: 15px; padding:5px 0; }
.event .address-input table td input[type='text'],
.event .address-input table td input[type='tel'],
.event .address-input table td select { width:100%; padding:8px 0; font-size:15px; color:#999999; border:solid 1px #d5d5d5; border-radius:3px; box-sizing:border-box; text-indent: 10px; }
.event .address-input table td.tel { font-size: 15px; font-weight: bold; }
.event .address-input table td.tel input,
.event .address-input table td.tel select { width: 70px;text-align: center; }
.event .address-input table td.addr input { margin-bottom:5px; }
.event .address-input table td.addr input#basic { border:0; }
.event .address-input table td.addr .zipcode { width: 30.5%; margin-right:9px;}
.event .address-input table td div input { width:69%; }
.event .address-input table td div a.addr-btn { display:inline-block; width:30%; padding:8px 0; text-align: center; font-weight:bold; border:solid 1px #999; border-radius: 3px; box-sizing: border-box; color:#999; }

.main.store .benefits { position:relative; background: #222; }
.main.store .benefits .title { font-size: 22px; color:#fff; text-align: center; }
.main.store .benefits .title img { width:18px; vertical-align: bottom; }
.main.store .benefits .title em { display: block; font-style: normal; color:#ff7f28; font-size: 28px; font-weight: bold; }
.main.store .benefits .item { color:#fff; padding:25px 50px 60px 50px; background: url("/static/img/cuesco/store_background.png") no-repeat; background-size: 342px; background-position: 100px 60px;  }
.main.store .benefits .item ul li { padding:10px 0 10px 90px; text-align: left; margin-bottom: 20px; }
.main.store .benefits .item ul li.lotto { background: url("/static/img/cuesco/store_icon01.png") no-repeat; background-size:70px; }
.main.store .benefits .item ul li.mileage { background: url("/static/img/cuesco/store_icon02.png") no-repeat; background-size:70px; }
.main.store .benefits .item ul li.challenge { background: url("/static/img/cuesco/store_icon03.png") no-repeat; background-size:70px; padding:12px 0 12px 90px; }
.main.store .benefits .item ul li span { display: block; font-size: 16px; opacity: 0.8; }
.main.store .benefits .item ul li em { display: block; font-size: 18px; font-style: normal; }
.main.store .benefits .item ul li.challenge span { font-size: 14px; color:#999; opacity: 1; }
.main.store .search-list { position:relative; margin-top:30px; padding:0 20px; }
.main.store .search-list h2 { font-size: 20px; font-weight:bold; }
.main.store .search-list select { position:absolute; right:20px; top:-5px; width:120px; padding: 8px 0; font-size: 15px; color: #222; border: solid 1px #ddd; border-radius: 3px; box-sizing: border-box; text-indent: 10px; }
.main.store .search-list .item-list { margin-top:20px; }
.main.store .search-list .item { margin-bottom: 30px; }
.main.store .search-list .item .img { position:relative; width:100%; max-height:190px; overflow: hidden; border-radius:5px; }
.main.store .search-list .item .img img { width:100%; display: block; }
.main.store .search-list .item .club-name { font-size: 17px; margin-top:20px; }
.main.store .search-list .item .club-txt { font-size: 15px; margin:7px 0 15px 0; }
.main.store .search-list .item .club-addr { position:relative; font-size: 13px; color:#999; padding-left:16px; }
.main.store .search-list .item .club-addr::before { content: ''; position:absolute; width:16px; height:16px; top:2px; left:0px; background: url("/static/img/cuesco/addr_icon.png") no-repeat; background-size: 16px; }

.sub.store .photo { width:100%; height:210px; overflow: hidden; }
.sub.store .store-box { position: relative; top: -40px; width:100%; padding:0 15px; box-sizing: border-box; }
.sub.store .store-box > div { width:100%; padding-bottom:20px; background: #fff; border-radius: 5px; box-shadow: -3px 0px 10px -10px #000, 3px 0px 10px -10px #000; border:solid 1px #eee; box-sizing: border-box;text-align: center }
.sub.store .store-box p { padding:17px 0; font-size: 22px; font-weight: bold; text-align: center; }
.sub.store .store-box ul { padding:0 30px 20px; overflow: hidden; }
.sub.store .store-box ul li { float:left; width:33.3%; text-align: center; border-right:solid 1px #eee; box-sizing: border-box; }
.sub.store .store-box ul li a { font-size: 14px; color:#666; }
.sub.store .store-box ul li:last-child { border-right:0; }
.sub.store .store-box ul li img { width:26px; }
.sub.store .store-info { position:relative; padding:0 20px; }
.sub.store .store-info ul li { font-size: 16px; color:#666666; border-bottom:solid 1px #EEEEEE; padding: 15px 0 15px 45px; }
.sub.store .store-info ul li:first-child { padding: 10px 0 15px 45px; }
.sub.store .store-info ul li:last-child { border-bottom: 0; padding: 15px 0 45px 45px; }
.sub.store .store-info ul li.item01 { background: url("/static/img/cuesco/table_icon.png") no-repeat; background-size:30px; background-position: 0 5px; }
.sub.store .store-info ul li.item02 { background: url("/static/img/cuesco/time_icon.png") no-repeat; background-size:30px; background-position: 0 10px; }
.sub.store .store-info ul li.item03 { background: url("/static/img/cuesco/tel_outline_icon.png") no-repeat; background-size:30px; background-position: 0 10px; }
.sub.store .store-info ul li.item04 { background: url("/static/img/cuesco/parking_icon.png") no-repeat; background-size:30px; background-position: 0 10px; }
.sub.store .store-info ul li.item05 { background: url("/static/img/cuesco/payment_icon.png") no-repeat; background-size:30px; background-position: 0 15px; }
.sub.store .store-info ul li div { position: relative; }
.sub.store .store-info ul li div .cnt { position:absolute; top:0px; right:0px; font-size:16px; color:#222; }
.sub.store .store-info ul li div .cnt em { font-style: normal; font-weight:bold; }
.sub.store .store-content { position: relative; padding:0 20px; border-top: solid 10px #F8F8F8; }
.sub.store .store-content h2 { font-size: 20px; font-weight:bold; margin-top:35px; }
.sub.store .store-content .content { margin:20px 0; }
.sub.store .store-map { position: relative; padding:0 20px; border-top: solid 10px #F8F8F8; }
.sub.store .store-map h2 { font-size: 20px; font-weight:bold; margin-top:35px; }
.sub.store .store-map .map { margin:20px 0; }

/* 스탬프 */
.sub.stamp .box_title { margin-top: 15px; text-align: center; }
.sub.stamp .box_title .title { font-weight: bold; font-size: 36px; }
.sub.stamp .box_title .sub-title { font-size: 16px; line-height: 20px; }
.sub.stamp .select_box { margin: 25px 0; padding:6px 0; border: solid 1px #ddd; border-radius: 5px; }
.sub.stamp .select_box .selectbox { background: url("/static/img/cuesco/new/select_arrow_icon.png") right center no-repeat; background-size: 14px; }
.sub.stamp .select_box .selectbox label { color:#222; font-size: 14px; }
.sub.stamp .help-txt { padding-bottom: 20px; background: url("/static/img/cuesco/new/stamp_help_bg.png") no-repeat; background-size: 100%; }
.sub.stamp .help-txt > p { font-size: 18px; text-align: center; padding: 25px 0 0px 0; }
.sub.stamp .help-txt > p em { font-weight: bold; font-style: normal; text-decoration: underline; text-underline-position: under; }
.sub.stamp .help-txt > div { padding: 15px 0px; margin: 0 20px; }
.sub.stamp .help-txt > div:nth-child(2) { border-bottom: dotted 1px #707070; }
.sub.stamp .help-txt > div p { color: #777; font-size: 14px; line-height: 20px; }
.sub.stamp .help-txt > div p:first-child { color: #333; margin-bottom: 5px; }
.sub.stamp .btn { margin-top: 20px; overflow: hidden; }
.sub.stamp .btn a { display: block; float: left; font-size: 3.5vw; width: calc(50% - 2.5px); border-radius: 8px; text-align: center; padding: 15px 0; background: #FF7F27; color:#222; }
.sub.stamp .btn a:first-child { background: #FFBD3A; margin-right: 5px; }
.sub.stamp .stamp-list { position: relative; width: 100%; margin-top:25px; }
.sub.stamp .stamp-list .item { width:100%; }
.sub.stamp .stamp-list .item ul { margin-bottom: 10px; overflow: hidden; }
.sub.stamp .stamp-list .item ul li { float:left; width: 15vw; height: 15vw; }
.sub.stamp .stamp-list .item ul li:nth-child(1) { background: url("/static/img/cuesco/new/stamp_off_01.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li:nth-child(2) { background: url("/static/img/cuesco/new/stamp_off_02.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li:nth-child(3) { background: url("/static/img/cuesco/new/stamp_off_03.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li:nth-child(4) { background: url("/static/img/cuesco/new/stamp_off_04.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li:nth-child(5) { background: url("/static/img/cuesco/new/stamp_off_05.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li:nth-child(6) { background: url("/static/img/cuesco/new/stamp_off_btn.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li.active { background: url("/static/img/cuesco/new/stamp_on.png") no-repeat; background-size: 100%; }
.sub.stamp .stamp-list .item ul li:last-child.active { background: url("/static/img/cuesco/new/stamp_on_btn.png") no-repeat; background-size: 100%; }
.sub.stamp .info .help-box { position: relative; padding: 0 20px 70px 20px; background: url("/static/img/cuesco/new/stamp_help_bg2.png") no-repeat; background-size: 158px 173px; box-shadow: 0px 6px 10px -10px #000; background-position: calc(100% - 20px) calc(100% - 20px); z-index: 1; background-position-y:60px }
.sub.stamp .info .help-box p { font-size: 14px; }
.sub.stamp .info .help-box .tit { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.sub.stamp .info .help-box .tit01 { width: 70%; color:#777; }
.sub.stamp .info .help-box .tit02 { width: 50%; color:#FF7F27; margin: 5px 0; }
.sub.stamp .info .help-box .tit03 { width: 50%; color:#777; }
.sub.stamp .info .help-box .tit04 { width: 100%; color: #ff4545; padding-top: 10px; }
.sub.stamp .info .help-box .tit03 em { color:#222; font-style: normal; }
.sub.stamp .info .gift-box { position: relative; padding: 35px 20px; background: #FFBD3A; }
.sub.stamp .info .gift-box .tit { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.sub.stamp .info .gift-box .etc-txt { font-size: 12px; color:#777; }
.sub.stamp .info .gift-box > div { position: relative; }
.sub.stamp .info .gift-box > div ul { overflow: hidden; margin-bottom: 25px; }
.sub.stamp .info .gift-box > div ul li { float: left; width:25%; text-align: center; }
.sub.stamp .info .gift-box > div ul li .img img { width:19vw; height:19vw; border-radius: 100%; }
.sub.stamp .info .gift-box > div ul li .name { font-size: 12px; }
.sub.stamp .info .gift-box > div ul li .cnt { font-size: 12px; }
.sub.stamp .choice-box { position:relative; float: left; margin-right:10px; }
.sub.stamp .choice-box img { width:24px; border:0; height:24px; }
.sub.stamp .choice-box input { display:none; }
.sub.stamp .result-product { text-align: center; }
.sub.stamp .result-product .tit { font-size: 36px; font-weight: bold; }
.sub.stamp .result-product .tit2 { font-size: 16px; margin:10px 0; }
.sub.stamp .result-product .img { width:150px; margin:0 auto; }
.sub.stamp .result-product .img img { width:150px; height:150px; border-radius: 100%; background:#F9F9F9; }
.sub.stamp .receive-info { margin-top: 30px; }
.sub.stamp .receive-info > p { font-size: 12px; color:#777777; text-indent: 5px; margin-bottom: 10px; }
.sub.stamp .receive-info table th { width:30%; font-size: 14px; color:#666666; font-weight: normal; }
.sub.stamp .receive-info table td { font-size: 14px; padding:5px 0; }
.sub.stamp .receive-info table td input { width:100%; border-radius: 5px; border:solid 1px #DDDDDD; text-indent: 10px; padding: 13px 0; }
.sub.stamp .receive-info table td textarea { width:100%; height:80px; border-radius: 5px; border:solid 1px #DDDDDD; text-indent: 10px; padding: 13px 0; }
.sub.stamp .receive-info table td input:read-only { background:#F9F9F9; }
.sub.stamp .receive-info table td.post input { width:50%; float: left; }
.sub.stamp .receive-info table td.post a { display: inline-block; width:calc(50% - 9px); margin-left:5px; padding:11px 0; color:#333333; border-radius: 5px; border:solid 1px #333333; text-align: center; }
.sub.stamp .agree .cont { margin-top:30px; margin-bottom: 5px; }
.sub.stamp .agree .cont p { font-size: 12px; margin-bottom: 5px; }
.sub.stamp .agree .cont div { padding:20px 10px; background:#F9F9F9; font-size: 12px; color:#777777; }
.sub.stamp .agree .check { font-size: 14px; color:#666666; }
.sub.stamp .pop-btn { margin-top: 30px; }
.sub.stamp .result-list table td { height:80px; font-size: 14px; border-bottom:solid 1px #E6E6E6; }
.sub.stamp .result-list table td span { display: -webkit-box; width: 100%; height:40px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub.stamp .result-list table td:first-child { font-weight: bold; }
.sub.stamp .result-list table td:nth-child(1) { width:15%; }
.sub.stamp .result-list table td:nth-child(2) { width:55%; overflow: hidden; }
.sub.stamp .result-list table td:nth-child(3) { width:30%; text-align: center; }
.sub.stamp .result-list table tr.btn td p { font-size: 12px; color:#999999; margin-bottom:5px; }
.sub.stamp .result-list table tr.btn td a { float: unset; display: unset; padding:5px 10px; background:#333; color:#fff; font-size: 12px; border-radius: unset; }

/* my club */
.sub.my-club .event-tab { position: relative; margin-bottom: 20px; }
.sub.my-club .event-tab ul { overflow: hidden; }
.sub.my-club .event-tab ul li { float: left; width: calc(33.3% - 3px); font-size: 14px; padding: 6px 0; margin-right:4.5px; background:#ddd; border-radius: 30px; text-align: center; }
.sub.my-club .event-tab ul li:last-child { margin-right:0; }
.sub.my-club .event-tab ul li.active { background:#FF7F27; }
.sub.my-club .club-list { position: relative; }
.sub.my-club .club-list .item { background:#fff; border-radius: 5px; padding: 15px; overflow: hidden; margin-bottom: 10px; }
.sub.my-club .club-list .item .item-box { overflow: hidden; }
.sub.my-club .club-list .item .photo { float: left; width: 110px; height:108px;background-color: #d4d4d4;  border-radius: 5px;}
.sub.my-club .club-list .item .photo img { width:108px; height: 108px;  border-radius: 5px;}
.sub.my-club .club-list .item .info { position: relative; float: left; width: calc(100% - 120px); height: 100px; padding: 6px 0; margin-left:10px; }
.sub.my-club .club-list .item .info .name { font-size: 14px; }
.sub.my-club .club-list .item .info .addr { font-size: 12px; color:#666; }
.sub.my-club .club-list .item .info .tel { position: absolute; left:0px; bottom:6px; font-size: 12px; color:#999; }
.sub.my-club .club-list .item .tag { width:100%; margin-top:5px; }
.sub.my-club .club-list .item .tag span { display: inline-block; padding:3px 10px; font-size:12px; background:#FFD21D; border-radius: 5px; margin: 2px 0;}
.sub.my-club .top_panel { position: relative; }
.sub.my-club .top_panel .form { position: absolute; top: 10px; width: 100%; }
.sub.my-club .selectbox2 {  position: relative; width:95%; background:url("https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/common/select_arrow2.png") right center no-repeat;	background-size:14px auto;    z-index: 1}/* 가상 선택자를 활용 화살표 대체 */
.sub.my-club .selectbox2:before { content: "";  position: absolute;    top: 50%;    right: 15px;    width: 0;    height: 0;    margin-top: -1px;    border:0;}
.sub.my-club .selectbox2 label { position: absolute;    top: 0px;   left: 5px;   padding: .2em .5em;   color: #fff;    z-index: -1;  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:70%}
.sub.my-club .selectbox2 select {  width: 100%;  height: auto;  /* 높이 초기화 */    line-height: normal;  /* line-height 초기화 */    font-family: inherit;     padding: .4em .5em;  border: 0;    opacity: 0;  /* 숨기기 */    filter:alpha(opacity=0);   -webkit-appearance: none;   -moz-appearance: none;    appearance: none;}
.sub.my-club .select_box2 { margin: 25px 20px; padding:6px 0; border: solid 1px #ddd; border-radius: 5px; background:#fff; box-shadow:0px -7px 20px 0px #0000009c; }
.sub.my-club .select_box2 .selectbox2 { background: url("/static/img/cuesco/new/select_arrow_icon.png") right center no-repeat; background-size: 14px; }
.sub.my-club .select_box2 .selectbox2 label { color:#222; font-size: 14px; }
.sub.my-club .default-event { margin-top: 35px; text-align: center; }
.sub.my-club .default-event > p { font-size: 20px; font-weight: bold; }
.sub.my-club .default-event > div { margin: 10px 0 30px 0; }
.sub.my-club .default-event > div a { position: relative; display: inline-block; color:#222; font-size: 14px; }
.sub.my-club .default-event > div a:first-child { margin-right:20px; }
.sub.my-club .default-event > div img { width:70px; }
.sub.my-club .default-event > div a.ing::before { content: '진행중'; position: absolute; top:0px; left:-15px; background:#FF7F27; width:35px; height:18px; line-height: 18px; text-align: center; font-size:10px; color:#fff; border-radius: 5px; }
.sub.my-club .sub-tab-menu { position: relative; padding:0 20px; border-bottom: solid 1px #DDDDDD; }
.sub.my-club .sub-tab-menu ul { overflow: hidden; }
.sub.my-club .sub-tab-menu ul li { float: left; width: 20%; text-align: center; }
.sub.my-club .sub-tab-menu ul li a { display: block; padding: 14px 0; color:#222; font-size: 14px; }
.sub.my-club .sub-tab-menu ul li.active a { color:#FF7F27; border-bottom: solid 2px #FF7F27; }
.sub.my-club .sub-tab-menu.fixed { position: fixed; width: calc(100% - 40px); background: #fff; z-index: 1; }
.fixed { position: fixed !important; width: calc(100% - 40px);background: #fff; z-index: 1;}
.sub.my-club .event-list { padding:25px 0; }
.sub.my-club .event-list .item { position:relative; margin:0 20px; padding:20px 15px; background:#fff; border-radius: 5px; margin-bottom: 10px; }
.sub.my-club .event-list .item:not(.empty)::before { content: ''; position: absolute; width:14px; height:14px; top:33px; right:10px; background:url("/static/img/cuesco/arrow_right_black.png"); background-size:100%; }
.sub.my-club .event-list .item .tit { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.sub.my-club .event-list .item .date { color:#999; font-size: 13px; }
.sub.my-club .event-detail { position:relative; }
.sub.my-club .event-detail .club-name { font-size: 16px; color:#028DFE; font-weight: bold; }
.sub.my-club .event-detail .tit {text-align: center;font-size: 32px;background: #FF7F27;margin: 5px 0;color: #fff;padding:  5px 0;}
.sub.my-club .event-detail .date { font-size: 14px; color:#999; text-align: right; }
.sub.my-club .event-detail .content { font-size: 14px; margin-top:25px; }
.sub.my-club .noti-txt { background:#f8f8f8; padding: 20px 0; }
.sub.my-club .noti-txt > div { width:240px; font-size: 14px; border:solid 1px #FF7F27; border-radius: 80px; color:#FF7F27; padding: 4px 0; text-align: center; background:#fff; margin: 0 auto; }
.sub.my-club .user-config table th { background:#eee; font-size: 13px; color:#666; padding: 13px 0; text-align: center; font-weight: normal; }
.sub.my-club .user-config table td { border-bottom:solid 1px #eee; font-size: 14px; text-align: center; padding:20px 0; color:#999999; font-weight:300; }
.sub.my-club .rank-user-list { background:#f8f8f8; padding-bottom: 30px; }
.sub.my-club .rank-user-list .select_box { box-shadow: none; margin:0px 20px; }
.sub.my-club .rank-tab { position: relative; padding:15px 20px; }
.sub.my-club .rank-tab ul { overflow: hidden; }
.sub.my-club .rank-tab ul li { float: left; width: calc(20% - 4px); font-size: 14px; padding: 6px 0; margin-right:5px; background:#ddd; border-radius: 30px; text-align: center; }
.sub.my-club .rank-tab ul li:last-child { margin-right:0; }
.sub.my-club .rank-tab ul li.active { background:#FF7F27; }
.sub.my-club .rank-user-list .list { margin:0 20px; background:#fff; border-radius: 5px; }
.sub.my-club .rank-user-list table td { height:80px; font-size: 14px; font-weight: bold; text-align: center; border-bottom: solid 1px #f8f8f8; }
.sub.my-club .rank-user-list table td:nth-child(1) { width:15%; }
.sub.my-club .rank-user-list table td:nth-child(2) { width:20%; }
.sub.my-club .rank-user-list table td:nth-child(3) { text-align: left; padding-left:5px; }
.sub.my-club .rank-user-list table td:nth-child(4) { width:23%; text-align: right; padding-right:10px; }
.sub.my-club .rank-user-list table td .club-name { width:100%; height:20px; overflow: hidden; font-size: 13px; font-weight: normal; color:#999; white-space: nowrap; text-overflow: ellipsis; }
.sub.my-club .rank-user-list table td img { width:50px; height:50px; border-radius: 100%; }
.sub.my-club .rank-user-list table tr:first-child td:first-child { color:#FF7F27; }
.sub.my-club .rank-user-list table tr:first-child td img { width:50px; height:50px; border-radius: 100%; border:solid 2px #FF7F27; }
.sub.my-club .coupon-noti {}
.sub.my-club .coupon-noti .tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.sub.my-club .coupon-noti ul { padding-left:20px; }
.sub.my-club .coupon-noti ul li { list-style: disc; color:#777; margin-bottom: 10px; }
.sub.my-club .coupon-list { margin-top: 20px; }
.sub.my-club .coupon-list .item { margin-bottom: 20px; background:#fff; box-shadow:0px 3px 20px -8px #0000009c; border-radius: 20px; overflow: hidden; border:1px solid #FF7F27;}
.sub.my-club .coupon-list .item > div { float:left; }
.sub.my-club .coupon-list .item > div:first-child { width:calc(30% - 1px); text-align: center; font-size: 25px; font-weight: bold; color:#FF7F27; padding: 35px 0 55px 0 ; border-right:dashed 1px #FF7F27; position: relative;}
.sub.my-club .coupon-list .item > div:first-child > p { color: white;font-size: 14px;position: absolute;left: 0; bottom: 0; padding: 5px 0;width: 100%; text-align: center ;background:#FF7F27; }
.sub.my-club .coupon-list .item > div:last-child { width:calc(70% - 20px); padding:15px 10px; }
.sub.my-club .coupon-list .item > div p.name { font-size: 14px; font-weight: bold; width:100%; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub.my-club .coupon-list .item > div p.club { width:100%; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color:#999999; }
.sub.my-club .coupon-list .item > div p.date { font-size: 12px; color:#FF7F27; margin-top:10px;}
.sub.my-club .coupon-list .item.used { border: 0;}
.sub.my-club .coupon-list .item.used > div:first-child { background:#F9F9F9; color:#999999; padding: 35px 0;border-right:dashed 1px #DDDDDD; }
.sub.my-club .coupon-list .item.used { background:#F9F9F9; }
.sub.my-club .coupon-list .item.used p.date { color:#0571EC; }
.sub.my-club .coupon-list .item.expired > div:first-child { background:#F9F9F9; color:#999999; }
.sub.my-club .coupon-list .item.expired { background:#F9F9F9; }
.sub.my-club .coupon-list .item.expired p.date { color:#FC0E0E; }
.sub.my-club .alarm-box { padding:25px 20px; }
.sub.my-club .alarm-box .box { padding:10px; border:solid 1px #FFDDC6; border-radius: 5px; background:#FFF8F3; box-shadow:0px 3px 20px -10px #0000009c; overflow: hidden; margin: 0 0 10px;}
.sub.my-club .alarm-box .box > div { float:left; }
.sub.my-club .alarm-box .box > div:first-child { margin-right:10px; background:#FFF1E7; width:40px; height:40px; border-radius: 100%; text-align: center; }
.sub.my-club .alarm-box .box > div:first-child img { width:25px; height:25px; margin: 8px 0; }
.sub.my-club .alarm-box .box > div .txt01 { font-size: 12px; color:#666666; }
.sub.my-club .alarm-box .box > div .txt02 { font-size: 12px; font-weight: bold; }
.sub.my-club .alarm-box .box > div .txt03 { font-size: 14px; font-weight: bold; color: #ff7f27;margin-bottom: 5px; }
.sub.my-club .alarm-box .box > div .txt02 img{ width: 12px; vertical-align: middle; }
.sub.my-club .alarm-box .box > div.date { color: #666; font-size:10px; font-style: normal;width: 100%; text-align: right;}
.sub.my-club .user-list { padding:25px 20px; background:#F1F1F3; }
.sub.my-club .user-list > p { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.sub.my-club .user-list .list { white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
.sub.my-club .user-list .list .item { display: inline-block; margin-right:10px; vertical-align: top; text-align: center; width: 80px;}
.sub.my-club .user-list .list .item img { width:50px; height:50px; border-radius: 100%; }
.sub.my-club .user-list .list .item p { font-size: 12px; color:#666666; text-align: center; height: 20px; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.sub.my-club .user-list .list .item p.flag { display: block; width: 100%; text-align: center; border-radius: 50px; background:#028DFE; color:#fff; }
.sub.my-club .user-list .list .item p.flag.end { background:#ccc; }
.sub.my-club .event-top { position: relative; background:#FFEEC6; padding-bottom: 50px; }
.sub.my-club .event-top > div { padding-top:25px; background: url("/static/img/cuesco/new/stamp_bg.png") 95% 0px no-repeat; background-size: 116px; }
.sub.my-club .event-top .event-date { width:165px; margin:0 auto 50px auto; text-align: center; font-size: 14px; background:#fff; border-radius: 80px; border:solid 1px #222; }
.sub.my-club .event-top p { font-size: 16px; text-align: center; }
.sub.my-club .event-top p em { font-style: normal; font-weight: bold; }
.sub.my-club .event-top .coupon { position: absolute; width:265px; height:85px; left:calc(50% - 132px); bottom:-40px; background: url("/static/img/cuesco/new/coupon_bg.png") no-repeat; background-size: 100%; }
.sub.my-club .event-top .coupon span { display: block; font-size: 12px; font-weight: bold; color:#fff; text-align: right; padding-right:20px; line-height: 88px; }
.sub.my-club .event-top .coupon span em { font-style: normal; font-size: 30px; vertical-align: bottom; margin-right:5px; }
.sub.my-club .stamp-list { margin:50px 0; }
.sub.my-club .stamp-list ul { padding-top:20px; overflow:hidden; }
.sub.my-club .stamp-list ul li { position: relative; float: left; width:16vw; height:16vw; margin-right:2.5vw; margin-bottom: 10px; background:url("/static/img/cuesco/new/stamp02_off.png") no-repeat; background-size: 100%; padding: 5px 0;}
.sub.my-club .stamp-list ul li:nth-child(5n) { margin-right:0px; }
.sub.my-club .stamp-list ul li.active { background:url("/static/img/cuesco/new/stamp02_on.png") no-repeat; background-size: 100%; }
.sub.my-club .stamp-list ul li span { position: absolute; top:-10px; left:10px; display: block; width:40px; height:22px; color:#FF7F27; font-size: 12px; font-weight: bold; text-align: center; background:url("/static/img/cuesco/new/txt_bubble.png") no-repeat; background-size: 100%; padding-top:2px; }

.sub.community .list { margin-bottom: 50px; }
.sub.community .list ul.tab { display: flex; list-style: none; border-bottom: 1px solid #8f8f8f; margin-top: 20px; background-color: #fff;}
.sub.community .list ul.tab li { border: 1px solid #ccc; border-bottom: 0; background-color: #ccc; font-size: 14px; line-height: 24px; width: 50%; border-radius: 5px 5px 0 0 ; margin: 0 5px; text-align: center;padding: 5px; box-shadow: inset 0px 4px 8px 0px #a5a5a5;}
.sub.community .list ul.tab li.active { border: 1px solid #8f8f8f;background-color: #fff; border-bottom: 1px solid #fff; margin-top: -5px; line-height: 28px; font-weight: bold; margin-bottom: -1px; box-shadow: none;}
.sub.community .list ul.tab li:last-child { margin-left: 0;}
.sub.community .list .item2 { border-bottom: solid 1px #EEEEEE; padding:15px 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; background-color: #fff;}
.sub.community .list .item2 .title { width: calc(100% - 110px); }
.sub.community .list .item2 .title.no-photo { width: calc(100% - 50px); }
.sub.community .list .item2 .title > div { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub.community .list .item2 .title > div.txt { height: 40px; margin-bottom: 15px; overflow: hidden; }
.sub.community .list .item2 .title > div:first-child { font-size: 11px; color: #888888; margin-bottom: 5px; }
.sub.community .list .item2 .title > div:last-child { font-size: 11px; color: #888888; }
.sub.community .list .item2 .title > div:last-child span { margin-right: 10px; }
.sub.community .list .item2 .photo { position: relative; margin: 22px 5px 0 5px; width: 70px; }
.sub.community .list .item2 .photo p.more { position: absolute; width: 30px; height: 20px; right: 5px; top: 5px; background: rgba(0, 0, 0, 0.71); color:#fff; font-size: 12px; text-align: center; border-radius: 8px; margin: 0; }
.sub.community .list .item2 .photo p.img { position: absolute; right: -5px; top: -15px; margin: 0; }
.sub.community .list .item2 .photo p.img img { width: 30px; margin-top: 2.5px; }
.sub.community .list .item2 .photo div { width: 70px; height: 70px; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.sub.community .list .item2 .photo div img { width: 70px; border-radius: 10px; }
.sub.community .list .item2 .reply { width: 40px; margin-top: 22px; }
.sub.community .list .item2 .reply div { width:40px; height: 55px; border-radius: 10px; background: #eee; padding-top: 15px; }
.sub.community .list .item2 .reply div p { color: #606060; font-size: 12px; text-align: center; }
.sub.community .list .item2 .reply div p.cnt { font-weight: bold; font-size: 14px;color: #222; }
.sub.community .list .item2 .title > div.type01 { color:#FF7F27; }
.sub.community .list .item2 .title > div.type02 { color:#26548F; }
.sub.community .list .item2 .title > div.type03 { color:#F5C82F; }
.sub.community .list .item2 .title > div.type04 { color:#05B4C1; }
.sub.community .list .item2 .title > div.type05 { color: #ff0000; font-weight: 700; font-size: 13px; }

.sub.community .list .item { border-bottom: solid 15px #EEEEEE; padding:15px 20px 0 20px; }
.sub.community .list .item.banner { padding:15px 0 0 0;}
.sub.community .list .item.banner img { width: 100vw;}
.sub.community .list .item.notice { border-bottom: 0; padding:0 20px; }
.sub.community .list .item.notice:first-child { padding-top: 20px;}
.sub.community .list .item.notice img { width: 25px; border-radius: 50%;vertical-align: middle; }
.sub.community .list .item.notice img.new { width: 15px; position: absolute;right: 0; top: 5px; }
.sub.community .list .item.notice div { border-radius: 5px;margin-bottom: 10px;color: #636363;font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;position: relative}
.sub.community .list .item.notice div a { vertical-align: middle;}
.sub.community .list .item:last-child { border-bottom: 0; }
.sub.community .list .item .header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.community .list .item .header .type, .sub.community .list .item .header .type2 { font-size: 12px; }
.sub.community .list .item .header .type2 { text-align: left; color: #686868; }
.sub.community .list .item .header .type2 img { width: 20px; vertical-align: bottom; }
.sub.community .list .item .header .type span { display: inline-block; width: 100px; padding: 5px 0; text-align: center; color: #fff; border-radius: 30px; }
.sub.community .list .item .header .type.type01 span { background:#FF7F27; }
.sub.community .list .item .header .type.type02 span { background:#26548F; }
.sub.community .list .item .header .type.type03 span { background:#F5C82F; }
.sub.community .list .item .header .type.type04 span { background:#05B4C1; }
.sub.community .list .item .header .type.type05 span { background:#111; }
.sub.community .list .item .header .name { font-size: 13px; font-weight: bold; }
.sub.community .list .item .header.detail { display: block; }
.sub.community .list .item .header.detail .name { display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; padding-bottom: 10px; border-bottom: solid 1px #EEEEEE; }
.sub.community .list .item .header.detail .name img { width:40px; height:40px; border-radius: 100%; margin-right: 10px; }
.sub.community .list .item .header.detail .name .text span { display: block; font-size: 12px; font-weight: normal; color:#999999; }
.sub.community .list .item .cont { font-size: 14px; color: #666666; margin-top: 10px; }
.sub.community .list .item .cont video { width: 100%; margin-top: 10px;}
.sub.community .list .item .cont img { max-width: calc(100vw - 40px); border-radius: 5px; margin-top: 10px; }
.sub.community .list .item .cont p.lst { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.sub.community .list .item .video { position: relative; margin-top: 10px; }
.sub.community .list .item .video:before { content: ''; position: absolute; width:40px; height:40px; top: calc(50% - 20px); left: calc(50% - 20px); background: url('/static/img/community/play_btn.png') no-repeat; background-size: 100%; }
.sub.community .list .item .video img { width: 100%; border-radius: 8px; }
.sub.community .list .item .video .inner { width: 100%; height: 190px; background-size: 100%; color: #f2f2f2;border-radius: 10px; }
.sub.community .list .item .video .inner.type1 { background: url('/static/img/community/poster1.png') no-repeat;background-position-x: -80px;}
.sub.community .list .item .video .inner.type2 { background: url('/static/img/community/poster2.png') no-repeat;background-position-x: -40px;}
.sub.community .list .item .video .inner.type3 { background: url('/static/img/community/poster3.png') no-repeat;background-position-x: -140px;}
.sub.community .list .item .video .inner.type4 { background: url('/static/img/community/poster4.png') no-repeat;background-position-x: -50px;}
.sub.community .list .item .video .inner.type5 { background: url('/static/img/community/poster5.png') no-repeat;background-position-x: -110px;}
.sub.community .list .item .video .inner p { font-size: 18px; font-weight: bold;}
.sub.community .list .item .img { margin-top: 10px; }
.sub.community .list .item .img img { width: 100%; border-radius: 8px; }
.sub.community .list .item .img p { height: 200px; display: flex; justify-content: space-evenly; }
.sub.community .list .item .img p { position: relative; width:100%; height: 200px; overflow:hidden; margin-right: 10px; border-radius: 8px; display: flex; align-items: center; }
.sub.community .list .item .img.ea2 { height: 105px; display: flex; justify-content: space-evenly; }
.sub.community .list .item .img.ea2 p { position: relative; width:50%; height: 105px; overflow:hidden; margin-right: 10px; border-radius: 8px; display: flex; align-items: center; }
.sub.community .list .item .img.ea2 p:last-child { margin-right: 0; }
.sub.community .list .item .img.ea3 { height: 105px; display: flex; justify-content: space-evenly; }
.sub.community .list .item .img.ea3 p { width: 33.3%; }
.sub.community .list .item .img.ea3 p { position: relative; width: 33.3%; height: 105px; overflow:hidden; margin-right: 10px; border-radius: 8px; display: flex; align-items: center; }
.sub.community .list .item .img.ea3 p:last-child { margin-right: 0; }
.sub.community .list .item .img.ea3 p span { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; background: #00000080; border-radius: 8px; }
.sub.community .list .item .img.ea3 p span em { color:#fff; font-size: 20px; font-weight: bold; font-style: normal; }
.sub.community .list .item .footer { display: flex; justify-content: space-between; border-top: solid 1px #EEEEEE; margin: 15px 0 0; }
.sub.community .list .item .footer .func { width:50%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.sub.community .list .item .footer .func p { font-size: 12px; color: #666666; padding: 15px 20px 15px 0;}
.sub.community .list .item .footer .func p img { width: 20px; vertical-align: bottom; }
.sub.community .list .item .footer .func p:first-child img,
.sub.community .reply-list .item .func img{ width: 15px;vertical-align: bottom }
.sub.community .list .item .footer .time { width:50%; font-size: 12px; color: #666666; text-align: right; padding: 15px 0;}
.sub.community .write-btn { position: fixed; right: 0; bottom: 130px; z-index: 9999}
.sub.community .write-btn img { width: 82px; height: 82px; }
.sub.community .write-btn .board-list { position: absolute; right: 10px; bottom: 90px; text-align: right; }
.sub.community .write-btn .board-list ul { background: #fff; padding: 0px 15px; border-radius: 20px; box-shadow: 2px 2px 10px 0px #ccc; height: 0px; overflow: hidden; position: relative;}
.sub.community .write-btn .board-list ul.open { padding: 10px 15px; border:solid 1px #ff7f26; }
.sub.community .write-btn .board-list ul li { width: 150px; font-size: 14px; }
.sub.community .write-btn .board-list ul li a { position: relative; display: block; padding: 7px 0; }
.sub.community .write-btn .board-list ul li a.active { color: #ff7f26; font-weight: bold; }
.sub.community .write-btn .board-list ul li a.active::before { content: ''; position: absolute; left: 0px; top: 6px; width: 16px; height: 16px; background: url('/static/img/cuesco/check_on.png') no-repeat; background-size: 100%; }
.sub.community .write-btn .board-list ul li.write { background: #ff7f26; margin-top: 5px; position: absolute; bottom: 0px; width: 100%;left: 0px;}
.sub.community .write-btn .board-list ul li.write a { color: #fff; font-size: 16px; font-weight: bold; text-align: center; }

.lotto-popup .content { background:url('/static/img/pupup_bg.png') no-repeat; background-size: 100%; }
.lotto-popup .header-title { margin: 20px 0 30px 0; }
.lotto-popup .header-title p { font-size: 24px; font-weight: bold; color:#FF7F27; text-align: center; margin-bottom: 10px; }
.lotto-popup .header-title div { font-size: 18px; font-weight: bold; text-align: center; }
.lotto-popup .header-title div em { font-size: 24px; font-style: normal; }
.lotto-popup .header-title div em img { width:24px; vertical-align: text-bottom; }
.lotto-popup .header-title > div .underline { width: 260px; height: 13px; background: #FF7F27; margin:-15px auto 0 auto; }

.lotto-popup .cont01 { padding: 20px; }
.lotto-popup .cont01 .title { font-size: 16px; font-weight: bold; }
.lotto-popup .cont01 .cont { font-size: 14px; color: #474747; }
.lotto-popup .cont01 .cont ul { padding-left: 20px; }
.lotto-popup .cont01 .cont ul li { list-style: disc; margin-top: 10px; }

.lotto-popup .cont02 { padding: 20px; background: #F9F9F9; }
.lotto-popup .cont02 .title { font-size: 16px; font-weight: bold; }
.lotto-popup .cont02 .cont { font-size: 14px; color: #474747; }
.lotto-popup .cont02 .cont ul { padding-left: 20px; }
.lotto-popup .cont02 .cont ul li { list-style: inherit; margin-top: 10px; }
.lotto-popup .cont02 .cont ul p { margin-top: 10px; }
.lotto-popup .cont02 .btn { margin-top: 30px; }
.lotto-popup .cont02 .btn a { display: block; font-size: 14px; padding:15px 0; border-radius: 10px; }

.popup-images { position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 99999; background: rgba(0, 0, 0, 0.9); display: none; }
.popup-images .close-btn { position: absolute; top: 20px; right:20px; z-index: 9;}
.popup-images .close-btn img { width: 16px; }
.popup-images .sub-swiper-container { width: 100%; height: 100%;}
.popup-images .sub-swiper-container .swiper-wrapper { align-items: center; }
.popup-images .swiper-slide { background-position: center; background-size: cover; height: auto;}
.popup-images .swiper-slide img { width: 100%; }
.popup-images .custom-pagination { position: absolute; bottom: 50px !important; display: flex; justify-content: center; width: 100%; z-index: 9}
.popup-images .sub-swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #707070; margin-right: 10px; }
.popup-images .sub-swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #FF7F27; }

body.popup-images-open { background: #222; overflow: hidden !important; height: 100%; }

.sub.community .category-select { padding:10px 20px 20px 20px; }
.sub.community .category-select p { font-size: 18px; text-align: center; color:#fff; }
.sub.community .category-select .cate-item { margin-top: 15px; }
.sub.community .category-select .cate-item ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
/*.sub.community .category-select .cate-item ul li { width:32.6%; margin-right: 1%; margin-bottom: 5px; }*/
.sub.community .category-select .cate-item ul li { width:43vw; padding: 2px; margin:0 }
.sub.community .category-select .cate-item ul li:nth-child(3n) { margin-right: 0; }
.sub.community .category-select .cate-item ul li a { position: relative; display: block; border: solid 1px #fff; text-indent: 35px; padding:10px 0; font-size: 14px; color:#fff; border-radius: 5px; }
.sub.community .category-select .cate-item ul li a:before { content: ''; position: absolute; top: 13px; left: 13px; width:15px; height:15px; background: url('/static/img/community/category_off.png') no-repeat; background-size: 100%; }
.sub.community .category-select .cate-item ul li a.active { background: #fff; color: #FF7F27; }
.sub.community .category-select .cate-item ul li a.active:before { content: ''; position: absolute; top: 13px; left: 13px; width:15px; height:15px; background: url('/static/img/community/category_on.png') no-repeat; background-size: 100%; }
.sub.community .content { padding: 0 20px; }
.sub.community .content .write-input { width: calc(100% - 20px); height: 100px; border:1px solid #d0d0d0;border-radius: 5px;padding: 10px; font-size:16px;}
.sub.community .content .write-input.txt { height: 30px; }
.sub.community .content .etc-noti { background:#EBEBEB; border-radius: 5px; padding: 10px 20px; }
.sub.community .content .etc-noti p:first-child { font-size: 14px; margin-bottom: 5px; font-weight: bold; color: #666;}
.sub.community .content .etc-noti p { font-size: 14px; color:#999999; }
.sub.community .content .attach-file { display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 10px; }
.sub.community .content .attach-file p { position: relative; width: 14vw; height: 14vw; margin-right: 4vw; }
.sub.community .content .attach-file p::before { content: ''; position: absolute; top: -7px; right:-7px; width:15px; height:15px; background:url('/static/img/community/icon_delete.png') no-repeat; background-size: 100%; z-index:10;}
.sub.community .content .attach-file p img { position: relative; width: 100%; height: 100%; border-radius: 5px; }
.sub.community .images-reg { position: fixed; bottom: 0; width: 100%; background: #fff; }
.sub.community .images-reg > div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 20px; border-top:solid 1px #EEEEEE; }
.sub.community .images-reg a { display: inline-block; width: 50%; font-size: 12px; color:#666666; padding: 15px 0; }
.sub.community .images-reg a img { width: 20px; vertical-align: bottom; margin-right: 10px; }
.sub.community .images-reg a.select-btn { display: inline-block; width:50%; height: 20px; padding:10px 0; background: #FF7F27; font-size: 14px; border-radius: 5px; text-align: center; color: #fff;}
.sub.community .complete-msg { text-align: center; margin-top: 35vh; }
.sub.community .complete-msg p { font-size: 16px; }
.sub.community .complete-msg p:first-child { font-size: 35px; font-weight: bold; margin-bottom: 10px; }
.sub.community .complete-msg img { width: 52px; margin-top: 35px; }

.sub.community .reply-list { margin: 0 20px 80px 20px; }
.sub.community .no-data,.sub.community .reply-list .no-data { font-size: 14px; color: #999999; text-align: center; margin-top: 50px;}
.sub.community .reply-list .no-data img { width:23px; }
.sub.community .reply-list .item { display: block;  border-top:solid 1px #EEEEEE;}
.sub.community .reply-list .item.reply { margin-left: 50px; }
.sub.community .reply-list .item .name { position: relative; display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; font-size: 13px; font-weight: bold; }
.sub.community .reply-list .item .name img { width:40px; height:40px; border-radius: 100%; margin-right: 10px; }
.sub.community .reply-list .item .name .text span { display: block; font-size: 12px; font-weight: normal; color:#999999; }
/*.sub.community .reply-list .item .name .menu { position: absolute; top:0px; right:-18px; background: none; }*/
.sub.community .reply-list .item .name .menu { position: absolute; top:0px; right:0px; z-index: 1;}
.sub.community .reply-list .item .name .menu img { width:28px; height: 28px; }
.sub.community .reply-list .item .content { padding: 10px 0; font-size: 14px; color:#666666; }
.sub.community .reply-list .item .func { display: flex; justify-content: flex-start; padding-bottom: 10px;}
.sub.community .reply-list .item .func a { font-size: 12px; color:#666666; margin-right: 15px; }
.sub.community .reply-list .item .func a.active { color:#FF7F27; }
.sub.community .reply-list .item .func a.link_reply { color: #fff; padding: 3px; border-radius: 3px; background-color: #ff7f27; }

.sub.community .reply-reg { position: absolute; width:100%; bottom:0; background: #fff; z-index: 999; }
.sub.community .reply-reg > div { border-top: solid 1px #eee; margin:0 20px; padding: 10px 0; }
.sub.community .reply-reg > div > div { position: relative; border: solid 1px #DDDDDD; border-radius: 5px; width:100%; overflow: hidden; }
.sub.community .reply-reg > div > div.ref_text { width:100%; text-overflow: ellipsis;border:0;padding: 0 5px 10px; color: #ff7f27;font-size: 11px; display: none }

.sub.community .reply-reg > div > div .reply-input { width:80%; height:20px; padding: 10px 0; text-indent: 10px; border:0; font-size: 16px;}
.sub.community .reply-reg > div > div a.reply-btn { position: absolute; top: 5px; right:10px; width: 50px; padding:3px 0; font-size: 11px; background: #FF7F27; text-align: center; border-radius: 5px; display: none; color: #f2f2f2; font-size: 14px;padding: 21px 0;}
.sub.community .reply-reg > div > div a.reply-btn.cancel { top: 40px;background: #878787; }

.sub.search .search-box { position: relative; }
.sub.search .search-box img { position: absolute; right: 10px; top: 10px; width: 20px; }
.sub.search .search-box input { width: 100%; border: solid 1px #DDDDDD; border-radius: 5px; font-size: 14px; color: #222222; padding: 10px 0; text-indent: 10px; }
.sub.search .player_listwrap { border-top: solid 1px #222; padding-top: 20px; margin-top: 15px; }
.sub.search .player_listwrap .player { border-bottom: solid 1px #eee; padding-bottom: 20px; }

.sub .certificate { position: relative; min-height: calc(100vh - 60px); }
.sub .certificate .top-bg { background: url('/static/img/main/certificate_bg.png') no-repeat; background-size: 100%; position: absolute;width: 100%; min-height: 103vw; background-position: top; top: 0; }
.sub .certificate .bottom-bg { background: url('/static/img/main/certificate_bg.png') no-repeat; background-size: 100%; position: absolute;width: 100%; min-height: 103vw; background-position: bottom; bottom: 0; }
.sub .certificate .title { width:155px; margin: 0 auto; padding-top: 5vh; text-align: center; }
.sub .certificate .title p { font-size: 28px; }
.sub .certificate .title p.sub { font-size: 11px; border-bottom: solid 1px #222; font-family: Montserrat; margin-top: 1vh; }
.sub .certificate .info { width: 300px; margin: 0 auto; padding: 10vh 0px; }
.sub .certificate .info table { width: 100%; background: url('/static/img/main/cuesco_gray.png') center no-repeat; background-size: 100%; }
.sub .certificate .info table th { width: 30%; font-size: 14px; font-weight: normal; padding: 1vh 0; text-indent: 20px; }
.sub .certificate .info table td { width: 70%; font-size: 16px; font-weight: bold; }
.sub .certificate .txt { font-size: 14px; color: #777777; text-align: center; }
.sub .certificate .date { font-size: 14px; color: #777777; text-align: center; margin: 4vh 0 1vh 0; }
.sub .certificate .date em { font-size: 16px; font-style: normal; font-family: Montserrat; }
.sub .certificate .cuesco-stamp { text-align: center; padding-bottom: 15vh; }
.sub .certificate .cuesco-stamp em { font-style: normal; }
.sub .certificate .cuesco-stamp img { width: 30px; vertical-align: middle; }


.sub.popup_player .best-record { padding: 20px; }
.sub.popup_player .best-record .record { display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin-top: 10px; }
.sub.popup_player .best-record .record div { width: 27vw; height: 27vw; text-align: center; background: #fff; border-radius: 10px; box-shadow: 1px 3px 8px -7px #000, 0px -1px 10px -10px #000; display: flex; flex-direction: column; justify-content: center; }
.sub.popup_player .best-record .record div p { font-size: 11px; color: #999999; }
.sub.popup_player .best-record .record div em { font-style: normal; font-size: 26px; font-weight: bold; }

.sub.popup_player .cuesco-handi { padding: 20px; }
.sub.popup_player .cuesco-handi h2 a { margin-left: 20px; }
.sub.popup_player .cuesco-handi h2 a img { width: 24px; vertical-align: middle; }
.sub.popup_player .cuesco-handi .cuesco-handi-box { margin-top: 10px; background: #fff; border-radius: 13px; box-shadow: 1px 3px 8px -7px #000, 0px -1px 10px -10px #000; overflow: hidden; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp { border-radius: 13px; overflow: hidden; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type00 { background: #414141; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type01 { background: #414141; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type10 { background: #ed1c24; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type11 { background: #f26522; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type12 { background: #e6a200; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type13 { background: #00a651; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type14 { background: #0072bc; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type15 { background: #8560a8; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type16 { background: #8560a8; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp.type17 { background: #ed1c24; }

.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box { display: flex; flex-direction: row; padding: 25px 0; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi { width: 40%; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi p { font-size: 15px; font-weight: bold; opacity: 0.6; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi .level { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi .level > em { font-size: 50px; font-weight: bold; font-style: normal; line-height: 50px; margin-right: 5px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi .level > div {  }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi .level > div p { font-weight: normal; font-size: 14px; color: #fff; opacity: 1; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .handi .level > div img { width:28px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .txt { width: 60%; color: #fff; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .txt p { font-size: 20px; font-weight: bold; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .handi-box .txt span { font-size: 14px; opacity: 0.6; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .btn-down { background: #222; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .btn-down a { display: block; color: #fff; padding: 10px 0; font-size: 15px; font-weight: bold; text-align: center; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .handi-warp .btn-down a img { width: 12px; margin-left: 10px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp { padding-bottom: 30px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .title { text-align: center; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .title p { font-size: 14px; font-weight: 300; margin: 5px 0 20px 0; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .title p:first-child { font-size: 16px; font-weight: bold; margin: 20px 0 0 0; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont { display: flex; flex-direction: row; justify-content: center; padding: 0 22px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .score { width: 25%; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .score span { font-size: 18px; font-weight: bold; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .score span em { font-style: normal; font-size: 30px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .score p { font-size: 15px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap { width: 75%; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .graph { position: relative; height: 35px; background: url('/static/img/main/handi_graph.png') no-repeat; background-size: 100%; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .graph > div { position: absolute; top: 0; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .graph > div img { width: 29px; border-radius: 100%; margin-top: -20px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .graph > div span { display: block; width: 2px; height: 20px; background: #222; margin: -5px auto  0 auto; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .score-info { display: flex; flex-direction: row; justify-content: center; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .score-info div { display: flex; flex-direction: row; justify-content: center; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .score-info div p { color: #999; font-size: 14px; margin-right: 5px; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .score-info div span { color: #777777; font-size: 15px; font-weight: bold; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .score-info div span em { font-size: 20px; font-style: normal; }
.sub.popup_player .cuesco-handi .cuesco-handi-box .score-warp .cont .graph-wrap .score-info > span { font-size: 20px; font-weight: bold; color: #DDDDDD; margin: 0 10px; }

.sub.popup_player .score-transition { padding: 20px; }

.sub.popup_player .score-statistics { padding: 20px; }
.sub.popup_player .score-statistics .statistics_box { margin-top: 10px; padding: 15px; border-radius: 13px; box-shadow: 1px 3px 10px -7px #000, 0px -1px 10px -10px #000; overflow: hidden; }
.sub.popup_player .score-statistics .statistics_box .menu { display: flex; flex-direction: row; justify-content: space-between; background: #fff; }
.sub.popup_player .score-statistics .statistics_box .menu a { display: block; width: 24%; font-size: 14px; background: #ddd; padding: 8px 0; text-align: center; border-radius: 18px; }
.sub.popup_player .score-statistics .statistics_box .menu a.active { background: #FF7F27; }
.sub.popup_player .score-statistics .statistics_box .statistics { padding: 0 7px; }
.sub.popup_player .score-statistics .statistics_box .statistics .box_desc { font-size: 14px; color: #777777; margin: 30px 0 10px 0; }
.sub.popup_player .score-statistics .statistics_box .statistics .top { display: flex; flex-direction: row; justify-content: space-between; }
.sub.popup_player .score-statistics .statistics_box .statistics .top div { width: 50%; }
.sub.popup_player .score-statistics .statistics_box .statistics .top div .label { font-size: 15px; font-weight: bold; color: #AAAAAA; text-align: center;}
.sub.popup_player .score-statistics .statistics_box .statistics .top div .count { font-size: 30px; font-weight: bold; text-align: center;}
.sub.popup_player .score-statistics .statistics_box .statistics .bot { display: flex; flex-direction: row; justify-content: space-between; margin-top: 15px; padding-top: 10px; border-top:solid 1px rgba(34, 34, 34, 0.1); }
.sub.popup_player .score-statistics .statistics_box .statistics .bot div .label { font-size: 14px; color: #AAAAAA; }
.sub.popup_player .score-statistics .statistics_box .statistics .bot div .count { font-size: 18px; font-weight: bold; color: #777777; }

.sub.popup_player .my-score { position: relative; padding: 20px; }
.sub.popup_player .my-score .s-menu { position: absolute; right:20px; top: 20px; background: #E6E6E6; border-radius: 26px; width: 140px; }
.sub.popup_player .my-score .s-menu a { display: inline-block; width: 72px; text-align: center; padding: 3px 0px; font-size: 14px; color: rgba(34, 34, 34, 0.5); }
.sub.popup_player .my-score .s-menu a:last-child { margin-left: -10px; }
.sub.popup_player .my-score .s-menu a.active { color: #fff; background: #333; border-radius: 26px; }
.sub.popup_player .my-score .score-box { margin-top: 10px; padding: 20px; border-radius: 13px; box-shadow: 1px 3px 10px -7px #000, 0px -1px 10px -10px #000; }
.sub.popup_player .my-score .score-box .title { text-align: center; }
.sub.popup_player .my-score .score-box .title p { font-size: 30px; font-weight: bold; }
.sub.popup_player .my-score .score-box .title p:first-child { font-size: 15px; color: #777777; }
.sub.popup_player .my-score .score-box .chart { display: flex; flex-direction: row; justify-content: space-between; }
.sub.popup_player .my-score .score-box .chart > div { width: 18%; display: flex; flex-direction: column; justify-content: flex-end; }
.sub.popup_player .my-score .score-box .chart > div > div { width: 100%; height: 224px; background: #fff; border-radius: 30px; display: flex; flex-direction: column; justify-content: flex-end; }
.sub.popup_player .my-score .score-box .chart > div > div > div { background: #26548F; border-radius: 30px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 20px; }
.sub.popup_player .my-score .score-box .chart > div > div > div.active { background: #FF7F27; }
.sub.popup_player .my-score .score-box .chart > div > p { font-size: 11px; color: #777777; text-align: center; margin-top: 10px; }

.sub.popup_player .skill-compare { position: relative; padding: 20px; }
.sub.popup_player .skill-compare .s-menu { position: absolute; right:20px; top: 15px; }
.sub.popup_player .skill-compare .s-menu a { display: block; }
.sub.popup_player .skill-compare .s-menu a img { width: 73px; }
.sub.popup_player .skill-compare .s-menu a.active { color: #fff; background: #333; border-radius: 26px; }
.sub.popup_player .skill-compare .chart-box { border-radius: 13px; box-shadow: 1px 3px 10px -7px #000, 0px -1px 10px -10px #000; padding: 15px 20px 40px; margin-top: 15px; }
.sub.popup_player .skill-compare .chart-box .search-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.sub.popup_player .skill-compare .chart-box .search-box > div { font-size: 15px; font-weight: bold; color: #AAAAAA; }
.sub.popup_player .skill-compare .chart-box .search-box > div img { width: 40px; border-radius: 100%; }
.sub.popup_player .skill-compare .chart-box .search-box > div.thumb img { height: 40px; }
.sub.popup_player .skill-compare .chart-box .search-box > div:last-child { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: calc(100% - 80px); height: 40px; font-size: 14px; color: #222; font-weight: normal; border: solid 1px #DDDDDD; border-radius: 10px; padding: 0 20px; }
.sub.popup_player .skill-compare .chart-box .search-box > div:last-child img { width: 20px; }
.sub.popup_player .skill-compare .chart-box .search-box > div.vs { margin: 0 10px; }
.sub.popup_player .skill-compare .chart-box .chart {}
.sub.popup_player .skill-compare .chart-box .chart .item { display: flex; flex-direction: row; justify-content: space-between; padding: 15px 0; border-bottom: solid 1px #EEEEEE; }
.sub.popup_player .skill-compare .chart-box .chart .item:last-child { border: 0; }
.sub.popup_player .skill-compare .chart-box .chart .item .title { width: 20%; }
.sub.popup_player .skill-compare .chart-box .chart .item .title p { font-size: 11px; }
.sub.popup_player .skill-compare .chart-box .chart .item .title em { position: relative; display: block; font-size: 14px; font-weight: bold; font-style: normal; padding-left: 10px; }
.sub.popup_player .skill-compare .chart-box .chart .item .title em span { font-size: 11px; font-weight: normal; }
.sub.popup_player .skill-compare .chart-box .chart .item .title em.up { color: #FF7F27; }
.sub.popup_player .skill-compare .chart-box .chart .item .title em.up:before { content: ''; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; background: url('/static/img/main/icon_up.png') no-repeat; background-size: 100%; }
.sub.popup_player .skill-compare .chart-box .chart .item .title em.down { color: #26548F; }
.sub.popup_player .skill-compare .chart-box .chart .item .title em.down:before { content: ''; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; background: url('/static/img/main/icon_down.png') no-repeat; background-size: 100%; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph { width: 80%; padding-top: 2px; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph div { height: 12px; font-size: 14px; font-weight: bold; margin-bottom: 3px; color: #777777; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph div span { display: inline-block; max-width: 80%; height: 100%; background: #ccc; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph div.up { color: #FF7F27; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph div.up span { background: #FF7F27; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph div.down { color: #26548F; }
.sub.popup_player .skill-compare .chart-box .chart .item .graph div.down span { background: #26548F; }

.sub.cueunyplayer .approve-status { display: inline-block; background: #26548F; padding: 5px 10px; margin: 0 auto 20px auto; border-radius: 30px; color: #fff; text-align: center; font-size: 12px; }
.sub.cueunyplayer .btn { margin-top: 30px; }
.sub.cueunyplayer .btn a { width: 100%; border-radius: 8px; padding: 15px 0; }
.sub.cueunyplayer .box_title { text-align: center; }
.sub.cueunyplayer .box_title .title { font-size: 20px; font-weight: bold; }
.sub.cueunyplayer .box_title select { width: 100%; height: 45px; background: #fff url('/static/img/competition/select_arrow.png') no-repeat 95% center; background-size: 2.6vw 1.6vw; appearance: none; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; }
.sub.cueunyplayer .box_title select.shadow { box-shadow: #ccc 0px 0 16px 0px; }
.sub.cueunyplayer .table01 { font-size: 14px; }
.sub.cueunyplayer .table01 th { width: 30%; color: #666; font-weight: normal; vertical-align: top; padding-top: 15px; }
.sub.cueunyplayer .table01 td { position: relative; width: 70%; padding-bottom: 10px; }
.sub.cueunyplayer .table01 td select { width: 100%; height: 45px; background: #fff url('/static/img/competition/select_arrow.png') no-repeat 95% center; background-size: 2.6vw 1.6vw; appearance: none; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; }
.sub.cueunyplayer .table01 td input { width: 100%; height: 45px; color: #222; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; }
.sub.cueunyplayer .table01 td input.search { background: #fff url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/search2.png') no-repeat 95% center; background-size: 15px; }
.sub.cueunyplayer .table01 td input::placeholder { color: #999; }
.sub.cueunyplayer .table01 td textarea { width: 100%; height: 80px; color: #222; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; padding-top: 10px; }
.sub.cueunyplayer .table01 td textarea::placeholder { color: #999; }
.sub.cueunyplayer .table01 td .btn-file { display: block; width: 100%; padding: 11px 0; text-align: center; border: solid 1px #222; border-radius: 5px; background: #fff; }
.sub.cueunyplayer .table01 td input[type=file] { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; }
.sub.cueunyplayer .table01 td .img-list { margin-top: 5px; }
.sub.cueunyplayer .table01 td .img-list ul { display: flex; flex-direction: row; justify-content: flex-start; }
.sub.cueunyplayer .table01 td .img-list ul li { width: 9.5vw; height: 9.5vw; margin-right: 13px; border-radius: 5px; background: #F9F9F9; border: solid 1px #ddd; position: relative;}
.sub.cueunyplayer .table01 td .img-list ul li:last-child { margin: 0; }
.sub.cueunyplayer .table01 td .img-list ul li img { width: 100%; height: 100%; }
.sub.cueunyplayer .table01 td .img-list ul li span { position: absolute;top: -5px;;right: -5px;width: 15px; height: 15px;background-color: red;color: #fff;text-align: center;line-height: 15px; border-radius: 50%; }
.sub.cueunyplayer .table01 td .img-list p { font-size: 12px; color: #777777; margin-top: 5px; }
.sub.cueunyplayer .table01 td .img-license { position: relative }
.sub.cueunyplayer .table01 td .img-license img { width: 100%; margin-top: 10px; }
.sub.cueunyplayer .table01 td .img-license span { position: absolute;top: 5px;;right: -5px;width: 15px; height: 15px;background-color: red;color: #fff;text-align: center;line-height: 15px; border-radius: 50%; }
.sub.cueunyplayer .noti-txt { background: #FFF8F3; border: solid 1px #FFDDC6; border-radius: 5px; padding: 20px; }
.sub.cueunyplayer .noti-txt p { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.sub.cueunyplayer .noti-txt div { font-size: 12px; color: #666666; }
.sub.cueunyplayer .noti-txt li { font-size: 12px; list-style: inside; color: #666666; }
.sub.cueunyplayer .item-list01 { margin-top: 30px; }
.sub.cueunyplayer .item-list01 .item { background: #fff; padding: 10px 15px; margin-top: 10px; }
.sub.cueunyplayer .item-list01 .item .top { position: relative; padding-bottom: 15px; }
.sub.cueunyplayer .item-list01 .item .top > p { width: 70px; font-size: 12px; text-align: center; padding: 4px 0; border-radius: 30px; }
.sub.cueunyplayer .item-list01 .item .top > p.type01 { background: #FF7F27; color: #fff; }
.sub.cueunyplayer .item-list01 .item .top > p.type02 { background: #FFD21D; color: #222; }
.sub.cueunyplayer .item-list01 .item .top > p.type03 { background: #0078fd; color: #fff; }
.sub.cueunyplayer .item-list01 .item .top > p.type04 { background: #B2B2B2; color: #fff; }
.sub.cueunyplayer .item-list01 .item .top .date { font-size: 14px; font-weight: bold; margin-top: 10px; }
.sub.cueunyplayer .item-list01 .item .top .date em { font-size: 16px; font-style: normal; }
.sub.cueunyplayer .item-list01 .item .top .price { display: flex; flex-direction: row; justify-content: flex-start; }
.sub.cueunyplayer .item-list01 .item .top .price p { position: relative; font-size: 12px; color: #999999; }
.sub.cueunyplayer .item-list01 .item .top .price p:first-child { padding-right: 10px; margin-right: 10px; }
.sub.cueunyplayer .item-list01 .item .top .price p:first-child::before { content: ''; position: absolute; right:0; top: 4px; width: 1px; height: 10px; background: #ddd; }
.sub.cueunyplayer .item-list01 .item .top .price p em { font-size: 14px; font-style: normal; }
.sub.cueunyplayer .item-list01 .item .top .note { font-size: 14px; color: #1d6fb8;margin-top:5px; }
.sub.cueunyplayer .item-list01 .item .top .modify-btn { position: absolute; top: calc(50% - 29px); right: 0px; font-size: 12px; width: 70px; padding: 20px 0; font-weight: bold; text-align: center; background: #fff url('/static/img/cuesco/arrow_right_black.png') no-repeat 95% center; background-size: 14px; }
.sub.cueunyplayer .item-list01 .item .bottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 15px; border-top: dotted 1px #ddd; }
.sub.cueunyplayer .item-list01 .item .bottom .club { font-size: 14px; }
.sub.cueunyplayer .item-list01 .item .bottom .club .addr { color: #999999; }
.sub.cueunyplayer .item-list01 .item .bottom .club .tel { color: #999999;  }
.sub.cueunyplayer .item-list01 .item .bottom .location { font-size: 12px; font-weight: bold; text-align: center; }
.sub.cueunyplayer .item-list01 .item .bottom .location img { width: 15px; }
.sub.cueunyplayer .total-price { height: 68px; color: #fff; background: #028DFE; border-radius: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 15px; margin-top: 15px; box-shadow: #ccc 0px 0 16px 0px; }
.sub.cueunyplayer .total-price .tit { font-size: 14px; font-weight: bold; }
.sub.cueunyplayer .total-price .price { font-size: 14px; font-weight: bold; }
.sub.cueunyplayer .total-price .price em { font-size: 24px; font-style: normal; }
.sub.cueunyplayer .settlement-list { margin-top: 30px; }
.sub.cueunyplayer .settlement-list .item { border-top: solid 1px #E6E6E6; }
.sub.cueunyplayer .settlement-list .item .item-total { padding: 0 20px; height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer .settlement-list .item .item-total div { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer .settlement-list .item .item-total div:last-child { background: url('/static/img/cuesco/icon_arrow_down.png') no-repeat 95% center; background-size: 10px; padding-right: 8%; }
.sub.cueunyplayer .settlement-list .item .item-total.active div:last-child { background: url('/static/img/cuesco/icon_arrow_up.png') no-repeat 95% center; background-size: 10px; }
.sub.cueunyplayer .settlement-list .item .item-total div p { font-size: 14px; }
.sub.cueunyplayer .settlement-list .item .item-total div p:first-child { font-weight: bold; }
.sub.cueunyplayer .settlement-list .item .item-total div em { font-size: 18px; font-weight: bold; font-style: normal; }
.sub.cueunyplayer .settlement-list .item .detail { background: #F8F8F8; padding: 15px 20px; display: none; }
.sub.cueunyplayer .settlement-list .item .detail table th { font-size: 14px; color: #777777; font-weight: normal; padding-bottom: 5px }
.sub.cueunyplayer .settlement-list .item .detail table td { font-size: 11px; color: #777777; padding-bottom: 5px; text-align: right; }
.sub.cueunyplayer .settlement-list .item .detail table td em { font-size: 16px; font-style: normal; }
.sub.cueunyplayer .reservation-list .item { margin: 20px 0; background: #fff; border-radius: 5px; border:1px solid #d5d5d5; }
.sub.cueunyplayer .reservation-list .item.active { border-color: #ff7f28 }
.sub.cueunyplayer .reservation-list .item .player { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px; }
.sub.cueunyplayer .reservation-list .item .player .info .class { font-size: 12px; }
.sub.cueunyplayer .reservation-list .item .player .info .name { font-size: 18px; font-weight: bold; }
.sub.cueunyplayer .reservation-list .item .player .info .date { font-size: 14px; color: #777; margin-top: 10px; }
.sub.cueunyplayer .reservation-list .item .player .info .price { color: #777; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer .reservation-list .item .player .info .price p { position: relative; font-size: 12px; }
.sub.cueunyplayer .reservation-list .item .player .info .price p:first-child { margin-right: 8px; padding-right: 8px; }
.sub.cueunyplayer .reservation-list .item .player .info .price p:first-child::before { content: ''; position: absolute; right:0; top: 4px; width: 1px; height: 10px; background: #ddd; }
.sub.cueunyplayer .reservation-list .item .player .info .price p em { font-size: 14px; font-style: normal; }
.sub.cueunyplayer .reservation-list .item .player .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer .reservation-list .item .btn { margin:0; }
.sub.cueunyplayer .reservation-list .item .btn a { border-radius: 0 0 5px 5px; font-size: 15px; font-weight: bold; padding: 8px 0; }
.sub.cueunyplayer .reservation-list .item .btn.ea2 { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.sub.cueunyplayer .reservation-list .item .btn.ea2 a { border-radius: 0 0 0 5px; color: #222; }
.sub.cueunyplayer .reservation-list .item .btn.ea2 a:last-child { border-radius: 0 0 5px 0; }
.sub.cueunyplayer .reservation-player-info { text-align: center; margin-bottom: 10px; }
.sub.cueunyplayer .reservation-player-info .name { font-size: 20px; font-weight: bold; }
.sub.cueunyplayer .reservation-player-info .class { font-size: 12px; }
.sub.cueunyplayer .reservation-player-info .photo { margin-top: 10px; }
.sub.cueunyplayer .reservation-player-info .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer .sub-tab-menu { position: relative; padding:0 20px; border-bottom: solid 1px #DDDDDD; }
.sub.cueunyplayer .sub-tab-menu ul { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.sub.cueunyplayer .sub-tab-menu ul li { width: 20%; text-align: center; }
.sub.cueunyplayer .sub-tab-menu ul li a { display: block; padding: 14px 0; color:#222; font-size: 14px; }
.sub.cueunyplayer .sub-tab-menu ul li.active a { color:#FF7F27; border-bottom: solid 2px #FF7F27; }
.sub.cueunyplayer .reservation-info { padding: 20px; }
.sub.cueunyplayer .reservation-info .date { text-align: center; padding: 18px 0; margin-bottom: 10px; font-size: 16px; font-weight: bold; background: #fff; border-radius: 5px; }
.sub.cueunyplayer .reservation-info .date em { font-size: 18px; font-style: normal; }
.sub.cueunyplayer .reservation-info table { font-size: 14px; background: #fff; border-radius: 5px; }
.sub.cueunyplayer .reservation-info table th { width: 30%; color: #777777; padding: 15px 0; border-bottom: solid 1px #EEEEEE; text-indent: 10px; }
.sub.cueunyplayer .reservation-info table td { width: 70%; font-size: 14px; padding: 15px 0; border-bottom: solid 1px #EEEEEE; }
.sub.cueunyplayer .reservation-info table tr:last-child th,
.sub.cueunyplayer .reservation-info table tr:last-child td { border: 0; }
.sub.cueunyplayer .reservation-info table td em { font-size: 11px; font-style: normal; }
.sub.cueunyplayer .reservation-info table input,
.sub.cueunyplayer .reservation-info table textarea { border: 0; text-indent: 0; }
.sub.cueunyplayer .reservation-info table.table01 th,
.sub.cueunyplayer .reservation-info table.table01 td { padding: 5px; }
.sub.cueunyplayer .reservation-info table.table01 th { padding: 15px; }
.sub.cueunyplayer .review-list { padding-bottom: 20px; }
.sub.cueunyplayer .review-list .total-score { padding: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.sub.cueunyplayer .review-list .total-score .star-score { flex: 1; text-align: center; border-right: solid 1px #E6E6E6; }
.sub.cueunyplayer .review-list .total-score .star-score .score { font-size: 24px; font-weight: bold; }
.sub.cueunyplayer .review-list .total-score .star-score .star img { width: 16px; }
.sub.cueunyplayer .review-list .total-score .chart { flex: 1; height: 75px; padding: 0 40px; display: flex; flex-direction: row; justify-content: space-between; }
.sub.cueunyplayer .review-list .total-score .chart > div { width: 20px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.sub.cueunyplayer .review-list .total-score .chart > div > div { position: relative; width: 6px; height: 224px; background: #ddd; border-radius: 30px; display: flex; flex-direction: column; justify-content: flex-end; }
.sub.cueunyplayer .review-list .total-score .chart > div > div span { position: absolute; top: -10px; left: -17px; display: block; width: 40px; height: 22px; background: url('/static/img/cuesco/bg_star_score.png') no-repeat; background-size: 100%; font-size: 12px; font-weight: bold; color: #FF7F27; text-align: center; line-height: 20px; }
.sub.cueunyplayer .review-list .total-score .chart > div > div > div { background: #FF7F27; border-radius: 30px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; }
.sub.cueunyplayer .review-list .total-score .chart > div > p { font-size: 11px; color: #222; text-align: center; margin-top: 10px; }
.sub.cueunyplayer .review-list .item { background: #fff; margin: 0px 20px 20px 20px; padding: 20px; border-radius: 5px; }
.sub.cueunyplayer .review-list .item .writer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer .review-list .item .writer .info {}
.sub.cueunyplayer .review-list .item .writer .info .club { font-size: 12px; font-weight: bold; }
.sub.cueunyplayer .review-list .item .writer .info .date { font-size: 12px; }
.sub.cueunyplayer .review-list .item .writer .info .star { margin-top: 5px; }
.sub.cueunyplayer .review-list .item .writer .info .star img { width: 16px; }
.sub.cueunyplayer .review-list .item .writer .photo { position: relative; }
.sub.cueunyplayer .review-list .item .writer .photo span { display: block; position: absolute; right: 0; top: 0; width: 25px; height: 20px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; text-align: center; line-height: 20px; border-radius: 5px; }
.sub.cueunyplayer .review-list .item .writer .photo img { width: 50px; height: 50px; border-radius: 5px; }
.sub.cueunyplayer .review-list .item .content { margin-top: 10px; font-size: 11px; color: #777777; min-height: 35px; }
.sub.cueunyplayer .review-list .item .content.short { height: 35px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.sub.cueunyplayer .photo-list { padding: 20px; }
.sub.cueunyplayer .photo-list div { }
.sub.cueunyplayer .photo-list div ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer .photo-list div ul li { width: 28vw; height: 28vw; margin-right: 10px; margin-bottom: 10px; overflow: hidden; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.sub.cueunyplayer .photo-list div ul li:nth-child(3n) { margin-right: 0; }
.sub.cueunyplayer .photo-list div ul li img { max-height: 28vw; }

.sub.cueunyplayer2 .approve-status { display: inline-block; background: #26548F; padding: 5px 10px; margin: 0 auto 20px auto; border-radius: 30px; color: #fff; text-align: center; font-size: 12px; }
.sub.cueunyplayer2 .btn { margin-top: 30px; }
.sub.cueunyplayer2 .btn a { width: 100%; border-radius: 8px; padding: 15px 0; color: #fff;}
.sub.cueunyplayer2 .btn a.small { padding: 5px ; }
.sub.cueunyplayer2 .box_title { text-align: center; display: flex; justify-content: space-evenly; }
.sub.cueunyplayer2 .box_title .title { font-size: 20px; font-weight: bold; }
.sub.cueunyplayer2 .box_title select { width: 30%; height: 45px; background: #fff url('/static/img/competition/select_arrow.png') no-repeat 90% center; background-size: 2.6vw 1.6vw; appearance: none; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; margin-right: 5px; }
.sub.cueunyplayer2 .box_title input { width: 70%; height: 43px; appearance: none; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; }
.sub.cueunyplayer2 .box_title .shadow { box-shadow: #ccc 0px 0 16px 0px; }
.sub.cueunyplayer2 .box_title.select select { width:50%; }
.sub.cueunyplayer2 .box_title .btn-search { position: absolute; right: 0px; top: 0px; width: 43px; height: 43px; }
.sub.cueunyplayer2 .box_title .btn-search img { width: 14px; }
.sub.cueunyplayer2 .table01 { font-size: 14px; }
.sub.cueunyplayer2 .table01 th { width: 30%; color: #666; font-weight: normal; vertical-align: top; padding-top: 15px; }
.sub.cueunyplayer2 .table01 td { position: relative; width: 70%; padding-bottom: 10px; }
.sub.cueunyplayer2 .table01 td select { width: 100%; height: 45px; background: #fff url('/static/img/competition/select_arrow.png') no-repeat 95% center; background-size: 2.6vw 1.6vw; appearance: none; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; }
.sub.cueunyplayer2 .table01 td .select-ea2 { display: flex; justify-content: space-evenly; align-items: flex-end; align-content: flex-end }
.sub.cueunyplayer2 .table01 td .select-ea2 select:first-child { margin-right: 5px; }
.sub.cueunyplayer2 .table01 td .input-ea2 { display: flex; justify-content: space-evenly; align-items: center; }
.sub.cueunyplayer2 .table01 td .input-ea2 input:nth-child(odd) { margin-right: 5px; }
.sub.cueunyplayer2 .table01 td .input-ea2.wrap { flex-wrap: wrap; justify-content: flex-start; }
.sub.cueunyplayer2 .table01 td .input-ea2.wrap input { width: calc(50% - 5px); }
.sub.cueunyplayer2 .table01 td a.btn { margin:0; display: block; margin-top: 5px; }
.sub.cueunyplayer2 .table01 td input { width: 100%; height: 45px; color: #222; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; }
.sub.cueunyplayer2 .table01 td input.close { background: #f8f8f8 url('/static/img/cuesco/icon_input_close.png') no-repeat 90% center; background-size: 11px; border:1px solid #a1a1a1; height: 30px; background-color: #ccc;}
.sub.cueunyplayer2 .table01 td input.search { background: #fff url('https://s3.ap-northeast-2.amazonaws.com/static.cuesco.co.kr/np/img/icon/search2.png') no-repeat 95% center; background-size: 15px; }
.sub.cueunyplayer2 .table01 td input::placeholder { color: #999; }
.sub.cueunyplayer2 .table01 td textarea { width: 100%; height: 80px; color: #222; border: solid 1px #ddd; border-radius: 5px; text-indent: 15px; padding-top: 10px; }
.sub.cueunyplayer2 .table01 td textarea::placeholder { color: #999; }
.sub.cueunyplayer2 .table01 td .btn-file { display: block; width: 100%; padding: 11px 0; text-align: center; border: solid 1px #222; border-radius: 5px; background: #fff; }
.sub.cueunyplayer2 .table01 td span.red { display: block; color: #FC0E0E; font-size: 12px; margin-top: 5px; }
.sub.cueunyplayer2 .table01 td input[type=file] { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; }
.sub.cueunyplayer2 .table01 td input[type=radio] { width: 20px; height: 20px; vertical-align: middle; margin: 15px 0; border-radius: 20px; -webkit-appearance: none; }
.sub.cueunyplayer2 .table01 td input[type=radio]:checked { background-color: #FF7F27; }
.sub.cueunyplayer2 .table01 td label { vertical-align: middle; margin-left: 10px; }
.sub.cueunyplayer2 .table01 td .img-list { margin-top: 5px; }
.sub.cueunyplayer2 .table01 td .img-list ul { display: flex; flex-direction: row; justify-content: flex-start; }
.sub.cueunyplayer2 .table01 td .img-list ul li { width: 9.5vw; height: 9.5vw; margin-right: 2.5vw; border-radius: 5px; background: #F9F9F9; border: solid 1px #ddd; position: relative;}
.sub.cueunyplayer2 .table01 td .img-list ul li:last-child { margin: 0; }
.sub.cueunyplayer2 .table01 td .img-list ul li img { width: 100%; height: 100%; }
.sub.cueunyplayer2 .table01 td .img-list ul li span { position: absolute;top: -5px;;right: -5px;width: 15px; height: 15px;background-color: red;color: #fff;text-align: center;line-height: 15px; border-radius: 50%; }
.sub.cueunyplayer2 .table01 td .img-list p { font-size: 12px; color: #777777; margin-top: 5px; border:0; background: #fff; padding: 0; }
.sub.cueunyplayer2 .table01 td .img-license { position: relative }
.sub.cueunyplayer2 .table01 td .img-license img { width: 100%; margin-top: 10px; }
.sub.cueunyplayer2 .table01 td .img-license span { position: absolute;top: 5px;;right: -5px;width: 15px; height: 15px;background-color: red;color: #fff;text-align: center;line-height: 15px; border-radius: 50%; }
.sub.cueunyplayer2 .noti-txt { background: #FFF8F3; border: solid 1px #FFDDC6; border-radius: 5px; padding: 20px; }
.sub.cueunyplayer2 .noti-txt p { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
.sub.cueunyplayer2 .noti-txt div { font-size: 12px; color: #666666; }
.sub.cueunyplayer2 .noti-txt li { font-size: 12px; list-style: inside; color: #666666; }
.sub.cueunyplayer2 .item-list01 { margin-top: 30px; }
.sub.cueunyplayer2 .item-list01 .item { background: #fff; padding: 10px 15px; margin-top: 10px; border-radius: 5px; }
.sub.cueunyplayer2 .item-list01 .item .top { position: relative; padding-bottom: 15px; }
.sub.cueunyplayer2 .item-list01 .item .top .player { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer2 .item-list01 .item .top .player .info .class { font-size: 12px; }
.sub.cueunyplayer2 .item-list01 .item .top .player .info .name { font-size: 18px; }
.sub.cueunyplayer2 .item-list01 .item .top .player .info .time { font-size: 14px; color: #777; margin-top: 10px; }
.sub.cueunyplayer2 .item-list01 .item .top .player .info .price { color: #777; font-size:13px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer2 .item-list01 .item .top .player .info .price em { font-size: 22px; font-style: normal; }
.sub.cueunyplayer2 .item-list01 .item .top .player .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer2 .item-list01 .item .bottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 15px; border-top: dotted 1px #ddd; }
.sub.cueunyplayer2 .item-list01 .item .bottom .club { font-size: 14px; }
.sub.cueunyplayer2 .item-list01 .item .bottom .club .addr { color: #999999; }
.sub.cueunyplayer2 .item-list01 .item .bottom .club .tel { color: #999999;  }
.sub.cueunyplayer2 .item-list01 .item .bottom .location { font-size: 12px; font-weight: bold; text-align: center; }
.sub.cueunyplayer2 .item-list01 .item .bottom .location img { width: 15px; }
.sub.cueunyplayer2 .total-price { color: #fff; background: #028DFE; border-radius: 5px; margin-top: 15px; box-shadow: #ccc 0px 0 16px 0px; }
.sub.cueunyplayer2 .total-price > div { padding: 15px 20px; }
.sub.cueunyplayer2 .total-price .tit { font-size: 14px; font-weight: bold; }
.sub.cueunyplayer2 .total-price .date { font-size: 14px; margin-top: 10px; }
.sub.cueunyplayer2 .total-price .price { font-size: 14px; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer2 .total-price .price em { font-size: 24px; font-style: normal; }
.sub.cueunyplayer2 .total-price .price .bar { width: 1px; height: 18px; background: #fff; margin: 0 10px; opacity: 0.2; }
.sub.cueunyplayer2 .total-price .detail { background: #1d6daf; border-top: solid 1px #ccc; }
.sub.cueunyplayer2 .total-price .detail:last-child { border-radius: 0 0 5px 5px; }
.sub.cueunyplayer2 .total-price .detail.detail2 { background: #222; color: #fff2e9; }
.sub.cueunyplayer2 .total-price .detail table th { font-size: 14px; color: #fff2e9; font-weight: normal; padding-bottom: 5px }
.sub.cueunyplayer2 .total-price .detail table td { font-size: 11px; color: #fff2e9; padding-bottom: 5px; text-align: right; }
.sub.cueunyplayer2 .total-price .detail table td em { font-size: 16px; font-style: normal; }
.sub.cueunyplayer2 .total-price .detail table tr.result th { font-weight: bold; color: #fff; }
.sub.cueunyplayer2 .total-price .detail table tr.result td { color: #fff; }
.sub.cueunyplayer2 .total-price .detail table tr.result td em { font-weight: bold; color: #fff; }

.sub.cueunyplayer2 .settlement-list { margin-top: 30px; }
.sub.cueunyplayer2 .settlement-list .item { border-top: solid 1px #E6E6E6; }
.sub.cueunyplayer2 .settlement-list .item .item-total { padding: 0 20px; height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer2 .settlement-list .item .item-total div { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer2 .settlement-list .item .item-total div:last-child { background: url('/static/img/cuesco/icon_arrow_down.png') no-repeat 95% center; background-size: 10px; padding-right: 8%; }
.sub.cueunyplayer2 .settlement-list .item .item-total.active div:last-child { background: url('/static/img/cuesco/icon_arrow_up.png') no-repeat 95% center; background-size: 10px; }
.sub.cueunyplayer2 .settlement-list .item .item-total div p { font-size: 14px; }
.sub.cueunyplayer2 .settlement-list .item .item-total div p.settle_y { color: #1d6daf; font-weight: bold; }
.sub.cueunyplayer2 .settlement-list .item .item-total div p:first-child { font-weight: bold; }
.sub.cueunyplayer2 .settlement-list .item .item-total div p.bar { width: 1px; height: 10px; background: #EEEEEE; margin: 0 10px; }
.sub.cueunyplayer2 .settlement-list .item .item-total div em { font-size: 18px; font-weight: bold; font-style: normal; }
.sub.cueunyplayer2 .settlement-list .item .detail { background: #F8F8F8; padding: 15px 20px;border-top: 1px solid #a1a1a1; border-bottom: 1px solid #ccc; }
.sub.cueunyplayer2 .settlement-list .item .detail .complete { width: 70px; background: #333333; font-size: 11px; color: #fff; border-radius: 50px; padding: 4px 0; text-align: center; margin-bottom: 5px; }
.sub.cueunyplayer2 .settlement-list .item .detail .complete.done { background-color: #1D6DAF; }
.sub.cueunyplayer2 .settlement-list .item .detail .complete.button { background-color: #ff7f28; }
.sub.cueunyplayer2 .settlement-list .item .detail table th { font-size: 14px; color: #777777; font-weight: normal; padding-bottom: 5px; width: 40%;}
.sub.cueunyplayer2 .settlement-list .item .detail table td { font-size: 11px; color: #777777; padding-bottom: 5px; text-align: right; width: 60%;}
.sub.cueunyplayer2 .settlement-list .item .detail table td em { font-size: 16px; font-style: normal; }
.sub.cueunyplayer2 .settlement-list .item .detail table tr.result th { font-weight: bold; color: #666666; }
.sub.cueunyplayer2 .settlement-list .item .detail table tr.result td { color: #666666; }
.sub.cueunyplayer2 .settlement-list .item .detail table tr.result td em { font-weight: bold; color: #666666; }
.sub.cueunyplayer2 .reservation-list { margin-bottom: 20px; }
.sub.cueunyplayer2 .reservation-list .reserv-date { width: 164px; padding:3px 0; margin:20px auto 0px auto; font-size:14px; font-weight: bold; text-align: center; border: solid 1px #333333; border-radius: 80px; background:#fff; }
.sub.cueunyplayer2 .reservation-list .item { margin-top: 10px; border-radius: 5px; }
.sub.cueunyplayer2 .reservation-list .item .state { padding: 3px 5px; background-color: red; font-size:13px;maring-bottom: 10px; max-width: 100px; text-align: center;border-radius: 5px 5px 0 0;}
.sub.cueunyplayer2 .reservation-list .item .state.join { background-color: #fab61e; color: #222; }
.sub.cueunyplayer2 .reservation-list .item .state.confirm { background-color: #028dfe; color: #fff2e9; }
.sub.cueunyplayer2 .reservation-list .item .state.payment { background-color: #ff7f28; color: #fff2e9; }
.sub.cueunyplayer2 .reservation-list .item .state.timeover { background-color: #a44f20; color: #fff2e9; }
.sub.cueunyplayer2 .reservation-list .item .state.cancel, .sub.cueunyplayer2 .reservation-list .item .state.wait, .sub.cueunyplayer2 .reservation-list .item .state.refund, .sub.cueunyplayer2 .reservation-list .item .state.end, .sub.cueunyplayer2 .reservation-list .item .state.reserved,.sub.cueunyplayer2 .reservation-list .item .state.timeover { background-color: gray; color: #fff2e9; }
.sub.cueunyplayer2 .reservation-list .item.active { border-color: #ff7f28 }
.sub.cueunyplayer2 .reservation-list .item .player { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px; background: #fff; border-radius: 0px 5px 0 0;}
.sub.cueunyplayer2 .reservation-list .item .player .info .class { font-size: 12px; }
.sub.cueunyplayer2 .reservation-list .item .player .info .name { font-size: 18px; }
.sub.cueunyplayer2 .reservation-list .item .player .info .date { font-size: 14px; color: #777; margin-top: 10px; }
.sub.cueunyplayer2 .reservation-list .item .player .info .price { color: #777; font-size:13px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer2 .reservation-list .item .player .info .price em { font-size: 22px; font-style: normal; font-weight: bold; color: #ff7f28;}
.sub.cueunyplayer2 .reservation-list .item .player .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer2 .reservation-list .item .btn { margin:0; }
.sub.cueunyplayer2 .reservation-list .item .btn a { border-radius: 0; font-size: 15px; font-weight: bold; padding: 8px 0; color:#222; }
.sub.cueunyplayer2 .reservation-list .item .btn.ea2 { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.sub.cueunyplayer2 .reservation-list .item .btn.ea2 a { border-radius: 0 0 0 0; color: #222; border:0;}
.sub.cueunyplayer2 .reservation-list .item .btn.ea2 a:first-child { border-radius: 0 0 0 5px; color: #222; }
.sub.cueunyplayer2 .reservation-list .item .btn.ea2 a:last-child { border-radius: 0 0 5px 0;background-color: #aaa;color: #222; }
.sub.cueunyplayer2 .reservation-list .item .btn.ea3 { display: flex; flex-direction: row; justify-content: center; align-items: center; border:0;}
.sub.cueunyplayer2 .reservation-list .item .btn.ea3 a:first-child { border-radius: 0 0 0 5px; color: #222; }
.sub.cueunyplayer2 .reservation-list .item .btn.ea3 a:nth-child(2) { background: #aaa; border-color: #aaa; }
.sub.cueunyplayer2 .reservation-list .item .btn.ea3 a:last-child { border-radius: 0 0 5px 0; }

.sub.cueunyplayer2 .player-list { margin-bottom: 20px; }
.sub.cueunyplayer2 .player-list .reserv-date { width: 164px; padding:3px 0; margin:20px auto 0px auto; font-size:14px; font-weight: bold; text-align: center; border: solid 1px #333333; border-radius: 80px; background:#fff; }
.sub.cueunyplayer2 .player-list .item { margin-top: 10px; background: #fff; border-radius: 5px; }
.sub.cueunyplayer2 .player-list .item.active { border-color: #ff7f28; }
.sub.cueunyplayer2 .player-list .item .player { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px; }
.sub.cueunyplayer2 .player-list .item .player .info .class { font-size: 12px; }
.sub.cueunyplayer2 .player-list .item .player .info .name { font-size: 18px; }
.sub.cueunyplayer2 .player-list .item .player .info .score { margin-top: 10px; display: flex; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer2 .player-list .item .player .info .score .star { width: 70px; }
.sub.cueunyplayer2 .player-list .item .player .info .score .star img { width: 10px; }
.sub.cueunyplayer2 .player-list .item .player .info .score .num { font-size: 18px; color: #777777; margin-left: 10px; }
.sub.cueunyplayer2 .player-list .item .player .photo { position: relative; height: 80px; }
.sub.cueunyplayer2 .player-list .item .player .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer2 .player-list .item .player .photo.lesson::before { content: '레슨'; position: absolute; right: -5px; bottom: 0px; width: 32px; height: 32px; font-size: 12px; color: #fff; background: #ff7f28; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

.sub.cueunyplayer2 .btn.fixed { padding: 0 20px; bottom: 30px; }
.sub.cueunyplayer2 .btn.ea2 { display: flex; justify-content: space-evenly; }
/*.sub.cueunyplayer2 .btn.ea2 a:first-child { margin-right: 5px;}*/

.sub.cueunyplayer2 .reservation-info .title { font-size: 16px; text-align: center; margin-bottom: 30px; }
.sub.cueunyplayer2 .reservation-info .title em { display: block; font-size: 26px; font-weight: bold; font-style: normal; }
.sub.cueunyplayer2 .reservation-info .title span { font-weight: bold; }
.sub.cueunyplayer2 .reservation-info .player { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 15px; background:#F9F9F9; border-radius: 5px; }
.sub.cueunyplayer2 .reservation-info .player .info .class { font-size: 12px; }
.sub.cueunyplayer2 .reservation-info .player .info .name { font-size: 18px; }
.sub.cueunyplayer2 .reservation-info .player .info .time { font-size: 14px; color: #777; margin-top: 10px; }
.sub.cueunyplayer2 .reservation-info .player .info .price { color: #777; font-size:13px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer2 .reservation-info .player .info .price em { font-size: 22px; font-style: normal; }
.sub.cueunyplayer2 .reservation-info .player .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer2 .reservation-info table { margin-top: 10px; }
.sub.cueunyplayer2 .reservation-info table tr th,
.sub.cueunyplayer2 .reservation-info table tr td { border: 0; padding: 5px; }
.sub.cueunyplayer2 .reservation-info table tr th { color: #666666; font-size: 14px; font-weight: normal; }
.sub.cueunyplayer2 .reservation-info table tr td p { padding: 10px; background: #F9F9F9; border: solid 1px #ddd; border-radius: 5px; }
.sub.cueunyplayer2 .reservation-info table tr td p.complete { color: #028DFE; font-size: 16px; font-weight: bold; }
.sub.cueunyplayer2 .reservation-info table tr td.noti { color: #666666; font-size: 14px; }
.sub.cueunyplayer2 .reservation-info .reserv-info { border: solid 1px #CCCCCC; border-radius: 5px; padding: 20px; margin-top: 10px; box-shadow: 0px 0px 15px -9px #000; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul { display: flex; justify-content: space-evenly; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul li { font-size: 14px; color: #777777; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul li:first-child { width: 30%; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul li:last-child { width: 70%; text-align: right; font-size: 18px; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul li.complete { font-size: 16px; font-weight: bold; color: #FF7F27; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul li.end { font-size: 16px; font-weight: bold; color: #26548F; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul li em { font-style: normal; font-size: 18px; font-weight: bold; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul.payment { border-top: solid 0px #EEEEEE; margin-top: 10px; padding-top: 10px; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul.payment li { color: #222; font-size: 18px; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul.cancel { border-top: solid 1px #EEEEEE; margin-top: 10px; padding-top: 10px; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul.cancel li { color: #FF7F27; font-size: 14px; }
.sub.cueunyplayer2 .reservation-info .reserv-info ul.cancel li em { margin-left: 10px; }

.sub.cueunyplayer2 .reservation-player-info { text-align: center; margin-bottom: 10px; }
.sub.cueunyplayer2 .reservation-player-info .name { font-size: 20px; font-weight: bold; }
.sub.cueunyplayer2 .reservation-player-info .class { font-size: 12px; }
.sub.cueunyplayer2 .reservation-player-info .photo { margin-top: 10px; }
.sub.cueunyplayer2 .reservation-player-info .photo img { width: 80px; height: 80px; border-radius: 100%; }
.sub.cueunyplayer2 .sub-tab-menu { position: relative; padding:0 20px; border-bottom: solid 1px #DDDDDD; }
.sub.cueunyplayer2 .sub-tab-menu ul { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.sub.cueunyplayer2 .sub-tab-menu ul li { width: 20%; text-align: center; }
.sub.cueunyplayer2 .sub-tab-menu ul li a { display: block; padding: 14px 0; color:#222; font-size: 14px; }
.sub.cueunyplayer2 .sub-tab-menu ul li.active a { color:#FF7F27; border-bottom: solid 2px #FF7F27; }
.sub.cueunyplayer2 .reservation-info { padding: 20px; }
.sub.cueunyplayer2 .reservation-info .date { text-align: center; padding: 18px 0; margin-bottom: 10px; font-size: 16px; font-weight: bold; background: #fff; border-radius: 5px; }
.sub.cueunyplayer2 .reservation-info .date em { font-size: 18px; font-style: normal; }
.sub.cueunyplayer2 .reservation-info table { font-size: 14px; background: #fff; border-radius: 5px; }
.sub.cueunyplayer2 .reservation-info table th { width: 30%; color: #777777; padding: 15px 0; text-indent: 10px; }
.sub.cueunyplayer2 .reservation-info table td { width: 70%; font-size: 14px; padding: 15px 0; }
.sub.cueunyplayer2 .reservation-info table tr:last-child th,
.sub.cueunyplayer2 .reservation-info table tr:last-child td { border: 0; }
.sub.cueunyplayer2 .reservation-info table td em { font-size: 11px; font-style: normal; }
.sub.cueunyplayer2 .reservation-info table input,
.sub.cueunyplayer2 .reservation-info table textarea { border: 0; text-indent: 0; }
.sub.cueunyplayer2 .reservation-info .border { border: solid 1px #DDDDDD; border-radius: 5px; }
.sub.cueunyplayer2 .reservation-info table.table01 th,
.sub.cueunyplayer2 .reservation-info table.table01 td { width: 70%; padding: 5px; border-bottom: solid 1px #EEEEEE; }
.sub.cueunyplayer2 .reservation-info table.table01 th { width: 30%; padding: 15px; border-bottom: solid 1px #EEEEEE; }
.sub.cueunyplayer2 .review-list { padding-bottom: 20px; }
.sub.cueunyplayer2 .review-list .total-score { padding: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.sub.cueunyplayer2 .review-list .total-score .star-score { flex: 1; text-align: center; border-right: solid 1px #E6E6E6; }
.sub.cueunyplayer2 .review-list .total-score .star-score .score { font-size: 24px; font-weight: bold; }
.sub.cueunyplayer2 .review-list .total-score .star-score .star img { width: 16px; }
.sub.cueunyplayer2 .review-list .total-score .chart { flex: 1; height: 75px; padding: 0 40px; display: flex; flex-direction: row; justify-content: space-between; }
.sub.cueunyplayer2 .review-list .total-score .chart > div { width: 20px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.sub.cueunyplayer2 .review-list .total-score .chart > div > div { position: relative; width: 6px; height: 224px; background: #ddd; border-radius: 30px; display: flex; flex-direction: column; justify-content: flex-end; }
.sub.cueunyplayer2 .review-list .total-score .chart > div > div span { position: absolute; top: -10px; left: -17px; display: block; width: 40px; height: 22px; background: url('/static/img/cuesco/bg_star_score.png') no-repeat; background-size: 100%; font-size: 12px; font-weight: bold; color: #FF7F27; text-align: center; line-height: 20px; }
.sub.cueunyplayer2 .review-list .total-score .chart > div > div > div { background: #FF7F27; border-radius: 30px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; }
.sub.cueunyplayer2 .review-list .total-score .chart > div > p { font-size: 11px; color: #222; text-align: center; margin-top: 10px; }
.sub.cueunyplayer2 .review-list .item { background: #fff; margin: 0px 20px 20px 20px; padding: 20px; border-radius: 5px; }
.sub.cueunyplayer2 .review-list .item .writer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer2 .review-list .item .writer .info {}
.sub.cueunyplayer2 .review-list .item .writer .info .club { font-size: 12px; font-weight: bold; }
.sub.cueunyplayer2 .review-list .item .writer .info .date { font-size: 12px; }
.sub.cueunyplayer2 .review-list .item .writer .info .star { margin-top: 5px; }
.sub.cueunyplayer2 .review-list .item .writer .info .star img { width: 16px; }
.sub.cueunyplayer2 .review-list .item .writer .photo { position: relative; }
.sub.cueunyplayer2 .review-list .item .writer .photo span { display: block; position: absolute; right: 0; top: 0; width: 25px; height: 20px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; text-align: center; line-height: 20px; border-radius: 5px; }
.sub.cueunyplayer2 .review-list .item .writer .photo img { width: 50px; height: 50px; border-radius: 5px; }
.sub.cueunyplayer2 .review-list .item .content { margin-top: 10px; font-size: 11px; color: #777777; min-height: 35px; }
.sub.cueunyplayer2 .review-list .item .content.short { height: 35px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.sub.cueunyplayer2 .photo-list { padding: 20px; }
.sub.cueunyplayer2 .photo-list div { }
.sub.cueunyplayer2 .photo-list div ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer2 .photo-list div ul li { width: 28vw; height: 28vw; margin-right: 10px; margin-bottom: 10px; overflow: hidden; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.sub.cueunyplayer2 .photo-list div ul li:nth-child(3n) { margin-right: 0; }
.sub.cueunyplayer2 .photo-list div ul li img { max-height: 28vw; }

.sub.cueunyplayer2 .item-list02 .item { background: #fff; margin-top: 10px; border-radius: 5px; }
.sub.cueunyplayer2 .item-list02 .item > div:first-child { padding: 10px 15px; }
.sub.cueunyplayer2 .item-list02 .item .type { position: relative; padding-bottom: 15px; }
.sub.cueunyplayer2 .item-list02 .item .type > p { width: 70px; font-size: 12px; text-align: center; padding: 4px 0; border-radius: 30px; }
.sub.cueunyplayer2 .item-list02 .item .type > p.type01 { background: #028DFE; color: #fff; }
.sub.cueunyplayer2 .item-list02 .item .type > p.type02 { background: #FFD21D; color: #222; }
.sub.cueunyplayer2 .item-list02 .item .info { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.sub.cueunyplayer2 .item-list02 .item .info .club { font-size: 14px; width: 85vw;}
.sub.cueunyplayer2 .item-list02 .item .info .club .name { font-size: 16px; font-weight: bold; }
.sub.cueunyplayer2 .item-list02 .item .info .club .addr { color: #999999; }
.sub.cueunyplayer2 .item-list02 .item .info .club .tel { color: #999999;  }
.sub.cueunyplayer2 .item-list02 .item .info .location { padding: 5px; font-size: 12px; font-weight: bold; text-align: center; border: solid 1px #E6E6E6; border-radius: 5px; width: 15vw;}
.sub.cueunyplayer2 .item-list02 .item .info .location img { width: 15px; }
.sub.cueunyplayer2 .item-list02 .item .btn { margin:0; }
.sub.cueunyplayer2 .item-list02 .item .btn a { border-radius: 0 ; font-size: 15px; font-weight: bold; padding: 8px 0; }
.sub.cueunyplayer2 .item-list02 .item .btn.ea2, .sub.cueunyplayer2 .item-list02 .item .btn.ea3 { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.sub.cueunyplayer2 .item-list02 .item .btn.ea2 a:first-child, .sub.cueunyplayer2 .item-list02 .item .btn.ea3 a:first-child { border-radius: 0 0 0 5px; color: #222; }
.sub.cueunyplayer2 .item-list02 .item .btn.ea2 a:last-child, .sub.cueunyplayer2 .item-list02 .item .btn.ea3 a:last-child { border-radius: 0 0 5px 0; }

.sub.cueunyplayer2 .reservation-date-info { padding: 10px 0 20px; background: #fff; text-align: center; border: solid 1px #E6E6E6; width: 70vw; margin: 0 0 10px 15vw;border-radius: 10px;background-color: #ccc;}
.sub.cueunyplayer2 .reservation-date-info.active { background-color: #028dfe;color: #fff;}
.sub.cueunyplayer2 .reservation-date-info.nodata { background-color: #fff;}
.sub.cueunyplayer2 .reservation-date-info .time { display: flex; justify-content: center; align-items: center; font-size: 14px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px;}
.sub.cueunyplayer2 .reservation-date-info .time p.bar { width: 1px; height: 10px; background: #D5D5D5; margin: 0 10px; }
.sub.cueunyplayer2 .reservation-date-info .place { font-size: 12px; margin-top: 15px; }
.sub.cueunyplayer2 .reservation-date-info .amount { font-size: 14px; }
.sub.cueunyplayer2 .reservation-date-info .amount em { font-size: 32px; font-weight: bold; font-style: normal; }
.sub.cueunyplayer2 .reservation-date-info .button { margin-top: 10px; }
.sub.cueunyplayer2 .reservation-date-info .button a { color:#fff; padding: 2px 40px; }

.sub.cueunyplayer2 .calender { background: #fff; padding: 20px 0; }
.sub.cueunyplayer2 .calender .month { font-size: 26px; font-weight: bold; display: flex; justify-content: space-evenly; align-items: center; margin-bottom: 10px; }
.sub.cueunyplayer2 .calender .month .btn-prev { font-size:11px; color: #999999; display: flex; align-items: center; }
.sub.cueunyplayer2 .calender .month .btn-prev img { margin-right: 10px; }
.sub.cueunyplayer2 .calender .month .btn-next { font-size:11px; color: #999999; display: flex; align-items: center; }
.sub.cueunyplayer2 .calender .month .btn-next img { margin-left: 10px; }
.sub.cueunyplayer2 .calender .month img { width: 10px; }
.sub.cueunyplayer2 .calender .week { display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; }
.sub.cueunyplayer2 .calender .week .day { width: 40px; margin: 0 5px; flex: 0 0 auto; }
.sub.cueunyplayer2 .calender .week .day .day-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 55px; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .txt { font-size: 10px; color: #999999; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .num { font-size: 20px; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .num.red { color: #D0090B; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .num.blue { color: #26548F; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .bullet { display: flex; min-height: 5px; justify-content: space-evenly; align-items: center; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .bullet span { display: block; width: 10px; height: 5px; margin-right: 2px; background: #ff0000; border-radius: 5px; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .bullet span:last-child { margin-right: 0; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .bullet span.orange { background: #FF7F27; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .bullet span.blue { background: #028DFE; }
.sub.cueunyplayer2 .calender .week .day .day-wrap .bullet span.yellow { background: #FFD21D; }
.sub.cueunyplayer2 .calender .week .day.active .day-wrap { background: #BFBFBF; text-align: center; border-radius: 18px; }
.sub.cueunyplayer2 .calender .week .day.active .day-wrap .txt { font-weight: bold; }

.sub.cueunyplayer2 .chat-list {}
.sub.cueunyplayer2 .chat-list .item { display: flex; justify-content: flex-start; align-items: center; border-bottom: solid 1px #E6E6E6; padding: 20px 0; }
.sub.cueunyplayer2 .chat-list .item .photo { width: 20%; text-align: center; }
.sub.cueunyplayer2 .chat-list .item .photo img { width: 46px; height: 46px; border-radius: 100%; }
.sub.cueunyplayer2 .chat-list .item .info { width: 60%; }
.sub.cueunyplayer2 .chat-list .item .info .name { display: flex; justify-content: flex-start; align-items: center; }
.sub.cueunyplayer2 .chat-list .item .info .name p:first-child { font-size: 14px; font-weight: bold; }
.sub.cueunyplayer2 .chat-list .item .info .name p:last-child { font-size: 12px; color: #999999; margin-left: 10px; }
.sub.cueunyplayer2 .chat-list .item .info .msg { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sub.cueunyplayer2 .chat-list .item .cnt { width: 20%; display: flex; justify-content: center; }
.sub.cueunyplayer2 .chat-list .item .cnt p { width: 28px; height:28px; border-radius: 100%; background: #FF7F27; font-size: 16px; display: flex; justify-content: center; align-items: center; color: #fff; }

.sub.cueunyplayer2 .chat-msg { padding-bottom: 80px; }
.sub.cueunyplayer2 .chat-msg .date { font-size: 12px; color: #222; text-align: center; }
.sub.cueunyplayer2 .chat-msg .date:not(:first-child) { margin-top: 30px; }
.sub.cueunyplayer2 .chat-msg .msg { display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 20px; }
.sub.cueunyplayer2 .chat-msg .msg .photo img { width: 44px; height: 44px; border-radius: 100%; }
.sub.cueunyplayer2 .chat-msg .msg .txt { max-width: 48vw; font-size: 14px; border-radius: 30px; background: #E6E6E6; padding: 15px 20px; margin: 0 10px; word-break: break-all;}
.sub.cueunyplayer2 .chat-msg .msg .time { font-size: 12px; color: #222; align-self: center }
.sub.cueunyplayer2 .chat-msg .my-msg { display: flex; justify-content: flex-end; align-items: flex-end; margin-top: 20px; }
.sub.cueunyplayer2 .chat-msg .my-msg .txt { font-size: 14px; border-radius: 30px; background: #FF7F27; padding: 15px 20px; margin: 0 10px; word-break: break-all;color: #fff;}
.sub.cueunyplayer2 .chat-msg .my-msg .time { font-size: 12px; color: #999999; align-self: center; }
.sub.cueunyplayer2 .chat-input { position: fixed; bottom: 0; width: calc(100% - 40px); padding: 10px 20px; background: #fff; }
.sub.cueunyplayer2 .chat-input input { width: 100%; height: 30px; border: solid 1px #DDDDDD; border-radius: 30px; text-indent: 10px; }
.sub.cueunyplayer2 .chat-input a { position: absolute; right: 19px; top: 11px; width: 50px; height: 30px; border-radius: 25px; background: #FF7F27; font-size: 12px; display: flex; justify-content: center; align-items: center; color: #fff; }

.sub.cueunyplayer2 .notice { margin-top: 20px; padding: 15px; border: solid 1px #FFDDC6; background: #FFF8F3; border-radius: 5px; }
.sub.cueunyplayer2 .notice p { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.sub.cueunyplayer2 .notice div { font-size: 14px; color: #666666; }
.sub.cueunyplayer2 .notice div em { font-style: normal; font-size: 14px; }

#event-pop { position: absolute; width: 100%; z-index: 499; top: 150px; text-align: center; }
#event-pop > div { position:relative; width:338px; margin:0 auto; background:#fff; border:solid 1px #222; box-sizing: border-box; }
#event-pop > div img { width:100%; display: block; }
#event-pop .close-btn { position: absolute; display: block; width:24px; right:10px; top: 10px; }
#event-pop .close-btn img { width:24px; }
#event-pop .btn { overflow: hidden; }
#event-pop .btn a { float: left; display: block; width:50%; font-size: 16px; font-weight: bold; box-sizing: border-box; }

.overlay { position: relative; overflow:hidden; }
.overlay .wrap-overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 3; display: none; }
.h100-header {
    height: calc(100% - 46px) !important;
}
.h100p {
    height: 100% !important;
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
    z-index: 9999;

}
.wrap-loading div{ /*로딩 이미지*/
    position: fixed;
    top:45%;
    width: 100%;
    text-align:center;
}
.wrap-loading div img{
    width:100px;
}
.display-none{ /*감추기*/
    display:none;
}

/*.wait_play_wrap {
    display:none; width: 100%; height: 100%; top:0; left: 0; background: #000; z-index: 9999; position: fixed;overflow-y: hidden;
}
.wait_play_wrap .time-wrap {
    width: 100%; height: 4px; background: #454545;top:0; position: absolute; left:0;
}
.wait_play_wrap .time-wrap .time-bar {
    width: 0%; height: 4px; background: #aaaaaa;top:0; position: relative; left:0;
}
.wait_play_wrap .time_message {
    width: 100%; top:8px; position: absolute; text-align: center; left:0; opacity: 0.4;
}
.wait_play_wrap .time_message span {
    padding: 5px 10px; background: #000;color: #fff2e9; text-align: center;border-radius: 5px;font-size: 0.8em;
}
.wait_play_wrap img {
    width: 100%;
}*/
#toast-container>div {
    opacity: 1 !important;
    margin-top: 10px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px;
    color: #333;
}
#toast-container>.toast-info, #toast-container>.toast-error, #toast-container>.toast-warning, #toast-container>.toast-success {
    background-image: none !important;
}
.toast-info{
    background: #028dfe;
}
.toast-info .toast-message, .toast-error .toast-message, .toast-warning .toast-message, .toast-success .toast-message{
    color: #fff;
}
.toast-error{
    background: #ff7f28;
}
.toast-message {text-align: center;}
/* ===== */

.bold {font-weight: bold;}
#toast-container>div {text-align: center;}

.qrcode {}
/*.qrcode canvas {border-radius: 10px;}*/
#wait_info {display: none;}
#wait_info .my_wait_num {border-radius: 50%;background-color: #222;color: #f2f2f2;text-align: center; width: 80px;height: 80px;font-size: 30px;margin: 10px auto 0;line-height: 80px;}

/*.btn {padding: 10px 0;width: 100%;}*/
.btn.blue {background-color: #028dfe;color: #f2f2f2;}
.btn.red {background-color: #ea4335;color: #f2f2f2;}
.btn.orange {background-color: #FF7F27;color: #f2f2f2;}
.btn.round {border-radius: 5px;}
.btn.btn-sm {padding: 5px 7px;}
.btn.btn-sm.round {border-radius: 3px;}
.float-right {float: right;}
.border-none {border: 0 !important;}

.alert-popup { position: fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); z-index:1; }
.alert-popup .msg-box { position: absolute; top:150px; left:calc(50% - 150px); width:300px; color:#fff; border-radius: 5px; z-index:2; padding: 20px 0 0;}
.alert-popup .msg-box.gift { background-color: #fff;text-align: center;}
.alert-popup .msg-box .msg { min-height:50px; padding:10px 10px 20px 10px; text-align: center; background:#fff; color:#222; }
.alert-popup .msg-box .cart-cnt { width:100%; height:150px; background:url('https://img1a.coupangcdn.com/image/mobile/cart/generalCart/icon_cart.png') center bottom no-repeat; background-size: 100px; margin-bottom:10px; }
.alert-popup .msg-box .cart-cnt span { display:block; position: absolute; top:35px; left:calc(50% - 15px); width:50px; height:50px; background:#ff7f26; border-radius: 100%; color:#fff; text-align: center; font-weight: bold; font-size: 20px; line-height: 48px; }
.alert-popup .msg-box .cart-cnt span.is-flipped { animation: isFlipped 2s, slideDown 2s; -moz-animation: isFlipped 2s, slideDown 2s; -webkit-animation: isFlipped 2s, slideDown 2s; -o-animation: isFlipped 2s, slideDown 2s; animation-delay:0s, 1s; animation-fill-mode:forwards, forwards; }
.alert-popup .msg-box .button a { display: block; color:#fff; border-radius:0 0 5px 5px; }
.alert-popup .msg-box .button.ea2 a { float:left; display: inline-block; width:50%; color:#fff; }
.alert-popup .msg-box .button.ea2 a:first-child { border-radius:0 0 0 5px; }
.alert-popup .msg-box .button.ea2 a:last-child { border-radius:0 0 5px 0; }
.l-btn { display:inline-block; width:100%; text-align: center; font-size: 18px; font-weight: bold; background:#ff7f27; padding:10px 0; }
.l-btn.half { width: 49%; }
.l-btn.more { border:0;color: #eee;}
.l-btn span { font-size: 14px;}
.l-btn.orange { background:#ff7f27; }
.l-btn.white { background:#fff; color:#222; }
.l-btn.gray { background:#5d5d5d; color:#fff; }
.l-btn.gray2 { background:#D5D5D5; color:#222; }
.l-btn.orange.outline { border:solid 1px #ff7f27; color:#ff7f27; background:#fff; box-sizing: border-box; }
.l-btn.gray.outline { border:solid 1px #5d5d5d !important; color:#5d5d5d !important; background:#fff; box-sizing: border-box; }
.l-btn.round { border-radius: 5px; }
.l-btn.submit { background: #ff7e27;color: #fff; }

.btn-xs {padding: 3px 10px;font-size: 12px;border-radius: 3px;}
.btn-xs.blue {background: #007cfb !important;color: #f2f2f2 !important;}
.btn-xs.red {background: red !important;color: #f2f2f2 !important;}
.btn-xs.yellow {background: #977100 !important;}
.btn-xs.orange {background: #ff7f27 !important; color: #f2f2f2 !important;}

.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-justify {text-align: justify !important;}
.hide { display: none !important; }


#record_data3.skill-compare { position: relative; padding: 20px; }
#record_data3.skill-compare .s-menu { position: absolute; right:20px; top: 15px; }
#record_data3.skill-compare .s-menu a { display: block; }
#record_data3.skill-compare .s-menu a img { width: 73px; }
#record_data3.skill-compare .s-menu a.active { color: #fff; background: #333; border-radius: 26px; }
#record_data3.skill-compare .chart-box { border-radius: 13px; box-shadow: 1px 3px 10px -7px #000, 0px -1px 10px -10px #000; padding: 15px 20px 40px; margin-top: 15px; }
#record_data3.skill-compare .chart-box .search-box { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
#record_data3.skill-compare .chart-box .search-box > div { font-size: 15px; font-weight: bold; color: #AAAAAA; }
#record_data3.skill-compare .chart-box .search-box > div img { width: 40px; border-radius: 100%; }
#record_data3.skill-compare .chart-box .search-box > div.thumb img { height: 40px; }
#record_data3.skill-compare .chart-box .search-box > div:last-child { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: calc(100% - 80px); height: 40px; font-size: 14px; color: #222; font-weight: normal; border: solid 1px #DDDDDD; border-radius: 10px; padding: 0 20px; }
#record_data3.skill-compare .chart-box .search-box > div:last-child img { width: 20px; }
#record_data3.skill-compare .chart-box .search-box > div.vs { margin: 0 10px; }
#record_data3.skill-compare .chart-box .chart {}
#record_data3.skill-compare .chart-box .chart .item { display: flex; flex-direction: row; justify-content: space-between; padding: 15px 0; border-bottom: solid 1px #EEEEEE; }
#record_data3.skill-compare .chart-box .chart .item:last-child { border: 0; }
#record_data3.skill-compare .chart-box .chart .item .title { width: 20%; }
#record_data3.skill-compare .chart-box .chart .item .title p { font-size: 11px; }
#record_data3.skill-compare .chart-box .chart .item .title em { position: relative; display: block; font-size: 14px; font-weight: bold; font-style: normal; padding-left: 10px; }
#record_data3.skill-compare .chart-box .chart .item .title em span { font-size: 11px; font-weight: normal; }
#record_data3.skill-compare .chart-box .chart .item .title em.up { color: #FF7F27; }
#record_data3.skill-compare .chart-box .chart .item .title em.up:before { content: ''; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; background: url('/static/img/main/icon_up.png') no-repeat; background-size: 100%; }
#record_data3.skill-compare .chart-box .chart .item .title em.down { color: #26548F; }
#record_data3.skill-compare .chart-box .chart .item .title em.down:before { content: ''; position: absolute; left: 0; top: 6px; width: 7px; height: 7px; background: url('/static/img/main/icon_down.png') no-repeat; background-size: 100%; }
#record_data3.skill-compare .chart-box .chart .item .graph { width: 80%; padding-top: 2px; }
#record_data3.skill-compare .chart-box .chart .item .graph div { height: 12px; font-size: 14px; font-weight: bold; margin-bottom: 3px; color: #777777; }
#record_data3.skill-compare .chart-box .chart .item .graph div span { display: inline-block; max-width: 80%; height: 100%; background: #ccc; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
#record_data3.skill-compare .chart-box .chart .item .graph div.up { color: #FF7F27; }
#record_data3.skill-compare .chart-box .chart .item .graph div.up span { background: #FF7F27; }
#record_data3.skill-compare .chart-box .chart .item .graph div.down { color: #26548F; }
#record_data3.skill-compare .chart-box .chart .item .graph div.down span { background: #26548F; }

/* layer popup */
.wrap-layer-popup{display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; overflow:auto}
.wrap-layer-popup .dimmed{width:100%;height:100%; background:#000;opacity:.5;filter:alpha(opacity=50); position:absolute;top:0;left:0}
.wrap-layer-popup .loop{height:0;width:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px)}
.pop-layer{width:89.33vw;height:auto; border-radius:2.66vw;background-color:#fff;overflow:hidden; display:block;position:absolute;top:50%;left:50%;z-index:10}
.pop-layer .pop-cont{padding:8vw 2.93vw; font-size:4.8vw;line-height:1.3;color:#191919;text-align:center}
.pop-layer .pop-cont p{font-size:3.73vw;color:#767676}
.pop-layer .pop-cont p +strong{margin-top:2.66vw; font-size:4.26vw;font-weight:700;color:#191919; display:inline-block}
.pop-layer .pop-cont .detail{margin-top:4.8vw;padding:3.73vw 0 3.46vw; background-color:#ededed}
.pop-layer .pop-cont .detail strong{font-size:4.26vw;font-weight:700;color:#191919}
.pop-layer .pop-cont .detail p{margin-top:1.86vw; font-size:3.73vw;font-weight:500;color:#767676}
.pop-layer .btn-wrap {text-align: center; margin-top:0 !important;}
.pop-layer .btn-wrap:after{content:'';display:block;clear:both}
.pop-layer .btn-wrap .btns{width:100% !important; border-radius:0 0 2.66vw 2.66vw !important;text-align:center;margin-left:1.6vw; width:43.45vw;height:13.33vw; line-height:13.33vw;color:#fff;font-weight:700;letter-spacing:-.5px;text-align:center; border-radius:2.66vw;background-color:#54626f;display:inline-block;border:0;cursor: pointer;font-size: 3.734vw;}
.pop-layer .btn-wrap .btns:first-child{margin-left:0}
.pop-layer .btn-wrap .btns.orange{color:#fff !important;background-color:#eb6100 !important}
.pop-layer .btn-wrap .btns.gray{color:#767676 !important;background-color:#ddd !important}
.pop-layer .btn-wrap .btns.white{color:#333;border-top:.26vw solid #ddd; background-color:#fff}
.pop-layer .btn-wrap .btns.yellow{color:#fff;border-top:.26vw solid #ddd; background-color:#ec9d00}
.pop-layer .btn-wrap .btns.dark{color:#fff; background-color:#333}
.pop-layer .btn-wrap .btns.small{width:18.66vw;height:10.66vw;line-height:10.66vw}
.pop-layer .btn-wrap .btns.half{margin-left:0; float:left}
.pop-layer .btn-wrap .btns.half:first-child{border-radius:0 0 0 2.66vw !important;width:50% !important}
.pop-layer .btn-wrap .btns.half:last-child{border-left:.26vw solid #ddd;border-radius:0 0 2.66vw 0 !important;width:50% !important}
.pop-layer .btn-wrap .btns.full{width:100% !important}

.mission div.info {text-align: center;margin-bottom: 20px;border-radius: 10px; background-color: #222; box-shadow: 0px 0px 15px -5px #000; }
.mission div.info p {color: #fff; padding: 10px 10px 0px 10px;}
.mission div.info p.title {font-size: 12px; background: #028dfe; border-radius: 10px 10px 0 0;padding-bottom: 20px;}
.mission div.info p.title em {display: block; font-size: 22px; font-weight: bold; font-style: normal; }
.mission div.info p.title span { display: block; width: 20px; height: 2px; margin: 5px auto; background: #fff; }
.mission div.info ul li.reward { background: #028dfe; }
.mission div.info ul li.mi-btn {background-color: #27548f;border-radius: 0 0 10px 10px;padding:10px;text-align: center;color: #fff; padding: 10px; font-weight: bold;}
.mission div.info ul li.reward p {float: left; width: calc(25% - 18px);text-align: center; border-radius: 5px; background: #fff; margin-left: 5px;padding: 15px 5px;border:1px solid #ccc; min-height: 70px; color: #222;}
.mission ul {width: 100%;margin-bottom: 30px; }
.mission ul.mission_list { box-shadow: 0px 0px 15px -5px #000; border-radius: 10px; position:relative; }
.mission ul.mission_list .reward-complete { position: absolute; left:0; top:0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8); border-radius: 10px; z-index: 1; }
.mission ul.mission_list .reward-complete img { width: 215px; }
.mission ul li { position: relative; padding:10px;}
.mission ul li.title {text-align: center; color: #222; border-radius: 10px 10px 0 0; position: relative; font-size:20px; font-weight: bold; }
.mission ul li.title.complete {background-color: #26548F;}
.mission ul li.title span.only_premium {position: absolute;left: -1px;top: -13px;z-index: 10;width: 70px;height: 23px;border-radius: 0 25px 25px 0;color: #fff;background: #222;line-height: 23px;font-size: 12px;}
.mission ul li.title span.only_premium img {width: 20px;left: -9px; position: absolute;}
.mission ul li.title span.diff {position: absolute;right: -10px;top: -10px;font-size: 3.5vw;/* padding-top: 2px; */border-radius: 50%;width: 25px;height: 25px;line-height: 25px;text-align: center;}
.mission ul li.title span.diff1 {background-color: red; color: #fff;}
.mission ul li.title span.diff2 {background-color: green; color: #fff;}
.mission ul li.title span.diff3 {background-color: #fbcf9c; color: #222;}
.mission ul li.title .number { background: #FFD21D; width: 120px; padding: 8px 0; text-align: center; font-size: 12px; font-weight: bold; border-radius: 50px; margin: 0 auto; margin-top: 10px;}
.mission ul li.title .number.ongoing { background-color: #028dfe;color: #fff;}
.mission ul li.progress {height: 18px; padding: 0px;font-size: 14px;overflow: hidden;background: #fff;}
.mission ul li.progress div:first-child { position: absolute; left: 0; top: 0; width: 100%; height:18px; overflow: hidden; text-align: left; background: #eee; }
.mission ul li.progress div:first-child span {height: 18px;background-color: #fa5050; display: inline-block;}
.mission ul li.progress div:last-child {position: absolute; right: 0; text-align: right; width: 30%; font-size:12px; padding-right: 10px; }
.mission ul li.reward { padding: 18px 5px;font-size: 14px;overflow: hidden; background: #fff; display: flex; justify-content: space-evenly; }
.mission ul li.reward p { text-align: center; background: #fff; margin-left: 5px;padding: 0 5px;border-right:1px solid #eee; min-height: 70px; color: #222;}
.mission ul li.reward.ea4 p { width: 25%; }
.mission ul li.reward.ea3 p { width: 33.3%; }
.mission ul li.reward.ea2 p { width: 50%; }
.mission ul li.reward.ea1 p { width: 100%; }
.mission ul li.reward p:last-child { border: 0; }
.mission ul li.reward p img {width: auto; height: 40px;}
.mission ul li.reward input {padding: 5px; border: 1px solid #a1a1a1; border-radius: 5px; width: 60%;}
.mission ul li.mi-link {background-color: #222;padding: 10px;text-align: center;font-size: 0.9em;}
.mission ul li.mi-link a{color: #fff;}
.mission ul li.mi-btn {background-color: #585858;border-radius: 0 0 10px 10px;padding:10px;text-align: center;color: #fff; font-weight: bold;}
.mission ul li.mi-btn a {width: 100%; height: 100%; display: block; color: #fff;}
.mission ul li.mi-btn.complete {background-color: #ff7f27;}
.mission ul li.mi-btn.complete.complete2 {background-color: #a1a1a1; color: #222;}
.mission-notice { padding: 20px 0px 40px 0px; background: url('/static/img/mission_bg.png'); background-size: cover; text-align: center; }
.mission-notice .title { font-size: 22px; font-weight: bold; color: #fff; }
.mission-notice .sub-title { font-size: 18px; color: #fff; }
.mission-notice span { display: block; width: 30px; height: 2px; background: #fff; margin: 20px auto; }
.mission-notice .txt { font-size:14px; color: #ccc; }
.mission-notice .p-btn { width: 100%; margin: 20px auto 0px auto; }
.mission-notice .p-btn a { display: block; background:#ff7f27; color: #fff; font-size: 1em; padding: 5px 0; }
select.select { width: 100%; height: 45px; background: #fff url('/static/img/competition/select_arrow.png') no-repeat 90% center; background-size: 2.6vw 1.6vw; appearance: none; border: solid 1px #a1a1a1; border-radius: 5px; text-indent: 15px; margin-right: 5px; }

.sub .player_wrap { display: flex; justify-content: space-around; align-content: center; margin: 10px 0; }
.sub .player_wrap .vs { width: 10vw; align-self: center; text-align: center; }
.sub .player_wrap .player { width: 45vw; position:relative; }
.sub .player_wrap .player .player_thumbnail {float:left; width:33%; text-align: center; }
.sub .player_wrap .player .player_thumbnail img {height:40px; width:40px;}
.sub .player_wrap .player .name_flag {float:left; margin-left:5px; width:calc(67% - 5px);}
.sub .player_wrap .player .name_flag p { margin-left:5px; font-size:12px; padding-top:5px; color:#222; font-weight:500; text-align:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub .player_wrap .player .name_flag .flag { position: absolute; left:30px; bottom:-5px; text-align:left; margin: 0; }
.sub .player_wrap .player .name_flag .flag img { width:16px; border:solid 2px #fff; border-radius:16px; }
.sub .player_wrap .player .name_flag.left { margin: 0 5px 0 0; }
.sub .player_wrap .player .name_flag.left p { margin: 0 5px 0 0; font-size:12px; padding-top:5px; text-align: right; }
.sub .player_wrap .player .name_flag.left .flag { position: absolute; right:30px; left: auto; bottom:-5px; z-index: 1; }
.sub .player_wrap.big .player { text-align: center; }
.sub .player_wrap.big .player .player_thumbnail { float: none; width: 100%; }
.sub .player_wrap.big .player .player_thumbnail img { width: 80px; height: 80px; }
.sub .player_wrap.big .player .name_flag { float: none; width: 100%; }
.sub .player_wrap.big .player .name_flag p { text-align: center;-webkit-line-clamp: 1; }
.sub .player_wrap.big .player .name_flag .flag { bottom: 35px; left: calc(50% + 15px); }
.sub .player_wrap.big .player .name_flag .flag img { width: 30px; }
.sub .player_wrap.big .player .name_flag.left .flag { left: calc(50% - 55px); }
.sub .player_wrap.big .player .name_flag .nation { padding:0; margin:0; color: #999; }

.sub .match-item { border: solid 1px #eee; box-shadow: -3px 0px 10px -10px #000, 3px 0px 10px -10px #000; border-radius: 5px; overflow:hidden; }
.sub .match-item .point { text-align: center; border-top: solid 1px #EEEEEE; padding: 10px 0; }

.sub .tab-menu { display: flex; list-style: none; margin-top: 20px; background-color: #fff;}
.sub .tab-menu li { border: 1px solid #ccc; border-bottom: 0; font-size: 14px; line-height: 24px; width: 100%; text-align: center; padding: 5px;}
.sub .tab-menu li.active { border: 0; background-color: #FF7F27; line-height: 28px; margin-bottom: -1px; box-shadow: none;}
.sub .tab-menu li:last-child { margin-left: 0;}

.statrace .round { font-size: 20px; font-weight: bold; text-align: left; border-bottom: solid 1px #DDDDDD; padding-bottom: 5px; }
.statrace .datetime { font-size: 18px; text-align: center; color: #222; margin: 20px 0 10px 0; }
.statrace .time { font-size: 18px; text-align: right; color: #222; margin: 20px 0 10px 0; display: flex; justify-content: space-between; align-content: center; }
.statrace .time ion-icon { font-size: 20px; color: #696969; margin-right: 5px; align-self: center; }
.statrace .time span { font-size:14px ;color: #696969; }
.statrace .player_wrap { padding: 15px 10px; }
.statrace .match-item + .match-item { margin-top: 10px; }
.statrace .radiobox { display: flex; justify-content: space-between; padding: 0 10px; }
.statrace .radiobox .radio .cover .label { font-size: 14px; }
.statrace .race-item { padding: 20px 0; }
.statrace .race-item .item { border-top: solid 1px #ccc; padding-top: 10px; }
.statrace .race-item .item + .item { margin-top: 20px; }
.statrace .race-item .item .title { font-size: 16px; text-align: center; margin-bottom: 5px; }
.statrace .race-item .item .title span { margin-left: 5px; color: #fff; font-size: 10px; display: inline-block; padding: 1px 5px; border-radius: 3px; vertical-align: middle; }
.statrace .race-item .item.success .title span { background: #00a651; }
.statrace .race-item .item.fail .title span { background: #a60000; }
.statrace .race-item .sub-item-box { display: flex; justify-content: space-between; padding: 0 10px; color: #999999; }
.statrace .race-item .item.success .sub-item-box .active { color: #00a651; font-weight: bold; }
.statrace .race-item .item.fail .sub-item-box .active { color: #00a651; font-weight: bold; }
.statrace .race-item .item.fail .sub-item-box .fail { color: #a60000; }
.statrace .total-result { font-size: 16px; text-align: center; border-top: solid 1px #ccc; padding: 15px 0; }
.statrace .total-result em { font-style: normal; font-size: 18px; font-weight: bold; }
.statrace .user-total-point { text-align: center; color: #ffffff; font-size: 14px; }
.statrace .user-total-point em { font-style: normal; color: #FF7F27; font-size: 16px; font-weight: bold; }
.statrace .user-total-point span { font-size: 18px; font-weight: bold; }

.statrace .rank-list { background: #f8f8f8; border-radius: 5px; }
.statrace .rank-list .no-data { font-size: 14px; color:#999999; text-align: center; padding:20px 0; }
.statrace .rank-list .no-data img { width:24px; vertical-align: middle; }
.statrace .rank-list .item { position:relative; padding:0 10px; }
.statrace .rank-list .item ul { display: flex; justify-content: center; align-content: center; padding:10px 0; }
.statrace .rank-list .item ul li { display: flex; align-self: center; width:65%; justify-content: center; }
.statrace .rank-list .item ul li.player { display: flex; justify-content: center; align-content: center; }
.statrace .rank-list .item ul li:first-child { width:15%; }
.statrace .rank-list .item ul li:last-child { text-align: center; width:20%; }
.statrace .rank-list .item ul li i { display: block; width:30px; height:30px; line-height: 30px; font-style: normal; font-size: 15px; font-weight: bold; text-align: center; }
.statrace .rank-list .item ul li i.rank01 { background: url('../img/rank_bg01.png') no-repeat; background-size:100%; }
.statrace .rank-list .item ul li i.rank02 { background: url('../img/rank_bg02.png') no-repeat; background-size:100%; }
.statrace .rank-list .item ul li i.rank03 { background: url('../img/rank_bg03.png') no-repeat; background-size:100%; }
.statrace .rank-list .item ul li > div { float: left; }
.statrace .rank-list .item ul li > div.img { position: relative; width:25%; margin-right:10px; padding:2px 0; vertical-align: middle; }
.statrace .rank-list .item ul li > div.name { width:calc(75% - 10px); }
.statrace .rank-list .item ul li .img > img { width:40px; height:40px; border-radius: 100%; }
.statrace .rank-list .item ul li .img .nation { position: absolute; bottom: 0px; right: 10px; }
.statrace .rank-list .item ul li .img .nation img { width: 16px; border: solid 2px #fff; border-radius: 16px; }
.statrace .rank-list .item ul li .name { align-self: center; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.statrace .rank-list .item ul li .point { color:#222; font-size: 14px; }
.statrace .rank-list .item ul li > div.name-nation { width:calc(75% - 10px); align-self: center; }
.statrace .rank-list .item ul li > div.name-nation .name { -webkit-line-clamp: 1; }
.statrace .rank-list .item ul li > div.name-nation .nation { color: #999999; font-size: 14px; }

.statrace .search-title { display: flex; justify-content: center; align-content: center; padding: 10px; border-bottom: solid 1px #DDDDDD; }
.statrace .search-title div { width: 20%; font-size: 14px; text-align: center; }
.statrace .search-title div:first-child { width: 80%; }
.statrace .search-list { margin-top: 10px; }
.statrace .search-list .no-data { font-size: 14px; color:#999999; text-align: center; padding:20px 0; }
.statrace .search-list .no-data img { width:24px; vertical-align: middle; }
.statrace .search-list .item { position:relative; overflow: hidden; background: #f8f8f8; border-radius: 5px; }
.statrace .search-list .item ~ .item { margin-top: 10px; }
.statrace .search-list .item ul { display: flex; justify-content: center; align-content: center; padding:10px; }
.statrace .search-list .item ul li { display: flex; align-self: center; width:80%; justify-content: center; }
.statrace .search-list .item ul li.player { display: flex; justify-content: center; align-content: center; }
.statrace .search-list .item ul li:last-child { text-align: center; width:20%; }
.statrace .search-list .item ul li i { display: block; width:30px; height:30px; line-height: 30px; font-style: normal; font-size: 15px; font-weight: bold; text-align: center; }
.statrace .search-list .item ul li > div { float: left; }
.statrace .search-list .item ul li > div.img { position: relative; width:40px; margin-right:10px; padding:2px 0; vertical-align: middle; }
.statrace .search-list .item ul li .img > img { width:40px; height:40px; border-radius: 100%; }
.statrace .search-list .item ul li .img .nation { position: absolute; bottom: 0px; right: 0px; }
.statrace .search-list .item ul li .img .nation img { width: 16px; border: solid 2px #fff; border-radius: 16px; }
.statrace .search-list .item ul li .name { align-self: center; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.statrace .search-list .item ul li .point { color:#222; font-size: 14px; }
.statrace .search-list .item ul li > div.name-nation { width:calc(100% - 50px); align-self: center; }
.statrace .search-list .item ul li > div.name-nation .name { -webkit-line-clamp: 1; }
.statrace .search-list .item ul li > div.name-nation .nation { color: #999999; font-size: 14px; }
.statrace .search-list.my-pick { margin-bottom: 20px; }
.statrace .search-list.my-pick .pick { display: inline-block; padding: 1px 5px; color: #fff; font-size: 12px; background: #FF7F27; }
.statrace .search-list.my-pick .item { border-radius: 0; border: solid 3px #FF7F27; }

.statrace .player-info { display: flex; justify-content: center; align-content: center; }
.statrace .player-info .player_thumbnail img { width: 100px; height: 100px; }
.statrace .player-info .name-flag { display: flex; flex-direction: column; justify-content: center; margin-left: 20px; }
.statrace .player-info .name-flag p { font-size: 14px; color:#666666; display: flex; align-content: center; }
.statrace .player-info .name-flag p.name { font-size: 18px; color: #222222; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.statrace .player-info .name-flag img { width: 25px; margin-right: 5px; }
.statrace .player-info .name-flag .winner span { display: inline-block; padding: 1px 5px; background: #ee00ff; color: #fff; }

.sub .competition-list .item a { display: flex; justify-content: space-between; align-content: center; align-items: center; padding: 10px 0; border-bottom: solid 1px #DDDDDD; }
.sub .competition-list .item .logo { width: 25%; text-align: center; }
.sub .competition-list .item .logo img { width: 70px; }
.sub .competition-list .item .txt_info { width: 75%; }
.sub .competition-list .item .txt_info .type span { display: inline-block; padding: 1px 10px; font-size: 10px; color:#fff; }
.sub .competition-list .item .txt_info .type span.type1 { background: #c3aed6; }
.sub .competition-list .item .txt_info .type span.type2 { background: #ec5d52; }
.sub .competition-list .item .txt_info .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sub .competition-list .item .txt_info .date { font-size: 14px; color: #777777; }
.sub .competition-list .item ion-icon { vertical-align: middle; }
.sub .competition-list.point .item .txt_info { width: 60%; }
.sub .competition-list.point .item .point { width: 15%; font-size: 12px; text-align: center; }
.sub .competition-list.point .item .point em { display: block; font-style: normal; font-size:14px; font-weight: bold; }

.record-compare .compare-record table { margin: 20px 0; border-spacing: 0; }
.record-compare .compare-record table th,
.record-compare .compare-record table td { text-align: center; font-size: 14px; padding: 12px 0; border-bottom: solid 1px #DDDDDD; }
.record-compare .compare-record table th { background: #fff4ec; }

.player-record .player-info { display: flex; justify-content: center; align-content: center; }
.player-record .player-info .player_thumbnail img { width: 100px; height: 100px; }
.player-record .player-info .name-flag { display: flex; flex-direction: column; justify-content: center; margin-left: 20px; }
.player-record .player-info .name-flag p { font-size: 14px; color:#666666; display: flex; align-content: center; }
.player-record .player-info .name-flag p.name { font-size: 18px; color: #222222; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.player-record .player-info .name-flag img { width: 25px; margin-right: 5px; }
.player-record .report_box { box-shadow: none; border-radius: 0 0 5px 5px; }
.player-record .report_box .report .bot ul li .label { font-size: 12px; margin-bottom: 5px; }
.player-record .round-by-record .round { margin: 20px 0; border-bottom: solid 1px #999; padding: 10px 0; }
.player-record .round-by-record .round span { display: inline-block; color: #fff; padding: 0 5px; border-radius: 5px; margin-right: 5px; }
.player-record .round-by-record .round span.win { background: #FF7F27; }
.player-record .round-by-record .round span.lose { background: #ff0000; }
.player-record .round-by-record .record-box { border-top: solid 1px #999; margin-top: 20px; }
.player-record .round-by-record .record-box ul { display: flex; justify-content: space-evenly; align-content: center; align-items: center; border-bottom: solid 1px #eee; }
.player-record .round-by-record .record-box ul li { font-size: 16px; padding: 10px 0; }
.player-record .round-by-record .record-box ul li:nth-child(2) { font-size: 14px; color: #999; }
.player-record .round-by-record .player_wrap .win span { display: block; padding: 1px 5px; font-size: 12px; background: #FF7F27; border-radius: 100%; color:#fff; }
.player-record .round-by-record .player_wrap .lose span { display: block; padding: 1px 5px; font-size: 12px; background: #DDDDDD; border-radius: 100%;}