@import url('../global.css?v=1');

@charset "utf-8";

@font-face {
	font-family: 'SCDream';
	font-weight:100;
	src: url('/css/client/fonts/SCDream5.woff') format('woff');
}

/* default */
* {margin:0;padding:0;}
html {width:100%;background:#1d1d1d;;background-position: center;background-size: cover;height: 100%;overflow-x: hidden;
scroll-behavior: smooth;
overscroll-behavior: contain;
}
body {width:100%;margin:0px;padding:0px;font-family: 'SCDream','sans-serif','Dotum','돋움';font-size:12px;color:#ffffff;line-height:100%;
overscroll-behavior: contain;
overflow-x:hidden !important;
background: url(/images/client/main/contents_bg.jpg?v=1.1) no-repeat fixed center top;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;overflow: auto;
}

body::-webkit-scrollbar {width:10px;}
body::-webkit-scrollbar-thumb {background:#cd9328;border-radius:10px;}

header, footer, div, p, ul, li, table, th, td, textarea, input, select,  form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, address, section, cite, button
	{margin:0px;padding:0px;color:inherit;line-height:100%;font-weight:400;box-sizing:border-box;}
span{margin:0px;padding:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:100%;}
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;word-break:break-all;}

fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;display:none;}
img {border:0;vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}
button {font-family: 'SCDream','sans-serif','Dotum','돋움';cursor:pointer;}
input {font-family: 'SCDream','sans-serif','Dotum','돋움';cursor:pointer;}

