@charset "utf-8";
:root{
	--ver:1.0;
	--header-hight: 120px;
	background:#000;
}
#wrap::before{content:'';height: 6px;display: block;background: linear-gradient(to right, #ef1818, #dda3a3, #ef3232);}
#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;align-items:center;color:#fff;justify-content:center}
.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, #3d2029, #f30808);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 #4f0f2f;}

.main_popup_tab_wrap {width:100%;}
.main_popup_tab_box {width:990px; margin:0px auto;}
.main_popup_tab {display: flex;width: 100%;background: url(../images/main/menu_head.png?v03);/*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: 4px;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, #ff9d04 0%, #cc3e3e 50%, #ff9d04 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(#f74141, #fedada) border-box;border: 1px solid transparent;border-top: none;border-radius: 0 0 10px 10px;flex: 1;}
.main_con1_wrap::before{content:'';display:block;height:30px;background:linear-gradient(to right, #ff0000, #efce50, #fd0000);}
.main_con1_title {text-align: center;position: relative;font-size: 24px;color: white;margin-top: -34px;}
.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 #ffb1b1;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(#e94b4b, #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: #6b3535;padding: 5px;border-radius: 5px;}

.btn_plus_wrapper {display: inline-block;vertical-align: middle;}
.btn_plus_wrapper .btn{background: linear-gradient(#ed5454, #7b3a3a) 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 #ffb1b1;}
.btn_plus_wrapper .btn.btn_all{background: #1b1b1b;border:1px solid #ffb1b1;}

.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: var(--game-bg) no-repeat center;background-size: cover;padding-bottom: 100%;position: relative;border: 1px solid #c79393;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: #f17676;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;}

/* 로딩중 */
.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(#f90000, #381d1e);color: white;font-size: 16px;font-weight: 600;}


.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%);
}

