@font-face{
    font-family: 'NotoSansKR';
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    src: local('NotoSansKR'),
        url('../../fonts/NotoSansKR-Regular.woff2') format('woff2'),
        url('../../fonts/NotoSansKR-Regular.woff') format('woff'),
        url('../../fonts/NotoSansKR-Regular.otf') format('opentype');
  }
  @font-face{
    font-family: 'NotoSansKR';
    font-display: auto;
    font-style: medium;
    font-weight: 500;
    src: local('NotoSansKR'),
        url('../../fonts/NotoSansKR-Medium.woff2') format('woff2'),
        url('../../fonts/NotoSansKR-Medium.woff') format('woff'),
        url('../../fonts/NotoSansKR-Medium.otf') format('opentype');
  }
  @font-face{
    font-family: 'NotoSansKR';
    font-display: auto;
    font-style: bold;
    font-weight: 700;
    src: local('NotoSansKR'),
        url('../../fonts/NotoSansKR-Bold.woff2') format('woff2'),
        url('../../fonts/NotoSansKR-Bold.woff') format('woff'),
        url('../../fonts/NotoSansKR-Bold.otf') format('opentype');
  }


html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0; padding:0; -webkit-text-size-adjust:100%; vertical-align:top;}
body, input, textarea, select, button, table {font-size:12px;line-height:1.2;font-family:'NotoSansKR', 'ë‹ì›€', Dotum, 'êµ´ë¦¼', Gulim, Helvetica, arial, snas-serif;}
img, fieldset {border:0; vertical-align:top;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
a { text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
button {cursor:pointer;}
.blind {overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
hr {display:none;}
.ir span {display:block; overflow:hidden; position:relative; z-index:-1; height:11px; font-size:11px;}
header, hgroup, footer, section, article, nav, canvas, figure, figcaption {display:block;}
/* 'NanumSquare', */
body{background:#fff;width:100%;height:100%;}

#wrap{position:relative;width:100%;height:100%;max-width:1920px;margin:0 auto;background:url(../img/background.jpg) no-repeat center 100px;}

#wrap.casino-wrap{background-position:center -248px;}
#wrap.slot-wrap{background-position:center -248px;}

.basic_btn{
    position:relative;display:block;font-size:16px;font-weight:400;color: #fff;text-align:center;background:#004eff;border: 1px solid #01227f;
    transition:all .2s;
}
.basic_btn:hover{background:#000;color:#fff;}

.basic_btn.black{background:#000;color:#fff;}
.basic_btn.black:hover{background:#004eff;color:#fff;}

.basic_btn.red{background:#ff0000;color:#fff;}


::-webkit-scrollbar
{
  width: 10px;
  background-color: #111;
}

::-webkit-scrollbar-thumb
{
  background: #ff9000;
}


.txt_red{color:#ff0000;}
.txt_brown{color:#271401;}
.txt_yellow{color:#ff9000;}
.txt_white{color:#fff;}
.txt_blue{color:#0090ff;}
.txt_deepyellow{color:#ffb400;}

.topBgContainer{position:absolute;width:100%;height:125px;background:url('../img/top_bgpattern.png')}

.contentsContainer{position:relative;margin:0 auto;width:1260px;}

.contentsContainer .topContents{position:relative;width:100%;height: 38px;padding-top: 25px;display:flex;overflow:hidden;}
.contentsContainer .topContents ul li{height:36px;line-height:36px;}

.contentsContainer .topContents .notifyBox{display:inline-block;width:50%;margin-left:10px;height: 38px;overflow: hidden;}
.contentsContainer .topContents .notifyBox .date_box{font-size:12px;color:#fff;margin-right:12px;}
.contentsContainer .topContents .notifyBox .cont_box{font-size:12px;color:#fff;}
.contentsContainer .topContents .notifyBox ul{position:relative;}
.contentsContainer .topContents .notifyBox ul li{position:absolute;display:block;height:36px;}

.contentsContainer .topContents .utillBox{display:inline-block;}
.contentsContainer .topContents .utillBox ul li{position:relative;display:inline-block;padding:0 8px;}
.contentsContainer .topContents .utillBox ul li:after{position:absolute;content:"";width:1px;height:11px;right:0px;top:50%;margin-top:-6px;background:#fff;}
.contentsContainer .topContents .utillBox ul li a{color:#fff;}
.contentsContainer .topContents .utillBox ul li a:hover{color:#ff9000;transition: all .2s;}

.contentsContainer .topContents .rightUtills{position:absolute;width:560px;height:32px;padding-top:4px;right: 145px;text-align:right;}
.contentsContainer .topContents .rightUtills .loginForm input{width:148px;height:26px;padding:0 10px;border:1px solid #000;background:#fff;color:#a7a6a6;}
.contentsContainer .topContents .rightUtills .loginForm a{display:inline-block;width:78px;height:26px;line-height:26px;}
.contentsContainer .topContents .rightUtills .loginForm a.btn_login{background:#89df01;}
.contentsContainer .topContents .rightUtills .loginForm a.btn_join{background:#ff9000;}

.contentsContainer .topContents .rightUtills .loginInfo{color:#89df01;font-size:14px;padding-top:6px;}
.contentsContainer .topContents .rightUtills .loginInfo dt{display:inline-block;font-size:14px;color:#fff;margin-right:5px;}
.contentsContainer .topContents .rightUtills .loginInfo dd{display:inline-block;font-size:14px;color:#7b7b7b;}
.contentsContainer .topContents .rightUtills .loginInfo span{display:inline-block;vertical-align:middle;}
.contentsContainer .topContents .rightUtills .loginInfo a em{color:#89df01;font-size:12px;}
.contentsContainer .topContents .rightUtills .loginInfo a img{vertical-align:middle;}

.contentsContainer .topContents .rightUtills .loginInfo .logoutBtn{display:inline-block;margin-left:30px;vertical-align:middle;}
.contentsContainer .topContents .rightUtills .loginInfo .logoutBtn a{color:#fff;font-size:14px;}
.contentsContainer .topContents .rightUtills .loginInfo .logoutBtn a:hover{color:#89df01;}

.contentsContainer .menuContents{position:relative;height:62px;}
.contentsContainer .menuContents .topLogo{position:absolute;top:50%;transform:translateY(-50%);}
.contentsContainer .menuContents .menus{position:relative;text-align:center;}
.contentsContainer .menuContents .menus ul{font-size:0;}
.contentsContainer .menuContents .menus ul li{display:inline-block;text-align:center;height:64px;}
.contentsContainer .menuContents .menus ul li a{position:relative;display:inline-block;padding:0 30px;height:64px;}
.contentsContainer .menuContents .menus ul li a .label{position:relative;display:inline-block;top:50%;transform:translateY(-50%);}
.contentsContainer .menuContents .menus ul li a .label span{display:block;font-size:14px;color:#fff;transition: all .2s}
.contentsContainer .menuContents .menus ul li a .hoverbg{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition: all .2s;background:#01223a;}
.contentsContainer .menuContents .menus ul li a:hover .hoverbg{opacity:1;}
.contentsContainer .menuContents .menus ul li a:hover .label span{color:#89df01;}


.contentsContainer .bannerContents{height: 288px;padding-top: 60px;}
.contentsContainer .bannerContents .visual_title{text-align:center;margin-bottom:20px;}
.contentsContainer .bannerContents .banner_wrap{position:relative;width:500px;height: 165px;overflow:hidden;margin:0 auto;}
.contentsContainer .bannerContents .banner_wrap .banner_item{display:inline-block;width:500px;text-align: center;}
.contentsContainer .bannerContents .banner_wrap .banner_item .basic_btn{width:190px;height:38px;line-height:38px;border-radius:38px;margin:25px auto 10px;border:0;background:#89df01;}
.contentsContainer .bannerContents .banner_dots{margin:0 auto;width:190px;text-align:center;}
.contentsContainer .bannerContents .banner_dots li{display:inline-block;}
.contentsContainer .bannerContents .banner_dots li button{font-size:0;border:1px solid #89df01;width:8px;height:8px;margin:0 3px;border-radius:8px;background:none;}
.contentsContainer .bannerContents .banner_dots li.slick-active button{background:#89df01;}


.contentsContainer .walletContents{position:relative;width:1126px;height:334px;background:url(../img/wallet_bg.png) no-repeat;margin-top:25px;font-size:0;}

.contentsContainer .walletContents .walletTitle{position:absolute;left:20px;top:20px;font-size:30px;color:#fff;letter-spacing:-1px;}

.contentsContainer .walletContents .walletBox{display:inline-block;width:380px;border:1px solid #555555;margin-top:80px;}
.contentsContainer .walletContents .walletBox.casino{margin-left:20px;margin-right:10px;}
.contentsContainer .walletContents .walletBox .walletHeader{position:relative;width:100%;height:50px;background:#ff9000;color:#000;}
.contentsContainer .walletContents .walletBox .walletHeader dt{display:inline-block;font-size:17px;letter-spacing:-1px;width:calc(50% - 20px);padding-left:20px;line-height:50px;}
.contentsContainer .walletContents .walletBox .walletHeader dd{display:inline-block;font-size:17px;text-align:right;letter-spacing:-1px;width:calc(50% - 20px);padding-right:20px;line-height:50px;}

.contentsContainer .walletContents .walletList{position:relative;width:100%;height:179px;overflow:auto;}
.contentsContainer .walletContents .walletList ul li{background:#181818;height:35px;border-bottom:1px solid #555;font-size:0;width:100%;}
.contentsContainer .walletContents .walletList ul li:nth-child(2n){background:#000;}
.contentsContainer .walletContents .walletList ul li dt{display:inline-block;font-size:13px;color:#c3c3c3;width:calc(50% - 20px);padding-left:20px;line-height:35px;}
.contentsContainer .walletContents .walletList ul li dd{display:inline-block;font-size:13px;color:#ff9000;width:calc(50% - 20px);padding-right:20px;text-align:right;line-height:35px;}
.contentsContainer .walletContents .walletList .walletPrice{height:48px;background:#099101;border:1px solid #555;padding:0 10px;font-size:0;line-height:48px;color:#fff;}
.contentsContainer .walletContents .walletList .walletPrice dt{display:inline-block;width:35%;font-size:14px;}
.contentsContainer .walletContents .walletList .walletPrice dd{display:inline-block;width:65%;text-align:right;font-size:13px;}

.contentsContainer .walletContents .walletBox.casino .walletHeader{background:#0090ff;}
.contentsContainer .walletContents .walletBox.casino .walletList ul li dd{color:#0090ff;}
.contentsContainer .walletContents .walletBox.slot .walletHeader{background:#89df01;}
.contentsContainer .walletContents .walletBox.slot .walletList ul li dd{color:#89df01;}

.contentsContainer .walletContents .gameMoney{position:relative;display:inline-block;width:290px;vertical-align:top;margin-top:80px;margin-left:30px;}
.contentsContainer .walletContents .gameMoney p{font-size:17px;color:#fff;text-align:center;margin-bottom: 10px;}
.contentsContainer .walletContents .gameMoney input{width:251px;height: 35px;border:1px solid #555;background:#fff;padding:0 20px;color:#000;text-align:center;font-size:14px;}
.contentsContainer .walletContents .excahngeMoney{position:relative;margin-bottom:10px;}
.contentsContainer .walletContents .excahngeMoney p{position:absolute;top:13px;right:10px;font-size:12px;}
.contentsContainer .walletContents .gameMoney a{height: 68px;line-height: 68px;background:#ff9000;color:#000;border-color:#555;}

.contentsContainer .walletContents .gameMoney input[type=radio]{position:absolute;width:0;height:0;opacity:0;}
.contentsContainer .walletContents .gameMoney label{display:block;font-size:14px;width:100%;height: 35px;border:1px solid #555;text-align:center;line-height: 35px;margin-bottom:5px;cursor:pointer;background-color:#000;}
/* .contentsContainer .walletContents .gameMoney input[type=radio]:checked + label{background-color:#ff9000;color:#fff !important;} */
#casino-money + label{color:#0090ff}
#slot-money + label{color:#89df01}
#casino-money:checked + label{background-color:#0090ff;color:#000;}
#slot-money:checked + label{background-color:#89df01;color:#000;}

.contentsContainer .jackpotContents{position:relative;width:1010px;height:92px;background:#ff0000 url(../img/jackpot_bg.png) no-repeat;margin-top:17px;}
.contentsContainer .jackpotContents ul{position:absolute;left:477px;top:12px;width: 515px;font-size: 0;overflow:hidden;height: 68px;}
.contentsContainer .jackpotContents ul li{position:relative;display:inline-block;width:14px;height:80px;margin-top:-12px;}
.contentsContainer .jackpotContents ul li.number{width: 41px;background:url(../img/jackpot_count_bg.png) no-repeat;margin:-6px 1px 0;}
.contentsContainer .jackpotContents ul li img{position:absolute;left:0;top:0;}

.contentsContainer .gameListContents{padding-top:120px;margin-top: 10px;}
.contentsContainer .gameListContents.casino{background:url(../img/casino_title.png) no-repeat;}
.contentsContainer .gameListContents.slot{background:url(../img/slot_title.png) no-repeat;}
.contentsContainer .gameListContents ul{
    display: flex;width:1004px;gap:8px;flex-wrap: wrap;padding:0 2px;
}
.contentsContainer .gameListContents ul li{
    position:relative;width: 154px;height:194px;border:3px solid #89df01;border-radius: 8px;overflow: hidden;
}
.contentsContainer .gameListContents.casino ul li{border-color: #0054ff;}
.contentsContainer .gameListContents ul li a{
    position:relative;display:block;width:100%;height:100%;
}
.contentsContainer .gameListContents ul li a > img{
    position:relative;left: 50%;transform: translateX(-50%);
}
.contentsContainer .gameListContents ul li a .hover_box{
    position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, .8);opacity:0;transition:all .2s;text-align:center;
}
.contentsContainer .gameListContents ul li a:hover .hover_box{opacity:1}

.contentsContainer .gameListContents ul li .hover_box .hover_cont{position:relative;top:50%;transform:translateY(-50%);}
.contentsContainer .gameListContents ul li .hover_box .game_name{font-size:14px;color:#fff;margin-bottom:5px;}

.contentsContainer .couponContents{position:relative;width:100%;height:92px;margin-top: 5px;font-size:0;background:url(../img/coupon_bg.png) no-repeat;}
.contentsContainer .couponContents dd{display:inline-block;margin-left:5px;margin-top:30px;}
.contentsContainer .couponContents dd:first-child{margin-left:15px;}
.contentsContainer .couponContents dd select{width:230px;height:36px;background:#fff;border:1px solid #444343;color:#000;padding:0 10px;font-size:12px;}
.contentsContainer .couponContents dd input{width:210px;height:34px;background:#fff;border:1px solid #444343;color:#000;padding:0 10px;font-size:12px;}
.contentsContainer .couponContents dd input::placeholder{color:#595757;}
.contentsContainer .couponContents dd a{width:140px;height:34px;line-height:34px;background:#89df01;color:#000;}
.contentsContainer .couponContents dd a:hover{background:#000;color:#fff;}


.contentsContainer .boardContents{position:relative;width:1004px;height:194px;margin-top: 15px;overflow:hidden;background:#181818;font-size:0;}
.contentsContainer .boardContents .boardTable{position:relative;display:inline-block;font-size:13px;width:33.3%;height:100%;vertical-align:top;}
.contentsContainer .boardContents .boardTable:after{position:absolute;content:"";width:1px;height:100%;background:#282828;top:0;right:0;}
.contentsContainer .boardContents .boardTable > p{position:relative;z-index:10;font-size:17px;color:#0090ff;line-height:33px;display:block;width: calc(100% - 11px);padding-left:10px;height:33px;background: #080808;}
.contentsContainer .boardContents .boardTable .btn_allview{position:absolute;right:8px;top:0;line-height:33px;z-index:15;}
.contentsContainer .boardContents .boardTable .btn_allview a{font-size:13px;color:#646464;}
.contentsContainer .boardContents .boardTable ul{position:relative;}
.contentsContainer .boardContents .boardTable ul > li{height:32px;background:#000;padding:0 10px;width:calc(100% - 20px)}
.contentsContainer .boardContents .boardTable ul > li:nth-child(2n){background:#151515;}
.contentsContainer .boardContents .boardTable ol{font-size:0;}
.contentsContainer .boardContents .boardTable ol li{display:inline-block;font-size:13px;color:#a4a3a3;line-height:32px;height:32px;}
.contentsContainer .boardContents .boardTable ol li:last-child{margin:0;}
.contentsContainer .boardContents .boardTable ol li a{color:#fff;}
.contentsContainer .boardContents .boardTable ol li a:hover{color:#0090ff;}
.contentsContainer .boardContents .boardTable ol li:nth-child(1){width: calc(30% - 20px);margin-right: 20px;}
.contentsContainer .boardContents .boardTable ol li:nth-child(2){width: calc(35% - 10px);margin-right:10px;}
.contentsContainer .boardContents .boardTable ol li:nth-child(3){width: 35%;}
.contentsContainer .boardContents .boardTable:first-child ol li:nth-child(2){width: 70%;margin:0;}
.contentsContainer .boardContents .boardTable:nth-child(2) ol li:nth-child(1){width: 100%;margin:0;}


.contentsContainer .linkContents{width:1004px;height:76px;margin-top: 10px;background:#111;}
.contentsContainer .linkContents ul{font-size:0;}
.contentsContainer .linkContents ul li{position:relative;display:inline-block;width:25%;text-align:center;}
.contentsContainer .linkContents ul li:after{position:absolute;content:"";width:1px;height:52px;right:0;top:12px;background:#282828;}
.contentsContainer .linkContents ul li:last-child:after{display:none;}
.contentsContainer .linkContents ul li a{position:relative;display:block;width:100%;padding:18px 0;}
.contentsContainer .linkContents ul li a img{vertical-align:middle;margin-right:5px;}
.contentsContainer .linkContents ul li a dl{display:inline-block;text-align:left;vertical-align:middle;}
.contentsContainer .linkContents ul li a dl dt{font-size:13px;color:#fff;}
.contentsContainer .linkContents ul li a dl dd{font-size:16px;color:#89df01;letter-spacing: -1px;}


.floattingContainer{position:absolute;width:242px;left:50%;margin-left:385px;top:507px;}
.floattingContainer .floattingWrap{position:relative;width: 242px;}
.floattingContainer .myMoney{margin-bottom: 20px;}
.floattingContainer .myMoney p{
    height:56px;line-height: 56px;font-size: 20px;font-weight: 700;text-align: center;color: #fff;background: #004eff;
}
.floattingContainer .myMoney ul li{height: 48px;background: #01223a;display: flex;align-items: center;font-size:20px;font-weight: 700;}
.floattingContainer .myMoney ul li dt{width: 90px;color:#fff;margin-left:20px;}
.floattingContainer .myMoney ul li dd{color:#fff000;}


.floattingContainer ul li{position:relative;width:100%;height:44px;border-bottom:1px solid #556ba9;}
.floattingContainer ul li a{display:block;width:100%;height:100%;background:#01227f;line-height:44px;color:#fff;}
.floattingContainer ul li a span{display:block;width:100%;font-size:18px;letter-spacing:-1px;position:absolute;text-align:center;bottom:0;}
.floattingContainer ul li a:hover{background:#89df01;color:#000;}
.floattingContainer ul li:last-child{border:0;}

.slot-wrap .floattingContainer,
.casino-wrap .floattingContainer{top:170px;}


.bottomContainer{padding: 26px 0 35px;background:#01223a;margin-top: 23px;z-index:10;text-align:center;}
.bottomContainer p:nth-child(2){margin:12px 0;}
.bottomContainer p:nth-child(3){font-size:12px;color:#a0a0a0;}



#popCont{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.8);display:none;z-index:99999;}

#popCont .popContBlock{position:absolute;display:none;border:3px solid #004eff;left:50%;transform:translateX(-50%);top:60px;}
#popCont .popContBlock .popCloser{position:absolute;width:30px;height:29px;right:30px;top:40px;}
#popCont .popContBlock .popCloser a{display:block;width:100%;height:100%;background:url(../img/btn_close.png) no-repeat;font-size:0;}

.popContents{
    width:1010px;padding:25px;background-color:#000;background-image:url(../img/pop_bg.png);
    background-repeat:no-repeat;background-size:100% auto;background-position:center top;
}
.popContents .popLogo{text-align:center;margin-bottom:15px;}

.popContents.nonebg{background-image:none;background-color:#1e1e1e;}

.gameBoard .gameHeader{text-align:center;}
.gameBoard .gameHeader p{font-size:40px;font-weight:400;color:#fff;letter-spacing:-1px;}

.gameBoard .gameList{position:relative;width:1010px;height:568px;overflow:auto;margin-top:20px;text-align:center;}
.gameBoard .gameList ul{font-size:0;}
.gameBoard .gameList ul li{position:relative;display:inline-block;width:145px;height:177px;overflow:hidden;margin-right:15px;margin-bottom:15px;}
.gameBoard .gameList ul li:nth-child(6n){margin-right:0;}
.gameBoard .gameList ul li .thumbBox img{width:100%;transition:all .2s;}
.gameBoard .gameList ul li .gnameBox{
    position:relative;width:135px;height:32px;padding:0 5px;
    background:#303030;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;line-height:32px;
}
.gameBoard .gameList ul li:hover .thumbBox img{transform:scale(1.15);}


.popContents.gameGuide{width:763px;}
.popContents.gameGuide .popLogo{margin-bottom:40px;}
.gameGuide .guideContents{position:relative;width:761px;margin:0 auto;border:1px solid #8d8c8c;}
.gameGuide .guideContents .guideTab{width:100%;height:48px;border-bottom:1px solid #8d8c8c;}
.gameGuide .guideContents .guideTab ul{font-size:0;}
.gameGuide .guideContents .guideTab ul li{position:relative;display:inline-block;width:25%;height:100%;}
.gameGuide .guideContents .guideTab ul li a{
    display:block;width:100%;height:100%;background:#1e1e1e;font-size:14px;color:#fff;text-align:center;line-height:48px;transition:all .2s;
}
.gameGuide .guideContents .guideTab ul li a:hover,
.gameGuide .guideContents .guideTab ul li.on a{background:#004eff;}

.gameGuide .guideContents .guideImgs{padding:10px;background:#000;text-align:center;}
.gameGuide .guideContents .guideImgs img{display:none;}
.gameGuide .guideContents .guideImgs img:first-child{display:block;}

.popMenuContents ul{font-size:0;}
.popMenuContents ul li{display:inline-block;width:144px;height:48px;}
.popMenuContents ul li:last-child{width:146px;}
.popMenuContents ul li a{
    display:block;width:100%;height:100%;font-size:14px;color:#fff;line-height:48px;background:#1e1e1e;text-align:center;transition:all .2s;
}
.popMenuContents ul li.on a,
.popMenuContents ul li a:hover{background: #004eff;}

.popContArea{padding:40px;background:rgba(255, 255, 255, .9);border:1px solid #9e9d9d;}


.moneyExchange{display:flex;flex-wrap:nowrap;}
.moneyExchange .exchangeContents{position:relative;width:457px;}
.moneyExchange .exchangeContents:first-child{margin-right:16px;}
.moneyExchange .exchangeContents > p{font-size:16px;color:#ff0000;letter-spacing:-0.5px;}
.moneyExchange .exchangeContents .refalshBtn{position:absolute;right:0;top:3px;}
.moneyExchange .exchangeContents .listWrap{position:relative;width:455px;height:538px;border:1px solid #555555;overflow:auto;}
.moneyExchange .exchangeContents .listWrap ul li{height:48px;padding:0 10px;border-bottom:1px solid #555;background:#181818;font-size:0;}
.moneyExchange .exchangeContents .listWrap ul li:nth-child(2n){background:#303030;}
.moneyExchange .exchangeContents .listWrap ul li dd{display:inline-block;font-size:14px;color:#c3c3c3;width:50%;line-height:48px;}
.moneyExchange .exchangeContents .listWrap ul li dd:nth-child(2){color:#f8d800;text-align:right;}
.moneyExchange .exchangeContents .totalPrice{width:435px;height:50px;padding:0 10px;border:1px solid #555;border-top:0;background:#ff0000;color:#fff;font-size:0;}
.moneyExchange .exchangeContents .totalPrice dd{display:inline-block;font-size:14px;width:50%;line-height:50px;}
.moneyExchange .exchangeContents .totalPrice dd:nth-child(2){text-align:right;}

.moneyExchange .exchangeContents .exchangeForm{position:relative;width:435px;padding:20px 10px;border:1px solid #555;background:#181818;}
.moneyExchange .exchangeContents .exchangeForm dl{margin-bottom:20px;}
.moneyExchange .exchangeContents .exchangeForm dl:last-child{margin-bottom:0;}
.moneyExchange .exchangeContents .exchangeForm dt{font-size:14px;color:#f8d800;margin-bottom:10px;}
.moneyExchange .exchangeContents .exchangeForm dd{position:relative;}
.moneyExchange .exchangeContents .exchangeForm dd select{width:435px;height:48px;border:1px solid #767676;background:#303030;padding:0 10px;color:#fff;font-size:14px;}
.moneyExchange .exchangeContents .exchangeForm dd input{
    width:400px;height:46px;border:1px solid #767676;background:#303030;padding:0 10px;padding-right:25px;text-align:right;color:#f8d800;font-size:14px;
}
.moneyExchange .exchangeContents .exchangeForm dd p{position:absolute;font-size:14px;right:10px;top:50%;transform:translateY(-50%);color:#fff;}



.popContents .popNotify{background: #000;padding:12px;border-radius:5px;font-size:14px;color: #fff;}
.popContents .popNotify dt{display:inline-block;color:#ff0000;}
.popContents .popNotify dd{display:inline-block;}

.popContents .listingContents{margin-top:15px;}
.popContents .listingContents ul > li{position:relative;border-bottom:1px solid #b2b2b2;padding:12px 0 5px;font-size:0;}
.popContents .listingContents ul > li:last-child{border-bottom:0;}
.popContents .listingContents ul > li dt{position:relative;display:inline-block;width:88px;padding-left:12px;padding-top:11px;font-size:14px;color: #3a5da0;font-weight:500;}
.popContents .listingContents ul > li dd{position:relative;display:inline-block;font-size:14px;color:#595757;margin-right:10px;}
.popContents .listingContents ul > li dd:last-child{margin-right:0;}
.popContents .listingContents ul > li dd select{width:542px;height:38px;border:1px solid #555;background:#303030;padding:0 10px;color:#fff;font-size:14px;}
.popContents .listingContents ul > li dd input{width:522px;height:36px;border:1px solid #555;background:#303030;padding:0 10px;color:#fff;font-size:14px;}
.popContents .listingContents ul > li dd.notify{padding-top:11px;letter-spacing:-1px;}
.popContents .listingContents ul > li dd.price input{width:507px;padding-right:25px;text-align:right;color:#f8d800;}
.popContents .listingContents ul > li dd.price p{position:absolute;right:10px;font-size:14px;color:#fff;top:10px;}
.popContents .listingContents ul > li dd ol.deposit_btn_group{font-size:0;margin-top:5px;}
.popContents .listingContents ul > li dd ol.deposit_btn_group li{display:inline-block;margin-right:5px;}
.popContents .listingContents ul > li dd ol.deposit_btn_group li:last-child{margin:0;}
.popContents .listingContents ul > li dd ol.deposit_btn_group li a{width:84px;height:38px;line-height:38px;font-size:14px;}
.popContents .listingContents ul > li dd ol.deposit_btn_group li:last-child a{width:87px;}
.popContents .listingContents ul > li dd textarea{
    width:522px;height:125px;border:1px solid #555;background:#303030;resize:none;padding:10px;color:#fff;font-size:14px;
}
.popContents .listingContents ul > li span.notify{display:block;padding-left:12px;font-size:14px;color:#ff0000;}

.popContents .deposit .listingContents ul > li dt{width:118px;}
.popContents .deposit .listingContents .reqBtn{width:178px;height:38px;line-height:38px;}

.popContents .btnGroup{margin-top:25px;text-align:center;}
.popContents .btnGroup a{display:inline-block;width:275px;height:44px;line-height:44px;}

.popContents .btnGroup.small{margin:10px 0 20px;text-align:right;}
.popContents .btnGroup.small a{width:auto;padding:0 20px;font-size:14px;height:40px;line-height:40px;}

.popContents .listingContents ul > li.bankInfo select{width:316px;}
.popContents .listingContents ul > li.bankInfo input{width:245px;}


.popContents .pointBox{position:relative;padding-bottom:20px;}
.popContents .pointBox:after{position:absolute;content:"";width:100%;height:1px;background:#aba9a9;bottom:0;}
.popContents .pointBox .pointTab ul{font-size:0;margin-bottom:10px;}
.popContents .pointBox .pointTab dt{
    width:100%;height:48px;line-height:48px;background: #004eff;color: #fff;
    font-size:16px;font-weight: 700;text-align: center;
}
.popContents .pointBox .pointTab dd{
    width: 100%;height: 40px;line-height: 40px;background: #303030;color: #fff;
    font-size:14px;font-weight: 700;text-align: center;
}
/* .popContents .pointBox .pointTab ul li{display:inline-block;width:459px;height:48px;line-height:48px;margin-right:10px;}
.popContents .pointBox .pointTab ul li:last-child{margin-right:0;}
.popContents .pointBox .pointTab ul li.on .basic_btn.black{background: #004eff;color: #fff;} */

.popContents .tableBox table{border:1px solid #555;}
.popContents .tableBox table th{background: #3a5da0;font-size:14px;color: #fff;height:36px;vertical-align:middle;}
.popContents .tableBox table td{background:#1e1e1e;font-size:14px;color:#dcdddd;padding:15px;vertical-align:middle;text-align:center;border-top:1px solid #555;}
.popContents .tableBox table tr:nth-child(2n+1) td{background:#303030;}
.popContents .tableBox p{font-size:16px;font-weight:500;color: #3a5da0;margin-bottom:8px;}
.popContents .tableBox table td a{color:#dcdddd;}

.popContents .paging ul{font-size:0;text-align:center;margin-top:12px;}
.popContents .paging ul li{display:inline-block;margin:0 3px;}
.popContents .paging ul li a{display:inline-block;padding:6px 10px;color:#fff;background:#303b43;border-radius:3px;font-size:12px;font-weight:500;}
.popContents .paging ul li.on a{background: #004eff;}

.popContents .usePoint{padding:10px;border:1px solid #555;background:#1e1e1e;margin-top:10px;display:flex;justify-content: center;}
.popContents .usePoint select{
    display:inline-block;vertical-align:middle;width:375px;height:36px;border:1px solid #555;background:#303030;padding:0 10px;font-size:14px;color:#fff;margin-right:10px;
}
.popContents .usePoint .price{position:relative;display:inline-block;vertical-align:middle;}
.popContents .usePoint .price input{
    width:265px;height:34px;padding-left:10px;padding-right:25px;text-align:right;color:#f8d800;border:1px solid #555;background:#303030;
}
.popContents .usePoint .price p{position:absolute;right:10px;font-size:14px;color:#fff;top:10px;}
.popContents .usePoint .basic_btn{display:inline-block;width:200px;height:34px;line-height:34px;margin-left:10px;vertical-align:middle;}

.popContents .points .tableBox{margin-top:20px;}

.popContents .coupons .tableBox select{
    display:inline-block;width:180px;height:28px;border:1px solid #b1b0b0;background:#898989;padding:0 10px;color:#fff;font-size:14px;
}
.popContents .coupons .tableBox .basic_btn{display:inline-block;width:60px;height:26px;line-height:26px;margin-left:2px;}

.popContents .changePwd{position:relative;width:930px;height:611px;}
.popContents .changePwd img{position:absolute;left:-40px;top:-40px;}


.popContents.login{width:420px;text-align:center;}
.popContents.login p{font-size:15px;font-weight:700;color:#f8d800;margin-top:40px;margin-bottom:20px;}
.popContents.login .loginForm ul li{display:inline-block;margin-bottom:10px;}
.popContents.login .loginForm ul li input{width:290px;height:36px;padding:0 10px;font-size:14px;color:#fff;border:1px solid #555;background:#303030;}
.popContents.login .loginForm ul li .basic_btn{width:308px;height:36px;line-height:36px;}


.popContents.memberjoin .listingContents{padding:40px;background:#000;border:1px solid #555;}
.popContents.memberjoin .listingContents ul > li{border:0;}
.popContents.memberjoin .listingContents ul > li dt{width:120px;color:#ff9000;text-align:right;padding-left:0;padding-right:12px;}
.popContents.memberjoin .certifyBtn{width:148px;height:36px;line-height:36px;}

.popContents.joincode .listingContents ul > li{border:0;}
.popContents.joincode .listingContents ul > li dt{width: 170px;color: #fff;text-align: center;background: #0090ff;padding: 0;height: 38px;margin-right: 10px;line-height: 38px;}
.popContents.joincode .listingContents ul li dd input{width:808px;background:#fff;color:#000;}

.board .popMenuContents ul li{width:25%;}

.popContents .viewBox{border:1px solid #555;margin-bottom:10px;}
.popContents .viewBox .viewHeader{padding:0 20px;background:#303030;color:#dcdddd;border-bottom:1px solid #555;line-height:36px;height:36px;font-size:0;font-weight:500;}
.popContents .viewBox .viewHeader dd{display:inline-block;font-size:16px;width:30%;text-align:right;}
.popContents .viewBox .viewHeader dd:first-child{width:70%;text-align:left;}

.popContents .viewBox .viewContent{position:relative;padding:20px;background:#1e1e1e;font-size:14px;color:#dcdddd;line-height:35px;}

.board .tableBox table td a{transition: all .2s;}
.board .tableBox table td a:hover{color:#ff0000;}

.popContents .writeBox{padding:20px;border:1px solid #555;background:#1e1e1e;}
.popContents .writeBox dt{font-size:14px;font-weight:500;color:#fff;margin-bottom:6px;}
.popContents .writeBox dd input{padding:0 10px;border:1px solid #555;background:#303030;width:calc(100% - 22px);height:36px;color:#fff;margin-bottom:20px;}
.popContents .writeBox dd textarea{
    padding:10px;border:1px solid #555;background:#303030;width:calc(100% - 22px);height:100px;resize:none;color:#fff;
}

.popContents .contpage.inpuiry .writeBox{display:none;margin-bottom:20px;}


.loadingContainer{position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, .8);z-index:99999999;left:0;top:0;display:none;}
.loadingContainer .loading{position:absolute;width:464px;height:285px;padding-left:56px;left:50%;top:50%;margin-left:-232px;margin-top:-142px;}
.loadingContainer .loading .loadingBlock{position:absolute;width:384px;height:40px;font-size:0;border:2px solid #0084f7;border-radius:40px;top:88px;left:36px;}
.loadingContainer .loading .loadingBlock .loadingBar{position:absolute;width:374px;height:30px;left:5px;top:5px;border-radius:30px;overflow:hidden;font-size:0;white-space: nowrap;}
.loadingContainer .loading .loadingBlock .loadingBar span{display:inline-block;width:27.5px;height:30px;background:#0084f7;margin-right:4px;}


#notiPopCont{position:fixed;left:0;top:0;width:calc(100% - 60px);height:calc(100% - 200px);padding:100px 30px;display:none;overflow:auto;background:rgba(0,0,0,.8);z-index:99999;text-align:center;}
#notiPopCont .notiPop{position:relative;display:inline-block;border:3px solid #004eff;background:#000;margin:5px;}
#notiPopCont .notiPop .contarea img{width:100%;height:auto;}
#notiPopCont .notiPop .popCloser{position:absolute;width:30px;height:29px;right:5px;top:5px;}
#notiPopCont .notiPop .popCloser a{display:block;width:100%;height:100%;background:url(../img/btn_close.png) no-repeat;font-size:0;}

#notiPopCont .notiPop .notOpen a{width:calc(100% - 12px);height:35px;line-height:35px;margin:5px auto;background:#004eff;color:#fff;border-color:#004eff;}



.popContents.attendance .calendar .calendarHeader ul{font-size:0;text-align:center;}
.popContents.attendance .calendar .calendarHeader ul li{display:inline-block;vertical-align:middle;}
.popContents.attendance .calendar .calendarHeader ul li a{display:block;width:50px;height:50px;text-align:center;line-height:50px;font-size:30px;font-weight:bold;color:#fff;}
.popContents.attendance .calendar .calendarHeader ul li span{font-size:20px;font-weight:bold;color:#fff;}

.popContents.attendance .calendar table{position:relative;width:100%;border:1px solid #9e9d9d;}
.popContents.attendance .calendar table tr th{padding:10px 0;background:#000;color:#fff;border:1px solid #9e9d9d;}
.popContents.attendance .calendar table tr td{position:relative;font-size:15px;padding:10px;border:1px solid #9e9d9d;height:110px;background-color:rgba(255, 255, 255, .9);background-repeat:no-repeat;background-position:center center;background-size:70%;}
.popContents.attendance .calendar table tr td.on{background-image:url(../img/attendance_ok.png);}
.popContents.attendance .calendar table tr td.no{background-image:url(../img/attendance_no.png);}
.popContents.attendance .calendar table tr th:first-child{background:#ff0000;}
.popContents.attendance .calendar table tr th:last-child{background:#0096ff;}
.popContents.attendance .calendar table tr td:first-child{color:#ff0000;}
.popContents.attendance .calendar table tr td:last-child{color:#0096ff;}



.contpage.memo table tr td input[type=checkbox]{width:20px;height:20px;}
.contpage.memo .btnset{text-align:right;margin-top:6px;margin-bottom:5px;}
.contpage.memo .btnset .basic_btn{display:inline-block;width:150px;height:35px;line-height:34px;margin-left:5px;}
.contpage.memo .btnset .basic_btn:hover{background:#000;}
.contpage.memo .btnset .basic_btn:nth-child(2):hover{color:#fff;background:#000;}
.contpage.memo .btnset .basic_btn:nth-child(3):hover{color:#fff;background:#000;}
.contpage.memo .btnset .basic_btn:nth-child(2){background:#f8d800;border-color: #f8d800;color:#000;}
.contpage.memo .btnset .basic_btn:nth-child(3){background:#44af35;border-color:#44af35;}

.contpage.memo .btn-reading{text-align:center;margin-bottom:30px;}
.contpage.memo .btn-reading a{display:inline-block;width:100px;height:35px;line-height:35px;}