@charset "utf-8";
:root{
	--ver:1.0;
	--header-hight: 120px;
}
#wrap::before{content:'';height: 8px;display: block;background: linear-gradient(to right, #b5dbfe, #fed9fe, #568abe);}
#wrap {width:100%;background: var(--bg-img) center top;background-color: black;background-repeat-x: no-repeat;background-repeat-y: repeat;}
#wrap_mini { width:100%;background:url("../images/common/mini_bg.jpg") center top no-repeat; background-size:cover;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}

.banner{
	max-width: 1920px;
	margin:auto;
}
.banner video,
.banner img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.banner .slick-slide {
    height: unset;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    overflow: hidden;
}
.banner .slick-slide[tabindex="-1"] {
    transition: 0s all !important;
    -webkit-transform: scale(0.8) !important;
            transform: scale(0.8) !important;
}
.banner .slick-slide.slick-active {
    transition: 1s all !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
}
.banner .slick-slide:not(.slick-active):not([tabindex="-1"]) {
    transition: 1s all !important;
    -webkit-transform: scale(1.5) !important;
            transform: scale(1.5) !important;
}
.banner:hover .slick-arrow {
    display: inline-block !important;
    cursor: pointer;
}
.banner .slick-list {
    max-height: 100%;
}
.banner .slick-arrow {
    display: none !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 39px;
    height: 80px;
    opacity: 0.5;
    background-color: #596077;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    text-indent: -9999px;
}
.banner .slick-arrow.slick-prev {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAADIBAMAAAD/xRkGAAAAMFBMVEWJiYkAAAD8/Pz19fWtra2Pj4+GhoaPj4+fn5/5+fno6Oj+/v79/f3x8fHm5ub////HgfL/AAAAD3RSTlMaAMWTIgsTEAizWfPYg11YKk3WAAAA00lEQVRo3u3aPRIBURBF4auMnxJ5gbKMEQtlMhKxRM4OLMEOBHZIiGmmrKBPYoL75a+OMkkHV+Vrp4RD+6J9dlTK6PfsrKRx+2ymtG1RG8vnVAQUzQWcNBXQ00bAQHsBQ5mZmZmZmVmn3JYC1hEXpVV1xFtpq4h4oVg8USzuKBYNisUCxR6OOeZYKpZ0RbEJi/VBDDzDP5L/JfwDVLVzzjn3n1wDjyd4qsHDEJ6h8OiFJ7aZmZmZmZl1Apu4wUEdnO/RsWARAIeQcHbJRp54UgoHrB/sGBG2XXNafQAAAABJRU5ErkJggg==);
}
.banner .slick-arrow.slick-next {
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAADICAMAAAA6NfQHAAAAM1BMVEWJiYkAAAD19fWtra37+/uPj4+fn5/5+fno6OiGhoaPj4/+/v79/f39/f3x8fHm5ub///9PQzy4AAAAEHRSTlMaAJMixAsIs1kTEPPYzINdOr41PgAAAVlJREFUeNrt3F1qAkEQReHOmPkzMen9rzZB0TtNgS9SFyzO2cCHQ6vT9VDt49G8t6T2+SY8sHNL7XzAlpbecsfmZmi+YUuztFyx5ir3bESs2bKcDmF7s/XsKYKBgYGBxcDAwMDAYmBgYGBgMTAwMDCwGBgYGBhYDCwJ26Zpc2Fr/289WbCffu3z5MC+u7R07KtLS8cuXVo69tuDloe16QVNmEETZtCEGTRhBk2YQRNm0IQZNGEGTZhBE2bQhBk0YQZNmEETZtCEGTRhDk3Y69qaiEVty8OiNtXCjo+x0gEZjn6hL/VgFfohHqxCf56DVeiFZ7AKvaQOVqGLxWAVugwOVqEL/GBVGrpcDlatQZlGgNWGm/exbcGBdOG5PhjYITAwMDCwGBgYGBhYDAwMDAwsBgYGBgYWAwMDe8uFaHN72hsvsXOu5zN+NOtKReeySOcaTPOCT+vq0j8IXCOHqhsmFAAAAABJRU5ErkJggg==);
}
.banner .slick-arrow img {
    max-height: 100%;
}
.banner .slick-dots {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: 30px;
}
.banner .slick-dots .slick-active button,
.banner .slick-dots button:hover {
    background-image: url(../images/common/button.png);
}
.banner .slick-dots [role=presentation] {
    position: relative;
}
.banner .slick-dots button {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAA+VBMVEUAAAD8///9/v7+///9//78/f/9///8/v/7/vz+///8///9///+///////9///////8/v719/n+///+//75/fv9///3+//9/v/+///////5/v////+pq7qorL2orLqprLb9///////8/f+nqLqmqrumqbnl5u6mqbyoq7anqbaqrbyrrrn5/f/3+v/q6/Tq7PGsrr62uL6usLqmq7mqrLOoqrP8///4+/6jpbalp7OjpbP09/jc3+fFyNGoqb6lqrjy9vzt8Pjm6O3g5Ojf4uXT1t7O0duztsOoq8D5/Pjr7fXZ29/Lz9TAw87AxMi7vci5usKwtLmgo6u8rSxCAAAAHHRSTlMAQib65NC2hEDqqw/3jo5mZj8gCwv39+erICAPSj5xLAAAAV1JREFUOMvl09dygkAUgGEVFbsmmr7ALrDSpQgIWGI3vb3/w2QZM7kQMeXW//qb3TmzZzNHXK5YzP2Iqg0KQqpRPayaZWSsRvzgonUAlQoImrYbvnURLJykoNOKr0/HjqPJmvM8Q3rleg9q02fIf9I8LcIB5qJobRjndCcxX57Xl67LcYAkYIyDzQjy+d2Zs3Bov28VYaQAWK9TPbvLkOnIRH0xSRIkwJmDBBvMtZCIbzYRhHCRZHyXAwzDsgxJFEVJkrDS41MYs2Wxw7dKD6WyuH5fFHEaA5O7vzFAziWTyD2Ycum/mJlk/nzL+iyrqjGTZc+EpV12P3z5UC1GIKeoFgCWoob2EJUSTw/hwgEBESRLVbTNyED5xLp36BrU12rEkWRF0VYGrNHtfWt5CfWHccw8bzzzjcpV6pJD3rQ91+4iRJY8vVaZR8tHHpabmYPd1CmEqHr1d9/5ePsElaZAughqfI4AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    transition: 0.2s;
    color: transparent;
    opacity: 1;
    cursor: pointer;
    text-indent: -9999px;
}
.banner .slick-dots button + img {
    position: absolute;
    z-index: 11;
    max-width: unset;
    height: 100px;
    bottom: 25px;
    left: 15px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 6px;
    box-shadow: var(--shadow-primary);
}