select {font-family: 'SCDream','sans-serif','Dotum','돋움';font-size:12px; vertical-align: top;line-height: 30px;height: 30px;background: #2d2e35;box-shadow: rgb(0 0 0 / 35%) 0px 2px 3px, rgb(255 255 255 / 22%) 1px 1px 1px -2px inset;border-radius: 5px;text-indent: 10px;margin-right: 5px;}
option { padding: 0 10px 0 10px; }

/* 링크 */
a {text-decoration:none;color:#f5aa18;margin:0px;padding:0px;}
a:link, a:visited {text-decoration:none;color:#f5aa18;}
a:hover, a:focus, a:active {text-decoration:none;color:#f5aa18;}
a:focus, img:focus {outline:none;}

/* 인풋 */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"]{border:none;background:none;font-size:14px;outline:none;}
input[type="radio"] {width:19px;height:19px;margin-bottom:1px;}
input[type="checkbox"] {width:19px;height:19px;margin-bottom:2px;outline:none;border:1px solid #cbcbcc;background:#ffffff;}
input:-ms-input-placeholder {color:#666666 !important;}
input::-webkit-input-placeholder {color:#666666 !important;}
input::-moz-placeholder {color:#666666 !important;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-ms-clear {display:none;}

/* textarea */
textarea {width:100%;padding:10px;line-height:20px;height:100px;box-sizing:border-box;border:1px solid #c4c6c7;background-color:black;}
textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
textarea:-ms-input-placeholder {color:#cccccc;}
textarea::-webkit-input-placeholder {color:#cccccc;}
textarea::-moz-placeholder {color:#cccccc;}

button {padding:0;margin:0;background-color:transparent;color:#ffffff;border:none;outline:none;display:inline-block;text-align:center;transition:200ms all;}

#wrap {min-width:320px;position:fixed;width:100%;height:120px;z-index:250;;}
.small-show{display:none;height:50px;}

/* 해더 */

header {position:fixed;height:120px;width:calc(100% - 0px);}
header .header_box {position:relative;display:block}
header .header_box_mobile {position:relative;display:none}
header #logoimg {height:78px;z-index: 10;position: relative;}
.header_box .top_addmenu {width: 100%;height:30px;display:none;float:right;position: relative;top: 4px;text-align:center;}
.header_box .top_myinfomation {height:20px;display:none;float:left;margin-left:5px;margin-top:10px;color:#ffffff;font-size:13px;font-weight:bold;transition:200ms all;line-height:14px;position: relative;/*top: 50px;*/}
.header_box .ico_bottom_menu {display:none;position: absolute;cursor:pointer;height:100%;margin-top:8px;min-width:45px;color:#f5aa18;font-size:18px;font-weight:bold;vertical-align:middle;float: left;}
.header_box .ico_bottom_menu svg {height:28px;vertical-align:middle;margin-top:12px;margin-left:5px;}
.header_box .reflesh {color:#f5aa18;}

.mobile-main {display:none;}

.menu_box {width:100%;margin:0 auto;position:relative;background: #0f0f0f;border-bottom: solid #3e4221;border-radius: 0px;}
.header_box .gnb1 {position:absolute;top:0px;left:0px;right:0;height:41px;overflow:hidden;background: url(/images/client/main/top_bg1.jpg?v=6);}
.header_box .gnb1 .header_view {margin:0 250px;}
.header_box .gnb2 {position:absolute;top:41px;left:0px;right:0;height:80px;overflow:hidden;background: url(/images/client/main/top_bg2.jpg?v=6);}
.header_box .gnb2 .header_view {margin:0 250px;}
.header_box .gnb2 .exp {display:flex;align-items:center;margin-left:20px;gap:10px;font-size:1.6em}
.header_box_mobile .gnb1 .mexp {display:flex;align-items:center;flex-flow:column;margin-left:10px;font-size:0.8em}

.header_box .gnb3 {position:absolute;top:121px;left:0px;right:0;height:39px;overflow:hidden;background: url(/images/client/main/top_bg3.jpg?v=6);}
.header_box .gnb3 .header_view {margin:0 250px;}


.header_box .fadein-pjax {position: relative;left: 0px;height:39px;width: 400px;float: left;}
.fadein-pjax_mobile {position: relative;left: 0px;top:10px;height:39px;max-width: 300px;float: left;}
.scroll_notice_view_mobile { display: none;position: absolute;top: 90px;left: 0px;right: 0;height: 30px;}
.scroll_notice_view_content { display: none; }
.img_title { max-width:915px;}
.img_title2 { max-width:915px;}

.header_box .gnb1_menu {position: relative;top:2px;height:30px;width: 650px;float: right;display: flex !important;align-items: center;align-content: center;justify-content: right;flex-wrap: wrap;text-align: center;}
.header_box .gnb1_menu .gnb1_menu_subn{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #fff;font-size: 12px;}
.header_box .gnb1_menu .gnb1_menu_sub1{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #fff;font-size: 12px;}
.header_box .gnb1_menu .gnb1_menu_sub2{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #ffc600;font-size: 12px;}
.header_box .gnb1_menu .gnb1_menu_sub3{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #ffc600;font-size: 12px;}
.header_box .gnb1_menu .gnb1_menu_sub5{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #fff;font-size: 12px;}
.header_box .gnb1_menu .msg {height: 30px;/*border: 1px solid #434347;*/margin-top: 7px;color: #cbcbcb;background: #000;border-radius: 3px;font-size: 12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px;line-height: 26px;font-weight: bold;margin-bottom: 4px;cursor: pointer;position: relative;transition: 200ms all;}

.header_box .gnb2_menu {height:78px;width:50%;float:right;display:flex !important;align-items:center;align-content:center;justify-content:space-between;flex-wrap: wrap;text-align: center;}
.header_box .gnb2_menu .menu_sub{line-height: 37px;font-weight: bold;padding:0 0 0 20px;text-align: center;cursor: pointer;color: #c5a059;font-size:16px;}

.header_box .gnb3_menu {height:33px;width: 850px;float: right;display: flex !important;align-items: center;align-content: center;justify-content: right;flex-wrap: wrap;text-align: center;}
.header_box .gnb3_menu .gnb1_menu_subn{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #fff;font-size: 14px;}
.header_box .gnb3_menu .gnb1_menu_sub1{line-height: 27px;padding: 1px 10px;text-align: center;cursor: pointer;color: #cbcbcb;font-size: 12px;}
.header_box .gnb3_menu .gnb1_menu_sub2{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #ffc600;font-size: 14px;}
.header_box .gnb3_menu .gnb1_menu_sub3{line-height: 27px;font-weight: bold;padding: 11px 10px;text-align: center;cursor: pointer;color: #ffc600;font-size: 14px;}
.header_box .gnb3_menu .msg {height: 25px;border: 1px solid #434347;margin-top: 5px;color: #fff;background: #000;border-radius: 3px;font-size: 14px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding: 0px 20px;line-height: 26px;font-weight: bold;margin-bottom: 4px;cursor: pointer;position: relative;transition: 200ms all;}

.header_box_mobile .gnb1 {position:absolute;top:0px;left:0px;right:0;height:59px;overflow:hidden;}
.header_box_mobile .gnb1 .header_view {margin:0 auto;max-width:1540px;}
.header_box_mobile .gnb2 {position:absolute;top:60px;left:0px;right:0;height:30px;overflow:hidden;}
.header_box_mobile .gnb2 .header_view {margin:0 auto;max-width:1540px;}
.header_box_mobile .gnb1_menu {height:39px;width: 50px;float: left;position: relative;top: 10px;left:10px;text-align: center;}
.header_box_mobile .gnb2_menu {height:29px;width: 100%;display: flex !important;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;text-align: center}
.header_box_mobile .gnb2_menu_sub1{line-height: 27px;font-weight: bold;padding: 0 5px;text-align: center;cursor: pointer;color: #fff;font-size: 12px;}
.header_box_mobile .gnb2_menu .msg {height: 29px;color: #fff;background: #000;padding: 0 5px;font-size: 12px;line-height: 27px;font-weight: bold;cursor: pointer;position: relative;transition: 200ms all;}
.header_box_mobile .gnb3_menu {height:39px;width: 50px;float: left;position: relative;top: 10px;}


footer .footer {display:none;}

/*상단 서브메뉴*/
.submenu0{position: absolute;left: 150px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}
.submenu1{position: absolute;left: 300px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}
.submenu2{position: absolute;left: 450px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}
.submenu3{position: absolute;left: 450px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}
.submenu4{position: absolute;left: 450px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}
.submenu5{position: absolute;left: 600px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}
.submenu6{position: absolute;left: 750px; top:120px;z-index:100;padding: 10px 0 15px 0;display: none;width: 60%;border:1px solid #373737;background:#323239;color: #fff;border-radius:5px;transition:200ms all;
box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 8px -6px, rgb(92, 94, 108) 1px 1px 6px -2px ;}

.submenu .other_menu_list {position: relative;width:100%;height:100%;margin-bottom:3px;padding:4px;}
.submenu .other_menu_list .mune_list01 {margin:0px 0px 0px 6px;}
.submenu .other_menu_list .mune_list01 li {position:relative;margin:5px;width:200px;float:left;}
.submenu .other_menu_list .mune_list02 {margin:0px 0px 0px 6px;}
.submenu .other_menu_list .mune_list02 li {position:relative;margin:5px;width:160px;float:left;}

.submenu .other_menu_list .menu01 {height:37px;border-radius:5px;color:#ffffff;font-weight:bold;transition:200ms all;line-height:37px;padding-left:15px;border:1px solid #000;cursor:pointer;
	box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;}
.submenu .other_menu_list .menu01 img {height:28px;vertical-align:middle;margin:0px 4px 2px 0px;}
.submenu .other_menu_list .menu01:hover {color:#ffffff;border:1px solid #fc973a}
.submenu .other_menu_list .menu01.on {border:1px solid #000;color:#ef9d07;font-weight:bold;font-size:14px;border:1px solid #fc973a}
.submenu .other_menu_list .menu01 .time {position:absolute;top:4px;right:10px;height:28px;display:inline-block;width:50px;text-align:center;line-height:26px;font-weight:normal;border:1px solid #1a223b;border-radius:5px;background:#000;}



/* gnb */
@media (min-width:1000px) and (max-width:1850px) {
	header #gnb2 .arrow_area {display:block !important;}
}
@media (min-width:1000px) and (max-width:1200px) {
	#top_myinfomation {display:none;}
	.menu_box {display:block;}
}
@media (min-width:100px) and (max-width:1200px) {
	#gnb2 {display:none;}
	#top_addmenu {display:block;}
	#top_myinfomation {display:block;}
	.menu_box {display:none;}
}
.mobile_login {display:none;}


/*모바일 메뉴 스타일*/
header .mobile_header {position:absolute;top:0;left:0;width:100%;display:none;}

header .menu_ico {position:absolute;top:7px;left:9px;width:47px;height:42px;font-size:0;cursor:pointer;background:#2d2e35;border-radius:5px;transition:200ms all;
	box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}
header .menu_ico .icon {width:16px;height:16px;margin:12px auto 0 auto;}
header .menu_ico svg {fill: rgb(205, 205, 204);transition:200ms all;}
header .menu_ico:hover {background:#393a43;}
header .menu_ico:hover svg {fill: rgb(255, 255, 255);}

.menu_nologin {height:calc(100% - 119px) !important;}
header .mobile_left_menu {display:none;position:fixed;width:80%;height:calc(100% - 137px);top:59px;left:0px;background:#202020;z-index:200;overflow-x:hidden;padding-bottom:30px;transition:400ms all;padding:1px 5px;
	box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
}
header .mobile_left_menu::-webkit-scrollbar {width:0px;}
header .mobile_left_menu .logo {margin-bottom:15px;text-align:center;}
header .mobile_left_menu .logo img {height:50px;}
header .mobile_left_menu .menu01 {}
header .mobile_left_menu .menu01 li {cursor:pointer !important;height:45px;margin-bottom:1px;line-height:45px;padding-left:40px;font-weight:bold;}/**/
header .mobile_left_menu .menu_divider {text-align:center;margin-bottom:10px;}
header .mobile_left_menu .menu02 {}
header .mobile_left_menu .menu02 li {cursor:pointer;height:45px;margin-bottom:1px;line-height:45px;padding-left:40px;font-weight:bold;}

header .mobile_right_menu {position:fixed;width:260px;height:calc(100% - 2px);top:2px;right:-260px;background:#202020;z-index:200;overflow-x:hidden;padding-bottom:30px;transition:400ms all;padding:1px 5px;
	box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
}
header .mobile_right_menu::-webkit-scrollbar {width:0px;}
header .mobile_right_menu .logo {margin-bottom:15px;text-align:center;}
header .mobile_right_menu .logo img {height:50px;}
header .mobile_right_menu .menu01 {}
header .mobile_right_menu .menu01 li {cursor:pointer !important;height:45px;margin-bottom:1px;line-height:45px;padding-left:40px;font-weight:bold;}/**/
header .mobile_right_menu .menu_divider {text-align:center;margin-bottom:10px;}
header .mobile_right_menu .menu02 {}
header .mobile_right_menu .menu02 li {cursor:pointer;height:45px;margin-bottom:1px;line-height:45px;padding-left:40px;font-weight:bold;}

header .mobile_user_ico {position:absolute;top:7px;right:9px;width:47px;height:42px;font-size:0;cursor:pointer;background:#2d2e35;border-radius:5px;transition:200ms all;
	box-shadow: rgba(0, 0, 0, 0.35) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;
}
header .mobile_user_ico .icon {width:16px;height:16px;margin:12px auto 0 auto;}
header .mobile_user_ico svg {fill: rgb(205, 205, 204);transition:200ms all;}
header .mobile_user_ico:hover {background:#393a43;}
header .mobile_user_ico:hover svg {fill: rgb(255, 255, 255);}
header .mobile_user_section {position:fixed;width:280px;height:100%;top:0;right:-280px;background:#202020;z-index:200;overflow-x:hidden;padding-bottom:30px;transition:400ms all;padding:15px 10px 30px 10px;
	box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
}
header .mobile_user_section::-webkit-scrollbar {width:0px;}
header .mobile_user_section .logo {margin-bottom:15px;text-align:center;}
header .mobile_user_section .logo img {height:50px;}

.member_join_btn {width:120px;height:20px;border:1px solid #00bfff;background:#1a4050;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;font-weight: 600;}
.member_join_btn:hover {border:1px solid #00bfff;background:#00bfff;}
.member_login_btn {width:100px;height:20px;border:1px solid #ff0012;background:#501a1a;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.member_login_btn:hover {border:1px solid #ff0000;background:#ff0000;}

/* 공통 */
.mask {position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;bottom:0;right:0;z-index:100;display:none;}
.mask_layer {position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;bottom:0;right:0;z-index:10;display:none;}
.msg_layer {position:fixed;background:rgba(0,0,0,0.5);top:0;left:0;bottom:0;right:0;z-index:10;display:none;}

/* 공통 박스 */
.box_type01 {border-radius:5px;background:#222227a3;box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;}
.box_type02 {border-radius:5px;background:#2d2e35;box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;}
.box_type03 {border-radius:5px;box-shadow: rgb(82, 82, 93) 1px 1px 4px -2px inset;}
.box_type04 {border-radius:5px;border:1px solid #8b9399;background:#323239;box-shadow: rgba(0, 0, 0, 0.35) 1px 1px 4px -2px inset;padding:5px;}/**/

/* 공통 버튼 */
.button_type01 {color:#fff;background:#3a3a42;border-radius:5px;border:1px solid #484853;font-size:12px;font-weight: bold;transition:200ms all;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}

.button_type01:hover {}
.button_type01.on {cursor:default !important;color:#fff;background:#f5aa18;border:1px solid #484853;}
.button_type01_01 {cursor: default !important;border: 1px solid #1c4b5a;    color: #858c83 !important;    background: #161821 !important; display:none;}

.button_type02 {background:#5f809a;border-radius:5px;font-size:12px;font-weight: bold;transition:200ms all;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#ffffff;border:1px solid #484853;}
.button_type02:hover {color:#ffffff;background:#526e84;border:1px solid #484853;}
.button_type02:on {color:#ffffff;background:#526e84;border:1px solid #484853;}
.button_type02_01 {margin: 0 10px 0 10px;cursor: default !important; border: 1px solid #40464a; color: #ffffff !important;background: #343a3e  !important; display:none;}
.button_type03 {background:#8585af;border-radius:5px;font-size:12px;font-weight: bold;transition:200ms all;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#ffffff;border:1px solid #484853;}
.button_type03:hover {color:#ffffff;background:#747498;border:1px solid #484853;}
.button_close {width:30px;height:30px;right:5px;color:#50e2e4;background:#2e2e35;border:1px solid #393940;position:absolute;padding:0 !important;margin:0 !important;
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;border-radius:5px;z-index: 20;}
.button_close:before {content:"";position:absolute;width:3px;height:60%;top:50%;right:40%;background:#50e2e4;;transform: translate(-50%, -50%) rotate(45deg);}
.button_close:after {content:"";position:absolute;width:3px;height:60%;top:50%;right:40%;background:#50e2e4;transform: translate(-50%, -50%) rotate(-45deg);}
.subwin_close {position:absolute;right:5px;color: #50e2e4;}
.subwin_close:after {content:"-숨기기";}

.button_type01_02 {background:#2d2e35;border-radius:5px;transition:200ms all;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#c8c8c7;;
}
.button_type01_02:hover {color:#ffffff;background:#393a43;}
.button_type01_02.on {cursor:default !important;border:1px solid #ffa604;color:#ffa604 !important;background:#312b20 !important;}
.button_close_02:before {content:"";position:absolute;width:3px;height:60%;top:50%;right:40%;background:#50e2e4;;transform: translate(-50%, -50%) rotate(45deg);}
.button_close_02:after {content:"";position:absolute;width:3px;height:60%;top:50%;right:40%;background:#50e2e4;transform: translate(-50%, -50%) rotate(-45deg);}

/* 컨테이너 */
#container {/*max-width:2000px;*/margin:0 auto;}

/* 레프트 스포츠 */
#left_section {position:fixed;margin-left:10px;width:260px;top:90px;bottom:0;left:0;z-index:10;}
#left_section.on {position:fixed;top:90px;}
.left_box {position:relative;height:100%;overflow-y:auto;}
.left_box .telegram {height:60px;margin-bottom:3px;cursor:pointer;}
.left_box .telegram .ico {display:inline-block;margin:10px 30px 0px 34px;float:left;}
.left_box .telegram .name {display:inline-block;float:left;font-size:16px;padding-top:10px;line-height:20px;}
.left_box .telegram .name .address {display:block;font-size:13px;color:#d7c509;}
.left_box .host_address {height:60px;margin-bottom:15px;cursor:pointer;}
.left_box .host_address .ico {display:inline-block;margin:10px 18px 0px 34px;float:left;}
.left_box .host_address .name {display:inline-block;float:left;font-size:20px;padding-top:10px;line-height:20px;}
.left_box .host_address .name .address {display:block;font-size:13px;color:#d7c509;}

/*스크롤 공지*/
.notice_scroll_list {position: absolute;width: 400;right:360px;margin-top:5px;; height:25px; overflow: hidden;}
.notice_scroll_list_left {width: 250;height:34px; overflow: hidden;}
.marquee_notice {overflow: hidden;height:35px;font-weight:bold;width: 100%;}
.marquee_notice2 {display:none;overflow: hidden;height:20px;border:1px solid #434347;border-radius:3px;font-weight:bold;margin-bottom:4px;}
.js-marquee {color:#fff;font-size:14px;}
#marquee1 {position: relative;text-align:center;top:12px;}
#marquee2 {text-align:center;height:25px;padding:3px;}
.notice_scroll_list .time {width:100%;text-align:center;padding:12px 5px 0 5px;margin:0px 2px 0px 2px;color:#fff;display:inline-block;float:left;font-size:20px;line-height:20px;}

.scroll_notice_view_mobile .marquee_notice {width:100%;padding:6px 20px;height:30px;}

.notice_time {margin-bottom:3px;height:40px; overflow: hidden}
.notice_time .time {width:100%;text-align:center;padding:12px 5px 0 5px;margin:0px 2px 0px 2px;color:#fff;display:inline-block;float:left;font-size:20px;line-height:20px;}

/* 카지노 슬롯 메뉴 */
.casino_slot_list {margin-bottom:3px;padding:4px;}
.casino_slot_list .mune_list01 {margin:10px 6px 10px 6px;}
.casino_slot_list .mune_list01 li {position:relative;margin-bottom:6px;}
.casino_slot_list .menu01 {height:50px;border-radius:5px;background:#2d2e35;color:#c4c4c3;font-weight:bold;transition:200ms all;line-height:48px;border:1px solid transparent;cursor:pointer;text-align:center;
	box-shadow: rgb(0 0 0 / 35%) -3px 7px 6px -6px, rgb(92, 94, 108) 1px 1px 4px -2px inset;}
.casino_slot_list .menu01 img {height:28px;vertical-align:middle;margin:0px 4px 2px 0px;}
.casino_slot_list .menu01:hover {background:#393a43;color:#ffffff;}
.casino_slot_list .menu01.on {background:#312b20;border:1px solid #ffa604;color:#ffa604;}
.casino_slot_list .menu01 span {color:#c4c4c3;position:absolute;top:17px;right:0;width:45px;text-align:center;line-height:48px;}
.casino_slot_list .menu01 span svg {width:13px;height:13px;}
.casino_slot_list .menu01:hover span {color:#ffffff;}
.casino_slot_list .menu01 .close {}
.casino_slot_list .menu01.on {background:#312b20;border:1px solid #ffa604;color:#ffa604;}
.casino_slot_list .menu_list02 {margin-top:6px;display:none;}
.casino_slot_list .menu02 {height:50px;border-radius:5px;font-weight:bold;transition:200ms all;line-height:48px;border:1px solid #434347;cursor:pointer;text-align:center;
	box-shadow: rgba(0, 0, 0, 0.35) -1px 4px 4px ;}
.casino_slot_list .menu02:hover {background:#29292f;}
.casino_slot_list .menu02 .name01 {display:none;}
.casino_slot_list .menu02 img {margin:3px 0px 0px -10px;}
.casino_slot_list .menu02.on {border:1px solid #ff0012;background:#501a1a;}
.casino_slot_list .menu02.on .ico01 {display:none;}
.casino_slot_list .menu02.on .name01 {display:block;}
.casino_slot_list .menu02 .count01 {position:absolute;top:15px;right:7px;line-height:20px;background:#000000;width:40px;border-radius:4px;text-align:center;}
.casino_slot_list .menu_list03 {margin-top:6px;display:none;}
.casino_slot_list .menu_list03.on {display:block;}
.casino_slot_list .menu_list03 li {margin-bottom:2px;}
.casino_slot_list .menu03 {height:28px;border-radius:5px;background:#35363e;font-weight:bold;transition:200ms all;line-height:26px;border:1px solid transparent;cursor:pointer;padding-left:15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 2px ;}
.casino_slot_list .menu03:hover {background:#3f404b;}
.casino_slot_list .menu03.on {border:1px solid #ff0012;background:#501a1a;}
.casino_slot_list .menu03 .count01 {position:absolute;top:4px;right:7px;line-height:20px;background:#000000;width:40px;border-radius:4px;text-align:center;}

/* 라이트 영역 */
#right_section {position:fixed;margin-right:10px;width:260px;top:90px;bottom:0;right:0;z-index:10;/*background: rgb(15 15 15 / 90%);*/}
#right_section.on {position:fixed;top:90px;}
.right_box {position:relative;height:100%;overflow-y:auto;}

.user_box {padding:5px 5px;margin-bottom:3px;margin-bottom:10px;}
.user_box h3 {font-weight:bold;padding:5px 0px 7px 5px;}
.user_box .login_input {}
.user_box .login_input input {width:100%;border:1px solid #434347;background:#ffffff;color:#000000;font-weight:bold;text-align:center;height:40px;border-radius:4px;margin-bottom:4px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.user_box .login {display:block;width:100%;height:40px;border:1px solid #ff0000;background:#ff0000;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.user_box .login:hover {border:1px solid #ff0012;background:#501a1a;}
.user_box .member_join {display:block;width:100%;height:40px;border:1px solid #00bfff;background:#00bfff;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.user_box .member_join:hover {border:1px solid #00bfff;background:#1a4050;}
.user_box .user_name {font-family: 'noto-sans-kr';height:30px;border:1px solid #434347;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;}
.user_box .user_name span {display:inline-block;width:auto;}
.user_box .user_name .myinfo { float: right; color:#ffffff; cursor: pointer; background: #f5aa18;width: 50px;text-align: center; position: absolute;right: 10px;}
.user_box .money {height:30px;border:1px solid #093d66;color:#fcbd6a;background:#002a4b;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;}
.user_box .money img {vertical-align:middle;margin-bottom:2px;}
.user_box .money .head {display:inline-block;color:#ffffff;width:75px;}
.user_box .point {height:30px;border:1px solid #434347;color:#f2ae53;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
	padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;}
.user_box .point:hover {background:#3f404b;border:1px solid #fc973a;}
.user_box .point img {vertical-align:middle;margin-bottom:2px;}
.user_box .point .head {display:inline-block;color:#ffffff;width:75px;}
.user_box .point .change {position:absolute;top:0;right:20px;color:#ffffff;}
.user_box .btn_list {margin:0px 0px 5px -4px;*zoom:1;}
.user_box .btn_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.user_box .btn_list button {width:31%;height:30px;border:1px solid #434347;background:#3f404b;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;float:left;margin-left:4px;
	line-height:26px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;}
.user_box .btn_list button:hover {border:1px solid #fc973a;}
.user_box .btn_list button span {border:1px solid #f5aa18;background:#703a00;text-align:center;display:inline-block;line-height:18px;vertical-align:top;width:30px;height:20px;border-radius:2px;margin:2px 0px 0px 4px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.user_box .charge {display:block;width:100%;height:40px;border:1px solid #ff0000;background:#ff0000;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:10px;transition:200ms all;font-family: 'SCDream','sans-serif','Dotum','돋움';font-weight: bold;}
.user_box .charge:hover {border:1px solid #ff0012;background:#501a1a;}
.user_box .exchange {display:block;width:100%;height:40px;border:1px solid #00bfff;background:#00bfff;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:10px;transition:200ms all;font-family: 'SCDream','sans-serif','Dotum','돋움';font-weight: bold;}
.user_box .exchange:hover {border:1px solid #00bfff;background:#1a4050;}

.user_box_top {padding-top: 2px;}
.user_box_top .user_info1 {position:absolute;right: 330px;font-weight: 600;font-size: 13px;}
.user_box_top .user_info2 {position:absolute;right: 40px;top:12px;}
.user_box_top h3 {font-weight:bold;padding:5px 0px 7px 5px;}
.user_box_top .login_input {}
.user_box_top .login_input input {width:100%;border:1px solid #434347;background:#ffffff;color:#000000;font-weight:bold;text-align:center;height:40px;border-radius:4px;margin-bottom:4px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.user_box_top .login {display:block;width:100%;height:40px;border:1px solid #ff0012;background:#501a1a;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.user_box_top .login:hover {border:1px solid #ff0000;background:#ff0000;}
.user_box_top .member_join {display:block;width:100%;height:40px;border:1px solid #00bfff;background:#1a4050;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:4px;transition:200ms all;}
.user_box_top .member_join:hover {border:1px solid #00bfff;background:#00bfff;}
.user_box_top .user_name {height:30px;border:1px solid #434347;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;}
.user_box_top .user_name span {display:inline-block;width:auto;}
.user_box_top .user_name .myinfo { float: right; color:#ffffff; cursor: pointer; }/* 210521 Chris Add */
.user_box_top .money {height:30px;border:1px solid #093d66;color:#fcbd6a;background:#002a4b;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;}
.user_box_top .money img {vertical-align:middle;margin-bottom:2px;}
.user_box_top .money .head {display:inline-block;color:#ffffff;width:75px;}
.user_box_top .point {height:30px;border:1px solid #434347;color:#f2ae53;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
	padding:0px 20px;line-height:26px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;}
.user_box_top .point:hover {background:#3f404b;border:1px solid #fc973a;}
.user_box_top .point img {vertical-align:middle;margin-bottom:2px;}
.user_box_top .point .head {display:inline-block;color:#ffffff;width:75px;}
.user_box_top .point .change {position:absolute;top:0;right:20px;color:#ffffff;}
.user_box_top .btn_list {margin:0px;*zoom:1;}
.user_box_top .btn_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.user_box_top .btn_list button {width:80px;height:30px;border:1px solid #000;background:#f5aa18;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;float:left;margin-left:4px;
	line-height:26px;font-weight:bold;margin-bottom:4px;cursor:pointer;position:relative;transition:200ms all;}
.user_box_top .btn_list button:hover {background:#af7918;border:1px solid #000;}
.user_box_top .btn_list button span {border:1px solid #ff8d00;background:#815500;text-align:center;display:inline-block;line-height:18px;vertical-align:top;width:30px;height:20px;border-radius:2px;margin:2px 0px 0px 4px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.user_box_top .charge {display:block;width:100%;height:40px;border:1px solid #ff8d00;background:#815500;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:10px;transition:200ms all;}
.user_box_top .charge:hover {border:1px solid #ff0000;background:#ff0000;}
.user_box_top .exchange {display:block;width:100%;height:40px;border:1px solid #00bfff;background:#1a4050;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;margin-bottom:10px;transition:200ms all;}
.user_box_top .exchange:hover {border:1px solid #00bfff;background:#00bfff;}

#list_load {width:100%;height:80px;border:1px solid #434347;border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;float:left;
	line-height:80px;font-weight:bold;margin-bottom:40px;cursor:pointer;position:relative;transition:200ms all;display:none;}
.list_load_small {height:42px;font-size: 12px;padding: 10px;background: #f5aa18;border-radius: 5px;border: 1px solid #484853;position: absolute;right: 10px;}
.list_filter {font-size: 20px;padding: 10px;background: #f5aa18;float: right;border-radius: 5px;border: 1px solid #484853;display:none;}
.stickybox {position: fixed;display: none;width:100px;z-index: 199;right: 3%;bottom: -100px;margin-left: 0;filter: alpha(opacity=90);opacity: .90;-moz-opacity: .90;}
.stickybox .num{position:absolute;right: 40px; bottom: 10px;font-size: 18px;font-weight: bold;text-align:center;}
.top-container {position: fixed;cursor:pointer;opacity: 1; visibility: visible; z-index: 199; position: fixed; bottom: 0px; width: 80px; height: 80px;top: calc(100% - 100px); min-height: 0px; min-width: 80px; background-color: transparent; border: 0px; overflow: show; right: 30px; transition: none 0s ease 0s !important;}
.top-container img {width:80px;}
.betting_cart .cardselcount_r{width:30px;margin-left:10px;; top:38px;font-size: 18px;font-weight: bold;text-align:center;color:fff;}


.betting_cart .betting_box .bet_arae .btn_bet:hover {color:#ffa604;}
.betting_cart .betting_box .bet_arae .btn_del {background: #4482a0;border: 1px solid transparent;border-radius: 5px;height: 80px;width: 48%;margin-bottom: 7px;font-size: 15px;line-height: 20px;padding: 0px 10px;position: relative;font-weight: bold;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.betting_cart .betting_box .bet_arae .btn_del:hover {color:#ffa604;}
.banner_area {margin-bottom:20px;background: rgb(15 15 15 / 90%);}
.banner_area .chetting {border:2px solid #ffea00;background:#0c1319;border-radius:4px;height:80px;margin-bottom:5px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;cursor:pointer;text-align:center;padding-top:17px;}
.banner_area .quest {border:1px solid #434347;border-radius:4px;height:80px;margin-bottom:5px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;cursor:pointer;text-align:center;padding-top:17px;transition:200ms all;}
.banner_area .quest:hover {background:#3f404b;}
.banner_area img {cursor:pointer;}

/* 푸터 */
footer .bg1{background:#1a223b;}
footer .bg2{background-color: rgb(15, 19, 32);}
footer .foot_site {margin:0px 280px 50px 280px;max-width:1440px;}
footer .foot_site:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
footer .foot_site li {float:left;height:65px;margin-right:10px;}
footer .footer_bottom {position:relative;}
footer h1 {position:absolute;top:0px;left:0;}
footer p {position:relative;left:280px;margin:0px 280px 0px 0px;font-size:11px;padding:0px 0px 0px 0px;}
footer copyright {position:absolute;right:10px;top:70px;margin:0px 280px 0px 0px;font-size:12px;padding-left:0px;f}
footer copyright span {color:#c34013;}
#mobile_foot_menu {bottom: 0px;left: 0px;position: fixed;width: 100%;z-index: 250;border-top-left-radius: 10px;border-top-right-radius: 10px;display: none;background-color: rgb(0 95 170);box-shadow: rgb(0 0 0 / 50%) 0px 0px 20px, rgb(9 42 83) 0px 6px 30px inset;}
#mobile_foot_menu .foot_menu {height:35px;margin:5px 0px;}
#mobile_foot_menu .foot_menu li {float:left;width:20%;text-align:center;height:100%;}
#mobile_foot_menu .telegram {cursor:pointer;}
#mobile_foot_menu .telegram .ico {display:block;}
#mobile_foot_menu .telegram .ico img {height:24px;}
#mobile_foot_menu .telegram .name {float:left;font-size:12px;padding-top:3px;line-height:18px;}
#mobile_foot_menu .telegram .name .address {display:block;font-size:12px;color:#d7c509;}
#mobile_foot_menu .ico_customer {cursor:pointer;height:100%;padding-top:3px;min-width:45px;}
#mobile_foot_menu .ico_customer img {height:35px;}
#mobile_foot_menu .ico_chetting {cursor:pointer;height:100%;padding-top:3px;min-width:45px;}
#mobile_foot_menu .ico_chetting img {height:35px;}
#mobile_foot_menu .ico_cart {cursor:pointer;height:100%;padding-top:3px;min-width:45px;}
#mobile_foot_menu .ico_cart img {height:35px;}
#mobile_foot_menu .ico_cart num {position:relative;top:-5px;color:yellow;font-size:20px;font-weight:bold;}
#mobile_foot_menu .ico_bottom_menu {cursor:pointer;height:100%;margin-top:8px;min-width:45px;color:#7ee629;font-size:18px;font-weight:bold;vertical-align:middle;}
#mobile_foot_menu .ico_bottom_menu svg {height:28px;vertical-align:middle;margin-top:5px;margin-left:5px;}
.mobile_betting_cart {position:fixed;width:260px;height:calc(100% - 100px);top:100px;right:-320px;background:#202020;z-index:200;overflow-x:hidden;transition:400ms all;padding:1px 10px 30px 10px;display:none;
	box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
}
.mobile_betting_cart .logo {margin-bottom:15px;text-align:center;}
.mobile_betting_cart .logo img {height:50px;}

.mobile_bottom_menu {position:fixed;width:280px;height:100%;top:0;right:-280px;background:#222222;z-index:200;overflow-x:hidden;padding-bottom:30px;transition:400ms all;padding:15px 10px 30px 10px;display:none;
	box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2), 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12);
}

/* 컨텐츠 */

#contents {position:relative;padding-top:160px;margin: 0 250px;min-height: 700px;/*background: #0000005e;*/}

/* 메인 비쥬얼 */
.swiper-wrapper {height:auto !important;}

.main_visual {position:relative;height:454px;margin:0 0 0 0;overflow:hidden;}
.main_visual .swiper-wrapper {height:100% !important;}
.main_visual .swiper-slide {border-radius:4px;}
.main_visual .swiper-pagination {display:block;height:4px;box-sizing:border-box;margin-bottom:0px;z-index:1;}
.main_visual .swiper-pagination-bullet {display:inline-block;width:8%;height:5px;background:#f5aa18;margin:0 5px;opacity:1;border-radius:0;vertical-align:top;}
.main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#c70000;opacity:1;}
.main_visual .bg01 {background:url("/images/client/main/main_slide1.jpg") no-repeat;background-position:100% left;background-position: center}
.main_visual .bg02 {background:url("/images/client/main/main_bg_02.png") no-repeat;background-position:70% left;background-position: center}
.main_visual .bg03 {background:url("/images/client/main/main_bg_03.png") no-repeat;background-position:70% top;background-position: center}
.main_visual .bg04 {background:url("/images/client/main/main_bg_04.png") no-repeat;background-position:70% top;background-position: center}
.main_visual .bg05 {background:url("/images/client/main/main_bg_05.png") no-repeat;background-position:70% top;background-position: center}
.main_visual .bg06 {background:url("/images/client/main/main_bg_06.png") no-repeat;background-position:70% top;background-position: center}
.main_visual .bg07 {background:url("/images/client/main/main_bg_07.png") no-repeat;background-position:70% top;background-position: center}
.main_visual .box01 {width:800px;margin:0 auto;padding-top:85px;text-shadow: 1px 1px 1px #000;}
.main_visual .box01 h3 {font-size:24px;font-weight:bold;color: #fbe1a7;}
.main_visual .box01 h3 strong {display:block;font-size:70px;font-weight:bold;line-height:70px;color: #fbe1a7;}
.main_visual .box01 p {color:#fff;font-size:16px;line-height:18px;padding-top:30px;}
.main_visual .box01 button {width:230px;height:43px;border:1px solid #434347;background:#2d2e35;border-radius:3px;transition:200ms all;line-height:40px;font-weight:bold;
	margin-top:18px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.main_visual .box01 button:hover {background:#202020;}
.main_visual .box01 img {background-color: #585858bf;padding:5px;}

.main_visual .box02 {width:350px;margin:0 auto;padding-top:85px;text-shadow: 1px 1px 1px #000;}
.main_visual .box02 h3 {font-size:24px;font-weight:bold;color: #ffb100;}
.main_visual .box02 h3 strong {display:block;font-size:70px;font-weight:bold;line-height:70px;color: #ffb100;}
.main_visual .box02 p {color:#fff;font-size:16px;line-height:18px;padding-top:30px;}
.main_visual .box02 button {width:230px;height:43px;border:1px solid #434347;background:#2d2e35;border-radius:3px;transition:200ms all;line-height:40px;font-weight:bold;
	margin-top:18px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.main_visual .box02 button:hover {background:#202020;}

.main_visual .box03 {width:1280px;margin:0 auto;padding-top:15px;text-shadow: 1px 1px 1px #000;}
.main_visual .box03 h3 {font-size:24px;font-weight:bold;color: #ffb100;}
.main_visual .box03 h3 strong {display:block;font-size:70px;font-weight:bold;line-height:70px;color: #ffb100;}
.main_visual .box03 p {color:#fff;font-size:16px;line-height:18px;padding-top:10px;}
.main_visual .box03 button {width:230px;height:43px;border:1px solid #434347;background:#2d2e35;border-radius:3px;transition:200ms all;line-height:40px;font-weight:bold;
	margin-top:18px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.main_visual .box03 button:hover {background:#202020;}
.main_visual .box03 .bigwin {position:relative;height:30px;width:400px;background:#2d343b;line-height:28px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;border-radius:4px;margin-bottom:4px;padding-left: 15px;font-weight:bold;color:#f5f5f5}
.main_visual .box03 .bigwin .time {display:inline-block;width:15%;text-align:center;}
.main_visual .box03 .bigwin .game {display:inline-block;width:40%;text-align:left;}
.main_visual .box03 .bigwin .user_id {display:inline-block;width:15%;text-align:left;}
.main_visual .box03 .bigwin .money {display:inline-block;width:25%;text-align:right;}

.main_visual_big {position:relative;height:240px;margin:10px 0 0 0;overflow:hidden;/*border-bottom:10px solid #ffc800;*/max-width: 1280px; margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;border-radius:4px;background: rgb(15 15 15 / 70%);}
.main_visual_big .box03 .bigwin {position:relative;height:30px;width:400px;background:#2d343b75;line-height:28px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;border-radius:4px;margin-bottom:4px;padding-left: 15px;font-weight:bold;color:#f5f5f5}
.main_visual_big .box03 .bigwin .time {display:inline-block;width:15%;text-align:left;overflow: hidden;}
.main_visual_big .box03 .bigwin .game {display:inline-block;width:40%;text-align:left;overflow: hidden;}
.main_visual_big .box03 .bigwin .user_id {display:inline-block;width:15%;text-align:left;overflow: hidden;}
.main_visual_big .box03 .bigwin .money {display:inline-block;width:25%;text-align:right;overflow: hidden;}

.main_visual_big .box03 {padding-top:5px !important;}
.main_visual_big .box03 .bigwin{width:340px !important;height:20px !important; line-height:20px !important;}
.main_visual_big .box03 h3 {font-size:18px !important;}
.mainvideo {width: 140%;}

.mobile_banner {display:none;text-align: center;}
.main_big_btn {width: 100%;position: relative;top: 5px;padding: 0 50px;display:none;}

/* 메인 비쥬얼2 */
.main_visual2 {position:fixed;overflow:hidden;width: 100%;height: 100%;background: url(/images/client/main/contents_bg.jpg?v=7) center top 100% no-repeat;}

.main_box {margin-top:10px;}
.main_box h2 {position:relative;border:1px solid #000000;border-radius:5px;background:#f5aa18;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:45px;padding-left:15px;line-height:43px;font-size:18px;color:#ffffff;}

/* 메인*/
.main-container {position: relative;margin: 0px auto;background: rgb(15 15 15 / 52%);max-width:1280px;}
.main-container_in {;}
.ngdialog-multiple-popup.ngdialog.ngdialog-theme-default .ngdialog-content{
width: 1260px;
background-color: transparent;
}
.main_visual2 .video_wrap {
width: 100%;overflow: hidden;margin: 0px auto;position: fixed;z-index:0;}
.main-container .gamebutton-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 30px;
border-width: 1px;
border-style: solid;
border-color: rgb(24, 24, 24);
border-image: initial;
}
.gamebutton-container .game-button {
width: 340px;
height: 190px;
cursor: pointer;
position: relative;
transition: all 0.8s ease 0s;
margin: 0px auto;
}
.button-container .btn.btn-play {
width: 140px;
height: 40px;
color: rgb(255, 255, 255);
position: relative;
bottom: -5px;
background: rgb(245, 170, 24);
border-width: 1px;
border-style: solid;
border-color: rgb(245, 170, 24);
border-image: initial;
border-radius: 0px;
transition: all 0.5s ease 0s;
}
.game-button .button-container {
width: 50%;
height: 70px;
position: absolute;
right: 0px;
bottom: 20px;
text-align: center;
font-size: 18px;
color: #f5aa18;
}
.game-button .ng-binding {
text-align: center;
font-size: 18px;
color: #f5aa18;
}

.etc-button-101{background: url("/images/casino/kplay/kplay_lol.png") no-repeat;background-size: 340px auto;}
.etc-button-102{background: url("/images/casino/kplay/kplay_esports.png") no-repeat;background-size: 340px auto;}
.etc-button-300{background: url("/images/casino/kplay/kplay_uk24.png") no-repeat;background-size: 340px auto;}
.etc-button-101:hover{background: url("/images/casino/kplay/kplay_lol.png") no-repeat;background-size: 340px auto;}
.etc-button-102:hover{background: url("/images/casino/kplay/kplay_esports.png") no-repeat;background-size: 340px auto;}
.etc-button-300:hover{background: url("/images/casino/kplay/kplay_uk24.png") no-repeat;background-size: 340px auto;}

/* 게시판 형식 */
.board_box {background: #000000cc;}
.board_box h2 {margin-bottom:10px;position:relative;border:1px solid #000000;border-radius:5px;background:#f5aa18;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:45px;padding-left:15px;line-height:43px;font-size:15px;color:#fff;}
.board_box .head {background:#f5aa18;height:40px;border:1px solid transparent;border-radius: 5px;height:40px;margin-bottom:7px;
	font-size:12px;line-height:36px;padding:0px 30px;position:relative;font-weight:bold;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;}
.board_box .head h3 {font-size:14px;line-height:40px;font-weight:bold;}
.board_box .head h3 span {color:#565656;}
.board_box .head button {position:absolute;top:3px;right:20px;width:70px;height:30px;border:1px solid #847f83;background: linear-gradient(0deg,#f83b00,#fa4d00,#fc7d00);border-radius:3px;font-size:12px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.board_box .message_box {border:1px solid #ff0012;background:#501a1a;border-radius:5px;font-weight:bold;line-height:48px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;margin-bottom:10px;padding:20px;}
.board_box .message_box h3 {font-size:14px;font-weight:bold;margin-bottom:10px;}
.board_box .message_box p {line-height:20px;}
.board_box .message_box span {color:#ffa604;}
.charge_exchange {position:relative;border:1px solid #222227;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;padding:7px;}
.charge_exchange .btn_money {margin:20px 0px 10px 0px;text-align:center;}
.charge_exchange .btn_money button {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;line-height:40px;padding:20px 0px 10px 0px;font-weight:bold;width:11%;margin:0px 3px 10px 3px;min-width:140px;}
.charge_exchange .btn_money button:hover {background:#3f404b;}
.charge_exchange .head {color:#ffa604;font-weight:bold;display:inline-block;position:absolute;top:10px;left:20px;line-height:48px;}
.charge_exchange .input_area {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;line-height:48px;min-height:68px;padding:10px 0px;position:relative;margin-bottom:10px;}
.charge_exchange .input_box {margin-left:100px;*zoom:1;} 
.charge_exchange .input_box:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.charge_exchange .input_box .text01 {display:inline-block;float:left;margin-right:10px;font-weight:bold;padding:15px 0px;line-height:18px;}
.charge_exchange .input_box input {border:1px solid #434347;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;border-radius:5px;height:40px;width:200px;margin:4px 10px 2px 0px;float:left;text-align:center;color:#ffa604;font-weight:bold;}
.charge_exchange .input_box input:-ms-input-placeholder {color:#ffffff !important;}
.charge_exchange .input_box input::-webkit-input-placeholder {color:#ffffff !important;}
.charge_exchange .input_box input::-moz-placeholder {color:#ffffff !important;}
.charge_exchange .money01 {text-align:right !important;padding-right:10px;font-size:30px;font-weight:bold;color:#ff0000 !important;}
.charge_exchange .input_area .btn_area {float:left;margin-right:10px;}
.charge_exchange .input_area .btn_area button {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:40px;padding:0px 10px;font-weight:bold;margin-top:4px;}
.charge_exchange .input_area .btn_area button:hover {background:#ff0000;}
.charge_exchange .btn_change button {width:100%;height:70px;border:1px solid #85ffa5;background:#203123;font-size:24px;border-radius:5px;font-weight:bold;}
.charge_exchange .btn_change button:hover {background:#76cb5c;}

.board_box .money_box_01 {position:relative;border:1px solid #000000;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;}
.board_box .money_box_01 table {margin:10px 0px;}
.board_box .money_box_01 th {text-align:center;padding:8px 20px 6px 10px;color:#ffffff;font-weight:bold;border-bottom:1px solid #000000;line-height:18px;}
.board_box .money_box_01 td {padding:8px 0px 6px 0px;vertical-align:top;border-bottom:1px solid #000000;line-height:18px;}
.board_box .money_box_01 input {width:60%;vertical-align:top;height:30px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;text-indent:10px;margin-right:5px;font-size:12px;}
.board_box .money_box_01 input:-ms-input-placeholder {color:#9c9b9b !important;}
.board_box .money_box_01 input::-webkit-input-placeholder {color:#9c9b9b !important;}
.board_box .money_box_01 input::-moz-placeholder {color:#9c9b9b !important;}
.board_box .money_box_01 td button {height:30px;min-width:65px;}
.board_box .money_box_01 .btn_area {margin:10px 0px 0px 0px;}
.board_box .money_box_01 .btn_area button {margin:0px 5px 10px 0px;min-width:80px;}
.board_box .money_box_01 .btn_center {margin:30px 0px;text-align:center;}
.board_box .money_box_01 .btn_center button {height:60px;width:300px;}
.board_box .money_box_01 .fc01 {color:#ffa604;}
.bet_history_game .fc02 {color:yellow;font-size:25px;font-weight:bold;position:absolute;right:15px;bottom:20%;}


.history_list {position:relative;border-radius:5px;padding:1px;margin-bottom:5px;}
.history_list table {border-radius:5px;}
.history_list th {font-weight:bold;color:#ffffff;padding:10px 0px 10px 0px;line-height:15px;vertical-align:top;border-bottom:1px solid #000000;}
.history_list td {padding:5px 2px 3px 2px;border-bottom:1px solid #000000;color:#9c9b9b;line-height:15px;}
.history_list td a {color:#9c9b9b;transition:200ms all;}
.history_list td a:hover {color:#ffffff;}

.board_list {position:relative;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;margin: 0 auto;}
.board_list table {border-radius:8px;border-collapse:separate; border-spacing:0 3px;}
.board_list tr {height: 48px;margin: 3px 0; background: linear-gradient(0deg,#2d2d2d,#212121,#282828);}
.board_list th {height: 48px;font-weight:bold;color:#f5aa18;padding:10px 0px 10px 0px;line-height:18px;vertical-align:top;border-bottom:2px solid #f5aa18;background: linear-gradient(0deg,#2d2d2d,#212121,#282828);align-items: center;}
.board_list td {text-align:center;padding:8px 5px 6px 5px;border-bottom:0 solid #a07012;color:#fff;line-height:18px;}
.board_list td a {color:#fffdbe;transition:200ms all;}
.board_list td a:hover {color:yellow;}
.board_list td img {vertical-align:middle;}
.board_list .ta_left {text-align:left;font-weight:bold;padding-left:10px;}
.board_list .search_area {position:relative;left:10px;margin-top:15px;margin-bottom:25px;padding-left:15px;}
.board_list .search_area select {height:30px;vertical-align:top;background:#002a4b;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;border:1px solid transparent;}
.board_list .search_area input {width:120px;vertical-align:top;height:30px;background:#002a4b;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;text-indent:10px;}
.board_list .search_area .btn01 {position:absolute;top:0;right:10px;}
.board_list .search_area button {height:30px;min-width:40px;padding:0px 15px;}
.board_list .state {color:#ffc800;}
.board_list .btn_center {margin:30px 0px;text-align:center;}
.board_list .btn_center button {height:60px;min-width:300px;padding:0px 15px;}
.board_list .btn_right {margin:30px 0px;text-align:right;padding-right:15px;}
.board_list .btn_right button {height:30px;min-width:40px;padding:0px 15px;}
.board_list .button_type01 {height:30px;width:140px;}

.board_view {position:relative;border:1px solid #000000;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;height:calc(100% - 180px);font-size:1.4em}
.board_view .view_text {padding:20px;border-bottom:1px solid #000000;line-height:22px;font-family: 굴림체;background:#000;color:#fff}
.board_view .reply_text {padding:20px;border-bottom:1px solid #000000;line-height:25px;color:#ffa604;font-family: 굴림체;}
.board_view .reply_text p{line-height:25px;}
.board_view .reply_text pre{word-wrap: break-word;word-break: normal;}
.board_view .reply_list {border-top:1px solid #222227;}
.board_view .reply_list li {border-bottom:1px solid #000000;padding:8px 20px 6px 20px;line-height:22px;color:#9c9b9b;}
.board_view .reply_list li strong {color:#9c9b9b;}
.board_view .reply_input {margin-top:20px;text-align:center;color:#9c9b9b;font-weight:bold;}
.board_view .reply_input .char_count {position:relative;left:17%;top:-10px;float:left;}

.board_view .reply_input textarea {width:55%;height:45px;padding:5px 5px 5px 5px;vertical-align:middle;background:#2d2e35;margin:0px 5px 0px 5px;color:#ffffff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;border:1px solid transparent;}
.board_view .button_type01 {height:30px;width:80px;}
.board_view .btn_center {margin:10px 0px;text-align:center;}

.board_write {position:relative;border:1px solid #000000;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;}
.board_write table {margin-top:10px;}
.board_write th {text-align:center;padding:8px 20px 6px 10px;color:#ffffff;font-weight:bold;}
.board_write td {text-align:left;padding:8px 0px 2px 0px;vertical-align:top;}
.board_write input {width:90%;vertical-align:top;height:30px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;text-indent:10px;margin:0px 5% 0px 0%;font-size:12px;}
.board_write input:-ms-input-placeholder {color:#9c9b9b !important;}
.board_write input::-webkit-input-placeholder {color:#9c9b9b !important;}
.board_write input::-moz-placeholder {color:#9c9b9b !important;}
.board_write textarea {width:90%;height:145px;padding:5px 5px 5px 5px;vertical-align:middle;background:#2d2e35;margin:0px;color:#ffffff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;border:1px solid transparent;}
.board_write .button_type01 {height:30px;width:80px;}
.board_write .btn_center {margin:30px 0px;text-align:center;}

/* page_skip */
.page_skip {text-align:center;margin:30px 0px 30px 0px;}
.page_skip span {display:inline-block;padding:0px 4px;}
.page_skip a {display:inline-block;line-height:28px;background:#2d2e35;border-radius:5px;transition:200ms all;padding:0px 15px;border:1px solid transparent;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#c8c8c7;}
.page_skip a:hover {color:#ffffff;background:#393a43;}
.page_skip a.on {cursor:default !important;border:1px solid #ffa604;color:#ffa604 !important;background:#312b20 !important;}

/* 포인트 전환 */
.point_change {position:relative;border:1px solid #000000;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;padding:7px;}
.point_change .my_point {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;margin-bottom:5px;position:relative;}
.point_change .head {color:#ffa604;font-weight:bold;display:inline-block;position:absolute;top:10px;left:20px;line-height:48px;background: #2d2e35;border: 0px;box-shadow: none;padding: 0;}
.point_change .point01 {font-size:30px;font-weight:bold;margin-left:100px;line-height:48px;padding:10px 0px;}
.point_change .point_input {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;line-height:48px;min-height:68px;padding:10px 0px;position:relative;margin-bottom:10px;}
.point_change .input_box {margin-left:100px;*zoom:1;} 
.point_change .input_box:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.point_change .input_box input {border:1px solid #434347;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;border-radius:5px;height:40px;width:200px;text-indent:10px;float:left;margin:4px 10px 2px 0px;;}
.point_change .input_box input:-ms-input-placeholder {color:#ffffff !important;}
.point_change .input_box input::-webkit-input-placeholder {color:#ffffff !important;}
.point_change .input_box input::-moz-placeholder {color:#ffffff !important;}
.point_change .input_box .btn_area {float:left;margin-right:10px;}
.point_change .input_box .btn_area button {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:40px;width:60px;font-weight:bold;margin-top:4px;}
.point_change .input_box .btn_area button:hover {background:#ff0000;}
.point_change .btn_change button {width:100%;height:70px;border:1px solid #85ffa5;background:#203123;font-size:20px;border-radius:5px;font-weight:bold;}
.point_change .btn_change button:hover {background:#76cb5c;}

/* 쪽지 및 추천인 */
.message_count {border:1px solid #ff0012;background:#501a1a;border-radius:5px;padding:0px 20px;font-weight:bold;line-height:25px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;margin-bottom:10px;}
.message_count span {color:#ffa604;}
.msgtext p{line-height: 1.5em;}

/* 출석부 */
.attend_box {position:relative;border:1px solid #000000;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;padding:7px;}
.attend_box h3 {text-align:center;margin:50px 0px;width:100%}
.attend_box h3 sub {text-align:center;margin:5px 0px;width:100%;font-size:12px;color: #FFE400;}
.attend_box .month {text-align:center;font-size:30px;color:#ffa604;line-height:30px;margin-bottom:20px;}
.attend_box .month a {color:#ffa604;}
.attend_box .attend_table table {margin-bottom:10px;}
.attend_box .attend_table td {border:1px solid #3b3b3b;text-align:center;padding:15px 0px 20px 0px;position:relative;}
.attend_box .attend_table td span {position:absolute;bottom:5px;right:5px;}
.attend_box .attend_table td img {max-width:100px;}

/* 복권이벤트 */
.lottery_box {position:relative;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:40px 5px;margin-bottom:30px;
	background:url("/images/client/bg_lottery_01.jpg") no-repeat center center;background-size:cover;
}
.lottery_box .box01 {width:100%;max-width:748px;margin:0 auto;}
.lottery_box .box01 h3 {margin-bottom:30px;}
.lottery_box .box01 h3 img {width:100%;max-width:493px;}
.lottery_box .event_area {text-align:center;background:url("/images/client/bg_lottery_02.jpg") no-repeat top center;background-size:cover;padding:5% 0px 7% 0px;}
.lottery_box .event_area .img01 {display:inline-block;position:relative;width:80%;}
.lottery_box .event_area .img01 img {width:100%;}
.lottery_box .event_area .img01 .point_text {position:absolute;top:28%;left:35%;text-align:left;line-height:28px;font-size:18px;font-weight:bold;}
.lottery_box .event_area .img01 .point_text span {color:#fe4300;}
.lottery_box .event_area .img01 .mask01 {position:absolute;top:7.5%;right:2.5%;left:3.5%;bottom:7.5%;background:#000000;z-index:10;}
.lottery_box .event_area .img01 .mask01 span {display:inline-block;padding-top:14%;color:#aba592;font-size:18px;letter-spacing:-1px;font-weight:bold;}
.lottery_box .info_area {width:300px;margin:30px auto 0px auto;}
.lottery_box .info_area .count {height:30px;width:100%;border-radius:5px;border:1px solid #434347;background:#2d2e35;font-weight:bold;margin-bottom:7px;text-align:center;line-height:28px;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}
.lottery_box .info_area .count span {display:inline-block;padding-left:15px;color:#ffbd00;}
.lottery_box .info_area .btn_area {position:relative;}
.lottery_box .info_area .btn_area button {height:50px;width:49%;border-radius:5px;border:1px solid #434347;background:#2d2e35;font-weight:bold;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}
.lottery_box .info_area .btn_area button:last-child {float:right;}
.lottery_box .info_area .btn_area button:hover {background:#203123;border:1px solid #85ffa5;color:#ffa604;}

/* 이벤트 섹션 */
.event_section {}
.event_section .head_btn {margin-bottom:35px;padding-left:10px;}
.event_section .head_btn button {margin-right:3px;height:40px;width:100px;border-radius:5px;border:1px solid #434347;background:#2d2e35;font-weight:bold;margin-bottom:7px;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}
.event_section .head_btn button.on {background:#312b20;border:1px solid #ffa604;}
.event_section .event_list {*zoom:1;}
.event_section .event_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.event_section .event_list li {/*float:left;*/width:24%;margin-bottom:30px;display:inline-block;}
.event_section .event_list .img_box {padding:0px 15px 10px 15px;text-align:center;border: #f5aa18 solid 1px;}
.event_section .event_list .img_box img {width:100%;}
.event_section .event_list h3 {border-bottom:1px solid #474747;font-weight:bold;padding:5px 10px;line-height:20px;margin:0px 15px;position:relative;}
.event_section .event_list h3:after {content:'';position:absolute;bottom:-2px;left:0;right:0;background:#000000;height:1px;}
.event_section .event_list .btn_area {margin:10px 25px 0px 25px;}
.event_section .event_list .btn_area .cate01 {display:inline-block;height:40px;line-height:38px;width:80px;text-align:center;border-radius:5px;border:1px solid #ff0012;background:#501a1a;font-weight:bold;box-sizing:border-box;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}
.event_section .event_list .btn_area .cate02 {display:inline-block;height:40px;line-height:38px;width:80px;text-align:center;border-radius:5px;border:1px solid #00bfff;background:#1a4050;font-weight:bold;box-sizing:border-box;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}
.event_section .event_list .btn_area button {margin-right:3px;height:40px;width:80px;border-radius:5px;border:1px solid #434347;background:#2d2e35;font-weight:bold;margin-bottom:7px;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}

/* 이벤트 미디어 사이즈 */
@media (min-width:1450px) and (max-width:1700px) {
.event_section .event_list li {/*float:left;*/width:33% !important;display:inline-block;}
}

@media (min-width:1200px) and (max-width:1450px) {
.event_section .event_list li {/*float:left;*/width:49% !important;display:inline-block;}
}

/* 회원가입 */
.member_code {border:1px solid #ff0012;background:#501a1a;border-radius:5px;padding:10px 20px 20px 20px;font-weight:bold;line-height:25px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;margin-bottom:10px;}
.member_code .code_box {text-align:center;line-height:48px;font-size:20px;font-weight:bold;}
.member_code .code_box input  {border:1px solid #85ffa5;background:#76cb5c;border-radius:5px;width:200px;text-align:center;height:30px;vertical-align:top;color:#000000;margin-top:9px;font-size:18px;}

.member_section {position:relative;border:1px solid #000000;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:10px 10px 0px 10px;margin-bottom:10px;}
.member_section .member_box {*zoom:1;}
.member_section .member_box:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.member_section .member_box .box01 {/*float:left;width:50%;*/padding:0px 20px;position:relative;}
.member_section .member_box .agree_area {text-align: center;margin:0px 0px 30px 0px;}
.member_section .member_box h3 {position:relative;height:35px;font-size:15px;font-weight:bold;}
.member_section .member_box .agree_check {position:absolute;top:4px;right:0;color:#76cb5c;font-weight:bold;font-size:12px;}
.member_section .member_box .terms_box {height:100px;border:1px solid #4d4f60;background:#3c3d46;overflow-y:auto;padding:20px;line-height:16px;color:#89898d;border-radius:5px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;
}
.member_section .member_box .terms_box::-webkit-scrollbar {width:5px;}
.member_section .member_box .terms_box::-webkit-scrollbar-thumb {background:#89898d;border-radius:10px;}
.member_section .member_box .all_check {margin-top:18px;color:#76cb5c;font-weight:bold;}

/* 회원가입 롤링 */
.member_section .member_rolling {position:relative;height:390px;overflow:hidden;}
.member_section .member_rolling .swiper-wrapper {border-radius:4px;}
.member_section .member_rolling .swiper-slide {border:1px solid #434347;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px;border-radius:4px;}
.member_section .member_rolling .swiper-pagination {display:block;height:4px;box-sizing:border-box;bottom:20px;}
.member_section .member_rolling .swiper-pagination-bullet {display:inline-block;width:8%;height:4px;background:#3f404b;margin:0 3px;opacity:1;border-radius:0;vertical-align:top;}
.member_section .member_rolling .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffa604;opacity:1;}
.member_section .member_rolling .bg01 {background:url("/images/client/main/main_bg_01.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .bg02 {background:url("/images/client/main/main_bg_02.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .bg03 {background:url("/images/client/main/main_bg_03.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .bg04 {background:url("/images/client/main/main_bg_04.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .bg05 {background:url("/images/client/main/main_bg_05.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .bg06 {background:url("/images/client/main/main_bg_06.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .bg07 {background:url("/images/client/main/main_bg_07.png") no-repeat;background-position:70% top;}
.member_section .member_rolling .box01 {width:100%;padding-top:115px;}
.member_section .member_rolling .box01 h4 {font-size:20px;font-weight:bold;}
.member_section .member_rolling .box01 h4 strong {display:block;font-size:70px;font-weight:bold;line-height:70px;}
.member_section .member_rolling .box01 p {color:#989898;font-size:9px;line-height:12px;}
.member_section .member_rolling .box01 button {width:230px;height:43px;border:1px solid #434347;background:#34343b;border-radius:3px;transition:200ms all;line-height:40px;font-weight:bold;
	margin-top:18px;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.member_section .member_rolling .box01 button:hover {background:#3f404b;}

.member_section .member_box .input_area {*zoom:1;border-bottom:1px solid #737373;position:relative;margin-bottom:30px;margin:0px -5px 30px -5px;}
.member_section .member_box .input_area:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.member_section .member_box .input_area:before {content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:#000000;}
.member_section .member_box .input_area:last-child {border:0;}
.member_section .member_box .input_area:last-child:before {height:0;}
.member_section .member_box .btn_check {position:absolute;top:-5px;right:0;}
.member_section .member_box .btn_check button {width:80px;height:30px;border:1px solid #434347;border-radius:5px;transition:200ms all;line-height:28px;font-weight:bold;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.member_section .member_box .btn_check button:hover {background:#501a1a;border:1px solid #ff0012;}
.member_section .member_box .box_left {float:left;width:50%;padding:0px 5px;}

.member_section .member_box .input_box {margin-bottom:22px;position:relative;}
.member_section .member_box .input_box .select_box {display:block;width:35%;}
.member_section .member_box .input_box select {height:50px;border:1px solid #4d4f60;background:#3c3d46;line-height:48px;border-radius:5px;width:95%;margin-bottom:10px;text-indent:10px;font-weight:bold;font-size:14px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;}
.member_section .member_box .input_box input {font-family: 'noto-sans-kr';height:50px;border:1px solid #4d4f60;background:#3c3d46;line-height:48px;border-radius:5px;width:100%;margin-bottom:10px;text-indent:10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px -3px;}
.member_section .member_box .input_box input:-ms-input-placeholder {color:#ffffff !important;font-weight:bold;}
.member_section .member_box .input_box input::-webkit-input-placeholder {color:#ffffff !important;font-weight:bold;}
.member_section .member_box .input_box input::-moz-placeholder {color:#ffffff !important;font-weight:bold;}
.member_section .member_box .input_box .right01 {position:absolute;top:0;right:0;width:65%;}
.member_section .member_box .input_box p {letter-spacing:-1px;line-height:18px;}
.member_section .member_box .btn_join {margin-top:-20px;position:relative;}
.member_section .member_box .btn_join button {width:49%;height:105px;border:1px solid #85ffa5;background:#203123;font-size:20px;border-radius:5px;font-weight:bold;}
.member_section .member_box .btn_join button:hover {background:#76cb5c;}
.member_section .member_box .btn_join button:last-child {float:right;}

@media (min-width:1200px) and (max-width:1800px) {
	.member_section .member_rolling {display:none !important;}
	.member_section .member_box .box01 {width:100% !important;}
}

/* 레이어 팝업 */
.popup_section {position:fixed;top:50%;left:50%;width:320px;margin:0px 0px 0px 0px;z-index:10002;margin-left:0px;}
.popup_section .pop_box {border:2px solid #643208;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}
.popup_section .pop_box h2 {margin:4px;border:1px solid #093d66;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;line-height:38px;padding-left:15px;height:38px;}
.popup_section .pop_box .close_pop {position:absolute;top:11px;right:11px;cursor:pointer;}
.popup_section .confirm_box {border:1px solid #434347;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;height:170px;}
.popup_section .confirm_box h2 {margin:4px;border:1px solid #434347;border-radius:5px;position:relative;box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;line-height:38px;padding-left:15px;height:38px;}
.popup_section .confirm_box .close_pop {position:absolute;top:11px;right:11px;cursor:pointer;}
.popup_section .confirm_box .btn_area {position:relative;top:15px;width:100%;}
.popup_section .confirm_box .btn_area .yes {position:relative;left:40px;height:30px;width:100px;background:#43434b;font-size:12px;font-weight:bold;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;}
.popup_section .confirm_box .btn_area .no {position:relative;margin-left:80px;height:30px;width:100px;background:#43434b;font-size:12px;font-weight:bold;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;}
.popup_section .login_box {margin:10px 9px 10px 9px;}
.popup_section .login_box * {font-style:italic;}
.popup_section .login_box h3 {line-height:70px;background:#18181b;color:#ffa604;font-size:30px;font-weight:bold;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;}
.popup_section .login_box .input_area {border-top:1px solid #353537;}
.popup_section .login_box .input_area li {height:58px;border-bottom:1px solid #353537;}
.popup_section .login_box .input_area input {height:100%;text-indent:68px;width:100%;}
.popup_section .login_box .input_area input:-ms-input-placeholder {color:#888888 !important;}
.popup_section .login_box .input_area input::-webkit-input-placeholder {color:#888888 !important;}
.popup_section .login_box .input_area input::-moz-placeholder {color:#888888 !important;}
.popup_section .login_box .input_area .login01 {background:url("/images/client/ico_login_01.png") no-repeat 15px center;}
.popup_section .login_box .input_area .password01 {background:url("/images/client/ico_password_01.png") no-repeat 15px center;}
.popup_section .login_box .check_login {margin:20px 0px;padding-left:20px;position:relative;color:#888888;}
.popup_section .login_box .check_login .find_password {position:absolute;top:0;right:20px;cursor:pointer;}
.popup_section .login_box .btn_login {}
.popup_section .login_box .btn_login button {height:70px;width:100%;background:#e79808;font-size:30px;font-weight:bold;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;}
.popup_section .login_box .btn_login button:hover {color:#000000;}
.popup_section .login_box .btn_regit button {margin-top:5px;height:40px;width:100%;background:#6b8ff3;font-size:20px;font-weight:bold;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;}
.popup_section .login_box .btn_regit button:hover {color:#000000;}
.popup_section .login_box .join_text {margin-top:10px;text-align:center;font-size:13px;}
.popup_section .login_box .join_text a {color:#fff;}
.popup_section .pop_message {padding:10px 10px 15px 10px;text-align:center;font-size:12px;font-weight:bold;line-height:20px;color:#ff0000;}
.popup_section .event_img {margin:10px 10px 15px 10px;}
.popup_section .event_img img {width:100%;}
.popup_section .sever_img {margin:20px 10px 0px 10px;}
.popup_section .sever_img img {width:100%;}
.popup_section .message01 {padding:10px 10px 15px 10px;text-align:center;font-size:15px;font-weight:bold;line-height:20px;color:#ff0000;}
.popup_message {position:fixed;top:50%;left:50%;width:186px;margin:-151px 0px 0px -93px;z-index:300;}
.popup_message .message_box {position:relative;cursor:pointer;}
.popup_message .message_box .count01 {position:absolute;top:120px;left:50;font-size:14px;font-weight:bold;width:100%;text-align:center;display:block;line-height:26px;color: #ffc800;}
.popup_message .message_box .count02 {position:absolute;top:145px;left:50;font-size:14px;font-weight:bold;width:100%;text-align:center;display:block;line-height:26px;}

/* 카지노 슬롯 메인 */
.casino_slot_main {}
.casino_slot_main .main_box {float:left;margin-bottom:7px;border-radius:5px;border:1px solid #093d66;/*height:630px;*/width:50%;position:relative;text-align:center;
	box-shadow: rgba(0, 0, 0, 0.35) 2px 4px 4px;
}
.casino_slot_main .main_box.bg01 {background:url("/images/client/bg_casino_slot_01.jpg") no-repeat;background-size:cover;background-position:center;}

.casino_slot_main .main_box.bg02 {background:url("/images/client/bg_casino_slot_02.jpg") no-repeat;background-size:cover;background-position:center;}
.casino_slot_main .main_box.bg03 {background:url("/images/client/bg_pokeo_01.jpg?ver=1") no-repeat;background-size:cover;background-position:center;}
.casino_slot_main .main_box h3 {margin:70px 0px 10px 0px;}
.casino_slot_main .main_box p {font-size:15px;color:#fff;font-weight:bold; text-shadow: 1px 1px 1px #000;}
.casino_slot_main .main_box .btn_go button {margin-bottom:140px;position:relative;top:20px;height:43px;width:230px;background:#9c9cd4;font-size:14px;font-weight:bold;border:1px solid #093d66;border-radius:5px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;}
.casino_slot_main .main_box .btn_go button:hover {background:#43434b;}
.casino_slot_main .main_box .game_logo {position:absolute;left:20px;bottom:15px;right:20px;}
.casino_slot_main .main_box .game_logo li {display:inline-block;width:8.5%;max-width:90px;margin-bottom:10px;}
.casino_slot_main .main_box .game_logo li img {width:100%;opacity:0.6;}
.casino_slot_main .main_list {/*position:relative;*/*zoom:1;}
.casino_slot_main .main_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.casino_slot_main .main_list .list_box {float:left;width:50%;padding:0px 1.5px;margin-bottom:6px;}
.casino_slot_main .main_list .list_box .subtitle {font-size:12px;font-weight:bold;color:#fff;line-height:28px;margin-bottom:4px;}
.casino_slot_main .main_list h3 {font-size:15px;font-weight:bold;color:#ffa604;border:1px solid #ffa604;background:#2d343b;line-height:48px;text-align:center;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;margin-bottom:4px;}
.casino_slot_main .main_list .list_type01 li {position:relative;height:30px;background:#2d343b;line-height:28px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;margin-bottom:4px;font-weight:bold;color:#acaeaf;padding:0 10 0 10;}
.casino_slot_main .main_list .list_type01 .time {display:inline-block;/*width:15%;*/text-align:center;}
.casino_slot_main .main_list .list_type01 .game {display:inline-block;/*width:40%;*/text-align:left;}
.casino_slot_main .main_list .list_type01 .user_id {display:inline-block;/*width:15%;*/text-align:left;}
.casino_slot_main .main_list .list_type01 .money {display:inline-block;/*width:25%;*/text-align:right;}
.casino_slot_main .main_list .list_type02 li {position:relative;height:30px;background:#2d343b;line-height:28px;box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;margin-bottom:4px;font-weight:bold;color:#acaeaf;padding:0 10 0 10;}
.casino_slot_main .main_list .list_type02 .user_id {display:inline-block;padding-left:15px;}
.casino_slot_main .main_list .list_type02 .user_id .num {background:#008fff;color:#ffffff;display:inline-block;text-align:center;width:21px;height:21px;border-radius:50%;line-height:20px;margin-right:6px;}
.casino_slot_main .main_list .list_type02 .money {display:inline-block;text-align:right;float:right;padding-right:15px;}
@media (min-width:1200px) and (max-width:1400px) {
	.casino_slot_main .main_list .list_box {width:50% !important;}
}

/* 카지노 메인 */
.casino_main {position:relative;}
.casino_main .head_box {position:relative;margin:0px 0px 20px 20px;min-height:60px;}
.casino_main .head_box .ico {position:absolute;top:0;left:0;}
.casino_main .head_box h2 {padding-left:85px;font-size:25px;color:#ffff83;font-weight:bold;margin-bottom:7px;line-height:25px;}
.casino_main .head_box p {padding-left:85px;font-size:15px;font-weight:bold;color:#a9a8a9;line-height:18px;letter-spacing:-0.5px;/*width:65%;*/}
.casino_main .head_box p span {color:#a96614;}
.casino_main .game_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.casino_main .game_list li {float:left;width:33%;padding:0px 5px;margin-bottom:10px;}
.casino_main .game_list .box01 {position:relative;cursor:pointer;}
.casino_main .game_list .box01:hover:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);border-width:2px;border-style:solid;box-sizing:border-box;
	border-image:linear-gradient(to bottom, #e7d48a 0%, #c6612c 100%);border-image-slice:1;box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px;}
.casino_main .game_list .box01:hover .play {display:block;}
.casino_main .game_list .img_area img {width:100%;}
.casino_main .game_list h3 {position:absolute;bottom:15%;left:0;}
.casino_main .game_list .name {display:block;border:1px solid #434347;border-radius:3px;width:120px;height:25px;line-height:23px;text-align:center;margin-left:30px;font-weight:bold;}
.casino_main .game_list .play {position:absolute;top:50%;left:50%;margin:-42px 0px 0px -42px;z-index:10;display:none;}
@media (min-width:1200px) and (max-width:1500px) {
}

/* 슬롯 메인 */
.slot_main {position:relative;border:1px solid #000000;border-radius:5px;background:url('/images/client/bg_minigame_01.jpg') no-repeat center center;background-size:cover;
	box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:20px 10px;}
.slot_main .head_box {position:relative;margin:0px 0px 20px 20px;min-height:60px;}
.slot_main .head_box .ico {position:absolute;top:0px;left:0;}
.slot_main .head_box h2 {padding-left:90px;font-size:25px;color:#ffff83;font-weight:bold;margin-bottom:7px;line-height:25px;}
.slot_main .head_box p {padding-left:90px;font-size:15px;font-weight:bold;color:#a9a8a9;line-height:18px;letter-spacing:-0.5px;/*width:65%;*/}
.slot_main .head_box .game_company {position:absolute;top:0;right:10px;width:240px;z-index:99;}
.slot_main .head_box .game_company .btn_area {margin-bottom:5px;}
.slot_main .head_box .game_company .btn_area button {height:50px;width:100%;border-radius:5px;font-weight:bold;font-size:15px;text-align:left;padding-left:25px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;background:url('/images/client/bul_down_01.png') no-repeat #3f404b;background-position:93% 48%;
}
.slot_main .head_box .game_company .btn_area button:hover {background-color:#484955;}
.slot_main .head_box .game_company .btn_area button.on {background:url('/images/client/bul_up_01.png') no-repeat #3f404b;background-position:93% 48%;}
.slot_main .head_box .game_company .company_list {background:rgba(0,0,0,0.85);padding:10px 0px;border-radius:5px;display:none;}
.slot_main .head_box .game_company .company_list li {cursor:pointer;padding:6px 15px;margin-bottom:5px;font-size:15px;color:#8d8d8d;font-weight:bold;}
.slot_main .head_box .game_company .company_list li:hover {color:#ffffff;}
@media (min-width:1200px) and (max-width:1400px) {
	.slot_main .head_box {padding-bottom:60px;}
	.slot_main .head_box .game_company {top:60px !important;}
}
.slot_main .game_list {*zoom:1;}
.slot_main .game_list:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.slot_main .game_list li {display:inline-block;width:19.7%;padding:0px 5px;margin-bottom:15px;cursor:pointer;}
.slot_main .game_list .box01 {position:relative;cursor:pointer;}
.slot_main .game_list .box01:hover:after {content:"";position:absolute;top:0;left:0;bottom:46px;width:100%;background:rgba(0,0,0,0.6);border-width:2px;border-style:solid;box-sizing:border-box;
	border-image:linear-gradient(to bottom, #e7d48a 0%, #c6612c 100%);border-image-slice:1;box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 6px;}
.slot_main .game_list .box01:hover .play {display:block;}
.slot_main .game_list .box01:hover h3 {color:#ffff83;}
.slot_main .game_list .play {position:absolute;top:35%;left:50%;margin:-25px 0px 0px -25px;z-index:10;display:none;}
.slot_main .game_list .play img {width:50px;}
.slot_main .game_list .img_area {margin-bottom:10px;} 
.slot_main .game_list .img_area img {width:100%;} 
.slot_main .game_list h3 {color:#a9a8a9;font-size:14px;font-weight:bold;line-height:18px;}
.slot_main .btn_more {text-align:center;margin:20px 0px;}
.slot_main .btn_more button {background:#3f404b;height:50px;width:95%;border-radius:5px;font-weight:bold;font-size:15px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;
}
.slot_main .btn_more button:hover {background:#484955;}
@media (min-width:1200px) and (max-width:1500px) {
	.slot_main .game_list li {width:25% !important;}
}

/* 슬롯 게임 팝업 */
.popup_slot_game {position:fixed;z-index:200;top:10%;left:10%;background:#000000;border:1px solid #ffffff;width:80%;}
.popup_slot_game .pop_box {border:10px solid #232a2f;border-top:none;}
.popup_slot_game .pop_box .head_area {height:35px;position:relative;background:#232a2f;}
.popup_slot_game .pop_box h2 {line-height:35px;padding-left:10px;color:#ffa604;font-size:15px;font-weight:bold;}
.popup_slot_game .pop_box .time {position:absolute;top:0;left:50%;margin-left:-40px;line-height:35px;font-weight:bold;}
.popup_slot_game .pop_box .time img {vertical-align:middle;}
.popup_slot_game .pop_box .option {position:absolute;top:5px;right:10px;}
.popup_slot_game .pop_box .option img {margin-left:5px;cursor:pointer;}
.popup_slot_game .pop_box .game_area {}
.popup_slot_game .pop_box .game_area img {width:100%;}

/* 머니 이동 */
.money_move {border:1px solid #00bfff;background:#1a4050;border-radius:5px;margin-bottom:10px;
	box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:10px 4px;
}
.money_move h3 {font-size:15px;font-weight:bold;line-height:25px;margin:0px 0px 10px 5px;}
.money_move h3 img {vertical-align:middle;margin:0px 5px 2px 0px;}
.money_move .company_select {position:relative;width:100%; z-index: 1;}
.money_move .company_select .btn_area {margin-bottom:5px;}
.money_move .company_select .btn_area button {height:50px;width:100%;border-radius:5px;font-weight:bold;font-size:15px;text-align:left;padding-left:25px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;background:url('../images/bul_down_01.png') no-repeat #3f404b;background-position:93% 48%;
}
.money_move .company_select .btn_area button:hover {background-color:#484955;}
.money_move .company_select .btn_area button.on {background:url('../images/bul_up_01.png') no-repeat #3f404b;background-position:93% 48%;}
.money_move .company_select .company_list {position:absolute;bottom:50px;left:0;width:100%;background:rgba(0,0,0,0.85);padding:10px 0px;border-radius:5px;display:none;}
.money_move .company_select .company_list li {cursor:pointer;padding:6px 15px;margin-bottom:5px;font-size:15px;color:#8d8d8d;font-weight:bold;}
.money_move .company_select .company_list li:hover {color:#ffffff;}
.money_move .input_area {margin-bottom:5px;}
.money_move .input_area input {border:1px solid #434347;border-radius:5px;text-indent:10px;line-height:48px;font-size:15px;font-weight:bold;width:100%;height:50px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;	
}
.money_move .input_area input:-ms-input-placeholder {color:#ffffff !important;}
.money_move .input_area input::-webkit-input-placeholder {color:#ffffff !important;}
.money_move .input_area input::-moz-placeholder {color:#ffffff !important;}

#coverBG{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.42);z-index:10001;display:none;}
#coverBG2{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.42);z-index:10001;display:none;}
#loading {position:fixed;left:calc(50% - 40px);top:calc(50% - 60px);z-index:999999;}
#loading img {width : 200px;}
.display_none {display:none;}
.display_none_sub {display:none;}
.display_none_sub2 {display:none;}

/*대출 */
.loan{margin-bottom: 60px;}
.loan_left{width:450px;height:1000px;float:left;position: relative;border: 1px solid #404044;border-radius: 5px;	padding: 15px;}
.loan_left .month{	position: relative;	width:420px;	height:970px;	background:#111316;	border-radius: 5px;	}
.loan_right{ margin-left:460px; border: 1px solid #404044; border-radius: 5px;} 
.loan_right ul{text-align:center;}
.loan_right ul li{	min-width:320px;	min-height:478px;	display: inline-block;	padding:10px;vertical-align:top;    max-width: 100%;}
.loan_right ul li img {max-width: 100%;}
.month_title{	color:#FFF600;	padding:15px;	font-weight:bold;	font-size:18px;}
.bar_graph{	height:30px;	background:#2d2e35;	color:#ffffff;	padding:6px;	}
.bar_graph:nth-child(even){}
.bar_graph .graph_day{	float:left;width:10%;text-align:center;    color: #e0951f;}
.bar_graph .per_bar {display: inline-block; width: 81%; margin: 0px 10px; height: 20px; background: ##0c0e0e;  vertical-align: middle; border-radius: 11px; position: relative;line-height:20px;	border-bottom:1px solid #707070;}
.bar_graph .per_bar .left_bar { position: absolute; top: 0; left: 0; height: 100%; line-height: 20px; padding-left: 10px; font-size: 13px; border-radius: 11px;    box-shadow: 3px 0px 7px 0px #070c02 inset;}
.bar_graph .blue { background: #3498db; color: #ffffff;}
.bar_graph .green{background:#fff;	color: #000;}
.bar_graph .greens{	background: #039622;	background: -moz-radial-gradient(center, ellipse cover, #039622 0%, #005700 67%, #002400 88%);background: -webkit-radial-gradient(center, ellipse cover, #039622 0%,#005700 67%,#002400 88%);background: radial-gradient(ellipse at center, #039622 0%,#005700 67%,#002400 88%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039622', endColorstr='#002400',GradientType=1 );}
.graph{	height:50px;	    width: 90%;background:#E0E0E0;	color:#ffffff;		margin-left:20px;border-radius: 25px;}
.graph .left_bar{	 height: 50px; line-height: 50px; padding-left: 10px; font-size: 20px; border-radius: 20px;background:#ffa604;color: #ffffff;}
.my_loan{margin-top:20px;} 
.text02 {display:inline-block;float:left;margin-right:10px;font-weight:bold;padding:15px 0px;line-height:18px;color:#ACACAE;font-size: 23px;min-width:300px;}
.charge_exchange .input_boxs {margin-left:130px;*zoom:1;} 
.charge_exchange .input_boxs:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.charge_exchange .input_boxs .text01 {display:inline-block;float:left;margin-right:10px;font-weight:bold;padding:15px 0px;line-height:18px;}
.charge_exchange .input_boxs input {border: 1px solid #59b341;background: #222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;border-radius: 5px;height: 40px;width: 90%;text-align: left;margin: 4px 10px 2px 0px;float: right;text-align: center;color: #2eff00;font-weight: bold;}
.charge_exchange .input_boxs input:-ms-input-placeholder {color:#ffffff !important;}
.charge_exchange .input_boxs input::-webkit-input-placeholder {color:#ffffff !important;}
.charge_exchange .input_boxs input::-moz-placeholder {color:#ffffff !important;}
.charge_exchange .heads { color: #FFA604; font-weight: bold; display: inline-block; position: absolute;  left: 20px; line-height: 48px;	}
@media (min-width:320px) and (max-width:860px) {
	.loan{width:100% !important;}
	.loan_left{width:100% !important;;display: inline-block;}
	.loan_right{width:100%;display: inline-block;margin-left:0px;}
	.text02 {min-width:200px;}
	.charge_exchange .input_boxs input {width:155px;}
	.loan_left .month{width:100%;}
	.charge_exchange .input_area .btn_area {margin-right:0px;}
}
.btnmoney button {margin: 0px 5px 10px 0px; min-width: 80px;}


/*탭메뉴*/
.tab-container .etabs{overflow:hidden;margin:10px;padding:0;border-bottom:1px solid #ffa604;border-bottom-color:#ffa604;}
.tab-container .tab {background:#2d2e35;transition:200ms all;box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#c8c8c7;}
.tab-container .tab:hover {color:#ffffff;background:#393a43;}
.tab-container .tab.on {cursor:default !important;border:1px solid #ffa604;color:#ffa604 !important;background:#312b20 !important;}

.tab-container .etabs .tab{display:inline-block;float:left;width:100%;margin-left:2px;border-top:1px solid #2d2e35;border-left:1px solid #2d2e35;border-right:1px solid #2d2e35;background:#2d2e35;text-align:center;border-color:#000000;}
.tab-container .etabs .tab a{margin-top:7px;height:25px;vertical-align:middle;display:block;width:100%;color:#999;line-height:20px;}
.tab-container .etabs .tab a:hover{text-decoration:underline;}
.tab-container .etabs .tab.active{position:relative;top:0px;color:#fff;border-color:#000000;background: #f5aa18;}
.tab-container .tab a.active{font-weight:bold !important;color:#fff;;}
.tab-container h5{display:none}
.tab-container .tabstyle4 {margin:10px;padding:0;min-height:100px;padding-bottom:10px;}
.tab-container .btnstyle_confirm:hover{color:#ffff00}

.nav {padding-left: 0;margin-bottom: 0;list-style: none;overflow:hidden;}
.nav>li {font-size:12px;font-weight:bold;position: relative;display: block}
.nav>li>a {position: relative;display: block;height:30px;min-width:90px;max-width:110px;padding-top:15px;vertical-align:middle;text-align:center;}
.nav>li>a:focus,.nav>li>a:hover {text-decoration: none;background-color: #fdd68f}
.nav>li.disabled>a {color: #ddd}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {color: #ddd;text-decoration: none;cursor: not-allowed;background-color: transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {background-color: #fdd68f;border-color: #337ab7}
.nav .nav-divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5}
.nav>li>a>img {max-width: none}
.nav-tabs {border-bottom: 1px solid #ffa604}
.nav-tabs>li {float: left;margin-bottom: -1px}
.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;background-color: #001220;border: 1px solid transparent;border-radius: 4px 4px 0 0}
.nav-tabs>li>a:hover {border-color: #fdd68f #fdd68f #ffa604}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover
{color: #000;cursor: default;background-color: #fdd68f;border: 1px solid #ffa604;border-bottom-color: transparent}

/* 메인 중앙 롤오버 메뉴 */
.mainmenu  {position: relative;display: block;width:100%;;max-width:1440px;}
.mainmenu .menuarea{padding:0 1% 0 1%}
.mainmenu .menuarea li {width:20%;float:left;margin-right:0px;margin-bottom:5px;}
.mainmenu .menuarea li img {max-width: 100%;height: auto;display: block;}
.mainmenu .menuarea:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

A.roll img{display:inline;border:0}
A.roll img.over{display:none}
A.roll:hover{border:0;text-decoration:none;}
A.roll:hover img{display:none}
A.roll:hover img.over{display:inline}
A.roll:active img{display:none}
A.roll:active img.over{display:inline}
A.roll {margin:0;padding:0;}


/*회원 충전/환전 스텝에서 사용*/
.stepWrap { margin: 0 auto; min-height: 200px; border: #d2a655 solid 1px; border-radius: 3px; margin-bottom: 5px; }
.stepWrap .num { display: inline-block; width: 19%; min-width: 70px; max-width: 200px; padding: 20px 0 10px 0; border-bottom: #fff solid 3px; }
.stepWrap .on { border-bottom: #ff8100 solid 3px; color: #ff8100; font-weight: 700; } /* #ff0000 */
.stepWrap .step { text-align: center; font-size: 13px; font-weight: 300; }
.stepWrap .textWrap { margin: 0 auto; width: 98%; min-height: 150px; padding: 30px 10px 20px 10px; border: #000 solid 0px; text-align: center; }
.stepWrap .textWrap p{line-height:25px;}
.stepWrap .button { border-radius: 3px; margin-top: 20px; padding: 8px 15px 8px 15px; font-size: 13px; font-weight: 700; text-align: center; box-shadow: rgb(0 0 0 / 50%) 0px 2px 3px; }
.stepWrap .btn_next_step { background: #54c211; }
.stepWrap .btn_next_step:hover { background: #008000; }
.stepWrap .btn_move_page { background: #ff3535; }
.stepWrap .btn_move_page:hover { background: #ff0000; }
.btn_next_step { background: #54c211; }
.btn_next_step:hover { background: #008000; }
.btn_move_page { background: #ff3535; }
.btn_move_page:hover { background: #ff0000; }
.stepWrap .bank_info { font-size: 15px; font-weight: 700; }
#coupon_sn { max-width: 260px; }

.button_qb_info {background: #FFE400;background-image: -webkit-linear-gradient(top, #FFE400, #FF5E00);
background-image: -moz-linear-gradient(top, #FFE400, #FF5E00);background-image: -ms-linear-gradient(top, #FFE400, #FF5E00);
background-image: -o-linear-gradient(top, #FFE400, #FF5E00);background-image: -webkit-gradient(to bottom, #FFE400, #FF5E00);
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;height: 20px;line-height: 20px;color: #000000 !important;
width: 180px;font-size: 25px;font-weight: 700;padding: 15px;-webkit-box-shadow: 1px 1px 20px 0 #000000;-moz-box-shadow: 1px 1px 20px 0 #000000;
box-shadow: 1px 1px 20px 0 #000000;text-shadow: 1px 1px 20px #DD380D;border: solid #000000 1px;text-decoration: none;display: inline-block;
cursor: pointer;text-align: center;display: inline-block;}

.button_qb_info:hover {border: solid #000000 1px;background: #FF5E00;background-image: -webkit-linear-gradient(top, #FF5E00, #FFE400);background-image: -moz-linear-gradient(top, #FF5E00, #FFE400);
background-image: -ms-linear-gradient(top, #FF5E00, #FFE400);background-image: -o-linear-gradient(top, #FF5E00, #FFE400);background-image: -webkit-gradient(to bottom, #FF5E00, #FFE400);
-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-decoration: none;}

.mymoney .section1 {width:100%;float:left;border-right:0px solid #008fff;}
.mymoney .section2 {width:0%;display:none;}


.main-content-wrap .main-view {padding-bottom: 10px;}
.main-content-wrap .small-contents {overflow: hidden;margin-left: -1%;}
.main-content-wrap .small-contents>div {position: relative;float: left;overflow: hidden;width: 100%;max-width: 24%;/*height: 200px;*/margin-left: 1%;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.04);border-radius: 5px;box-shadow:rgb(0 0 0 / 50%) 0px 3px 4px, rgb(255 255 255 / 21%) 1px 1px 4px -2px inset;}
.main-content-wrap .main-view img {width: 100%;/*height: 100%;*/max-height: 355px;border-radius: 5px;}
.main-content-wrap .small-contents .site {position: absolute;left: 8%;top: 18%;font-weight: bold;font-size: 12px;color: #fff;}
.main-content-wrap .small-contents .title {position: absolute;left: 8%;top: 30%;font-weight: bold;font-size: 12px;color: #fff;}
.btn-main {position: absolute;bottom: 0;width: 100%;height: 40px;overflow: hidden;}
.btn-main a {background-color: rgba(0, 0, 0, 0.20);color: #fff;font-size: 11px;font-weight: bold;display: block;text-align: center;text-decoration: none;width: 100%;height: 40px;line-height: 40px;position: relative;top: 0;transition: 250ms top, 350ms left;}
.btn-main a:before {content: attr(data-hover);position: absolute;top: 40px;left: 0;width: 100%;background: #6b8ff3;height: 40px;}
.btn-main a:hover {top: -40px}

@keyframes jackpotPanel {0% {max-width: 100%}100% {max-width: 280px}}

.jackpot-panel:before {left: -4px}
.jackpot-panel:after {right: -4px}
.jackpot-panel .inner-panel {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: #1c1c1c;
background-image: url(/images/assets/texture.jpg);border: solid 3px #333;box-shadow: inset 0 7px 18px rgba(0,0,0,.59);border-radius: 10px;position: relative;z-index: 1}
.jackpot-panel .inner-panel .jtitle{font-weight: bold;padding: 0px 15px 0px 15px;text-align: center;font-size: 36px;color:#fdc913;}
.jackpot-panel .inner-panel:before {content: '';width: calc(100% + 6px);height: calc(100% + 5px);position: absolute;left: -3px;
top: -2px;border-radius: 10px;border: solid 1px #3f3f3f;border-bottom-color: #4b3135;box-shadow: inset 0 0 0 3px #000;z-index: -1}
.jackpot-panel .labels {display: flex;align-items: center;position: relative}
.jackpot-panel .icon-panel {position: relative;top: 2%;margin-right: .5%}
.jackpot-panel .icon-panel .diamond {width: 100%}
.jackpot-panel .icon-panel .glow {width: 68.43%;position: absolute;left: -20%;top: -4%;animation: diasGlow .5s ease infinite}
@keyframes diasGlow {0% {opacity: 1}50% {opacity: .5}100% {opacity: 1}}

.casino_content {text-align:center;margin:10px 0px 10px 0px;}
.casino_content span {display:inline-block;padding:0px 4px;}
.casino_content a {display:inline-block;line-height:28px;background:linear-gradient(0deg,#0d0d0d,#3e3e3e,#5a5a5a);border-radius:5px;transition:200ms all;padding:0px 15px;border:2px solid #010101;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 4px -2px inset;color:#c8c8c7;}
.casino_content a:hover {color:#ffffff;background:linear-gradient(0deg,#0d0d0d,#3e3e3e,#5a5a5a);border:2px solid #d5b25a;}
.casino_content a.on {cursor:default !important;border:2px solid #d5b25a;color:#d5b25a !important;background:linear-gradient(0deg,#0d0d0d,#3e3e3e,#5a5a5a) !important;}

.slot_gamelist
{
}
.slot_gamelist li
{
    margin: 10px 4px;
    font-size: 15px;
    font-weight: 700;
    color: #d8d8d8;
    border: 1px solid #ffa800;
    width: 150px;
    border-radius: 16px;
    overflow: hidden;
    display: inline-block;
}
.slot_gamelist li img {
    width: 150px;
    height: 150px;
    cursor: pointer;
}
.slot_gamelist li p {
    width: 100%;
    height: 60px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
	line-height: 20px;
	overflow-x: hidden;
}
.slot_providerlist a
{
	width: 120px;
    height: 30px;
    border: 1px solid #d7922f;
    background: url(/images/client/bg_title1.jpg) center center;
    border-radius: 3px;
    font-size: 12px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 3px;
    float: left;
    margin-left: 4px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    transition: 200ms all;
	text-align:center;
}
.slot_providerlist a.on
{
	background: #FDA203;
	color:#fff;
}

.main-page{position: relative;max-width: 100%;}


.bit5{width:500px;margin:0 auto;padding:15px;border-radius: 3px;}
.bit5 h3{height:45px;line-height:45px;font-size:18px;font-weight:bold;margin-bottom:10px;}
.coin-info-text p {color: gainsboro;font-size: 13px;line-height: 22px;padding:0px;margin-bottom: 10px;text-align:left;}
.side-coin-btn{width: 100%;font-size: 14px;font-weight: bold;border-radius: 0;padding: 12px 0;border: 1px solid #464039;background: #fda203;color: white !important;}
.form-group-coin{}
.form-group-coin .col-1{width:20%;float:left;font-size:14px;text-align:center;height:50px;line-height:50px;}
.form-group-coin .col-2{width:60%;float:left;}
.form-group-coin .col-3{width:20%;float:left;height:44px;line-height:44px;}
.userCoinBalance{background:linear-gradient(0deg,#0d0d0d,#3e3e3e,#5a5a5a) !important;height:44px;line-height:44px;border: 1px solid #ffa800 !important;border-radius: 0;display: block;width: 100%;padding-left:5px;}
.coin-refresh{color: #fff;background-color: #dc3545;border-color: #dc3545;font-size: 14px;font-weight: bold;border-radius: 0;height:44px;line-height:44px;padding:0 10px;}
@media (max-width:820px) {.bit5{width:100%;margin:0 auto;padding:15px;border: none;border-radius: 3px;}}

.text-center { text-align: center !important; }.text-left { text-align: left !important; }.text-right { text-align: right !important; }
.pull-left { float: left !important; }.pull-right { float: right !important; }.pull-none { float: none !important; }.pull_center {float: right; position: relative; left: -50%; text-align: left;}

.mobile-menu{height:auto;display:none;background-color:#131523;}
.mobile-menu li{display:block !important;width:10%;padding:5px;float:left;}
.mobile-menu li .btn{width:100%;height:auto;padding:0 !important;}
.mobile-menu li .btn a{float:left;width:100%;position:relative;overflow:hidden;}
.mobile-menu li .btn a .img-cont{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.mobile-menu li .btn a .img-cont img{width:100%;}
.mobile-menu li .btn a .foot{width:100%;height:30px;color:#fff;font-size:10px;font-family:SCDream;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 !important;}

.mobile_cate {width: 100%;display: flex !important;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;text-align: center;}
.mobile_cate-btn {width: calc(50% - 6px);margin: 2px;display: inline-block;position: relative;overflow: hidden;padding: 1px;transition: 0.3s;animation: slotBtnAnim 1s ease 1 backwards;cursor: default;}
.mobile_cate-btn img{width:100%}
.mobile_main_btn {width: calc(33% - 6px);margin: 2px;display: inline-block;position: relative;overflow: hidden;padding: 1px;transition: 0.3s;animation: slotBtnAnim 1s ease 1 backwards;cursor: default;}
.mobile_main_btn img{width:100%}

.home-menu{height:auto;display:none;position: fixed;bottom: 70px;z-index: 600;}
.home-menu .pannel{width:80%;padding:10px 5px;margin:0 auto;background-color:#0b161a;box-shadow:rgb(153 153 153) -3px -3px 3px -3px;border-radius: 10px;}
.home-menu li{display:block !important;width:10%;padding:5px;float:left;}
.home-menu li .btn{width:100%;height:auto;padding:0 !important;}
.home-menu li .btn a{float:left;width:100%;position:relative;overflow:hidden;}
.home-menu li .btn a .img-cont{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.home-menu li .btn a .img-cont img{width:100%;}
.home-menu li .btn a .foot{width:100%;height:30px;color:#fff;font-size:0.8em;font-family:SCDream;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 !important;}
.home-menu .pannel .mobile_main_btn {width: calc(33% - 6px);}

.content_loading { position:absolute;top:0;bottom:0;left:0;right:0;font-size:30px;text-align:center;vertical-align:middle;color:white;display:none;z-index:99;}
.content_loadingimg {position:relative;vertical-align:middle;margin:5px;top:30%;width:200px;}
.content_loadingtxt {position:relative;vertical-align:middle;margin:5px;top:30%;font-size:30px;text-align:center;vertical-align:top;}