/* BS Table */
.bs-table {width: 100%;border-collapse: separate;border-spacing: 0 3px;}
.bs-table thead th {height: 50px;color: #fff;font-size: 12px;text-align: center;background-color: #5f4d2a;}
.bs-table thead th:first-child {border-radius: 8px 0 0 8px;}
.bs-table thead th:last-child {border-radius: 0 8px 8px 0;}
.bs-table tr {cursor: pointer;}
.bs-table tr td {height: 48px;color:#ebebeb;text-align: center;padding: 1px;transition: 0.3s;background-color:#222;border-top: solid 1px rgba(255, 255, 255, 0.08);    border-bottom: solid 1px rgba(255, 255, 255, 0.08);}
.bs-table tr td:first-child {border-radius: 8px 0 0 8px;border-left: solid 1px rgba(255, 255, 255, 0.08);}
.bs-table tr td:last-child {border-radius: 0 8px 8px 0;border-right: solid 1px rgba(255, 255, 255, 0.08);}
/* .bs-table tr:hover td {background-color: rgba(180, 223, 255, 0.1);border-color: rgba(180, 223, 255, 0.15);} */
.bs-table tr td a {color: #ffffff;transition: 0.3s;display: inline-block;vertical-align: middle;max-width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;}
.bs-table tr td a:hover {color: #c7adff;text-decoration: underline;}
.bs-table tr .count-td {width: 50px;}
.bs-table tr .count-tag {width: 24px;height: 24px;position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;margin: 0 auto; color: #ffffff;font-size: 12px;background-color: #7a6fed;border-radius: 6px;}
.bs-table tr .title-td {text-align: left;padding-left: 15px;max-width: 590px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bs-table tr .status-td {width: 15%;padding-left: 5px;}
.status-tag {min-width: 68px;display: inline-block;padding: 2px 10px;background-color: #0075ff;border-radius: 4px;color: #ffffff;white-space: nowrap;font-size: 12px;}
.status-tag.green {background-color: #27ae27;}
.bs-table tr .date-td {width: 20%;color: #8fa4bd;font-size: 12px;}
.bs-table tr .nav-td {width: 40px;}
.bs-table tr td .delete-btn {background-color: transparent;border: none;color: #999999;font-size: 14px;transition: 0.3s;}
.bs-table tr td .delete-btn:hover {color: #d3131a;}
.bs-table tr td .nav-btn {background-color: transparent;border: none;position: relative;}
.bs-table tr td .nav-btn i {position: relative;color: #fff;font-size: 10px;transition: 0.3s;transform: rotate(0deg);}
.bs-table tr td .nav-btn:hover i {color: #ffca5f;}
.bs-table tr.active td .nav-btn i {transform: rotate(180deg);top: 5px;}
.bs-table tr td .plus-btn {width: 16px;height: 16px;background-color: #ffdf3d;border: none;border-radius: 50%;color: rgba(0, 0, 0, 0.75);font-size: 12px;padding: 0 0 0;display: inline-block;vertical-align: middle;position: relative;}
.bs-table tr td .plus-btn:hover {background-color: #cd4821;}
.bs-table tr td .plus-btn:before, .bs-table tr td .plus-btn:after {content: '';width: 2px;height: 50%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;position: absolute;background-color: #444444;transition: 0.3s;}
.bs-table tr td .plus-btn:after {transform: rotate(90deg);}
.bs-table tr.active td .plus-btn:before {height: 0;}
.bs-table tr td .plus-btn:hover:before, .bs-table tr td .plus-btn:hover:after {background-color: #ffffff;}

/* Pagination */
.pagination li {float: left;}
.pagination>li>a {height:32px;color:#8fa4bd;text-decoration:none;background-color:rgba(0, 0, 0, 0.25);border:1px solid #222;display: flex;align-items: center;justify-content: center;padding:2px 8px 0;position: relative;z-index: 1;transition: 0.3s;}
.pagination li a:hover {color: #ffffff;}
.pagination .turn-pg a {width: 24px;color: #c9b0ff;font-size: 18px;background-color: rgba(255, 255, 255, 0);border: none;box-shadow: none;}
.pagination .turn-pg a:hover {color: #39f1f1;}
.pagination .active {color:#ffffff;background:#5f4d2a;}

.btnwrap {width:100%;margin-top:10px;display:grid;grid-template-columns: repeat(8, 1fr);gap:4px}
.btnwrap button {width:100%;cursor:pointer;padding: 8px 12px;font-size:14px;color:#fff;border-radius:8px;border:1px solid #e2e8f0;color:#000}

.slotlist {width:100%;margin-top:10px;display:grid;grid-template-columns:repeat(6, 1fr);gap:10px}
.slotlist>a {display:flex;flex-flow:column}
.slotlist>a .g-panel {width:100%;overflow:hidden}
.slotlist>a .g-panel>img {width:100%}
.slotlist>a .g-footer {width:100%;background:#000;color:#fff;text-align:center;padding:4px;overflow:hidden}

.btn-wrap{display: flex;gap: 5px;align-items:center;color:#fff;justify-content:center;margin:8px 0}
.btn-wrap >button {padding: 10px;font-size: 1.2em;color: white;min-width: 110px;text-align: center;}

.popup-container {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);z-index:9999;overflow:hidden}
.popup-wrap {width:1600px;margin:0 auto;display:flex;align-items:flex-start;gap:10px}
.popup-container .popup-wrap .popup-box {display:inline-block;margin-top:68px;width:calc(25% - 10px);margin-right:10px;border:2px solid #000;overflow:hidden;background:#fff;animation:opacityIn .3s;transition:opacity .3s;}
.popup-container .popup-wrap .popup-box .pop_head {display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:#000;position:relative;}
.popup-container .popup-wrap .popup-box .pop_head button{position:absolute;top:50%;right:20px;transform:translate(0, -50%);width:24px;height:24px;color:white;display:grid;place-content:center;background-color:transparent;cursor:pointer;border:none}
.popup-container .popup-wrap .popup-box .popup-contents-box {min-height:400px;padding:0}
.popup-container .popup-wrap .popup-box .popup-contents-box img {display:block;width:100%;max-height:calc(100vh - 150px);}
.popup-container .popup-wrap .popup-box .popup-footer {height:34px;background:#000;color:#fff;display: flex;justify-content: center;align-items: center;}
.popup-container .popup-wrap .popup-box .popup-footer button {background: linear-gradient(#f90037, #5d2a3f);border:0;border-radius:10px;color:#fff;font-size:12px;padding:4px 12px;cursor:pointer;}

@media (max-width: 767px) {
	.popup-wrap {width:100%;display:flex;flex-wrap:wrap;justify-content:center}
	.popup-container .popup-wrap .popup-box {margin-top:40px;width:calc(90% - 10px);}
	.bs-table tr td {font-size: 12px;}
  .bs-table tr .count-td {width: auto;}
  .bs-table tr td a {max-width: 180px;font-size: 12px;    }
  .bs-table tr .title-td {max-width: 180px;padding-left: 5px;}
  .bs-table tr .nav-td {width: auto;}
  .bs-table thead th {font-size: 12px;}
  .bs-table tr .count-tag {width: 24px;height: 24px;}
  .bs-table tr .date-td {font-size: 10px;}
	
	.btnwrap {grid-template-columns: repeat(4, 1fr);gap:4px}
	
	.popup-wrap {width:100%;display:flex;flex-wrap:wrap;justify-content:center}
	.popup-container .popup-wrap .popup-box {margin-top:40px;width:calc(90% - 10px);}
	
	.slotlist {grid-template-columns:repeat(2, 1fr);gap:4px}
}