@charset "utf-8";
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; letter-spacing: -1px;background-color:#eaedf3;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; letter-spacing: -1px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;background:#eaedf3;}
[data-theme="dark"] aside {background:#000;}
[data-theme="dark"] header {background:#000;}
[data-theme="dark"] article {background:#000;}
[data-theme="dark"] nav {background:#000;}
[data-theme="dark"] section {background:#000;}
footer {min-height:70px;}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none;}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{list-style:none;padding:0;margin:0}
em {font-style:normal;}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {color:#374050; text-decoration:none; }
a:link, a:visited {color:#374050;text-decoration:none}
[data-theme="dark"] a:link, a:visited {color:#999;}
a:hover, a:focus, a:active {color:#374050;text-decoration:underline}
[data-theme="dark"] a:link, a:visited {color:#999;}

#continer {background-color:#eaedf3;}
[data-theme="dark"] #continer{background-color:#000;}

/* Default Select */
.icon-nick {display: inline-block; padding-right: 4px; max-width:33px;}
.orange-color {color:#e03b3b !important;}
.text-position-left {text-align:left !important;}
.clear {clear:both;}
.ghost {display:none;text-indent:-9999px;}
.clear_box {box-sizing:border-box;}
.box-shadow-1 {-webkit-box-shadow: -1px 0px 6px 0px rgba(235,235,235,1);-moz-box-shadow: -1px 0px 6px 0px rgba(235,235,235,1);box-shadow: -1px 0px 6px 0px rgb(165, 165, 165);}
.box-shadow-2 {-webkit-box-shadow: -5px 7px 8px 0px rgba(245,245,245,0.8);-moz-box-shadow: -5px 7px 8px 0px rgba(245,245,245,0.8);box-shadow: -5px 7px 8px 0px rgba(245,245,245,0.8);}
.box-shadow-3 {-webkit-box-shadow: -5px 7px 8px 0px rgba(245,245,245,0.8); -moz-box-shadow: -5px 7px 8px 0px rgba(245,245,245,0.8); box-shadow: 1px 3px 9px 3px rgba(230, 230, 230, 0.8); }}
.text-shadow-1 {text-shadow: -3px 3px 15px rgba(56, 56, 56, 0.68);}
.new-icon {width:6px;height:5px;display:inline-block;background:url('/bb/icon_new.png?ver=1') no-repeat;vertical-align: middle;margin-left: 2px;}
.b-strong1 {color:#6a02fe;padding-left:5px;}
.box-left {float:left;}
.line-height-60 {line-height:60px;}
.box-right {float:right;}
.ghost {text-indent:-9999px;}
.display-block {display:block;}
.middle {vertical-align:middle;}
.border-bottom-none {border-bottom: none !important;}
.mr40 {margin-right:40px;}
.mt-3 {margin-top:3px;}
.mt-7 {margin-top:7px;}
.mt-8 {margin-top:8px;}
.mt-10 {margin-top:10px;}
.mt-13 {margin-top:13px;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px;}
.mb-20 {/* margin-bottom:20px; */}
.th-5 {width:5px;}
.th-30 {width:30px;}
.th-35 {width:35px;}
.th-40 {width:40px;}
.th-50 {width:50px;}
.th-80 {width:80px;}
.th-95 {width:95px;}
.th-60 {width:60px;}
.pl-5 {padding-left:5px;}
.pl-20 {padding-left:20px;}
.pr-10 {padding-right:10px;}
.pt-18 {padding-top: 18px;}
.td-color1 {color:#5f5f5f;}
.height-62 {height: 62px !important;}
.wper-5 {width:5%;}
.wper-15 {width:15%;}
.wper-10 {width:10%;}
.wper-20 {width: 20%;}
.wper-42 {width:42%;}
.wper-80 {width:80%;}
.mr-5 {margin-right:5px;}
i.present-icon {width:16px;height:16px;display:inline-block;background:url('/bb/note-icon.png') no-repeat;vertical-align:middle;}
.mobile-default-all-padding {padding:10px;}
.ml-15 {margin-left:15px;}
.mypage-td-color1 {background-color: #f9fafc !important;}
.note-wrap {position:relative;background-color:#fffef8;border-bottom:1px solid #e5e5e2;}
.note-inner {padding:14px 30px;display:block;position:relative;}
.note-inner2 {padding: 17px 0; display: block; position: relative; text-align: center;}
.d-head-title {padding: 17px 16px;background-color: #f9fafc;border-bottom: 1px solid #efefef;position: relative;}
.d-head-title .title {font-weight: bold; color: #374050; font-size: 13px;}
.text-align-middle {vertical-align:middle;display:inline-block;}
.text-postion-left {text-align:left !important;}
.icon_image {width:11px;height:11px;display:inline-block;vertical-align:middle;background:url('/bb/image_icon.png');}
.icon_file {width:11px;height:11px;display:inline-block;vertical-align:middle;background:url('/bb/file_icon.png');}
.apple-font {font-family: AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; letter-spacing: -1px;}
.custom-check {margin-top: 15px;}
.custom-check input[type=checkbox],
.custom-radio input[type=radio] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
}

.custom-check-elem, .custom-radio-elem,
.custom-check-label, .custom-radio-label {
    cursor: pointer;
    vertical-align: middle;
}


/* CUSTOM CHECKBOX */
.custom-check-elem, 
.custom-radio-elem {
    display: inline-block;
    position: relative;
    margin-right: 4px;
    width: 16px;
    height: 16px;
    background-color: #f5f6f9;
}
/* CUSTOM RADIOBUTTON */
.custom-radio-elem { 
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

/* CUSTOM CHECKBOX/RADIOBUTTON CHECK */
.custom-check-elem:before,
.custom-radio-elem:before {
    content: "\002714";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: bold;
    text-align: center;
    color: #616675;
}
/* CUSTOM RADIOBUTTON CHECK */
.custom-radio-elem:before {
    content: "  \002611";
    font-size: 1.25em;
    line-height: 0.7em;
}


.chat-room {position:relative;z-index:9999;}
/* PSEUDO ELMENT CONTENT FOR CHECKED STATE */
.custom-check-input:checked + .custom-check-elem:before,
.custom-radio-input:checked + .custom-radio-elem:before { display: block; }
/* IE8: needs js-fallback for :checked, don't mix selectors! */
.custom-check-input.checked + .custom-check-elem:before,
.custom-radio-input.checked + .custom-radio-elem:before { display: block; }



.scoreboard-wrap #contentFrame { width:100%; margin-top:-90px; height:auto; }

.point-list-content {background-color: #fff;overflow: hidden;}
.point-list-content li {display:block;border-bottom:1px solid #f5f6f9;padding: 17px;overflow: hidden;}
.point-list-content li .d-text {color:#3d6189;display:inline-block;vertical-align:middle;}
.point-list-content li .num {font-size: 14px;color:#001fff;}
.point-list-content li .minus {color: #ff1d1d;}
.point-list-content li .date {padding-top:5px;color:#868686;}
.point-list-content li .date i {padding-right:4px;}

.point-sum-wrap {padding:25px 0;text-align:center;}
.point-sum-wrap .all-total-plus {font-size:13px;background-color: #4e6b9e; padding: 10px; color: #fff;}
.point-sum-wrap .all-total-minus {font-size:13px;background-color: #b12b2b;padding: 10px;color: #fff;}
.pageing {position:relative;display:block;margin-top:20px;text-align: center;}
.pageing_inner {position:relative;display:inline-block;background-color: #fff;}
.pageing_item_link {padding: 9px 11px;float: left;border: 1px solid #f6f6f6;border-right: 0;text-decoration:none !important;}
.pageing_item_link:last-child {border-right:1px solid #f6f6f6;}
.pageing_item_on {float:left;padding: 9px 11px;border: 1px solid #4e6b9e;color: #4e6b9e;}
.pageing_icon {font-size: 12px; padding-right: 5px;display:inline-block;vertical-align:middle;}
.pageing_icon_5px {padding-left:5px;padding-right:0 !important;}
.pageing_text {display:inline-block;vertical-align:middle;}

.mypage-content-wrap {display:table;width:100%;}
.mypage-content-tr {display:table-row;}
.mypage-content-td {display:table-cell;height: 42px;line-height: 42px;text-align: center;background-color:#fff;border-bottom:1px solid #f7f7f7;}
.mypage-content-tbody {display:table-row-group;background-color:#fff;}
.mypage-content-num {color: #3d6189;font-weight:bold;}
.mypage-content-button-1 {background-color: #4e6b9e;padding:7px;color:#fff;outline:0;border:0;}
.mypage-content-input-istyle-1 {border: 1px solid #f5f6f9;box-sizing: border-box;padding: 6px;margin-left: 15px;margin-right: 13px;}
.mypage-tab-content {position:relative;display:block;}
.mypage-tab-content-header {background:#fff;height:44px;}
.mypage-tab-content-header ul {overflow:hidden;position:relative;}
.mypage-tab-content-header ul li {float:left;width:50%;background-color:#fafafa;line-height:44px;cursor:pointer;}
.mypage-tab-content-header ul .active {border:1px solid #f7f7f7;box-sizing:border-box;background-color: #fff;border-bottom: 0;border-top: 0;}
.mypage-tab-content-header ul li span {text-align:center;display:block;}
.mypage-tab-content-inner {position:relative;display:none;overflow:hidden;}
.mypage-tab-content-inner.active {display:block;}
.mypage-tab-content-inner ul {overflow:hidden;position:relative;}
.mypage-tab-content-inner ul li {display:block;/* height:50px; *//* line-height:50px; */background-color:#fff;padding: 16px;border-bottom:1px solid #f7f7f7;}
.mypage-tab-content-inner ul li:before {content: ''; width: 1px; height: 1px; background-color: #232320; display: inline-block; vertical-align: middle; margin-left: 7px;}
.mypage-tab-content-inner ul li span.text {display:inline-block;vertical-align:middle;padding-right:2px;}
.mypage-tab-content-inner ul li span.comment {color: #e92766; display: inline-block;vertical-align:middle;}
.mypage-tab-password-reset-wrap {width:100%;position:relative;}
.mypage-tab-password-reset-header {height:57px;line-height:57px;text-align:center;background-color:#fff;}
.mypage-tab-password-reset-header h1.title {font-size:14px;font-weight:bold;}
.mypage-tab-password-reset-foot-button {position:relative;display:block;text-align:center;margin:20px;}
.mypage-tab-password-reset-foot-button .oksubmit {padding:10px;display:inline-block;vertical-align:middle;border:0;outline:0;background-color: #4e6b9e;color:#fff;}
.mypage-tab-password-reset-foot-button #cancel {padding:10px;display:inline-block;vertical-align:middle;border:0;outline:0;background-color:#fff;color: #3d6189;border: 1px solid #3d6189;box-sizing:border-box;}
#password-reset-content {border-radius:0 !important;padding:0 !important;}

.attendance-header {position:relative;display:block;background-color:#ffffff;}
.attendance-header-inner {padding:27px 30px;}
.attendance-text {font-size:16px;color:#212127;font-weight:bold;padding-left:9px;display:inline-block;vertical-align:middle;}
.attendance-note-wrap {position:relative;background-color:#fffef8;border-top:1px solid #e5e5e2;border-bottom:1px solid #e5e5e2;}
.attendance-note-inner {padding:14px 30px;display:block;position:relative;}
.attendance-point-wrap {position:relative;background-color:#fff;}
.attendance-point-inner {padding: 18px 0px;display:block;position:relative;text-align: center;}
.attendance-point-inner h1.text {font-size:12px;color:#212127;font-weight:bold;display:inline-block;vertical-align:middle;}
.attendance-point-inner h1.text::after {content:'';width:1px;height:1px;background-color:#212127;margin-left: 12px;display: inline-block;vertical-align: middle;}
.attendance-point-inner em.num {color: #f13131;font-weight:bold;display:inline-block;vertical-align:middle;padding-left: 4px;padding-right: 6px;}
#attendance-list-id li {display:inline-block;/* margin-right:15px; */}

.attendance-input-wrap {height:64px;background-color:#fff;border-top: 1px solid #f2f4f7;}
.attendance-input-inner {padding: 14px 14px;display:block;position:relative;overflow: hidden;}
.attendance-input-ibox {width:80%;vertical-align:middle;border:1px solid #f2f4f7;box-sizing: border-box;float: left;}
.attendance-input-istyle {padding: 9px;background-color:#fff;width: 100%;display:inline-block;vertical-align:middle;font-size:12px;color:#212127;border: 0;box-sizing: border-box;}
.attendance-submit-box {border: 1px solid #4e6b9e;box-sizing:border-box;width:20%;float: left;}
.attendance-submit {width: 100%;font-size:12px;border:0;outline:0;color: #fff;background-color: #4e6b9e;height: 32px;}

.attendance-content-wrap {display:table;width:100%;}
.attendacne-content-tr {display:table-row;}
.attendnace-content-td {display:table-cell;height: 42px;line-height: 42px;text-align: center;}
.attendance-content-head {height:42px;background-color:#fafafa;border-top:1px solid #f2f4f7;border-bottom:1px solid #f2f4f7;display: table-header-group;}
.attendance-content-head-inner {padding:14px 31px;display:block;position:relative;}
.attendance-content-tbody {display:table-row-group;background-color:#fff;}
.attendnace-profile {width:24px;height:24px;display:inline-block;vertical-align:middle;background:url(profile.png);background-size:24px 24px;margin-right:5px;}
.attendnace-content-num {color: #4e6b9e;font-weight:bold;}
.attendance-no-att {position:relative;height:40px;background-color:#fff;line-height:40px;text-align:center;}

.syaku-modal .button-close {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;

}

.syaku-modal .background {
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    position: fixed
}

.syaku-modal .content {
    background: #fff;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}


/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);line-height: 3em;}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333; vertical-align: middle;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

.drawer-nav {overflow-y: auto !important;overflow-x: visible !important;z-index:99999 !important;}
#slide-wrap {    left: 0;
    top: 0;
    z-index: 99999 !important;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    background-color:#fff;
    display:none;
}

.slide-login-box {background-color:#fff;}
[data-theme="dark"] .slide-login-box {background-color:#000;}

#leftDataTop {background-color:#fff;position:relative;}
#leftDataTop ul { font-size:0; border-bottom:1px solid #efefef; }
#leftDataTop ul li {font-size:12px;display:inline-block;width: 33.333%;height:40px;line-height:40px;text-align: center;cursor:pointer;/* border-right: 1px solid #efefef; */box-sizing: border-box;border-top: 1px solid #f5f6f9;}
#leftDataTop ul li:hover { background-color:#f9fafc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
#leftDataTop ul li a { text-decoration: none; }
#leftDataTop ul li:last-child { width: 80px; border-right:0; }
#leftDataTop ul li img { width:18px; height:18px; margin-bottom:4px; margin-right:4px; }
#leftDataTop dl { margin:0; }
#leftDataTop dd { margin:0; }
#leftDataTop table {width:100%;}
#leftDataTop table th { height:40px; }
#leftDataTop table td { text-align: center; }
#leftDataTop table tr { border-bottom:1px solid #efefef; height:40px;}
#leftLanking {background-color:#fff;position:relative;}
#leftLanking ul { font-size:0; border-bottom:1px solid #efefef; }
#leftLanking ul li {font-size:12px;display:inline-block;width: 33.33%;height:40px;line-height:40px;text-align: center;cursor:pointer;border-right: 1px solid #efefef;box-sizing: border-box;}
#leftLanking ul li:hover { background-color:#f9fafc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
#leftLanking ul li a { text-decoration: none; }
#leftLanking ul li:last-child { width: 80px; border-right:0; }
#leftLanking ul li img { width:18px; height:18px; margin-bottom:4px; }
#leftLanking dl { margin:0; }
#leftLanking dd { margin:0; }
#leftLanking dl dt { border-bottom:1px solid #efefef; text-align: center; }
#leftLanking dl dt a { text-decoration: none; display:inline-block; width:50%; height:25px; line-height:25px; cursor:pointer;}
#leftLanking table { width:100%; }
#leftLanking table th { height:40px; }
#leftLanking table td {text-align: center;}
#leftLanking table td.left {width:30%}
#leftLanking table tr { border-bottom:1px solid #efefef; height:40px;}

.member-page-content {position:relative;display:block;}
.member-page-content li.box-item {display:block;margin-bottom:5px;height: 43px;background-color:#f5f6f9;width:100%;line-height: 43px;}
[data-theme="dark"] .member-page-content li.box-item {background-color:#666;}
[data-theme="dark"] .member-page-content li.box-item input::placeholder {color:#999;}
.member-page-content li i {margin-right:5px;display:inline-block;vertical-align:middle;margin-left: 15px;}
.member-page-content li .ibox {font-size:12px;color:#374050;background:transparent;border:0;outline:0;height: 43px;/* width: 270px; */width: 80%;}
.member-page-content a.register-link {position:absolute;right:5px;bottom: 23px;color:#3d6189;display:block;margin-right: 10px;}
.member-page-foot-button-wrap {position:relative;display:block;/* margin-top: 13px; */}
.member-page-foot-button-wrap .ok-submit {background-color: #4e6b9e;color:#fff;font-weight:bold;height:40px;line-height:40px;width: 100%;transition: all .07s linear;border: 0;}

.member-page-foot-text {text-align:center;font-size:13px;}
.member-page-foot-text .color1 {color:#6a02fe;font-weight:bold;}
.summary {padding: 17px 16px;background-color: #f9fafc;border-bottom: 1px solid #efefef;/* border-top: 1px solid #efefef; */}
[data-theme="dark"] .summary {background-color: #1B1B1B;border-bottom: 1px solid #666;}
.summary h1.title {font-weight: bold;color: #374050;font-size: 13px;}
[data-theme="dark"] .summary h1.title {color: #999;}

.no-login-auto-box {/* margin-left:10px; */border-bottom: 1px solid #f5f6f9;padding-left: 10px;padding-bottom: 14px;}
[data-theme="dark"] .no-login-auto-box {border-bottom: 1px solid #666;}

.no-login-sprite {background-image: url(/bb/no_login_sprite.png); background-repeat: no-repeat; display: block;}
.no-login-user-icon {width: 14px; height: 14px; background-position: -42px -10px;}
.no-login-pw-icon {width: 12px; height: 14px; background-position: -10px -10px;}

.member-page-inlogin-wrap {background-color:#fff;}
[data-theme="dark"] .member-page-inlogin-wrap {background-color:#000;}
.member-page-inlogin-inner {position:relative;}

.member-page-inlogin-inner .box-header {position:relative;display:block;overflow:hidden;border-bottom:1px solid #f5f6f9;padding: 10px 13px;}
[data-theme="dark"] .member-page-inlogin-inner .box-header {border-bottom:1px solid #666;}
.member-page-inlogin-inner .nickname {font-weight:bold;display:inline-block;vertical-align:middle;}

.member-page-inlogin-inner .mlbox {float:left;margin-right: 5px;}
.member-page-inlogin-inner .mlbox:last-child {margin-right:0;}
.member-page-inlogin-inner .mlbox i {vertical-align:middle;display:inline-block;}
.member-page-inlogin-inner .mlbox .text {display:inline-block;vertical-align:middle;padding-left: 1px;}
.member-page-inlogin-inner .mlbox a.link {padding: 7px;background-color: #f5f6f9;display:block;text-decoration:none;}

.member-page-inlogin-inner .box-content {position:relative;display:block;overflow:hidden;}
.member-page-inlogin-inner .box-content li.list-quick-item {display:block;height:48px;line-height:48px;border-bottom:1px solid #f5f6f9;overflow: hidden;padding: 0 7px;}
[data-theme="dark"] .member-page-inlogin-inner .box-content li.list-quick-item {border-bottom:1px solid #666;color:#3d6189;}
.member-page-inlogin-inner .box-content li.list-quick-item i {display:inline-block;vertical-align:middle;}
.member-page-inlogin-inner .box-content li.list-quick-item .text {vertical-align:middle;display:inline-block;padding-left: 3px;}
.member-page-inlogin-inner .box-content li.list-quick-item:last-child {border-bottom:0;}
.member-page-inlogin-inner .box-content .foot-bottom {position:relative;overflow: hidden;border-top: 1px solid #f5f6f9;}
[data-theme="dark"] .member-page-inlogin-inner .box-content .foot-bottom {border-top: 1px solid #666;}
.member-page-inlogin-inner .box-content .foot-bottom li {width: 50%;height: 40px;line-height:40px;float:left;box-sizing:border-box;text-align: center;border-bottom: 1px solid #f5f6f9;}
[data-theme="dark"] .member-page-inlogin-inner .box-content .foot-bottom li {border-bottom: 1px solid #666;}
.member-page-inlogin-inner .box-content .foot-bottom li .foot-inner {border-right:1px solid #f5f6f9;box-sizing:border-box;}
[data-theme="dark"] .member-page-inlogin-inner .box-content .foot-bottom li .foot-inner {border-right:1px solid #666;}
.member-page-inlogin-inner .box-content .foot-bottom li .foot-inner a {text-decoration:none;display: block;}
.member-page-inlogin-inner .box-content .foot-bottom li .text {color:#3d6189;display: inline-block;vertical-align: middle;}
.level-profile {width:22px;height:22px;display:inline-block;vertical-align:middle;background:url('/bb/level-profile.png?ver=3') no-repeat;background-size:22px 22px;margin-right: 4px;}
.member-page-inlogin-sprite {background-image: url(/bb/in-login-sprite.png); background-repeat: no-repeat; display: block;} 
.in-login-memo-ico {width: 16px;height: 12px;background-position: -34px -5px;}
.in-login-out-ico {width: 12px;height: 14px;background-position: -34px -27px;}
.in-login-point-ico {width: 13px;height: 12px;background-position: -60px -5px;}
.in-login-scrap-ico {width: 15px;height: 15px;background-position: -56px -27px;}
.in-login-setting-ico {width: 14px;height: 14px;background-position: -5px -52px;}

.in-login-foot-sprite {    background-image: url(/bb/in-login-foot-sprite.png);
    background-repeat: no-repeat;
    display: block;}

.in-login-foot-attendance {
    width: 16px;
    height: 16px;
    background-position: -5px -5px;
    vertical-align:middle;
    display:inline-block;
}

.in-login-foot-betting {
    width: 16px;
    height: 16px;
    background-position: -31px -5px;
    vertical-align:middle;
    display:inline-block;
}

.in-login-foot-item {
    width: 16px;
    height: 16px;
    background-position: -5px -31px;
    vertical-align:middle;
    display:inline-block;
}

.in-login-foot-mypage {
    width: 16px;
    height: 16px;
    background-position: -31px -31px;
    vertical-align:middle;
    display:inline-block;
}

.in-login-foot-mymemo {
    width: 16px;
    height: 16px;
    background-position: -34px -3px;
    vertical-align:middle;
    display:inline-block;
}

.drawer-hamburger {position:absolute !important;padding:0 !important;}

.side-menu-all-menu-wrap {position:relative;background-color:#fff;}
[data-theme="dark"] .side-menu-all-menu-wrap {background-color:#000;}
.side-menu-all-menu-wrap li.all-item {display:block;border-bottom:1px solid #f5f6f9;position:relative;padding: 14px 17px;}
[data-theme="dark"] .side-menu-all-menu-wrap li.all-item {border-bottom:1px solid #666;}
.side-menu-all-menu-wrap li.all-item a {display:block;}
.side-menu-all-menu-wrap li.all-item .text {display:block;padding: 17px;border-bottom: 1px solid #f5f6f9;cursor:pointer;}
.side-menu-all-menu-wrap li.all-item i {position:absolute;top: 11px;right: 20px;font-size: 20px;}
.side-menu-all-menu-wrap li.all-item.on {background-color:#fbfbfb;}
[data-theme="dark"] .side-menu-all-menu-wrap li.all-item.on {background-color:#666;}

.side-menu-low-menu-wrap {position:relative;}
.side-menu-low-menu {position:relative;padding-left: 18px;}
.side-menu-low-menu .low-link {padding-top: 17px;position:relative;}
.side-menu-low-menu .low-link a::before {content: '';left: -11px;top: 22px;position: absolute;width: 6px;height: 6px;border: 1px solid #e92766;border-width: 0 0 1px 1px;border-radius: 0 0 0 2px;}
.side-menu-low-menu .low-link a.title {display: block;vertical-align:middle;}
/* Mobile Header */
.header-wrap {position:relative;width:100%;height:50px;background-color:#fff;text-align: center;}
[data-theme="dark"] .header-wrap {background-color:#000;}
.header-left-menu {position:relative;}
.header-left-menu i.menu-clik {font-size: 23px;color:#222;display: block;line-height: 50px;padding: 0 15px;}
[data-theme="dark"] .header-left-menu i.menu-clik {color:#fff;}
.header-left-menu .layer-link {display: block;height: 50px;line-height: 50px;text-decoration:none;cursor: pointer;}
.header-logo-wrap {text-align:center;position:relative;display: inline-block;}
.header-logo-wrap h1.header-logo {width:145px;height:26px;font-size:0;line-height:0;display:block;background:url('/bb/mobile/mobile_header_logo.png') no-repeat;background-size:145px 26px;}
.header-right-conbox {position:absolute;right:50px;top:10px;}
.header-right-conbox button.chat-open-cli {background-color: #3f557b; color: #fff; height: 28px; line-height: 28px; border: 0; outline: 0; cursor: pointer; padding: 0 10px;}
.header-right-conbox button.chat-open-cli i {padding-right:4px;}
.header-right-conbox i.search-clik {font-size: 18px;color:#fff;display: block;line-height: 50px;cursor: pointer;padding: 0 15px;}
.header-right-conbox span.layer-search {display: block;height: 50px;line-height: 50px;text-decoration:none;/* padding: 0 15px; */}
.header-notice-wrap {height: 43px;background-color:#fff;border-bottom: 1px solid #ebeef3; position: relative;}
[data-theme="dark"] .header-notice-wrap {background-color:#000;border-top: 1px solid #444;border-bottom: 1px solid #444;}
.header-notice-wrap.none {display:none;}
.header-notice-inner {line-height: 40px;padding-left:13px;height: 43px;}
.header-notice-inner .notice-icon {vertical-align:middle;display:inline-block;color: #4e6b9e;font-size: 16px;}
.header-notice-inner .notice-text {vertical-align:middle;display:inline-block;padding-left: 3px;}

.header-chat-wrap {display:none;}
/* Mobile Header End */

/* lineup */
.lineup-list { border-bottom:1px solid #efefef; box-sizing:border-box; position: relative;}
.lineup-list ul { font-size:0; height:60px; }
.lineup-list ul li { display:inline-block; font-size:12px; height:60px; line-height:60px; vertical-align: middle; font-weight:bold; text-align: center; width:20%; color:#374050; background-color:#f9fafc; cursor:pointer; box-sizing:border-box; border-right:1px solid #efefef; }
.lineup-list ul li:last-child { border-right:0; }
.lineup-list ul li:hover { background-color:#f7f7f7; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.lineup-list ul li img { width:30px; height:30px; margin-bottom:4px;}
.lineup-wrap { position:relative;height:100%; }
.lineup-wrap #contentFrame { width: 1px;
 min-width: 100%;
 *width: 100%;
max-width:100% !important;overflow:auto;-webkit-overflow-scrolling:touch}


/* lineup */

/* injury */
.injury-list { border-bottom:1px solid #efefef; box-sizing:border-box; position: relative;}
.injury-list ul { font-size:0; height:60px; }
.injury-list ul li { display:inline-block; font-size:12px; height:60px; line-height:60px; vertical-align: middle; font-weight:bold; text-align: center; width:20%; color:#374050; background-color:#f9fafc; cursor:pointer; box-sizing:border-box; border-right:1px solid #efefef; }
.injury-list ul li:last-child { border-right:0; }
.injury-list ul li:hover { background-color:#f7f7f7; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.injury-list ul li img { width:30px; height:30px; margin-bottom:4px;}
.injury-wrap {  position:relative; height:100%; }
.injury-wrap #contentFrame { width: 1px;
 min-width: 100%;
 *width: 100%;
max-width:100% !important;overflow:auto;-webkit-overflow-scrolling:touch}
/* injury */


/* Mobile Nav */
.nav-wrap {position:relative;width:100%;height: 48px;background-color:#fff;border-bottom:1px solid #ebeef3;}
.nav-wrap .nav-inner {height: 48px;line-height: 48px;}
.nav-wrap .nav-inner li.nav-item-list {float:left;padding-left: 13px;}
.nav-wrap .nav-inner li.nav-item-list a.list-link {color:#4e6b9e;display:block;}
/* Mobile Nav End */

/* Mobile Index */
.content-latest-box-1 {width:100%;position:relative;/* margin-bottom: 30px; */}
.content-latest-box-1-header {position:relative;display:block;height: 53px;background-color: #ffffff;border-bottom:1px solid #efefef;padding-left: 20px;}
.content-latest-box-1-header h1.latest-1-title {font-size: 13px;font-weight: bold;color:#374050;line-height: 54px;}
.content-latest-box-1-content {display:block;position:relative;overflow:hidden;background-color: #fff;}
.content-latest-box-1-content li {overflow:hidden;display:block;height: 41px;line-height: 41px;border-bottom:1px solid #efefef;padding-left: 15px;}
/* Mobile Index End */

.player-wrap {width:100%;position:relative;padding-top:56.25%;/* margin-bottom: 30px; */}
.player-icon-sprite {background-image: url(/bb/player-sprite.png?ver=3);background-repeat: no-repeat;vertical-align:middle;display:inline-block;}

.player-icon-player-all-in {width: 28px;height: 28px;background-position: -5px -5px;display:inline-block;vertical-align:middle;display:inline-block;}

.player-icon-player-all-in.on {width: 28px;height: 28px;background-position: -43px -5px;vertical-align:middle;display:inline-block;}

.player-icon-player-baseball {width: 28px;height: 28px;background-position: -81px -5px;vertical-align:middle;display:inline-block;}

.player-icon-player-baseball.on {width: 28px;height: 28px;background-position: -119px -5px;vertical-align:middle;display:inline-block;}

.player-icon-player-basketball {width: 28px;height: 28px;background-position: -157px -5px;vertical-align:middle;display:inline-block;}

.player-icon-player-basketball.on {width: 28px;height: 28px;background-position: -5px -43px;vertical-align:middle;display:inline-block;}

.player-icon-player-egame {width: 38px;height: 28px;background-position: -43px -43px;vertical-align:middle;display:inline-block;}

.player-icon-player-egame.on {width: 38px;height: 28px;background-position: -91px -43px;vertical-align:middle;display:inline-block;}

.player-icon-player-football {width: 24px;height: 28px;background-position: -139px -43px;vertical-align:middle;display:inline-block;}

.player-icon-player-football.on {width: 24px;height: 28px;background-position: -5px -81px;vertical-align:middle;display:inline-block;}

.player-icon-player-hd {width: 43px;height: 28px;background-position: -39px -81px;vertical-align:middle;display:inline-block;}

.player-icon-player-hd.on {width: 43px;height: 28px;background-position: -92px -81px;vertical-align:middle;display:inline-block;}

.player-icon-player-hockey {width: 28px;height: 28px;background-position: -145px -81px;vertical-align:middle;display:inline-block;}

.player-icon-player-hockey.on {width: 28px;height: 28px;background-position: -5px -119px;vertical-align:middle;display:inline-block;}

.player-icon-player-lol {width: 28px;height: 28px;background-position: -43px -119px;vertical-align:middle;display:inline-block;}

.player-icon-player-lol.on {width: 28px;height: 28px;background-position: -81px -119px;vertical-align:middle;display:inline-block;}

.player-icon-player-multi {width: 20px;height: 16px;background-position: -119px -119px;vertical-align:middle;display:inline-block;}

.player-icon-player-multi.on {width: 20px;height: 16px;background-position: -149px -119px;vertical-align:middle;display:inline-block;}

.player-icon-player-on-air {width: 38px;height: 27px;background-position: -119px -145px;vertical-align:middle;display:inline-block;}

.player-icon-player-soccer {width: 28px;height: 28px;background-position: -195px -5px;vertical-align:middle;display:inline-block;}

.player-icon-player-soccer.on {width: 28px;height: 28px;background-position: -173px -43px;vertical-align:middle;display:inline-block;}

.player-icon-player-tennis {width: 20px;height: 28px;background-position: -183px -81px;vertical-align:middle;display:inline-block;}

.player-icon-player-tennis.on {width: 20px;height: 28px;background-position: -179px -119px;vertical-align:middle;display:inline-block;}

.player-icon-player-ufc {width: 24px;height: 27px;background-position: -5px -157px;vertical-align:middle;display:inline-block;}

.player-icon-player-ufc.on {width: 24px;height: 27px;background-position: -39px -157px;vertical-align:middle;display:inline-block;}

.player-icon-player-volleyball {width: 28px;height: 28px;background-position: -73px -157px;vertical-align:middle;display:inline-block;}

.player-icon-player-volleyball.on {width: 28px;height: 28px;background-position: -167px -157px;vertical-align:middle;display:inline-block;}

.player-header {position:relative;display:block;background-color:#ffffff;border-bottom:1px solid #f2f4f7;}
.player-inner {padding: 16px 7px;/* overflow: hidden; */}
.player-text {font-size:16px;color:#212127;font-weight:bold;padding-left:9px;display:inline-block;vertical-align:middle;}
.player-text .color-1 {color:#e03b3b;font-weight:bold;}
.player-multi-box {position:relative;display:block;margin-top: 10px;text-align: center;}
.player-multi-box a {text-decoration:none;cursor:pointer;padding-right: 10px;display:inline-block;vertical-align:middle;}
.player-multi-box a:last-child {padding-right:0;}
.player-multi-box .multi-text {display:inline-block;vertical-align:middle;padding-left:3px;}
.player-category-header {background-color: #f9fafc;/* border-top:1px solid #dee2e9; *//* border-bottom:1px solid #dee2e9; */}
.player-category-header .category-inner {height: 113px;line-height:57px;}
.player-category-header .category-inner li {width: 16.66%;float:left;text-align:center;cursor:pointer;/* border-bottom: 1px solid #dee2e9; */}
.player-category-header .category-inner li.on {background-color:#fff;/* border-bottom:none !important; */}
 
.player-category-header .icon-box {text-align:center;border-right:1px solid #e4e6e8;border-bottom: 0;}
.player-category-header .icon-box:nth-child(12) {border-right:0;}
.player-onair-content-wrap {display:table;width:100%;}
.player-onair-content-tr {display:table-row;}
.player-onair-content-td {display:table-cell;height: 42px;line-height: 42px;text-align: center;background-color:#fff;border-bottom:1px solid #f7f7f7;}
.player-onair-content-title {font-weight:bold;color:#212127;}
.player-onair-content-title-2 {color:#212127;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;max-width: 100px;}
.player-onair-content-thead {display:table-header-group;background-color:#fff;}
.player-onair-content-tbody {display:table-row-group;background-color:#fff;}
.player-onair-content-tabcontrol {display:none;}
.player-onair-content-tabcontrol.on {display:table-row-group !important}
.player-onair-content-button-1 {color:#212127;outline:0;background:transparent;border: 1px solid #ebeef3;padding: 7px;color: #3d6189;}


.board-wd-100 {position:relative;width:100%;padding: 0 10px;text-align: center;margin-bottom: 10px;}
.board-wd-100 .default-bt {display: inline-block;vertical-align: middle;padding: 0px 13px;text-decoration: none;cursor: pointer;background-color: #4e6b9e;color: #fff;border: 1px solid #4e6b9e;/* height: 35px; */line-height: 35px;width: 100%;}
.board-list-wrap {display:table;width:100%;}
.board-list-tr {display:table-row;}
.board-list-tr.notice {background-color: #fffdf8 !important;}
.board-list-td {display:table-cell;text-align: center;/* background-color:#fff; */border-bottom: 1px solid #ebeef3;padding: 5px 17px;}
.board-list-td .image {display:inline-block;vertical-align:middle;margin-top: -3px;}
.board-list-td .txt-done {padding:5px;background-color: #4e6b9e;color:#fff;}
.board-list-td .txt-rdy {padding:5px;background-color: #f5f6f9;color:#3e3e3e;}
.board-list-title {/* font-weight:bold; */color:#212127;}
.board-list-title-2 {color:#212127;vertical-align: middle;display: inline-block;}
.board-list-bg-1 {background-color: #4e6b9e;color: #fff;border-radius: 16px;width: 42px;height: 30px;line-height: 30px;}
.board-list-thead {display:table-header-group;background-color:#fff;}
.board-list-tbody {display:table-row-group;background-color:#fff;}
.board-list-subject {display: inline-block;vertical-align: middle;padding-top: 8px;}
.board-list-bt-box {padding-top: 11px;display:block;position:relative;}
.board-list-reply-wrap {position:absolute;top:0;right:0;}
.board-list-wr-date {padding-left:5px;display:inline-block;color: #3d6189;}
.board-list-wr-date i {padding-right: 2px;}
.board-list-subject span.title {/* overflow: hidden; */max-width: 235px;text-overflow: ellipsis;white-space: normal;color: #343434;/* display: inline-block; */vertical-align: middle;font-size: 12px;}
.board-list-comment {font-size: 13px;color: #e92766;display: inline-block;margin-right: 2px;}
.board-list-number {display:inline-block;color: #4e6b9e;font-size: 11px;padding-right: 3px;}
.board-list-read-on {color:#e92766;font-size: 0.95em;}
.board-list-all-checkbox {display:inline-block;vertical-align:middle;margin-left:10px;}
.board-list-total-count {font-size: 12px; color: #212127; display: inline-block; vertical-align: middle;}
.board-list-search-wrap {position:relative;width: 100%;padding: 10px;}
.board-list-search-box {position:relative;height:35px;}
.board-list-search-box-inner {height:35px;width: 100%;}
.board-list-search-box-inner .i-form {border: 0;outline: 0;color: #3d6189;font-weight: 500;/* background-color: transparent; */font-size: 13px;display: inline-block;padding-left: 10px;/* width: 232px; *//* height: 35px; */line-height: 35px;width: 100%;border: 1px solid #4e6b9e;}
.board-list-search-box-inner .ok-submit {vertical-align: middle;padding: 9px 13px;text-decoration: none;cursor: pointer;background-color: #4e6b9e;color: #fff;border: 0;float: right;height: 37px;width: 20%;}
.board-list-button-wrap {float: right;/* margin-bottom: 25px; */}
.board-list-button-wrap .default-bt {display: inline-block;vertical-align: middle;padding: 0px 9px;text-decoration: none;cursor: pointer;background-color: #4e6b9e;color: #fff;border: 1px solid #4e6b9e;/* height: 35px; */line-height: 35px;}

.board-list-button-wrap i {display:inline-block;/* vertical-align:middle; */padding-right: 2px;}
.board-list-button-wrap span.text {display:inline-block;/* vertical-align:middle; */}
.board-list-button-wrap li.b-list-item {float:left;margin-left:5px;}

.board-view-wrap {position:relative;display:block;}
.board-view-info-header {border-bottom: 1px solid #f5f6f9;/* padding-bottom:20px; */background-color:#fff;padding: 17px;overflow:hidden;}
.board-view-info-header .text {display:inline-block;vertical-align:middle;color: #3d6189;}
.board-view-info-header .r-list-item {float:left;padding-right: 16px;}
.board-view-info-header .r-list-item i {padding-right:5px;}
.board-view-info-header .r-list-item:last-child {padding-right:0}
.board-view-comment-wrap {position:relative;display:block;/* margin-bottom: 20px; */}

.board-list-category {padding:6px;background-color:#4e6b9e;color:#fff;}

.board_view_comment_content_box .date_text {color:#4e4e4e;padding-top: 8px;font-size: 11px;}
#view_comment_write_wrap {overflow:hidden;}
.view_comment_wr_position {overflow:hidden;margin-top:10px;margin-bottom:10px;background-color: #fff;padding: 12px 13px;}
.view_comment_write_ibox {/* width: 895px; */height:81px;padding:10px;position:relative;border:1px solid #f2f2f2;float:left;box-sizing: border-box;width: 80%;}
.view_comment_write_ibox .textarea_put {border:0;outline:0;font-size:12px;color: #212127;width:100%;resize:none;height: 56px;}
.view_comment_write_submit_box {float:left;/* width: 105px; *//* margin-left: 10px; */width: 20%;}
.view_comment_write_submit_box .mit {outline:0;font-size:12px;color: #ffffff;width:100%;display:block;background-color: #4e6b9e;border: 1px solid #4e6b9e;box-sizing: border-box;padding: 7px;height: 81px;}
.view_comment_write_submit_box .mit.good_comment {color:#6a02fe !important;border:1px solid #6a02fe !important;}


.board_view_comment_header {margin-top: 15px;padding: 15px 11px;background-color: #f9fafc;border-bottom: 1px solid #efefef;}
.board_view_comment_header .ite {position:relative;display:block;}
.board_view_comment_header i {display:inline-block;vertical-align:middle;padding-left:6px;font-size:15px;}
.board_view_comment_header span.text {color: #3d6189;display:inline-block;vertical-align:middle;padding-left: 2px;}
.board_view_comment_header .num {color: #4e6b9e;font-weight:bold;}
.board-write-checkbox-1 {vertical-align: middle; display: inline-block; margin-top: 1px;}
.board_write_header_wrap {position:relative;margin-bottom:20px;}
.board_write_header_title {font-size:16px;color:#212127;font-family: AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif;letter-spacing: -1px;}
.board_write_cabox {/* border:1px solid #ededed; */margin-bottom:10px;box-sizing: border-box;/* height: 43px; */}
.board_write_cabox .i_box {width:100%;border:0;outline:0;display: block;height: 48px;/* padding-left: 15px; */}
.board_write_cabox ul.caul {position:relative;padding: 11px;}
.board_write_cabox ul.caul li {display:inline-block;margin-right:5px;vertical-align:middle;padding-right: 5px;}
.board_write_cabox ul.caul li .text {vertical-align:middle;display:inline-block;margin-top: -1px;cursor: pointer;}
.board_write_cabox .normal_box {/* padding:11px; */display:block;background-color: #fff;width: 100%;}
.board_write_cabox .selbox {width: 100%;border: 0;cursor: pointer;outline: 0;color: #757575;height: 42px;padding-left: 17px;line-height: 42px;}
.board_write_content {background-color:#fff;}
.board_write_btn {position:relative;text-align:center;margin-top:30px;}
.board_write_btn button.submit_box {display: inline-block;vertical-align: middle;font-size: 12px;color: #ffffff;border: 1px solid #4e6b9e;background:transparent;outline: 0;height: 41px;line-height: 41px;padding: 0 18px;background-color: #4e6b9e;}
.board_write_btn a.page_back {display: inline-block;vertical-align: middle;font-size: 12px;color:#212127;border: 1px solid #212127;text-decoration: none;height: 41px;line-height: 41px;padding: 0 18px;box-sizing: border-box;}

.board_write_more {display: inline-block;margin-left:5px;text-decoration: none !important;vertical-align: middle;font-size: 12px;color: #374050;border: 1px solid #4e6b9e;background: transparent;outline: 0;height: 41px;line-height: 41px;padding: 0 18px;background-color: #ffffff;} 
.board-write-qabox {margin-top:20px;position:relative;}
.board-write-qa-status-none {background-color:#fffdf8 !important;text-align:center;/* padding:10px; */width:100%;height: 40px;line-height: 40px;margin-top: 20px;border: 1px solid #fffdf8;}
.board_view_comment_nowrap {position:relative;height: 50px;text-align:center;line-height: 50px;background-color: #fffdf8;}
.board_view_comment_nowrap i {font-size: 14px;font-weight:bold;display:inline-block;vertical-align:middle;color: #212127;}
.board_view_comment_nowrap .no_text {font-weight:bold;font-size: 12px;color:#212127;display:inline-block;vertical-align:middle;padding: 0 5px;}
.board_view_comment_content {position:relative;display:block;background-color: #fff;}
.board_view_comment_content_reply {margin-left:50px;position: relative;}
.board_view_comment_content_reply::before {content:'';left: -30px;top: 45px;position:absolute;width:15px;height:15px;border: 1px solid #e92766; border-width: 0 0 1px 1px; border-radius: 0 0 0 2px;}
.board_view_comment_content_header {position:relative;padding: 15px;overflow:hidden;/* background-color: #fbfbfb; */border-bottom: 1px solid #f5f6f9;border-top: 1px solid #f5f6f9;}
.board_view_comment_content_header .nickname {display:inline-block;vertical-align:middle;}
.board_view_comment_content_header .rt {display:inline-block;vertical-align:middle;margin-right: 5px;}
.board_view_comment_content_header .rt::after {content:'';width: 1px;height: 1px;background-color: #232320;display: inline-block;vertical-align: middle;margin-left:9px;margin-top: -2px;}
.board_view_comment_content_header .rt:last-child::after {content:'';width:0;height:0;margin-left:0;}
.board_view_comment_content_box {position:relative;display:block;padding: 18px 16px 14px;/* border: 1px solid #f7f7f7; */border-top: 0;}
.board-view-content {position:relative;padding:17px;background-color:#fff;}
.board-view-debt-1 {display: inline-block;vertical-align: middle;padding: 0px 8px;text-decoration: none;cursor: pointer;background-color: #4e6b9e;color: #fff !important;border: 1px solid #4e6b9e;/* height: 35px; */line-height: 35px;text-decoration: none !important;}
.board-view-content img {max-width:100%;}
.board-view-dbt {padding:6px;overflow:hidden;}

.chat-content-wrap {position:relative;display:none;}
.chat-content-wrap-inner {position: fixed; bottom: 38px; left: 0; width: 100%; z-index: 9999; -webkit-transform: translateZ(0);}
.chat-content-wrap-inner.top {bottom:86px;}

.chat-tail-wrap {width:100%;position:relative;display:block;}
.chat-tail-wrap button.chat-open {height:40px;line-height:40px;text-align:center;background-color:#4e6b9e;color:#fff;border:0;outline:0;width: 100%;position: fixed;bottom: 0;left: 0;}
.chat-tail-wrap button.chat-open i {padding-right:5px;font-size:15px}
.chat-tail-wrap button.chat-open.top {bottom:48px;}
#footer {width:100%;background-color: #4e6b9e;position: relative;}

#footer .footer_inner {height:52px;text-align:center;   margin-top: 13px;}
#footer .footer_inner p {color: #e8e8e8; font-size: 14px; line-height: 52px;letter-spacing: -0.3px;}



.member-register-wrap {position:relative;display:block;background-color: #fff;}


.member-page-reg-content {position:relative;display:block;/* padding: 15px; */}
.member-page-reg-content li.box-item {display:block;/* margin-bottom:20px; */height: 50px;/* background-color:#f5f6f9; */width:100%;line-height: 50px;border-bottom: 1px solid #ebeef3;}
.member-page-reg-content li i {margin-right:5px;display:inline-block;vertical-align:middle;margin-left: 15px;}
.member-page-reg-content li .ibox {font-size:12px;color:#212127;background:transparent;border:0;outline:0;width: 85%;height: 50px;}

.member-page-foot-reg-button-wrap {position:relative;display:block;padding-bottom: 30px;text-align: center;/* padding-top: 30px; */}
.member-page-foot-reg-button-wrap .ok-submit {background-color:#fff;font-weight:bold;color: #3d6189;border: 1px solid #ebeef3;height:40px;line-height:40px;/* width: 100%; */padding: 0 30px;display: inline-block;text-decoration: none;}


.member-page-foot-button_wrap {position:relative;display:block;margin-top: 22px;margin-bottom: 30px;}
.member-page-foot-button_wrap .ok-submit {background-color:#fff;font-weight:bold;color:#6a02fe;border:1px solid #6a02fe;height:40px;line-height:40px;width: 100%;}
.member-page-foot_text {text-align:center;font-size:13px;}
.member-page-foot_text .color1 {color:#6a02fe;font-weight:bold;}
.member-page-captcha-image {float:left;/* border:1px solid #f5f6f9; *//* margin-left: 13px; */width: 30%;}
.member-page-captcha-image img {width: 100%;height: 61px;}
.member-page-captcha-content {/* padding-left: 15px; */padding-top: 4px;/* text-align: center; */float: left;width: 70%;position: relative;}
.member-page-captcha-content .captcha-ibox {background-color: #f9fafc;border:0;outline:0;padding: 0 9px;display: inline-block;vertical-align: middle;height: 36px;width: 100%;}
.member-page-captcha-content .captcha-reload {padding: 9px;background-color: #fff;border: 1px solid #ebeef3;color: #3d6189;position: absolute;top: 13px;right: 0;}


.member-page-reg-note {position:relative;display:block;border:1px solid #f5f6f9;border-top:0;padding: 13px;/* text-align:center; */}


.member-page-reg-result {padding:15px;background-color:#f5f6f9;}
.member-page-reg-result p {line-height:2.2em;}
.member-page-reg-result .bold {color: #4e6b9e;font-weight:bold;}



.iconshop-wrap {display:block;position:relative;background-color:#fff;}
.iconshop-category {padding:17px 16px;position:relative;background-color:#fff;border-bottom:1px solid #f5f6f9;overflow:hidden;}
.iconshop-category ul {overflow:hidden;}
.iconshop-category li.category-item {float:left;display:block;}
.iconshop-category li.category-item button.category-title {background-color: #f9fafc;border:0;outline:0;font-size:12px;text-align:center;color: #4e6b9e;padding: 13px;}
.iconshop-category li.category-item button.category-title.active {background-color:#4e6b9e;color:#fff;}





.iconshop-content {position:relative;display:block;padding:17px 16px;}
.iconshop-content li.ico-li {float: left;text-align: center;/* border: 1px solid #fbfbfb; *//* margin-right: 20px; */margin-bottom: 30px;/* margin-left: 3px; */width: 33.33%;position: relative;}
.iconshop-content-inner {overflow:hidden;}
.iconshop-content-inner .icon-thumb {padding:10px 0;}
.iconshop-content-inner .icon-text {padding:10px;border-top:1px solid #f5f6f9;}
.iconshop-content-inner .icon-text span {display:block;font-size:12px;color:#6d6d6d;}
.iconshop-content-inner .icon-buy {display: block;padding: 10px 20px;background-color: #fbfbfb;color: #4e6b9e;outline: 0;border: 0;width: 100%;border: 1px solid #f3f3f3;}
.iconshop-content-inner .icon-price {display:block;color:#4e6b9e;padding: 10px 5px;background-color: #fdfdfd;/* border: 1px solid #f3f3f3; */margin-top: 2px;}
.iconshop-content-inner .icon-del {position: absolute;top: 0;right: 5px;cursor:pointer;}
.iconshop-content-inner .icon-del i {color:#b12b2b;}
.iconshop-content-inner .icon-active {display: block;padding: 11px 20px;background-color: #b12b2b;color: #ffffff;outline: 0;border: 0;}
.gallery-content-wrap {position:relative;display:block;background-color:#fff;padding: 0;box-sizing:border-box;}
.gallery-content-inner {position: relative;display: block;overflow: hidden;padding: 20px 7px 0 12px;}
.gallery-content-inner ul#gallery-list-item {position:relative;display:block;overflow:hidden;}
.gallery-content-inner ul#gallery-list-item li {width: 50%;float:left;margin-bottom: 20px;/* margin-right: 20px; */}
.gallery-content-inner ul#gallery-list-item li .thumb-image {display:block;width:100%;/* height: 230px; */}
.gallery-content-inner ul#gallery-list-item li .thumb-image .no-image {display: block;height: 100px;line-height: 100px;text-align: center;font-size: 12px;border: 1px solid #f2f4f7;}
.gallery-content-inner ul#gallery-list-item li .thumb-image img {width:100%;height:auto;}
.gallery-content-inner ul#gallery-list-item li .thumb-content-box {border:1px solid #f2f4f7;padding: 9px;border-top:0;}
.gallery-content-inner ul#gallery-list-item li .thumb-content-box h1.subject {color: #212127;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;max-width: 100px;}
.gallery-content-inner ul#gallery-list-item li .thumb-content-box .name-info-box {position:relative;padding-top:15px;overflow: hidden;}
.gallery-content-inner ul#gallery-list-item li .thumb-content-box .name-info-box .nickname {color:#adadad;display:inline-block;vertical-align:middle;}

.gallery-content-inner ul#gallery-list-item li .thumb-content-box .datetime {display:block;padding-top: 7px;}
.gallery-content-inner ul#gallery-list-item li .thumb-content-box .datetime .text {color:#4e6b9e;font-size:11px;}

.slide-open-html {overflow:hidden;position: fixed;width: 100%;height: 100%;}
.chat-frame-on {top:0;}

.drawer-open {overflow:hidden;position: fixed !important;width: 100% !important;height: 100% !important;}
.premium-wrap {position:relative;display:block;background-color:#fff;}

.premium-content-title {text-align:center;padding: 11px 0;background-color: #4e6b9e;border: 1px solid #f7f7f7;margin-top: 15px;}
.premium-content-title:first-child {margin-top:0}
.premium-content-title h1 {font-size: 15px;color: #ffffff;display:block;}
#premium-cate-box {overflow:hidden;}
.premium-cate-header {background-color: #fff;border-bottom: 1px solid #f5f6f9;overflow:hidden;}
.premium-category-bt {padding: 17px 16px;position: relative;overflow: hidden;}
.premium-category-bt li.pr-item-list {float:left;display:block;}
.premium-category-bt li.pr-item-list a.item {text-decoration:none;display:block;background-color: #f9fafc; border: 0; outline: 0; font-size: 12px; text-align: center; color: #4e6b9e; padding: 13px;}
.premium-category-bt li.pr-item-list a.item.active {background-color:#4e6b9e;color:#fff;}
.premium-category-date-box {padding: 21px 16px;position:relative;overflow:hidden;}
.premium-category-date-box .date-i {vertical-align:middle;display:inline-block;cursor:pointer;font-size: 26px;color: #d4d4d4;}
.premium-category-date-box .date-i:hover {color:#4e6b9e;}
.premium-category-date-box .date-t {vertical-align:middle;display:inline-block;font-size: 17px;padding: 0 20px;color: #4e6b9e;}
.premium-content {position: relative; display: block;}
.premium-content .data {text-align:center;height:60px;line-height:60px;}
.premium-content li.content-item {display:block;border-bottom:1px solid #f5f6f9;padding: 17px 16px;}
.premium-content li.content-item .date-match-time {padding-left:5px;display:inline-block;vertical-align:middle;}
.premium-content li.content-item .away {display:block;position:relative;overflow:hidden;padding-top: 15px;}
.premium-content li.content-item .away .ibx {width:50%;float:left;display:block;background-color: #f9fafc; height: 35px; line-height: 35px;padding-left:9px;}
.premium-content li.content-item .away .ibx .d-text {display:inline-block;vertical-align:middle;padding-right:4px;}
.premium-content li.content-item .away .ibx .d-ico {display:inline-block;vertical-align:middle;}
.premium-content li.content-item .away .ibx .d-ico img {width:20px;height:20px;}
.premium-content li.content-item .btn {display:block;padding-top:10px;}
.premium-content li.content-item .btn .pre-on {border: 1px solid #4e6b9e;border-radius: 16px;padding: 0 11px;color: #4e6b9e;display: block;height: 32px;line-height: 32px;text-decoration:none;text-align: center;margin-top: 4px;}
.premium-content li.content-item .btn .pre-off {background-color: #f5f5f5;border-radius: 16px;padding: 0 11px;color: #4e6b9e;display: block;height: 32px;line-height: 32px;text-decoration:none;text-align: center;margin-top: 4px;}

.premium-bg-1 {display: inline-block;background-color: #f9fafc;color: #4e6b9e;height: 31px;line-height: 31px;padding: 0 7px;font-weight: bold;}

#iframe-index {width:100% !important;overflow-y:hidden;height:100%;border:0;outline:0;}
.pc_btn { position: relative; padding:14px 17px; display:block; border-bottom: 1px solid #f5f6f9; background-color:#212e44; color:#ffffff; }
.side-menu-all-menu-wrap>a { text-decoration: none; }

.arr_left { display:none; }
.arr_right { display:none; }

#footer .footer_inner .mobile_btn { display:inline-block; height: 35px; line-height: 35px; margin-left: 10px; box-sizing: border-box; padding: 0 10px; background-color: #54637f; cursor: pointer; font-size:12px; color:#ffffff;}


[data-theme="dark"] .register {background-color:#000;}
[data-theme="dark"] .list-group-item {background-color:#000;color:#fff;}




#float {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height:50px;
	padding: 5px 0;
	background: #3f557b;
	/*box-shadow: 0 0 3px 3px #ccc;*/
	z-index: 999;
}
[data-theme="dark"] #float {
	background: #222;
	box-shadow: 0 0 2px 2px #444;
}

#float div {
	display: block;
	width: calc(100%/4);
	margin: 0;
}

#float div a {
	display: flex;
	text-align: center;
	color: #fff;
	margin-top: 5px;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 0.95em;
}

#float div a .icon {
	font-size: 1em;
	padding-right:6px;
}

#float div a p {
}

#float div .active{
	color:#8523cd !important;
}

@media(max-width:991px){
	.main_top_txt a{
		color:#ffffff;
		font-weight: bold;
		font-size: 13px;
	}

	#float {
		display: flex;
	}

}