@charset "utf-8";
/*@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap);
@import url(//fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800);
@import url(//fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap);

/*
@font-face {
    font-family: 'KoPubWorldBatang';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.ttf') format("truetype");
    font-display: swap;
}
*/

html,body {font-family: 'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic'; }
body {overflow-y:visible;overflow-x:auto;background:#000;min-width:1400px;}
body.bgff{background:#fff}
body.ldark {background: #0e1319;}

#doc {position:relative;overflow:hidden; min-width:450px; }
#doc.member{position:absolute; left:0; top:0; width:100%; height:100%; min-height:68px; background-color: #191d26;overflow-y: auto;display: flex;justify-content: center;}
.pop-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.div-cont {position:relative;text-align:left;margin:0 auto;max-width:1440px;}


/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:relative;z-index:1007;}
#container-wrap{position:relative;z-index:1006; }
#footer-wrap{position:relative;z-index:1005; overflow-x: hidden;}


/* =====================================
   #header-wrap
===================================== */
#header-wrap {left:0; width:100%; min-width:1450px;}
#header-wrap:before{position:Absolute; left:0; top:0; width:100%;height:75px; background:#fff; box-sizing:border-box;z-index:-1; display:block;content:""; background-color: #191d26;}
/* #header-wrap:after{position:Absolute; left:0; bottom:0; width:100%;height:100px; background:#212639; box-sizing:border-box;z-index:-1; display:block;content:""} */

#header{height:175px;}

#logo {z-index:2100;text-align:left; width:315px; height:60px; line-height: 75px; z-index:2500; margin-top:5px;}
#logo a{display:block;height:60px;/*background:url(/images/footer_logo_new.png) no-repeat left center;background-size:100% auto;*/}
.time_wrap {display: flex; flex-direction: column; margin-left: auto;}
.time_wrap .time {margin: auto 0;}
.time_wrap .time img {margin-right: 5px;}
#current_time {display: inline-block; width: 166px; color: #fff; font-size: 16px; font-weight: bold; font-size: 14px;}

.topmenu > ul {position: relative; display: flex; padding-left: 400px;height: 50px; }
/* .topmenu > ul::after {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); content: ''; width: 100vw; height: 2px; background-color: #eda70b;} */
#header-wrap #line {position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); content: ''; width: 100%; height: 2px; background-color: #f7c80f;}
.topmenu li.mn_l1 {transition: 0.3s;}
.topmenu li.mn_l1.over {background-color: #f7c80f;}
.topmenu li.mn_l1 > a {padding: 0 20px; color: #fff;}
.topmenu li.mn_l1 a {display: block;}
.topmenu li.mn_l1 a span {color: #fff;}
.topmenu li.mn_l1.over > a,
.topmenu li.mn_l1.over > a > span {color: #212639;}
.topmenu li.mn_l1 .mn_a1{ font-size:18px;letter-spacing:-0.04em;color:#fff ;line-height:50px;font-weight:600;}

.topmenu li.mn_l1 .mn_a3{ font-size:18px;letter-spacing:-0.04em;color:#fff ;line-height:50px;font-weight:600;}

.topmenu li.mn_l1.over .depth2-wrap{display:block; width: 730px;}

.topmenu .depth2-wrap {position: absolute; left: 400px; display: none; background-color: #faf3ed;}
.topmenu .depth2{display: flex;}
.topmenu .depth2 li:first-child {margin-left: auto;}
.topmenu .depth2 li:last-child {margin-right: auto;}
.topmenu .depth2 li.mn_l2:nth-child(n+2){margin-left:1px;}
.topmenu .depth2 li.mn_l2 .mn_a2{font-size:16px; color:#fff; letter-spacing:-0.04em; color:#fff; line-height:40px; padding:0 15px; display:block; font-weight: bold;}
.topmenu .depth2 li.mn_l2.over .mn_a2 span, .topmenu .depth2 li.mn_l2 .mn_a2:hover span{color: #f7c80f;}



/* =====================================
   #container-wrap
===================================== */
#container-wrap{padding:15px 0 8px 0;}
#container-wrap:after{display:block; content:"";clear:both}
#container-wrap #side{float:left; width:400px;}
#container-wrap #contents{min-height:1000px; float:right; width:896px;}


/* =====================================
   #footer-wrap
===================================== */
#footer-wrap {display:block; font-family: 'ScoreDream'; }
#footer-wrap #footer {padding:25px 0}

.f-link{position:Relative;}
.f-link:after{position:absolute; left:50%; width:20000px; margin-left:-10000px;top:0; height:100%; background:#1d2333; box-sizing:border-box; z-index:-1; display:block; content:""}
.f-link ul{font-size:0;text-align:center; padding:10px 0;}
.f-link ul:after{display:block; content:"";clear:both}
.f-link li{display:inline-block;vertical-align:top;position:Relative;}
.f-link li:nth-child(n+2){margin-left:80px;}
/* .f-link li:nth-child(n+2):before{width:0;height:12px; top:50%;margin-top:-6px; border-left:1px solid #aaa; position:absolute; left:-40px;  display:block;content:""} */
.f-link li a{color:#fff; font-size:13px; letter-spacing:-0.03em; line-height:20px; display:block;}
.f-link li a:hover{color:#fff;}

.f-info{position:Relative; padding:40px 0; padding-left:285px;}
.f-info:before{position:absolute;left:0;top:35px;z-index:2100;text-align:left; width:175px; height:60px; z-index:2500; background:url(/images/footer_logo_new.png) no-repeat left center;background-size:100% auto; display:block; content:"";}
.f-info:after{display:block; content:"";clear:both}
.f-info .fl{float:left; width:50%;}
.f-info .fr{float:right; width:50%;}

.f-info .fl p{color:#fff; font-size:13px ; line-height:1.65em; letter-spacing:-0.02em;}
.f-info .fl p.b{color:#fff; font-weight:400;}

.f-info .fl p.in-copy{margin-top:15px; letter-spacing:0;}
.f-info .fl p.in-copy span{color:#fff}

.f-info .fr p{color:#fff; font-size:13px ; line-height:1.65em; letter-spacing:-0.02em;}
.f-info .fr p.b{color:#aac2fe; font-weight:400; margin-bottom:2px;}
.f-info .fr p span {color: #aac2fe;}


#container-wrap {display: flex;}
#container-wrap #side {float: none;}
#container-wrap #contents {float: none; width: calc(100% - 415px); margin-left: 15px; background-color: #1d2333; padding: 15px;}
#container-wrap #contents.tournament_list {background: none; background-image: url(/images/game/tournament_bg.png); background-size: 100%; background-repeat: no-repeat; /* background-position: top 50px left 70px; */}


/* custom div select */
.select {position: relative; transition: 0.3s;}
.select * {color: #000;}
.select::after {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); content: ''; width: 19px; height: 12px; background-image: url(/images/icon_arrow.png); pointer-events: none; transition: 0.3s;}
.select .select_wrap {position: relative; min-width: 160px; width: 100%; font-size: 15px;}
.select .select_wrap p.selected {padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 6px; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #fff;}
.select .select_wrap p.selected[name="pPoint"] {padding-left: 37px; transition: 0; background-image: url(/images/Sub/login-point.png); background-repeat: no-repeat; background-position: left 15px top 10px;}
.select .select_wrap p.selected[name="tPoint"] {padding-left: 37px; transition: 0; background-image: url(/images/Sub/ico_t.png); background-repeat: no-repeat; background-position: left 15px top 10px;}
.select .select_wrap ul {position: absolute; left: 0; top: 43px; width: 100%; max-height: 300px; z-index: 10; border-radius: 6px; border: 1px solid #cbcbcb; overflow: hidden; overflow-y: auto; background-color: #fff; display: none;}
.select.open p.selected {border-radius: 6px;}
.select.open::after {transform: rotate(180deg); top: calc(50% - 8px);}
.select.open ul {display: block;}
.select .select_wrap ul li {position: relative; z-index: 11; font-size: 15px; padding: 15px; background-color: #fff; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.select .select_wrap ul li:hover {background-color: rgb(240, 240, 240);}

#current_money {font-size: 20px; line-height: 43px; margin-right: 20px;}

#ui-id-1.ui-widget.ui-widget-content {border-radius: 6px;}
#ui-id-1.ui-widget.ui-widget-content .ui-state-active {border-color: #fff; background-color: rgba(240, 240, 240); color: #000; transition: 0;}
.ui-menu .ui-menu-item-wrapper {transition: none;}
/* {background-color: rgba(240, 240, 240)} */

/* input#date {display: inline-block; position: relative;}
input#date::-webkit-calendar-picker-indicator {background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;} */


@media screen and (max-width: 768px) {
    #chat_btn {display: block;}
    .game-frame .user_info li,
    .game-frame .user_info li.btn a {font-size: 14px;}
}







/* 2406 renewal */
body {background-color: #faf3ed;}
/* header */
#header-wrap:before {background-color: #faf3ed;}
#header-wrap:after {position: absolute; left: 0; top: 70px; content: ''; width: 100%; height: 1px; background-color: #a4987c;}
#header-wrap.open {z-index: 1010;}
#header-wrap #line {display: none;}
#header {height: auto;}
#depth2_bg {position: absolute; left: 0; top: 100%; width: 100%; height: 250px; background-color: #faf3ed; display: none; border-bottom: 1px solid #cb9847;}
#header-wrap.open #depth2_bg {display: block;}
#header-wrap.open .topmenu .depth2-wrap {display: block; z-index: 1011;}
.breadcrumb {position: relative; left: 50%; transform: translateX(-50%); width: 100%; height: 215px; background-image: url(/images/renew/breadcrumb_bg.png?v1); background-size: cover; background-repeat: no-repeat; background-position: center;}
.breadcrumb > div.d-flex {justify-content: center; height: calc(100% - 50px);}
.breadcrumb.none #sub_menu {display: none;}
.breadcrumb.none > div.d-flex {height: 100%;}
.breadcrumb .img_wrap {display: flex; flex-direction: column; justify-content: center;}
.breadcrumb h3 {font-family: 'KoPubWorldBatang'; font-size: 40px; color: #fff; line-height: 165px;}
.breadcrumb.none h3 {line-height: 215px;}
.breadcrumb #sub_menu {height: 50px;}
.breadcrumb #sub_menu ul.depth2 {display: flex; justify-content: center; background-color: rgba(87, 68, 40, 0.8);}
.breadcrumb #sub_menu li {position: relative;}
.breadcrumb #sub_menu li::after {position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 3px; background-color: #c28c38; display: none;}
.breadcrumb #sub_menu li.over::after {display: block;}
.breadcrumb #sub_menu li.over span {color: #c28c38;}
.breadcrumb #sub_menu a {display: block; line-height: 50px; padding: 0 50px;color:#fff;}
.breadcrumb #sub_menu a span {font-size: 16px;}

.breadcrumb.main {background-image: url(/images/renew/breadcrumb_bg_main.png?v1);}
.breadcrumb.royalgame {background-image: url(/images/renew/breadcrumb_bg_royalgame.png?v1);}
.breadcrumb.casino {background-image: url(/images/renew/breadcrumb_bg_casino.png?v1);}
.breadcrumb.casinogame {background-image: url(/images/renew/breadcrumb_bg_casinogame.png?v1);}
.breadcrumb.event {background-image: url(/images/renew/breadcrumb_bg_event.png?v1);}
.breadcrumb.guide {background-image: url(/images/renew/breadcrumb_bg_guide.png?v1);}
.breadcrumb.point {background-image: url(/images/renew/breadcrumb_bg_point.png?v1);}
.breadcrumb.court,
.breadcrumb.proper {background-image: url(/images/renew/breadcrumb_bg_court.png?v1);}
.breadcrumb.customer,
.breadcrumb.qna {background-image: url(/images/renew/breadcrumb_bg_customer.png?v1);}

#logo a {filter: invert(50%) sepia(71%) saturate(360%) hue-rotate(357deg) brightness(96%) contrast(98%);}
.topmenu {margin-left: auto;}
.topmenu > ul {position: static; margin-top: 20px; padding-left: 0;}
.topmenu li.mn_l1 {position: relative;}
.topmenu .depth2-wrap {width: auto; left: 0;}
.topmenu .depth2 {display: block;}
.topmenu li.mn_l1 .depth2-wrap {width: 100%;}
.topmenu li.mn_l1.over .depth2-wrap {width: 100%; display: none;}
.topmenu li.mn_l1.over .depth2-wrap.open {display: block;}
.topmenu li.mn_l1 a span {color: #826840;}
.topmenu li.mn_l1 ul.depth2 span {color: #826840;}
.topmenu .depth2 li.mn_l2 .mn_a2 {padding: 0 5px; text-align: center;}
.topmenu li.mn_l1::after {position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); content: ''; width: 0; height: 1px; background-color: #a4987c; transition: 0.3s;}
.topmenu li.mn_l1.over {background: none;}
.topmenu li.mn_l1.over::after {width: 100%;}

#footer .logo {width: 215px; margin-right: 50px;}
#footer .logo img {width: 100%; filter: invert(50%) sepia(71%) saturate(360%) hue-rotate(357deg) brightness(96%) contrast(98%);}
#footer .info {width: calc(100% - 265px);}
#footer .terms {display: flex; margin-bottom: 30px;}
#footer .terms a {display: block; padding: 10px 20px; color: #d9d9d9;}
#footer .infos {display: flex; padding: 20px;}
#footer .infos > div {width: 50%; font-size: 13px;}
#footer .infos > div * {font-size: 13px; color: #d9d9d9;}
#footer .infos > div p.b,
#footer .infos > div p span {color: #bb8839;}

/* left */
#side > div {background-color: #fffbf7; padding: 20px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#side .chat_wrap {padding: 5px 5px 0 5px; background-color: #f7e2cf; border-radius: 5px;}


/* footer */
#chat_btn {display: none;}
#footer-wrap {height: 100px; background-color: #000; overflow-y: hidden;}
#footer-wrap.open {height: 100%;}
#footer-wrap .open_btn {position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 1;}
#footer-wrap .open_btn::after {content: 'next'; font-family: swiper-icons; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-size: 24px; color: #bb8839; font-weight: bold;}
#footer-wrap.open .open_btn {transform: translateX(-50%) rotate(270deg);}
.f-info:before {filter: invert(50%) sepia(71%) saturate(360%) hue-rotate(357deg) brightness(96%) contrast(98%);}
.f-link:after {background-color: rgba(87, 68, 40, 0.8);}
.f-info .fr p.b,
.f-info .fr p span {color: #bb8839;}

/* contents */
#container-wrap #contents {width: calc(100% - 440px); margin-left: 40px; padding: 0;}

/* 로얄게임(로얄클럽) */
#container-wrap #contents.tournament_list {background: none;}


#login_popup {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10001; background-color: #826840; padding: 50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); display: none; border-radius: 6px;}
#login_popup.show {display: block;}
#login_popup * {color: #fff;}
#login_popup h3 {font-size: 20px; margin-bottom: 20px;}
#login_popup .close_btn {position: absolute; right: 10px; top: 10px; display: block; filter: brightness(100);}
#login_popup .close_btn img {width: 30px; height: 30px;}
#login_popup .entry ul {width: 300px;}
#login_popup .entry ul p {width: 100%;}
#login_popup .entry input {width: 100%;}
#login_popup li:not(:last-of-type) {margin-bottom: 3px;}
#login_popup .login-btn {width: 77px; background-color: #000; color: #fff; border: none; outline: none; margin-left: 5px;}
#login_popup .other ul {display: flex; justify-content: space-between; margin-top: 10px;}
#login_popup .other ul a {display: block; padding: 5px;}



@media screen and (max-width: 800px) {
  .topmenu li.mn_l1::after {display: none;}
  .topmenu .depth2 li.mn_l2 .mn_a2 {padding: 0 40px; text-align: left;}

  #footer-wrap #footer {padding: 20px;}
  #footer > div {flex-wrap: wrap;}
  #footer > div .logo {width: 100%; margin-right: 0; margin-bottom: 10px;}
  #footer .logo img {max-width: 200px;}
  #footer .terms {flex-wrap: wrap; margin-bottom: 0;}
  #footer .terms li {width: 50%; text-align: center;}
  #footer .terms a {padding: 10px 0;}
  #footer .terms a span {font-size: 13px;}
  #footer .info {width: 100%;}
  #footer .infos {flex-wrap: wrap;}
  #footer .infos > div:first-of-type {order: 2; width: 100%;}
  #footer .infos > div:last-of-type {order: 1; width: 100%; margin-bottom: 10px;}

  #login_popup {width: 90vw; padding: 25px;}
  #login_popup .close_btn img {width: 20px; height: 20px;}
  #login_popup .entry ul {width: 100%;}
}