/* style.css */
* {margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all; word-wrap: break-word; color: #121212; font-size:16px;}
html, body {height: 100%; /*background: #f7f7f7;*/}
a {text-decoration: none;}
a.uline {text-decoration: underline;}
li {list-style-type: none;}
img {vertical-align: middle;}
table {border-collapse: collapse; width: 100%; text-align: center;}
table input[type="text"], table input[type="password"], table textarea {width: 100%;}
td {word-wrap: break-word;}
th {word-wrap: break-word;}
input[type="text"], input[type="password"] {border: none; outline: none;}
input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder {color: transparent;}
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder {color: transparent;}
textarea {border: none; outline: none; resize: none;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label > img {width: 14px;}
input[type="checkbox"] + label {position: relative; cursor: pointer;}
input[type="checkbox"] + label > div.checked {width: 14px; height: 14px; background-image: url(/m/images/non-checked.png); background-size: cover;}
input[type="checkbox"]:checked + label > div.checked {background-image: url(/m/images/checked.png);}
button {background: none; border: none;}
.ml-auto {margin-left: auto;}
.ml-0 {margin-left: 0 !important;}
.ml-5 {margin-left: 5px;}
.ml-7_5 {margin-left: 7.5px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.mr-auto {margin-right: auto;}
.mr-0 {margin-right: 0 !important;}
.mr-2 {margin-right: 2px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-7_5 {margin-right: 7.5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-2 {margin-bottom: 2px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-7_5 {margin-bottom: 7.5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mx-auto {margin-left: auto; margin-right: auto;}
.mx-5 {margin-left: 5px !important; margin-right: 5px !important;}
.mx-10 {margin-left: 10px !important; margin-right: 10px !important;}
.mx-20 {margin-left: 20px !important; margin-right: 20px !important;}
.mx-30 {margin-left: 30px !important; margin-right: 30px !important;}
.my-5 {margin-top: 5px !important; margin-bottom: 5px !important;}
.my-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.my-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.my-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.m-5 {margin: 5px;}
.m-10 {margin: 10px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pr-5 {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.px-10 {padding-left: 10px; padding-right: 10px;}
.px-15 {padding-left: 15px; padding-right: 15px;}
.px-20 {padding-left: 20px; padding-right: 20px;}
.px-30 {padding-left: 30px; padding-right: 30px;}
.py-10 {padding-top: 10px; padding-bottom: 10px;}
.py-15	{padding-top: 15px; padding-bottom: 15px;}
.py-20 {padding-top: 20px; padding-bottom: 20px;}
.py-30 {padding-top: 30px; padding-bottom: 30px;}
.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-30 {padding: 30px;}

.w-100 {width: 100%;}
.w-90 {width: 90%;}
.w-80 {width: 80%;}
.w-70 {width: 70%;}
.w-60 {width: 60%;}
.w-50 {width: 50%;}
.w-40 {width: 40%;}
.w-30 {width: 30%;}
.w-33 {width: 33.33%;}
.w-20 {width: 20%;}
.w-10 {width: 10%;}

.t-left {text-align: left;}
.t-right {text-align: right;}
.t-center {text-align: center;}
.d-block {display: block;}
.d-ib {display: inline-block;}
.d-flex {display: flex;}
.po-re {position: relative;}
.po-ab {position: absolute;}
.wrap {flex-wrap: wrap;}
.center {margin: 0 auto;}
.f-bold {font-weight: bold;}
.f-normal {font-weight: normal;}
.f-light {font-weight: lighter;}

.border-r {border-right: 1px solid #e3e3e3;}
.border-l {border-left: 1px solid #e3e3e3;}
.border-t {border-top: 1px solid #e3e3e3;}
.border-b {border-bottom: 1px solid #e3e3e3;}

.t-blue {color: #465362 !important;font-weight:900;}
.t-yellow {color: #ffc000 !important;}
.t-white {color: #fffefe !important;}
.t-gray {color: #c7c7c7 !important;}
.t-dgray {color: #6d6d6d !important;}
.t-pink {color: #fc13bd !important;}
.t-orange {color: #f3610a !important;}
.t-red {color: #ff2424 !important;}
.t-black {color:	#121212!important;}

.bg-blue {background: #465362 !important;}
.bg-black {background: #3a3a3a !important;}
.bg-navy {background: #2d363d !important;}
.bg-white {background: #fff !important;}
.bg-gray {background: #f7f7f7 !important;}
.bg-dgray {background: #c8c8c8 !important;}
.bg-orange {background: #f3610a !important;}
.bg-yellow {background: #ffc000 !important;}

/* .scale80 {transform: scale(0.8);} */

.red_btn {display: inline-block; min-width: 62.5px; color: #fff; background: #ee4040; border-radius: 50vh; text-align: center; padding: 0 6.5px;}

.container {position: relative; max-width: 720px; width: 100%; min-height: 100%; display: flex; flex-direction: column;}
.container.bg_blue {background-color: #ebf2f5;}
.container.bg_blue .content {background: none;}
.container.bg_blue .footer {background: none;}
/* .container.bg_blue .head,
.container.bg_blue .head .top {background: none;} */
.container .game {padding-bottom: 40px;}

/* login */
.btn {display: block; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 12.5px;}
.btn-sm {width: 108px; height: 22.5px; line-height: 22.5px; text-align: center; color: #fff;}
.login .btn-w {width: 150px; height: 44px; line-height: 44px; margin-left: 40px; border-radius: 5px; background: #a70028;}
.btn-round {display: inline-block; width: 110px; height: 25px; color: #fff; text-align: center; border-radius: 50vh;}
.btn-blue {background: #465362;}
.btn-navy {background: #333c4d;}
.btn-gray {background: #b4b4b4;}
.btn-white {background: #fff; border: 1px solid #b3b3b3; color: #6d6d6d;}
.login label {width: 40px; font-size: 16px; line-height: 44px; font-weight: bold; letter-spacing: -0.7px;}
.login input {width: calc(100% - 40px); padding: 10px; font-size: 14px; border-radius: 5px;}
.login input::placeholder {color: #c7c7c7;}
.login > .header {padding: 15px;}
.login > .header .prev > img {width: 9px;}
.login > .body {padding: 0 20px;}
.login > .body > p {font-size: 18px; text-align: center; margin-bottom: 40px;}
.login > .body .logo {padding: 40px 0;}
.login > .body .logo > img {width: 170px;}
.login_form {padding: 15px 20px;}
.login_form > div {margin-bottom: 20px;}
.login_form > div:last-of-type {margin-bottom: 30px;}
.login_form + ul {margin-left: 60px;}
.login_form + ul li {position: relative;}
.login_form + ul li::after {position: absolute; right: 0; top: 50%; transform: translateY(-25%); content: ''; width: 1px; height: 10px; background-color: #7d7d7d;}
.login_form + ul li:last-child::after {display: none;}
.login_form + ul a {font-size: 12px; padding: 0 15px;}
.container > .footer {margin-top: auto;}
.container > .game + .footer {padding-bottom: 57px;}
.container > .footer,
.container > div:not(.footer) > .footer {padding: 15px 20px; border-top: 1px solid #e3e3e3; background: #f7f7f7;}
.container .footer .header img {width: 44px;}
.container .footer .body {background-color: #800000; border-radius: 5px; overflow: hidden;}
.container .footer .body td,
.container .footer .body th {width: auto; border: none; padding: 10px; background-color: #800000; color: #fff; font-weight: normal; text-align: left; font-size: 10px; border-right: 1px solid rgba(223, 223, 223, 0.6); border-bottom: 1px solid rgba(223, 223, 223, 0.6); font-weight: lighter;}
.container .footer .body tr td:last-of-type {border-right: none;}
.container .footer .bodt tr:last-of-type td,
.container .footer .bodt tr:last-of-type th {border-bottom: none;}
.container .footer .body ul:first-of-type {position: relative;}
/* .container .footer .body ul:first-of-type::after {position: absolute; right: 0; top: -10px; content: ''; width: 1px; height: calc(100% + 24px); background: #ecc3ac;} */
.container .footer .body li {display: flex;}
.container .footer .body li > .contents {color: #ecc3ac; font-size: 12px;}
.container .footer .body li > .title {color: #fdfdfd; font-size: 12px;}
.container .footer .footer {padding-top: 13px;}
.container .footer .footer img {width: 93px;}
.container .footer .footer p {color: #d0cecf; font-size: 9px;}

/* header */
/* #header {position: fixed; top: 0; left: 0; max-width: 720px; width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; z-index: 8;} */
.head {position: fixed; top: 0; left: 0; max-width: 720px; width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; z-index: 8;}
.header_bottom {position: fixed; top: 62.25px; left: 0; max-width: 720px; width: 100%; background: #fff; z-index: 8;}
.head .top {padding: 7.5px 13px; background: #fff;}
#header .bottom {padding: 10px 5px;}
#header .bottom * {font-size: 14px; font-weight: bold;height:25px;}
#header .bottom a {display: block; position: relative;}
#header .bottom li:not(:first-child) a span {position: absolute; left: 30px; top: 0; line-height: 25px; font-size:11px;}
#header .bottom li:first-child a span {line-height: 25px; font-size:11px;}
#header .bottom a.active{color:#ffc000;}
a.toggle_btn > img {width: 20px;}
h1#logo img {width: 30px; margin-top: 5px;}
a.mypage > img {width: 16px;}
.head #toggle_btn {line-height: 47px;}

.head .icon_list li {margin-right: 10px;}
.head .icon_list li a {display: block; line-height: 47px;}
.head .icon_list li.coupon img {margin-top: -4px;}

.head .header_info {position: relative; display: flex; max-width: 155px; width: 100%; background-color: #f1f2f4; border: 1px solid #dfdfdf; border-radius: 10px; padding: 0 20px; box-sizing: border-box;}
.head .header_info #layerOenMember01_1 {color: #949494; font-size: 12px; line-height: 40px; margin-right: auto; cursor: pointer;}
.head .header_info .img_wrap {line-height: 30px; width: 30px; height: 30px; margin-top: 7px; border-radius: 50vh; overflow: hidden;}
.head .header_info.login {background: #fff; padding: 0 10px 0 10px;}
.head .header_info.login .level {position: absolute; color: #000; margin: 5px 5px 0 0; font-weight: bold; font-size: 12px;}
.head .header_info.login #user_nickname {color: #000; font-size: 12px; line-height: 40px; margin-right: 5px; padding-top: 5px; font-weight: bold; font-size: 12px; margin-left: auto;}
.head .header_info.login #user_nickname img {width: 8px; height: auto; margin-left: 3px;}

/* roulette */
.roulette_wrap {width: 70vw; margin: 10px auto 0 auto; /*display: none;*/}
.roulette_wrap * {color: #fff;}
.roulette_wrap h4.tit {font-size: 16px; font-style: italic; font-weight: bold; color: #a70028; margin-bottom: 5px;}
.gauge {position: relative; flex: 1; height: 20px; background-image: url(/images/roulette/gauge_bg_web.png); background-size: cover; background-repeat: no-repeat; margin: 0 10px; padding: 3px; box-sizing: border-box; border-radius: 50vh; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.gauge::before {position: absolute; left: -10px; top: 50%; transform: translateY(-50%); content: ''; width: 22px; height: 22px; background-image: url(/images/roulette/ico_roulette.png); background-size: cover;}
.gauge .gauge_inner {height: 100%; background-image: url(/images/roulette/gauge_fill_web.png); background-size: cover; border-radius: 50vh;}
.roulette_btn {position: relative; display: block; background-color: #ee9600; border-radius: 5px; line-height: 1; padding: 2px 5px; font-size: 13px;}
.roulette_btn .cnt {position: absolute; right: 0px; top: -15px; min-width:15px; height: 18px; line-height: 18px; background-color: #ee9600; border: 1px solid #a55600; border-radius: 50vh; font-size: 10px; text-align: center;}

/* menu */
.toggle-menu {position: fixed; width: 100%; height: 100vh; background: #ebf2f5; z-index: 11; left: -100vw; top: 0; transition: 0.3s; border-right: 1px solid #ccc; display: flex; flex-direction: column; overflow-y: auto;}
.toggle-menu .header {position: relative;}
.toggle-menu .header .logout {padding: 50px 40px 0 20vw;}
.toggle-menu .header .logout > span {font-size: 14px; font-weight: bold;}
.toggle-menu .header .logout h1.nickname {position: relative; font-size: 32px; padding-right: 50px; margin-top: 20px;}
.toggle-menu .header .logout h1.nickname span {/*position: absolute; right: 0; top: 5px; */ font-size: 10px; padding: 0 10px; background: #fff; border: 1px solid #ccc; vertical-align: top;}
.toggle-menu .header .login {padding: 25px 15px; background: #f7f7f7; display: none;}
.toggle-menu .header .login img {width: 5px; margin-left: 8px; margin-top: -2px;}
.toggle-menu .header .login a.user_name {font-size: 12.5px; color: #6d6d6d;}
.toggle-menu .header > .close_btn {position: absolute; right: 10px; top: 10px;}
.toggle-menu .header > .close_btn > img {width: 20px;}
.toggle-menu.login .logout {display: none;}
.toggle-menu.login .login {display: block;}
.toggle-menu .body ul {padding: 20px;}
.toggle-menu .body ul img {width: 100%;}
#toggle-menu.toggle-menu .footer {margin-top: auto; padding: 20px 0 50px 0; border: none; background: none;}
.toggle-menu .footer #logout_btn {display: block; font-size: 14px; margin-bottom: 30px; text-decoration: underline; color: #959ca6;}
.toggle-menu .footer img {width: 60px;}

/* mypage */
#mypage {position: fixed; left: 100vw; top: 0; max-width: 720px; width: 100%; height: 100vh; z-index: 11; background: #fff; transition: 0.3s; border-left: 1px solid #ccc; background: #ebf2f5; display: flex; flex-direction: column;}
#mypage .logout {position: relative; padding: 50px 40px 0 20vw;}
#mypage .logout > span {font-size: 14px; font-weight: bold;}
#mypage .logout h1.nickname {position: relative; font-size: 32px; padding-right: 50px; margin-top: 20px;}
#mypage .logout h1.nickname span {/* position: absolute; right: 0; top: 5px; */ font-size: 10px; padding: 0 10px; background: #fff; border: 1px solid #ccc; vertical-align: top;}
#mypage .logout .close_btn {position: absolute; left: 7.5px; top: 6.5px;}
#mypage .logout .close_btn > img {width: 16px; filter: brightness(0);}
#mypage .footer {margin-top: auto; padding: 20px 0 50px 0; border: none; background: none;}
#mypage .footer img {width: 60px;}

#mypage #logout_btn {display: block; font-size: 14px; margin-bottom: 30px; text-decoration: underline; color: #959ca6;}

#mypage > .header {position: relative; padding: 20px 40px 20px 30px; background: #fff; margin: 20px 30px; border-radius: 5px;}
#mypage > .header > .profile > .img {width: 60px; height: 60px; border-radius: 7px; margin: 0 auto; background: #d7d8dc; text-align: center; line-height: 60px; margin-bottom: 3.5px;}
#mypage > .header > .profile > a.btn-blue {width: 77px; font-size: 11px; line-height: 20px;}
#mypage > .header > .profile > .img > img {width: 35px;}
#mypage > .header > .coin {width: 100%; padding: 5px 0;}
#mypage > .header > .coin li {margin-top: -2px; font-size: 16px;}
#mypage > .header > .coin li span {font-size: 16px; max-width: 110px; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#mypage > .header > .coin img {width: 20px; height: 20px; margin-top: 3px; margin-right: 5px;}
#mypage > .header > .coin > .cash {color: #e39a2e;}
#mypage > .header > .coin > .coin {color: #ff410a;}
#mypage > .header > .coin > .point {color: #3bace4;}
#mypage > .body {margin: 0 30px; border-radius: 5px; background: #fff;}
#mypage > .body ul.menu img {width: 23px;}
#mypage > .body ul.menu li a {display: block; padding: 10px 0;}
#mypage > .body ul.menu li a span {display: inline-block; width: 50px; text-align: left; line-height: 26px; font-size: 12px; color: #6d6d6d;}
#mypage > .body ul.user_info {padding: 10px 0;}
#mypage > .body ul.user_info li {padding: 10px 30px; font-size: 12px; color: #959ca6; font-weight: 500;}
#mypage > .body ul.user_info li span {color: #000; font-size: 12px;}
#mypage > .body ul.user_info li span.sns {color: #959ca6;}
#mypage p.notice {position: absolute; bottom: 0; width: 100%; padding: 10px 15px; font-size: 9px;}
#mypage input[type="checkbox"] + label {position: relative; cursor: pointer;}
#mypage input[type="checkbox"] + label > div.checked {position: absolute; left: -17px; top: 2px; width: 14px; height: 14px; background-image: url(/m/images/non-checked.png); background-size: cover;}
#mypage input[type="checkbox"]:checked + label > div.checked {background-image: url(/m/images/checked.png);}

/* fixed_footer */
.fixed_footer {position: fixed; bottom: 0; left: 0; max-width: 720px; width: 100%; background: #fff; text-align: center; box-shadow: 0 0 5px 3px rgba(58, 63, 78, 0.1); z-index: 9;}
.fixed_footer * {color: #929ba6; font-size: 14px;}
.fixed_footer > div {cursor: pointer; padding: 15px 0;}
.fixed_footer > div#betting_cart_btn {border-right: 1px solid #dfdfdf;}
.fixed_footer > div.active {background: #a70028; color: #fff;}
.fixed_footer > div > span {display: inline-block; width: 33px; height: 23px; line-height: 23px; border-radius: 5px;}

/* betting_cart */
/* #betting_cart {position: fixed; bottom: -100vh; left: 0; max-width: 720px; width: 100%; height: 100%; background: #333c4e; padding: 17px 15px 55px 15px; border-radius: 20px 20px 0 0; transition: 0.3s; z-index: 20;}
#betting_history {position: fixed; bottom: -100vh; left: 0; max-width: 720px; width: 100%; height: 100%; background: #333c4e; padding: 17px 15px 55px 15px; border-radius: 20px 20px 0 0; transition: 0.3s; z-index: 20;} */
#betting_cart {position: fixed; bottom: -100vh; left: 0; max-width: 720px; width: 100%; height: calc(100% - 63px); height: auto; background: #a70028; padding: 17px 15px 55px 15px; border-radius: 20px 20px 0 0; transition: 0.3s; z-index: 10;}
#betting_history {position: fixed; bottom: -100vh; left: 0; max-width: 720px; width: 100%; height: calc(100vh - 140px); background: #a70028; padding: 17px 15px 70px 15px; border-radius: 20px 20px 0 0; transition: 0.3s; z-index: 9;}
#betting_history .gameTable {max-height: 500px; max-height: calc(100% - 30px); overflow-y: auto;}
#betting_history .gameTable > div {background-color: #910304; margin-bottom: 5px; padding: 10px; padding: 0;}
#betting_history .gameTable > div > div.dt {padding: 3px 3px 3px 8px; background-color: #590016;}
#betting_history .gameTable > div > div.dt > span.t-orange {font-size: 12px; line-height: 24px; margin-right: 5px;}
#betting_history .gameTable > div > div.dt > span.status_B {color: #ffc000 !important;}

#betting_history .gameTable > div > div.dt2 {padding: 3px 3px 3px 8px; background-color: #060f2e; }
#betting_history .gameTable > div > div.dt2 > span.t-orange {font-size: 12px; line-height: 24px; margin-right: 5px;}


/* #betting_history .gameTable > div > div.dt .btnToggle img {filter: invert(43%) sepia(90%) saturate(1739%) hue-rotate(354deg) brightness(94%) contrast(103%);} */
#betting_cart .close_btn,
#betting_history .close_btn {padding: 3px 4px; background: #878fa3; border-radius: 3px; font-size: 11px; color: #fff;}
#betting_cart .cancel_btn,
#betting_history .cancel_btn {padding: 3px 4px; background: #949494; border-radius: 3px; font-size: 11px; color: #fff;}
#betting_cart .close_btn img,
#betting_history .close_btn img {width: 10px; height: 10px; vertical-align: top;}
#betting_cart .hidden_btn,
#betting_history .hidden_btn {font-size: 16px; color: #929ba6; font-weight: bold;}
#betting_cart .hidden_btn img,
#betting_history .hidden_btn img {width: 12px;}
#betting_cart .delete img {width: 20px; height: 20px; vertical-align: top;}
#betting_cart .header,
#betting_history .header {margin-bottom: 10px;}
/* #betting_cart .game_list {height: calc(100% - 300px); overflow: auto;} */
#betting_cart .game_list {height: 250px; overflow: auto;}

#betting_cart .game_list > .game {background: #910304; margin-bottom: 10px; padding: 10px; border-radius: 5px;}
#betting_cart .game_list > .game > .top {margin-bottom: 5px;}
#betting_cart .game_list > .game span {font-size: 11px;}
#betting_cart .game_list > .game .bottom span.rate {color: #fff; margin-right: 5px;}
#betting_cart .game_list > .game .bottom span {color: #929ba6;}
#betting_cart .coin li span {font-size: 13px;}
#betting_cart .betting_box button {font-size: 11px; color: #0f131a; background-color: #c50130; font-weight: bold;}
#betting_cart .betting_box span {font-size: 10px; line-height: 20px;}
#betting_cart .betting_box .switch-wrap {margin-top: 7px;}
#betting_cart .betting_box span.cart-switch {background: #0f131a; width: 50px; height: 22px; border-radius: 50vh; padding: 3px 4px; cursor: pointer; transition: 0.3s;}
#betting_cart .betting_box span.cart-switch span.t-white {line-height: 16px;}
#betting_cart .betting_box span.cart-switch > .circle {width: 16px; height: 16px; border-radius: 50vh; top: 3px; right: 4px; transition: 0.3s;}

#betting_cart .coin {width: 100%; padding-top: 10px;}
#betting_cart .coin > div {display: flex; flex-direction: column; width: 40%; margin-right: 10px; background-color: #910304; border-radius: 5px; padding: 10px; font-size: 12px; color: #929ba6; line-height: 26px;}
#betting_cart .coin > div p {text-align: right; margin-top: auto; font-size: 14px; color: #fff;}
#betting_cart .coin > ul {width: 60%; background-color: #910304; border-radius: 5px; padding: 10px;}
#betting_cart .coin > ul li {font-size: 12px; color: #929ba6; line-height: 26px;}
#betting_cart .coin > ul li.rate p {color: #fff; font-size: 18px; font-weight: bold;}
#betting_cart .coin > ul li.coin p {color: #ff2000; font-size: 18px;}
#betting_cart .betting_box {border-top: 1px dashed #c5c5c5; margin-top: 10px; padding-top: 10px;}
#betting_cart .betting_box .top {margin-bottom: 15px;}
#betting_cart .betting_box .tit {color: #929ba6; padding: 0 10px 10px; font-size: 12px;}
#betting_cart .betting_box button {width: 25%; margin-right: 8px; padding: 5px; border-radius: 5px; color: #929ba6;}
#betting_cart .betting_box button:active {background-color: #1f1f4c; color: #fff;}
#betting_cart .betting_box .top button.active {background-color: #1f1f4c; color: #fff;}
#betting_cart .betting_box button:last-child {margin-right: 0;}
#betting_cart .betting_box .bottom > div {position: relative; border-radius: 5px; overflow: hidden;}
#betting_cart .betting_box .bottom > div input[type="text"] {padding: 5px 40px 5px 45px; font-size: 16px; color: #1f1f4c; font-weight: bold;}
#betting_cart .betting_box button.max {position: absolute; right: 3px; top: 50%; transform: translateY(-50%); width: auto; border: 1px solid #cfd4d7; padding: 2px; color: #cfd4d7; background-color: #fff;}
#betting_cart .betting_box .bottom div.coin_area {position: absolute; left: 0; top: 0; width: 40px; height: 100%; border-right: 1px solid #cfd4d7; text-align: center; line-height: 32px;}
#betting_cart .betting_box .bottom div.coin_area img {width: 20px;}
#betting_cart .betting_box button.betting_btn {width: 50%; background-color: #1f1f4c; margin-left: 10px; color: #fff;}

/* betting_history */
#betting_history .game_list {height: calc(100% - 5px); overflow: auto;}
#betting_history .game_list > .game {background: #0f131a; margin-bottom: 13px;}
#betting_history .game_list > .game:last-of-type {margin-bottom: 0;}
#betting_history .game_list > .game > .time {padding: 5px; font-size: 9px; border: 1px solid #333c4e; border-bottom: none;}
#betting_history table th {background: #0f131a; border-color: #333c4e; color: #fff; font-size: 10px;}
#betting_history table td {background: #0f131a; border-color: #333c4e; color: #8f8f8f; font-size: 10px; background: #a70028; color: #fff;}
#betting_history table td.status_B {color: blue !important;}
#betting_history table td.status_D {color: white !important;}
#betting_history table td:nth-of-type(2) span:first-of-type {width: calc(100% - 21px);}
#betting_history table td:nth-of-type(2) span:last-of-type {width: 21px;}
#betting_history table td:nth-of-type(4) span:first-of-type {width: 21px;}
#betting_history table td:nth-of-type(4) span:last-of-type {width: calc(100% - 21px);}
#betting_history table td:nth-of-type(2),
#betting_history table td:nth-of-type(4),
#betting_history table th:nth-of-type(2),
#betting_history table th:nth-of-type(4) {width: calc(50% - 75px);}
#betting_history table td:first-of-type,
#betting_history table td:nth-of-type(3),
#betting_history table td:last-of-type,
#betting_history table th:first-of-type,
#betting_history table th:nth-of-type(3),
#betting_history table th:last-of-type {width: 50px;}
#betting_history th,
#betting_history td {padding: 8px 6px;}
#betting_history td > span {float: left; width: 50%; font-size: 9px; font-weight: 500; color: #8f8f8f; color: #fff;}
.free #betting_history .active:not(a.active),
.free #betting_history td.active {background: #910304; border: 1px solid #910304;}
#betting_history .active:not(a.active),
#betting_history td.active {background: #282148; border: 1px solid #282148;}
#betting_history .active > span,
#betting_history td.active > span {color: #fff;}
#betting_history td > span:first-of-type {text-align: left;}
#betting_history td > span:last-of-type {text-align: right;}
#betting_history ul.status {padding: 5px 10px;}
#betting_history ul.status * {color: #fff; font-size: 12px;}
#betting_history ul.status li {position: relative; padding: 0 6.5px;}
#betting_history ul.status li:first-of-type {flex: 3;}
#betting_history ul.status li:nth-of-type(2) {flex: 2;}
#betting_history ul.status li:last-of-type {flex: 3;}
#betting_history .betting_table + .btn-group {}
#betting_history .betting_table + .btn-group #betting_cancel_btn {margin-top: 10px;}
#betting_history .btn-group {padding: 0 8px 10px 8px; text-align: center;}
#betting_history .btn-group #betting_cancel_btn {background: #f3610a; color: #fff; font-size: 12px; padding: 5px 10.5px; border-radius: 4px;}
#betting_history .btnToggle + #betting_cancel_btn {margin-left: 10px !important;}
#betting_history .btnToggle + span.none {width: 24px; margin-left: 10px;}

/* 코인 */
#betting_history div.betting_table * {color: #fff; font-size: 12px;}
#betting_history div.betting_table > .details {margin-bottom: 2px;}
div.betting_table {background-color: #a70028;}
/* #betting_history div.betting_table ul.top {border: 1px solid #878fa3;} */
#betting_history div.betting_table ul.top.bonus + ul.bottom {display: none;}
#betting_history div.betting_table ul.top.bonus li:not(.league_name) {display: none;}
#betting_history div.betting_table ul.top.bonus li.league_name {flex: 1;}
#betting_history div.betting_table ul.top.bonus li.league_name > span {display: flex; flex-direction: row;}
#betting_history div.betting_table ul.top.bonus li.league_name > span span {margin-left: auto;}
#betting_history div.betting_table ul.bottom > li:first-of-type {border: 1px solid #878fa3; margin-right: 2px;}
#betting_history div.betting_table ul.bottom > li:nth-of-type(2) {border: 1px solid #878fa3; margin-right: 2px;}
#betting_history div.betting_table ul.bottom > li:last-of-type {border: 1px solid #878fa3;}
#betting_history div.betting_table li {position: relative; padding: 8px 6px; font-size: 10px;}
#betting_history div.betting_table li.status_B {color: blue !important;}
#betting_history div.betting_table li.status_D {color: #fff !important;}
#betting_history div.betting_table li span {display: flex; flex-direction: column; justify-content: center; font-size: 10px;}
div.betting_table .bottom li:first-of-type {width: calc(50% - 15px); display: flex;}
div.betting_table .bottom li:nth-of-type(2) {width: 40px; text-align: center; padding: 8px 3px;}
div.betting_table .bottom li:last-of-type {width: calc(50% - 15px); display: flex;}
#betting_history div.betting_table li span.underover {position: absolute; top: 50%; transform: translateY(-50%);}
#betting_history div.betting_table li:first-of-type {padding-left: 12px;}
#betting_history div.betting_table li:last-of-type {padding-right: 12px;}
#betting_history div.betting_table li:first-of-type span.underover {left: 2px;}
#betting_history div.betting_table li:last-of-type span.underover {right: 2px;}

/* 프리 */
.free #betting_history div.betting_table * {color: #fff; font-size: 12px;}
.free #betting_history div.betting_table > .details {border-bottom: 2px solid #060f2e;}
.free div.betting_table {background-color: #1f2049;}
.free #betting_history div.betting_table li {padding: 8px 6px; font-size: 10px;}
.free #betting_history div.betting_table li.status_B {color: red !important;}
.free #betting_history div.betting_table li.status_D {color: #fff !important;}
.free #betting_history div.betting_table li span {display: flex; flex-direction: column; justify-content: center; font-size: 10px;}
.free div.betting_table .bottom li:first-of-type {width: calc(50% - 15px); display: flex;}
.free div.betting_table .bottom li:nth-of-type(2) {width: 40px; text-align: center; padding: 8px 3px;}
.free div.betting_table .bottom li:last-of-type {width: calc(50% - 15px); display: flex;}
.free #betting_history div.betting_table li:first-of-type {padding-left: 12px;}
.free #betting_history div.betting_table li:last-of-type {padding-right: 12px;}

/* floating_btn */
.floating_btn {position: fixed; width: 42px; height: 42px; right: 7px; bottom: 50px; opacity: 0; transition: 0.3s; transform: scale(0);}
.floating_btn #top_btn {width: 35px; height: 35px; background: #ffc000; border-radius: 50vh; box-shadow: 1.1px 5.9px 5.5px 0.5px rgba(58, 63, 78, 0.33);}
.floating_btn #top_btn img {margin-top: -5px;}
.floating_btn #top_btn span {display: inline-block; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.24); transform: scale(0.9); color: #fff; font-size: 9px; vertical-align: top; margin-top: -10px;}

/* content */
/* 본인인증 auth */
.content {background: #fff;}
.content > .banner {padding-bottom: 39vw; background-image: url(/m/images/renew/main_banner.png); background-size: cover; margin: 10px;}
.content h2.title {width: 108px; height: 30px; line-height: 30px; border: 1px solid #465362; border-radius: 50vh; text-align: center; margin: 24px auto; font-size: 14px; font-weight: 500;}
.content > .mobile_auth {padding: 20px 25vw 40px 25vw; border-bottom: 1px solid #e1e1e1;}
.content > .mobile_auth > .mobile {width: 124px; height: 124px; border: 1.5px solid #465362; border-radius: 50vh; background: #f0f6ff;}
.content > .mobile_auth > .mobile a {display: block; padding: 24px 0; border-radius: 50vh;}
.content > .mobile_auth > .mobile img {width: 30px;}
.content > .mobile_auth > .mobile p {font-size: 12px; font-weight: bold;}
.content > .mobile_auth .auth_btn {display: block; background-color: #a70028; color: #fff; font-size: 18px; text-align: center; padding: 20px; border-radius: 5px;}
.content > .notice {padding: 26px 18px 22px 18px;}
.content > .notice li {font-weight: bold; font-size: 12px;}
.content > .notice li.t-blue {margin-bottom: 7px;}
.content > #agreement {padding: 20px 15px 24px 15px;}
.content > #agreement > ul {border: 1.5px solid #e3e3e3;}
.content > #agreement > ul > li {height: 35px; line-height: 33px; padding: 0 13px;}
.content > #agreement > ul > li span {font-size: 12px; color: #6d6d6d; padding-left: 10px;}
.content > #agreement > ul > li a {font-size: 12px; color: #6d6d6d;}
.content > #agreement > ul > li.all span {font-size: 16.5px; font-weight: 500; color: #121212;}
.content > #agreement > ul > li div.checked {margin: 10px 0;}

/* 회원정보입력 register */
#register {padding: 20px 15px 27.5px 15px;}
table th {width: 80px; border: 1px solid #949494; background: #eaf5fd; padding: 8px 6px; font-size: 12px;}
#regForm table td {border: 1px solid #949494; padding: 4px 6px; font-size: 12px;}
#regForm table td input {font-size: 12px;}
#regForm table td span {font-size: 12px;}
table input[type="text"], table input[type="password"] {border: 1px solid #949494; height: 33px; background: #f2f6f9; padding: 5px;}
table textarea {border: 1px solid #949494; height: 33px; background: #f2f6f9; padding: 7px 5px;}
table input::placeholder,
table textarea::placeholder {font-size: 12px;}
#register table td.recom {position: relative;}
#register table td.recom input:focus + .placeholder {display: none;}
#register table td.recom .placeholder {width: 100%; position: absolute; top: 0;}
#register table td.recom .placeholder .lg {position: absolute; font-size: 12px; color: #939393; top: 12px; left: 5px;}
#register table td.recom .placeholder .sm {position: absolute; font-size: 9px; color: #939393; top: 25px; left: 5px;}
#register table td > div.checkbox {padding-left: 20px;}
#register table td > div.checkbox span {font-size: 12px; color: #939393;}
#register table td > div.checkbox label {display: inline-block; line-height: 1.2;}
#register table td > div.checkbox label > div.checked {left: -18px; top: 4px;}
#register div.notice {border: 1px solid #949494; background: #f2f6f9; padding: 10px 4px; color: #939393; font-size: 12px;}
#regForm .placeholder * {font-size: 12px; line-height: 1;}
#regForm div.checkbox label {display: flex;}
#regForm div.checked {position: static; margin-top: 2px;}
#regForm div.checked + span {width: calc(100% - 20px); margin-left: auto;}
#regForm div.notice {font-size: 12px;}

/* 1:1 문의 qna */
.sub_tab {}
.sub_tab > li {margin-right: 5px;}
.sub_tab > li:last-of-type {margin-right: 0;}
.sub_tab > li > a {display: block; padding: 5px 0; font-size: 12px; color: #949494; font-weight: bold; background: #fff; border-radius: 3px;}
.sub_tab > li.active > a {color: #fff; font-size: 12px; background: #a70028;}
form#qna {margin-top: 5px;}
form#qna > div {padding-left: 40px;}
form#qna th {width: 40px; border: none; background: none; padding: 5px 0;}
form#qna td {width: calc(100% - 40px); border: none; background: none; padding: 5px 0;}
form#qna input[type="text"] {border-color: #e5e5e5; background: #fff; border-radius: 4px;}
form#qna textarea {border-color: #e5e5e5; height: 150px; background: #fff; border-radius: 4px;}
form#qna #memo_cnt {font-size: 10px; padding: 0 10px;}
form#qna #send_msg {height: auto; background-color: #a70028; border-radius: 5px; padding: 5px 0;}
form#qna td div.border {border: 1px solid #e5e5e5; border-radius: 4px; padding: 4px 10px; background: #fff;}
form#qna td div.border > label {top: 4px; left: 10px; background: #333c4d; padding: 3px 10px; cursor: pointer; border-radius: 4px; font-size: 12px;}
form#qna td div.border > input[type="file"] {font-size: 12px; color: #6d6d6d;}

body .app_only {display: none !important;}
body.app_y .app_only {display: flex !important; gap: 5px;}
body.app_y form#qna input[type="file"],
body.app_y #upload_popup input[type="file"],
body.app_y #p_upload_popup input[type="file"] {display: none;}
body.app_y #p_upload_popup input[type="file"] + div.d-flex {justify-content: center;}
form#qna .file_wrap label,
body.app_y #upload_popup label,
body #p_upload_popup label {border: 1px solid #000; background-color: #efefef; padding: 2px 5px; border-radius: 5px;}
form#qna .file_wrap span,
body.app_y #upload_popup span,
body #p_upload_popup span {line-height: 30px;}


body.app_y .app_none,
body.app_y .footer a.btn {display: none !important;}
body .app_block {display: none !important;}
body.app_y .app_block {display: block !important;}


/* 로딩중 */
#loading_popup {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 99999; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; display: none;}
#loading_popup img {width: 200px;}
#loading_popup p.txt {color: #fff; margin-top: 20px; font-size: 25px; text-align: center;}


/* 쪽지 */
.qna_history + div.write_btn_wrap {justify-content: end; height: auto; margin: 10px 0;}
a.btn[href="memo_write.do"] {height: auto; line-height: 1; padding: 10px 15px; background-color: #a70028; color: #fff; font-weight: 600;}
a.btn_w_comm {height: auto; line-height: 1; padding: 10px 15px; background-color: #a70028; color: #fff; font-weight: 600;}

.write_memo {padding: 10px;}
.write_memo .writeHeader {margin-bottom: 20px;}
.write_memo .writeHeader dt {margin-bottom: 10px; font-size: 14px;}
.write_memo .writeHeader > ul {}
.write_memo .writeHeader li.sch {position: relative; display: flex;}
.write_memo .writeHeader li.sch input {width: 100%; box-sizing: border-box; background-color: #fff; border: 1px solid #ccc; padding: 8px 10px; font-size: 14px;}
.write_memo .writeHeader li.sch > .schLoad {position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; z-index: 2;}
.write_memo .writeHeader li.sch > .schLoad.focus {border: 1px solid #ccc; padding: 10px;}
.write_memo .writeHeader li.sch > .schLoad ul {max-height: 200px; overflow-y: auto;}
/* .write_memo .writeHeader li.sch > .schLoad.focus ul {padding: 10px;} */
.write_memo .writeHeader li.sch .btnClose {position: absolute; top: -33px; right: 10px;}
.write_memo .writeInput {position: relative; margin-bottom: 10px;}
.write_memo textarea {width: 100%; height: 150px; border: 1px solid #ccc; padding: 8px 10px; font-size: 14px;}
.write_memo .writeInput p#memo_cnt {position: absolute; bottom: 15px; right: 10px; color: #ccc; font-size: 14px;}
.write_memo .btnGroup.type2 {margin-bottom: 10px;}
.write_memo .btnGroup.type2 ul {display: flex; justify-content: end; gap: 10px;}
.write_memo .btnGroup.type2 ul a {color: #fff; background-color: #a70028; padding: 5px 10px; font-size: 14px;}


/* faq */
.faq > .faq_list > div {padding: 13px 15px;}
.faq > .faq_list:last-child > div:first-child {border-bottom: none;}
.faq > .faq_list:last-child > div:last-child {border-top: 1px solid #e3e3e3; border-bottom: none;}
.faq > .faq_list > div > div:first-of-type {display: inline-block; width: 25px; font-size: 14px; font-weight: bold; vertical-align: top;}
.faq > .faq_list > div > div:last-of-type {display: inline-block; width: calc(100% - 28px);}
.faq > .faq_list > .question {cursor: pointer; background: #fff;}
.faq > .faq_list > .question * {font-size: 12px; font-weight: bold;}
.faq > .faq_list > .answer {display: none;}
.faq > .faq_list > .answer * {font-size: 12px; font-weight: 500;}

/* qna_history */
.qna_history {background: #f9f9f9; padding: 8px; border-bottom: 1px solid #e5e5e5;}
.qna_history + div {height: 18px;}
.qna_history > div {background: #fff; border: 1px solid #e5e5e5;}
.qna_history > .qna_list {min-height: 70px;}
.qna_history > .empty {display: none;}
.qna_history > .qna_list .info {padding: 10px;}
.qna_history > .qna_list .info > .title {font-size: 15px; color: #6d6d6d;}
.qna_history > .qna_list .info > .date {font-size: 13px; color: #6d6d6d;}
.qna_history > .qna_list .status {width: 67px; line-height: 68px; text-align: center; margin-left: auto;  font-size: 13px; color: #6d6d6d;}
.qna_history.empty > .qna_list {display: none;}
.qna_history.empty > .empty {display: block; height: 70px; background: #fff; border: 1px solid #e5e5e5; padding: 10px; font-size: 12px; color: #6d6d6d;}

/* qna_history_detail */
.qna_history_detail .header {border-bottom: 1px solid #e5e5e5; padding: 13px 10px;}
.qna_history_detail .header .title {font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.qna_history_detail .header .info li {position: relative; font-size: 9px; padding: 0 5px; font-weight: 500; color: #6d6d6d;}
.qna_history_detail .header .info li:not(:last-of-type)::after {position: absolute; top: 50%; right: -1px; transform: translateY(-40%); width: 1px; height: 10px; content: ''; background: #b0b0b0;}
.qna_history_detail .header .info li:first-of-type {padding-left: 0;}
.qna_history_detail .body {padding: 15px 10px 20px 10px;}
.qna_history_detail .body .contents {color: #6d6d6d;}
.qna_history_detail .body .btn-group {margin: 35px 0 18px;}
.qna_history_detail .btn {width: 100px; height: 30px; line-height: 23px; border: 1px solid #e5e5e5; background: #f7f7f7; color: #6d6d6d; font-size: 16px;}
.qna_history_detail .write_btn {width: 100px;}
.qna_history_detail .body .answer {padding: 10px; border: 1px solid #e5e5e5; background: #f7f7f7; color: #6d6d6d;}
.qna_history_detail .body .answer img {max-width: 100%;}

/* 상점 shop */
.shop {padding: 10px 0;}
.shop .item_list > li {width: calc(50% - 7.5px); margin: 10px 0; background: #fff; border-radius: 5px; overflow: hidden;}
.shop .item_list > li:nth-of-type(2n - 1) {margin-right: 15px;}
.shop .top {height: 120px; padding: 6.5px; z-index: 1; background: #fff;}
.shop .top > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; z-index: 1;}
.shop .top > .coin {right: 7.5px; top: 7.5px; z-index: 2;}
.shop .top > .coin > img {width: 15px;}
.shop .bottom {padding: 10px; background: #f1f1f1; margin: 0 10px 10px 10px; border-radius: 3px;}
.shop .bottom p.tit {font-size: 12px;}
.shop .bottom p.sub_tit {font-size: 12px; font-weight: bold;}

/* tab */
.content {padding-top: 62.25px;}
.content.pt_container {padding: 270px 0 0 0; margin: 0 15px;}
.content.pt_container > div:not(.bg_none) {background-color: #f2e8e9; padding: 10px; border-radius: 5px; box-shadow: 0 5px 5px rgb(173, 173, 173); margin-bottom: 20px;}
.free .content.pt_container > div:not(.bg_none) {background-color: #edf3f6;}
.content.px_container {height: 100%; padding: 50px 15px 15px 15px; background: #ebf2f5;}

.content > div.title {display: flex; padding: 30px 20px;}
.content > div.title h3 {font-size: 32px; font-weight: normal; line-height: 58px; margin-left: 20px;}
.content > div.title.qna h3 {line-height: 46px;}


.content .tab li {padding: 12px; border: 2px solid #465362; border-right: none; border-top: none;}
.content .tab li a {display: block; font-size: 14px;}
.content .tab li:first-of-type { border-left: none;}
.content .tab li.active {border-bottom: 1px solid #465362; background: #465362; color:#fff;}
.content .tab li.active a {color:#fff;}
.content .tab li span {padding: 2px; margin-right: 5px;}
.content .tab img {width: 20px;}

/* game */
/* .content .game-list {border-top: 2px solid #ffc000; margin-top: 0px;} */
.content .game-list.free {border-top: 2px solid #0088ce;}
.content .game-list > .league {position: relative;}
.special .content .game-list > .league::before {position: absolute; left: 0; top: -15px; content: ''; width: 100%; height: 15px; background-color: #f2e8e9;}
.special article > div > div:first-of-type .game-list > .league::before {display: none;}
.content .game-list > .league > h3 {font-size: 12px; color: #000; font-weight: bold; padding: 5px 10px 0 0; background-image: url(/m/images/renew/game_list_bg.png); background-size: cover; margin: 10px 3px;}
.content .game-list > .league > h3 > img {width: 37px; margin-top: -4px;}
.content .game-list > .league > div.d-flex {padding: 10px;}
.content .game-list > .league > div.d-flex > img {width: 20px; height: 20px; margin: 0 20px 0 10px;}
.content .game-list > .league > div.d-flex span.gubun {font-size: 11px; color: #000; font-weight: bold;}
.content .game-list > .league > div.d-flex span > img {vertical-align: top; margin-top: 3px; filter: invert(13%) sepia(90%) saturate(6827%) hue-rotate(341deg) brightness(65%) contrast(104%);}
.free .content .game-list > .league > div.d-flex span > img {filter: invert(8%) sepia(53%) saturate(10000%) hue-rotate(232deg) brightness(40%) contrast(92%);}
.content .game-list > .league span.s-time {font-size: 11px; color: #949494;}
.content .game-list > .league span.f-time {font-size: 11px; line-height: 20px; color: #949494;}
.content .game-list > .vs {padding: 14px 7px;}
.content .game-list > .vs > h3 {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
.content .game-list > .vs .vs {font-size: 11px; padding: 2px 2px 0 2px;}

.special .game-table {position: relative; margin-bottom: 20px;}
.special .game-table::after {position: absolute; left: 0; bottom: -20px; content: ''; width: 100%; height: 20px; background-color: #f1f2f4;}

.game-table tr td {position: relative; background: #f1f2f4; font-size: 11px; font-weight: 500;}
.game-table.free tr td {background: #bee7fc;}
.game-table tr td * {font-size: 10px;}
.game-table tr td.active a {background-color: #a70028;}
.free .game-table tr td.active a {background-color: #1f2049;}

.game-table tr td.bmark a {position: relative; color: #4882c3;}
.game-table tr td.bmark a dd.lock {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.game-table tr td.bmark a span {color: #4882c3;}

/* .free .game-table tr td.active.red a {background-color: #a70028;} */
.game-table tr td.active * {color: #fff !important;}
.game-table tr td.active a span.rate {color: #fff !important;}

.game-table tr td:first-of-type,
.game-table tr td:nth-of-type(2),
.game-table tr td:nth-of-type(3) {width: 28%;}

.game-table tr td.vs {line-height: 30px;}
.game-table tr td.vs a {line-height: 20px; text-align: center; background-color: #a70028; color: #fff;}
.game-table tr td a {height: 30px;}
.game-table tr td.home,
.game-table tr td.away {}
.game-table tr td.home a,
.game-table tr td.away a {line-height: 1;}
.game-table tr td a span.rate {line-height: 20px;}
.game-table tr td a dd.lock {line-height: 20px;}

.game-table tr.more {display: none;}
.game-table tr td.more {position: relative; text-align: left; cursor: pointer;}
.game-table.free tr td.more {background: #0088ce;}
.game-table tr td.more > a {display: block; color: #fff;}
/* .game-table tr td.more::before {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); content: ''; width: 13px; height: 8px; background-image: url(/m/images/triangle_red.png); background-size: cover; cursor: pointer; transition: 0.2s; filter: invert(32%) sepia(81%) saturate(3695%) hue-rotate(181deg) brightness(100%) contrast(101%);} */
.game-table tr td.more.open::before {top: 40%; transform: rotate(180deg);}
/* .game-table tr td span {float: left; width: 50%; font-size: 13px; font-weight: 500;} */
.game-table tr td.home span.team {text-align: left;}
.game-table tr td.away span.team {text-align: right;}

/*
.game-table tr td.up::after {position: absolute; right: 35px; top: 50%; transform: translateY(-50%); content: ''; width: 8px; height: 6px; background-image: url(/m/images/renew/icon_arrow.png); background-size: cover;}
.game-table tr td.dn::after {position: absolute; right: 35px; top: 50%; transform: translateY(-50%) rotate(180deg); content: ''; width: 8px; height: 6px; background-image: url(/m/images/renew/icon_arrow.png); background-size: cover;}
*/
.game-table tr td.up::after {position: absolute; right: 35px; top: 50%; transform: translateY(-50%); content: ''; width: 8px; height: 6px; }
.game-table tr td.dn::after {position: absolute; right: 35px; top: 50%; transform: translateY(-50%) rotate(180deg); content: ''; width: 8px; height: 6px; }
.game-table tr td:nth-of-type(3)::after {left: 35px;}


.mr-auto {margin-right: auto;}
.mx-auto {margin: 0 auto;}
.game-table tr {display: flex; border-radius: 5px; overflow: hidden;}
.game-table tr td {padding: 5px;}
.game-table tr td:first-of-type {width: calc(50% - 37.5px);}
.game-table tr td:nth-of-type(2) {width: 40px; padding: 5px 0;}
.game-table tr td:nth-of-type(3) {width: calc(50% - 37.5px);}
.game-table tr td.more,
.game-table tr td:last-of-type {width: 35px; padding: 5px 5px 5px 0;}

.game-table tr td a {position: relative; display: flex; width: 100%; padding: 5px; border-radius: 50vh; background-color: #a70028; background-color: #fff; text-align: left; color: #949494; flex-direction: column;}
.game-table tr td.more > a {text-align: center; line-height: 20px; background-color: #a70028;}
.game-table tr td:first-of-type a {padding-left: 10px; padding-right: 10px;}
.game-table tr td:nth-of-type(3) a {padding-right: 10px; padding-left: 10px;}
.game-table tr td a span {color: #949494;}
.game-table tr td a span.mx-auto {font-weight: bold;}
.game-table tr td a span.rate {color: #000; font-weight: bold;}
.game-table tr td a span.under {position: absolute; left: 0px; top: 50%; transform: translateY(-50%); color: #0082ff; font-weight: bold;}
.game-table tr td a span.over {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); color: #be0000; font-weight: bold;}

.game-table tr td a span.sp_under {position: absolute; left: -10px; top: 50%; transform: translateY(-50%); color: #0082ff; font-weight: bold;}
.game-table tr td a span.sp_over {position: absolute; right: -10px; top: 50%; transform: translateY(-50%); color: #be0000; font-weight: bold;}
.game-table tr td a span.under {left: -10px;}
.game-table tr td a span.over {right: -10px;}

.game-table tr td a span.team {display: flex; flex-direction: column; width: calc(100% - 30px); overflow: hidden;  text-overflow: ellipsis; word-break: break-all; margin-top: auto; margin-bottom: auto;}

.game-table tr.special_line + tr td {padding-top: 0;}
.game-table tr td:not(.special_td) {display: flex; flex-direction: column;}
.game-table tr td > a {margin-top: auto;}
.game-table tr td span.market_id {text-align: left; padding-left: 5px;}
.game-table tr.special_tr:last-of-type {padding-bottom: 25px; background-color: #f1f2f4;}


.game-table tr td a > .d-flex {position: relative; flex: 1;}
.game-table tr td.col span {line-height: 20px;}


.special .game-table tr td {padding-top: 20px;}
.special .game-table tr td a .d-flex {position: relative;}
.special .game-table tr td a span.market_id {position: absolute; top: -20px; left: -10px;}
.special .game-table tr td.active a span.market_id {color: #949494 !important;}
.special span.vs {display: inline-block; padding: 5px; line-height: 20px;}

.free .special .game-table tr td {padding-top: 20px;}
.free .special .game-table tr td a .d-flex {position: relative;}
.free .special .game-table tr td a span.market_id {position: absolute; top: -20px; left: -10px;}

.game-table tr.special_line td.special_td {display: flex; justify-content: center; width: 100%; padding: 20px 50px 0 10px;color: #ee9600; }
.game-table tr.special_line td.special_td + td.special_td {display: none;}
.game-table tr.special_line td.special_td img {width: 15px; height: 15px; margin-right: 5px;}

/* 베팅규정 */
.information_use {padding-top: 20px;}
.information_use span {display: block; font-weight: bold; font-size: 18px; margin-bottom: 10px;}



/*배팅배당율변동알림용*/
#betting_cart .divRate {padding:10px;}
#betting_cart .divRate .alert {padding:5px 0;border-radius:2px;text-align:center;background: #d5152d;margin-bottom: 5px;}
#betting_cart .divRate .alert img {display:inline-block;margin-bottom:5px;}
#betting_cart .divRate .alert .txt {font-size:11px;font-weight:400;color:#fff;}
#betting_cart .divRate .btnRate {text-align: center;margin-bottom: 5px;}
#betting_cart .divRate .btnRate a {display:block;background:#fff;font-size:14px;font-weight:bold;color:#222222;padding:5px 0;border-radius: 2px;border:1px solid #999999}
#betting_cart .divRate .btnRate.bgYellow a {background: #ffcc00;border:1px solid #ffcc00}
#betting_cart .divRate .info {font-size: 11px;color: #666666;}



.gameTable a.btnToggle {display:block;transition: all .1s ease;}
.gameTable a.btnToggle img {transition: 0.2s;}
.gameTable a.btnToggle.active {}
.gameTable a.btnToggle.active img {transform: rotate(-180deg);}


.paging {background: #fff; padding-bottom: 20px;font-size:18px; }
.border_btn {display: inline-block; width: 100%; text-align: center; margin-top: 25px;  }
.border_btn.type2 {margin-top:20px ;}
.border_btn .list_num {padding: 0 6px; position: relative;}
.border_btn .list_num::before {position: absolute; content: ''; left: 0; top: 4px; width: 1px; height: 13px; background: #bcbcbc;}
.border_btn .list_num:nth-child(2)::before {display: none;}
.border_btn .list_num a {color: #000; padding: 0 2px;}
.border_btn .list_num.on a {color: red;}
.border_btn .Prev a, .border_btn .next a {font-weight: bold; padding: 1px 7px; border: 1px solid #fff; border-radius: 3px; color: #fff;}


/* 약관 동의 팝업 css 추가 */
div.overlay {position: fixed; width: 100%; height: 100vh; z-index: 30; background: rgba(0, 0, 0, 0.4); display: none;}
.terms_wrapper {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; height: 60%; z-index: 31; background: rgb(238, 238, 238); border: 1px solid #ccc; padding: 10px; display: none;}
.terms_wrapper > .terms_header {padding-bottom: 10px;}
.terms_wrapper > .terms_header .terms_close > img {width: 14px;}
.terms_wrapper > .terms_body {height: calc(100% - 30px); overflow-y: auto; background: #fff; border: 1px solid #ccc; padding: 5px;}



.game_tab {height: 25px; margin-bottom: 10px;}
.game_tab li {flex: 1; margin-right: 5px;}
.game_tab li:last-of-type {margin-right: 0;}
.game_tab a {position: relative; display: block; height: 25px; border-radius: 3px;}
.game_tab a span{margin-left:25px;color:#000;font-size:12px;}
.game_tab a::after {position: absolute; top: 50%; left: 32%; transform: translate(-50%, -50%); content: ''; width: 20px; height: 20px; background-repeat: no-repeat; filter: invert(68%) sepia(0%) saturate(0%) hue-rotate(149deg) brightness(89%) contrast(76%);}
.game_tab a.active {background-color: #a70028;}
.game_tab a.active span{margin-left:15px;color:#fff;font-size:12px;}
.game_tab a.active::after {filter: brightness(0) invert(1);}
.free .game_tab a.active {background-color: #1f2049;}
ul li.ico_lnb_all a::after {background-image: url("../../images/renew/icon_all_sports_active.png");}
ul li.ico_lnb_soccer a::after {background-image: url("../../images/renew/icon_soccer.png");}
ul li.ico_lnb_basketball a::after {background-image: url("../../images/renew/icon_basketball.png");}
ul li.ico_lnb_baseball a::after {background-image: url("../../images/renew/icon_baseball.png");}
ul li.ico_lnb_golf a::after {background-image: url("../../images/common/ic_lnb_golf.png");}
ul li.ico_lnb_icehockey a::after {background-image: url("../../images/renew/icon_hockey2.png");}
ul li.ico_lnb_volleyball a::after {background-image: url("../../images/renew/icon_volleyball.png");}


.server_tab ul {padding: 5px 10px;}
.server_tab ul li {width: 50%;}
.server_tab ul li:first-child {margin-right: 10px;}
.server_tab ul li a {font-size: 13px; font-weight: bold; border-radius: 10px;}
.server_tab ul li a img {width: 18px;}
.server_tab ul li.coin.active a {background: #fbe8eb;}
.server_tab ul li.free.active a {background: #bee7fc;}
.server_tab ul li a {display: block; padding: 7px 10px;}


.notice_wrap div img {vertical-align: top;}
.notice_wrap ul {height: 20px;}
.notice_wrap li {line-height: 17px;}

.notice_wrap {position: relative; border: 1px solid #dfdfdf; border-radius: 10px; padding: 5px; overflow: hidden; margin: 5px 10px;}
.notice_wrap div {height: 20px;}
.notice_wrap li a {display: flex;}
.notice_wrap li a span {display: inline-block; width: calc(100vw - 155px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; color: #949494; font-size: 10px;}
.notice_wrap p.tit {font-size: 10px; background-color: #b10028; color: #fff; padding: 0 5px; border-radius: 3px; margin-top: 1px; line-height: 19px; margin: 0 10px 0 27px;}
.notice_wrap a {display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; color: #949494; font-size: 10px;}
.notice_wrap .noti_left {position: absolute; left: 7px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}
.notice_wrap .noti_right {position: absolute; right: 7px; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}

.mainSlider .swiper-slide img {width: 100%;}


.italic {font-style: italic;}

h2.con_tit {color: #a70028; padding: 0 0 5px 10px;}
.free h2.con_tit {color: #1f2049;}

.sub_tab_list li {flex: 1; margin-right: 3px;}
.sub_tab_list li:last-of-type {margin-right: 0;}
.sub_tab_list li a {display: block; padding: 5px; font-size: 10px; text-align: center; background: #fff; border-radius: 3px; color: #949494;}
.sub_tab_list li.active a {background-color: #a70028; color: #fff;}
.free .sub_tab_list li.active a {background-color: #1f2049;}

.free #betting_cart {background-color: #1f2049;}
.free #betting_cart .game_list > .game {background-color: #060f2e;}
.free #betting_cart .coin > div {background-color: #060f2e;}
.free #betting_cart .coin > ul {background-color: #060f2e;}
.free #betting_cart .betting_box button.betting_btn {background-color: #a70028;}
.free #betting_cart .betting_box button:active {background-color: #a70028;}
.free .fixed_footer > div.active {background-color: #1f2049;}
.free #betting_history {background-color: #1f2049;}
.free #betting_history .gameTable > div {background-color: #060f2e;}
.free #betting_history table td {background-color: #1f2049;}
.free #betting_history td.active {background-color: #9a2833; border: 1px solid #9a2833;}

.free #betting_cart .betting_box .top button {background-color: #393a88;}
.free #betting_cart .betting_box .top button.active {background-color: #a70028; color: #fff;}

.swiper-button-lock {display: block !important; cursor: default !important;}






/* member */
.layerMember {display:none;position:absolute;top:100px;right:0;width:100%; height:auto;z-index:1001;max-height:850px;overflow:hidden}
.layerMember .layerPopInner {text-align:center;padding: 15px 10px;background: #fff;border:1px solid #fff;border-radius: 5px;box-sizing: border-box;}
.layerMember .layerPopInner .layerClose {display:none;position:absolute;top:10px;right:10px}
.layerMember .layerPopInner .layerClose .fas  {font-size:24px;color:#ccc;}
.layerMember h2.memberTit {font-size: 16px;color: #222222;text-align:center;margin-bottom:20px;}
.layerMember p.wel {font-size:14px;color:#666666;margin-bottom:45px;}
.layerMember p.wel.type2 {line-height:1.7;font-size:15px;letter-spacing:-.5px;}
#layerMember01 p.wel, #layerMember03 p.wel {font-size: 12px; margin-bottom: 20px; color: #000;}

.layerMember .loginBox {margin-bottom:15px;}
.layerMember .loginBox li {position:relative;margin-bottom:10px;width:100%;border:1px solid #c8c8c8;border-radius:2px;box-sizing: border-box;transition: all 0.4s ease;}
.layerMember .loginBox li .input_txt {width:100%;font-size:12px;color:#959ca6;padding:5px 10px !important;transition: all 0.1s ease;box-sizing: border-box; background: #f2f3f5;}
.layerMember .loginBox li label {position:absolute;top:8px;left:20px;font-size:12px;color:#999999;transition: all 0.1s ease;}
.layerMember .loginBox li.btnCenter {text-align:center;border:none}
.layerMember .loginBox li.btnCenter .input_submit {display:block;text-align:center;font-size:18px;font-weight:600;color:#fff;width:33%;height:27px;line-height:25px;background:#a70028;border:0;cursor:pointer;transition: all 0.4s ease; margin: 0 auto; font-size: 12px; border-radius: 3px;}
.layerMember .loginBox li.btnCenter .input_submit:hover {background:#a70028;}
.layerMember .loginBox li span.eye {position:absolute;top:19px;right:19px;width:23px;height:21px;background:url("../images/member/ico_pass_display_off.png") no-repeat 0 0;cursor:pointer; display: none;}
.layerMember .loginBox li.fail {background:#d5152d;text-align:center;padding:25px 0;margin-bottom:50px;}
.layerMember .loginBox li.fail img {display:inline-block;margin-bottom:25px;}
.layerMember .loginBox li.fail p {font-size:14px;color:#fff;line-height:1.4;}
.layerMember .loginBox li.fail_pw {background:#d5152d;text-align:center;padding:25px 0;margin-bottom:50px;margin-top: -25px;}
.layerMember .loginBox li.fail_pw img {display:inline-block;margin-bottom:25px;}
.layerMember .loginBox li.fail_pw p {font-size:14px;color:#fff;line-height:1.4;}
.layerMember .loginBox li.fail_acct {background:#d5152d;text-align:center;padding:25px 0;margin-bottom:50px;margin-top: -25px;}
.layerMember .loginBox li.fail_acct img {display:inline-block;margin-bottom:25px;}
.layerMember .loginBox li.fail_acct p {font-size:14px;color:#fff;line-height:1.4;}
.layerMember .loginBox li.suc {background:#1353ba;text-align:center;padding:25px 0;margin-bottom:20px;}
.layerMember .loginBox li.suc .fas {display:inline-block;color:#fff;font-size:40px;margin-bottom:25px;}
.layerMember .loginBox li.suc p {font-size:14px;color:#fff;line-height:1.4;}
.layerMember .loginBox li.info:first-child {margin-bottom:30px;}
.layerMember .loginBox li span.info {position:absolute;top:-30px;left:0;font-size:14px;color:#222222;}
.layerMember .loginBox li.mb60 {margin-bottom:60px;}
.layerMember .loginBox .selectBox {border:0}
.layerMember .loginBox .selectBox:after {content:""; display:block; clear:both;}
.layerMember .loginBox .selectBox .select {display:inline-block;width:24%;float:left;border:1px solid #c8c8c8;border-radius:2px;box-sizing: border-box;transition: all 0.4s ease;margin-left:2%;}
.layerMember .loginBox .selectBox .select.first {width:48%;margin-left:0;}
.layerMember .loginBox .selectBox .input_select {width:100%;font-size:14px;color:#222222;padding:20px 10px;transition: all 0.1s ease;box-sizing: border-box;}
.layerMember .loginBox .selectBox .select.first .input_select {padding:20px 20px}
.layerMember .loginBox li.success {background:#fff8d9;border:0;font-size:16px;color:#222222;line-height:1.8;padding:50px 0}
.layerMember .loginBox li.success span {font-size:18px;font-weight:bold;color:#30a43f;}
.layerMember .loginBox li.failMsg {font-size:14px;color:#d5152d;text-align:left;line-height:1.8;margin-bottom:20px;border:0}
.layerMember .loginBox li.sucMsg {font-size:14px;color:#10cb02;text-align:left;line-height:1.8;margin-bottom:20px;border:0}

.layerMember .loginLinks {text-align:center;margin-bottom:15px;}
.layerMember .loginLinks ul {display:flex; justify-content: space-around;}
.layerMember .loginLinks ul:after {content:""; display:block; clear:both;}
.layerMember .loginLinks li {text-align:center;}
.layerMember .loginLinks li a {position:relative;display:block;font-size:12px;color:#666666;padding:0}
.layerMember .loginLinks li:not(:last-child) a:after {position:absolute;top:3px;right:-7px;width:1px;height:14px;background:#bababa;content:"";}

.layerMember .loginSocial {text-align:center;}
.layerMember .loginSocial h3.socialTit {position:relative;font-size:16px;color:#222222;margin-bottom:20px;}
.layerMember .loginSocial h3.socialTit:before {position:absolute;top:50%;left:28px;width:84px;height:1px;background:#222222;content:"";}
.layerMember .loginSocial h3.socialTit:after {position:absolute;top:50%;right:28px;width:84px;height:1px;background:#222222;content:"";}
.layerMember .loginSocial ul {display:inline-block;}
.layerMember .loginSocial ul:after {content:""; display:block; clear:both;}
.layerMember .loginSocial li {float:left;}
.layerMember .loginSocial li a {padding:0 10px}



/*공지 팝업용*/
.today-popup {display: none; position: fixed; z-index: 1100; font-size:15px; background: #fff; border-radius: 3px; padding: 8px; padding-bottom:40px;overflow-y: auto;max-width:100%; color:#000;}
.btn-layerTodayCheck {position: absolute; left: 8px; bottom: 8px; z-index: 120;line-height:1.6;font-size:12px;}
.btn-layerTodayClose {position: absolute; right: 8px; z-index: 120;bottom: 12px;}
.btn-layerTodayClose img {width: 12px;}

.btn-layerClose {position: absolute; right: 16px; top: 16px; z-index: 120;}
.btn-layerClose img {width: 16px;}

.layerPopupBg {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 100; }

.content > span.d-flex {margin-bottom: 5px;}
span.special {margin-left: auto;}
span.d-flex span > a {background-color: #fff; height: 25px; line-height: 25px; display: block; border-radius: 3px; color: #000; padding: 0 10px; font-size: 14px; border: 1px solid #ccc; margin-left: 10px;}
span.d-flex span.active > a {background-color: #a70028; border-color: #a70028; color: #fff;}
.free span.d-flex span.active > a {background-color: #1f2049; border-color: #1f2049; color: #fff;}


/*팝업용*/
.layerPopupBg {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 100; }
/* layer pop */
.layerBg {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:#000;opacity: 0.3;filter: alpha(opacity=30);}
.layerPop {display:none;position:fixed;top:50%;left:50%;width:90%; z-index:1001;background:#fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);overflow-y:auto;background: #fff;border:1px solid #e8e8e8;border-radius: 5px;box-sizing: border-box;max-height:800px;
overflow-x:hidden; padding: 20px 20px 70px 20px; box-shadow: 0 0 10px #ccc;
}
.layerPop .layerPopInner {text-align:center;}
.layerPop .layerPopInner h2 {font-size: 20px; margin-bottom: 10px;}
.layerPop .layerPopInner p {font-size: 12px; }
.layerPop .layerPopInner .layerClose {position:absolute;top:25px;right:25px}
.layerPop .layerPopInner .layerClose .fas  {font-size:30px;color:#ccc;}
.layerPop .layerPopInner .btnClose {position:absolute;top:25px;right:25px}
.layerPop h2.memtit {font-size: 22px;color: #222222;text-align:center;margin-top:30px;margin-bottom:20px;}

.layerPop .layerPopInner .btnClose {left: 50%; top: auto; bottom: 20px; transform: translateX(-50%); width: 100px; background: #000; background-color: #a70028; color: #fff; border-radius: 3px; padding: 5px 0;}


.layerMemeberEdit {max-height: 90vh; overflow-y: auto;}
.layerMemeberEdit input[type="text"],
.layerMemeberEdit input[type="password"],
.layerMemberEditPassChg input[type="text"],
.layerMemberEditPassChg input[type="password"] {width: 100%; border: 1px solid #e8e8e8; box-sizing: border-box; border-radius: 2px; padding: 5px 10px; font-size: 14px;}
.layerMemeberEdit a.passChg,
.layerMemeberEdit input[type="text"] + a {width: 110px; background-color: #ffcc01; color: #222; box-sizing: border-box; border-radius: 2px; padding: 5px 0; font-size: 12px; font-weight: 600; line-height: 26px;}
.layerMemeberEdit dl {margin-bottom: 10px;}
.layerMemeberEdit dt {display: block; text-align: left;}
.layerMemeberEdit dt label,
.layerMemberEditPassChg label {display: block; font-size: 14px; font-weight: 600; margin-bottom: 5px; text-align: left;}
.layerMemeberEdit dd {display: flex;}
.layerMemeberEdit .fileBox {position: relative; display: flex; flex-wrap: wrap;}
.layerMemeberEdit .fileBox .img_input_wrap {position: relative;}
.layerMemeberEdit .input_file {height: 100px;}
.layerMemeberEdit span.plus {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -7px;}
.layerMemeberEdit dd.inc_btn {gap: 5px;}
.layerMemeberEdit dd.inc_btn input[type="text"] {width: calc(100% - 115px);}
.layerMemeberEdit dd.exp {flex-wrap: wrap;}
.layerMemeberEdit dd.exp span {width: 100%; text-align: left; font-size: 12px;}
.layerMemeberEdit input[type="checkbox"] {display: inline-block;}
.layerMemeberEdit .agreeChk dd {gap: 5px; font-size: 14px; text-align: left; margin-bottom: 5px;}
.layerMemeberEdit .agreeChk dd span {font-size: 14px; text-align: left; margin-bottom: 5px;}
.layerMemeberEdit p.btnCenter a {display: inline-block; padding: 10px 20px; background-color: #fff; background-color: #ff5e00; color: #222; font-weight: 500;}

.layerMemberEditPassChg ul {display: flex; flex-direction: column; gap: 20px;}
.layerMemberEditPassChg p.tit {font-size: 22px; color: #222; font-weight: 600;}
.layerMemberEditPassChg .btnAlertGroup {margin-top: 10px;}


#contents article .listBox ul li.vs .iblock.B {color: #bf0000;}
#contents article .listBox ul li.vs .iblock.C {color: #0082ff;}
/* 핸디캡 */
.market_10008,
.market_10009,
.market_14002,
.market_14005,
.market_14012,
.market_16002,
.market_16020,
.market_16005,
.market_16008,
.market_16051,
.market_16052,
.market_16053,
.market_16054,
.market_15002,
.market_15011,
.market_15051,
.market_15014,
.market_15042,
.market_15043,
.market_17002,
.market_18057,
.market_18031,
.market_18032,
.market_18033,
.market_18034 {color: #bf0000 !important;}
/* 언오버 */
.market_10013,
.market_10014,
.market_10027,
.market_10028,
.market_14003,
.market_14006,
.market_14013,
.market_16003,
.market_16006,
.market_16009,
.market_16061,
.market_16062,
.market_16063,
.market_16064,
.market_15003,
.market_15012,
.market_15052,
.market_15054,
.market_15015,
.market_15032,
.market_15033,
.market_17003,
.market_18003,
.market_18041,
.market_18042,
.market_18043,
.market_18044 {color: #0082ff !important;}

.market_14004,
.market_10043,
.market_10033,
.market_10024 {color: #949494 !important;}

#iframe_popup {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 1002; display: none;}
#iframe_popup.show {display: block;}
#iframe_popup #dimmed {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1002;}
#iframe_popup iframe {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90vw; height: 90vh; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 10; z-index: 1003;}

.alert_popup {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 1002; overflow: hidden; display: none;}
.alert_popup #dimmed {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 1002;}
.alert_popup > .popup_contents {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90vw; height: auto; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 10px; z-index: 1003;}
.alert_popup > div > div {padding: 10px 20px;}
.alert_popup .popup_footer {display: flex; gap: 5px; justify-content: end;}
.alert_popup .confirm_btn {background-color: #0d50bb; padding: 8px 12px; border-radius: 50vh; color: #fff;}
.alert_popup .cancel_btn {background-color: #d3e3fd; padding: 8px 12px; border-radius: 50vh; color: #000;}

#alert_popup {z-index: 1003;}


/* alert */
.layerPop.layerAlert {max-height:inherit;min-height:170px;height:auto;z-index:1002;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.35);box-shadow:0 0 10px rgba(0,0,0,0.35)}
.layerPop.layerAlert .layerPopInner {padding:25px 20px}
.layerPop.layerAlert .tit {font-size:16px;color:#222222;margin-bottom:15px;line-height:1.3;}
.layerPop.layerAlert .tit.type2 {font-size:12px;letter-spacing: -1px;}
.layerPop.layerAlert .btnAlertGroup {font-size:14px;color:#222222;text-align:center;}
.layerPop.layerAlert .btnAlertGroup ul {display:inline-block;}
.layerPop.layerAlert .btnAlertGroup ul:after {content:""; display:block; clear:both;}
.layerPop.layerAlert .btnAlertGroup li {float:left;}
.layerPop.layerAlert .btnAlertGroup li a {display:inline-block;padding:5px 25px;font-size: 12px;color:#c8c8c8;font-weight: 500;border:1px solid #ccc;border-radius: 2px;box-sizing: border-box; background: #f2f3f5;}
.layerPop.layerAlert#layerAlert12 .btnAlertGroup li a {background-color: #9a1e2d; border: 1px solid #9a1e2d; color: #fff;}
.layerPop.layerAlert .btnAlertGroup li a.bgYellow {background:#9a1e2d;border:1px solid #9a1e2d; color: #fff;}
.layerPop.layerAlert .btnAlertGroup li a:hover {opacity: 1}
.layerPop.layerAlert .btnAlertGroup li:nth-child(2) {margin-left:10px;}
.layerPop.layerAlert .textarea {margin-bottom:20px;}
.layerPop.layerAlert .textarea textarea {width:90%;margin:0 auto;height:70px;padding:15px;font-size: 14px;color:#222222;font-weight: 500;border:1px solid #ccc;box-sizing: border-box;}

.layerPop.layerAlert h2.chargeTit {font-size: 18px;color: #222222;margin-bottom: 20px;}
.layerPop.layerAlert .smInfo {font-size: 12px;color: #444444;margin-bottom: 20px;}
.layerPop.layerAlert .smInfo.type2 {text-align: left;padding:0 15px}
.layerPop.layerAlert .smInfo.type2 li:after {content:""; display:block; clear:both;}
.layerPop.layerAlert .smInfo.type2 span.tar {float: right;}

.layerPop.layerAlert p.sm {font-size:12px;color:#666666;}
.layerPop.layerAlert p.bb {border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px;}

.layerAlert .memPassword {position:relative;margin-bottom:10px;width:100%;border:1px solid #c8c8c8;border-radius:2px;box-sizing: border-box;transition: all 0.4s ease;height:62px;}
.layerAlert .memPassword .input_txt {width:100%;font-size:14px;color:#222222;padding:30px 20px;transition: all 0.1s ease;box-sizing: border-box;}
.layerAlert .memPassword label {position:absolute;top:8px;left:20px;font-size:12px;color:#999999;transition: all 0.1s ease;}
.layerAlert .memPassword span.eye {position:absolute;top:19px;right:19px;width:23px;height:21px;background:url("../images/member/ico_pass_display_off.png") no-repeat 0 0;cursor:pointer}



/*  */
div.donate .tt {justify-content: space-between; width: calc(100% - 20px); border-top: none; margin: 0 0 10px 10px; text-align: center; color: #fff; font-weight: bold; display: flex; padding: 0; box-sizing: border-box; border-bottom: 1px solid #3c3c3c;}
div.donate .tt * {color: #000;}
div.donate .tt .tit {position: relative; bottom: 3px; font-size: 20px; margin-right: auto; line-height: 32px;}
div.donate .tt .donate_history_btn {position: relative; bottom: -3px; height: 32px; line-height: 32px; font-size: 13px; font-weight: 400; background-color: #3c3c3c; color: #fff; padding: 0 20px; border-radius: 5px 5px 0 0;}
div.donate .tt .donate_history_btn img {margin-top: -3px; margin-left: 3px; filter: brightness(0) invert(1);}
div.donate .item_list {display: flex; flex-direction: column; gap: 15px;}
div.donate .item_list > li {width: 100%; margin: 0; border-radius: 0;}
div.donate .item_list > li:nth-of-type(2n - 1) {margin: 0;}
div.donate .item_list > li > a {display: block;}
div.donate .item_list > li > a .cont * {color: #333;}
div.donate .item_list > li > a > .d-flex {border: 1px solid #e5e5e5; border-bottom: none;}
div.donate .item_list > li > a > .d-flex .img_wrap {width: 40%; height: 28vw;}
div.donate .item_list > li > a > .d-flex .img_wrap img {width: 100%; height: 100%; object-fit: cover;}
div.donate .item_list > li > a > .d-flex .txt_wrap {width: 60%; text-align: left; padding: 10px;}
div.donate .item_list .txt_wrap .title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; font-size: 15px; font-weight: 500;}
div.donate .item_list .txt_wrap .cont {height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; font-size: 12px; margin-top: 5px; color: rgb(95, 95, 95);}
div.donate .item_list .txt_wrap .cont * {font-size: 13px; color: rgb(95, 95, 95);}
div.donate .item_list .txt_wrap .regdate {font-size: 11px; color: #9f9f9f; margin-top: 3px;}
div.donate .item_list .donate_btn {display: flex; justify-content: center; gap: 10px; width: 100%; padding: 10px; border: 2px solid #a70028; color: #a70028; background-color: #fff; font-size: 16px; font-weight: 500;}

.donate_popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; gap: 10px; width: 95vw; max-height: 90vh; overflow-y: auto; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 10px 10px 20px 10px; z-index: 10; display: none;}
.donate_popup * {color: #000;}
.donate_popup .popup_head .close_btn {margin-left: auto;}
.donate_popup .popup_head a {display: block; font-size: 20px;}
.donate_popup .popup_body > .d-flex {gap: 5px; justify-content: center; line-height: 34px; font-size: 14px;}
.donate_popup input {width: 120px; border: 1px solid #ccc; border-radius: 5px; padding: 5px;}
.donate_popup select {border: 1px solid #ccc; border-radius: 5px; padding: 5px;}
.donate_popup .popup_footer {display: flex; gap: 10px; justify-content: center; margin-top: 20px;}
.donate_popup .popup_footer a {padding: 5px 20px; font-size: 14px; border: 1px solid #a70028; background-color: #a70028; color: #fff;}
.donate_popup .popup_footer a.cancel {color: #a70028; background-color: #fff;}

.donate_popup table {width: 100%; text-align: center; table-layout: fixed;}
.donate_popup table th {font-size: 14px; padding: 5px; border: 1px solid #ccc; background-color: #000; color: #fff; font-weight: 500;}
.donate_popup table td {font-size: 14px; padding: 5px; border: 1px solid #ccc;}
.donate_popup table tr > *:nth-of-type(1) {width: calc(100% - 250px);}
.donate_popup table tr > *:nth-of-type(2) {width: 100px;}
.donate_popup table tr > *:nth-of-type(3) {width: 150px;}




/* 게시판 */
.board_wrap .search_box * {font-size: 14px;}
.board_wrap .search_box .write_btn {display: flex; justify-content: end; padding: 10px;}
.board_wrap .search_box .write_btn a {display: block; padding: 2px 10px; border: 1px solid #000; border-radius: 5px; box-sizing: border-box;}
.board_wrap .search_box .write_btn a span {font-size: 14px; line-height: 1;}
.board_wrap .search_box .search {display: flex; gap: 5px; padding: 0 10px;}
.board_wrap .search_box select {border: 1px solid #ccc; outline: none; background-color: #f1f2f4; color: #000; background-image: url(/images/renew/icon_arrow_bt.png); background-repeat: no-repeat; background-position: right 5px top 50%; appearance: none; padding: 5px; border-radius: 5px;}
.board_wrap .search_box .search_txt {width: calc(100% - 120px);}
.board_wrap .search_box input {max-width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 5px;}

.board_list {padding: 10px;}
.board_list * {font-size: 12px;}
.board_list > li:first-of-type {border-top: 1px solid #ccc;}
.board_list > li {display: flex; flex-direction: column; gap: 1px; border-bottom: 1px solid #ccc; padding: 5px;}
.board_list > li.tt {border-top: 1px solid #000; border-bottom: 1px solid #000;}
.board_list > li.tt span {font-weight: 600; text-align: center;}
.board_list > li span {padding: 0;}
.board_list > li .num {width: 40px; text-align: center;}
.board_list > li .writer {color: rgb(46, 46, 46); font-weight: 500;}
.board_list > li .date {color: rgb(109, 109, 109);}
.board_list > li .subject_tt {}
.board_list > li .subject_tt a {display: block; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 600;}
.board_list > li .write_dt_wrap {display: flex; gap: 10px;}

.communuty_write_cont {padding: 10px;}
.communuty_write_cont * {font-size: 12px;}
.communuty_write_cont img {max-width: 100%;}

.communuty_write.report .write_top {padding: 0; margin-bottom: 10px;}
.communuty_write.report .write_top select {padding: 5px 10px; border-radius: 5px;}
.communuty_write.report .write_top li:not(.wirt_tt) {width: 100%;}
.communuty_write.report .write_top li:not(.wirt_tt) textarea {width: 100%; resize: none; padding: 5px 10px; border-radius: 5px;}
.communuty_write_btn input[type="submit"],
.communuty_write_btn input[type="button"] {background-color: #fff;}

.write_cont_top {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.write_cont_tit li {font-weight: 600; font-size: 14px; margin-bottom: 10px;}
.write_cont_Information * {font-size: 12px;}
.write_cont_Information li {display: flex; gap: 10px;}

.write_cont_btn ul {display: flex; justify-content: center; gap: 10px; padding: 10px;}
.write_cont_btn ul input {border: none; background: none; background-color: #a70028; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px;}

.comment_box > span {display: block; font-size: 14px; font-weight: 600; margin-bottom: 10px;}

.comment_write {border: 1px solid #ccc;}
.comment_top {padding: 10px;}
.comment_top .icon {display: flex; gap: 5px; margin-bottom: 10px;}
.comment_top .icon .nickname {line-height: 25px; font-size: 14px;}
.comment_top textarea {width: 100%; height: 80px !important;}
.comment_icon_image {display: block; width: 25px; height: 25px; border-radius: 50vh; overflow: hidden;}
.comment_icon_image img {width: 100%; height: 100%; object-fit: cover;}
.comment_bottom {display: flex; justify-content: space-between; padding: 10px; border-top: 1px solid #ccc;}
.comment_bottom a.button {padding: 5px 10px; font-size: 14px; border-radius: 5px; background-color: #a70028; color: #fff;}

.communuty_write {padding: 10px;}
.communuty_write * {font-size: 14px;}
.communuty_write .write_top {display: flex; gap: 50px; margin-bottom: 10px;}
.communuty_write .write_top .wirt_tt {line-height: 32px;}
.communuty_write .write_top li:not(.wirt_tt) {width: calc(100% - 50px);}
.communuty_write .write_top input {width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 5px;}


.communuty_write iframe {border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5;}
.communuty_write .upload input {width: 100%; height: 30px; padding: 0 10px; font-size: 14px; border: 1px solid #ccc; margin: 10px 0; color: #000;}

.communuty_write_btn {padding: 10px 0;}
.communuty_write_btn ul {display: flex; justify-content: center; gap: 10px;}
.communuty_write_btn input {border: none; background: none; padding: 5px 10px; font-size: 14px; border-radius: 5px; border: 1px solid #ccc;}
.communuty_write_btn input#submit {background-color: #a70028; border-color: #a70028; color: #fff;}

#files_panel ul {display: flex; flex-direction: column; gap: 5px;}
#files_panel ul li {display: flex;}
#files_panel ul li input[type="button"] {width: 20px; height: 20px; line-height: 20px; margin-top: 0; padding: 0; margin-left: 5px;}


#upload_popup .layerPop.layerAlert {position: static; padding: 0; transform: none; box-shadow: none; min-height: 0;}
#upload_popup .layerPop.layerAlert * {font-size: 14px;}
#upload_popup form {height: 100%;}
#upload_popup .layerPop.layerAlert .layerPopInner {padding: 14px 20px;}
.popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90vw; height: 150px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: 1px solid #ccc;}
.popup .close_btn {position: absolute; right: 10px; top: 10px; font-size: 16px; font-weight: 600;}
.popup iframe {width: 100%; height: 100%;}



/* TODO */
#p_upload_popup {height: auto; z-index: 9999; background-color: #fff; border: 1px solid #ccc;}
#p_upload_popup .content {padding-top: 0;}
#p_upload_popup h2 {font-size: 16px;background: #f5f5f5;border-bottom: 1px solid #ddd;padding:10px 10px 10px}
#p_upload_popup .fileUploader {text-align: center;padding:40px 0 30px}
#p_upload_popup .dsc {font-size: 12px;}
#p_upload_popup .btn_area {text-align: center;padding:20px 0;border-top: 1px solid #ddd;}
#p_upload_popup .btn_area a {display: inline-block;border:1px solid #bbb;padding:5px 10px;color: #333;text-decoration: none;font-size: 13px;border-radius: 3px}
#p_upload_popup .btn_area a.confirm {font-weight: bold;color:#222 }
#p_upload_popup .btn_area .confirm {font-weight: bold;color:#222;display: inline-block;border:1px solid #bbb;padding:5px 10px;color: #333;text-decoration: none;font-size: 13px;border-radius: 3px;cursor:pointer}



.board_wrap.bg_none {margin-bottom: 10px;}
.board_wrap.bg_none form {display: flex; gap: 10px;}
.board_wrap.bg_none form input[type="text"] {flex: 1;}