.tabZone ul {display: flex;padding: 0;margin-bottom: 9px;overflow-x: scroll;overflow-y: hidden;}
.tabZone ul::-webkit-scrollbar {height:0px}
.tabZone ul li {padding: 10px;min-width: 110px;cursor: pointer;background-color: rgb(11 11 11);border-left: solid 1px rgba(255,255,255,0.05);position: relative;color: white;text-align: center;}
.tabZone ul li.active {background: linear-gradient(#a263e1,  #3e1d38);}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{padding-top: 15px;}
.header_wrap .top{display:flex;max-width: 1620px;margin: auto;justify-content: space-between;position: relative;align-items: center;padding-top: 20px;}
.header_wrap .top .logo img{height: 100px;}
.header_wrap .top .gnb{display:flex;font-size: 1.5em;gap: 2em;align-items: center;}
.header_wrap .top .info{display:flex;gap:25px; position:absolute;top:10px;right:0;font-size: 20px;color: white;}
.header_wrap .btn-wrap{display: flex;gap: 5px;}
.header_wrap .btn-wrap >button {padding: 10px;font-size: 1.2em;color: white;min-width: 110px;text-align: center;}
.item-captcha {position: relative;}
.item-captcha .input_login {width: 100px;}
.item-captcha img {height: 30px;}

#join_pop {border-radius:15px;overflow:hidden;background: #111111;border: 1px solid #7d7d7d;}
#join_pop .title-wrap {width: 100%;background: linear-gradient(0deg, #35203d, #9e68d3);font-family: 'nanumsquare', sans-serif;font-size: 26px;font-weight: 700;color: #ffffff;padding: 15px;text-align: center;border-bottom: 1px solid #7d7d7d;}
#join_pop .title-wrap a{position:absolute;right:10px}
#join_pop table{padding:30px 20px}
#join_pop .btn_wrap_center {padding-bottom:50px;text-align: center;}
#join_pop .write_title{text-align:right;border-bottom: none;background: no-repeat;}
#join_pop .write_basic{border-bottom: none;background: none;}
#sms_popup .out_login_wrap {height:auto;padding: 30px 20px 25px;}
#bank_ask_pwd_popup .out_login_wrap {height:auto;padding: 30px 20px 25px;}

.write_title .red{color: #ff5050;}
.title-wrap img{
	width:35px;
	float:right
}
.title1-search {
	justify-content: space-between;
	flex-flow: row;
	float: initial;
	display: flex;
	line-height: initial;
	align-items: center;
	padding: 0 15px;
	font-size: 24px;
	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;
}

.title2 {
	height: 48px;
	line-height:48px;
	font-size: 18px;
	color: #e5a30b;
	font-weight: 600;
	letter-spacing: -1px;
}

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

.con_box00 {width:100%; margin:0 0 0 0;}
.con_box10 {width:100%;background: #00000099;}
.con_box20 {width:100%;margin:20px 0 0 0;}
.con_box30 {width:100%;margin:30px 0 0 0;}
.con_box40 {width:100%; margin:40px 0 0 0;}
.con_box50 {width:100%; margin:50px 0 0 0;}
.con_box60 {width:100%; margin:60px 0 0 0;}

.footer_wrap {width:100%;text-align:center;padding: 60px 0;}
.footer_wrap>img {max-width: 100%;}

.go-top {
	position: fixed;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	font-size: 1.2em;
	bottom: -3em;
	left: 0.75em;
	background: linear-gradient(to right, #35203d, #9e68d3, #35203d);
	color: #ffffff;
	border-radius: 5em;
	z-index: 5001;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.go-top.show {
	bottom: 3.5em;
}
.go-top:hover {
	box-shadow: 0px 0px 0 .25em rgb(255 255 255 / 27%);
	transition-duration: .2s;
}

.main_game_box {margin:0px auto;width: 100%;max-width: 1650px;}
.main_game_start {background:rgba(0,0,0,0.5);padding:40px;border:1px solid #321054;}

.main_popup_tab_wrap {width:100%;}
.main_popup_tab_box {width:990px; margin:0px auto;}
.main_popup_tab {display: flex;width: 100%;background: linear-gradient(to top, #7f54a8e6 0%, #05021280 50%, #7f54a8e6 100%);border-radius: 15px;padding: 5px;gap: 5px;flex-wrap: wrap;}
.main_popup_tab>li {flex: 100px;white-space: nowrap;}
.main_popup_tab>li>a {display: inline-block;width: 100%;font-family: 'KoreanAH3R';letter-spacing: 0.2em;font-size: 24px;text-align: center;padding: 10px;font-weight: 100;color: #dcdcdc;background: linear-gradient(to top, #7f54a8e6 0%, #05021280 50%, #7f54a8e6 100%);border-radius: 15px;}
.main_popup_tab>li>a:hover {color: #fff0ae;}
.main_popup_tab>li.active>a {background: linear-gradient(to top, #cca6e7 0%, #8d56c2 50%, #cca6e7 100%);color: white;}

.main_con_box {max-width: 1650px;margin: 0px auto;display: flex;gap:8px;}
.main_con_wrap {width:100%;margin:30px 0 0 0;}
.main_con_wrap .more {color: #ffffff;cursor: pointer;position: absolute;right: 19px;font-size: 16px;bottom: 0px;}
.main_con_wrap .more:hover{color: #e4beff;}

.main_con1_wrap {height: 260px;background: linear-gradient(#030307, #030306) padding-box, linear-gradient(#b5dbfe, #fedafe) border-box;border: 2px solid transparent;border-top: none;border-radius: 0 0 10px 10px;flex: 1;}
.main_con1_wrap::before{content:'';display:block;height:6px;background:linear-gradient(to right, #b5dbfe, #fed9fe, #568abe);}
.main_con1_title {text-align: center;position: relative;font-size: 26px;color: white;padding-top: 15px;}
.main_con1 {height: 180px;overflow: hidden;margin: auto;}
.main_con1 table {width: 100%;padding: 15px;}
.main_con1 td {font-size:14px; line-height:32px; 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 {margin:30px 0 0 30px;}
.main_con2 {width:635px; height:236px; padding:17px 0 0 0;}
.main_con2 td {font-size:14px; line-height:32px; color:#fff;}

.main_con1 .flow-list {
	position: relative;
	top: 0;
	animation: scroll 5s linear 1s infinite;
    animation-name: scroll-charge;
    animation-duration: var(--tl-charge-duration);
}

@keyframes scroll-charge {
    100% {
        top: var(--tl-charge-offset);
    }
}

#wrap .sns_wrap {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 5px;
}
#wrap .sns_wrap img {
	max-width: 250px;
}

/*-------------------------------------------------------------------------------------*
 *  팝업, 탭 (sk_tab)                                                                  *
 *-------------------------------------------------------------------------------------*/
.popup_wrap              {width:1300px;position:relative}
.popup_wrap .main_pop_close {cursor: pointer;position: absolute;right: 16px;top: 20px;z-index: 1;}
.popup_wrap .main_pop_close img{width:35px;}
.popup_wrap .pop_content {padding: 70px 20px 30px;}
.popup_wrap .btn_tr{background: #1b1b1b;border: 1px solid #ecb1ff;padding: 3px 6px;}
.popupbox                {width:100%;background: var(--pop-bg) center top no-repeat;background-size: cover;border-radius:10px;position:relative;overflow: hidden;min-height: 800px;}

.popup_tab_wrap          {width:100%;margin-bottom: 20px;}
.popup_tab               {width:100%;background:rgba(0,0,0,0.5);display: flex;}
.popup_tab li            {min-width:120px;border-right:solid 1px rgba(255,255,255,0.05);}
.popup_tab li span       {display:inline-block;width:100%;font-size: 14px;text-align:center;font-weight:600;padding: 15px 10px;}
.popup_tab li span:hover,
.popup_tab li.active span {background: linear-gradient(#a263e1,  #3e1d38);}

.write_title_top {border-top:1px solid rgba(255,255,255,0.1);}
.write_title     {background: #00000099;border-bottom: 1px solid #434343;color:#ffffff;width:200px;font-weight:bold;padding: 10px 20px;}  
.write_basic     {background: #00000099;border-bottom: 1px solid #434343;padding: 10px 20px;}
.write_basic .btn{background: #35203d;padding: 5px;border-radius: 5px;}

.btn_plus_wrapper {display: inline-block;vertical-align: middle;}
.btn_plus_wrapper .btn{background: linear-gradient(#a263e1, #321d38) border-box;border: 1px solid transparent;border-radius: 0;padding: 5px 10px;display: inline-block;text-align: center;word-break: keep-all;}
.btn_plus_wrapper .btn.btn_reset{background: #1b1b1b;border:1px solid #ecb1ff;}
.btn_plus_wrapper .btn.btn_all{background: #1b1b1b;border:1px solid #ecb1ff;}

.bank_req > a {background: #1b1b1b;border:1px solid #ecb1ff;padding:5px;cursor: pointer;color: #feff96;}
.comp_rate {color:white}
.comp_rate .tit{color: #ecb1ff;background:#00000099;font-size:20px;padding:10px 20px;margin-bottom:10px}
.comp_rate .main_tap {display: flex;gap: 1px;background: #00000099;width: 100%;}
.comp_rate .main_tap li{padding: 10px 15px;width: 100px;text-align: center;cursor: pointer;}
.comp_rate .main_tap li.on{color: #ffffff;background: linear-gradient(#a263e1, #321d38);}
.comp_rate .sub_tap{display: grid;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 1px;margin-top: 1px;}
.comp_rate .sub_tap li{text-align: center;padding: 10px;background: #2e3135;cursor: pointer;}
.comp_rate .sub_tap li.on{background: #5a3675;}
.comp_rate .comp_panel {background:#00000099;padding:10px;margin-top:10px;}
.comp_rate .comp_panel .comp_list{display: grid;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 5px;margin-top: 9px;}
.comp_rate .comp_panel .comp_list li{padding: 10px;border: 1px solid #979797;text-align: center;}
.comp_rate .comp_panel .comp_list li .comp_rate {color: #ebc1ff;font-size: 20px;}
.comp_rate .comp_panel .comp_list li .comp_tit {color: #bbbbbb;font-size: 14px;}

/* 슬롯 세부리스트 */
.slot_list {width: 100%;margin-top: 15px;color: #fff}
.slot_list>ul {display: grid;gap: 5px;grid-template-columns: var(--pc-slot-cnt);}
.slot_list>ul>li {backdrop-filter: blur(3px);background: rgb(14 14 14 / 40%);margin-top: 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;}
.slot_list>ul>li:hover {transform: scale(1.25);box-shadow: 0 0 .5em white;z-index: 1;cursor: pointer;}

/* 게임리스트 리스트 */
.game_tit {width:100%; margin:0 0 10px 0;}
.game_list_wrap>ul {display: grid;grid-template-columns: repeat(5, 1fr);gap: 10px;}
.game_list_wrap>ul>li .game-wrap{background: url('../img/bg/game_bg.png') no-repeat center;background-size: cover;padding-bottom: 100%;position: relative;border: 1px solid #9396c7;border-radius: 10px;overflow: hidden;cursor: pointer;}
.game_list_wrap>ul>li .game-wrap:after{content:'';background: linear-gradient(transparent, black);position: absolute;bottom: 0;width: 100%;height: 40%;}
.game_list_wrap>ul>li .game-wrap img {cursor:pointer;max-width: 100%;position: absolute;width: 100%;}
.game_list_wrap>ul>li .game-wrap img.game.mini {width: 84%;margin-left:8%;top: 5%;}
.game_list_wrap>ul>li .game-wrap img.logo {width:50%;left:50%;bottom:4%;transform:translate(-50%, 0%);z-index: 1;}
.game_list_wrap>ul>li .game-wrap .name {width: 100%;left:50%;bottom: 9%;transform:translate(-50%, 0%);z-index: 1;color:white;text-align: center;font-size: 24px;position: absolute;}
.game_list_wrap>ul>li:hover {transition: .7s cubic-bezier(0, -0.5, 0, 1);transform: scale(1.1);z-index: 1;}

.game_list_wrap>ul>li .check {width: calc(100% - 10px);height: calc(100% - 10px);top: 5px;left: 5px;padding: 0;text-align: center;font-size: 1.2rem;letter-spacing: -1px;font-weight: 400;color: #ffffff;line-height: 1.2;display: flex;align-items: center;justify-content: center;flex-flow: column;display: none;}
.game_list_wrap>ul>li .check img {max-width: 100%;width: 3em;}
.active>.check{display: none;}
.check > p > span {font-weight: bold;color: cyan;}

.box_wrap01    {background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); padding:4px; width:100%; }
.box_box01     {background:rgba(0,0,0,0.3); width:100%; padding:10px 0 10px 0; text-align:center;} 
.box_font01    {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    {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; 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); width:100%; padding:5px 0 5px 0; text-align:center;} 
.box02         {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       {width:100%; line-height:20px; padding:0 0 3px 0; color:#ffffff; letter-spacing:-1px; font-size:14px;  font-weight:900; letter-spacing:0pt;}

/* 머니이동 */
.box_wrap03    {background:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.6); padding:6px; width:100%; }
.box_box03     {background:rgba(0,0,0,0.3); width:100%; padding:5px 0 5px 0; text-align:center;} 
.box03         {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); 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;}

#login_pop{max-width:450px;width:100%}
#ask_pop{max-width:450px;width:100%}
.out_login_wrap  {background: linear-gradient(136deg, #454545, black, #454545);padding: 65px 30px 80px;border-radius: 8px;border: 1px solid #626262;font-size: 18px;}
.out_login_wrap .sns_wrap {display: flex;gap: 3px;justify-content: center;margin-top: 16px}
.out_login_wrap .sns_wrap img {max-width: 100%;height: auto}
.out_login_box_wrap {width:600px; margin:0px auto;}
.out_login_tit {color: #c285ff;text-align:center;margin-bottom:20px;font-size: 24px;}
.out_login_tit img{width: 270px;}
.out_login {width:100%; 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: #1b1b1b;border: 1px solid #434343;width:100%;height:50px;color: #ffffff;border-radius:3px;padding:0 0 0 15px;font-size:16px;}
textarea.out_input_login  {background-color: #1b1b1b;border: 1px solid #434343;width:100%;min-height:120px;color: #ffffff;border-radius:3px;padding:10px 15px;font-size:16px;resize: vertical;}

/* 공지팝업 */
.notice_popup_area {position: absolute;top: 100px;left: 100px;display: flex;flex-wrap: wrap;max-height: var(--popup-area-height);overflow: hidden;}
.notice_popup {position: relative;z-index: 1;padding: 10px;/* min-width: 350px; *//* min-height: 400px; */margin-bottom: var(--popup-area-height);}
.notice_popup * {max-width: 100%;}
.notice_popup .no-padding p {margin-bottom: 0;}
.notice_popup_wrap {position:relative;background: linear-gradient(black, black) padding-box, linear-gradient(#eacbff, #8a58da) border-box;border: 1px solid transparent;}
.notice_popup_wrap .btn_close{position:absolute;right:5px;top:5px}
.notice_popup_wrap .btn_close img{width:30px;}
.notice_popup_wrap .btn_today_close {width:100%;text-align:center;color: white;padding: 6px;border-top: 1px solid #ecb1ff;cursor: pointer;}
.notice_popup_btn_wrap ul li {margin:0 0 0 5px;}
.notice_popup_box {width: 100%;height: auto;}
.notice_popup_text {width:100%;padding:30px;}
.notice_popup_font1 {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 {width:100%;font-size:16px;letter-spacing:-1px;font-weight:400;color:#d4d4d4;/* line-height:28px; */}

#notice_pop .notice_popup_text {min-width:400px; min-height:500px; padding:30px;}
#notice_pop .notice_popup_text img {max-width: 100%;}

/* 로딩중 */
.loding_wrap {width:1100px; height:760px; background:url("../images/common/bg_loding.jpg") center top no-repeat; }
.loding {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 {width:100%; height:100vh; background:url("../images/common/bg_loding.jpg") center top no-repeat; background-size:cover;}
.slot_loding {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;}

.tb_empty{color: #c8c8c8;text-align: center;padding: 20px;background: #00000099;}
.tr_content{background: #0e0e0e;color: #e4e4e4;padding: 20px 40px;width: 100%;font-family: 'NotoSans';border: 1px solid #909090;}
.tr_content .answer{padding-left: 10px;color: #feff96;}
.letterContent .tr_content {white-space: pre-wrap;}
.eventContent .tr_content {padding:5px}
.tr_content * {max-width: 100%;}
.tr_content img {height: auto;}

.board-list ul.imgList {display: grid;grid-template-columns: var(--pc-thumb-cnt);width: 100%;gap:10px;padding: 0;}
.board-list ul.imgList li {border-radius: 10px;overflow: hidden;}
.board-list ul.imgList li p {margin:0}
.board-list ul.imgList li img {width:100%;height:auto}
.board-list ul.imgList li .tit{padding: 8px;background: #282828;color: white;}
.board-tit {padding: 10px;background: rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 0, 0, 0.6);margin-bottom: 10px;color: white;font-size: 18px;text-align: center;}
.board-content {padding: 20px;background: rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 0, 0, 0.6);margin-bottom: 10px;color: white;}

iframe.game{position: absolute;top: 0;right: 0;padding: 21px;}
.ic-new{position: relative;}
.ic-new::after{content: ""; background-color: red;border-radius: 50%;width: 7px;position: absolute;height: 7px;/* top: -7px; */}
.btn-new{position: relative;}
.btn-new::after{content: ""; background-color: red;border-radius: 50%;width: 7px;position: absolute;height: 7px;right: 3px;top: 0px;}
.tab-new{position: relative;}
.tab-new::after{content: ""; background-color: red;border-radius: 50%;width: 7px;position: absolute;height: 7px;right: 6px;top: 0px;}
.hamburger-new{position: relative;}
.hamburger-new::after{content: ""; background-color: red;border-radius: 50%;width: 7px;position: absolute;height: 7px;right: -0.1em;top: 0.2em;}

.popup_wrapper .ico-close{position:absolute;right:0;top:0; width:50px;padding:10px}
.popup_wrapper img.logo{width:50px}
.popup_wrapper .tit{color:white}
.popup_wrapper .btn-wrap{margin-top: 20px;}
.popup_wrapper .btn-wrap button{width:100%;color:white;border-radius:5px;margin-top:10px;padding:10px}
.popup_tab_content .title1{color:white;padding: 15px 20px;background:#00000099;font-size:24px;margin-bottom:20px}
.popup_tab_content .attend_info{color:white;background:#00000099;margin: 10px 0;padding: 12px;text-align:center}
.btn_wrap_center{text-align:center;padding:20px 0;}
.btn_wrap_center button{padding: 13px;min-width: 200px;background: linear-gradient(#a263e1, #321d38);color: white;font-size: 16px;font-weight: 600;}

/* 룰렛 */
.roulette-box {position: relative;width: 100%;height: 800px;background: url(../images/common/roul-bg.png) no-repeat left top #fff;background-size: 100% auto;overflow: hidden;}
.roulette-bg {height: 100%;display: flex;z-index: 10;margin-top: -70px;}
.roulette-money {position: absolute;bottom: 0px;left: 0px;z-index: 100;width: 1024px;}
.roulette-container {position: absolute;right: 44px;top: 222px;width: 550px;z-index: 100;background: none;}
.roulette-container img {width: 100%;height: auto;}
.roulette {width: 100%;position: relative;display: block;}
.roulette .wheel {position: absolute;width: 74%;top: 15%;left: 13%;transition: transform 6.5s cubic-bezier(0.3, 1, 0.7, 1),6.5s filter cubic-bezier(0.1, 1, 0.8, 1),6.5s -webkit-filter cubic-bezier(0.1, 1, 0.8, 1);}
.roulette .wheel .roulete_img {will-change: transform;border-radius: 50%;box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);width: 100%;}
.roulette .wheel .coupon {width: 40%;}
.roulette .outside{position: relative;width: 100%;left: 0;top: 0;z-index: 100;}
.roulette .roulette-btn {z-index: 103;position: absolute;transform: translate(-50%,-50%);top: 45.5%;left: 50%;}
.roulette .start-btn {background-image: url(../images/common/start.png);background-size: cover;width: 95px;height: 95px;border-radius: 100px;}
.roulette .start-btn:hover, 
.roulette .start-btn:disabled {background-image: url(../images/common/start_disable.png);background-size: cover;width: 98px;height: 98px;border-radius: 100px;}

.roulette .money1 {color: aliceblue;font-size: 1.5em;position: inherit;left: 44%;top: 16%;width: 30%;height: 6%;color:#000;font-weight: 900;text-align: center;transform: rotate(287deg);-ms-transform:rotate(287deg);-moz-transform:rotate(287deg);-webkit-transform: rotate(287deg);-o-transform:rotate(287deg);}
.roulette .money2 {color: magenta;font-size: 1.5em;position: inherit;left: 57%;top: 25%;width: 30%;height: 9%;color:#000;font-weight:900;text-align: center;transform:rotate(315deg);-ms-transform:rotate(315deg);-moz-transform:rotate(315deg);-webkit-transform: rotate(315deg);-o-transform:rotate(315deg);}
.roulette .money3 {color: aliceblue;font-size: 1.5em;position: absolute;left: 63.5%;top: 39%;width: 30%;height: 7%;color:#000;font-weight:900;text-align: center;transform:rotate(348deg);-ms-transform:rotate(348deg);-moz-transform:rotate(348deg);-webkit-transform: rotate(345deg);-o-transform:rotate(348deg);}
.roulette .money4 {color: magenta;font-size: 1.5em;position: absolute;left: 65%;top: 54%;width: 30%;height: 7%;color:#000;font-weight:900;text-align: center;transform:rotate(14deg);-ms-transform:rotate(14deg);-moz-transform:rotate(14deg);-webkit-transform: rotate(14deg);-o-transform:rotate(14deg);}
.roulette .money5 {color: aliceblue;font-size: 1.5em;position: absolute;left: 57%;top: 68.5%;width: 30%;height: 9%;color:#000;font-weight:900;text-align: center;transform:rotate(39deg);-ms-transform:rotate(39deg);-moz-transform:rotate(39deg);-webkit-transform: rotate(39deg);-o-transform:rotate(39deg);}
.roulette .money6 {color: magenta;font-size: 1.5em;position: absolute;left: 42%;top: 77%;width: 29%;height: 10%;color:#000;font-weight:900;text-align: center;transform:rotate(74deg);-ms-transform:rotate(74deg);-moz-transform:rotate(74deg);-webkit-transform: rotate(74deg);-o-transform:rotate(74deg);}
.roulette .money7 {color: aliceblue;font-size: 1.5em;position: absolute;left: 26.4%;top: 74%;width: 29%;height: 10%;color:#000;font-weight:900;text-align: center;transform:rotate(109deg);-ms-transform:rotate(109deg);-moz-transform:rotate(109deg);-webkit-transform: rotate(109deg);-o-transform:rotate(109deg);}
.roulette .money8 {color: magenta;font-size: 1.5em;position: absolute;left: 13%;top: 69%;width: 30%;height: 6%;color:#000;font-weight:900;text-align: center;transform:rotate(136deg);-ms-transform:rotate(136deg);-moz-transform:rotate(136deg);-webkit-transform: rotate(136deg);-o-transform:rotate(136deg);}
.roulette .money9 {color: aliceblue;font-size: 1.5em;position: absolute;left: 5%;top: 55%;width: 30%;height: 7%;color:#000;font-weight:900;text-align: center;transform:rotate(165deg);-ms-transform:rotate(165deg);-moz-transform:rotate(165deg);-webkit-transform: rotate(165deg);-o-transform:rotate(165deg);}
.roulette .money10 {color: magenta;font-size: 1.5em;position: absolute;left: 5%;top: 39%;width: 30%;height: 7%;color:#000;font-weight:900;text-align: center;transform:rotate(195deg);-ms-transform:rotate(195deg);-moz-transform:rotate(195deg);-webkit-transform: rotate(195deg);-o-transform:rotate(195deg);}
.roulette .money11 {color: aliceblue;font-size: 1.5em;position: absolute;left: 12.5%;top: 23.5%;width: 30%;height: 7%;color:#000;font-weight:900;text-align: center;transform:rotate(225deg);-ms-transform:rotate(225deg);-moz-transform:rotate(225deg);-webkit-transform: rotate(225deg);-o-transform:rotate(225deg);}
.roulette .money12 {color: magenta;font-size: 1.5em;position: absolute;left: 27.6%;top: 16.8%;width: 30%;height: 7%;color:#000;font-weight:900;text-align: center;transform:rotate(254deg);-ms-transform:rotate(254deg);-moz-transform:rotate(254deg);-webkit-transform: rotate(254deg);-o-transform:rotate(254deg);}

.roulette-title {position: absolute;right: 0;width: 18%;font-size: 1em;justify-content: center;align-items: center;margin-right: .8em;margin-top: 0.2em;}
.roulette-title .coupon {width: 50%;flex-grow: 1;}
.roulette-title-coupon-box {position: absolute;right: 0;width: 18%;font-size: 1em;justify-content: center;align-items: center;margin-right: 51.8em;margin-top: 35.2em;}
.roulette-title-coupon-box .coupon{width: 50%;flex-grow: 1;}
.roulette-title-coupon-box .coupon-cnt {font-size: 4em;color: brown;}
.attendance-reward-btn {position: absolute;right: 4em;margin-top: -47px;}

.skiptranslate {
	display: none !important;
}
.langs  {
	width: 50px !important;
	display: inline-block !important;
	vertical-align: middle;
}
.langs .dynamic-select {
	color: white;
}
.langs .dynamic-select .dynamic-select-header {
	justify-content: center;
	border: 1px solid #a263e1;
}
.langs .dynamic-select .dynamic-select-header::after {
	display: none;
}
.langs .dynamic-select .dynamic-select-option-text {
	display: none;
}
.langs .dynamic-select .dynamic-select-options {
	background: #100f0f;
}
.langs .dynamic-select .dynamic-select-option:hover {
	background-color: #424242;
}

body.gate {
    background: fixed no-repeat center;
    background-size: cover;
    background-image: var(--gate-bg);
}
body.gate video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}