:root{
  --bg:#0b0d12;--text:#e8f0ff;--brand-2:#00d4ff;--brand:#36e1c6;
  --muted:#8aa0bd;--shadow:0 10px 30px rgba(0,0,0,.45);
}

/* 초기화 */
html {overflow-y:scroll;min-width:320px;scroll-padding-top: 75px;}
body {margin:0;padding:0;font-size:0.75em;background:#0b0d12;font-family:'Pretendard', Noto Sans KR, sans-serif;color: #fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Pretendard', dotum, sans-serif}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Pretendard', dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Pretendard', dotum, sans-serif}
select {margin:0;background:none;font-family:'Pretendard', dotum, sans-serif}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}

*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

a{text-decoration:none;color:inherit}
h1,h2{line-height:1.4}
.accordion .accordion-item{border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:8px}
.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#101725;color:#36e1c6;font-size:16px;font-weight:600;border:none;cursor:pointer;border-radius:6px;transition:.2s}
.accordion-header:hover{background:rgba(54,225,198,.1)}
.toggle-btn{font-size:14px;color:#fff;transition:.3s}
.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 14px;color:#e8f0ff}
.accordion-item.active .accordion-content{max-height:1000px;padding:14px;font-size: 0.975rem;}
.accordion-item.active .toggle-btn{transform:rotate(180deg)}
a.cta-btn {display:block;width:100%;max-width:450px;background:#36e1c6;color:#0b1220;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;transition:.2s;margin-top:20px}
a.cta-btn:hover {background:#2cc2a6}
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;max-width: 1280px;width: 100%}
.d-pc{display:block;}
.d-mo{display: none;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;z-index: 1000}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/* 상단 레이아웃 */
#hd {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
main{max-width: 1280px;margin: 0 auto;position: relative;width: 100%;}
/* Header */
.mo_bars{display: none;}
.header{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);font-size: 0.8425rem;}
.nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 20px}
.nav .logo{width: 8.75rem;height: 2rem;}
.logo b{color:var(--brand-2)}
.logo img{width: 100%;height: 100%}
.f-s-16r {font-size: 1rem !important;}
.btn-close {box-sizing: content-box;width: 1em;height: 1em;padding: .25em .25em;color: #000;background: transparent url(img/close.svg) center / 1em auto no-repeat;border: 0;border-radius: .25rem;opacity: .5;}
.text-reset {--bs-text-opacity: 1;color: inherit !important;}
.btn-close {filter: invert(1) grayscale(100%) brightness(200%);}
.offcanvas-header .btn-close {padding: .5rem .5rem;margin-top:-0.85rem;margin-right: -.5rem;margin-bottom: -.5rem;}
.navbar-nav {display: flex;flex-direction: column;padding-left: 0;}
.navbar-nav li {position: relative;list-style: none;}
.dropdown, .dropend, .dropstart, .dropup {position: relative;}
.dropdown-toggle {white-space: nowrap;}
.nav-link {text-decoration: none;display: block;transition: none;}
.navbar-nav > li > .nav-link {font-weight: 400;}
.dropdown-menu {left: 0;text-align: left;list-style: none;background-clip: padding-box;background-color: #161b22 !important;border-color: #30363d !important;color: #b5b5b5 !important;transition: all 0.2s ease-in-out;}
.dropdown-item {width: 100%;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;border: 0;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-left-color: currentcolor;}


/* Menu */
.nav .in-box{display:flex;align-items:center;gap:20px}
.menu{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.menu>li{position:relative}
.menu>li>a{padding:10px 16px;border-radius:12px;color:#cfe3ff;display:block;white-space:nowrap}
.menu>li>a:hover,.menu>li>a.active{background:rgba(255,255,255,.06);color:#fff}
.submenu{display:none;position:absolute;top:100%;left:0;background:#101725;padding:8px 0;border-radius:12px;min-width:160px;box-shadow:var(--shadow)}
.submenu a{display:block;padding:8px 14px;color:#cfe3ff;white-space:nowrap}
.submenu a:hover{background:rgba(255,255,255,.08);color:#fff}
.menu>li:hover .submenu{display:block}

.side_main {width: 100%;height: auto;position: fixed;top: 0;left: -100%;bottom: 0;right: 0;background-color: #1b1b1b;-webkit-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;z-index: 999;}
.side_main.active {left: 0;}
.side_main .sidebar-left-content {padding-bottom: 20px;}
.side_main .offcanvas-header {display: flex;align-items: center;justify-content: space-between;}
.side_main .offcanvas-header {padding: 15px;}
.side_main .text-gray {color: #555555;}
.side_main .offcanvas-title {margin-bottom: 0;line-height: 1.5;}
.side_main .navbar-nav {position: relative;margin: 0;float: none;border-bottom: 0.06rem solid #333;}
.side_main .navbar-nav > li {float: none;}
.side_main .navbar-nav .dropdown {border-bottom: solid 1px #333;}
.side_main .navbar-nav > li > a {line-height: 42px;padding: 0 15px !important;font-size: .9375rem;border-bottom: none;border-color: #23272c;border-top-color: rgb(35, 39, 44);border-bottom-color: rgb(35, 39, 44);}
.side_main .navbar-nav > li > a {line-height: 42px;padding: 0 15px !important;font-size: .9375rem;color: #999;}
.side_main .navbar-nav > li a {}
.side_main .navbar-nav > li a {border-bottom: none;}
.side_main .navbar-nav > li:first-child > a {border-top: 0.06rem solid transparent;}
.side_main .navbar-nav > li > .cate-dropdown-open::before {font-family: 'Font Awesome\ 5 Free';content: "\f067";font-weight: 900;color: #b5b5b5;}
.side_main .navbar-nav .dropdown-menu {position: relative;border: 0;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;float: none;width: auto;margin: 0;padding: 0;box-shadow: none;display: none;}
.side_main .navbar-nav > li a {border-bottom: none;border-bottom-color: currentcolor;}
.side_main .navbar-nav .dropdown-submenu > a {font-size: .9375rem;line-height: 26px;padding: 6px 15px 6px 35px !important;position: relative;color: #999;}
.side_main .navbar-nav .dropdown-submenu > a {background-color: #000;}
.side_main .navbar-nav .dropdown-submenu:first-child > a {border-color: #23272c;}
.side_main .navbar-nav > li > .cate-dropdown-open {position: absolute;top: 0.06rem;right: 0;width: 42px;height: 42px;line-height: 42px;margin: 0;padding: 0;text-align: center;border: 0;border-top-width: 0px;border-top-style: none;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-width: 0px;border-left-style: none;border-left-color: currentcolor;border-left: 0.06rem solid #f0f0f0;border-left-color: rgb(240, 240, 240);z-index: 1;}
.side_main .navbar-nav > li > .cate-dropdown-open {border-color: #23272c;border-top-color: rgb(35, 39, 44);}
.side_main .navbar-nav .dropdown-menu.show {display: block;opacity: 1;visibility: visible;}
.side_main .navbar-nav > li > .cate-dropdown-open.show::before {font-family: 'Font Awesome\ 5 Free';content: "\f068";font-weight: 900;color: #cc2300;}



/* Search + Auth */
.right-box{display:flex;align-items:center;gap:14px}
.search{display:flex;align-items:center;gap:10px;white-space:nowrap}
.search-input{height:38px;min-width:180px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff}
.icon-btn{height:38px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.06);display:inline-flex;align-items:center}
.auth{display:flex;align-items:center;gap:10px}
.auth a{padding:8px 16px;border-radius:12px;background:rgba(255,255,255,.06);color:#cfe3ff;white-space:nowrap}

a.btn_wr_hit{padding: 1rem;background: #333;border-radius: 1rem;border: 1px solid #999;}
.d-flex{display: flex;flex-wrap: wrap;gap: 30px;align-items: flex-start;margin-bottom: 40px;}
.d-flex .img-div{width: calc(100%/2);flex: 1;}
.d-flex .img-div a{display: block;position: relative;}
.d-flex .img-div img{width: 100%;border-radius: 1rem;}
.d-flex .cta{margin-top:12px;padding:14px;background:#36e1c6;color:#0b0d12;font-weight:600;font-size:1rem;text-align:center;border-radius:8px;cursor:pointer;transition:background .2s, transform .2s;}
.d-flex .cta:hover{background:#2bcab1; transform:scale(1.02); }
.d-flex .cta a{text-align: center;display: block;width: 100%;}
.d-flex .txt-div{width: calc(100%/2);flex: 1;}
.d-flex .txt-div h2 {font-size: 30px;color: #fff;margin: 0 0 30px 0;}



/* Hero */
.hero{position:relative;isolation:isolate}
.hero-inner{max-width:1200px;margin:0 auto;padding:56px 20px 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.hero h1{font-size: 2.35rem;line-height:1.2;margin:16px 0 14px}
.hero p{color: #fff;margin:0 0 26px;font-size: 1.25rem}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:14px;padding:12px 18px;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn-primary{background:linear-gradient(180deg,#23f0c7,#13c9ac);color:#001b16;box-shadow:0 6px 20px rgba(35,240,199,.35)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.hero-media{min-height:280px;border-radius:22px;overflow:hidden;background:#0c1423;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);position:relative}
.hero-media:before{content:"";position:absolute;inset:0;background:url('/img/Blue.gif') center/cover;}
.hero-media:after{content:"";position:absolute;inset:0;}

#site_info .cta{display:block;}
#site_info .cta .btn{padding: 1rem 2rem;width: 50%;text-align: center;display: block;font-weight: bold;font-size: 1.425rem;}

/* Slider */
.slider-wrap{max-width:1200px;margin:30px auto;padding:0 20px}
.slider{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.slides{display:flex;transition:transform .6s ease-out}
.slide{min-width:100%;height:250px;background:#0e1628 center/cover no-repeat}
.slide a{display: block;height: 100%}
.slide a img{width: 100%;height: 100%;}
.dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px;z-index:20}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5);cursor:pointer}
.dot.active{background:var(--brand)}
.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:22px;color:#fff;background:rgba(0,0,0,.35);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center}
.arrow:hover{background:rgba(0,0,0,.55)}
.arrow.prev{left:14px}
.arrow.next{right:14px}

/* big baner */
.baners{max-width:1200px;margin:0 auto;padding:14px 20px 0;}
.baners .big ul{display: block;}
.baners .big ul li{width: 100%;margin-bottom: 0.625rem;}
.baners .big ul li a{width: 100%;display: block;}
.baners .big ul li a img{width: 100%;border-radius: 0.625rem;}

/* smail baner */
.baners .smail ul{display: flex;flex-wrap: wrap;margin: 0 -0.625rem;}
.baners .smail ul li{width: calc(100%/3);margin-bottom: 0.625rem;}
.baners .smail ul li a{width: 100%;display: block;padding: 0 0.625rem}
.baners .smail ul li a img{width: 100%;border-radius: 0.625rem;}

/* Cards */
.grid{max-width:1200px;margin:16px auto 60px;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#101725;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;min-height:160px}
.card .thumb{height:68px;border-radius:14px;border:1px solid rgba(255,255,255,.08);margin-bottom:14px;overflow: hidden;}
.card .thumb a{position: relative;display: block;}
.card .thumb img{width: 100%;height: auto;}
.card h4{margin:0 0 6px}
.card p{margin:0 0 12px;color:var(--muted)}
.card .actions{margin-top:auto;display:flex;align-items:center;gap:10px}
.link{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.link:hover{background:rgba(255,255,255,.1)}

#tv-intro{padding:40px 20px}
#tv-intro .intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;max-width:1200px;margin:0 auto}
#tv-intro .intro-inner .intro-images{display:grid;gap:8px}
#tv-intro .intro-images .intro-img{position:relative;height:255px;border-radius:14px;overflow:hidden;}
#tv-intro .intro-img a{position: relative;display: block;height: 100%;}
#tv-intro .intro-img img{width: 100%;height: 255px;}
#tv-intro .intro-img span{position: absolute;bottom: 40%;left: 40%;background: rgba(0,0,0,.6);color: #36e1c6;padding: 1rem 1.25rem;border-radius: 12px;font-size: 1.25rem;}
#tv-intro .intro-text-wrap{text-align:left;margin-top:0}
#tv-intro .intro-text-wrap h2{font-size:2.25rem;margin:0 0 14px;color:#fff}
#tv-intro .intro-text-wrap p{color:#e8f0ff;font-size: 0.95rem;line-height:1.8}
#tv-intro .intro-text-wrap h3{margin-top:48px;color:#fff;font-size: 1.45rem;}
#tv-intro .intro-text-wrap ul{padding-left:18px;color:#e8f0ff;line-height:1.8;font-size: 0.95rem}
#tv-intro .intro-text-wrap table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0;color:#e8f0ff}
#tv-intro .intro-text-wrap .tr00{background:#101725;color:#fff}
#tv-intro .intro-text-wrap th,#tv-intro .intro-text-wrap td{padding:8px;border:1px solid rgba(255,255,255,.1)}
#tv-intro .new_btn_info{margin-top:20px}
#tv-intro .new_btn_info a{display:block;width:100%;padding:16px 0;background:linear-gradient(180deg,#23f0c7,#13c9ac);color:#001b16;font-weight:700;border-radius:14px;box-shadow:0 6px 20px rgba(35,240,199,.35);text-align:center;font-size:18px;transition:.2s}

.intro{padding:40px 20px}
.intro .intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;max-width:1200px;margin:0 auto}
.intro .intro-text-wrap{text-align:left;margin-top:0}
.intro .intro-text-wrap h2{font-size:2.25rem;margin:0 0 14px;color:#fff}
.intro .intro-text-wrap p{color:#e8f0ff;font-size: 0.95rem;text-align: justify;line-height:1.8}
.intro .intro-text-wrap h3{margin-top:36px;color:#fff;font-size: 1.45rem;}
#toon-intro .intro-text-wrap ul{padding-left:18px;color:#e8f0ff;line-height:1.8;font-size: 0.95rem;}
#toon-intro .intro-text-wrap table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0;color:#e8f0ff}
.intro .intro-text-wrap .tr00{background:#101725;color:#fff}
.intro .intro-text-wrap th,.intro .intro-text-wrap td{padding:8px;border:1px solid rgba(255,255,255,.1)}
.intro .intro-text-wrap .new_btn_info{margin-top:10px}
.intro .new_btn_info a{display:block;width:100%;padding:16px 0;background:linear-gradient(180deg,#23f0c7,#13c9ac);color:#001b16;font-weight:700;border-radius:14px;box-shadow:0 6px 20px rgba(35,240,199,.35);text-align:center;font-size:18px;transition:.2s}
.intro .intro-images{display:grid;gap:8px}
.intro .intro-images .intro-img{position:relative;height:240px;border-radius:14px;overflow:hidden;}
.intro .intro-img a{display: block;width: 100%;height: 100%;position: relative;}
.intro .intro-img img{width: 100%;height: 240px}
.intro .intro-img span{position: absolute;bottom: 40%;left: 40%;background: rgba(0,0,0,.6);color: #36e1c6;padding: 1rem 1.25rem;border-radius: 12px;font-size: 1.25rem;}
.intro .intro-video{border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.intro .intro-video video{object-fit: cover;}
.intro .new_2btn_info{margin-top:33px;display:flex;gap:12px;flex-wrap:wrap}
.intro .new_2btn_info a{flex:1;text-align:center;padding:16px 0;background:linear-gradient(180deg,#23f0c7,#13c9ac);color:#001b16;font-weight:700;border-radius:14px;box-shadow:0 6px 20px rgba(35,240,199,.35);text-align:center;font-size:18px;transition:.2s}
.intro .top-baner{max-width:1200px;margin:0 auto 40px;border-radius:16px;overflow:hidden;}
.intro .top-baner img{width:100%;display:block}
.intro .left_img_div{position:relative;height:550px;border-radius:16px;overflow:hidden;}
.intro .left_img_div a{display: block;width: 100%;height: 100%}
.intro .left_img_div a img{width: 100%;height:550px;}
.intro .left_img_div span{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.6);color:#36e1c6;padding:8px 16px;border-radius:14px;font-size:16px;font-weight:600}
.intro .left_txt{text-align:left}
.intro .left_txt h2{font-size:2rem;margin:0 0 16px;color:#fff}
.intro .left_txt h3{margin-top:45px;color:#fff;font-size: 1.25rem}
.intro .left_txt p{font-size: 0.95rem;line-height: 1.8;text-align:justify;} 
.intro .left_txt table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0;color:#e8f0ff}
.intro .left_txt .tr00{background:#101725;color:#fff}
.intro .left_txt .th00{width:25%}
.intro .left_txt th,.intro .left_txt td{padding:10px;border:1px solid rgba(255,255,255,.1);}
.intro .left_txt .new_2btn_info{margin-top:45px;display:flex;gap:12px;flex-wrap:wrap}
.intro .left_txt .new_2btn_info a{flex:1;text-align:center;padding:16px 0;background:linear-gradient(180deg,#23f0c7,#13c9ac);color:#001b16;font-weight:700;border-radius:14px;box-shadow:0 6px 20px rgba(35,240,199,.35);font-size:18px;transition:.2s}
.ct-inline{max-width:1200px;margin:0 auto}
#casino-guide{padding:50px 20px}
#casino-guide .accordion-inner{max-width:1200px;margin:0 auto}
#casino-guide .txt-info-btn{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start;margin-bottom:40px}
#casino-guide .txt-info-btn .txt-div{flex:1;min-width:320px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:0}
#casino-guide .txt-div h2{font-size:30px;color:#fff;margin:0 0 30px 0}
#casino-guide .txt-div p{color:#e8f0ff;line-height:1.8;margin:0;font-size: 0.95rem}
#casino-guide .img-div{flex:1;min-width:320px;display:flex;flex-direction:column;justify-content:space-between}
#casino-guide .img-div img{width:100%;height:350px;object-fit:cover;border-radius:10px;margin-bottom:20px}
#casino-guide .img-div a{display:block;background:#36e1c6;color:#0b1220;padding:14px 28px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;text-align:center;transition:.2s}

#oncasino .left_img_div{height: 360px;}
#oncasino .left_img_div img{height:290px}
#oncasino .intro-text-wrap h2{font-size: 1.925rem;}
#oncasino .intro-text-wrap p{font-size: 0.986rem;line-height: 1.935;}
#oncasino .left_img_div a{height: unset;}
#oncasino .qa{display: block;max-width: 1200px;margin: 0 auto;margin-top: 2rem}
.casino-btn{display:block;width:100%;background:#36e1c6;color:#0b1220;padding:16px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;transition:.3s;margin-top: 1rem;}

#bacara-site .accordion-inner{max-width:1200px;margin:0 auto}
#bacara-site .txt-div p{font-size: 0.95rem;line-height: 2.36rem;text-align: justify;letter-spacing: -0.036rem;}

#slot-site .accordion-inner {max-width: 1200px;margin: 2rem auto;}
#slot-site .txt-div{font-size: 0.975rem;}
#slot-site .txt-div h2{font-size: 2rem;font-weight: bold;}
#slot-site .txt-div p{margin-bottom: 1.985rem;line-height: 2.1;}
#slot-site .img-div img{height: 300px;}
#slot-site details{border-bottom: 1px solid rgba(255,255,255,.15);margin-bottom: 8px;}
#slot-site details[open]{background: #0b0d12;}
#slot-site details p{margin-top: 12px;font-size: 16px;color: #cdd4df;}
#slot-site summary {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 14px 16px;background: #101725;color: #36e1c6;font-size: 1rem;font-weight: 600;border: none;cursor: pointer;border-radius: 6px;transition: .2s;}
#slot-site summary:hover{background: rgba(54,225,198,.1);}
#slot-site summary::marker,#slot-site summary::-webkit-details-marker {display: none;}
#slot-site summary::after {content: "▼";font-size: 14px;color: #fff;transition: transform 0.3s ease, color 0.3s ease;}
#slot-site details[open] summary::after {transform: rotate(180deg);color: #fff;}
#slot-site table thead,#slot-site table tbody{font-size: 0.925rem;}
#slot-site ul li{font-size: 0.9725rem;}
#slot-site ol li{font-size: 0.9725rem;}

.accordion-content table{width:100%;border-collapse:collapse;color:#e8f0ff;font-size: 0.985rem;}
.accordion-content .tr00{background:#101725}
.accordion-content th,.accordion-content td{padding:8px;border:1px solid rgba(255,255,255,.2)}
.accordion-content p{font-size: 0.975rem;line-height: 1.8;text-align: justify-all;}
.accordion-content ul li{font-size: 0.975rem;text-align: justify-all;}

#mt-site .wrap{max-width: 1200px;margin: 2rem auto;}
#mt-site h1{font-size:38px;color:#fff;margin-bottom:12px;}
#mt-site .subtitle{color:var(--muted);font-size:18px;margin-bottom:40px;}
#mt-site h2{color:var(--brand);margin:50px 0 14px;font-size:24px;}
#mt-site h3{color:#fff;margin-top:24px;font-size:19px;}
#mt-site p{margin:8px 0;font-size: 0.985rem}
#mt-site strong{color:#fff;}
#mt-site .note{background:rgba(54,225,198,.08);border-left:3px solid var(--brand);padding:12px 18px;border-radius:8px;margin:16px 0;color:#b8e5df;font-size: 0.895rem;}
#mt-site ul,#mt-site ol{margin:10px 0 10px 22px;}
#mt-site table{width:100%;border-collapse:collapse;margin:20px 0;}
#mt-site th,#mt-site td{padding:12px;border-bottom:1px solid var(--line);}
#mt-site th{background:rgba(0,212,255,.08);color:#fff;text-align:left;}
#mt-site .set-grid {display: grid;gap: 20px;margin: 40px 0;grid-template-columns: repeat(4,1fr);}
#mt-site .set-item {background: rgba(255,255,255,.03);border: 1px solid var(--line);border-radius: 14px;box-shadow: 0 5px 15px rgba(0,0,0,.4);overflow: hidden;text-align: center;transition: all .3s ease;}
#mt-site .set-item:hover {transform: translateY(-3px);box-shadow: 0 10px 25px rgba(0,0,0,.6);}
#mt-site .set-item img {width: 100%;height: auto;display: block;object-fit: contain;border-bottom: 1px solid var(--line);}
#mt-site .set-item .btn {display: block;width: 100%;background: linear-gradient(90deg,var(--brand),var(--brand-2));color: #071018;padding: 14px 0;font-weight: 700;font-size: 16px;border: none;border-radius: 0 0 14px 14px;text-align: center;transition: all .25s;}
#mt-site .set-item .btn:hover {filter: brightness(1.15);box-shadow: inset 0 0 10px rgba(0,212,255,.4);}
#mt-site .badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:13px;font-weight:600;}
#mt-site .safe{background:rgba(0,255,140,.12);color:#00ffb3;}
#mt-site .caution{background:rgba(255,255,0,.1);color:#e7e78d;}
#mt-site .risk{background:rgba(255,120,0,.12);color:#ffa86c;}
#mt-site .block{background:rgba(255,40,40,.15);color:#ff8c8c;}

#rep-intro{margin-top: -3rem;}
#rep-intro .mb_box{max-width: 1200px;margin: 0 auto;width: 100%;margin-bottom: 2rem;position: relative;}
#rep-intro .mb_box .swiper-slide a img{width: 100%;}
#rep-intro .mb_box .swiper-button-next{display: none;}
#rep-intro .mb_box .swiper-button-prev{display: none;}
/* Footer */
.footer{max-width:1200px;margin:40px auto;padding:0 20px 60px;color:#a5b6d6;text-align:center}
.footer .cnt{text-align: center;font-size: 1rem;font-weight: bold;color: #fff;line-height: 1.75;margin-bottom: 0.95rem;}
.footer small{font-size: 0.975rem}