@charset "utf-8";

/* @import url(notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css); */

#wrap {float:left; width:100%; overflow-x:hidden; background:url("../Images/bg.jpg?v03") center top no-repeat; background-size:cover;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}

.gnb {float:left; width:100%; height:55px; text-align:center;}
.gnb ul li {display:inline-block; line-height:48px; margin:0 25px 0 25px; font-family:'nanumsquare', sans-serif; font-size:18px; letter-spacing:-1px; font-weight:400; color:#ffffff;}
.gnb ul li a {color:#ffffff;}
.gnb ul li a:hover {color:#ffc800;}

.login {float:left; width:100%; height:30px; text-align:center;}
.login ul li {display:inline-block; line-height:30px; margin:0 1px 0 1px; font-family:'nanumgothic', sans-serif; font-weight:700; font-size:14px; color:#e0d0b5; letter-spacing:-1px; text-shadow:1px 2px 2px rgba(0,0,0,0.5);}
.input_login  {background-color:#292827; border:1px solid #393938; padding:4px 0 4px 10px; width:165px; height:30px; border-radius:0px; color:#ffffff; font-size:16px; }

.title1 {float:left; width:100%; height:50px;line-height:50px; background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); font-family:'nanumsquare', sans-serif; padding:0 0 0 15px; font-size:24px; letter-spacing:-1px; font-weight:700; color:#ffffff; margin:10px 0 0 0;}
.title2 {padding:0 0 5px 0; font-weight:700; font-size:18px; color:#e5a30b; font-weight:600; font-family:'nanumgothic', sans-serif; letter-spacing:-1px;}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; min-height:500px; margin:20px 0 40px 0; }
.contents_box {margin:0px auto; width:1300px;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; text-align:center; margin:40px 0 40px 0;}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_game_title {float:left; width:100%; text-align:center;}
.main_game_wrap {float:left; width:100%;}
.main_game_box {width:1300px; margin:0px auto;}
.main_game_start {width:100%; float:left; background:rgba(0,0,0,0.5); padding:40px; position:relative; border:1px solid #321054;}

/* 메인 탭구현 요소 */
.main_popup_tab_wrap {float:left; width:100%; margin:0 0 10px 0;}
.main_popup_tab_box {width:800px; margin:0px auto;}

.main_popup_tab_wrap          {width:100%;}
.main_popup_tab               {float:left; width:100%; background:linear-gradient(to right, #5e327a 0%,  #57238c 100%); border-radius:60px;}
.main_popup_tab li            {float:left; min-width:33.33333%;}
.main_popup_tab li span       {display:inline-block; width:100%; height:54px; line-height:54px; font-family:'nanumsquare', sans-serif; font-size:18px; text-align:center; font-weight:600;}
.main_popup_tab li span:hover {display:inline-block; width:100%; height:54px; line-height:54px; font-family:'nanumsquare', sans-serif; font-size:18px; text-align:center; font-weight:600;}

.sk_tab_active_10 span   {color:#000000; background:linear-gradient(to right, #ad7d25 0%,  #fff0ae 50%,  #ad7d25 100%); border-radius:60px;}
.sk_tab_con_10           {display:block; clear:both;}
.sk_tab_hidden_10        {display:none;}
/* 메인 탭구현 요소 끝 */

.main_con_wrap {float:left; width:100%; margin:30px 0 0 0;}
.main_con_box {width:1300px; margin:0px auto;}

.main_con1_wrap {float:left; width:635px; height:260px; background:rgba(0,0,0,0.5); border:1px solid #321054;}
.main_con1_title {float:left; margin:30px 0 0 30px;}
.main_con1 {float:left; width:630px; height:236px; padding:17px 0 0 0;}
.main_con1 td {font-size:14px; line-height:32px; font-family:'nanumgothic', sans-serif; color:#fff;}

.main_con2_wrap {float:right; width:635px; height:260px; background:rgba(0,0,0,0.5); border:1px solid #321054;}
.main_con2_title {float:left; margin:30px 0 0 30px;}
.main_con2 {float:left; width:635px; height:236px; padding:17px 0 0 0;}
.main_con2 td {font-size:14px; line-height:32px; font-family:'nanumgothic', sans-serif; color:#fff;}


/*-------------------------------------------------------------------------------------*
 *  팝업, 탭 (sk_tab)                                                                  *
 *-------------------------------------------------------------------------------------*/
.popup_none              {display:none;}
.popup_wrap              {width:1300px;}
.close_box               {width:100%; float:left; text-align:center; padding:10px 0 10px 0;}
.popupbox                {width:100%; float:left; background:url("../Images/bg_popup.jpg") center top repeat-y; min-height:calc(100vh - 78px); border-radius:10px; padding:40px; position:relative; box-shadow:0px 0px 20px rgba(0,0,0,0.8);}

.popup_tab_wrap          {width:100%;}
.popup_tab               {float:left; width:100%; background:rgba(0,0,0,0.5); }
.popup_tab li            {float:left; min-width:120px; border-right:solid 1px rgba(255,255,255,0.05);}
.popup_tab li span       {display:inline-block; width:100%; height:40px; line-height:40px; font-family:'nanumgothic', sans-serif; font-size:12px; text-align:center; font-weight:600;}
.popup_tab li span:hover {display:inline-block; width:100%; height:40px; line-height:40px; font-family:'nanumgothic', sans-serif; font-size:12px; text-align:center; font-weight:600;}

/* 입금신청, 출금신청, 머니이동, 쿠폰신청, 콤프신청, 이벤트, 공지사항 */
.sk_tab_active_01 span   {color:#000000; background:linear-gradient(to right, #ad7d25 0%,  #fff0ae 50%,  #ad7d25 100%);}
.sk_tab_con_01           {display:block; clear:both;}
.sk_tab_hidden_01        {display:none;}

/* 마이페이지, 정보수정, 입금/출금내역, 지인친구목록, 출석체크목록, 머니이동목록, 쪽지함 */
.sk_tab_active_02 span   {color:#000000; background:linear-gradient(to right, #ad7d25 0%,  #fff0ae 50%,  #ad7d25 100%);}
.sk_tab_con_02           {display:block; clear:both;}
.sk_tab_hidden_02        {display:none;}

/* 게임이용방법 */
.sk_tab_active_04 span   {color:#000000; background:linear-gradient(to right, #ad7d25 0%,  #fff0ae 50%,  #ad7d25 100%);}
.sk_tab_con_04           {display:block; clear:both;}
.sk_tab_hidden_04        {display:none;}

/* 카지노보유머니, 슬롯보유머니 */
.sk_tab_active_00 span   {display:inline-block; width:140px; height:40px; line-height:38px; color:#ffffff; text-align:center; font-weight:600; background:linear-gradient(#bfa86f 0%,  #84734d 100%);}
.sk_tab_con_00           {display:block; clear:both;}
.sk_tab_hidden_00        {display:none}

/* 게임리스트 리스트 */
.game_tit {width:100%; float:left; margin:0 0 10px 0;}
.game_list_wrap {float:left; width:1228px;}
.game_list_wrap ul li {float:left; margin:0 55px 20px 0; position:relative;}
.game_list_wrap ul li img {display:inline-block; cursor:pointer;}


/* 점검중 */
.check {float:left; width:297px; height:280px; background:rgba(0,0,0,0.8); border:1px solid #555555; position:absolute; z-index:10000; text-align:center; font-family:'nanumgothic', sans-serif; font-size:18px; letter-spacing:-1px; font-weight:400; color:#ffffff; line-height:23px; padding:75px 0 0 0;
top:0px; left:0px; border-radius:0px;}

/*-------------------------------------------------------------------------------------*
 *  박스스타일                                                                         *
 *-------------------------------------------------------------------------------------*/
/* 콤프신청, 머니이동, 출석체크수*/
.box_wrap01    {background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); padding:4px; float:left; width:100%; }
.box_box01     {background:rgba(0,0,0,0.3); float:left; width:100%; padding:10px 0 10px 0; text-align:center;}
.box_font01    {float:left; width:100%; line-height:40px; font-weight:600; color:#dddddd; padding:0 0 0 0; font-size:18px; letter-spacing:-1px; font-family:'nanumsquare', sans-serif;}
.box_font02    {float:left; width:100%; line-height:20px; padding:0 0 3px 0; color:#ffc000; letter-spacing:-1px; font-size:16px;  font-weight:900; font-family:Arial, sans-serif; letter-spacing:-1pt;}

/* 카지노 로고박스, 마이페이지 카지노 로고 박스 */
.box_wrap02    {background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); padding:6px; float:left; width:20%; cursor:pointer;}
.box_wrap02_on {background:rgba(0,0,0,0.9); border:solid 1px #e6d194; padding:6px;}
.box_box02     {background:rgba(0,0,0,0.3); float:left; width:100%; padding:5px 0 5px 0; text-align:center;}
.box02         {float:left; width:100%; line-height:34px; font-weight:600; color:#dddddd; padding:0 0 0 0; font-size:14px; letter-spacing:-1px; font-family:'nanumgothic', sans-serif;}
.box022       {float:left; width:100%; line-height:20px; padding:0 0 3px 0; color:#ffffff; letter-spacing:-1px; font-size:14px;  font-weight:900;font-family:'nanumgothic', sans-serif;  letter-spacing:0pt;}

/* 머니이동 */
.box_wrap03    {background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); padding:6px; float:left; width:100%; }
.box_box03     {background:rgba(0,0,0,0.3); float:left; width:100%; padding:5px 0 5px 0; text-align:center;}
.box03         {float:left; width:100%; line-height:40px; font-weight:400; color:#dddddd; padding:0 0 0 0; font-size:20px; letter-spacing:-1px; font-family:'nanumgothic', sans-serif;}

.money  {background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); float:left; width:100%; text-align:center; padding:10px 0 10px 0;}
.money li { display:inline-block; padding:0 10px 0 10px; font-size:16px; letter-spacing:-1px; font-family:'nanumgothic', sans-serif;}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* 외부로그인 */
.out_login_wrap  {float:left; width:100%; height:100vh; background:url("../Images/bg.jpg?v02") center top no-repeat; background-size:cover; padding:150px 0 0 0}
.out_login_box_wrap {width:600px; margin:0px auto;}
.out_login_tit {width:100%; float:left; text-align:center; position:relative;}
.out_login {width:100%; float:left; margin:50px 0 50px 0;}
.out_login_table {width:100%}
.out_login_td1 {width:100%; padding:0 0 5px 0}
.out_login_td2 {width:100%; padding:0 0 10px 0}
.out_login_td3 {width:100%; padding:0 0 10px 0}
.out_login_btn1 {width:100%; height:60px; line-height:60px; color:#e7d2b3; font-weight:600; font-size:20px; letter-spacing:-1px; text-align:center; display:inline-block; background:linear-gradient( #7f614a 0%,  #432e20 100%);  font-family:nanumgothic; }
.out_login_btn1:hover {background:linear-gradient(#937258 0%, #543928 100%);}
.out_input_login  {background-color:#222222; border:1px solid #000000;  width:100%; height:50px; color:#c7ae89; border-radius:3px;  padding:0 0 0 15px; font-size:16px; font-family:'nanumgothic', sans-serif; }

/* 로딩중 */
.loding_wrap {float:left; width:1100px; height:760px; background:url("../Images/bg_loding.jpg") center top no-repeat; }
.loding {float:left; width:100%; line-height:40px; font-family:'nanumsquare', sans-serif; font-size:30px; letter-spacing:-1px; font-weight:700; color:#ffffff; margin:240px 0 0 0; text-align:center;}

/* 슬롯로딩 */
.slot_loding_wrap {float:left; width:100%; height:100vh; background:url("../Images/bg_loding.jpg") center top no-repeat; background-size:cover;}
.slot_loding {float:left; width:100%; line-height:40px; font-family:'nanumsquare', sans-serif; font-size:30px; letter-spacing:-1px; font-weight:700; color:#ffffff; margin:150px 0 0 0; text-align:center;}

/*커스텀*/
#backtomain.backtosky {padding-top: 12px;}

.ng-display-none {display: none !important;}

.header-bottom .links>ul>li p:nth-child(2) {
  color: #999999;
  font-size: .6em;
  font-weight: normal;
  margin-bottom: 0;
}

.header-bottom .links>ul>li:hover p:nth-child(2) {
  color: #c1ad8b !important;
}

.header-bottom .links>ul>li p:nth-child(3) {
  color: #c9ae7c;
  font-weight: normal;
}

.header-bottom .links>ul>li:hover p:nth-child(3) {
  color: #c1ad8b !important;
}

#msgOpenPopup.hide,#customerOpenPopup.hide{display:none;}
#msgOpenPopup.overlay.show,#customerOpenPopup.overlay.show {display:block;}
#msgOpenPopup.overlay,#customerOpenPopup.overlay {position: fixed;top: 0px;bottom: 0;left: 0;right: 0;background: #00000090;backdrop-filter: blur(20px);z-index: 100;}

.msgtitle{background: #b5883b;padding: 12px;color: #ffffff;text-align: center;}

.msgalertin {max-width: 240px;position: relative;border-radius: 4px;transform: translate(-50%, -50%);background: #fff;left: 50%;top: 40%;}
.msgalertin .mtt {text-align: center;color: #ffbb00;font-size:18px;background: rgba(0,0,0,.2);border-radius: 3px;padding: 4px;height:35px;display: block;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;}
.msgalertin .mtts{text-align: center;display: block;font-size: 1.17em;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;}
.msgalertin .closex {right: 10px;transition: all 200ms;font-size: 22px;font-weight: bold;text-decoration: none;color: white;float:right;cursor: pointer;}
.msgalertin .closex:hover {color: #06D85F;}
.msgalertin .smgcontent {padding: 0px 15px 15px;color: #000000;}

.btnmsgcl {display: block;margin: 0 5px;padding: 5px;width: 90%;background: #fff;border-radius: 3px;border: 1px solid #000;color: #000;text-align: center;text-decoration: none;letter-spacing: 1px;transition: all 0.3s ease-out;font-size: 14px;cursor: pointer !important;}
.btnmsgcl:hover{color: #724f15;}

.btnonofcl {display: block;box-sizing: border-box;margin: 0 auto;padding: 8px;width: 40%;max-width: 200px;background: #fff;background: rgba(255, 255, 255, 0.5);border-radius: 8px;color: #fff;text-align: center;text-decoration: none;letter-spacing: 1px;transition: all 0.3s ease-out;font-size:14px;cursor: pointer !important;font-weight: bold;}

#onofOpenPopup.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999;}
#onofOpenPopup.overlay.show {display:block;}

.onofalertin {margin: 20% auto;width: 14.5%;min-width: 300px;position: relative;transition: all 5s ease-in-out;font-family: Dotum,sans-serif;font-size: 12px;border-radius: 4px;background: #284969;color: #FFFFFF;padding: 2px 2px 12px 2px;margin-left: 38%;}
.onofalertin .mtts{text-align: center;display: block;font-size: 1.17em;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;}
.onofalertin .smgcontent {max-height: 30%;overflow: auto;padding: 18px;color: #dfeeff;}

@media screen and (max-width: 720px){
    .onofalertin{width: 65%;margin: 60% auto;}
    .onofalertin .form-ms-group .form-control{width:28%;}
    .onofalertin .smgcontent{padding-left: 5px;padding-right: 5px;}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
    .onofalertin{width: 60%;}
}

.title1-search {justify-content: space-between;flex-flow: row;float: initial;display: flex;line-height: initial;align-items: center;padding: 0 20px;font-size: 20px;letter-spacing: -1px;font-weight: 700;color: #ffffff;margin: 10px 0 0 0;background: rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 0, 0, 0.6);width: 100%;height: 50px;}
.hide-force{display: none !important;}
.hidemsgs{display: none;}
.tb_empty{text-align: center;padding: 2em 0;background-color: rgb(0 0 0 / 50%);}
table td > a {cursor: pointer;}

.clearable {position: relative;width: 200px;font-size: .6em;display: inline-block;}
.clearable input {width: 100%;padding: 0.5em;border: 1px #414141 solid;border-radius: 6px;box-sizing: border-box;background: #1d1d1d;}
.clearable input:placeholder-shown + button {opacity: 0;pointer-events: none;}
.clearable input + button {position: absolute;border: none;display: block;width: 15px;height: 15px;line-height: 16px;font-size: 12px;border-radius: 50%;top: 0;bottom: 0;right: 5px;margin: auto;background: #ddd;padding: 0;outline: none;cursor: pointer;transition: .1s;color: black;}

.slot_list {width: 100%;color: #fff;background: #1d1d1d;}
.slot_list>ul {display: grid;gap: 5px;grid-template-columns: repeat(auto-fill, minmax(12%, 1fr));padding: 10px;}
.slot_list>ul>li {backdrop-filter: blur(3px);background: rgb(14 14 14 / 40%);margin-bottom: 10px;display: flex;flex-flow: column;transition: .1s all ease-out;border: 1px solid #666;}
.slot_list>ul>li img {max-width: 100%;}
.slot_list>ul>li .tit {padding: 10px 0px;margin: auto;text-align: center;font-size: 12px;}
.slot_list>ul>li:hover {transform: scale(1.25);box-shadow: 0 0 .5em white;z-index: 1;cursor: pointer;}

/* 공지팝업 */
.notice_popup_area {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-height: 100%;
  overflow: hidden;
  backdrop-filter: blur(10px);
  background: rgb(0 0 0 / 50%);
}
.notice_popup {
  position: relative;
  z-index: 1;
  padding: 10px;
  min-width: 350px;
  min-height: 400px;
  margin-left: 100px;
  margin-top: 100px;
  margin-bottom: 100vh;
}
.notice_popup + .notice_popup {
	margin-left: 20px;
}
.notice_popup * {
  max-width: 100%;
}

.notice_popup_wrap {width: 100%;height: 100%;}
.notice_popup_wrap .btn_close{position: absolute;right: 5px;top: 10px;z-index: 1;}
.notice_popup_wrap .btn_close img{ width: 30px;}
.notice_popup_wrap .btn_today_close {position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0%);}
.notice_popup_btn {float:right; background:#dec277; min-width:60px; height:36px; line-height:40px; padding:0 15px 0 15px; text-align:center; display:inline-block; font-family:nanumgothic, sans-serif; color:#000000; font-size:12px; font-weight:600;}
.notice_popup_box {
  float: left;
  width: 100%;
  height: auto;
  background: #000000;
  border: 5px solid #dec277;
  background: url(../Images/bg_popup.jpg) center top no-repeat;
  background-size: cover;
  position: relative;
}
.notice_popup_text {float:left; width:100%; padding:30px;}
.notice_popup_font1 {
  float: left;
  width: 100%;
  font-family: 'nanumsquare', sans-serif;
  font-size: 22px;
  letter-spacing: -1px;
  font-weight: 700;
  color: #ffc800;
  line-height: 40px;
  text-align: center;
}
.notice_popup_font2 {float:left; width:100%; font-size:16px; letter-spacing:-1px; font-weight:400; color:#d4d4d4; line-height:28px;}

.main-page{position: relative;max-width: 100%;}
.main-page .main-container.games{padding: 10px 10px 0;}
.main-page .content {display: flex;flex-wrap: wrap;}
.main-page .content .game-buttons{width: 33.3333333%;height: 242px;display: inline-block;margin-bottom: 10px;cursor: pointer;color: #fff;font-size: 18px;transition: all .5s;padding-top: 205px;font-weight: bold;position: relative;border-bottom: 1px solid #282828;}
.main-page .content .game-buttons span:nth-of-type(2){font-size: 13px;color: #999999;}
.main-page .content .game-buttons.others{width: 100%;}
.main-page .content .game-buttons.no-mini{width: 33.3%;}

.main-page .content .game-buttons.live{background: url("../Images/casino.png?ver=1.0") no-repeat;}
.main-page .content .game-buttons.mini{background: url("../Images/mini.png?ver=1.0") no-repeat;}
.main-page .content .game-buttons.slot{background: url("../Images/slot.png?ver=1.02") no-repeat;}
.main-page .content .game-buttons.sports{background: url("../Images/game/sports/sports_pc.png?v=1") no-repeat;}
.main-page .content .game-buttons.live.no-mini{background: url("../Images/casino-hover.png") top center / 100% no-repeat;}
.main-page .content .game-buttons.slot.no-mini{background: url("../Images/slot-hover.png") top center / 100% no-repeat;}
.main-page .content .game-buttons.sports.no-mini{background: url("../Images/game/sports/sports_m1.png") top center / 100% no-repeat;}
.main-page .content .game-buttons.poker{background: url("../Images/idn-button.jpg") no-repeat;}
.main-page .content .game-buttons.others{background: url("../Images/prog-jockpot.png?ver=1.0") no-repeat;}

.main-page .content .game-buttons.live,
.main-page .content .game-buttons.mini,
.main-page .content .game-buttons.slot {
  transition: .3s all;
  background-position: center;
  background-size: 100%;
  vertical-align: bottom;
}
.main-page .content .game-buttons.live:before,
.main-page .content .game-buttons.mini:before,
.main-page .content .game-buttons.sports:before,
.main-page .content .game-buttons.slot:before {
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
} 
.main-page .content .game-buttons.live:hover,
.main-page .content .game-buttons.mini:hover,
.main-page .content .game-buttons.sports:hover,
.main-page .content .game-buttons.slot:hover {
  background-size: 120%;
  font-size: 20px;
  padding: 100px 0;
  display: inline-flex;
  flex-flow: column;
  align-items: center;
}
.main-page .content .game-buttons.live:hover > span,
.main-page .content .game-buttons.mini:hover > span,
.main-page .content .game-buttons.sports:hover > span,
.main-page .content .game-buttons.slot:hover > span {
  z-index: 1;
}
.main-page .content .game-buttons.live:hover:before,
.main-page .content .game-buttons.mini:hover:before,
.main-page .content .game-buttons.sports:hover:before,
.main-page .content .game-buttons.slot:hover:before {
  background: rgb(0 0 0 / 60%);
  backdrop-filter: blur(5px);
}
.main-page .content .game-buttons .ng-binding {margin-left: 17px;}

/* .main-page .content .game-buttons.live:hover{background: url("../Images/main/casino-hover.png?ver=1.02") no-repeat;} */
/* .main-page .content .game-buttons.others:hover{background: url("../Images/main/slot-hover.png?ver=1.01") no-repeat;} */
.main-page .content .game-buttons.poker:hover{background: url("../Images/idn-button-hover.jpg") no-repeat;}
.main-page .content .game-buttons.others:hover{background: url("../Images/prog-jockpot-hover.png?ver=1.02") no-repeat;}
.main-page .content .coupon-container:hover{background: url("../Images/coupon-banner.jpg") no-repeat;width: 100%;height: 60px;margin-bottom: 10px;}

.main-page .odometer-container{position: absolute;right: 18px;bottom: 15px;overflow: hidden;height: 97px;width: 695px;}
.main-page .odometer-container img{margin-top: -5px;}
.main-page .jackpot-odometer{position: absolute;height: 92px;width: 520px;bottom: 0;right: 0;}

customer-page {width: 100%;}
.customer-page {font-size: 13px;color: #ffffff;width: 100%;letter-spacing: -0.78px;background-color: #000000;}
.customer-page .goldTxt {letter-spacing: -1.44px;color: #c1ad8b;font-size: 24px;}
.customer-page .goldTxt>span {
  color: #deb163;
  font-size: .8em;
  font-weight: bold;
  margin-left: 10px;
}
.customer-page .customer-content {
  border: 1px solid #282828;
  display: flex;
}
.customer-page .customer-buttons {float: left;width: 100%;height: 97px;position: relative;cursor: pointer;padding: 20px 35px;background: rgb(43, 41, 49);background: -moz-linear-gradient(top, rgb(17, 17, 17) 0%, rgb(25, 25, 25) 100%);background: -webkit-linear-gradient(top, rgb(17, 17, 17) 0%, rgb(25, 25, 25) 100%);background: linear-gradient(to bottom, rgb(17, 17, 17) 0%, rgb(25, 25, 25) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#191919', GradientType=0);}
.customer-page .customer-buttons:hover {opacity: 0.7;}
.customer-page .customer-buttons img {vertical-align: baseline;}
.customer-page .customer-buttons:nth-of-type(-n+3)::after {content: "";position: absolute;width: 1px;height: 50%;right: 0;top: 50%;background: #282828;transform: translateY(-50%);}
.customer-page .text-con {display: inline-block;margin-left: 20px;}
.customer-page .text-con p {margin: 0;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .customer-page .customer-buttons {padding: 18px;}
}

/*banner*/
.banner-slider img.banner-outside {width: 100%;object-fit: cover;height: 450px;margin-top: 135px;}
.banner-slider .slick-slide:focus{outline: none;border: none;}
.banner-slider .btn-learn{position: absolute;width: 200px;height: 40px;right: -75px;top: -439px;border-radius: 20px;border: 2px solid #c1ad8b;background: transparent;color: #c1ad8b;padding: 0;outline: none !important;font-weight: bold;}
.banner-slider .btn-learn:hover {background: #c1ad8b;color: #111111;}
.banner-slider .slick-prev{left: 20px;z-index: 1;}
.banner-slider .slick-prev::before,
.banner-slider .slick-next::before{font-size: 30px;opacity: .5;}
.banner-slider .slick-prev,
.banner-slider .slick-next{width: 30px;height: 30px;}
.banner-slider .slick-next{right: 20px;}
.banner-slider .main-promo-text{position: absolute;top: -600px;right: -200px;}
.banner-slider .slick-dots {bottom: 10px;}
.banner-slider .slick-dots li button:before {font-size: 20px;opacity: 1;}
.banner-slider .slick-dots li.slick-active button:before {color: #c1ad8b;}
.banner-slider .slick-dots li button:before {color: #999999;}

/* ngDialog */
@-webkit-keyframes ngdialog-fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes ngdialog-fadeout {
    0% {opacity: 1;}
    100% {opacity: 0; }
}

@-webkit-keyframes ngdialog-fadein {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes ngdialog-fadein {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {box-sizing: inherit;}

.ngdialog {bottom: 0;left: 0;overflow: auto;position: fixed;right: 0;top: 0;z-index: 1000;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {animation: none!important;-webkit-animation: none!important;}

.ngdialog-overlay {animation: none;-webkit-animation: none;background: rgba(0, 0, 0, 0.85);bottom: 0;left: 0;position: fixed;right: 0;top: 0;-webkit-backface-visibility: hidden;}
.ngdialog-no-overlay {pointer-events: none;}

.ngdialog.ngdialog-closing .ngdialog-overlay {animation: ngdialog-fadeout 0.5s;-webkit-animation: ngdialog-fadeout 0.5s;-webkit-backface-visibility: hidden;}
.ngdialog-content {animation: ngdialog-fadein 0.5s;-webkit-animation: ngdialog-fadein 0.5s;background: white;pointer-events: all;-webkit-backface-visibility: hidden;}
.ngdialog.ngdialog-closing .ngdialog-content {animation: ngdialog-fadeout 0.5s;-webkit-animation: ngdialog-fadeout 0.5s;-webkit-backface-visibility: hidden;}
.ngdialog-close:before {content: '\00D7';cursor: pointer;font-family: 'Helvetica', Arial, sans-serif;}
html.ngdialog-open,
body.ngdialog-open {overflow: hidden;padding-right: 0 !important;}

/* ngdialog-default */
.ngdialog__heading {background: rgb(75, 54, 47);background: -moz-linear-gradient(0deg, rgba(75, 54, 47, 1) 0%, rgba(197, 153, 83, 1) 100%);background: -webkit-linear-gradient(0deg, rgba(75, 54, 47, 1) 0%, rgba(197, 153, 83, 1) 100%);background: linear-gradient(0deg, rgba(75, 54, 47, 1) 0%, rgba(197, 153, 83, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b362f", endColorstr="#c59953", GradientType=1);}
.ngdialog__title {color: #ffffff;margin: 0;padding: 10px;text-transform: uppercase;}

.ngdialog-main-nav{background-color: #000000;margin-bottom: 0;margin-left: 0;}
.ngdialog-main-nav li{padding: 15px;float: left;color: #999999;}
.ngdialog-main-nav li a{color: #999999;}
.ngdialog-main-nav li:hover,
.ngdialog-main-nav li:focus{color: #ffffff;cursor: pointer;border-bottom: 2px solid #b73528;}
.ngdialog-main-nav li.active{border-bottom: 2px solid #b73528;color: #ffffff;}
.ngdialog-main-nav .badge{background: #b73528;}

.ngdialog.ngdialog-theme-default.ngdialog-main-default .ngdialog-content {width: 1000px;border-radius: 0;font-size: 14px;padding: 0;}
.ngdialog.ngdialog-theme-default .ngdialog-close:before{top: 6px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie .ngdialog-content{border-radius: 0;padding: 0;width: 430px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie-2 .ngdialog-content{border-radius: 0;padding: 0;width: 400px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie-3 .ngdialog-content{border-radius: 0;padding: 0;width: 515px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie{z-index: 10001;padding-top: 250px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie-2{z-index: 10002;padding-top: 250px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie-3{z-index: 10003;padding-top: 250px;}
.ngdialog.ngdialog-theme-default.ngdialog-movie-4{z-index: 10004;padding-top: 250px;}
.ngdialog-movie .ngdialog-overlay{background: rgba(0, 0, 0, 0.3);}
.ngdialog-movie-2 .ngdialog-overlay{background: rgba(0, 0, 0, 0.8);}
.ngdialog-movie-3 .ngdialog-overlay{background: rgba(0, 0, 0, 0.8);}
.ngdialog-movie-4 .ngdialog-overlay{background: rgba(0, 0, 0, 0.8);}
.change-password .has-not-used.has-success .form-control{background: none #111111 !important;border-color: #585858 !important;box-shadow: none !important;}
.change-password .has-success input.form-control, input.no-error {background: url(../Images/common/icon-valid.png) right 10px center no-repeat #302e36;border-color: #53d14c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.change-password .has-error .form-control {background: url(../Images/common/icon-error.png?ver=1.01) right 10px center no-repeat #302e36;border-color: #d54b4b !important;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.change-password-error span {color: #a94442;font-weight: 700;}

/* ngdialog-signup */
.ngdialog.ngdialog-theme-default.ngdialog-signup .ngdialog-content {
  background: url("../Images/bg-signup1.png?ver=1.05") no-repeat top center #010101;
  background-size: cover;
  font-size: 13px;
  color: #999;
  width: 800px;
  padding-top: 35px;
  border-radius: 0;
  border: 2px solid black;
}
.ngdialog-signup-page .form-control{background: #111111;border-radius: 0;margin-bottom: 10px;color: #cccccc;border-color: #585858;}
.ngdialog-signup-page label{font-size: 14px;line-height: 30px;}
.ngdialog-signup-page label span:nth-of-type(2){color: #ff6c5d;}
.ngdialog-signup-page .col-sm-3{width: 125px;padding: 0;}
.ngdialog-signup-page .col-sm-4{line-height: 34px;padding: 0;}
.ngdialog-signup-page .col-sm-4 p{background: #1c1e24;width: 250px;position: absolute;color: #b73528;}
.ngdialog-signup-page .col-sm-4 p>span:first-of-type,
.ngdialog-signup-page .col-sm-4 span.signup-inquiry{padding-left: 15px;}
.ngdialog-signup-page .col-sm-4 button{width: 94px;height: 34px;margin-top: -1px;}
.ngdialog-signup-page .col-sm-5{padding: 0;}
.ngdialog-signup-page .ngdialog-signup__title{text-align: center;color: #ffffff;}
.ngdialog-signup-page .ngdialog-signup__title>h1{letter-spacing: -1.6px;font-weight: bold;font-size: 35px;color: #c1ad8b;margin-bottom: 35px;}
.ngdialog-signup-page .ngdialog-signup__title>p {font-size: 14px;font-weight: 600;letter-spacing: -0.84px;}
.ngdialog-signup-page .logo{text-align: center;}
.ngdialog-signup-page button.btn-red{border-radius: 0;}
.ngdialog-signup-page .has-success input.form-control,
input.no-error {
  background: url(../Images/common/icon-valid.png?ver=1.01) right 10px center no-repeat #302e36;
  border-color: #53d14c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding-right: 30px;
}
.ngdialog-signup-page .has-error .form-control:not(.ignore-error) {
  background: url(../Images/common/icon-error.png?ver=1.01) right 10px center no-repeat #302e36;
  border-color: #d54b4b !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding-right: 30px;
}
.ngdialog-signup-page select.form-control{padding: 6px 5px;}
.ngdialog-signup-page .won-text.arrow{position: absolute;top: 6px;right: 210px;margin: 0;font-size: 13px;color: #ffffff;}
.ngdialog-signup-page select.form-control{background: url("../Images/common/chevron-down.png?ver=1.01") center right 15px no-repeat #111111;}
.ngdialog-signup-page .btn-yellow{height: 34px;}

.ngdialog-signup .ngdialog-content{background: url("../Images/bg-signup1.png?ver=1.05") no-repeat #040404;font-size: 13px;color: #999999;width: 660px;padding-top: 35px;border-radius: 0;border: 2px solid #000000;}
.ngdialog-signup .ngdialog-close:before {font-size: 35px;line-height: 30px;right: 10px;top: 10px;width: 30px;}
.ngdialog-signup .form-signup{margin: 20px 20px 10px;}
.ngdialog-signup .btn-signup{background: url("../Images/btn-frame-signup.jpg?ver=1.01") center / 100% no-repeat;margin-top: 20px;background-size: 100% 100%;}
.ngdialog-signup .btn-signup:hover{color: #c1ad8b;}

/* ngdialog-login */
.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-content {width: 400px;height: 370px;background: #23232a;font-size: 13px;padding: 27px 53px;font-weight: 600;color: #999999;border: 2px solid #000000;border-radius: 0;background: -moz-linear-gradient(top,  #23232a 0%, #0f0f0f 100%);background: -webkit-linear-gradient(top,  #23232a 0%,#0f0f0f 100%);background: linear-gradient(to bottom,  #23232a 0%,#0f0f0f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23232a', endColorstr='#0f0f0f',GradientType=0 );}
.ngdialog.ngdialog-theme-default.ngdialog-login .ngdialog-close:before {font-size: 35px;line-height: 30px;right: 10px;top: 10px;width: 30px;}
.ngdialog-login-page p.text-center{margin: 20px 0;}
.ngdialog-login-page .form-control{margin-bottom: 10px;background: #302e36;border: 1px solid #585858;border-radius: 0;padding-left: 40px;color: #cccccc;}
.ngdialog-login-page .btn-red{border-radius: 0;font-weight: 600;}
.ngdialog-login-page input[type='text'] {background: url("../Images/common/user-icon.png?ver=1.01") top 8px left 11px no-repeat;}
.ngdialog-login-page input[type='password'] {background: url("../Images/common/password-icon.png?ver=1.01") top 8px left 11px no-repeat;}
.ngdialog-login-page p.text-center.text-white{color: #ffffff;cursor: pointer;}
.ngdialog-login-page p.text-center.text-white:hover{color: #fff2dd;}
.ngdialog-login-page .btn-yellow{height: 30px;}

/* ngdialog-notice */
.ngdialog.ngdialog-theme-default.ngdialog-notice .ngdialog-content {width: 660px;border-radius: 0;padding: 0;color: #ffffff;font-size: 14px;border: 2px solid #000000;background: url(../Images/bg-notice.jpg?ver=1.01) #0f0f0f no-repeat;box-shadow: inset 0 0 0 1px #36343c, 0 0 1px rgba(0, 0, 0, 0), inset 0 0 0 0 #36343c, 0 0 1px rgba(0, 0, 0, 0);}
.ngdialog-notice-page .ngdialog-notice__title{padding: 18px 29px 14px;}
.ngdialog-notice-page hr{margin: 0;border-top: 1px solid #2d2c33;}
.ngdialog-notice-page .notice-body{padding: 20px;}
.ngdialog-notice-page .ngdialog-notice__content{overflow-y: scroll;height: 262px;}
.ngdialog-notice-page .ngdialog-notice__content__footer{padding: 10px;}
.ngdialog-notice-page .btn{border-radius: 0;}
.ngdialog-notice-page .btn-yellow{padding: 5px 10px;}

/* ngdialog-game-popup */
.ngdialog.ngdialog-theme-default.ngdialog-gamespopup .ngdialog-content{width: 1107px;padding: 0;background: #2d2d2d;border-radius: 0;}
.ngdialog-games-page .title{font-size: 14px;font-weight: bold;line-height: 40px;padding: 0 20px;color: #999999;background: #1d1d1d;}
.ngdialog-games-page .game-buttons .btn-yellow{padding: 3px 35px;font-size: 12px;}
.ngdialog-games-page .game-button-container.live{padding: 10px; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.ngdialog-games-page .game-button-container.live .game-buttons{padding: 2px 5px;transition:  all 0.5s;font-size: 14px;font-weight: bold;color: #999;line-height: 30px;position: relative;}
.ngdialog-games-page .game-button-container.live .game-buttons>.game{display: block; width: 100%;}
.ngdialog-games-page .game-button-container.live .game-buttons>.mouseover{display: none; width: 100%;}
.ngdialog-games-page .game-button-container.live .game-buttons:hover>.game{display: none;}
.ngdialog-games-page .game-button-container.live .game-buttons:hover>.mouseover{display: block;}
.ngdialog-games-page .game-button-container.live .game-buttons>.tit{position: absolute;left: 30px;bottom: 8px; color: white;}
.ngdialog-games-page .game-button-container.live .game-buttons>.btn-play{position: absolute;right: 20px;bottom: 12px;}

.ngdialog-games-page .game-button-container.slot{padding: 10px; display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.ngdialog-games-page .game-button-container.slot .game-buttons{padding: 5px;transition:  all 0.5s;font-size: 14px;font-weight: bold;color: #999;line-height: 30px;position: relative;}
.ngdialog-games-page .game-button-container.slot .game-buttons>.game{width: 100%;}
.ngdialog-games-page .game-button-container.slot .game-buttons:hover>.game{opacity: 0.5;transform: scale(1.1);}
.ngdialog-games-page .game-button-container.slot .game-buttons>.tit{position: absolute;left: 30px;bottom: 5px; color: white;}
.ngdialog-games-page .game-button-container.slot .game-buttons>.btn-play{position: absolute;right: 20px;bottom: 24px;}
.ngdialog-games-page .game-buttons.others{width: calc(1060px / 2);height: 292px;margin-right: 10px;transition: all 0.5s;display: inline-block;font-size: 16px;font-weight: bold;padding: 255px 10px 0 20px;color: #999;}
.ngdialog-games-page .game-buttons {background-color: #000;border-radius: 8px;overflow: hidden;position: relative;box-shadow: 0 1px 1px #6c4829;}

.ngdialog-games-page .game-buttons:hover{box-shadow: 0 1px 1px #ae845f, 0 2px 5px rgba(0, 0, 0, 0.5);}
.ngdialog-games-page .game-buttons .mouseover {width: 100%;transition: 0.5s;}
.ngdialog-games-page .game-buttons:hover .mouseover {transform: scale(1.1);opacity: 0.5;}
.ngdialog-games-page .game-buttons .btn-play {width: 155px;height: 35px;border-radius: 5px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 4;box-shadow: 0 0 10px rgba(234, 209, 163, 0.5), 0 1px 2px rgba(0, 0, 0, 1), inset 0 0 0 1px #1d160e;opacity: 0;transform: scale(0); transition: all .3s;}
.ngdialog-games-page .game-buttons .btn-play:hover {box-shadow: 0 0 15px rgba(234, 209, 163, 1), 0 1px 2px rgba(0, 0, 0, 1), inset 0 0 0 1px #1d160e;}
.ngdialog-games-page .game-buttons:hover .btn-play {opacity: 1;transform: scale(1);}

.ng-dialog-comprate-wrapper .ngdialog__title {
  border-bottom: 2px solid;
  background-color: #111111;
}
.ng-dialog-comprate-wrapper .mini-category {
  display: flex;
  flex-wrap: wrap;
}
.ng-dialog-comprate-wrapper .mini-category>* {
  flex-grow: 1;
}
.ng-dialog-comprate-wrapper .mini-category>:last-child {
  flex-grow: 1000000;
}

.ng-dialog-comprate-wrapper .history-table>thead>tr>th {
  border-top: 0;
  border-bottom: 0;
  vertical-align: top;
}

ul.comp_list {
  width: 100%;
  padding: 1em .5em;
  --grid-layout-gap: 5px;
  --grid-column-count: 2;
  --grid-item--min-width: 175px;
  --gap-count:
    calc(var(--grid-column-count) - 1);
  --total-gap-width:
    calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width:
    calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  grid-gap: var(--grid-layout-gap);
}

ul.comp_list>.comp_card {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  justify-content: center;
  transition: .2s all;
}

ul.comp_list>.comp_card>.comp_rate {
  padding: .5em 0;
  width: 40%;
  text-align: center;
  font-weight: bold;
}

ul.comp_list>.comp_card>.comp_title {
  padding: .5em 0;
  text-align: right;
  flex-grow: 1;
  color: #c1ad8b;
}


/* ngDialog-theme-default */
@-webkit-keyframes ngdialog-flyin {
  0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
  
@keyframes ngdialog-flyin {
  0% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
  
@-webkit-keyframes ngdialog-flyout {
  0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
  100% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
}
  
@keyframes ngdialog-flyout {
  0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
  100% {opacity: 0;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
}
.ngdialog.ngdialog-theme-default {padding-bottom: 100px;padding-top: 100px;}
.ngdialog-theme-default.ngdialog-notice.ngdialog-notice-mobile{padding: 0 !important;}
.ngdialog.ngdialog-theme-default.ngdialog-notice.ngdialog-notice-mobile .ngdialog-content{width: 100% !important;}
.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {animation: ngdialog-flyout .5s;-webkit-animation: ngdialog-flyout .5s;}
.ngdialog.ngdialog-theme-default .ngdialog-content {
  animation: ngdialog-flyin .5s;
  -webkit-animation: ngdialog-flyin .5s;
  background: #f0f0f0;
  border-radius: 5px;
  color: #444;
  /* font-family: 'Helvetica', sans-serif; */
  font-family: inherit;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
}
.ngdialog.ngdialog-theme-default .ngdialog-content p {
  line-height: 2;
}

.ngdialog.ngdialog-theme-default.ng-hide {
  animation: .3s animHide forwards ease-out;
  -webkit-animation: .3s animHide forwards ease-out;
}
.ngdialog.ngdialog-theme-default.ng-hide .ngdialog-content {
  animation: ngdialog-flyout .3s forwards ease-out;
  -webkit-animation: ngdialog-flyout .3s forwards ease-out;
}

@-webkit-keyframes animHide {
  0% {
    visibility: visible;
  }

  100% {
    visibility: hidden;
    z-index: -1;
  }
}
@keyframes animHide {
  0% {
    visibility: visible;
  }

  100% {
    visibility: hidden;
    z-index: -1;
  }
}
.ngdialog.ngdialog-theme-default .ngdialog-close {border-radius: 5px;cursor: pointer;position: absolute;right: 0;top: 0;}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {background: transparent;border-radius: 3px;color: #bbb;content: '\00D7';font-size: 35px;font-weight: 400;height: 30px;line-height: 26px;position: absolute;right: 3px;text-align: center;top: 3px;width: 30px;}
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {color: #777;}
.ngdialog.ngdialog-theme-default .ngdialog-message {margin-bottom: .5em;}
.ngdialog.ngdialog-theme-default .ngdialog-input {margin-bottom: 1em;}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {background: #fff;border: 0;border-radius: 3px;font-family: inherit;font-size: inherit;font-weight: inherit;margin: 0 0 .25em;min-height: 2.5em;padding: .25em .67em;width: 100%;}
.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {box-shadow: inset 0 0 0 2px #8dbdf1;outline: none;}
.ngdialog.ngdialog-theme-default .ngdialog-buttons {*zoom: 1;}
.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {clear: both;content: '';display: table;}
.ngdialog.ngdialog-theme-default .ngdialog-button {border: 0;border-radius: 3px;cursor: pointer;float: right;font-family: inherit;font-size: .8em;letter-spacing: .1em;line-height: 1em;margin: 0 0 0 .5em;padding: .75em 2em;text-transform: uppercase;}
.ngdialog.ngdialog-theme-default .ngdialog-button:focus {animation: ngdialog-pulse 1.1s infinite;-webkit-animation: ngdialog-pulse 1.1s infinite;outline: none;}
@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {animation: none;-webkit-animation: none;}
}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {background: #3288e6;color: #fff;}
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {background: #e0e0e0;color: #777;}
.ngdialog.ngdialog-theme-default.ngdialog-notice.new-notice .ngdialog-content{width: 328px;}
.ngdialog.ngdialog-theme-default.ngdialog-notice.new-notice .button-container{bottom: 0;width: 100%;}
.ngdialog.ngdialog-theme-default.ngdialog-notice.new-notice .button-container button {width: 100%;}
  
/* customer-popup */
.ngdialog-customer-page a{color: #939393;font-weight: bold;}
.ngdialog-customer-page a:hover{color: #c1ad8b;}
.ngdialog-customer-page .ngdialog__heading{background: #1d1d1d;}
.ngdialog-customer-page .ngdialog__title{font-size: 14px;font-weight: bold;line-height: 40px;padding: 0 20px;color: #999;}
.ngdialog-customer-page .ngdialog-main-nav {background-color: #111;}
.ngdialog-customer-page .ngdialog-main-nav li{font-weight: 600;}
.ngdialog-customer-page .ngdialog-main-nav li.active,
.ngdialog-customer-page .ngdialog-main-nav li:hover,
.ngdialog-customer-page .ngdialog-main-nav li:focus{color: #c1ad8b;border-bottom: 0;}
.ngdialog-customer-page .ngdialog-main-nav li.active .main-nav__label,
.ngdialog-customer-page .ngdialog-main-nav li .main-nav__label:hover,
.ngdialog-customer-page .ngdialog-main-nav li .main-nav__label:focus{border-bottom: 2px solid #C1AD8B;padding-bottom: 16px;}
.ngdialog-customer-page .history-table td {vertical-align: middle;border-top: none;color: #939393;}
.ngdialog-customer-page .ngdialog-main-default__content {background-color: #2d2d2d;padding: 10px;}
.ngdialog-customer-page .ngdialog-main-default__content.faq .panel-body,
.ngdialog-customer-page .ngdialog-main-default__content.announcement .panel-body,
.ngdialog-customer-page .ngdialog-main-default__content.promo-event .panel-body{/*max-height: 500px;*/overflow-y: auto;}
.ngdialog-customer-page .ngdialog-main-default__content.faq .panel-body *,
.ngdialog-customer-page .ngdialog-main-default__content.announcement .panel-body *,
.ngdialog-customer-page .ngdialog-main-default__content.promo-event .panel-body *{max-width: 100%;height: auto;}
.ngdialog-customer-page .btn-yellow {width: 335px;height: 40px;margin-top: 5px;}
.ngdialog-customer-page .panel-primary {border-color: #111111;border-radius: 0;background-color: #111;}
.ngdialog-customer-page .read.panel-primary {margin-left: 50px;}
.ngdialog-customer-page .panel-primary>.panel-heading {color: #C1AD8B;background-color: #6a6756;border-color: #111111;font-weight: 600;border-radius: 0;}
.ngdialog-customer-page .panel-heading {border-bottom: 1px solid #111111;}
.ngdialog-customer-page .panel-body {background: #1D1D1D;color: #fff;word-break: break-word;}
.ngdialog-customer-page .form-control{height: 95px;border-radius: 0;border: 1px solid #3E3E3E;background: #202020;color: #fff;margin-bottom: 10px;}
.ngdialog-customer-page label{color: #C1AD8B;margin-left: 15px;}
.ngdialog-customer-page .history-table th {background-color: #111111;color: #C1AD8B;font-weight: 800;}
.ngdialog-customer-page .history-table tr:nth-child(even){background-color: #1D1D1D;}
.ngdialog-customer-page .width6{width: 60px;}
.ngdialog-customer-page .width15{width: 150px;}
.ngdialog-customer-page .table-border{border-bottom: 10px solid #2d2d2d;}
.ngdialog-customer-page .table>tbody>tr>th{border-top: 0;}
.ngdialog-customer-page .history-table.table,
.ngdialog-customer-page .panel.panel-primary {margin-top: 10px;}
.ngdialog-customer-page .form-control.title1 {height: 40px;}
.ngdialog-customer-page .ngdialog-main-default__content .history-table .sel{background-color: #503800;}
.field{
  display: flex;
  margin-bottom: 10px;

}
.field .label{
  display: inline-flex;
  min-width: 125px;
  text-align: left;
  color: #b6b4b4;
  margin-right: 10px;
  font-size: 12px;
}
.field .content{
  display: flex;
}
.field .content select,
.field .content input{
  width: 240px;
  margin-bottom: 0px;
}
.field .content button{
  margin-left: 10px;
}
.field .content span{
  margin-left: 10px;
}
.field .btn_plus{
  margin-left: 10px;
}
.field .detail{
  margin-left: 10px;
  line-height: 32px;
}

.loadingBox .text { margin-top:30px; color:#fff; font-size:18px; letter-spacing: -0.27px; line-height:1.5; text-align:center}
.loading{width: 17px;height: 17px;margin:0 auto;transform:rotate(45deg);animation:loading-ani1 3s ease-in-out infinite;}
.loading i{width: 17px;height: 17px;display: inline-block;border-radius: 50%;position:absolute;}
.loading i:nth-child(1){background: #0498c4;transform:translate(0,20px);animation:loading-ani2 3s ease-in-out infinite;}
.loading i:nth-child(2){background: #58c5a7;transform:rotate(90deg) translate(0,20px);animation:loading-ani3 3s ease-in-out infinite;}
.loading i:nth-child(3){background: #0498c4;transform:rotate(180deg) translate(0,20px);animation:loading-ani4 3s ease-in-out infinite;}
.loading i:nth-child(4){background: #58c5a7;transform:rotate(270deg) translate(0,20px);animation:loading-ani5 3s ease-in-out infinite;}
.layerPopWrap {visibility: hidden;overflow-y: auto;display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;z-index: 15000;width: 100%;height: 100%;padding: 20px 0;opacity: 0;transition: all .2s ease;background: rgba(0, 0, 0, 0.7);}
.layerPopWrap.on {visibility: visible;opacity: 1;}
.layerPopWrap.on .layerPopCont {animation: fadeInDown .4s ease-in-out forwards;}
@keyframes loading-ani1{
  25%{transform:rotate(135deg);}
  50%{transform:rotate(225deg);}
  75%{transform:rotate(315deg);}
  100%{transform:rotate(405deg);}
}
@keyframes loading-ani2{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{transform:translate(0,20px);}
  12.5%,37.5%,62.5%,87.5%{transform:translate(0,25px);}
}
@keyframes loading-ani3{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{transform:rotate(90deg) translate(0,20px);}
  12.5%,37.5%,62.5%,87.5%{transform:rotate(90deg) translate(0,25px);}
}
@keyframes loading-ani4{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{transform:rotate(180deg) translate(0,20px);}
  12.5%,37.5%,62.5%,87.5%{transform:rotate(180deg) translate(0,25px);}
}
@keyframes loading-ani5{
  17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{transform:rotate(270deg) translate(0,20px);}
  12.5%,37.5%,62.5%,87.5%{transform:rotate(270deg) translate(0,25px);}
}

/* ---------------------------- new mark ------------------------------ */
.ic-new {
	position: relative;
}

.ic-new::after {
	content: "";
	background-color: red;
	border-radius: 50%;
	width: 5px;
	position: absolute;
	height: 5px;
	top: -5px;
	right: -2px;
	box-shadow: 0 0 3px 3px red;
}

.pulse-rect {
	position: relative;
}
.pulse-rect:after {
	content: ' ';
	width: calc(100% + 0.2em);
	height: calc(100% + 0.2em);
	position: absolute;
	top: -0.1em;
	left: -0.1em;
	animation: anim_pulse_border 1s ease-out infinite;
	border-radius: inherit;
	z-index: -1;
}