@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(/include/fonts/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(/include/fonts/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(/include/fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(/include/fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(/include/fonts/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(/include/fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(/include/fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(/include/fonts/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(/include/fonts/Pretendard-Thin.woff) format('woff');
}


/* **** Common  **** */
*{margin:0;padding:0;list-style:none;font-family:'Pretendard',Arial,sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;}
body, html{width:100%;min-width: 1440px;font-size: 14px;}
body.dark {color:#fff;background: #14171e;}
body.white {color:#111;background: #f2f2f2;}

body.white .top_wrap {background: #fff;}
body.white .top_wrap .userm_wrap ul.submenu {max-width: 1390px;    margin: 0 auto;}

body.white .top_wrap .userm_wrap .logo img.white {display: block;}
body.white .top_wrap .userm_wrap .logo img.dark {display: none;}

body.white .left_content .chat_wrap .chat_title {border-color: #444;}
body.white .left_content .chat_wrap iframe {background: #f2f2f2;}

img.white {display:none}
body.white img.white {display:block}
body.white img.dark {display:none}

body.white .board-list .title,body.white .board-list .content {background: #ccc;}
body.white table.list_table td a {color:#000}
body.white .left_content {background: #f2f2f2;}
body.white .left_content .userh .col_one > div span {color:#610000}
body.white .left_content .userh .col_two > div.link a {color: inherit;}
body.white .mp_event_w .broad_choice table.channel_list td {background: #aaa;}
body.white .userfind a {background:#8d8d8d;    border-color: transparent;}
body.white .top_wrap .userm_wrap .login {background: #eee;}
body.white .left_content .login .inputw input::placeholder {color: #777;}
body.white .mp_event_w .oneline span,body.white .mp_event_w .broad_choice .channel.offair span {color: #fff;}
body.white .mp_event_w .broad_choice .nav-tabs button img {filter: brightness(0.4);}

body.white .company_list > div table td {background: #ddd;}

.ais {align-items: flex-start !important;}
.gap15 {gap: 15px;}
.fww {flex-wrap: wrap;}


input,select,img{vertical-align:middle;}
p {margin:0;padding: 0;}
img{border:0;max-width:100%;}
table{border-spacing: 1px; border-collapse:separate;width:100%;    font-size: 13px;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none; cursor: pointer;color:#222}
i{font-style:normal;display:inline-block;}
select{height:30px;border:1px solid #444;border-radius:3px;padding:0 15px;background:#fff;color:#111;font-size:13px;font-weight:400;}
pre{line-height:1.5;white-space:pre-wrap;}

::-webkit-scrollbar {width: 5px;height: 5px;background:none;}
::-webkit-scrollbar-corner {background-color: rgba(127, 127, 127, 0.1);}
::-webkit-scrollbar-thumb {background:rgba(144,147,153,.5);border: none;border-radius: 5px;}


input::-webkit-input-placeholder {color: #aaa; } 
input:-moz-placeholder {color: #aaa; } 
input::-moz-placeholder {color: #aaa; } 
input:-ms-input-placeholder {color: #aaa; }
textarea::-webkit-input-placeholder{color:#d9d9d9;}
textarea::-moz-placeholder{ color:#d9d9d9;}
textarea:-moz-placeholder{ color:#d9d9d9;}
textarea:-ms-input-placeholder{ color:#d9d9d9;}
button {cursor:pointer;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);}
span,a {display:inline-block;}
em {display:inline-block;font-style:normal;}
i {display: inline-flex;align-items: center;}

.mt6 {margin-top:6px;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.mr5 {margin-right:5px}
.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px}
.mb5 {margin-bottom:5px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.ml-auto {margin-left:auto}
.mr-auto {margin-right:auto}
.fl {float:left}
.fr {float:right}
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.pt0 {padding-top: 0 !important;}
.pd0 {padding:0px !important}
.pd5 {padding:5px !important}
.pd10 {padding:10px !important}
.pd20 {padding:20px !important}
.pdl10 {padding-left:15px !important;}
.btn_wrap {margin:20px auto;text-align:center;    display: flex;align-items: center;justify-content: center; width: 100%;padding:0 10px;gap:5px}
.btn_wrap_right {margin:20px auto;text-align:right;}
.yel {color:#ff6600}
.blue {color:#199cff;}
.lgr {color:#2de276 !important}
.red {color:#f10000 ;}
.hide {display:none}
.pd060 {padding:0 60px;}
.mgl0 {margin-left:0 !important;}
.bb0 {border-bottom:0 !important}
.br1 {border-right:1px solid #0d213f !important}
.text-center {text-align: center!important;}
.p-t-10 {padding-top: 10px!important;}
.float-right {float: right!important;}
.height-full {height: 100%!important;}
.wd100 {width: 100% !important;}
.bg0 {background: none !important;}
.bd0 {border: 0 !important;}
.board-list.mini {width: 100%;}

.gap3 {gap:3px}
.gap4 {gap:4px}
.gap5 {gap:5px}
.gap8 {gap:8px}
.gap10 {gap:10px}
.gap15 {gap:15px}
.gap20 {gap:20px !important}
.gap30 {gap:30px !important}

.max91 {max-width: 91.5%;}

.btn_red {display:inline-block;padding:8px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #911e01, #610000);color:#fff;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.btn_blue {display:inline-block;padding:8px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #0090ff, #0069ae);color:#fff;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.btn_gray {display:inline-block;padding:8px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#666;color:#fff;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.btn_green {display:inline-block;padding:8px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#1c8382;color:#fff;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.btn_orange {display:inline-block;padding:8px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#df7834;color:#000;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.btn_small {display:inline-block;padding:4px 5px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#0090ff;color:#fff;font-size:12px;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;  }
.btn_red_s {display:inline-block;padding:4px 5px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#c10000;color:#fff;font-size:12px;
border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px; }
.btn_red_or {display:inline-block;padding:4px 5px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:#ff6600;color:#fff;font-size:12px;    font-weight: 700;
    border: 1px solid transparent;border-radius:3px;}
.btn_lgr {display:inline-block;padding:8px 20px;font-size:13px;box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);background:linear-gradient(180deg, #3db21f, #277217);color:#fff;    font-weight: 700;
    border: 1px solid transparent;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border-radius:3px;}
.event-style {background:#ff6600;color:#000;font-size: 12px;padding: 2px 5px;border-radius: 3px;}

.fbig {font-size: 16px;}
.cp {cursor: pointer;}
.dflexS {display: flex;align-items: center;justify-content: space-between;}
.dflexC {display: flex;align-items: center;justify-content: center;}
.dflexL {display: flex;align-items: center;justify-content: left;}
.dflexR {display: flex;align-items: center;justify-content: right;}
.dflex-ac-jc {display: flex !important;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;}
.dflex-ac-js {display: flex!important;align-items: center;align-content: center;justify-content: flex-start;flex-wrap: wrap;}

.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

.userfind,.footer_m {display:none}

/*** Top ****/
.all_wrap {width:100%;margin:0px auto;text-align: center;}
.top_wrap {/* position: fixed; top:0; */text-align:center;z-index: 99;width: 100%;}
.ftop {background: #fff;height:38px;font-weight: 700;}
.ftop .inner {width: 1367px;margin: 0 auto;padding : 0 5px}
.ftop .inner > div {gap:40px}
.ftop .inner > div a {  display: flex;align-items: center;height: 38px;}
.ftop .inner > div a img {filter: invert(1);}
.top_wrap .m_menu_expand_btn {display:none;}
.top_wrap .m_menu_pc_btn {display:none;}

.logo_wrap {max-width: 1367px;margin: 10px auto 10px auto;    align-items: end;}
.logo_wrap .logo_input {display: flex;align-items: center;border:1px solid #ccc;height: 38px;border-radius: 20px;padding:0 15px;max-width: 300px;min-width:250px;}
.logo_wrap .logo_input input{background: none;border:0;outline: 0;height: 38px;width: 80%;font-weight: 700;}
.logo_wrap .logo_input input::placeholder {color:#fe7501}
.logo_wrap .logo_input button {background: none;border:0;display: flex;align-items: center;margin-left: auto;font-size: 16px;}

.top_wrap .rtf_link {position:absolute;top:14px;right:20px;}
.top_wrap .rtf_link a {padding:7px 20px;font-size:15px;border-radius:14px;}
.top_wrap .rtf_link a.info {background:#0090ff}

.top_wrap .userm_wrap {height:44px;position:relative; display: flex;justify-content: space-between;align-items: center;  margin: 0 auto;padding:0 0px; background: #323b4c;flex-wrap: wrap;}
.top_wrap .userm_wrap .logo { z-index: 99;position: relative;left:0px;}
.top_wrap .userm_wrap .logo img.white {display: none;}
.top_wrap .userm_wrap .logo img {height:70px;}

.top_wrap .userm_wrap .line1px {height: 1px;width:100%;background:#fff;margin-top: 2px;}
.top_wrap .userm_wrap .line2px {height: 1px;width:100%;background:#fff;margin-bottom: 2px;}

.top_wrap .userm_wrap ul {display:flex;position:relative;}
.top_wrap .userm_wrap ul.submenu {display: flex;align-items: center;justify-content: right; gap:0px;width:100%;}
.top_wrap .userm_wrap ul.submenu  li {  display: flex;align-items: center;justify-content: center;position:relative}
.top_wrap .userm_wrap ul.submenu  li i {font-size:13px;}
.top_wrap .userm_wrap ul.submenu  li > a {color: #fff;transition: 0.3s;display: flex;align-items: center;justify-content:center;gap: 3px;padding:2px 28px;font-size: 17px;width: 100%;font-weight: 700;height: 39px;}
.top_wrap .userm_wrap ul.submenu  li > a i{color: #ff6600;margin-top: -2px;font-size: 20px;}
.top_wrap .userm_wrap ul.submenu  li div.bar {height:10px;width:1px;background:#5d4eb9;}
.top_wrap  .login {display: flex;cursor: pointer;align-items: center; justify-content: center;border: 2px solid #ff6600;height: 34px;width: 120px;border-radius: 5px;margin-right: 10px;background:#fff !important}
.top_wrap  .join {display: flex;cursor: pointer;align-items: center;justify-content: center;border: 2px solid #ff6600;height: 34px;width: 120px;border-radius: 5px;    background: #ff6600;color:#fff;font-weight: 700;}
.top_wrap .userm_wrap ul.submenu  li.logout {display: flex;cursor: pointer;justify-content: center;border: 2px solid #daa;height: 34px;width: 120px;border-radius: 30px;    background: linear-gradient(to bottom, rgba(164,30,30,1) 1%,rgba(100,15,15,1) 100%);color:#fff;font-weight: 700;}

.top_wrap .userm_wrap ul.submenu  li .hidden-menu {opacity:0;max-height: 0; position: absolute;left:0px;top:39px; background:rgba(0, 0, 0, .9);z-index:-1;border-right: 1px solid #ccc;padding:10px 10px;width: 100%;height: 165px;}
.top_wrap .userm_wrap ul.submenu  li:first-child .hidden-menu {border-radius: 0 0 0 10px;}
.top_wrap .userm_wrap ul.submenu  li:last-child .hidden-menu {border-radius: 0 0 10px 0;}
.top_wrap .userm_wrap ul.submenu  li .hidden-menu.active {opacity: 1;max-height: 175px;z-index:999}
.top_wrap .userm_wrap ul.submenu  li .hidden-menu a {height:30px;width: 100%;padding:0 0px;font-size: 13px;color:#ccc !important;border-bottom:2px solid transparent;display: flex;align-items: center;justify-content: center;}
.top_wrap .userm_wrap ul.submenu  li .hidden-menu a:hover {border-bottom: 2px solid #ff6600;}
.top_wrap .userm_wrap ul.submenu  li a img.move {animation: moveUpDown 1s infinite;margin-top: -8px; }
@keyframes moveUpDown {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}
.top_wrap .userm_wrap ul.submenu  li .hidden-menu.bl1 {border-left:1px solid #ccc}
.br0 {border-right: 0 !important;}
.subbg {background:rgba(0, 0, 0, .9); width:100%;max-width: 1100px; height: 185px;position: absolute;top: 44px;left: 28.8%;z-index: 99;opacity:0;border-radius: 0 0 10px 10px;max-height: 0;transition: max-height 0.1s linear, opacity 0.1s linear, padding 0.1s linear;}
.subbg.active {opacity: 1;    max-height: 185px;}

.top_wrap .userm_wrap .user_info {display: flex;position:relative;margin-right:20px;font-size: 1.35rem;transform: skew(-27deg);background:#020202;height: 42px;border: 2px solid #151e49;
    border-radius: 6px;padding: 0 15px;    align-items: center;}
.top_wrap .userm_wrap .user_info > div {transform: skew(27deg);padding:0 20px;}
.top_wrap .userm_wrap .user_info > div.user_nick span{color:#ff6600;font-size: 13px;}
.top_wrap .userm_wrap .user_info > div ul {display:flex;justify-content: space-between;min-width:180px}
.top_wrap .userm_wrap .user_info > div ul li {font-size: 13px;line-height: 16px;}
.top_wrap .userm_wrap .user_info > div ul li:first-child{flex-basis: 40%;text-align: left;}
.top_wrap .userm_wrap .user_info > div ul li:first-child img {filter: brightness(0.7);margin-right: 3px;margin-top: -2px;}
.top_wrap .userm_wrap .user_info > div ul li:last-child{flex-basis: 60%;text-align: right;}
.top_wrap .userm_wrap .user_info > div ul li span.money {color:#ff6600}
.top_wrap .userm_wrap .user_info > div ul li span.point {color:#27be0f}

.top_wrap .nav_wrap {position:relative;top:0px;overflow: hidden;text-align:center;height: 44px;    border-top: solid 2px #fec65e;border-bottom: solid 2px #fec65e;padding: 0px;}
.top_wrap .nav_wrap .navdiv {text-align:center; width: 70%;margin:auto;}
.top_wrap .nav_wrap .navdiv ul {white-space: nowrap;list-style-type: none;display: table;width: 100%;height: 100%; }
.top_wrap .nav_wrap .navdiv ul li {    display: table-cell;vertical-align: middle;position: relative;padding: 0 1px 0 0;}
.top_wrap .nav_wrap .navdiv ul li a {color:#fff;font-size:15px;margin:7px auto;width:100%;position:relative;transition:0.2s;height:30px;display: flex;align-items: center;justify-content: center;min-width: 110px;max-width: 150px;}
.top_wrap .nav_wrap .navdiv ul li a:hover {color:#ffb203}

.top_wrap .nav_wrap .list_menu {display: inline-block;line-height: 36px;}
.top_wrap .nav_wrap .list_menu span small {font-size: 21px;color:#7ac6ff;margin-top: -3px;display: inline-block;}
.top_wrap .nav_wrap .list_menu>ul {display:none;position: absolute;top:38px;left:0px;width:115px;z-index: 99;background:#1b1d43;border-radius:4px;border:1px solid #4f86b9;}
.top_wrap .nav_wrap .list_menu>ul li {display: inline-block;width:100%;color:#fff;font-size:14px;padding:0 10px;border-bottom:1px solid #111;box-shadow: inset 3px 3px 10px rgb(0 0 0 / 40%);height:36px;line-height:35px;}
.top_wrap .nav_wrap .list_menu>ul li a {}
.top_wrap .nav_wrap .list_menu>ul li:last-child {border-bottom:0}


#frameid::-webkit-scrollbar {display: none;}


.container_wrap {position:relative;width:1367px;margin:5px auto 10px auto;padding:0 5px;display: flex;justify-content: space-between;align-items: flex-start; }
.left_content {     width: 274px;z-index: 2;left:0px;top: 0px;transition: .25s ease-out;}
.scrollFrame {width: 100%;margin: 0 auto;}
.scrollFrame::-webkit-scrollbar-track {background-color: var(--bgColor017)}
.scrollFrame::-webkit-scrollbar {width: 0px}
.scrollFrame::-webkit-scrollbar-thumb {background-color: var(--bgColor017)}
.left_content .leftMenu {width: 100%;border-radius: 5px;margin: 0 auto 10px}
.left_content .leftMenu > ul {width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: left;}
.left_content .leftMenu > ul li {position: relative;background: #111;height:42px;display: flex;align-items: center;justify-content: center;border-right:1px solid #333;
    border-bottom:1px solid #333;}
.left_content .leftMenu > ul.left_menu_box li:nth-child(1),.left_content .leftMenu > ul.left_menu_box li:nth-child(2),.left_content .leftMenu > ul.left_menu_box li:nth-child(3){ 
    background-image: linear-gradient(137deg,#ffffea 0,#ffdb9f 5%,#c39346 20%,#ffca51 50%,#a57033 80%,#cf8b2e 95%,#e2b551) !important;    text-shadow: 1px 1px 2px rgb(0 0 0 / 100%);width:33.33%}
.left_content .leftMenu > ul li .newHint {background-color: var(--bgColor114);color: var(--txtColor02);font-size: 12px;border-radius: 100px;position: relative;right: -5px;top: 0px;line-height: 20px;width: 40px;text-align: center}
.left_content .leftMenu > ul li a {display: flex;align-items: center;justify-content:center;cursor: pointer;color:#fff;width:100%;padding:0px 0;gap:4px}
.left_content .leftMenu > ul li a i {font-weight: 300;}
.left_content .leftMenu > ul li a span {background: linear-gradient(353.95deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);-webkit-background-clip: text;color: #fff;font-size:13px;transition: .2s ease-out;margin-right: 3px;}

.left_content .leftMenu .freematch {padding:2px;}
.left_content .leftMenu .freematch h4 {font-size: 13px;display: flex;align-items: center;height:36px;padding:4px 10px;background:#b5172f;margin-bottom:0;border-radius: 5px;color:#ffa604;margin-bottom: 5px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.left_content .leftMenu .freematch h4 i {font-size: 16px;margin-right: 5px;margin-top: -2px;}
.left_content .leftMenu .freematch > ul {background: #700011;}
.left_content .leftMenu .freematch > ul li {display: flex;justify-content: space-between;align-items: center;height:40px;border-top: solid 1px #930d22;border-bottom: solid 1px #4a030d;padding:0 10px;cursor:pointer}
.left_content .leftMenu .freematch > ul li:hover {background: #f32c46;}
.left_content .leftMenu .freematch > ul li img {height:20px;}
.left_content .leftMenu .freematch > ul li span {margin-left:15px}
.left_content .leftMenu .freematch > ul li small {margin-left:auto;margin-right: 0px;font-size: 13px;background: #00000040;color: #fff;border-radius: 3px;border: solid 1px #510b15;    width: 40px;height: 20px;}

.left_minigame_box {border-radius: 5px;margin:5px 2px; background: #531010;box-shadow:#d83a52 1px 1px 4px -2px inset;padding:8px}
.left_minigame_box a { height: 37px;border-radius: 5px;background: #700011;color: #c4c4c3;font-weight: bold;transition: 200ms all;border: 1px solid #951c2d;display: flex;align-items: center;justify-content: space-between;padding: 0 10px;margin-bottom: 3px;}
.left_minigame_box a img {height: 22px;margin-right:5px}
.left_minigame_box a .time {height: 28px;display: inline-block;width: 50px;text-align: center;line-height: 26px;font-weight: normal;border: 1px solid #8d3743;border-radius: 5px;background: #4c1616;}

.left_content .leftMenu > ul h4 { width: 100%;background: #b5172f;border: 1px solid #000;border-radius:3px;padding: 10px;margin-bottom:2px;text-align: left;}
.left_content .leftMenu > ul h4 .point_w {color:#ff6600;}

.left_content .leftMenu .sm-menu {gap:1px; position: relative;flex-wrap: wrap;}
.left_content .leftMenu .sm-menu a {background: #fec65e;padding:5px;    width: 49.83%;  }
.left_content .leftMenu .sm-menu a.cp {width:100%}
.left_content .leftMenu .sm-menu a.cp div {background: #000;padding:10px;display: flex;align-items: center;justify-content: center;gap:10px;}
.left_content .leftMenu .sm-menu a.cp div span {font-size: 24px;font-weight: 700;background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
	radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.left_content .leftMenu .sm-menu a.cp div img {filter: invert(1);height:60px}

.left_content .leftMenu .telegram {margin:50px auto 10px auto;width:95%;   text-align: center;border: 1px solid #c9b064;padding: 10px;border-radius: 10px;font-size: 16px;}
.left_content .leftMenu .telegram i {    font-size: 50px;color: #c9b064;margin-top: -40px;background: #222;border-radius: 50%;}
.left_content .leftMenu .telegram div:last-child {color:#fff;font-size: 18px;}
.left_content .leftMenu .telegram div:last-child a {color:#eccd6d}

.left_content .login {border-radius:0px;padding:10px;border:1px solid #d0d0d0;position: relative;    background: #fff;box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.1);}
.left_content .login .logout {position: absolute;right: 10px;top: 10px;color:#f32c46;font-weight: 700;font-size: 12px;}
.left_content .login .inputw {display: flex;align-items: center;justify-content: space-between;gap:10px;border-bottom:1px solid #d0d0d0;height: 36px;padding:0 5px;margin-bottom:10px;font-weight: 700;color:#4d4d4d;}
.left_content .login .inputw span {width:24px}
.left_content .login .inputw input { height: 36px;width: 88%;background: none;border: 0;color:#111;font-size: 14px;}
.left_content .login .inputw input::placeholder {color:#c5c5c5;font-size: 12px;}
.left_content .login .inputw input:focus,.left_content  .login .inputw input:active {outline: none;}
.left_content .login button {border-radius: 4px;background: #ff8a00;width:86px;height:78px;color:#fff;font-size: 15px;text-shadow: none;font-weight: 700;    word-break: keep-all;}
.left_content .login .bottom {margin-top:10px;display: flex;align-items: center;justify-content: left;gap:10px;height:46px;}
.left_content .login .bottom a {height:20px;display: flex;align-items: center;justify-content: center;color:#4d4d4d;font-size: 12px;font-weight: 700;}
.left_content .login .bottom a.join {color:#d52121 ;}
.left_content .login .bottom a:hover {filter: brightness(1.1);}
 .theme {cursor: pointer;}
 .theme img.whiteimg {display:none}
 .theme.dark.active img.whiteimg {display:block}
 .theme.dark.active img.darkimg {display:none}

 .left_content .login .boxtop {gap: 10px;}
 .left_content .login .boxtop .mypicture {}
 .left_content .login .boxtop img.mypicture {height: 50px;width: 50px;border-radius: 25px;}
 .left_content .login .boxtop .userexp {width:calc(100% - 50px)}
 .left_content .login .boxtop .userexp .nick {font-size: 12px;}
 .left_content .login .boxtop .userexp .nick b {font-size: 14px;color:#000}
.left_content .login .useri img {height:20px;}
.left_content .login .userr a {margin:0 1px;background:#4d4d4d;padding:2px 10px;border-radius: 4px;color:#fff;;}

.lv_exp {position: relative; background:#fff;box-shadow: 3px 3px 5px #aaa;border-radius: 3px;display: flex;align-items: center;justify-content: left; height: 20px;width:100%;font-size: 12px;margin-top:5px;    padding: 3px;}
.lv_exp > small {display: flex;align-items: center;padding-left:5px;font-weight: 700;width: 70px;}
.lv_exp > div.expdiv {display: flex;align-items: center;width: 80%;}
.lv_exp > div span {height:16px;background:#ed614a;border-radius: 3px;width: calc(100% - 40px);}

.lv_exp > div span.wd10 {width: 10%;}
.lv_exp > div span.wd20 {width: 20%;}
.lv_exp > div span.wd30 {width: 30%;}
.lv_exp > div span.wd40 {width: 40%;}
.lv_exp > div span.wd50 {width: 50%;}
.lv_exp > div span.wd60 {width: 60%;}
.lv_exp > div span.wd70 {width: 70%;}
.lv_exp > div span.wd80 {width: 80%;}
.lv_exp > div span.wd90 {width: 90%;}

.left_content .login .userpoint {background: #eee;border:1px solid #ddd;border-radius: 5px;margin:10px 0;padding: 0 10px;height: 26px;font-size: 12px;}

.left_content .login .first {display: flex;align-items: center;justify-content: center;}
.left_content .login .first a {flex: 1 1;    display: inline-flex;flex-wrap: wrap;justify-content: center; color: #666; font-size: 12px;  border-right: 1px solid #ddd;}
.left_content .login .first a:hover,.left_content .login .first a.active,.left_content .login .first a.active i {color:#fe7501;font-weight: 700;}
.left_content .login .first a:last-child {border-right: 0;}
.left_content .login .first a i {width: 100%;margin: 0 auto 5px auto;    justify-content: center;font-size: 20px;color: #666;}
.left_content .login .first a:hover i {color:#fe7501}

.left_content .login .second {  margin-top: 5px;}
.left_content .login .second .user_lv {display: flex;align-items: center;justify-content: center;gap:10px}
.left_content .login .second .user_lv span {padding:2px 8px;border-radius: 3px;color:#fff;font-size: 12px;}
.left_content .login .second .user_lv span:nth-child(1) {background:#a10000}
.left_content .login .second .user_lv span:nth-child(2) {background:#37404f}
.left_content .login .second > a {display: flex;align-items: center;justify-content: center;background:#fe7501;color:#fff;padding:0px 10px;height:48px; border-radius: 4px;font-size: 15px;margin-bottom: 5px;}
.left_content .login .second > a i{margin-top: -2px;}

.left_notice {background:#fe7501;border-radius:5px;padding: 5px;display: flex;align-items: center;font-family:'S-CoreDream-5Medium' ;margin:5px 0;height: 36px;color:#fff;font-size: 14px;font-weight: 700;}
.left_notice span {background:#fff;color:#fe7501; padding:0 10px;border-radius: 4px;margin-right: 5px;height: 100%;display: flex;align-items: center;font-weight: 900;font-family:'S-CoreDream-5Medium'}

.left_content .userh {border-radius: 0px;border:1px solid #ccc}
.left_content .userh .col_one {display: flex;align-items: center;justify-content: space-around;padding:10px;}
.left_content .userh .col_one > div {display: flex;align-items: center;gap:4px;}
.left_content .userh .col_one > div span {color:#ffca51}
.left_content .userh .col_two {display: flex;align-items: center;justify-content: space-around;padding:10px;}
.left_content .userh .col_two > div {display: flex;align-items: center;gap:4px;}
.left_content .userh .col_two > div.link {gap:5px;}
.left_content .userh .col_two > div.link span {background:#c10000;width:20px;height:20px;border-radius: 10px;margin-left: 4px;    display: inline-flex;align-items: center;justify-content: center;}
.left_content .userh .col_two > div.link a {background: transparent;border: 1px solid #a11614;border-radius:8px;padding:4px 10px;color:#fff}

.left_content .kkongmoney {margin:0px 0 5px 0;border: 1px solid #ccc;padding-bottom: 3px;}
.left_content .kkongmoney h5 {background: #4d4d4d;color:#fff;font-size: 14px;display: flex;align-items: center;justify-content: center;height: 32px;}
.left_content .kkongmoney a {margin:3px 0 0 0;width: 98%;}
.left_content .kkongmoney a img {width:100%;}

.direct_btn {margin: 5px 0;}
.direct_btn a{margin-bottom: 5px;width:100%}
.direct_btn a img {width: 100%;    border-radius: 0px;}
.direct_btn a:last-child {margin: 0;}


.left_content .ranking {border-radius: 0px;border:1px solid #ddd;overflow: hidden;    background: #fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.left_content .ranking .nav-tabs {display: flex;}
.left_content .ranking .nav-tabs button {flex: 1 1;margin:0;border:0;box-shadow: none;gap:10px;display: flex;align-items: center;justify-content: left;font-size: 14px;color: #fff;background: #323b4c;border-radius: 0;    text-shadow: none;}
.left_content .ranking .nav-tabs button i {font-size: 16px;}
.left_content .ranking h5 {display: flex;align-items: center;gap:10px;padding:0 5px;height:34px;color:#444;font-weight: 500;justify-content: center;width: 100%;    border-bottom: 1px solid #ccc;}
.left_content .ranking h5 span {font-size: 12px;color: #fe7501;}
.left_content .ranking  table td {padding:2px 5px;text-align: center;}
.left_content .ranking  table td img {height:22px;max-width: inherit;width: inherit;}
.left_content .ranking  table td.tal {padding-left:20px;}
.left_content .ranking  table td.point {color:#fe7501}
.gtt {display: flex;align-items: center;justify-content: right;padding:10px;}
.gtt a {display: flex;align-items: center;justify-content: center;gap:5px;padding: 0px 10px;border-radius: 10px;height: 26px;font-size: 12px;}
.gtt a.rkmore {border:1px solid #ccc;font-weight: 700;}
.gtt a.rkmore i {font-size: 10px;}
.gtt a.top50 {border:1px solid transparent;background: #d5d5d5;color:#666}
.gtt a.top50 i {font-size: 16px;}
.gtt a.top50:hover {background:#fe7501;color:#fff}

.left_content #left_1 > button {    align-items: flex-start;color: #fe7501;font-size: 16px;margin-top: 19px;opacity: 1;border: 0;text-shadow:none;background: none;height: 18px;box-shadow: none;}
.left_content #left_1 > button:hover,.left_content #left_1 > button:active {color:#000}

.left_content #left_2 > button,.left_content #left_3 > button {    align-items: flex-start;color: #0e3641;font-size: 16px;margin-top: 19px;opacity: 1;border: 0;text-shadow:none;background: none;height: 18px;box-shadow: none;}
.left_content #left_2 > button:hover,.left_content #left_2 > button:active,.left_content #left_3 > button:hover,.left_content #left_3 > button:active {color:#fe7501}

.left_content a.tt {margin:10px 0; display: flex;align-items: center;gap:10px;background:linear-gradient(45deg, #112f85, #3e4267);padding:0 10px;height:44px;border-radius: 14px;color:#fff;font-size: 14px;}
.left_content a.tt img {height: 28px;}
.left_content .sns {display: flex;align-items: center;justify-content: left;gap:4px; background:#fff;   margin-top: 0px;border: 1px solid #ccc;border-top: 0; padding: 0 8px;height: 30px;font-size: 12px;color:#000;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.left_content .sns span {display: flex;align-items: center;padding:0 5px;height:20px;border:0;background:#fe7501;color:#fff;border-radius: 4px; font-size: 12px;word-break: keep-all;}
.left_content .sns a {flex:1 1;}

.nav-pills {border-bottom: 1px solid #ccc;justify-content: space-between;}
.nav-pills .nav-link {color:#fff; text-shadow: none;   padding: 0.5rem 1rem 0.1rem 1rem;height: 100%;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {    background: none;border: 0;box-shadow: none;color: #fff;transition: 0.3s;}
.nav-pills .nav-link:hover {transform: scale(1.1);}
.nav-pills > h5 {font-size: 16px;    color: #fff !important;}
.nav-pills > h5 small {color:#fe7501}

.new_bdlist {margin-top:10px;border: 1px solid #ddd;padding: 0px;    background: #fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.new_bdlist h5 {display: flex;align-items: center;height: 36px;gap: 10px;    color: #444;justify-content: center;width: 100%;border-bottom: 1px solid #ccc;}
.new_bdlist .nav-tabs {    display: flex;align-items: center;justify-content: center;padding: 0 0px; gap: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.new_bdlist .nav-tabs button {flex: 1 1;border:0;color:#111;text-shadow: none;}
.new_bdlist .nav-tabs button.active {border-bottom:3px solid #fe7501;color:#fe7501}
.new_bdlist  .tab-pane ul {display: flex;align-items: center;justify-content: space-between;}
.new_bdlist  .tab-pane ul li {display: flex;align-items: center;height: 30px;    gap: 4px;}
.new_bdlist .newlist .tab-pane ul li:first-child {width:80%;  margin-right: 5px;}
.new_bdlist  .tab-pane ul li:first-child {width:70%;  margin-right: 5px;}
.new_bdlist  .tab-pane ul li.w_date {width: 15%;color:#f15c62}
.new_bdlist  .tab-pane ul li a { display: block; overflow: hidden; white-space: nowrap;width: 100%;text-overflow: ellipsis;text-align: left;}
.new_bdlist  .tab-pane ul li a:hover {font-weight: 700;}
.new_bdlist  .tab-pane ul li a .wg_subject_head {color:#fe7501}
.new_bdlist  .tab-pane ul li.point {color:#fe7501}
.new_bdlist  .tab-pane ul li.nickname.b {color:#000;font-weight: 700;}
.new_bdlist  .tab-pane ul li.nickname.b img {height: 22px;width: 22px;max-width: inherit;}
.new_bdlist  .tab-pane ul li.nickname .rk_level {width: 22px;height: 20px;text-align: center;line-height: 20px;background: #dedfe0;color: #666;font-size: 12px;font-weight: bold;border-radius: 5px;}


.guest_stat {margin-top:10px;border: 1px solid #ddd;padding: 10px;font-size: 15px;    background: #fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.guest_stat h5 {display: flex;align-items: center;font-weight: 700;gap: 5px; padding: 0 10px;   height: 30px;border-bottom: 1px solid #ddd;}
.guest_stat h5 .count {font-size: 13px;}
.guest_stat h5 .count small {color:#fe7501}
.guest_stat ul {padding: 10px;}
.guest_stat ul li {border-bottom: 1px solid #ddd;display: flex;align-items: center;gap: 20px;height: 36px;justify-content: space-between;}
.guest_stat ul li span {font-weight: 700;}


/*** Center ****/
.container_wrap .contents {height: auto;/* overflow: hidden; */animation: leftIn .5s;width:1067px;margin-left: auto;}
.container_wrap .contents.main {min-height: 782px;display: block;}
.carousel-item img {width:100%;border-radius: 0px;}
.container_wrap .contents .page {text-align: left;padding:8px 0;min-height:890px;  }
h4.ptt {display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 700;}
h4.ptt i {font-size: 22px;}
 h1.page_title { font-size: 15px;font-weight: bold;padding: 0px 3px;display: flex;align-items: center;margin-bottom: 0px;text-align: left;border-bottom:1px solid #ddd; height:40px;   background: #fff;}
h1.page_title img {margin-right:10px}
 h1.page_title > span {font-size: 18px;padding: 0 0px;width: 12%;text-align: center;}
h1.page_title i {margin-right:5px;font-size:21px;}
h1.page_title > div.under {border-radius: 0 8px 8px 0;height: 100%;width: 100%;    white-space: nowrap;overflow-x: auto;}
h1.page_title > div.under a {color:#777;    margin: 0 5px;padding: 6px 10px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid transparent;}
h1.page_title > div.under a.active {border-bottom:3px solid #fe7501;color:#000;}
.contents .divide {    border-top: 1px solid;border-bottom: 2px solid;border-image: linear-gradient(to left, #111, #444, #111);border-image-slice: 1;}

.btntext {padding:20px 15px;background:#d3d3d3;border-radius: 10px;margin:10px auto 20px auto;font-size: 14px;}

.gogobtn {border-radius: 16px;padding:0 15px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1d2847;
    color: #fff;
    font-size: 13px;}

.mplink {display: none;}
.dmplink {display: none;align-items: center;justify-content: center;width: 100%;}
.dmplink a {flex: 1 1;position: relative;}
.dmplink a:before {
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    background: rgba(178, 183, 199, 0.6);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.dmplink a img {transition: transform 0.6s;max-width: 100px;    transition: transform 0.6s;}
.dmplink a p {font-weight: 700;margin: 0px 0 15px 0;color:#000;font-size: 14px;}
.dmplink a:hover p {color:#fe7501}
.dmplink a:hover img {transform: translateY(-10px);}


/*** Main ****/
.main_banner {display: none;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.main_banner img {width:100%;border-radius: 10px;}

.main_board {display: flex;align-items:start;justify-content: space-between;display: none;}
.main_board > div {width:49.7%;display: flex;align-items:start;    padding: 5px 20px; border: 1px solid #ddd;min-height: 100px;flex-wrap: wrap;background:#fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.main_board > div h5 {display: flex;align-items: center;justify-content: space-between;height: 40px;width: 100%;font-weight: 700;font-size: 15px;}
.main_board > div h5 a {background: #fe7501;color:#fff;border-radius: 5px;display: inline-flex;align-items: center;height: 24px;justify-content: center;font-size: 12px;padding: 0 10px;font-weight: 400;}
.main_board > div.left {justify-content: left;}
.main_board > div.right {justify-content: right;}
.main_board > div .nav-tabs {width:100%; border-bottom: 0;background: #f4f4f4;border-radius: 10px;}
.main_board > div .nav-tabs button {flex: 1 1;margin:0;border:0;border-radius:0;box-shadow: none;color:#444;height: 34px;font-size: 14px;display: flex;align-items: center;justify-content: center;}
/* .main_board > div .nav-tabs button:nth-child(1) {    background: #e4f6ff;}
.main_board > div .nav-tabs button:nth-child(2) {    background: #fcfee6;}
.main_board > div .nav-tabs button:nth-child(3) {    background: #fff1e8;}
.main_board > div .nav-tabs button:nth-child(4) {    background: #e9fffa;} */
.main_board > div .nav-tabs button:hover,.main_board > div .nav-tabs button:focus,.main_board > div .nav-tabs button:active {border:0;margin:0}
.main_board > div .nav-tabs button.active { border: 2px solid #fe7501;border-radius: 10px;color: #fe7501;text-shadow: none;font-weight: 700;}
.main_board > div .tab-content {width:100%;}
.main_board > div .tab-content ul {display: flex;align-items: center;justify-content: space-between;padding:5px 0px;font-size: 14px;}
.main_board > div .tab-content ul li {display: flex;align-items: center;justify-content:left;height: 24px;overflow: hidden;white-space: nowrap;    border-bottom: 1px solid #efefef;}
.main_board > div .tab-content ul li.title {width:87%}
.main_board > div .tab-content ul li.w_date {color:#111;    justify-content: right;width: 12%;}
.main_board > div .tab-content ul li a {color:#111;text-align: left;font-size: 14px;}

.mp_event_w {margin:10px 0;}
.mp_event_w .mptitle {height: 38px;border: 1px solid #ddd;border-bottom: 0;padding: 0 10px;    background: #fff;}
.mp_event_w .mptitle span {font-size: 14px;height: 38px;color:#111;display: flex;align-items: center;gap: 5px;font-weight: 700;}
.mp_event_w .mptitle a {background:#ff6d00;font-size: 12px;padding: 0 10px;height: 24px;color:#fff;display: flex;align-items: center;justify-content: center;border-radius: 5px;}


.mp_event_w .spo_set {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background:#fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.mp_event_w .spo_set .league{display: flex;align-items: center;background: #fafafa;border-bottom: 1px solid #ccc;border-top: 2px solid #ff6600;color:#ff6600;padding: 0 10px;font-weight: 700;}
.mp_event_w .spo_set .game_set {padding: 10px;}
.mp_event_w .spo_set .game_set .game_time {width: 15%;    text-align: left;}
.mp_event_w .spo_set .game_set .game_time .limit_time {color:#f10000;font-weight: 700;}

.mp_event_w .spo_set .game_set .game_cont {width: 85%;}
.mp_event_w .spo_set .game_set .game_cont ul {display: flex;align-items: center;justify-content: space-between;margin-bottom: 6px;gap: 6px;}
.mp_event_w .spo_set .game_set .game_cont ul li {display: flex;align-items: center;justify-content: space-between;height: 34px;padding: 0 10px;cursor: pointer;font-size: 12px;}
.mp_event_w .spo_set .game_set .game_cont ul li.type {width: 10%;    justify-content: center;}
.mp_event_w .spo_set .game_set .game_cont ul li.home,.mp_event_w .spo_set .game_set .game_cont ul li.away {width: 38%;}
.mp_event_w .spo_set .game_set .game_cont ul li.home span.under {margin-left: auto;margin-right: 4px;}
.mp_event_w .spo_set .game_set .game_cont ul li.away span.over {margin-right: auto;margin-left: 4px;}
.mp_event_w .spo_set .game_set .game_cont ul li.draw {width: 12%;}
.mp_event_w .spo_set .game_set .game_cont ul li.normal.handy {background: #eee;}
.mp_event_w .spo_set .game_set .game_cont ul li.draw.notbet {justify-content: center;background: #eee;}
.mp_event_w .spo_set .game_set .game_cont ul li.info {width: 8%;justify-content: center;}
.mp_event_w .spo_set .game_set .game_cont ul li.info i {font-size: 21px;}
.mp_event_w .spo_set .game_set .game_cont ul li.info i.inform {color:#999}
.mp_event_w .spo_set .game_set .game_cont ul li.info i.more {color:#ff6600;margin-right: 3px;}
.mp_event_w .spo_set .game_set .game_cont ul li.normal {border: 1px solid #ccc;border-radius: 4px;}
.mp_event_w .spo_set .game_set .game_cont ul li.normal:hover {background: #ff6600;color:#fff}
.mp_event_w .spo_set .game_set .game_cont ul li.normal.notbet:hover,.mp_event_w .spo_set .game_set .game_cont ul li.normal.handy:hover {background: #eee;color: inherit;}

.tmevent {gap: 10px;}
.tmevent a {    width: 25%;position: relative;padding-bottom: 30px;background:#fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.tmevent a > img {width: 100%;}
.tmevent a div.title {position: absolute;bottom: 30px;left: 0;width: 100%;height: 30px;background:rgba(0, 0, 0, .8);    color: #fff;}
.tmevent a div.auth {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;color:#222;    padding: 0 5px;}
.tmevent a div.auth img {height: 18px;}


.mpmt {gap: 10px;}
.mpmt a {    width: 19.25%;position: relative;padding-bottom: 30px;background:#fff;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.mpmt a > img {width: 100%;}
.mpmt a div.title {position: absolute;bottom: 30px;left: 0;width: 100%;height: 30px;background:rgba(0, 0, 0, .8);    color: #fff;}
.mpmt a div.auth {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;color:#222;padding:0 5px}
.mpmt a div.auth img {height: 18px;}

.btn_write {display: inline-flex;padding: 0 15px;font-size: 14px;background: #fe7501;border-radius: 3px;color:#fff;height: 34px;align-items: center;justify-content: center;gap: 3px;}
.writeform {}
.writeform  li {display: flex;align-items: center;justify-content:left;height:50px;border-bottom: 1px solid #e4e4e4;}
.writeform  li h5 {color:#000;font-weight: 700;width: 15%;}
.writeform  li input {height: 34px;border-radius: 3px;border:1px solid #e4e4e4;min-width: 50%;padding: 0 15px;margin-right: 5px;}
.writeform  li input::placeholder {color:#222}
.writeform  li textarea {height: 150px;border-radius: 3px;border:1px solid #e4e4e4;min-width: 50%;padding: 0 15px;margin-right: 5px;}

.btn_wrap a {flex: 1 1;height: 40px;display: flex;align-items: center;font-size: 16px;font-weight: 700;justify-content: center;border-radius: 3px;}
.btn_wrap a.cancel {border:1px solid #e4e4e4}
.btn_wrap a.write {border:1px solid #fe7501;background:#fe7501;color:#fff}

.board_top {margin-bottom: 15px;font-size: 15px;color:#000;margin-top: 25px;}
.board_top .right {display: flex;align-items: center;gap: 15px;}
.board_top .right a i {color:#999}
.board_top .right a.btn_write i {color:#fff}

.boardsearch_form {gap: 10px;font-size: 14px;}
.boardsearch_form.active {display: flex;}
.boardsearch_form .inputpg {display: flex;align-items: center;}
.boardsearch_form .inputpg input {height: 36px;border:1px solid #e4e4e4;border-radius: 4px 0 0 4px;padding: 0 10px;width:80%;    outline: 0;}
.boardsearch_form .inputpg input::placeholder {color:#111}
.boardsearch_form .inputpg a {background:#fe7501;width: 40px;height: 36px;display: inline-flex;align-items: center;justify-content: center;color:#fff;border-radius: 0 4px 4px 0;}

.main_notice_area {display: flex; justify-content: space-between;align-items:flex-start;margin:auto;margin-top:0px;padding:0 0px;gap:10px}
.main_notice_area .notice_box {margin-top:5px;text-align:left;flex-basis:50%;}
.main_notice_area .notice_box:last-child {border-right: 0;}
.main_notice_area .notice_box h1 {color:#fff;font-weight:700;padding:0 15px;background: linear-gradient(180deg,#ffe584 0,#a55e17 30%,#452301 50%,#7b4612 70%,#ffcd74);height:50px;
    border-radius: 8px;display: flex;align-items: center;justify-content: space-between;}
.main_notice_area .notice_box h1 > div {display: flex;align-items: center;justify-content: left;font-size:16px;gap:4px}
.main_notice_area .notice_box h1 i {font-size:21px;}
.main_notice_area .notice_box h1 span {color:#fec65e;margin-left:7px;font-size: 13px;}
.main_notice_area .notice_box h1 small {color:#fff;font-size: 12px;    padding: 3px 5px;}
.main_notice_area .notice_box .table_wrap {padding:5px;}
.main_notice_area .notice_box table tr{border-bottom:1px solid #444; }
.conmain_notice_areatents .notice_box table tr th{text-align:center;height:46px;background: linear-gradient(180deg, #8c8c8c, #3b3b3b)}
.main_notice_area .notice_box table tr td {height:40px;padding:0 8px;font-size:13px;color:#fff;border-bottom: 1px solid #333;}
.main_notice_area .notice_box table tr td a {color:#f2f2f2}
.main_notice_area .notice_box table tr td:last-child {border-right:0;color:#fff;}

.main_notice_area .notice_box .table_wrap.deposit td:nth-child(2) {color:#ffdd00;}

.main_notice_area .notice_box ul li {height:40px;padding:0 8px;font-size:13px;color:#41a8f7;border-bottom:1px solid #1e8cda;    display: flex;align-items: center;justify-content: space-between; }
.main_notice_area .notice_box ul li span {margin-right:0px;flex-basis: 20%;}
.main_notice_area .notice_box ul li span:nth-child(1) {flex-basis: 20%;}
.main_notice_area .notice_box ul li span:nth-child(2) {flex-basis: 20%;color:#ffdd00}
.main_notice_area .notice_box ul li span:nth-child(3) {flex-basis: 60%;text-align: right;}

.main_middle_box {margin-top:10px;display:flex;justify-content: space-between;}
.main_middle_box a {position:relative;width:calc(20% - 2px);}
.main_middle_box a img {width:100%;}
.main_middle_box a span.hoverb {left:0;top:0;opacity:0;position:absolute;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index:5;text-align:center;}
.hoverb img {width:50% !important;display:inline-block;margin-top:70px;}
.mmb_in_ttl {display:block;font-size:30px;margin-top:10px;font-family: pcp;color:#fff;}
.mmb_in_btn {background:#f90;display:inline-block;padding:5px 10px;border-radius:20px;color:#000;margin-top:35%;}
.main_middle_box a:hover span.hoverb {opacity:1;}
.main_bbs_btn_box a {width:calc(50% - 4px) !important;height:90px !important;}
.main_bbs_btn_box a img {margin:13px auto 8px !important;}


/*** Foot ****/
.footer {text-align:center;position: relative;margin-top: 0px;padding:20px 10px;}
.footer * {font-size: 12px}
.footer img {margin-bottom:20px;}
.gomobile {position: fixed;top:183px;right: 60px;}
.gomobile a {display: block;}







/*** 미니게임 ****/
.mini_wrap {display: flex;align-items: flex-start;justify-content: space-between;gap:10px;}
.mini_wrap .mini_left {width:65.5%;min-width: 830px;}

.tab_type {display: flex;align-items: center;justify-content: left;overflow-x: auto;}
.tab_type a {display:flex;align-items: center;justify-content: center;height:50px;color:#fff;background:rgba(0, 0, 0, 0.25);font-size: 13px;font-weight: 700;flex:1 1;}
.tab_type a:nth-child(1) {border-bottom:5px solid #ffdd00;}
.tab_type a:nth-child(2) {border-bottom:5px solid #efa64f;}
.tab_type a:nth-child(3) {border-bottom:5px solid #3aa4dd;}
.tab_type a:nth-child(4) {border-bottom:5px solid #3bb553;}
.tab_type a:nth-child(5) {border-bottom:5px solid #4e77ba;}
.tab_type a:nth-child(6) {border-bottom:5px solid #8b4eb3;}
.tab_type a:nth-child(7) {border-bottom:5px solid #d27ebe;}
.tab_type a.active {background:#db2d2e;}

.mini_wrap .mini_right {width:34.5%}

.minigame-list {width: 100%;margin-top:0px;padding:0px;text-align: center;}
.minigame-list .minigame-view {text-align:center;height: 646px;margin: 0 auto;overflow: hidden;}
.minigame-list .minigame-view.active {display:none}
.minigame-list .minigame-view iframe {width: 830px;transform-origin: 0px 0px 0px;transition: all .2s;border:0;}

.minigame-list .game-wrap {padding:0px 5px;position: relative;}
.minigame-list .game-wrap .pd10 {background: #000;padding:10px;border-radius: 5px;}

.minigame-list ul.game_info {display:flex;align-items: center;justify-content: space-between; margin-bottom:10px;background:#393731;border-radius: 4px;border: 1px solid #817a5f;padding:10px 10px}
.minigame-list ul.game_info * {letter-spacing: 1px;}
.minigame-list ul.game_info li {display:block;align-items: center;text-align:center}
.minigame-list ul.game_info li.l_name {overflow:hidden;padding-left:6px;text-align:left;font-size: 18px;font-weight: 700;    text-shadow: 0 1px 1px black;}
.minigame-list ul.game_info li.l_name .icmn-eight-ball {font-size:18px;margin-right:5px;margin-top:-2px; color:#5d4eb9}
.minigame-list ul.game_info li.l_name .order {color:#f55463;font-size:18px;margin:0 5px;font-weight: 700;}
.minigame-list ul.game_info li.l_name .comment {line-height: 24px;margin-left:25px;}
.minigame-list ul.game_info li #viewGameTime {color:#ff6600;margin-left:10px;font-size: 14px;background: rgba(0, 0, 0, 0.25);padding: 10px;border-radius: 8px;}

.minigame-list .listwrap {background: #33322a;border-radius: 4px;margin: 0;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.minigame-list .listwrap > div {padding:15px;flex: 1 1;}
.minigame-list .listwrap > div h1{display: flex;align-items: center;justify-content: center;padding: 0 0 10px 0;font-size: 14px;}

.minigame-list ul.g_list {display:flex;align-items: center;justify-content: space-between; position:relative;    gap: 5px;}
.minigame-list ul.g_list li {border-radius:4px;height: 80px;margin:auto;background-image: linear-gradient(180deg, #1a212c, #16191d);flex:1 1;cursor: pointer;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.2), 0 1px 2px rgba(0,0,0,.05);}
.minigame-list ul.g_list li a {display: block;margin: 10px auto;    width: 100%;font-size: 18px;}
.minigame-list ul.g_list li span {display: block; width: 100%;font-size: 14px;margin-top: 5px;}

.minigame-list ul.g_list li div.circle .home_nm {width: 100%;font-size: 18px;margin-top: 5px;}
.minigame-list ul.g_list li div.circle .home_odd {width: 100%;font-size: 14px;margin-top:8px;color:#fff;font-weight: 700;}
.minigame-list ul.g_list li div.circle .away_odd {width: 100%;font-size: 14px;margin-top:8px;color:#fff;font-weight: 700;}
.minigame-list ul.g_list li div.circle .away_nm {width: 100%;font-size: 18px;margin-top: 5px;}

.minigame-list ul.g_list li a.power_odd {cursor:pointer;color:#0080ff;}
.minigame-list ul.g_list li a.power_even {cursor:pointer;color:#f10000}
.minigame-list ul.g_list li.big {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);padding:0 !important;color:#0080ff;}
.minigame-list ul.g_list li.mid {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);color:#66ff00}
.minigame-list ul.g_list li.sm {cursor:pointer;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);color:#f10000;}

.minigame-list ul.g_list li:hover {filter: contrast(1.4);}
.minigame-list ul.g_list li.focus_odd {filter: contrast(1.3);}

.minigame-list .nobet {position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.7); z-index:9;display: none;padding: 20% 0;}
.minigame-list .nobet img {margin: 3% auto 3% auto;height: 100px;}
.minigame-list .nobet p {font-size: 18px;;}
.minigame-list .nobet.flex {display: flex; align-items: center;justify-content: center;}

table.list_table.mini td {text-align: center;}

#stGameTitle {display: flex;align-items: center;justify-content: center;    padding: 10px;background: #040404;color: #ff6600;font-size: 14px;}

/*** BET365 ****/
.bet3_jong {gap:1px;margin-top: 5px !important;}
.bet3_jong a {display:flex;align-items: center;justify-content: center;height:50px;color:#fff;background:#2c353c;font-size: 15px;font-weight: 700;}
.bet3_jong a:nth-child(1) {border-bottom: 5px solid #fff;}
.bet3_jong a:nth-child(2) {border-bottom: 5px solid #1e8567;}
.bet3_jong a:nth-child(3) {border-bottom: 5px solid #ffdd00;}
.bet3_jong a img {height:30px;margin-right: 5px;}
.minigame-list .chleague {display:flex;align-items: center;    border: 2px solid #222733;background: #191919;padding:5px 10px;}
.minigame-list .chleague a {color: #fff; line-height: 30px;padding:0 10px;}
.minigame-list .chleague a.active {border-bottom: 2px solid #5d4eb9;}
.g_list .time_limit {position: absolute;right:10px;top:-12px;padding:5px 20px;background:#5d4eb9;border-radius:3px;}


/*** 베팅내역 ****/
.bet_vendor {gap:4px;border-bottom:2px solid #5d4eb9;--bs-gutter-x: inherit !important;}
.bet_vendor a {display:flex;align-items: center;justify-content: center;height:40px;color:#fff;background:#37404f;font-size: 13px;font-weight: 700;}
.bet_vendor a.active {background: #171c22;color:#fff;border:2px solid #5d4eb9;border-bottom:0}
.btn__area {display:flex;align-items: center;justify-content: space-between;margin:5px 0 15px 0}
.btn__area > div a {    background: #2c343b;padding:8px 20px;border-radius: 3px;color:#fff}
.btn__area > div a.active {background: #5d4eb9;}
.btn__area > a.del {background:#e42e2e;padding:8px 20px;border-radius: 3px;color:#fff}

.sports-list .bet_detail {padding:5px;background: #382023;    display: flex;align-items: center;justify-content: space-between;}
.sports-list .bet_detail span {display:inline-block;padding:6px 8px;}
.sports-list .bet_detail span.subt {margin-right:40px;background:#100f14;border:1px solid #000;color:#fff;border-radius:4px;padding:6px 18px;}
.sports-list .bet_detail span.mr0 {margin-right:0}
.sports-list .bet_detail a {display:inline-block;float:right;padding: 6px 12px;border-radius:4px;margin-right:5px;}
.sports-list .bet_detail a.board {background:#0069ae;color:#fff}
.sports-list .bet_detail a.del {background:#c10000;color:#fff }

.sports-list .league_info.bethistory li:nth-child(1) {width:40%;margin-right: 0;}
.sports-list .league_info.bethistory li:nth-child(2) {width:60%;margin-right: 0;justify-content: left !important;}

.match-result {}
.match-result > .sports-footer {margin:2px 0 10px 0;border: 1px solid #e4e4e4;height: 38px;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}

.betting_title {display: flex;align-items: center; text-align: center;margin: 0; padding: 0; width: 100%;margin-bottom: 3px;}
.betting_title li {background: #e4e4e4;height:38px;display: flex;align-items: center;justify-content: center;}
.betting_title li:nth-child(1) {width: 7%;border-radius: 5px 0 0 5px;}
.betting_title li:nth-child(2) {width: 11%;}
.betting_title li:nth-child(3) {width: 15%;}
.betting_title li:nth-child(4) {width: 20%;}
.betting_title li:nth-child(5) {width: 4%;}
.betting_title li:nth-child(6) {width: 20%;}
.betting_title li:nth-child(7) {width: 5%;}
.betting_title li:nth-child(8) {width: 5%;}
.betting_title li:nth-child(9) {width: 7%;}
.betting_title li:nth-child(10) {width: 7%;}
.betting_title li:last-child {border-radius: 0 5px 5px 0;}

.betting_content {display: flex; align-items: center;text-align: center;gap: 3px; list-style: none;margin-bottom: 2px; padding: 0;}

.betting_content li { border: 1px solid #e4e4e4;height: 38px;display: flex;align-items: center; justify-content: center;border-radius: 4px;}
.betting_content li:last-child {border-right: 1px solid #e4e4e4;}

.betting_content li:nth-child(1) {width: 7%;}
.betting_content li:nth-child(2) {width: 11%;}
.betting_content li:nth-child(3) {width: 15%;}

.betting_list_vs {}
.betting_list_name {display: inline-block; width: 83%;text-align: right;}
.betting_odd {display: inline-block; width: 15%;text-align: left;} 


.betting_content li:nth-child(4) {width: 20%;padding: 0 5px;}
.betting_content li:nth-child(5) {width: 4%;}
.betting_content li:nth-child(6) {width: 20%;padding: 0 5px;}
.betting_content li:nth-child(7) {width: 5%;}
.betting_content li:nth-child(8) {width: 5%;}
.betting_content li:nth-child(9) {width: 7%;}
.betting_content li:nth-child(10) {width: 7%;}

.betting_content li dl {display: flex;align-items: center;gap:5px}


.search_selbtn {margin: 10px 0 30px 0;gap:10px;    flex-wrap: wrap;}
.search_selbtn a {padding:0 15px;height: 40px;color:#fff;border-radius: 20px;font-size: 14px;font-weight: 700;display: inline-flex;align-items: center;justify-content: center;color:#fff}
.search_selbtn a.active {background: #ff6600;color:#000}

.search_selbtn.mini {flex-wrap: nowrap;overflow-x: auto;    white-space: nowrap;}
.search_selbtn.mini a {padding: 0 5px;}


/* date_search */
.date_search {margin-bottom: 20px;    flex-wrap: wrap;}
.hasDatepicker {background: #0f0e0e;border-radius: 8px;color:#eee;border:1px solid #ccc;height: 40px;display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size: 13px;cursor: pointer;}
.ui-datepicker {width: 24em;    margin-top: 10px;}
.ui-widget.ui-widget-content {border: 0;background: #0f0e0e;padding: 10px;z-index: 99 !important;}
.ui-widget-header {border: 0;background: none;color:#fff}
.ui-datepicker th {color: #ccc;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0;background: #27272b;font-weight: normal;color: #ccc;}
.ui-datepicker td span, .ui-datepicker td a {padding:.8em .5em;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ff6600;
    color: #000;
}


/* select */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto; }
    .nice-select:hover {border-color: #dbdbdb; }
    .nice-select:active, .nice-select.open, .nice-select:focus {border-color: #999; }
    .nice-select:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: '';
        display: block;
        height: 10px;
        margin-top: -8px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
            -ms-transform-origin: 66% 66%;
                transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 10px; }
    .nice-select.open:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg); }
    .nice-select.open .list {opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0); }
    .nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; }
    .nice-select.disabled:after {border-color: #cccccc; }
    .nice-select.wide {width: 100%; }
    .nice-select.wide .list {left: 0 !important;right: 0 !important; }
    .nice-select.right {float: right; }
    .nice-select.right .list {left: auto;right: 0; }
    .nice-select.small {font-size: 12px;height: 36px;line-height: 34px; }
    .nice-select.small:after {height: 4px;width: 4px; }
    .nice-select.small .option {line-height: 34px;min-height: 34px; }
    .nice-select .list {
        background: #fff;
        border:1px solid #e4e4e4;
        border-radius: 5px;
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {background-color: transparent !important; }
    .nice-select .option {cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {}
    .nice-select .option.selected {font-weight: bold; }
    .nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
    .no-csspointerevents .nice-select .list {display: none; }
    .no-csspointerevents .nice-select.open .list {display: block; }
      
    .container_wrap .contents .page .main {
        width: 100%;
        background: #387b3a;
        border-radius: 15px;
        padding: 30px;
    }
    .container_wrap .contents .page .main .btn_top {background: #3a3a3a;color: #ccc;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;padding: 0 18px;height: 42px;font-size: 13px;font-weight: 700;}


/*** 해외 베팅내역 ****/
.mybet_list {border-radius: 15px;background: #27272b;padding:15px;margin-bottom: 15px;}
.mybet_list .head {height: 50px;}
.mybet_list .head > div {gap:15px;font-size: 15px;color: #ccc;}
.mybet_list .head > div h5 {font-size:15px;color:#fff;    margin-left: 10px;}
.mybet_list .head > div h5.fail {color:#ff5757;  }
.mybet_list .head > div h5.success {color:#4ac97b;  }
.mybet_list .head > div.right {font-size: 13px;color: #fff;}
.mybet_list .head > div.right a.btn_yel {padding:0 15px}
.mybet_list .head > div.right a.btn_del {background:#3d3d40;width:40px;height: 40px;border-radius: 20px;display: inline-flex;align-items: center;justify-content: center;color:#fff}
.mybet_list .head > div.right a.btn_del i {font-size: 16px;}

.mybet_list .list_inner {margin-top: 10px;}
.mybet_list .list_inner ul {display: flex;align-items: center;gap:1px;margin-bottom: 5px;}
.mybet_list .list_inner ul li {background: #387b3a;width: -webkit-fill-available;height: 44px;display: flex;align-items: center;justify-content: center;gap: 5px;}
.mybet_list .list_inner ul li:first-child {border-radius: 8px 0 0 8px;}
.mybet_list .list_inner ul li:last-child {border-radius: 0 8px 8px 0;}
.mybet_list .list_inner ul li img {height: 20px;}
.mybet_list .list_inner ul li.time {min-width:15%}
.mybet_list .list_inner ul li.hvsa {min-width:20%}

.mybet_list .list_inner ul li.success {color:#ffdd00}
.mybet_list .list_inner ul li.fail {color:#ff5757}


/*** 카지노 베팅내역 ****/
.mybet_list .list_tb {margin-top: 0px;    border-spacing: 1px 5px;}
.mybet_list .list_tb tr td {background: #387b3a;height: 44px;padding: 0 5px;color:#ccc;text-align: center;}
.mybet_list .list_tb tr td:first-child {border-radius: 8px 0 0 8px;}
.mybet_list .list_tb tr td:last-child {border-radius: 0 8px 8px 0;}

.mybet_list .list_tb tr td.bet {color:#fff}
.mybet_list .list_tb tr td.win {color:#ff6600}




/*** 카지노 ****/

.gameZone {margin-top: 20px;    width: 100%;}
.gameZone .titleWrap {width: 100%;display: flex;align-items: center;font-size: 15px;margin-bottom: 10px;}
.gameZone > ul {}
.gameZone > ul li {flex: 0 0 19.4%; border-radius: 15px;overflow: hidden;position: relative;padding-bottom: 80px;transition: 0.4s;cursor: pointer;}
.gameZone > ul li span.hot {position: absolute;left:5px;top:3px;display: inline-flex;align-items: center;justify-content: center;}
.gameZone > ul li span.hot img {    height: 36px;transform: rotate(-45deg);}

.gameZone > ul li span.favorite {position: absolute;right:10px;top:10px;width: 32px;height: 32px;border-radius: 16px;background: rgba(0, 0, 0, 0.4);color:#fff;display: inline-flex;align-items: center;justify-content: center;font-size: 18px;}
.gameZone > ul li span.favorite.active {color:#00eeff}
.gameZone > ul li .text {    position: absolute;width: 100%;bottom: 0px;left: 0px;height: 50%;display: flex;}
.gameZone > ul li .text h2 {position: absolute;width: 100%;bottom: 50px;left: 0px;display: flex;align-items: center;justify-content: center;color:#fff;font-weight: 700;font-size: 21px;}
.gameZone > ul li .text span {position: absolute;width: 100%;bottom: 25px;left: 0px;display: flex;align-items: center;justify-content: center;color:#fff;font-weight: 700;font-size: 11px;}
.gameZone > ul li:hover {transform: scale(1.03);}

.gameZone ul.virtual li,.gameZone ul.mini li {flex: 0 0 16.1%; }
.gameZone ul.virtual li .text h2 {bottom: 30px;}



.gameZone ul li a .text.beige {  
    background: linear-gradient(rgba(118, 108, 97, 0) 0%, rgba(118, 108, 97, 0) 10%, rgba(118, 108, 97, 0.2) 20%, rgba(118, 108, 97, 0.6) 30%, rgba(118, 108, 97, 0.7) 40%, rgb(118, 108, 97) 50%, rgb(118, 108, 97) 70%, rgb(118, 108, 97) 80%, rgb(118, 108, 97) 90%, rgb(118, 108, 97) 100%);
}
.gameZone ul li a .text.lbrown,.nolimitcity,.playstar {  
    background:linear-gradient(rgba(135, 86, 54, 0) 0%, rgba(135, 86, 54, 0) 10%, rgba(135, 86, 54, 0.2) 20%, rgba(135, 86, 54, 0.6) 30%, rgba(135, 86, 54, 0.7) 40%, rgb(135, 86, 54) 50%, rgb(135, 86, 54) 70%, rgb(135, 86, 54) 80%, rgb(135, 86, 54) 90%, rgb(135, 86, 54) 100%)
}
.gameZone ul li a .text.brown,.gameart ,.reelkingdom,.playngo {  
    background:linear-gradient(rgba(120, 64, 16, 0) 0%, rgba(120, 64, 16, 0) 10%, rgba(120, 64, 16, 0.2) 20%, rgba(120, 64, 16, 0.6) 30%, rgba(120, 64, 16, 0.7) 40%, rgb(120, 64, 16) 50%, rgb(120, 64, 16) 70%, rgb(120, 64, 16) 80%, rgb(120, 64, 16) 90%, rgb(120, 64, 16) 100%)
}
.gameZone ul li a .text.dbrown ,.elk,.avatarux ,.playson {  
    background:linear-gradient(rgba(50, 33, 17, 0) 0%, rgba(50, 33, 17, 0) 10%, rgba(50, 33, 17, 0.2) 20%, rgba(50, 33, 17, 0.6) 30%, rgba(50, 33, 17, 0.7) 40%, rgb(50, 33, 17) 50%, rgb(50, 33, 17) 70%, rgb(50, 33, 17) 80%, rgb(50, 33, 17) 90%, rgb(50, 33, 17) 100%)
}
.gameZone ul li a .text.llbrown ,.extendednetent,.netent{  
    background:linear-gradient(rgba(57, 49, 29, 0) 0%, rgba(57, 49, 29, 0) 10%, rgba(57, 49, 29, 0.2) 20%, rgba(57, 49, 29, 0.6) 30%, rgba(57, 49, 29, 0.7) 40%, rgb(57, 49, 29) 50%, rgb(57, 49, 29) 70%, rgb(57, 49, 29) 80%, rgb(57, 49, 29) 90%, rgb(57, 49, 29) 100%)
}


.gameZone ul li a .text.llgreen,.mobilots {  
    background:linear-gradient(rgba(82, 110, 60, 0) 0%, rgba(82, 110, 60, 0) 10%, rgba(82, 110, 60, 0.2) 20%, rgba(82, 110, 60, 0.6) 30%, rgba(82, 110, 60, 0.7) 40%, rgb(82, 110, 60) 50%, rgb(82, 110, 60) 70%, rgb(82, 110, 60) 80%, rgb(82, 110, 60) 90%, rgb(82, 110, 60) 100%)
}

.gameZone ul li a .text.lgreen,.wazdan {  
    background:linear-gradient(rgba(26, 77, 86, 0) 0%, rgba(26, 77, 86, 0) 10%, rgba(26, 77, 86, 0.2) 20%, rgba(26, 77, 86, 0.6) 30%, rgba(26, 77, 86, 0.7) 40%, rgb(26, 77, 86) 50%, rgb(26, 77, 86) 70%, rgb(26, 77, 86) 80%, rgb(26, 77, 86) 90%, rgb(26, 77, 86) 100%)
}
.gameZone ul li a .text.green {  
    background:linear-gradient(rgba(34, 51, 44, 0) 0%, rgba(34, 51, 44, 0) 10%, rgba(34, 51, 44, 0.2) 20%, rgba(34, 51, 44, 0.6) 30%, rgba(34, 51, 44, 0.7) 40%, rgb(34, 51, 44) 50%, rgb(34, 51, 44) 70%, rgb(34, 51, 44) 80%, rgb(34, 51, 44) 90%, rgb(34, 51, 44) 100%)
}
.gameZone ul li a .text.dgreen {  
    background: linear-gradient(rgba(7, 56, 71, 0) 0%, rgba(7, 56, 71, 0) 10%, rgba(7, 56, 71, 0.2) 20%, rgba(7, 56, 71, 0.6) 30%, rgba(7, 56, 71, 0.7) 40%, rgb(7, 56, 71) 50%, rgb(7, 56, 71) 70%, rgb(7, 56, 71) 80%, rgb(7, 56, 71) 90%, rgb(7, 56, 71) 100%);
}


.gameZone ul li a .text.lblue,.cq9 {  
    background:linear-gradient(rgba(32, 61, 125, 0) 0%, rgba(32, 61, 125, 0) 10%, rgba(32, 61, 125, 0.2) 20%, rgba(32, 61, 125, 0.6) 30%, rgba(32, 61, 125, 0.7) 40%, rgb(32, 61, 125) 50%, rgb(32, 61, 125) 70%, rgb(32, 61, 125) 80%, rgb(32, 61, 125) 90%, rgb(32, 61, 125) 100%)
}
.gameZone ul li a .text.blue {  
    background:linear-gradient(rgba(47, 80, 125, 0) 0%, rgba(47, 80, 125, 0) 10%, rgba(47, 80, 125, 0.2) 20%, rgba(47, 80, 125, 0.6) 30%, rgba(47, 80, 125, 0.7) 40%, rgb(47, 80, 125) 50%, rgb(47, 80, 125) 70%, rgb(47, 80, 125) 80%, rgb(47, 80, 125) 90%, rgb(47, 80, 125) 100%)
}


.gameZone ul li a .text.lred ,.hacksawgaming {  
    background:linear-gradient(rgba(113, 46, 36, 0) 0%, rgba(113, 46, 36, 0) 10%, rgba(113, 46, 36, 0.2) 20%, rgba(113, 46, 36, 0.6) 30%, rgba(113, 46, 36, 0.7) 40%, rgb(113, 46, 36) 50%, rgb(113, 46, 36) 70%, rgb(113, 46, 36) 80%, rgb(113, 46, 36) 90%, rgb(113, 46, 36) 100%)
}
.gameZone ul li a .text.red,.jinjibaoxi,.ftg {  
    background:linear-gradient(rgba(166, 26, 15, 0) 0%, rgba(166, 26, 15, 0) 10%, rgba(166, 26, 15, 0.2) 20%, rgba(166, 26, 15, 0.6) 30%, rgba(166, 26, 15, 0.7) 40%, rgb(166, 26, 15) 50%, rgb(166, 26, 15) 70%, rgb(166, 26, 15) 80%, rgb(166, 26, 15) 90%, rgb(166, 26, 15) 100%)
}
.gameZone ul li a .text.dred,.bigtimegaming {  
    background: linear-gradient(rgba(58, 11, 18, 0) 0%, rgba(58, 11, 18, 0) 10%, rgba(58, 11, 18, 0.2) 20%, rgba(58, 11, 18, 0.6) 30%, rgba(58, 11, 18, 0.7) 40%, rgb(58, 11, 18) 50%, rgb(58, 11, 18) 70%, rgb(58, 11, 18) 80%, rgb(58, 11, 18) 90%, rgb(58, 11, 18) 100%)
}


.gameZone ul li a .text.yellow,.pragmatic {  
    background:linear-gradient(rgba(146, 111, 61, 0) 0%, rgba(146, 111, 61, 0) 10%, rgba(146, 111, 61, 0.2) 20%, rgba(146, 111, 61, 0.6) 30%, rgba(146, 111, 61, 0.7) 40%, rgb(146, 111, 61) 50%, rgb(146, 111, 61) 70%, rgb(146, 111, 61) 80%, rgb(146, 111, 61) 90%, rgb(146, 111, 61) 100%)
}

.gameZone ul li a .text.lpurple,.pgsoft,.playtechslot {  
    background:linear-gradient(rgba(40, 34, 97, 0) 0%, rgba(40, 34, 97, 0) 10%, rgba(40, 34, 97, 0.2) 20%, rgba(40, 34, 97, 0.6) 30%, rgba(40, 34, 97, 0.7) 40%, rgb(40, 34, 97) 50%, rgb(40, 34, 97) 70%, rgb(40, 34, 97) 80%, rgb(40, 34, 97) 90%, rgb(40, 34, 97) 100%)
}

.gameZone ul li a .text.purple {  
    background:linear-gradient(rgba(56, 42, 106, 0) 0%, rgba(56, 42, 106, 0) 10%, rgba(56, 42, 106, 0.2) 20%, rgba(56, 42, 106, 0.6) 30%, rgba(56, 42, 106, 0.7) 40%, rgb(56, 42, 106) 50%, rgb(56, 42, 106) 70%, rgb(56, 42, 106) 80%, rgb(56, 42, 106) 90%, rgb(56, 42, 106) 100%)
}

.gameZone ul li a .text.dark {  
    background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.95) 45%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100%)
}


.gameZone ul li a .text.orange,.dragoonsoft {  
    background: linear-gradient(rgba(170, 82, 8, 0) 0%, rgba(170, 82, 8, 0) 10%, rgba(170, 82, 8, 0.2) 20%, rgba(170, 82, 8, 0.6) 30%, rgba(170, 82, 8, 0.7) 40%, rgb(170, 82, 8) 50%, rgb(170, 82, 8) 70%, rgb(170, 82, 8) 80%, rgb(170, 82, 8) 90%, rgb(170, 82, 8) 100%)
}
.gameZone ul li a .text.navy,.redtiger,.yggdrasil {  
    background: linear-gradient(rgba(29, 45, 61, 0) 0%, rgba(29, 45, 61, 0) 10%, rgba(29, 45, 61, 0.2) 20%, rgba(29, 45, 61, 0.6) 30%, rgba(29, 45, 61, 0.7) 40%, rgb(29, 45, 61) 50%, rgb(29, 45, 61) 70%, rgb(29, 45, 61) 80%, rgb(29, 45, 61) 90%, rgb(29, 45, 61) 100%)
}
.gameZone ul li a .text.lnavy,.thunderkick {  
    background: linear-gradient(rgba(2, 45, 100, 0) 0%, rgba(2, 45, 100, 0) 10%, rgba(2, 45, 100, 0.2) 20%, rgba(2, 45, 100, 0.6) 30%, rgba(2, 45, 100, 0.7) 40%, rgb(2, 45, 100) 50%, rgb(2, 45, 100) 70%, rgb(2, 45, 100) 80%, rgb(2, 45, 100) 90%, rgb(2, 45, 100) 100%)
}
.gameZone ul li a .text.dnavy,.relaxgaming,.habanero {  
    background: linear-gradient(rgba(27, 29, 57, 0) 0%, rgba(27, 29, 57, 0) 10%, rgba(27, 29, 57, 0.2) 20%, rgba(27, 29, 57, 0.6) 30%, rgba(27, 29, 57, 0.7) 40%, rgb(27, 29, 57) 50%, rgb(27, 29, 57) 70%, rgb(27, 29, 57) 80%, rgb(27, 29, 57) 90%, rgb(27, 29, 57) 100%)
}
.gameZone ul li a .text.jaju,.microgamingplusslot {  
    background: linear-gradient(rgba(114, 21, 55, 0) 0%, rgba(114, 21, 55, 0) 10%, rgba(114, 21, 55, 0.2) 20%, rgba(114, 21, 55, 0.6) 30%, rgba(114, 21, 55, 0.7) 40%, rgb(114, 21, 55) 50%, rgb(114, 21, 55) 70%, rgb(114, 21, 55) 80%, rgb(114, 21, 55) 90%, rgb(114, 21, 55) 100%)
}

.gameZone ul li a .text.gunchung,.booongo,.evoplay {  
    background: linear-gradient(rgba(39, 38, 58, 0) 0%, rgba(39, 38, 58, 0) 10%, rgba(39, 38, 58, 0.2) 20%, rgba(39, 38, 58, 0.6) 30%, rgba(39, 38, 58, 0.7) 40%, rgb(39, 38, 58) 50%, rgb(39, 38, 58) 70%, rgb(39, 38, 58) 80%, rgb(39, 38, 58) 90%, rgb(39, 38, 58) 100%)
}
.gameZone ul li a .text.gray,.triplepg {  
    background: linear-gradient(rgba(45, 45, 41, 0) 0%, rgba(45, 45, 41, 0) 10%, rgba(45, 45, 41, 0.2) 20%, rgba(45, 45, 41, 0.6) 30%, rgba(45, 45, 41, 0.7) 40%, rgb(45, 45, 41) 50%, rgb(45, 45, 41) 70%, rgb(45, 45, 41) 80%, rgb(45, 45, 41) 90%, rgb(45, 45, 41) 100%)
}

.cat {gap: 5px;}
.cat a {background: repeating-linear-gradient(45deg, black, transparent 88px);
    border-radius: 5px;
    padding: 0 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    min-width: 110px;}
.cat a.active {
    background: repeating-linear-gradient(45deg, black, #4d56cf 88px);
}


.modal-dialog.board {max-width: 1090px;}
.modal-content.board {border-radius: 0px;padding:40px 30px 30px 30px; margin-top:0px;   background:#0f0e0e ; border:0}
.modal-content.board a.btn_close{   position: absolute;right: 30px;top: 30px;height: 12px;color:#fff;font-size: 28px;}
.modal-content.board h3 {font-size: 21px;font-weight: 700;color:#fff;margin-bottom: 30px;}
.modal-content.board .modal_inner {gap: 20px;background: #27272b;border-radius: 11px;padding: 15px;font-size: 13px;    text-align: left;    color: #fff;}




.casino_page { padding:6px 10px;}
.casino_page {width:100%;text-align:center;margin:0 auto 10px auto;}
.casino_page ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap:10px}
.casino_page li {margin-bottom:13px;transition:0.4s;overflow: hidden;position: relative;width:15.95%;padding: 3px;background: linear-gradient(137deg, #ffffea 0, #ffdb9f 5%, #c39346 20%, #ffca51 50%, #a57033 80%, #cf8b2e 95%, #e2b551);}
.casino_page li:hover {transform: scale(1.05);}
.casino_page li .start {position: absolute;bottom:-33%;left:0;width:100%;text-align: center;transition: 0.4s;padding:10px 0;background: rgb(0 0 0 / 80%);color:#fff;font-size: 24px;}
.casino_page li:hover .start {bottom:40%;}
.casino_page li .start div.btnstart {font-size: 13px;background: linear-gradient(45deg, #84a73f, #425d0e);padding: 5px 10px;border-radius: 14px;display: inline-block;color: #fff;transition: 0.4s;}
.casino_page li .start div.btnstart:hover {transform: scale(1.05);}

.fadeInUp {animation-name: fadeInUp;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
}


/*** 슬롯 ****/
#provideArea {display: flex;align-items: flex-end;flex-wrap: wrap;}

.slottab_area {padding:10px;border-radius: 5px;}
.slottab_area ul {display: flex;width: 96%;flex-wrap: wrap;align-items: center;justify-content: left;gap:10px}
.slottab_area ul li {height: 90px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;transition: .4s ease-out;width: 9.0%;position: relative;    background: #3c3c3c;
    padding: 10px 4px;
    border-radius: 12px;
    border: 1px solid #786f6f;}
.slottab_area ul li span {font-size: 46px;background: var(--btnColor031);-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: .4s ease-out;height: 72px;display: flex;align-items: center;justify-content: center}
.slottab_area ul li i {font-size: 34px;margin-bottom: 5px;height: 45px;}
.slottab_area ul li h4 {color: var(--txtColor66);font-size: 14px;transition: .4s ease-out;white-space: normal;width: 100%;text-align: center;word-wrap: break-word;}

.slottab_area .more {width: 100%;height: 47px;margin-top: 8px;position: relative;display: flex;align-items: center;justify-content: center}
.slottab_area .more:before {content: "";width: 83%;height: 2px;background-color:var(--main);position: absolute;top: 50%;left: 42%;transform: translate(-50%,-50%)}
.slottab_area .more .arrow-zone {height: 47px;display: flex;align-items: center;justify-content: center;background-color: #262626;z-index: 1;padding: 12px;cursor: pointer;border-radius: 100px;    margin-left: auto;}

.slottab_area .more .arrow-zone i {color: var(--main);font-size: 14px;}
.slottab_area .more .arrow-zone .txt {color: var(--main);font-size: 18px;padding: 0 9px}

.slottab_area ul li .innerPic {width: 3.5vw;margin-bottom: 7px;display: flex;align-items: center;justify-content: center;    height: 50px;background-size: cover;}

.slotZone {overflow: hidden;height: auto;width: 100%;padding-bottom: 11px;animation: downIn-495dd360 .4s;animation-fill-mode: forwards;opacity: 0}
.slotZone.off {animation-name: none}
.slotZone div.slotLobby {padding: 28px 0}
.slotZone div.slotLobby ul {display: flex;flex-wrap: wrap;justify-content: center;gap:5px}
.slotZone div.slotLobby ul li {margin-bottom: 10px;width: 16.2%;min-height: 15.5vh;position: relative;transition: 0.3s;    padding-bottom: 60px;border-radius: 10px;overflow: hidden;}
.slotZone div.slotLobby ul li .pic {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slotZone div.slotLobby ul li .pic img {z-index: 1;position: relative;transition: .3s ease-out;width: 100%;max-width: 220px;}
.slotZone div.slotLobby ul li .name {    position: absolute;width: 100%;bottom: 0px;left: 0px;height: 45%;display: flex;align-items: center;justify-content: center;z-index: 9;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 40%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 70%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%);}
.slotZone div.slotLobby ul li .name > div {    position: absolute;bottom: 34px;display: flex;align-items: center;justify-content: center;gap: 10px;  font-size: 14px;  word-break: break-all}
.slotZone div.slotLobby ul li .name > div span.icon-icconFavorFull {color: var(--txtColor78)!important}
.slotZone div.slotLobby ul li .name > span {    position: absolute;bottom: 15px;display: flex;align-items: center;justify-content: center; word-break: break-all;    font-weight: 100;}

.slotZone div.slotLobby ul li .cubeLogo .imgFrame img {width: 26%!important}
.slotZone div.slotLobby ul li .cubeLogo .imgFrame {transform: translate(-50%,-138%)!important}
.slotZone div.slotLobby ul li:hover {transform:scale(1.03)}

.slotZone div.slotLobby ul li .heart01 {position: absolute;top: 10px;right: 10px; cursor: pointer; z-index: 99;}
.slotZone div.slotLobby ul li .heart01 i {transition: all .2s linear;font-size: 24px;color:#fff}
.slotZone div.slotLobby ul li .heart02 {position: absolute;top: 10px;right: 10px;cursor: pointer;z-index: 99;}
.slotZone div.slotLobby ul li .heart02 i {transition: all .2s linear;font-size: 24px;color:#00eeff}
.slotZone div.slotLobby ul li .heart:before {display: none!important}
.slotZone div.slotLobby ul li .heart {position: absolute;top: -7px;left: -15px}
.slotZone div.slotLobby ul li .heart label:before {display: none}
@keyframes downIn-495dd360 {
    0% {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.slottab_area .searchZone {position: relative;width: 16%;margin-left: auto;  }
.slottab_area .searchZone input {
    color: #a4e3ff;
    background-color: #0b0b11;
    border-radius: 6px;
    padding-left: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 35px;
    margin-bottom: 0;
    width: 100%;
}


.slottab_area .searchZone input::placeholder {
    color: #b6b6b6;
    font-size: 14px
}

.slottab_area .searchZone .searchIcon {
    position: absolute;
    right: 5px;
    top: 9px
}

.slottab_area .searchZone .searchIcon span {
    color: #b4b4b4;
    font-size: 13px;
    padding: 2px;
    cursor: pointer;
}



/*** 머니이동 ****/
.movearea {flex-basis: 55% !important;}
.tranfer_title {display: flex;align-items: center;justify-content: space-between; margin:0px 0 10px 0px;border-bottom: 1px solid #000;height:100px}
.tranfer_title .img_card {flex-basis: 50%;}
.tranfer_title .img_card > div.text {display: flex;justify-content:center;align-items: center;font-size: 20px;letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;font-weight: 700;margin-bottom:10px}
.tranfer_title .img_card > div.money {display: flex;justify-content:center;align-items: center;font-size: 18px;font-weight: 700;margin-bottom:0px}
.tranfer_title .img_card > div.money span {color:#5d4eb9;font-size: 18px;font-weight: 700;margin-right:5px}
.tranfer_title .img_card img {margin-right:5px}
.cashmove_title {margin:0px 0 10px 0px;border-bottom: 1px solid #000;padding:10px 30px}
.cashmove_title .text {font-size: 20px;letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;font-weight: 700;}
.cashmove_title .nav {margin-top:10px}
.cashmove_title .nav li {width:50%}
.cashmove_title .nav button {background: #25292c !important;border-radius: 3px;border:1px solid #5d4eb9;box-shadow: none;width: 100%;font-size:15px;opacity: 20%;padding:12px 0;}
.cashmove_title .nav button.active {opacity: 100%;}
.money_title {margin:0px 0 0px 0px;border-bottom: 1px solid #000;padding:10px 30px}
.money_title .text {font-size: 20px;letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;font-weight: 700;}
.money_title input {height:40px;width:100%;padding:0 10px;color:#000;font-size: 13px;margin: 10px 0;}
.money_title .money {display: flex;align-items: center;justify-content: space-between;gap:3px}
.money_title .money a {text-align:center;padding: 10px 0;width: 100%;background-color: #67c13a;border: 1px solid #fff;border-radius: 3px;color:#fff;font-weight: 700;}
.money_title .money a:hover {background-image: linear-gradient(180deg,#d85908 0,#c34e0d 20%,#a94113 50%,#ff6d00 80%,#ff6d00);border: 1px solid #fb6200;}
.money_title .money a:last-child {background: #ff3f40;border: 1px solid #ff3f40;}
.money_title > button {color: #fff;background-color: #409eff;border-color: #409eff;padding:12px 20px;font-size:15px;font-weight: 700;border-radius: 3px;margin:10px 0}

.explanation {flex-basis: 45% !important;padding:10px 30px 30px 30px !important;background: #191919; border: 2px solid rgb(37, 40, 43);border-radius: 3px;}
.explanation * {letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;font-size: 14px;}
.explanation .text {color:#5d4eb9;font-size: 18px;font-weight: 700;}
.explanation > div {margin-top:20px;}


@keyframes sbOverlayAnim {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5%);
    }
    100% {
        transform: translateY(0);
    }
}



/*** 게시판 ****/
.btn_top {background: #fe7501;color:#fff;padding: 5px 15px;border-radius: 5px;margin: 5px 0;}
.list_area {margin-top:20px}
.list_area h4 {padding:10px;font-size: 20px;letter-spacing: 1.5px;text-shadow: 0 1px 1px #000;font-weight: 700;}
.btn_zone {display: flex;justify-content: right;align-items: center;padding:0 10px;height:40px}
.btn_zone span font {color:#5d4eb9}
.btn_zone a.cs {display: flex;justify-content: center;align-items: center;padding:5px 10px;color:#fff;font-size: 13px;border-radius: 4px;margin-left:10px;background-color: #b5172f !important;transition: 0.3s;border: solid 1px #F8A1A4;}
.btn_zone a.cs i {font-size: 18px;margin-right:5px}
.btn_zone a.msg {background-color: #0069ae;display: flex;justify-content: center;align-items: center;padding:6px 20px;color:#fff;font-size: 13px;border-radius: 4px;margin-left:10px;}
.btn_zone a.del {background-color: #a10000;display: flex;justify-content: center;align-items: center;padding:6px 20px;color:#fff;font-size: 13px;border-radius: 4px;margin-left:10px;}

.board-list {padding:0px;margin-top:0px;}
.board-list ul {display: flex;align-items: center;flex-wrap: wrap;border-bottom:1px solid #ddd;}
.board-list ul.thead {background: #f4f4f4;}
.board-list ul.thead li {color:#000;font-weight: 700;}
.board-list ul.thead li.type {color:#000;}
.board-list ul.thead li.bdtitle {justify-content: center;}
.board-list ul li {display: flex;align-items: center;justify-content: center;padding:5px;height:40px;color:#000; padding: 0 5px;   font-size: 14px;}
.board-list ul li.no {width: 6%;}
.board-list ul li.type {width: 6%;color:#fe7501;font-weight: 700;}
.board-list ul li.type > img {height: 38px;border-radius: 5px;}
.board-list ul li.type.ball > img {height: 24px;border-radius: 0;}
.board-list ul li.bdtitle {width:54%; justify-content: left;  padding-left: 20px;        font-weight: 700;}
.board-list ul li.writer {width: 12%;}
.board-list ul li.writer > img.user_level {height: 20px;margin-right: 3px;}
.board-list ul li.like {width: 6%;}
.board-list ul li.viewno {width: 6%;}
.board-list ul li.bddate {width: 10%;}

.board-list.colspan5 ul li.bdtitle {width:66%; }
.board-list.colspan6 ul li.bdtitle {width:60%; }
.board-list.attend ul li.bdtitle {width:58%; }


.board-list ul li.rank {width: 5%;}
.board-list ul li.point {width: 8%;}
.board-list ul li.dbd {width: 7%;}

.board-list ul li.toprank {width: 10%;}
.board-list ul li.topranker {width: 20%;}
.board-list ul li.topranker img {height: 20px;}
.board-list ul li.toppoint {width: 30%;}


.news-list {border-top: 1px solid #ddd;}
.news-list a {border-bottom: 1px solid #ddd;padding: 10px;gap: 10px;align-items: flex-start;}
.news-list a > img.tnail {width: 25%;height: 140px;border-radius: 5px;}
.news-list a > div .tt {font-weight: 700;color:#000;font-size: 15px;}
.news-list a > div .tt img.ball {height: 20px;margin-right: 3px;}
.news-list a > div p.scont {margin: 10px 0;}

@media screen and (max-width:980px) {
    .board_top {margin-top: 10px;}
    .boardtab ul {white-space: nowrap;overflow-x: auto;}
    .board-list ul {padding: 10px 0;}
    .board-list ul:nth-child(2) {border-top: 1px solid #ddd;}
    .board-list ul.thead {display: none;}
    .board-list ul li {gap: 3px;        height: inherit;}
    .board-list ul li.no {display:none}
    .board-list ul li.type {width: 19%;justify-content: left;}
    .board-list ul li.type.ball {width: 14%;}
    .board-list ul li.bdtitle {width: 80%;margin-left: 5px;padding-left: 0;}
    .board-list.attend ul li.bdtitle {width: 70%;}

    .board-list ul li.rank {width: 10%;}
    .board-list ul li.writer,.board-list ul li.like,.board-list ul li.viewno,.board-list ul li.bddate,.board-list ul li.point,.board-list ul li.dbd {width:auto; color:#666;font-size: 12px;}
    .board-list.colspan6 ul li.bdtitle {width: 100%;margin-left: 5px;}

    .news-list a {flex-wrap: wrap;}
    .news-list a > img.tnail {width: 100%;height: auto;}



}








table.list_table {border-bottom:0;border-spacing:0;}
table.list_table th,.list_table_th {height:40px;text-align:center;font-size: 14px; background:#f2f2f2;    padding: 5px;}

.list_table_th > span {display: flex;align-items: center;justify-content: center;}
.list_table_th > span.num {width: 10%;}
.list_table_th > span.tt {width: 60%;}

.list_table th.bdtitle {width: 60%;}

.list_table.point tr:nth-child(odd) td{background:#f9f9f9}
.list_table.point tr:nth-child(even) td{background:#fff}
.list_table.point span.add {background:#60bb5e;color:#fff;padding:2px 8px;border-radius: 4px;font-size: 12px;}
.list_table.point span.used {background:#d4564a;color:#fff;padding:2px 8px;border-radius: 4px;font-size: 12px;}

.list_table .spannotice {background: #0069ae;color:#fff;border-radius: 3px;padding:3px 10px;font-size: 13px;}

.astitle {margin:20px 0;gap: 10px;}
.astitle a {color:#666;display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 34px;border-radius: 8px;font-weight: 700;color:#777}
.astitle a.active {background:#eff0f4;color:#fe7501}

table.list_table td {padding:5px;height:40px;border-bottom:1px solid #dee2e6;color:#000;    font-size: 14px;}
table.list_table td.center {text-align:center;}
table.list_table td input {    width: 100%;background: #111;border: 1px solid #333;height: 30px;padding: 0 10px;color:#fff}
table.list_table .span_not {background:#ff6600;color:#000;display:inline-block;padding:3px 6px;border-radius:3px;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border: 1px solid transparent;}
table.list_table .span_event {background:#ff6600;color:#fff;display:inline-block;padding:3px 6px;border-radius:3px;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border: 1px solid transparent;}
table.list_table td span.success {padding:5px 10px;background:#0082ff;border-radius: 3px;width:70px;}
table.list_table td span.waiting {padding:5px 10px;background:#265812;border-radius: 3px;width:70px;}
table.list_table.notice td a {color:#4ce60a}
table.list_table.event td a {color:#00eeff}
table.list_table td textarea {    width: 100%;background: #111;border: 1px solid #333;min-height: 200px;padding:10px;color:#fff}

.board-list .input {}
.board-list .input input {height:40px;width:100%;background: #2c353c;border:1px solid #000;padding:0 10px;margin-bottom:10px}
.board-list .input textarea {min-height:200px;width:100%;background: #2c353c;border:1px solid #000;padding:10px;}
.board-list .btn_write {height:44px;line-height:42px;width:100%;border:2px solid #fff;color:#fff;text-align: center;font-size: 14px;font-weight: 700;}

.board-list .title {background:#20242f;border-radius:4px;line-height:36px;padding:0 20px;font-size: 14px;}
.board-list .binfo {line-height:30px;padding:0 20px;;}
.board-list .binfo .date {float:right;}
.board-list .content {padding:20px;min-height:200px;background:#20242f;font-size: 14px;}

.board-list .reply_wrap {margin-top:10px;background:#0d183f;padding:5px 15px 15px 15px;}
.board-list .reply_wrap h1 {color:#0090ff;line-height:28px;border-bottom:1px solid ;font-size: 18px;border-image:linear-gradient(to left,#0d213f,#0d6efd,#0d213f);border-image-slice: 1;}
.board-list .reply_wrap h1 span {font-size:21px;}

.board-list .reply_wrap .repl {line-height:30px;background:rgba(0,0,0,0.3);border-radius:4px;margin-top:3px;padding:0;}
.board-list .reply_wrap .repl .user {display:inline-block;width:120px;text-align:center;}
.board-list .reply_wrap .text-area {margin:10px 0;display:flex}
.board-list .reply_wrap .text-area textarea {width:1156px;background:#111;height:60px;padding:8px;}
.board-list .reply_wrap .text-area .reply_btn {background:#0090ff;color:#fff;margin-left:10px;width:80px;cursor:pointer;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border: 1px solid transparent;}

.write_table {border-spacing: 0;border:1px solid #ddd;border-left:0;border-right: 0;}
.write_table th{background:#f2f2f2;text-align:center;height:40px;width: 20%;border-top:1px solid #ddd;}
.write_table input {min-width:80%;height:28px;color:#000;padding:0 10px;border:1px solid #ddd;border-radius: 5px;}
.write_table td{background:#fff;padding:10px;border-top:1px solid #ddd;}
.write_table textarea {width:100%;min-height:200px;color:#000;padding:10px;border:1px solid #ddd;border-radius: 5px;}
.write_table .upload {display:inline-block;padding:5px 10px;border-radius:2px;background: #f2f2f2;color: #666;text-shadow: none;min-width:80%;text-align: left;}
.write_table .btn_add {margin-left:10px;background:#fe7501;display: inline-flex;align-items: center;justify-content: center;height:26px;border-radius: 4px;color:#fff;padding: 0 20px;word-break: keep-all;}
.exp_span {display: inline-flex;align-items: center;height: 36px;margin-left: 10px;color: #fe7501;}

#content td {padding:20px;background:#4e2e33}
.cont {padding:10px;}
.cs_repl {background:rgba(0, 0, 0, 0.25);padding:20px;    font-size: 14px;}
.cs_repl i {font-size:24px;display: block;    color: #ff6600;}

img.csadmin {height:30px}


/*** FAQ ****/
.faq_ul {}
.faq_ul .listli {display: flex;align-items: center;height: 44px;border-bottom: 1px solid #ddd;padding: 0 20px;font-size: 14px;font-weight: 700;color:#444;cursor: pointer;}
.faq_ul .listli > div {gap:15px;    width: 100%;}
.faq_ul .listli > div i.fi-br-q {color:#fe7501;font-size: 16px;}
.faq_ul .listli > div .type {color:#fe7501;font-weight: 700;margin-left: 10px;}
.faq_ul .listli > div i.fi-sr-caret-circle-down {margin-left: auto;font-size: 21px;color:#aaa}
.faq_ul .listli.active > div i.fi-sr-caret-circle-down {color:#fe7501;transform: rotate(180deg);}

.faq_ul .answer {display: none;background: #f2f2f2;padding: 20px;align-items: flex-start;}
.faq_ul .answer > i {color:#fe7501;font-size: 16px;width: 50px;}
.faq_ul .answer p {line-height: 25px;color:#666}









/*** 충전 ****/

.charge_wrap {padding:10px 50px;}
.charge_box {padding:0px 10px;display: flex;align-items: center;justify-content:left;height:50px;border-bottom: 1px solid #333;}
.charge_box .text {width:15%;font-size: 14px}
.charge_box .cont {text-align: left;display: flex;align-items: center;justify-content: left;flex-wrap: wrap;gap:10px}
.charge_box .cont input {padding: 6px;width:200px; background: #040404;border: 1px solid #333;color: #fff;}
.charge_box .cont .money {display: flex;align-items: center;justify-content: left;gap :5px}
.charge_box .cont .money a { background: #534e40;transition: 0.3s;border: solid 1px #817c6e;padding: 6px;border-radius: 2px;color:#fff;}

.charge_wrap .info {padding:10px 20px;margin:10px auto;width:100%;    background: #333;border-radius: 8px;font-size: 14px;}
.charge_wrap .info h4 {color:#ffdd00;font-size: 16px;display: block;margin-bottom:5px}
.charge_wrap .info li {font-size: 14px;line-height: 30px;}

.btn_req {display: inline-block;padding: 6px 15px;border: 2px solid #f90;border-radius: 20px;background: #000;font-size: 14px;color:#fff;}

.charge_wrap .pontuse {margin:10px 0;background:#1e1e1d;color:#fff;padding:20px;border-radius: 10px;}
.charge_wrap .pontuse h2 {display: flex;align-items: center;gap:5px}
.charge_wrap .pontuse h4 {display: flex;align-items: center;gap:5px;margin:5px 0;}
.charge_wrap .pontuse h4 input {width:20px;height:20px}
.charge_wrap .pontuse h5 {display: flex;align-items: center;gap:5px;margin:5px 0;color:#00ec7e}

table.ch_table {margin-top: 10px;border:1px solid #0d213f;border-bottom:0;border-spacing:0;}
table.ch_table th{background:#002762;height:40px;text-align:center;border-bottom:1px solid #0d213f;font-size:13px;}
table.ch_table td {padding:0 5px;background:#08111f;border-bottom:1px solid #0d213f;}
table.ch_table td.center {text-align:center;}
table.ch_table td .btn_small {background:linear-gradient(180deg, #3db21f, #277217)}
table.ch_table td .not {color:#f10000;margin-left:10px;}
table.ch_table td input {vertical-align: middle;margin-top: -2px;margin-right: 3px;}
table.ch_table .span_not {background:#ff6600;color:#000;display:inline-block;padding:3px 6px;border-radius:3px;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border: 1px solid transparent;}
table.ch_table .span_event {background:#33c2e9;color:#000;display:inline-block;padding:3px 6px;border-radius:3px;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);border: 1px solid transparent;}

.bnschoice {display: flex;align-items: center;justify-content: left;gap:10px}
.bnschoice .radio_button1 {background: #444; padding:0 10px; border-radius: 10px; color: #fff;cursor: pointer;height: 36px; display:flex;align-items:center;justify-content:center;}
.bnschoice input[type="radio"] { display: inline-block; width: 1.14286rem; height: 1.14286rem !important; border-radius: 10px !important;padding: 0 !important;}
.bnschoice input[type="radio"]:checked { background: #823bbd; border: #fff solid 0.22857rem;}
.bnschoice .radio_button1 label {cursor: pointer; padding: 0px 10px; display: flex;align-items: center;justify-content: center; color:#fff;height:100%}
#dis2, #dis3, #dis4 {display:none}
#dis1,#dis2, #dis3, #dis4 {color:#ff6600;font-size: 13px;}



/*  출석부*/
.tableframe {background: rgba(0,0,0,0.3);padding:10px;}
.writeBox h1 {text-align: center;margin: 0px auto 10px auto;width: 200px;height: 40px;display:flex;align-items: center; color:#ff6600;font-size:18px}
.writeBox h1 img {height:24px;margin-left:5px}
.writeBox .not {margin:0 auto 15px auto;text-align:center;font-size:14px;}
.writeBox.stamp_calendar {width:100%;margin:5px auto;}
.writeBox.stamp_calendar table tbody {background:#08111f}
.writeBox.stamp_calendar table tr th {padding: 0px;height: 40px;text-align: center;background: #305592;color: #fff;border-left: 1px solid #0d213f;border-bottom: 1px solid #0d213f;border-top: 1px solid #0d213f;}
.writeBox.stamp_calendar table tr td {padding: 0px;height: 150px;text-align: center;position: relative;vertical-align: middle;color: #fff;border-left: 1px solid #0d213f;border-bottom: 1px solid #0d213f;}
.writeBox.stamp_calendar table tr td:FIRST-CHILD, .writeBox.stamp_calendar table tr th:FIRST-CHILD {border-left: none;}
.writeBox.stamp_calendar table tr td span {position: absolute;left: 6px;top: 6px;}
.writeBox.stamp_calendar table tr .gray {color: #a9a9a9 !important;}
.writeBox.stamp_calendar table tr .blue {color: #5cbbea !important;}
.writeBox.stamp_calendar table tr .red {color: #f15c62 !important;}
.writeBox.stamp_calendar table tr td .stamp_off {cursor: pointer;}
.writeBox.stamp_calendar table tr td p {font-weight: bold;color: #ffe021 !important;font-size: 14px}
.bottomBtn_center {margin: 20px auto;text-align: center;}
.buttonDisable, input.buttonDisable {padding: 0px 13px;min-width: 50px;display: inline-block;height: 38px;line-height: 38px;font-weight: bold;text-align: center;color: #a0a0a0 !important;background: #4a4646;border-radius: 23px;}

.writeBox .ch_date td {height:46px !important;background:#20203e;}
.writeBox .ch_date td a {font-size:16px;color:#4da7e2}
.writeBox .ch_date td a i {margin-top:-2px}
.writeBox .ch_date td em {font-size:18px;color:#ff6600;margin:0 15px}


/* 페이지버튼*/
.pagination-wrap {text-align:center;margin:20px auto;display: flex;align-items: center;justify-content: center;}
.pagination-wrap .pagination{display:inline-block;font-size:0px}
.pagination-wrap .pagination ul li{display:inline-block;font-size:12px;width:40px}
.pagination-wrap .pagination ul li a{color:#fff;text-decoration:none;padding:8px 0px;transition:background-color .3s;border:1px solid rgba(255, 255, 255, 0.05);background-color:rgba(0,0,0,.20);width: 100%;}
.pagination-wrap .pagination .active a{color:#fff;text-decoration:none;padding:8px 16px;transition:background-color .3s;border:1px solid rgba(255,255,255,0.05);background-color:rgba(0,0,0,.50)}




/* 팝업 */
.popup {position:absolute;min-width:360px;min-height:403px;z-index:9999;padding:0px;background: #0d213f;}
.popup .top {border-radius:12px 12px 0 0;height:50px;background:linear-gradient(180deg, #018dfa , #223b7b);    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 1px rgb(0 0 0 / 5%);border-bottom: 1px solid #43a6f3;}
.popup .top h2 {display:inline-block;padding:5px 20px;background:rgba(0,0,0,0.3);border-radius: 8px;border:1px solid #43a6f3;margin-top:6px;    z-index: 1;position: relative;}
.popup .top h2 img {height:40px}
.popup .title {height:36px;line-height:36px;font-size: 18px;background: rgba(0,0,0,0.3);margin: 86px 20px 10px 20px;border-radius: 17px;}
.popup .content {text-align:left;padding:0px;font-size:14px;}
.popup .content img {width:100%}
.popup .close {height:36px;line-height:36px;text-align:right;}
.popup .close>a {margin-right:20px;margin-left:10px;background:#0069ae;color:#fff;height:24px;line-height:24px;padding:0 10px;border-radius:2px;}

@media screen and (max-width:980px) {
	.popup {background-size:100% 100%;width:100% !important;height:inherit !important;left:0 !important;top:0px !important;min-width:100% !important; }	
	.popup .title {height:36px;margin-top: 93px;}
	.popup .close {bottom:18px;}
}





/* 반응형 1080px까지, 그 밑으론 common_m.css */
@media (max-width: 1859px) {
    .contents {margin-left: 52px !important;}
}
@media screen and (max-width: 1860px) {
    #sidebarinner {display: none;}
}
@media screen and (min-width: 1920px) {
    #sidebar-hamburg-orange {display: none;}
}
@media screen and (max-width: 1860px) {
    #sidebar-hamburg-orange {display: block;}
}
@media screen and (max-width: 1440px) {
	.top_wrap .nav_wrap .navdiv {width:100%}
}
@media screen and (max-width: 1080px) {
	.right_content {display: none;}
	.container_wrap .contents {margin-right:0}
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

#sidebar-hamburg-orange {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-orange:hover .img-hamburg {
	content: url("/images/ico-sideMenu-on.png")
}
div#sidebar-hamburg-orange:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-blue {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-blue:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-blue:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-yellow {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-yellow:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-yellow:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-yellow1 {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-yellow1:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-yellow1:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-white {
	width:50px;
	background-color:#dedede!important;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-white:hover .img-hamburg {
	content:url(/image/Home/white/hamburg-on.png)
}
div#sidebar-hamburg-white:hover .img-sidebutton {
	content:url(/image/Home/white/side-button-on.png)
}
#sidebar-hamburg-white1 {
	width:50px;
	background-color:#dedede!important;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-white1:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-white1:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-red {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-red:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-red:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
#sidebar-hamburg-gold {
	width:50px;
	background-color:#2e343a;
	height:100%;
	border:1px solid #111315;
	position:relative;
	overflow:hidden;
	box-shadow:inset 0 0 10px #0e151b;
	cursor:pointer
}
div#sidebar-hamburg-gold:hover .img-hamburg {
	content:url(/images/hamburg-on.png)
}
div#sidebar-hamburg-gold:hover .img-sidebutton {
	content:url(/images/side-button-on.png)
}
.fadeInRightBig {
	-webkit-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig
}
@keyframes example-orange {
	0% {
		background-color:rgba(252,98,0,.1)
	}
	50% {
		background-color:rgba(252,98,0,.2)
	}
	to {
		background-color:rgba(252,98,0,.3)
	}
}

@keyframes example-blue {
	0% {
		background-color:rgba(0,98,252,.1)
	}
	50% {
		background-color:rgba(0,98,252,.2)
	}
	to {
		background-color:rgba(0,98,252,.3)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity:0;
		transform:translateX(-300px)
	}
	to {
		opacity:1;
		transform:translateX(0)
	}
}
.fadeInLeftBig {
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig
}

@keyframes fadeInRightBig {
	0% {
		opacity:0;
		transform:translateX(300px)
	}
	to {
		opacity:1;
		transform:translateX(0)
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		transform:translateY(20px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@keyframes fadeInDownBig {
	0% {
		opacity:0;
		transform:translateY(-2000px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@keyframes fadeInUpBig {
	0% {
		opacity:0;
		transform:translateY(2000px)
	}
	to {
		opacity:1;
		transform:translateY(0)
	}
}



/** 로그인모달 **/
#loginModal,#recommendModal  {z-index: 999999999;}
#loginModal .modal-dialog,#joinModal .modal-dialog {max-width: 400px;    margin:80px auto 0 auto;}
.modal-content.login {border-radius: 10px;padding:10px 40px 20px 40px;    background:#fff;;border: 2px solid #ff6600;margin: 0 auto;}
.modal-content.login button.btn-close{ position: absolute;right: -15px;top: -16px;width: 30px;height: 30px;border-radius: 15px;background: #ff6600;color: #fff;opacity: 1;display: inline-flex;align-items: center;justify-content: center;padding: 0;font-size: 24px;}
.modal-content.login .modal-header {border:0;margin-bottom:20px;justify-content: center;}
.modal-content.login .tt {font-size: 16px;border-bottom: 2px dashed #ff6600;width: 34%;margin: -10px auto 20px auto;font-weight: 700;height: 36px;}
.modal-content.login h5 {font-size: 13px;color:#4d4d4d;margin:5px 0;text-align: left;}
.modal-content.login h5 img {margin-top: -60px;    height: 80px;}
.modal-content.login input {border:0;background-color: #4d4d4d;color: #fff;height: 48px;border-radius: 10px;margin-bottom: 5px;padding: 0 10px;font-size: 14px;    width: 100%;}
.modal-content.login .captcha {display: flex;align-items: center;justify-content: space-between;margin-bottom:10px}
.modal-content.login .captcha img{height:39px;margin-top: -4px;}
.modal-content.login .captcha .input_captcha{width: 130px;}
.modal-content.login .btn-login {border: 0;color: #fff;background: #ff6600; border-radius: 10px;   height: 48px;font-size: 16px;    box-shadow: 1px 1px 0 rgba(255,255,255,0.3) inset;margin-top:10px}

.modal-open .modal::-webkit-scrollbar {
    width: 0px;
    background: transparent !important;
}
.modal-open .modal::-webkit-scrollbar-thumb {
    background:transparent;
}

.modal-backdrop {
	background-color:#000
}

/** 알람 모달 **/
.modal-content.login .header {background: #fe7501;color:#fff;display: flex;align-items: center;justify-content: center;height:36px;border-radius: 8px;font-size: 14px;font-weight: 700;}
.modal-content.login .at {display: flex;align-items: center;justify-content: center;min-height:50px;font-size: 15px;font-weight: 700;color:#444}
.modal-content.login a.confirm {background:#ff5a00;color:#fff;height: 40px;border-radius: 8px;border:2px solid transparent;flex:1 1}
.modal-content.login a.cancel {background:#fff;color:#ff5a00;height: 40px;border-radius: 8px;border:2px solid #ff5a00;flex:1 1}

@media screen and (max-width:980px) {
    .modal-content.login {padding:10px 10px 20px 10px}
    #loginModal .modal-dialog, #joinModal .modal-dialog {max-width: 400px;margin: 80px auto 0 auto;width: 94%;}
    .modal.show .modal-dialog {margin-top: 40px;}
}

/* 게시판 탭 */
.tabZone {animation: topIn-46220dfc .4s;animation-fill-mode: forwards;}
.tabZone ul {display: flex}
.tabZone ul li {height: 50px;background: linear-gradient(180deg,#21273a 0%,#0b0f11 100%);box-shadow: inset 0 4px #019ad4;display: flex;align-items: center;justify-content: center;cursor: pointer;
    transition: .4s ease-out;position: relative;border: 1px solid #304059;margin-left: -1px;flex:1 1;}

.tabZone ul li.active,.tabZone ul li:hover {background: linear-gradient(107.82deg,#5ce4f7 2.47%,#448fb9 40.06%,#0c72ab 76.13%)}
.tabZone ul li a {color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.tabZone ul li i {color: var(--txtColor94);background: linear-gradient(353.95deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 97.43%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
    font-size: 25px;transition: .3s ease-out;margin-right: 5px
}
.tabZone ul li.active i,.tabZone ul li:hover i {color: var(--txtColor94);background: none;-webkit-background-clip: inherit;-webkit-text-fill-color: inherit}
.listbox {display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top:10px}
.listbox > div {width:32%;margin-bottom: 10px;}
.listbox > div .tit {padding:10px;border:1px solid #444;cursor:pointer;border-radius: 8px;background:#040404}
.listbox > div .tit a {background: #0746ff;color: #fff;padding: 5px 10px;border-radius: 5px;}



/*   룰렛  */
.cp_bg {background: url(/images/roulbg_n.jpg?v5) no-repeat top center; background-size: 1057px 807px;text-align: center;margin: 0 auto; position: relative;min-height: 807px; height:810px;     border-radius: 16px;  padding-top: 197px;}
.cp_bg.premium {background: url(/images/roulbg_p.jpg?v5) no-repeat top center;background-size: 1057px 807px;}
.cp_inner {width: 600px; margin: 0 auto; position: relative;}
#myCanvas { z-index: 1;    margin-top: -6px;}
#prizePointer { position: absolute;  right: 144px; top: -8px; z-index: 999;}
img.cursor {    position: absolute;left: 277px;top: -7px;height: 69px;}
img.start {position: absolute; bottom: 24px; right: 67px;cursor: pointer;height:116px}
img.start_center {position: absolute;top: 227px;right: 237px;cursor: pointer;height: 128px;}

.cpnum_area {position: absolute; bottom:148px;right: 60px;}
.cpnum_area span {color:#ffcc00;font-size: 28px; font-weight: bold;display:block;line-height: 58px; }

.btn-1 { position: absolute; right: 18px; bottom: 282px;transform: scale(1);height:70px; transition: all 0.3s ease-in-out;cursor:pointer;}
.btn-1:hover { transform: scale(1.05);}

h2.notice {margin: 10px auto 10px auto;text-align: center; font-size: 20px; font-weight: bold; color: #ff6600;border:2px solid #ff6600;padding:10px;border-radius: 8px;} 
.cplist td {text-align:center}

.cpnum_area_m {display: none;}

@media screen and (max-width:980px) {
	.cp_bg,.cp_bg.premium {min-width:340px;overflow-x: hidden;background-size: 630px;padding-top: 110px;min-height: auto;height: inherit;margin-bottom: 10px;padding-bottom: 20px;}
	.cp_inner {width:340px;height: 340px;display: flex;align-items: center;justify-content: center;}
    img.cursor_m {position: absolute;top: 0;z-index: 11;height: 45px;}
	img.start_m {height: 90px;right: 125px;bottom: 120px;position: absolute;z-index: 9;}
	#myCanvas {width:310px;margin-top:16px}

    .cpnum_area_m {display: flex;align-items: center;gap: 10px;}
    .cpnum_area_m span {color:#ffcc00;font-size: 19px; font-weight: bold;display:block;background: #264315;border-radius: 8px;padding: 5px;text-align: center;}
    .btn-1_m { height:60px; margin-left: auto;}

    
}



.company_list {display: flex;align-items:start;justify-content: center;gap:20px;padding:15px;border-radius: 15px;border:1px solid #37404f;flex-wrap: wrap;}
.company_list > div {position: relative;width: 32.7%;text-align: center;max-width: 360px;}
.company_list > div a {    position: relative;}
.company_list > div a.mother > span {    position: absolute;
    bottom: 26px;
    background: linear-gradient(0deg, #fefdbe,#f0d785,#e5ba5c, #f7dd73);
    left: 115px;
    height: 18px;
    width: 68px;
    color: #000;
    font-weight: 700;
    text-align: right;
    font-size: 15px;
    ;}
.company_list > div .text-h6 {display: none;width:100%;text-align: center;cursor: pointer;padding-top: 30px;}
.company_list > div:hover .text-h6 {display: block;height: 100%; background: rgb(0 0 0 / 40%);}
.company_list > div table  td{text-align: center;}
.company_list > div table th { min-height:26px;padding:4px 0; text-align: center;  border-left: 3px solid red;    background: linear-gradient(90deg, #50080e, #141414);width:25%;color: #ebebeb;text-shadow: 2px 0 3px rgba(0, 0, 0, .37);}


.d-flex.align-center.justify-center span {width:100%}

.pagination {margin:20px auto;justify-content: center;}
.page-link {background-color: #fff;color:#222}

.pttab {gap:10px;margin-bottom:5px}
.pttab a {background: repeating-linear-gradient(45deg, black, transparent 88px);border-radius: 5px;padding:0 10px;height:40px;display: flex;align-items: center;justify-content: center;font-size: 14px;color:#fff;min-width:110px}
.pttab a.active {background:repeating-linear-gradient(45deg, black, #4d56cf 88px)}
.pttab a:hover {filter: brightness(1.1);}


.scoretab {margin-bottom: 10px;}
.scoretab button {flex: 1 1;border-top-left-radius:0 !important;border-top-right-radius:0 !important;display: flex;align-items: center;justify-content: center;height: 50px;font-size: 15px;gap:5px;color: #fff;background: #242937; box-shadow: none;   border-right: 1px solid #444 !important;}
.scoretab.nav-tabs .nav-item.show .nav-link, .scoretab.nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #242937 !important;
    border-color: #444 !important;
}
.scoretab.nav-tabs .nav-link:hover {  color: #fff !important;   border-color: #444 !important;}
.scoretab.nav-tabs .nav-link.active {background-color: #2b334d !important;}

.tab-content iframe {margin:0 auto}

.board_title_div {margin-top: 0px;padding:0 0px;display: flex;align-items: center;height: 46px;flex-wrap: wrap;}
.board_title_div .title {font-size: 20px;color:#000;font-weight: 700;    margin-right: 30px;    margin-left: 5px;}
.view_info {color:#6c757d;height: 40px;display: flex;align-items: center;gap: 15px;}
.view_info .writer {display: flex;align-items: center;gap: 4px;}
.view_info .writer img {height: 20px;}
.view_info  li{display: flex;align-items: center;gap: 5px;}
.rbtn {display: flex;align-items: center;gap: 5px;}
.rbtn a {display: flex;align-items: center;gap: 5px;    border-radius: 5px;border: 1px solid #999;padding: 5px 10px;}

@media screen and (max-width:980px) {
    .board_title_div {height: auto;}
    .board_title_div .title {width:100%;margin-right: 0;}
    .view_info {width: 100%;    height: 30px;}

    .astitle {white-space: nowrap;overflow-x: auto;}
}


.bo_v_con {min-height: 200px;color:#000;font-size: 16px;;}

.goodbad {display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.goodbad button {position: relative;}
.btn-basic {border: 1px solid #ddd;background-color: #fff;}
.goodbad #btn_bo_good {background:#fe7501; color:#fff !important; border:1px solid #fe7501; border-right:0 !important; border-radius:10px 0 0 10px; font-size:1rem; width:130px; padding:10px 45px 10px 10px; text-align:right;}
.goodbad #btn_bo_good:hover {background:#e8730f;}
.goodbad #btn_bo_good img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.goodbad #btn_bo_good #wr_good {font-weight:normal; position:absolute; left:10px; width:44px; text-align:center;}
.goodbad #btn_bo_nogood {border-radius:0 10px 10px 0; font-size:1rem; width:130px; padding:10px 10px 10px 36px; text-align:left; color:#666 !important; border-left:0 !important; margin-left:0;}
.goodbad #btn_bo_nogood img {position:absolute; top:50%; left:0; transform:translateY(-50%);}
.goodbad #btn_bo_nogood #wr_nogood {font-weight:normal; position:absolute; right:10px; width:44px; text-align:center;}

.reply_wrap {margin:50px 0;}
.reply_wrap .count {color:#000;font-size: 14px;}
.reply_wrap .count span {color:#ff4500;}
.reply_wrap .cont {    border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6;}
.reply_wrap .cont .empty {display:flex;align-items: center;justify-content: center;height: 80px;}

.gallery-list {margin-top: 10px;display: flex;align-items: flex-start;justify-content: left;gap: 10px;flex-wrap: wrap;    padding: 10px;background: #f4f5f6;}
.gallery-list a {flex:0 0 24.2%;overflow: hidden;}
.gallery-list a .auth {    font-size: 13px;color: #777;}
.gallery-list a .thumb {width: 100%;border-radius: 5px;overflow: hidden;max-height: 170px;min-height: 170px;}
.gallery-list a .thumb img {height: 100%;min-height: 170px;}
.gallery-list a .title {color:#000;font-weight: 700; display: block;text-align: center; height: 30px;line-height:30px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gallery-list a .social {display: flex;align-items: center;height: 20px;font-size: 14px;gap: 10px;}
.gallery-list a .social span {display: flex;align-items: center;gap: 3px;}
.gallery-list a .social span.reply {color:#e91b23}
.gallery-list a .social span.like {color:#3498db}
.gallery-list a .social span.viewcount {color:#222}


.ev-list {margin-top: 0px;display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;flex-wrap: wrap;padding-top: 5px;}
.ev-list a {flex:0 0 24.2%;position: relative;}
.ev-list a .ing {background: #f2f2f2;font-size: 14px;position: absolute;top: 0;left: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;z-index: 1;border-radius: 10px 10px 0 0;    font-weight: 700;}
.ev-list a .thumb {width: 100%;border-radius: 10px;overflow: hidden;    margin-top: 45px;    text-align: center; }
.ev-list a .thumb img {border-radius: 10px;}
.ev-list a .title {color:#000;display: flex;align-items: center;justify-content: center; height: 30px;font-size: 14px;padding: 0 5px;white-space: nowrap;text-overflow: ellipsis; max-width: 250px;overflow: hidden;margin: 0 auto;}
.ev-list a .date {display: flex;align-items: center;justify-content: center;background:#efefef;height:30px;border-radius: 5px;;}

.ev-list.gift a {border:1px solid #ccc;border-radius: 10px;position: relative;overflow: hidden;}
.ev-list.gift a .title {justify-content: space-between;}
.ev-list.gift a .title > span {display: flex;align-items: center;gap:3px;color:#fe7501;font-weight: 700;}
.ev-list.gift a .coin {width: 93%;background:#fe7501;margin: 0px auto 10px auto;height: 36px;border-radius: 8px;color:#fff;font-weight: 700;padding: 0 10px;}
.ev-list.gift a .coin > span {display: flex;align-items: center;gap:3px;}
.ev-list.gift a:hover .hover,.ev-list.gift a.active .hover {display: flex;}
.ev-list.gift a .hover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;align-items: center;justify-content: center;background:rgba(0, 0, 0, .6);color:#fff;z-index: 9;font-size: 16px;font-weight: 700;}

.astitle button.mygift {border:1px solid #fe7501;background:none;display: inline-flex;align-items: center;padding: 0 10px;height:30px;margin-left: auto;border-radius: 3px;}

.ev_view_title {margin-top: 20px;gap: 10px;align-items: flex-start;}
.ev_view_title > img {width: 30%;border-radius: 10px;}
.ev_view_title .left {width: 70%;}
.ev_view_title .left .ing {    height: 44px;background:#ed6d01;display: flex;align-items: center;justify-content: center;border-radius: 10px;text-align: center;color: #fff;box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);}
.ev_view_title .left .bydate {margin-top: 10px;background: #fff;box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);height: 44px; border-radius: 10px;   border: 1px solid #e8e9eb;}
.ev_view_title .left .bydate h5 {border-radius: 10px 0 0 10px;background: #333;display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 100%;color:#fff;font-size: 13px;}
.ev_view_title .left .bydate span {display: flex;align-items: center;justify-content: center;width: 88%;}

.ev_view_title .left .earnpoint {margin-top: 10px;background: #fff;box-shadow: 5px 5px 8px rgb(50 60 70 / 10%); border-radius: 10px;   border: 1px solid #e8e9eb;}
.ev_view_title .left .earnpoint h5 {background: #333;display: flex;align-items: center;justify-content: center;border-radius: 10px 10px 0 0; height:40px;color:#fff;font-size: 13px;}
.ev_view_title .left .earnpoint .point {display: flex;align-items: center;justify-content: center;min-height: 170px;}



/* /point/gift_exchange */
.ev_view_title .item {position: relative;border:1px solid #ccc;border-radius: 10px;}
.ev_view_title .item .ing {background: #f2f2f2;font-size: 14px;position: absolute;top: 0;left: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;z-index: 1;border-radius: 10px 10px 0 0;    font-weight: 700;}
.ev_view_title .item .title {color:#000;display: flex;align-items: center;justify-content: space-between; height: 30px;font-size: 14px;padding: 0 5px;white-space: nowrap;text-overflow: ellipsis; max-width: 250px;overflow: hidden;margin: 0 auto;}
.ev_view_title .item .title > span {display: flex;align-items: center;gap:3px;color:#fe7501;font-weight: 700;}
.ev_view_title .item .thumb {width: 100%;    max-width: 280px; border-radius: 10px;overflow: hidden;    margin-top: 45px;    text-align: center; }
.ev_view_title .item .thumb img {width: 100%;    border-radius: 10px;}
.ev_view_title .item .coin {width: 93%;background:#fe7501;margin: 0px auto 10px auto;height: 36px;border-radius: 8px;color:#fff;font-weight: 700;padding: 0 10px;}
.ev_view_title .item .coin > span {display: flex;align-items: center;gap:3px;}

@media screen and (max-width:980px) {
    .ev_view_title .item {width: 100%;}
    .tbl_bo_safety_info td a.gobuy {width: 100% !important;}
    .ev_view_title .item .thumb {max-width: inherit;}
}

.bo_event_view_con_line {position: relative;margin: 20px 0;     padding: 3px 5px;   background: #f4f4f4;border-radius: 8px;}

.bo_event_view_con_line .text {font-size: 14px;padding: 7px 15px;}
.bo_event_view_con_line .text.active {    border: 1px solid #fe7501;color: #fe7501;}
.bo_event_view_con_line .text {position: relative;z-index: 2;display: inline-block;padding: 7px 25px;font-weight: bold;border-radius: 8px;border:1px solid transparent; }
.bo_event_view_con_line .bar {position: relative;z-index: 1;background-color: #ed6d01 !important;width: 100%;height: 4px;margin-top: -4px}

.view-content {font-size: 18px;padding-top: 10px;padding-left: 1rem;}
.view-content img {width: 100%;}

.event_con {margin-bottom: 50px;}
.event_con .partion {height: 50px;font-size: 16px;}
.event_con .choice_w {gap: 5px;margin-top: 20px;}
.event_con .choice_w a { flex:1 1;  padding: 30px 10px;border-radius: 15px;background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);border: solid 1px #ddd;box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);text-align: center;}
.event_con .choice_w a > div {margin: 0 0 8px 0;color: #043bc7;font-size: 30px;font-weight: 500;letter-spacing: -1px;}
.event_con .choice_w a > p {    font-size: 16px;}

.event_con .result {font-size: 25px;font-weight: 700;line-height: 160%;text-align: center;margin: 50px 0;}

.event_user {}
.event_user .title {font-size: 16px;color:#000}
.event_user .title > div {font-size: 20px;font-weight: 700;}

.event_user table {margin: 10px 0;font-size: 15px;border-spacing: 0;}
.event_user table th {height: 44px;background:#333;color:#fff;text-align: center;}
.event_user table th:first-child {border-radius: 10px 0 0 0;}
.event_user table th:last-child {border-radius:0 10px 0 0;}

.event_user table td {height: 44px;text-align: center;border-bottom: 1px solid #e8e9eb;}

.board-content-container {padding:10px}



/* 포인트 공유 */
.pttitle {margin: 20px 0;gap: 15px;border-bottom: 1px solid #eee;height: 30px;}
.pttitle h5 {color:#333;font-weight: 700;font-size: 16px;}
.pttitle small {color:#666;font-weight: 700;font-size: 12px;}

.point_share_top {justify-content: space-between;display: flex;align-items: center;margin-bottom: 5px;}
.point_share_top button.reload {    height: 28px;min-width: 50px;border-radius: 14px;padding:0 20px;    background: #fbc02d;border: 3px solid #fbc02d ;color: #000 ;}
.point_share_top .sort_w input {text-align: center;padding: 0 10px;background: transparent;border: 1px solid #fbc02d;color: #eee;height: 28px;min-width: 50px;border-radius: 14px;}
.point_share_top .sort_w button {height: 28px;min-width: 50px;padding: 0 10px;border-radius: 14px;border: 1px solid transparent;box-shadow: none;}
.point_share_top .sort_w button.all {background: transparent;color: #fff;border-color:#fff;}
.point_share_top .sort_w button.success {background: transparent;color: #1ba54c;border-color:#1ba54c;}
.point_share_top .sort_w button.fail {background: transparent;color: #a52a2a;border-color:#a52a2a;}

.count {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    font-size: .89rem;
    font-weight: bolder;
    padding: 2px 3px;margin-left: 5px;
}

.page > .tac > .col {min-height: 600px;}




/* 블랙검색 */
body.white .search_wrap {color:#fff}
.search_wrap {background:linear-gradient(45deg, #151e23, #3b638b);text-align: center;padding: 20px 10px;border-radius: 10px;margin-bottom: 5px;}
.search_wrap h3 {font-size: 40px;font-weight: 900;}
.search_wrap h5 {font-weight: 900;margin-top: 10px;}

.search_wrap .search-zone {width: 100%;max-width: 400px;  height:50px;background: #fff;  margin: 20px auto;display: flex;align-items: center;justify-content: space-between;padding: 0 15px;}
.search_wrap .search-zone input {background: none;outline: 0;height: 100%;width: 80%;border: 0;}
.search_wrap .search-zone input::placeholder {color:#111}
.search_wrap .search-zone i {color:#111;font-size: 18px;}


.threat-write { display:none; background: linear-gradient(45deg, #151e23, #3b638b); padding: 10px;margin-bottom: 5px;border-radius: 10px; }
.threat-write.active {display: block;}
.threat-write input { margin: 5px 2px;border:0;height:30px;  padding:0 10px;   background: #fff;border-radius: 4px;width: 16%;}
.threat-write input::placeholder {color:#111;}
.threat-write .threat-info { width: 89%; }
.threat-write select { width: 110px; margin: 5px 2px; }
.threat-write button { margin: 0 auto; display: inline-block; height: 32px; line-height: 30px; margin-left: 2px; background-color: #0069ae;color:#fff;font-size: 14px;border-radius: 5px;padding: 0px 30px; }


.chart-view-threat { padding: 20px; background: linear-gradient(-45deg, #151e23, #3b638b); margin-bottom: 5px;border-radius: 10px; }
.chart-view-threat ul:after {content:""; display:block; clear:both;}	
.chart-view-threat ul { padding: 0; margin: 0; }
.chart-view-threat ul li { width: 25%; float: left; border-right: solid 1px #516b91; display: inline-block; text-align: center;color:#ccc }
.chart-view-threat ul li span { font-size: 30px; color: #fff; font-weight: bold; display: block; text-align: center; margin: 15px 0; }
.chart-view-threat ul li:last-child { border-right: none; }
.chart-view-threat ul li:last-child strong { color: #1f1142; }
.chat-bottom-notice {padding-top: 10px; font-weight: bold; color: #d90000; font-size: 16px; text-align: center; display: block;}	
.wanted-txt	{animation-name: wanted;   animation-duration: 0.5s;	animation-iteration-count: infinite;	}
	
.searchbtn_w {margin-bottom: 5px;height: 50px;display: none;}
.searchbtn_w.active {display: flex;}
.searchbtn_w button {background-color: #0069ae;color:#fff;font-size: 14px;border-radius: 5px;padding: 10px 30px;}

.boardtab {margin: 10px 0;}
.boardtab ul {display: flex;align-items: center;justify-content: left;    border-left: 1px solid #e5e5e5;}
.boardtab ul li {}
.boardtab ul li a { padding:10px;min-width: 50px;  display: block;text-align: center;border: 1px solid #e5e5e5;border-left: 0;color: #333;background: #fafafa;}
.boardtab ul li.active a {    font-weight: bold;background: #fff;border-bottom: 1px solid #fff;}
.boardtab hr {display: block;border-top: 1px solid #e5e5e5;height: 1px;margin: 0;margin-top: -1px;padding: 0;    opacity: 1;}





/*   포인트  */

/* 포인트 게시판 규정안내 */
.bo_point_guide {position:relative; padding:10px; margin:0 auto 0px auto; display: flex;align-items: flex-start;    border: 1px solid #ddd;background: #fff;}
.bo_point_guide .inner {padding-bottom:18px;width: 32%;}
.bo_point_guide .inner:last-child {padding-bottom:0;}
.bo_point_guide .title {position:relative; font-size:16px; font-weight:bold; margin-bottom:0px; color:#000; padding:5px 0; display:inline-block;border-top:4px solid #fe7501;word-break:break-all; line-height:1.4; z-index:1;}
.bo_point_guide .title span {font-weight:normal;}
.bo_point_guide .title span.small {font-weight:bold; font-size:14px;}
.bo_point_guide .con {position:relative; padding:8px 5px 0; z-index:1;color:#666}
.bo_point_guide .bg_img {position:absolute; bottom:0; right:0;}
.bo_point_guide .bg_img2 {right:57px; max-height:95%;}
.bo_point_guide ul li {position:relative; padding:1px 0 1px 20px; padding-left:20px; font-size:15px; font-weight:bold; }
.bo_point_guide ul li::after {content:'-'; position:absolute; /* top:50%; transform:translateY(-50%); */ top:6px; left:0; color:#333; line-height:1;}
.bo_point_guide .btn_bo_safety_wrap {padding-top:6px; padding-bottom:12px;}
.bo_point_guide .btn_bo_safety_wrap::after {content:'';}
.bo_point_guide ul li span:first-child {padding-right:3px;}
.bo_point_guide ul li span.small {font-size:85%; font-weight:inherit; align-self:end;}
.bo_point_guide ul li div {width:100%;}
.bo_point_guide  a.btn_bo_safety {position:relative; top:0; display:inline-block; background:#fe7501; color:#fff; font-weight:bold; font-size:13px; padding:2px 10px 0; padding:5px 12px; border-radius:5px; transition:background .15s;}
.bo_point_guide  a.btn_bo_safety:hover {background:#d16000;}
.bo_point_guide  a.btn_bo_safety img {vertical-align:top; margin-top:3px; margin-left:2px;}
.bo_point_guide ul li a.btn_bo_point_notice {display:inline-block; background:#404040; color:#fff; font-weight:bold; padding:2px 8px 0; padding:3px 8px 1px; border-radius:5px; font-size:13px; margin-left:3px; transition:background .15s;}
.bo_point_guide ul li a.btn_bo_point_notice:hover {background:#222;}
.bo_point_guide ul li a.btn_bo_point_notice img {vertical-align:top; margin-top:4px;}
@media (max-width: 991px) {
.bo_point_guide {margin-top:0;}
.bo_point_guide .bg_img {display:none;}
}
@media (max-width: 767px) {
.bo_point_guide {padding-top:16px; padding-bottom:12px; margin-bottom:15px;flex-wrap: wrap;}
.bo_point_guide .inner {padding-bottom:9px;        width: 100%;}
.bo_point_guide .title {font-size:18px; padding:8px 15px 6px 10px; margin-bottom:5px;}
.bo_point_guide .title span.small {font-size:13px;}
.bo_point_guide .con {padding:4px 10px 0;}
.bo_point_guide ul li {font-size:14px; padding:2px 0 2px 15px; padding-left:15px;}
.bo_point_guide .btn_bo_safety_wrap {padding-top:4px; padding-bottom:10px;}
.bo_point_guide  a.btn_bo_safety {top:0;}
.bo_point_guide  a.btn_bo_safety img {margin-top:3px;}
}
/* 포인트 게시판 지급완료 금액 */
.bo_point_complete {text-align:center;}
.bo_point_complete:after {display:block; content:''; visibility:hidden; clear:both;}
.bo_point_complete .text {display:inline-block; font-size:26px; font-weight:bold; letter-spacing:-0.05rem; margin-right:5px;}
.bo_point_complete .text span {color:#fe7501;}
.bo_point_complete .price {display:inline-block; font-size:34px; font-weight:bold; letter-spacing:-0.05rem;}
.bo_point_complete .price > span {display:inline-block;}
.bo_point_complete .price > span:first-child {margin-left:0;}
.bo_point_complete .price .num {font-family:'Montserrat','Noto Sans KR',sans-serif; color:#fe7501; line-height:1;}
.bo_point_complete .price .comma {padding-bottom:8px; color:#cb1e1e; line-height:1;}
.bo_point_complete .price .won {font-size:28px; margin-left:5px; vertical-align:top; margin-top:5px;}
@media (max-width: 767px) {
.bo_point_complete {margin-bottom:15px; padding-bottom:0 !important;        width: 100%;}
.bo_point_complete .text,
.bo_point_complete .price {display:block; text-align:center}
.bo_point_complete .text {font-size:18px; margin-right:0;}
.bo_point_complete .price {margin:5px 0; font-size:26px;}
.bo_point_complete .price img {width:50px; margin-right:5px;}
.bo_point_complete .price .num {*padding:7px 8px 3px 7px;}
.bo_point_complete .price .won {font-size:22px; margin-left:6px;}
}
/* 포인트 교환일 카운트 다운 */
.bo_point_remain_time_wrap {text-align:center; margin-bottom:30px;}
.bo_point_remain_time {display:flex;align-items: center; max-width:100%; background:#fff; border-radius:8px; border:2px solid #fe7501; padding:1px 46px 1px 15px; box-shadow:0px 4px 6px rgb(223 55 55 / 20%); -webkit-box-shadow:0px 4px 6px rgb(223 55 55 / 20%); -moz-box-shadow:0px 4px 6px rgb(223 55 55 / 20%);}
.bo_point_remain_time:after {display:block; content:''; visibility:hidden; clear:both;}
.bo_point_remain_time i {display:inline-block; vertical-align:middle; margin-right:5px;}
.bo_point_remain_time strong {display:inline-block; vertical-align:middle; color:#fe7501; font-size:24px; font-family:'Montserrat','Noto Sans KR',sans-serif; letter-spacing:-0.08rem;}
.bo_point_remain_time span {display:flex;align-items: center;gap: 5px; vertical-align:middle; font-weight:bold; color:#333; margin-top:3px; margin-left:8px; font-size:18px;}
@media (max-width: 991px) {
.bo_point_remain_time i {margin-right:20px;}
}
@media (max-width: 767px) {
.bo_point_remain_time_wrap {margin-bottom:15px;        width: 100%;}
.bo_point_remain_time {height:auto; line-height:inherit; padding:3px 25px; border-radius:36px;}
.bo_point_remain_time i {margin-top:-1px; margin-right:0;}
.bo_point_remain_time i img {width:16px;}
.bo_point_remain_time strong {font-size:18px;}
.bo_point_remain_time span {display:block; font-size:14px; margin-top:0; margin-left:0;}
}


@media (max-width: 991.98px) {	
	.bo_point_list_head {
		font-size: 20px;
	}

	.bo_point_list_head img {
		margin-top: -1px;
	}

	.bo_point_list_payment_day .text {
		font-size: 15px;
		margin: 0 5px;
	}
	
	.bo_point_list_wrap table tr th,
	.bo_point_list_wrap table tr td {font-size:12px;}
	.bo_point_list_wrap table .d-table-cell.tc_num {width:10%;}
	.bo_point_list_wrap table .d-table-cell.tc_name {width:16%;}
	.bo_point_list_wrap table .d-table-cell.tc_nick {width:17%;}
	.bo_point_list_wrap table .d-table-cell.tc_href {width:49%;}
	.bo_point_list_wrap table .d-table-cell .wr_result {font-size:12px; padding:2px 5px; border-radius:4px;}

	.btn_bo_point_cancel {
		width: 21px;
		height: 21px;
	}

	.btn_bo_point_cancel img {
		width: 9px;
	}


	.btn_bo_point_status_confirm {
		font-size: 12px;
	}

	.bo_point_adm_menu .d-table-cell.tc_cancel {
		width: 6.5% !important;
	}

	.bo_point_hold_reason {
		font-size: 12px;
	}

	.bo_safety_info_tbl_wrap .tbl_bo_safety_info tr td .info_div_wrap1 div {
		min-width: 100px;
		padding: 0 !important;
		font-size: 13px;
		min-width: unset;
		width: calc(100% / 3);
		text-align: left;
	}

}

@media (max-width: 575.98px) {
	.bo_point_adm_menu .d-table-cell.tc_cancel {
		width: 0 !important;
	}

	.bo_point_list_wrap tr td .icon_d_o img {
		width: 18px;
	}
}

.whitebox {background:#fff;padding: 5px;margin-top: 10px;}

.pointcomp-list {margin-top: 10px;display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;flex-wrap: wrap;padding: 10px;background: #fff;}
.pointcomp-list > div {flex:0 0 49.5%;position: relative;background: #fff;border-radius: 8px;}
.pointcomp-list > div h5.site_name {display: flex;align-items: center;height: 30px;border-top:1px solid #fe7501;border-bottom:1px solid #fe7501;color:#fe7501;padding: 0 20px;margin-top: 10px;justify-content: space-between;font-weight: 700;}
.pointcomp-list > div h5.site_name small {font-size: 13px;color:#666}
.pointcomp-list > div .ing {background: #ed6d01;font-size: 14px;position: absolute;top: 0;left: 0;height: 30px;line-height: 30px;color: #fff;text-align: center;z-index: 1;border-radius: 10px 0px 10px 0;padding: 0 15px;font-weight: 700;}
.pointcomp-list > div a {padding: 10px;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);align-items: flex-start;}
.pointcomp-list > div .thumb {width: 50%;border-radius: 10px;overflow: hidden; }
.pointcomp-list > div a ul {padding: 10px;}
.pointcomp-list > div a ul li {display: flex;align-items: center;line-height: 20px;color:#666;gap: 3px;}
.pointcomp-list > div a ul li > i {color:#fe7501}
.pointcomp-list > div a ul li b {color:#f32c46}
.pointcomp-list > div .title {color:#000;display: flex;align-items: center;justify-content: center; height: 30px;font-size: 14px;}
.pointcomp-list > div .date {display: flex;align-items: center;justify-content: center;background:#efefef;height:30px;border-radius: 5px;;}


.pointcomp-list > div table {width:100%; border-collapse:separate; border-spacing:0;margin-top: 10px;font-size: 14px;}
.pointcomp-list > div table tr th {width:90px;text-align:center;border:1px solid #333;border-bottom:1px solid #424242;border-top:0;background:#333;color:#fff;font-weight:normal;height:34px;letter-spacing:-0.05rem;}
.pointcomp-list > div table tr td {width:calc(100% - 90px);word-break:break-all;height:34px;overflow:hidden;text-align:center;border:1px solid #e8e9eb; border-top:0;background:#fff;}
.pointcomp-list > div table tr td.site_name {font-weight:bold; color:#555;}
.pointcomp-list > div table tr td.site_deposit {font-weight:bold; color:#555;}
.pointcomp-list > div table tr td.site_code {font-weight:bold; color:#fe7501;}
.pointcomp-list > div table tbody tr:first-child th {border-top:1px solid #333; height:35px; border-radius:5px 0 0 0;}
.pointcomp-list > div table tbody tr:first-child td {border-top:1px solid #e8e9eb; height:35px; border-radius:0 5px 0 0;}
.pointcomp-list > div table tbody tr:last-child th {border-radius:0 0 0 5px;}
.pointcomp-list > div table tbody tr:last-child td {border-radius:0 0 5px 0;}
.pointcomp-list > div .btn_safety_view {margin-top:10px;border:2px solid #333; color:#000;display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 5px;font-size: 16px;gap: 4px;cursor: pointer;}


.pointcomp-list2 {margin-top: 10px;display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;flex-wrap: wrap;padding: 10px;}
.pointcomp-list2 > div {flex:0 0 22.5%;position: relative;background: #fff;border-radius: 8px;}
.pointcomp-list2 > div h5.site_name {display: flex;align-items: center;height: 30px;border-top:1px solid #fe7501;border-bottom:1px solid #fe7501;color:#fe7501;padding: 0 20px;margin-top: 10px;}
.pointcomp-list2 > div .ing {background: #ed6d01;font-size: 14px;position: absolute;top: 0;left: 0;height: 30px;line-height: 30px;color: #fff;text-align: center;z-index: 1;border-radius: 10px 0px 10px 0;padding: 0 15px;font-weight: 700;}
.pointcomp-list2 > div .thumb {width: 100%;border-radius: 10px;overflow: hidden; }
.pointcomp-list2 > div a ul {padding: 10px;}
.pointcomp-list2 > div a ul li {display: flex;align-items: center;line-height: 20px;color:#666;gap: 3px;}
.pointcomp-list2 > div a ul li > i {color:#fe7501}
.pointcomp-list2 > div a ul li b {color:#f32c46}
.pointcomp-list2 > div .title {color:#000;display: flex;align-items: center;justify-content: center; height: 30px;font-size: 14px;}
.pointcomp-list2 > div .date {display: flex;align-items: center;justify-content: center;background:#efefef;height:30px;border-radius: 5px;;}


.pointcomp-list2 > div table {width:100%; border-collapse:separate; border-spacing:0;margin-top: 10px;font-size: 14px;}
.pointcomp-list2 > div table tr th {width:90px;text-align:center;border:1px solid #333;border-bottom:1px solid #424242;border-top:0;background:#333;color:#fff;font-weight:normal;height:34px;letter-spacing:-0.05rem;}
.pointcomp-list2 > div table tr td {width:calc(100% - 90px);word-break:break-all;height:34px;overflow:hidden;text-align:center;border:1px solid #e8e9eb; border-top:0;background:#fff;}
.pointcomp-list2 > div table tr td.site_name {font-weight:bold; color:#555;}
.pointcomp-list2 > div table tr td.site_deposit {font-weight:bold; color:#555;}
.pointcomp-list2 > div table tr td.site_code {font-weight:bold; color:#fe7501;}
.pointcomp-list2 > div table tbody tr:first-child th {border-top:1px solid #333; height:35px; border-radius:5px 0 0 0;}
.pointcomp-list2 > div table tbody tr:first-child td {border-top:1px solid #e8e9eb; height:35px; border-radius:0 5px 0 0;}
.pointcomp-list2 > div table tbody tr:last-child th {border-radius:0 0 0 5px;}
.pointcomp-list2 > div table tbody tr:last-child td {border-radius:0 0 5px 0;}
.pointcomp-list2 > div .btn_safety_view {margin-top:10px;border:2px solid #333; color:#000;display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 5px;font-size: 16px;gap: 4px;cursor: pointer;}

.listcount {margin-top: 10px;color:#666;font-size: 13px;}
.gallerysearch {margin-top: 10px;}
.gallerysearch .ginputw {border:1px solid #ccc;border-radius: 5px;display: flex;align-items: center;height:36px}
.gallerysearch .ginputw input {border:0;background:none;padding:0 10px;height: 34px;outline: 0;width: 90%;}
.gallerysearch .ginputw button {cursor: pointer;border:0;background:none;    display: flex;align-items: center;}

@media (max-width:575px) {
	.pointcomp-list > div .img-wrap {float:left; width:38%; height:92px; margin-right:10px; padding-bottom:0 !important;}
	.pointcomp-list > div .img-wrap .img-item {position:unset;}
	.pointcomp-list > div .img-wrap .img-item img {height:100%;}
	.pointcomp-list > div .img-wrap .img-hover-cover {font-size:18px;}
	.pointcomp-list > div {float:left; width:calc(100% - 38% - 10px); margin-top:0;}
	.pointcomp-list > div table tr th {width:42%;}
	.pointcomp-list > div table tr th,
	.pointcomp-list > div table tr td {font-size:13px; padding:0 3px; height:29px;}
	.pointcomp-list > div table tr td {padding-top:2px;}
	.pointcomp-list > div table tr td.site_name img {max-width:15px;}
	.pointcomp-list > div table tbody tr:first-child th,
	.pointcomp-list > div table tbody tr:first-child td  {height:30px;}

    .pointcomp-list2 > div .img-wrap {float:left; width:38%; height:92px; margin-right:10px; padding-bottom:0 !important;}
	.pointcomp-list2 > div .img-wrap .img-item {position:unset;}
	.pointcomp-list2 > div .img-wrap .img-item img {height:100%;}
	.pointcomp-list2 > div .img-wrap .img-hover-cover {font-size:18px;}
	.pointcomp-list2 > div {float:left; margin-top:0;flex: 0 48.4%;}
	.pointcomp-list2 > div table tr th {width:42%;}
	.pointcomp-list2 > div table tr th,
	.pointcomp-list2 > div table tr td {font-size:13px; padding:0 3px; height:29px;}
	.pointcomp-list2 > div table tr td {padding-top:2px;}
	.pointcomp-list2 > div table tr td.site_name img {max-width:15px;}
	.pointcomp-list2 > div table tbody tr:first-child th,
	.pointcomp-list2 > div table tbody tr:first-child td  {height:30px;}


}


.tbl_bo_safety_info {width:100%; border-collapse:separate; border-spacing:0;}
.tbl_bo_safety_info tr th {width:150px;border-bottom:1px solid #ddd;border-top:0;font-weight:normal;height:53px;letter-spacing:-0.05rem;padding:8px 18px;font-size:16px;}
.tbl_bo_safety_info tr td {word-break:break-all;height:44px;overflow:hidden;border-bottom:1px solid #e8e9eb; border-top:0;padding:8px 16px;font-size:16px;color:#000;background:#fff;}
.tbl_bo_safety_info tr:first-child th {border-bottom:2px dashed #ddd; }
.tbl_bo_safety_info tr:first-child td {border-bottom:2px dashed #ddd; }

.tbl_bo_safety_info tr td.bo_safety_info_feature {font-size:14px;}
.tbl_bo_safety_info tr.bo_safety_info_game_wrap th {padding:7px 18px;}
.tbl_bo_safety_info tr.bo_safety_info_game_wrap td {padding:7px 16px;}
.tbl_bo_safety_info tr td .icon_safety_game {background:#edeef0; color:#666; padding:2px 7px 0; line-height:1.4; border-radius:5px; font-size:14px; margin-top:2px; margin-bottom:2px; margin-right:5px;display:inline-block;}
.tbl_bo_safety_info tr td .icon_safety_game:last-child {margin-right:0;}
.tbl_bo_safety_info tr td a.at-tip img {margin-top:1px;}


.tbl_bo_safety_info tr td .info_div_wrap1 div {
    position: relative;
    padding: 0 0px;
    letter-spacing: -0.05rem;
    font-size: 15px;
    min-width: 100px;
}
.tbl_bo_safety_info tr td .info_div_wrap1 div:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #ccc;
}
.tbl_bo_safety_info td input {outline: 0;border:1px solid #ddd;width: 100px;border-radius: 5px;height: 34px;text-align: center;margin-right: 10px;}
.tbl_bo_safety_info td small {color:#666}
.tbl_bo_safety_info td .notice {background:#ff6600;color:#fff;font-size: 13px;border-radius: 5px;padding:5px 10px;display: inline-block;}
.tbl_bo_safety_info td a.golist {background: #6c757d;display: inline-flex;align-items: center;justify-content: center;height: 40px;border-radius: 5px;padding: 0 20px;color:#fff;width: 100%;}
.tbl_bo_safety_info td a.gobuy {background: #ff6600;display: inline-flex;align-items: center;justify-content: center;height: 40px;border-radius: 5px;padding: 0 20px;color:#fff;width: 31.5%;}

.item_explain {background: #f2f2f2;border-radius: 10px;padding: 10px;}
.item_explain table th,.item_explain table td {border-bottom:1px dashed #ccc;min-height: 40px;padding: 10px 5px;}
.item_explain table th {width: 20%;}
.item_explain table th > b {color:#ff6600;border-top:2px solid #ff6600;font-size: 14px;height: 34px;display: inline-flex;align-items: center;justify-content: center;}

@media screen and (max-width:980px) {
    .item_explain table th > b {height: auto;}
    .tbl_bo_safety_info td small {display: block;}
}

.rule_w {border:1px solid #ddd;padding: 10px;    background: #fff;margin-bottom: 10px;}

.wraptitle {margin-top: 20px;text-align: left;}
.wraptitle .title {position: relative;font-size: 16px;font-weight: bold;margin-bottom: 0px;padding: 5px 0px;display: inline-block;border-top:4px solid #fe7501;line-height: 1.4;z-index: 1;}
.bg_gray_boxshadow_half .list-group-item {border: 0;}
.bg_gray_boxshadow_half .col-form-label {  text-align: left;  color: #444;padding-top: 0.7rem;font-size: 16px;width: 20%;}

.bg_gray_boxshadow_half .form-control {height:calc(1.5em + 1.5rem + 2px); padding:0.8rem 0.75rem 0.7rem 0.75em; border-radius:0.55rem;}
.bg_gray_boxshadow_half .col-lg-4 {position: relative;}
.bg_gray_boxshadow_half .icon_plus {position:absolute; /* top:calc(50% + 1px); transform:translateY(-50%); */ top:8px; right:54px; width:30px; height:30px; border:2px solid #db3232; color:#db3232; cursor:pointer; text-align:center; border-radius:6px;}
.bg_gray_boxshadow_half .icon_minus {position:absolute; /* top:calc(50% + 1px); transform:translateY(-50%); */ top:8px; right:20px; width:30px; height:30px; border:2px solid #db3232; color:#db3232; cursor:pointer; text-align:center; border-radius:6px;}
.bg_gray_boxshadow_half .icon_plus > div,
.bg_gray_boxshadow_half .icon_minus > div {position:relative; width:100%; height:100%;}

.bg_gray_boxshadow_half .icon_plus > div:before,
.bg_gray_boxshadow_half .icon_minus > div:after {content:''; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#db3232;}
.bg_gray_boxshadow_half .icon_plus > div:after {content:''; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:2px; height:14px; background:#db3232;}

.bg_gray_boxshadow_half .guide_text_price {color:#666; font-size:14px; padding-top:0.9rem; padding-bottom:0;}
.bg_gray_boxshadow_half .guide_text_nick {flex-basis:100%; color:#666; font-size:14px; padding-top:0.9rem; padding-left:calc(16% + 2.5rem + 15px)}
@media (max-width: 992px) {
    .bg_gray_boxshadow_half .guide_text_nick {padding-left:15px; padding-right:15px;}
}

.bo_point_info_guide_text {display:flex; justify-content:center; align-items:center; color:#e33030; font-size:16px; font-weight:bold; margin:30px 0 40px;}
.bo_point_info_guide_text span:first-child {align-self:flex-start; padding-right:5px;}
.bo_point_info_guide_text img {width:24px; margin-right:5px;}
@media (max-width: 768px) {
    .bo_point_info_guide_text {text-align:left; padding:0 15px; margin:15px 0 25px;}
}

.btnwpoint {gap: 10px;    width: 100%;margin-bottom: 50px;}
.btnwpoint #btn_submit {font-size:16px; font-weight:bold; width:120px; padding-left:0; padding-right:0; border-radius:8px;}
.btnwpoint #btn_cancel {background:#4e5461; color:#fff; font-size:16px; font-weight:bold; width:120px; padding-left:0; padding-right:0; border-radius:8px;}
.btnwpoint #btn_cancel:hover {background:#394358;}


.guide_top {position:relative; padding:4px 0;overflow:visible;}
.guide_top .title {position:relative; font-size:22px; font-weight:bold; margin-bottom:10px; color:#fff; padding:6px 65px 4px 30px; display:inline-block; border-radius:0 30px 30px 0; background:#fe7501; color:#fff word-break:break-all; line-height:1.4; z-index:1;}
.guide_top .con {position:relative; z-index:1;}
.guide_top ul li {position:relative; padding:2px 0px; font-size:15px; font-weight:bold; color:#333;}
.guide_top ul li.btn_bo_safety_wrap {padding-top:6px; padding-bottom:12px;}
.guide_top ul li.btn_bo_safety_wrap::after {content:'';}
.guide_top ul li span {}
.guide_top ul li span:last-child {padding-left:3px;}
.guide_top ul li span:last-child b {color:#fe7501; text-decoration:underline;}

@media (max-width: 768px) {
    .guide_top {padding-top:16px; padding-bottom:12px; margin-bottom:15px;}
    .guide_top .title {font-size:18px; padding:8px 15px 6px 15px; margin-bottom:5px;}
    .guide_top .con {padding:4px 10px 0;}
    .guide_top ul li {font-size:14px; padding:2px 5px;}
}

.guide_content {text-align:center; margin-top:40px;}
.guide_content .title {display: flex; align-items: center; justify-content: center; font-size:34px; font-weight:bold; letter-spacing:-0.08rem;}
.guide_content .title img {display:inline-block; vertical-align:top; margin-right: 10px;}
#guide_point .title img {margin:0 12px 0 0;}
#guide_level .title img {margin:3px 8px 0 0;}

@media (max-width: 992px) {
    .guide_content .title {font-size:28px;}
    .guide_content .title img {width:auto; height: 40px; line-height: 51px; }
    #guide_point .title img {margin-top:1px;}
    #guide_level .title img {margin-top:4px;}
}

@media (max-width: 768px) {
    .guide_content {margin-top:30px;}
    .guide_content .title {font-size:20px;}
    .guide_content .title img {width:auto; height: 28px; line-height: 51px; }
    #guide_point .title img {margin:-1px 5px 0 0;}
    #guide_level .title img {margin:2px 2px 0 0;}
}

.guide_content .tbl_wrap {margin-top:15px; border-radius:10px; overflow:hidden;}
.guide_content .tbl_wrap table {width:100%; border-spacing:0; padding:0;}
.guide_content .tbl_wrap table tr th {background:#4d5360; color:#fff; text-align:center; font-size:16px; font-weight:normal; letter-spacing:-0.02rem; padding:10px 0;}
.guide_content .tbl_wrap table tr td {background:#fff; color:#333; text-align:center; font-size:16px; border-bottom:1px solid #e8e9eb; letter-spacing:-0.02rem; padding:10px 0;}


.req_info .subtitle {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    font-weight: 600;
    padding: 10px 10px;
    color: #fff;
    background-color: #fe7501;
    border: 1px solid #fe7501;
}

.req_info .myorder {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    font-weight: normal;
    border: 1px solid #fe7501;
    padding: 10px;
    float: right;
}

.req_info .depositBox {
    position: relative;
    border: 1px solid #d5d5d5;
    background-color: #fefefe;
    margin: 10px 0 15px 0;
    padding: 0 10px;
}

.req_info .depositBox table {
    width: 100%;
}

.req_info .depositBox table th {
    text-align: left;
    padding-left: 10px;
    width: 170px;
    height: 40px;
    border-bottom: 1px dotted #D2D2D2;
}

.req_info .depositBox table td {
    border-bottom: 1px dotted #D2D2D2;
}

.req_info .depositBox table td .price {
    font-size: 18px;
    font-weight: bold;
    color: #fe7501;
}

.req_info .depositBox table .none {
    border-bottom: none;
}

.req_info .depositBox table td input {
    border: 1px solid #D9D9D8;
    height: 22px;
    padding: 0 5px;
}

.req_info .depositBox table td span.small {
    font-size: 11px;
    color: #848484;
}

.req_info .depositBox table td.msg {
    font-size: 14px;
}

.req_info .depositBox table td .check {
    width: 20px;
    height: 20px;
    border: none;
}

.req_info .chargeBtn .btn {
    display: block;
    width: 210px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #CC3300;
    border: 1px solid #9c1818;
    border-radius: 3px;
}

.req_info .chargeBtn .btn:hover {
    background-color: #b72e00;
}

#bo_gallery .bg_gray_boxshadow_half {
    border: 2px solid #f7f8fa;
    cursor: pointer;
}

#bo_gallery .bg_gray_boxshadow_half:hover {
    border: 2px solid #fe7501;
    border-radius: 13px;
}

.site_viewbtn {margin: 10px 0;gap: 5px;}
.site_viewbtn a {flex: 1 1; display: flex;align-items: center;justify-content: center;   border-radius: 5px;text-align: center;font-weight: bold;height: 40px;font-size: 14px;gap: 5px;}
.site_viewbtn a:first-child {border: 2px solid #333;color: #000;}
.site_viewbtn a:last-child {    border: 2px solid #fe7501;color: #fe7501;}

.bo_safety_info_tbl_wrap {width: -webkit-fill-available;}



/* 내정보 */
ul.table_ul {margin-top: 10px; display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;border-top: 1px solid #ddd;}
ul.table_ul li {flex: 0 50%;display: flex;align-items: center;border-bottom: 1px solid #ddd;}
ul.table_ul li > span {height:44px;display: flex;align-items: center;padding:0 20px}
ul.table_ul li > span.th {background:#eee;width:25%;color:#000;font-weight: 700;}
ul.table_ul li > span.td {width: 75%;}

.btnblue_my {margin-left: auto;background:#12569f;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;height:28px;color:#fff;padding: 0 20px;}
.lv_back {position: relative; margin-left: 20px;background:#fff;box-shadow: 3px 3px 5px #aaa;border-radius: 10px;display: flex;align-items: center;justify-content: center; height: 20px;width:200px;font-size: 12px;}
.lv_back > span {position: absolute;left: 0;top: 0;height:100%;background:#fe7501;border-radius: 10px;}
.lv_back > small {position: absolute;left: 0;top: 0;width:100%; height:100%;display: flex;align-items: center;justify-content: center;color:#fff;text-shadow: 0 1px 1px #000;font-weight: 700;}
.lv_back > span.wd10 {width: 10%;}
.lv_back > span.wd20 {width: 20%;}
.lv_back > span.wd30 {width: 30%;}
.lv_back > span.wd40 {width: 40%;}
.lv_back > span.wd50 {width: 50%;}
.lv_back > span.wd60 {width: 60%;}
.lv_back > span.wd70 {width: 70%;}
.lv_back > span.wd80 {width: 80%;}
.lv_back > span.wd90 {width: 90%;}

ul.table_ul li.wd100 {flex:0 100%}
ul.table_ul li.wd100 span.th {width: 12.6%;}
ul.table_ul li.wd100 span.td {width: 87.4%;}
ul.table_ul li.wd100 span.td img {height: 30px;}

.addmodi {background: #fff;border: 1px solid #ddd;border-radius: 4px;height: 30px;width:512px;margin-left: 20px;}
.addmodi > span,.addmodi > a {background: #eee;text-align: center;width: 15%;    height: 100%;display: flex;align-items: center;justify-content: center;word-break: keep-all;}
.addmodi input {background: none;border: 0;width: 70%;    outline: 0;height: 100%;text-align: center;}

ul.table_ul li > span.td.pwc {gap: 20px;}
ul.table_ul li > span.td.pwc input {border:1px solid #ddd;padding: 0 10px;border-radius: 3px;height: 26px;max-width: 170px;}

.btn_modify {background: #fe7501;color:#fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;height: 50px;min-width: 150px;}
.btn_exit {background: #b9c5d3;color:#fff;border-radius: 5px;display: flex;align-items: center;justify-content: center;height: 50px;min-width: 150px;}

ul.table_ul li.info {align-self: stretch;}
ul.table_ul li.info span.th {min-height: 100%;}
ul.table_ul li.info span.td p {display: flex;align-items: center;gap: 5px;line-height: 30px;}
ul.table_ul li.info span.td p i {color:#f10000}
.height-auto {height: auto !important;}



/*고객센터*/
.csreply {padding: 20px;    gap: 5px;}
.csreply .cstitle {display: flex;align-items: center;gap: 5px;font-weight: 700;}
.csreply .cstitle i {color:#0090ff;font-size: 16px;}
.csreply .csstatus {display: flex;align-items: center;gap: 0px;font-size: 13px;}
.csreply .csstatus i {margin-left:13px;color:#ccc}
.csanswer {background: #f2f2f2;padding: 20px;width: 100%;}


.mpban {width: 100%;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.mpban a {flex:0 33.0%}