@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


@charset "UTF-8";
/* CSS Document */

* {margin: 0;padding: 0;}
a > * {line-height: 0;}
img {border: medium none;}
body {font-family: 'Noto Sans KR', sans-serif; font-size:13px; background:#fff;}
a {color:#000;text-decoration: none;}
a:hover{color:#2773ae; text-decoration:none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;margin:0; line-height:1;}
dl,ul,ol,li,dd,dt {margin:0; padding:0; list-style:none; line-height:1;}


@font-face {
  font-family: 'town';
  src:  url('/assets/fonts/town.eot?ig748w');
  src:  url('/assets/fonts/town.eot?ig748w#iefix') format('embedded-opentype'),
    url('/assets/fonts/town.ttf?ig748w') format('truetype'),
    url('/assets/fonts/town.woff?ig748w') format('woff'),
    url('/assets/fonts/town.svg?ig748w#town') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'town' ;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_playngo:before {
  content: "\e900";
}
.icon-icon_ppg:before {
  content: "\e901";
}
.icon-icon_push:before {
  content: "\e902";
}
.icon-icon_redtiger:before {
  content: "\e903";
}
.icon-icon_relax:before {
  content: "\e904";
}
.icon-icon_thunder1:before {
  content: "\e905";
}
.icon-icon_ygg:before {
  content: "\e906";
}
.icon-menu_icon_01:before {
  content: "\e907";
}
.icon-menu_icon-02:before {
  content: "\e908";
}
.icon-menu_icon-03:before {
  content: "\e909";
}
.icon-menu_icon-04:before {
  content: "\e90a";
}
.icon-menu_icon-05:before {
  content: "\e90b";
}
.icon-menu_icon-06:before {
  content: "\e90c";
}
.icon-menu_icon-07:before {
  content: "\e90d";
}
.icon-menu_icon-08:before {
  content: "\e90e";
}
.icon-icon_all:before {
  content: "\e90f";
}
.icon-icon_bng:before {
  content: "\e910";
}
.icon-icon_habanero:before {
  content: "\e911";
}
.icon-icon_img:before {
  content: "\e912";
}
.icon-icon_nolimitcity:before {
  content: "\e913";
}
.icon-icon_octo:before {
  content: "\e914";
}
.icon-icon_option:before {
  content: "\e915";
}
.icon-icon_pg:before {
  content: "\e916";
}
.icon-icon_thunder:before {
  content: "\e917";
}




.clearfix {clear:both;}
.bold {font-weight:bold;}
.upper_link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.per5{width:5%;}
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95%;}
.per100{width:100%;}

.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}

.btn-primary {color: #fff;background-color: #22245a;border-color: #22245a;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2670b7;
  border-color: #2670b7;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #348fe2;
  border-color: #348fe2;
}
.btn-primary .badge {
  color: #348fe2;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #ff5c57;
  border-color: #ff5c57;
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ce4741;
  border-color: #ce4741;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger
,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff5c57;
  border-color: #ff5c57;
}
.btn-danger .badge {
  color: #ff5c57;
  background-color: #fff;
}

.btn-turquoise {
  color: #fff;
  background-color: #00acac;
  border-color: #00acac;
  background-image: none;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
  color: #fff;
  background-color: #008a8c;
  border-color: #008a8c;
}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {
  background-color: #00acac;
  border-color: #00acac;
}
.btn-turquoise .badge {
  color: #00acac;
  background-color: #fff;
}

.btn-royalblue {
  color: #fff;
  background-color: #717bb6;
  border-color: #717bb6;
  background-image: none;
}r
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue {
  color: #fff;
  background-color: #464a6f;
  border-color: #464a6f;
}
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active {
  background-color: #717bb6;
  border-color: #717bb6;
}
.btn-royalblue .badge {
  color: #717bb6;
  background-color: #fff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #c57e00;
  border-color: #c57e00;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f49b1b;
  border-color: #f49b1b;
}
.btn-warning .badge {
  color: #f49b1b;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #49b6d5;
  border-color: #49b6d5;
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3492ac;
  border-color: #3492ac;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #49b6d5;
  border-color: #49b6d5;
}
.btn-info .badge {
  color: #49b6d5;
  background-color: #fff;
}

.btn-success {color:#fff; background:#22245a; border:0;} 
.btn-success:hover {background:#111;}

.navbar-brand {
	padding:0px;
	margin-left:0px;
}

.navbar {background:#fff; border-bottom:3px solid #22245a; height:80px;}
.navbar .logo {display:block; width:180px; float:left;}
.navbar .logo img {width:100%;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
color: #fff;
background-color: #3498db;
box-shadow: none;
background-image: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #3498db;
}
.navbar-default .navbar-nav>li>a {
color: #060606;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;background-color: #3498db;}
.navbar-form {margin-top:0;}


.wrapper{margin:0 auto; overflow:hidden; width:100%;}
.container{position:relative; width:1330px; margin:0 auto; padding:0 !important;}


.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}

.form-control{background-color: #FFFFFF;background-image: none;border: 1px solid #e5e6e7;border-radius: 5px;color: inherit;display: inline-block;padding: 6px 12px;font-size: 14px;vertical-align: middle;  }
.panel-heading{font-size:14px;}

.comment_area {overflow:hidden; margin:20px 0; padding:20px; background:#f7f7f7; }
.write_panel {overflow:hidden;}
.write_panel .comment_input {width:80%;float:left; height:80px;}
.write_panel .comment_input .comment_write {width:100%; height:80px; resize:none; border:1px solid #ddd; background:#fff; border-radius:2px; padding:10px; outline:none; }
.write_panel .comment_btn {width:18%; float:right;}
.write_panel .comment_btn button {border:0; background:#111; color:#eee; display:block; width:100%; height:80px; border-radius:2px; font-size:15px; letter-spacing:2px; font-weight:bold;}

.comment_write_button_area {overflow:hidden; width:500px; }
.comment_write_button_area ul {display:flex; justify-content:space-between;}
.comment_write_button_area li {flex:1; margin:0 5px;}
.comment_write_button_area li:first-child {flex:0.2;}
.comment_write_button_area li:nth-child(2) {flex:0.5;}
.comment_write_button_area li input[type=checkbox] {width:20px; height:20px;}
.comment_write_button_area li input[type=text] {width:100%; height:34px; border:1px solid #ddd; background:#fff; outline:none; font-size:12px; padding:0 10px;} 

.admin_remote {position:fixed; bottom:40px; right:2%; box-shadow:1px 3px 4px rgba(0,0,0,0.2);padding:20px; z-index:20;}
.admin_remote a {display:block; height:30px; line-height:30px;}

/* header */
header {height:130px; background:#fff;}
header .top_header {height:34px; line-height:34px; background:#333;
    background-size: 400% 400%;
    animation: AnimationName 15s ease infinite;}
header .top_header .favorite {float:left; color:#fff;}
header .top_header .favorite i {color:#ffab10}
header .top_header .favorite a {color:#fff;}
header .top_header .header-top-menu {height:34px; float:right;}
header .top_header .header-top-menu li {float:left; padding:0 20px; height:34px; line-height:34px; color:#fff; position:relative;}
header .top_header .header-top-menu li a {color:#eee;}
header .top_header .header-top-menu li a:hover i {color:#f1e22f;}
header .top_header .header-top-menu li a.youtube i {color:#ff2e2e;}
header .top_header .header-top-menu li .notification_num {background:#555; padding:0 10px; border-radius:500px; font-size:9px; font-weight:bold;}

header .top_header .header-top-menu .user_levelname .lv_icon {margin-right:2px;}
header .top_header .header-top-menu .user_levelname .lv_icon img {width:25.333px;}
header .logo {float:left; width:222px; height:86px;}
header .logo img {width:219px; margin-top:-20px;}
header .logo video {width:224px; margin-left:-24px;}
header nav {width:1048px; float:right; height:70px; margin-right:10px; }
header nav ul {overflow:hidden; margin-right:20px;}
header nav li {float:left; margin-left:40px; line-height:80px;}
header nav li .menu {font-size:17px; letter-spacing:-1px; font-weight:bold; color:#000; background:none !important;}
/*.navbar .main_nav_menu .nav li .menu::before {content:""; border-left:2px solid #ddd; height:12px; border-radius:4px; margin-right:20px; display:inline-block;}*/
header nav li .menu:hover {background:none !important; color:#000; text-decoration:none;}
header nav li .menu i {color:#ff2e2e;}
header nav li:first-child .menu:before {content:none;}
header nav li .main_search {overflow:hidden; position:relative;}
header nav li .main_search button {background:none; border:0; color:#000; font-size:20px;}
header nav .main_search_box {position:absolute; top:26px; right:0;}
header nav .main_search_box button {color:#000; font-size:20px;background:none; border:none;}
header nav .main_search_box .input {text-indent:10px;position:absolute; top:-4px; right:0;overflow:hidden; display:none; width:400px; height:44px; border-radius:500px; color:#333; font-size:14px; border:1px solid #ddd; outline:none;}
header nav .main_search_box .search_btn {color:#000; font-size:20px; cursor:pointer;}
header nav .main_search_box .input.active {display:block;}

.seach_result_page {overflow:hidden;}
.seach_result_page .slotsite_side_banner li:first-child {margin-top:0;}
.seach_result_page .seach_result_list {overflow:hidden; float:right; width:990px;}
.seach_result_page .seach_result_list .result_top_box {position:relative; overflow:hidden; background:#000; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); height:70px; border-radius:12px;}
.seach_result_page .seach_result_list .result_top_box .input_box {width:400px; height:40px; overflow:hidden; border-radius:500px; background:#fff; position:absolute; top:15px; left:50%; margin-left:-200px;}
.seach_result_page .seach_result_list .result_top_box .input_box input {font-size:15px; float:left; font-weight:bold; width:85%; height:40px; border-radius:500px; border:0; background:none; outline:none; text-indent:20px;}
.seach_result_page .seach_result_list .result_top_box .input_box button {float:left; width:15%; background:none; border:none; font-size:20px; color:#000;margin-top:5px;}
.seach_result_page .seach_result_list .result_conts {overflow:hidden; margin-top:20px;}
.seach_result_page .seach_result_list .result_conts ul {margin:0 -4px;}
.seach_result_page .seach_result_list .result_conts li {overflow:hidden; position:relative; float:left; width:25%; max-width:250px; padding:4px;}
.seach_result_page .seach_result_list .result_conts li .imgs {overflow:hidden; border-radius:11px; background:#ddd; }
.seach_result_page .seach_result_list .result_conts li .imgs img {width:100%;}
.seach_result_page .seach_result_list .result_conts li .txt {overflow:hidden; padding:10px;}
.seach_result_page .seach_result_list .result_conts li dt {color:#333; letter-spacing:-1px; font-size:17px; height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.notification {width:990px; overflow:hidden; float:right;}


.notifications{position: relative;cursor:pointer;}
.notifications-list {color: #fff; font-size:12px; letter-spacing:-1px;}
.notifications-list a:link{color: #fff;}
.notifications-list a:active, .notifications-list a:hover {color:#2773ae;}
.notifications-menu{position:absolute; top:34px; left:-55px; z-index:1; display:none; width:200px; background:#241f1f; box-shadow: 1px 2px 4px rgba(0,0,0,0.2); padding:10px; border-radius:0 0 12px 12px;}
.notifications-menu .external { background-color: #FFF; display: block; }
.notifications-menu .external a { background-color: #fff; color: #e9423f;}
.notifications-list .point{ color:#ec5956 !important;  text-align: center; }
.notifications-list span{ padding-top: 10px;  font-size: 11px; }

.register_box {overflow:hidden; width:990px; float:right;}
.register_box .panel {box-shadow:none;}
.register_box .panel_body {overflow:hidden; background:#f7f7f7; padding:20px 0; margin-top:10px;}
.register_box .panel_body li {overflow:hidden; margin-top:10px;}
.register_box .panel_body input {margin-left:0 !important; width:420px; box-shadow:none; background:#eee; border:1px solid #ddd; height:40px; border-radius:0;}
.register_box .btn_box {overflow:hidden; text-align:center; margin-top:20px;}
.register_box .btn_box button {border:0; background:#000; padding:14px 80px; color:#fff; border-radius:2px; font-weight:700;}
.register_box .btn_box .cancel {background:#d73e3e; padding:15px 40px; color:#fff; border-radius:2px; font-weight:700;}
.register_box .panel_body #captcha {border:2px solid #22245a;}
.register_box .error {padding:8px 12px; border-radius:500px; background:#111; color:#fff; font-size:11px; margin-left:20px;}

.line_up {display:inline-block;}
.m_nav{padding: 8px 10px 0 0;}
nav , .pagination{text-align:center;}
.navbar-nav>li>a {font-size:17px;}

.main {margin-top:10px;}
main {overflow:hidden;}
main .main_banner {overflow:hidden; }
main .main_banner img { border-radius:11px;}

main .category_tab {overflow:hidden; height:50px; }
main .category_tab li {float:left;}
main .category_tab li a {display:block; line-height:50px; color:#888; padding:0 20px; font-size:15px;}
main .category_tab li.active a {color:#000; font-weight:700; }
main .event_category_tab {margin:0 10px;}
main .event_category_tab li a {font-size:13px; background:#eee; line-height:32px; margin-right:10px; border-radius:500px;}
main .event_category_tab li.active a {background:#111; color:#fff;}

main .main_h2 {font-size:26px; font-weight:bold; border-bottom:3px solid #111; letter-spacing:-1px; padding-bottom:10px; margin-bottom:15px;}

.mypage {overflow:hidden; float:right; width:990px;}
.mypage .category_tab {display:flex; justify-content:space-between; overflow:hidden; height:50px; }
.mypage .category_tab li {flex:1;}
.mypage .category_tab li a { text-align:center;}
.mypage .mypage_panel {margin-top:20px;overflow:hidden; background:#f7f7f7; padding:30px; border-radius:12px; border:1px solid #ddd;}
.mypage .mypage_panel li {margin-top:10px; overflow:hidden; height:34px; line-height:34px;}
.mypage .mypage_panel li:first-child {margin-top:0;}
.mypage .mypage_panel li span {float:left; display:block; width:200px;}
.mypage .mypage_panel li span:first-child {width:15%; font-weight:bold;}
.mypage .mypage_panel li span:last-child {background:#fff; border:1px solid #eee; padding:0 20px; color:#111;}
.mypage .mypage_panel .mypage_btn {background:#000; color:#fff; margin-top:50px; display:block; width:200px; height:42px; line-height:42px; text-align:center; border-radius:4px;}
.mypage .my_point {background:#000; color:#fff; padding:10px 20px; border-radius:500px; margin:10px;}

.board {overflow:hidden;}
.board .board_h1 {font-size:22px; font-weight:700; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board .board_h1::before {content: ''; display:inline-block; border-radius:4px; width:4px; height:18px; background:#333; margin-right:8px;  vertical-align:middle;}
.board .seo_txt_box {overflow:hidden; background:#f5f5f5; border:1px solid #eee; padding:14px; border-radius:4px; margin:10px 0; color:#666;}
.board .board_top_box {overflow:hidden; border:1px solid #ddd; padding:12px 20px; margin-bottom:10px;}
.board .board_top_box .info {height:40px; line-height:40px; margin-top:5px; padding:0 10px;}
.board .board_top_box .info li {font-size:11px; color:#666;}
.board .board_top_box .info li strong {color:#333;}
.board .board_top_box .info li.time {padding-right:0;}
.board .search_box {overflow:hidden; margin-top:10px;}
.board .search_box .category_sel {float:left;}
.board .search_box .category_sel select {border:1px solid #ddd; border-radius:2px; box-shadow:none; font-size:12px; color:#666;}
.board .search_box .category_btn {float:right;}
.board .board_table {overflow:hidden; width:100%; margin:10px 0;}
.board .board_table th {height:46px; font-size:15px; padding:0 5px; text-align:center; border-top:2px solid #ddd; border-bottom:2px solid #ddd; font-weight:normal;}
.board .board_table td {height:50px; font-size:15px; padding:0 5px; text-align:center; border-bottom:1px solid #ddd; color:#666;}
.board .board_table td.txt {text-align:left;}
.board .board_table td .categoey_label {background:#888; color:#eee; padding:2px 6px; border-radius:2px; font-size:11px; letter-spacing:-1px; margin-right:10px;}
.board .board_table td .new_label {background:#e15b5b; color:#eee; font-size:8px; padding:2px 4px; border-radius:2px; margin-left:4px;}
.board .board_table td .hit_label {background:#333; color:#eee; font-size:8px; padding:2px 4px; border-radius:2px; margin-left:4px;}
.board .board_table td .reply_label {color:#888; font-size:11px; padding:2px 4px; }
.board .board_table td .event_label {background:#000; color:#eee; font-size:11px; padding:2px 4px; border-radius:2px; margin-right:4px;} 
.board .board_table td .img_label {font-size:23px; vertical-align:top; color:#111;}
.board .board_table td .reservation {color:#fff; background:#888; padding:2px 4px;border-radius:2px;}
.board .board_table td .off_state {background:#000; color:#fff; padding:4px 10px; font-size:12px; border-radius:500px;}
.board .board_table td .on_state {background:#ddd; padding:4px 16px; font-size:12px; border-radius:500px;}
.board .board_table .event_notice td {background:#eee; height:40px; color:#666;}
.board .custom_table {}

.custom_board .option_box {overflow:hidden; margin-top:20px;}
.custom_board .option_box li {overflow:hidden; height:40px; line-height:40px; border-bottom:1px solid #ecf0ee; padding:0 20px;}
.custom_board .option_box li .tit {color:#000; width:160px; float:left;}
.custom_board .option_box li .con {color:#000; float:left;}


.board .contents-view {min-height:350px;}
.board .recommand_box {overflow:hidden; text-align:center; }
.board .recommand_box div {float:left; width:80px;}
.board .recommand_box div a {display:block; height:35px; line-height:35px; color:#666; border:1px solid #ddd; text-align:center; font-size:12px; border-radius:500px;}
.board .recommand_box .good {margin-right:10px;}

.border_button {margin-top:10px;}



#viewcomment .media {border-bottom:1px solid #eee; padding:10px !important; overflow:hidden;}
#viewcomment .media .member_photo {float:left; width:38px; height:38px; overflow:hidden; border-radius:500px; border:1px solid #eee;}
#viewcomment .media .member_photo img {width:100%; height:100%;}
#viewcomment .media .reply_area {position:relative; overflow:hidden; }
#viewcomment .media .reply_head {overflow:hidden; height:18px; line-height:18px;}
#viewcomment .media .reply_head div {float:left;}
#viewcomment .media .reply_head .user_name {color:#22245a; font-weight:bold;}
#viewcomment .media .reply_head span {float:left; overflow:hidden;padding:0 4px; }
#viewcomment .media .reply_head .time {color:#888; font-size:11px; letter-spacing:-0.5px;}
#viewcomment .media .reply_head .ip {color:#888; margin-left:10px; font-size:11px; letter-spacing:-0.5px;}
#viewcomment .media .reply_head .option_btn {float:right;}
#viewcomment .media .reply_head .option_btn a {float:left; font-size:11px; margin-left:10px; color:#888;}
#viewcomment .media .reply_conts {margin:10px 0; overflow:hidden; background:#f5f5f5; padding:12px; font-size:13px; color:#555; border-radius:12px;}
#viewcomment .media .reply_conts .reservation {background:#111; color:#fff; padding:1px 4px; font-size:11px; border-radius:12px; margin-right:10px;}
#post-content video {max-width:100%;}

aside {width:320px; float:left; padding-bottom:20px;}
aside .loginbox {overflow:hidden; padding:15px; border:1px solid #eee;}
aside .loginbox .setting {overflow:hidden;margin-bottom:8px;}
aside .loginbox .setting li {float:left; font-size:11px; padding:0 4px; height:20px; line-height:20px; border-left:1px solid #eee;}
aside .loginbox .setting li span {float:left;}
aside .loginbox .setting li .icon {font-size:17px; margin-left:4px; color:#4a6597;}
aside .loginbox .login {overflow:hidden;}
aside .loginbox .login li {overflow:hidden; float:right; width:95px;}
aside .loginbox .login li:first-child {width:188px; float:left;}
aside .loginbox .login li .box {margin-bottom:5px;}
aside .loginbox .login li .box input {font-size:12px; height:40px; width:100%; background:#fff; border:1px solid #eee; color:#333; text-indent:10px; border-radius:2px;}
aside .loginbox .login li .login_btn {font-size:12px; background:#22245a; height:85px; color:#fff; width:100%; border:none; border-radius:2px;}
aside .loginbox .login li .memeber_btn {overflow:hidden; display: flex; justify-content: space-between;}
aside .loginbox .login li .memeber_btn a {background:#f7f7f7; color:#666; padding:8px 0; margin:0 10px; border-radius:500px; font-size:12px; text-align:center; flex:1; border:1px solid #eee;}
aside .loginbox .member {overflow:hidden;}
aside .loginbox .member li {float:left; padding:0 10px; text-align:center; }
aside .loginbox .member li a {color:#555; font-size:11px;}
aside .welcome {padding:15px; border:1px solid #eee;}
aside .welcome .setting {overflow:hidden;margin-bottom:8px;}
aside .welcome .setting li {float:left; font-size:11px; padding:0 4px; height:20px; line-height:20px; border-left:1px solid #eee;}
aside .welcome .setting li span {float:left;}
aside .welcome .setting li .icon {font-size:17px; margin-left:4px; color:#4a6597;}
aside .welcome .profile_box {overflow:hidden; position:relative;}
aside .welcome .profile_box .img {position:relative; overflow:hidden; width:40px; height:40px; background:#fff; border:1px solid #eee; border-radius:500px; float:left; text-align:center;}
aside .welcome .profile_box .img img {width:100%; height:100%;}
aside .welcome .profile_box .lv {background:#22245a; position:absolute; bottom:0; left:22px; padding:0 6px; border-radius:500px; color:#fff; font-size:10px; z-index:1; font-weight:bold;}
aside .welcome .profile_box .name {float:left; height:40px; line-height:40px; padding:0 10px; font-size:12px; letter-spacing:-0.5px;}
aside .welcome .profile_box .attendance {float:right; background:#22245a; padding:2px 10px; border-radius:500px; color:#eee; font-size:11px; letter-spacing:-0.5px; margin-top:10px;}
aside .welcome .point_box {overflow:hidden;margin-top:10px;}
aside .welcome .point_box ul {display:flex; justify-content:space-between;}
aside .welcome .point_box li {color:#555;margin-top:5px; font-size:11px; letter-spacing:-0.5px; overflow:hidden; flex:1; margin-left:10px; padding:8px 10px; border:1px dashed #ddd; border-radius:2px;}
aside .welcome .point_box li:first-child {margin-left:0;}
aside .welcome .point_box li:hover {border:1px solid #22245a;}
aside .welcome .point_box li .txt {float:left;}
aside .welcome .point_box li .point {float:right; }
aside .welcome .point_box li .point a {display:block; font-weight:bold;}
aside .mypage_btn {overflow:hidden; display: flex; justify-content: space-between;}
aside .mypage_btn li {flex:1; overflow:hidden; padding:0 2px;}
aside .mypage_btn li a {display:block; overflow:hidden; height:50px; background:#eee; border-radius:4px; text-align:center; }
aside .mypage_btn li .icon {height:24px; font-size:14px; color:#666; margin-top:8px;}
aside .mypage_btn li .txt { color:#666; margin-top:5px; font-size:12px; letter-spacing:-1px;}
aside .imgs {overflow:hidden; border-radius:2px; margin-top:5px;}

section {overflow:hidden; }

.main_slot_rank {overflow:hidden; float:left; width:49%; margin-bottom:40px; margin-top:10px;}
.main_slot_rank:last-child {float:right;}
.main_slot_rank li {overflow:hidden; position:relative;height:70px; margin-top:17px;}
.main_slot_rank li .num {float:left; font-size:40px; font-weight:bold; color:#888; padding-right:10px; line-height:70px; width:57px; text-align:center;}
.main_slot_rank li .txt {float:left; width:336px; overflow:hidden;}
.main_slot_rank li .txt dt {font-size:18px; margin-top:20px;}
.main_slot_rank li .txt dd {color:#666; letter-spacing:-1px; margin-top:6px;}
.main_slot_rank li .provider {float:left; line-height:70px; font-size:14px; letter-spacing:-1px;}
.main_slot_rank li .imgs {float:right;}
.main_slot_rank li .imgs img {width:124px; height:70px;}



.main_txt_box {overflow:hidden; background:#f5f5f5; padding:20px; border-radius:11px; margin:10px 4px; box-shadow:1px 3px 5px rgba(0,0,0,0.2);}
.main_txt_box h1 {font-size:28px; font-weight:bold; margin-bottom:10px;}
.main_txt_box h2 {font-size:24px; font-weight:bold; margin-bottom:10px;}
.main_txt_box h3 {font-size:16px; color:#555; font-weight:bold; margin-bottom:10px;}
.main_txt_box h3::before {content:""; width:3px; height:12px; background:#555; display:inline-block; margin-right:5px;}
.main_txt_box p {color:#333; font-size:14px; letter-spacing:-0.5px;}

.main_youtube_box {overflow:hidden; background:#fff2d3; padding:16px; border-radius:11px; margin:40px 4px; box-shadow:1px 3px 5px rgba(0,0,0,0.2);}
.main_youtube_box .video {float:left; width:750px; height:394px;}
.main_youtube_box .video iframe {width:100%; height:100%; border-radius:4px;}
.main_youtube_box .txt {float:left; padding:10px;}
.main_youtube_box .txt .en {font-size:50px;color:#95731c; font-weight:900; letter-spacing:-1px;}
.main_youtube_box .txt .kr {color:#444; font-size:26px; letter-spacing:-0.5px; margin:10px 0;}
.main_youtube_box .txt dd {font-size:15px;}
.main_youtube_box .txt .youtube_btn {font-size:16px; background:#ffcc5e; display:block; width:224px; height:35px; line-height:35px; text-align:center; border-radius:500px; margin-top:108px;}
.main_youtube_box .txt .youtube_btn:hover {background:#111; color:#fff; }
.main_youtube_box .txt .tag {color:#111; font-size:15px;}

.latest_box {overflow:hidden;}
.latest_box li {position:relative;}
.latest_box .panel_heading {overflow:hidden; padding:0 4px;}

.latest_box .panel_heading h2 {float:left; color:#22245a; }
.latest_box .panel_heading h2::before {content: ''; display:inline-block; width:15px; height:15px; background:url("/imgs/h1_icon.png?2") no-repeat; background-size:cover; margin-right:8px; margin-top:-3px; vertical-align:middle;}

.latest_box .panel_heading .more {float:right; }
.latest_box .panel_heading .more a {padding:3px 10px; background:#22245a; border-radius:500px; font-size:11px; color:#fff;}
.latest_box .panel_body p {background:#f5f5f5; border:1px solid #eee; padding:14px; border-radius:4px;}

.main_quick_menu {border:0; padding:0;}
.main_quick_menu li {margin-left:5px; width:280px; float:left; background:#f5f5f5; border-radius:4px; height:100px; text-align:center;}
.main_quick_menu li:first-child {margin-left:0;}

.game_tab_menu {overflow:hidden; border:1px solid #22245a; border-top:2px solid #22245a}
.game_tab_menu li {float:left; width:33.333%;}
.game_tab_menu li a {display:block; height:52px; line-height:52px; text-align:center; font-size:12px;}
.game_tab_menu li a:hover {background:#22245a; color:#fff;}
.game_tab_menu li.active a {background:#22245a; color:#fff;}

.form-horizontal {}
.form-horizontal .mypage_btn {display:block; width:120px; height:44px; line-height:44px; margin:0 auto; text-align:center; color:#333; background:none; border:1px solid #ddd; font-size:11px;}

.game_list {overflow:hidden;}
.game_list ul {margin:0 -4px;}
.game_list li {float:left; margin-top:20px; padding:0 4px;}
.game_list li .box {position:relative; text-align:center;}
.game_list li .company {position:absolute; top:6px; left:6px; background:rgba(0,0,0,0.7); color:#fff; font-size:11px; padding:2px 4px; border-radius:4px;}
.game_list li .imgs {margin-bottom:5px;}
.game_list li .imgs img {width:100%; border:1px solid #ddd; border-radius:8px;}
.game_list li .kr_name {letter-spacing:-0.5px; font-weight:700; color:#22245a; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.game_list li .en_name {letter-spacing:-0.5px; font-size:11px; color:#666; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.game_list li {width:20%;}
.casino_list li {width:25%;}

.write_box {overflow:hidden; margin:10px 0;}
.write_box li {overflow:hidden; margin:10px 0;}
.write_tit_input {outline:none; border:0; border-radius:4px; width:100%; height:44px; padding:0 10px; border:1px solid #ddd;}
.write_file_input {outline:none; border:0; background:#f7f7f7; border-radius:4px; width:100%; padding:12px 10px; border:1px solid #ddd;}
.border_button {text-align:center;}
.border_button ul {display:inline-block;}
.border_button li {float:left; margin-left:10px;}
.border_button li:first-child {margin-left:0;}
.border_button li button {height:44px; width:200px; background:#fff; color:#333; border:1px solid #ddd; border-radius:2px; font-weight:bold;}
.border_button li button:hover {background:#ddd;}
.border_button li .cancel_btn {width:80px; }
.txt_box {background:#f5f5f5; padding:15px; border-radius:6px; margin-bottom:20px; border:1px solid #ddd; overflow:hidden;}
.txt_box h1 {color:#333; font-size:24px; font-weight:bold; }
.txt_box h1::before {content:''; width:5px; height:18px; background:#333; display:inline-block; margin-right:10px; border-radius:500px; }
.txt_box p {font-size:15px; margin-top:10px; color:#666; letter-spacing:-0.5px; }

/****** 빅윈영상 ******/
.bigwin_board {overflow:hidden; border-top:1px solid #666; padding:20px 0; margin:20px 0; position:relative;}
.bigwin_board h2 {font-size:24px; color:#333; margin-bottom:12px; margin-top:5px; letter-spacing:-0.5px; font-weight:bold;}
.bigwin_board .scroll-container {display:flex; overflow-x:auto;}
.bigwin_board .scroll-container::-webkit-scrollbar {display: none;}
.bigwin_board .scroll-container li {margin-left:5px;}
.bigwin_board .scroll-container li:first-child {margin-left:0;}

.bigwin_board .box {position:relative;width:380px; margin-right: 12px;}
.bigwin_board .icon {position:absolute; top:0;right:0; background:#c53d3d; color:#fff; padding:4px 8px; font-size:11px;}
.bigwin_board input[type=checkbox] {position:absolute; top:5px; left:5px; width:20px; height:20px;}
.bigwin_board .imgs {overflow:hidden; border-radius:19px; background:#ddd; height:220px;}
.bigwin_board .imgs img {width:100%; height:100%;}
.bigwin_board .txt {overflow:hidden; padding:10px 6px; }
.bigwin_board .txt dt {color:#333; letter-spacing:-1px; font-size:17px;}
.bigwin_board .txt dd {overflow:hidden; color:#555; letter-spacing:-0.5px; font-size:15px; margin-top:6px;}
.bigwin_board .txt dd span {float:left; color:#888;}
.bigwin_board .txt dd .line {font-size:12px; margin:0 10px; color:#666; margin-top:3px;}

.scroll-buttons .scroll-left, .scroll-buttons .scroll-right {position:absolute; top:14px; z-index:1; background:#000; width:35px; height:35px; border-radius:500px; border:none;}
.scroll-buttons .scroll-left {right:50px; font-size:17px; color:#fff;}
.scroll-buttons .scroll-right {right:0; font-size:17px; color:#fff;}

.bigwin_post_board {overflow:hidden;}
.bigwin_post_board .contents-view {overflow:hidden;}
.bigwin_post_board aside {float:left; width:320px;}
.bigwin_post_board .slot_info {overflow:hidden; background:#000; padding:10px; border-radius:12px; }
.bigwin_post_board .slot_info .thum_img {overflow:hidden; border-radius:12px;}
.bigwin_post_board .slot_info .thum_img img:first-child {display:none;}
.bigwin_post_board .slot_info dl {overflow:hidden; margin:0 20px;}
.bigwin_post_board .slot_info dt {font-size:20px; color:#fff; font-weight:normal; margin-top:20px;}
.bigwin_post_board .slot_info dd {font-size:14px; color:#cdb77e; margin-top:4px;}
.bigwin_post_board .slot_info ul {overflow:hidden; padding:15px 0; margin:20px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.bigwin_post_board .slot_info li {height:32px; line-height:32px; overflow:hidden;}
.bigwin_post_board .slot_info li .tit {float:left; font-size:14px; color:#999;}
.bigwin_post_board .slot_info li .txt {float:left; font-size:14px; color:#fff; margin-left:5px;}

.bigwin_post_board .bigwin_list {overflow:hidden; background:#000; padding:10px; border-radius:12px; height:627px;}
.bigwin_post_board .bigwin_list ul {height:570px; overflow-x:hidden;}
.bigwin_post_board .bigwin_list ul::-webkit-scrollbar {width:2px;}
.bigwin_post_board .bigwin_list ul::-webkit-scrollbar-thumb {background-color: #888; height:30px;}
.bigwin_post_board .bigwin_list li {position:relative; color:#fff; overflow:hidden; height:65px; padding:0 10px; border-radius:8px;}
.bigwin_post_board .bigwin_list li.active {background:#5a5a5a;}
.bigwin_post_board .bigwin_list li:hover {background:#5a5a5a;}
.bigwin_post_board .bigwin_list li dl {float:left;}
.bigwin_post_board .bigwin_list li dt {color:#fff; font-size:16px; font-weight:normal; margin-top:6px;}
.bigwin_post_board .bigwin_list li dd {color:#999; margin-top:5px; letter-spacing:-0.5px;}
.bigwin_post_board .bigwin_list li dd.maxwin {font-style:italic; color:#e9d36d; font-size:14px;}
.bigwin_post_board .bigwin_list li .logo {float:right; margin-top:15px;}
.bigwin_post_board .bigwin_list li .logo img {width:58px;}
.bigwin_post_board .bigwin_list .more_btn {color:#fff; text-align:center; margin-top:10px; font-size:15px; cursor:pointer;}

.bigwin_post_board #post-content {float:right; width:990px;}
.bigwin_post_board #post-content .board_top_box {overflow:hidden; height:70px; position:relative;}
.bigwin_post_board #post-content .board_top_box h1 {font-size:28px; letter-spacing:-2px; font-weight:bold; color:#000;}
.bigwin_post_board #post-content .board_top_box p {font-size:18px; color:#444; margin-top:4px}
.bigwin_post_board #post-content .board_top_box .logo {position:absolute; top:-8px; right:0;}

.bigwin_post_board #post-content iframe {width:100%; height:557px; border-radius:12px;}
.bigwin_post_board #post-content .info_box {overflow:hidden}
.bigwin_post_board #post-content .info_box ul {display: flex; justify-content: space-between; margin:0 -4px;}
.bigwin_post_board #post-content .info_box li {flex:1; border:1px solid #333; padding:5px; margin:4px; border-radius:12px; height:70px;}
.bigwin_post_board #post-content .info_box li .tit {font-size:16px; font-weight:bold; text-align:left; color:#666; font-style:italic; letter-spacing:-0.5px;}
.bigwin_post_board #post-content .info_box li .data {font-size:24px; font-weight:bold; text-align:right; margin-top:16px;}
.bigwin_post_board #post-content .edit_content {overflow:hidden; margin:40px 0; }
.bigwin_post_board #post-content .edit_content h2 {font-size:26px; letter-spacing:-1px; font-weight:bold; color:#000; line-height:1.2; margin-bottom:30px;}
.bigwin_post_board #post-content .edit_content h2::before {content:''; width:80px; height:4px; background:#000; display:block; margin-bottom:30px;}
.bigwin_post_board #post-content .edit_content p {font-size:16px; color:#222; line-height:2; margin-bottom:30px;}
.bigwin_post_board #post-content .edit_content .link_btn {font-size:14px; background:#000; position:relative; width:308px; height:85px; border-radius:12px; box-shadow:10px; padding:10px;}
.bigwin_post_board #post-content .edit_content .link_btn .kr_name {color:#fff; font-size:15px; }
.bigwin_post_board #post-content .edit_content .link_btn .en_name {color:#888; font-size:15px; }
.bigwin_post_board #post-content .edit_content .link_btn .play {color:#e9d36d; font-size:12px; letter-spacing:-1px; margin-top:6px;}


.slotsite_side_banner li {position:relative; overflow:hidden; background:#000; padding:10px; border-radius:12px; height:76px; margin-top:10px; box-shadow:2px 4px 2px rgba(0,0,0,0.2);}
.slotsite_side_banner li .imgs {float:left;}
.slotsite_side_banner li .txt {float:left; margin-left:10px;}
.slotsite_side_banner li .txt dt {font-size:18px; color:#fff; margin-top:10px;}
.slotsite_side_banner li .txt dd {font-size:15px; color:#f4cc75;  margin-top:4px;}
.slotsite_side_banner li .arrow {position:absolute; top:24px; right:20px; color:#f4cc75; font-size:24px;}
.custom_board .slotsite_side_banner li:first-child {margin-top:0;}
/****** 무료슬롯 ******/
.bootstrap_freeslot {overflow:hidden; padding-right:4px;}
.bootstrap_freeslot .latest_box .panel_body li {float:left; width:50%; overflow:hidden; padding:0 2px;}
.bootstrap_freeslot .latest_box .panel_body li .imgs img {border-radius:2px; width:100%;}
.bootstrap_freeslot .latest_box .panel_body li .txt {text-align:center; height:30px; line-height:30px; overflow:hidden; font-weight:bold;}
.freeslot_board {overflow:hidden;}
.freeslot_board ul {margin:0 -6px;}
.freeslot_board li {float:left; width:16.666%; padding:0 9px; margin-bottom:10px;}
.freeslot_board li .box {position:relative; }
.freeslot_board li .box .upper_link {height:80%;}
.freeslot_board li .icon {position:absolute; top:0;right:0; background:#c53d3d; color:#fff; padding:4px 8px; font-size:11px;}
.freeslot_board li .category_icon {position:absolute; top:10px; right:10px; background:#000; padding:2px 5px; color:#fff; letter-spacing:-1px; font-size:11px;}
.freeslot_board li input[type=checkbox] {position:absolute; z-index:2; top:5px; left:5px; width:20px; height:20px;}
.freeslot_board li .imgs {overflow:hidden; border-radius:11px; background:#ddd; }
.freeslot_board li .imgs img {width:100%;opacity: 0; transition: opacity 0.5s ease-in-out;}
.freeslot_board li .imgs img.is-loaded {opacity:1;}
.freeslot_board li .txt {overflow:hidden; padding:10px;}
.freeslot_board li .txt dt {color:#333; letter-spacing:-1px; font-size:16px; height:21px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.freeslot_board li .txt dd {color:#666; letter-spacing:-1px; font-size:14px; margin-top:5px; height:17px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .freeslot_board li {padding:0 4px;}


.freeslot_top_box {overflow:hidden; margin-bottom:10px;}
.search_option {font-size:18px; font-weight:600; margin-left: 8px; margin-bottom:10px; overflow:hidden;}
.search_option::before {content:""; display:inline-block; background:url("/imgs/search_option.png") no-repeat; width:27px; height:28px; float:left; margin-right:10px;}
.slot_category {overflow:hidden; margin:20px 8px;}
.slot_category ul {overflow:hidden;}
.slot_category ul:first-child {margin-bottom:10px;}
.slot_category li {float:left; margin-left:5px;}
.slot_category li:first-child {margin-left:0;}
.slot_category a {display:block; background:#fff; padding:10px 22px; border-radius:500px; margin-left:10px; font-size:15px;  letter-spacing:-1px; border:1px solid #ddd; font-weight:bold;}
.slot_category a:first-child {margin-left:0;}
.slot_category a.active {background:#000; color:#fff; border:1px solid #000;}
.slot_category a:hover {background:#000; color:#fff; text-decoration:none; border:1px solid #000;}
.freeslot_post_board {overflow:hidden; margin-top:20px; }
.freeslot_post_board .board_top_box {overflow:hidden;margin-bottom:20px; padding:0 10px;}
.freeslot_post_board .board_top_box h1 {font-size:48px; font-weight:bold; letter-spacing: -2px;}
.freeslot_post_board .board_top_box p {overflow:hidden; font-size:15px; margin-top:10px; letter-spacing:-1px; color:#555;}
.freeslot_post_board .contents-view {overflow:hidden; margin-top:20px;}
.freeslot_post_board .slot_info {overflow:hidden; background:#000; padding:10px; border-radius:12px; height:577px }
.freeslot_post_board .slot_info .thum_img {overflow:hidden; border-radius:12px;}
.freeslot_post_board .slot_info .thum_img img:first-child {display:none;}
.freeslot_post_board .slot_info dl {margin:0 20px;}
.freeslot_post_board .slot_info dt {font-size:22px; color:#fff; font-weight:normal; margin-top:24px;}
.freeslot_post_board .slot_info dd {font-size:15px; color:#ffd065; margin-top:6px;}
.freeslot_post_board .slot_info ul {overflow:hidden; padding:15px 0; margin:30px 20px 20px 20px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.freeslot_post_board .slot_info li {height:32px; line-height:32px; overflow:hidden;}
.freeslot_post_board .slot_info li .tit {float:left; font-size:16px; color:#999;}
.freeslot_post_board .slot_info li .txt {float:left; font-size:16px; color:#fff; margin-left:5px;}
.freeslot_post_board #post-content .edit_content {overflow:hidden; margin:40px 0; width:800px;}
.freeslot_post_board #post-content .edit_content h1 {font-weight:bold; color:#000; line-height:1.4; margin-bottom:30px; letter-spacing:-0.5px;}
.freeslot_post_board #post-content .edit_content h2 {font-weight:bold; color:#000; line-height:1.4; margin-bottom:30px; letter-spacing:-0.5px;}
.freeslot_post_board #post-content .edit_content h2::before {content:''; width:80px; height:4px; background:#000; display:block; margin-bottom:30px;}
.freeslot_post_board #post-content .edit_content h3 {font-weight:bold; color:#333; line-height:1.4; margin-bottom:20px; letter-spacing:-0.5px;}
.freeslot_post_board #post-content .edit_content h3::before {content:''; display:inline-block; height:18px; width:4px; background:#333; margin-right:10px;}
.freeslot_post_board #post-content .edit_content h4 {font-weight:bold; color:#555; line-height:1.4; margin-bottom:5px; letter-spacing:-0.5px;}
.freeslot_post_board #post-content .edit_content p {font-size:15px; color:#222; line-height:2; margin-bottom:30px;}
.freeslot_post_board #post-content .edit_content img {max-width:100%; margin-bottom:30px;}

.freeslot_post_board #post-content .edit_content ol li {font-size:15px; color:#222; line-height:2; margin-bottom:2px;}
.freeslot_post_board #post-content .edit_content ol li::before {content:''; display:inline-block; height:2px; width:4px; background:#333; vertical-align: middle; margin-right:10px;}
.freeslot_post_board #post-content .edit_content .recommand_box .good a {background:#eee; width:100px; height:40px; line-height:40px; text-align:center; border-radius:500px; display:block; }

.freeslot_post_board #post-content {float:right; width:990px;}
.freeslot_post_board #post-content .game_play {position:relative; overflow:hidden; background:#000; height:537px; border-radius:12px;}
.freeslot_post_board #post-content .game_play .start_btn {cursor:pointer; position:absolute; top:240px; left:50%; margin-left:-90px; width:180px; height:46px; line-height:40px; background:#fff; border:2px solid #111; z-index:2; font-weight:bold; font-size:20px; text-align:center; border-radius:12px; box-shadow:2px 2px 2px 2px; letter-spacing:-1px;}
.freeslot_post_board #post-content .game_play .start_btn:hover {background:#eee;}
.freeslot_post_board #post-content .game_play .shadow {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1;}
.freeslot_post_board #post-content .game_play .thum_img {position:absolute; top:0; left:0; width:100%; height:100%;}
.freeslot_post_board #post-content .game_play .thum_img img:first-child {display:none !important;}
.freeslot_post_board #post-content .game_play .thum_img img {width:100%; height:100%;}
.freeslot_post_board #post-content .game_play iframe {width:100%; height:100%; border:0;}
.freeslot_post_board #post-content .tit_box {height:38px; line-height:38px;overflow:hidden; background:#000; border-radius:8px; margin-top:2px; padding:0 12px;}
.freeslot_post_board #post-content .tit_box .game_tit {color:#fff; font-size:24px; font-weight:bold; float:left; margin-right:10px;}
.freeslot_post_board #post-content .tit_box .company_tit {color:#999; font-size:12px; font-weight:bold; float:left; margin-top:4px;} 
.freeslot_post_board #post-content .tit_box .short_btn {float:right; overflow:hidden; }
.freeslot_post_board #post-content .tit_box .short_btn .icon {color:#fff; float:left; font-size:18px; margin-left:14px; cursor:pointer;}

.freeslot_post_board #post-content .post_slot_conts {overflow:hidden; margin:40px 0;}
.freeslot_post_board #post-content .post_slot_conts .latest_tit_box {overflow:hidden;}
.freeslot_post_board #post-content .post_slot_conts .latest_tit_box h3 {float:left; font-size:18px; letter-spacing:-1.5px;}
.freeslot_post_board #post-content .post_slot_conts .latest_tit_box p {float:left; color:#555; font-size:14px; letter-spacing:-1px; margin-left:10px;}
.freeslot_post_board #post-content .post_slot_conts .freeslot_board li {width:20%;}
.freeslot_post_board #post-content .post_slot_conts .freeslot_board li .imgs {width:100%; height:auto;}
/****** 슬롯사이트 ******/
.slotsite_main_banner {background:url("/imgs/slotsite_main.png") no-repeat; height:253px; border-radius:16px; margin-bottom:20px; overflow:hidden;}
.slotsite_main_banner h1 {font-size:25px; margin-top:30px; margin-left:60px; color:#fff;}
.slotsite_main_banner p {font-size:15px; margin-top:10px; margin-left:60px; color:#ddd; width:610px;}
.slotsite_board {overflow:hidden;}
.slotsite_board ul {margin:0 -5px;}
.slotsite_board li {float:left; width:325px; margin:5px;}
.slotsite_board li .box {position:relative;  overflow:hidden;}
.slotsite_board li input[type=checkbox] {position:absolute; top:10px; left:10px; width:20px; height:20px; }
.slotsite_board li .imgs {width:100%; }
.slotsite_board li .txt {display:none; border:1px solid #000; border-radius:12px; padding:12px; min-height:310px;}
.slotsite_board li .txt dt {font-size:24px; font-weight:bold; font-style:italic;}
.slotsite_board li .txt dd {color:#000; font-size:18px; line-height:1.6;}
.slotsite_board li .code {display:none; font-size:16px;margin:2px 0; background:#000; height:50px; line-height:50px; text-align:center; color:#fff; border-radius:12px;}
.slotsite_board li .code .town {font-size:18px; color:#ffdb58; margin-left:20px;}
.slotsite_board li.ask {text-align:center; position:relative;}
.slotsite_board li.ask img {margin-top:60px;}
/****** 자유게시판 ******/
.bootstrap_freeboard {overflow:hidden; padding-left:4px;}
.bootstrap_freeboard .latest_box .panel_body li {height:40px; line-height:40px; overflow:hidden; margin-top:10px;}
.bootstrap_freeboard .latest_box .panel_body li .imgs {float:left; width:60px; overflow:hidden; border-radius:2px; box-sizing:border-box; border:1px solid #eee;}
.bootstrap_freeboard .latest_box .panel_body li .txt {float:left; width:338px; margin-left:10px;}


/******* 공지사항 ********/
.custom_board {overflow:hidden; position:relative;}
.custom_board .conts_list {overflow:hidden; width:999px; float:right; margin-bottom:10px;}
.custom_board .conts_list .event_banner {overflow:hidden; margin-bottom:10px;}
.custom_board .conts_list .event_banner img {border-radius:12px;}
.custom_board .conts_list li {overflow:hidden; position:relative;margin-bottom:4px;}
.custom_board .conts_list li .box {overflow:hidden; border-radius:14px;}
.custom_board .conts_list li .box img {width:100%; }
.custom_board .conts_list .m_table li {margin-bottom:0;}
.custom_board .conts_list li .box input[type=checkbox] {z-index:1; position:absolute; top:10px; left:10px; width:22px;}
.custom_board .conts_list h1 {font-size:32px; font-weight:bold; margin-bottom:60px; letter-spacing:-2px;}
.custom_board .conts_list .conts {min-height:500px; }
.custom_board .conts_list .conts h2 {font-weight:bold; color:#000; line-height:1.4; margin-bottom:30px; letter-spacing:-0.5px;}
.custom_board .conts_list .conts h2::before {content:''; width:80px; height:4px; background:#000; display:block; margin-bottom:30px;}
.custom_board .conts_list .conts h3 {font-weight:bold; color:#333; line-height:1.4; margin-bottom:20px; letter-spacing:-0.5px;}
.custom_board .conts_list .conts h3::before {content:''; display:inline-block; height:18px; width:4px; background:#333; margin-right:10px;}
.custom_board .conts_list .conts ul {overflow:hidden;}
.custom_board .conts_list .conts ul li {height:40px; line-height:40px; background:#eee; border-radius:500px; padding:0 10px; color:#777; }
.custom_board .conts_list .conts ol {overflow:hidden; margin-top:20px;}
.custom_board .conts_list .conts ol li {line-height:1.4; padding:0 10px;}
.custom_board .conts_list .conts dt {font-size:16px; margin-top:20px; }
.custom_board .conts_list .conts dd {font-size:15px; margin-top:12px; line-height:1.4;}
.custom_board .conts_list .conts p {font-size:15px; color:#222; line-height:2; margin-bottom:30px;}
.custom_board .conts_list .conts p.str {background:#eee; padding:12px; border-radius:12px; margin-top:30px;}
.custom_board .conts_list .conts img {border-radius:14px; max-width:100%;}
.custom_board .conts_list .conts section {overflow:hidden; margin-bottom:50px;}
.custom_board .conts_list .conts figcaption {color:#888;  letter-spacing:-1px; padding:8px; margin-bottom:30px;}
.custom_board .conts_list .conts table {width:100%; background:#eee; border:1px solid #ddd; border-top:3px solid #888;}
.custom_board .conts_list .conts table caption {padding:12px 20px; font-size:12px; letter-spacing:-1px; color:#888;}
.custom_board .conts_list .conts th {background:#fff; color:#111; height:40px; padding:0 20px; border-bottom:1px solid #ddd;}
.custom_board .conts_list .conts td {color:#555; height:40px; text-align:center; border-bottom:1px solid #ddd;}
.custom_board .conts_list .conts .link_btn {display:block; background:#111; color:#fff; width:220px; height:44px; line-height:44px; text-align:center; border-radius:11px; }
.custom_board .conts_list .conts .link_btn:hover {background:#333;}
.custom_board .conts_list .m_img {display:none;}


.custom_board .conts_list .list_btn {margin:50px 0; text-align:center;}
.custom_board .conts_list .list_btn a {background:#111; color:#fff; padding:11px 40px; border-radius:11px;}
.custom_board .conts_list .list_btn a:hover {background:#333;}
.custom_board .conts_list .accordion li {transition: height 0.3s ease;  position:relative; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,0.2); border-radius:12px; border:1px solid #888; height:56px;}
.custom_board .conts_list .accordion li input[type=checkbox] {position:absolute; top:0; left:0;}
.custom_board .conts_list .accordion li .custom_link_btn {background:#ffd744; position:absolute; top:12px; right:50px; color:#000; z-index:15; padding:6px 14px; border-radius:500px;}
.custom_board .conts_list .accordion li .arrow {position:absolute; top:20px; right:20px; color:#888; transition: transform 0.3s ease;}
.custom_board .conts_list .accordion li .content {overflow:hidden; padding:40px 0;}
.custom_board .conts_list .accordion li .content img {max-width:100%;}
.custom_board .conts_list .accordion .tit {background:#222; color:#ffd744; font-size:16px; padding:0 20px; height:54px; line-height:54px; letter-spacing:-0.5px; cursor:pointer;}
.custom_board .conts_list .accordion .expanded {height:auto;}
.custom_board .conts_list .commnunity_tit {font-size:20px; padding-bottom:6px;border-bottom:1px solid #eee; margin-bottom:10px;}
.custom_board .conts_list .commnunity_conts {min-height:400px; padding:20px 0; border-radius:12px; }
.custom_board .conts_list .commnunity_conts video {max-width:500px;}
.custom_board .conts_list .commnunity_conts img {max-width:800px;}

.board_edit {width:990px; margin:auto;}

/**** 슬롯정보 에디터 글쓰기 *****/
.info_board_edit {width:990px; margin:auto;}
.info_board_edit .note-editable h2 {font-weight:bold; color:#000; line-height:1.4; margin-bottom:30px; letter-spacing:-0.5px;}
.info_board_edit .note-editable h2::before {content:''; width:80px; height:4px; background:#000; display:block; margin-bottom:30px;}
.info_board_edit .note-editable h3 {font-weight:bold; color:#333; line-height:1.4; margin-bottom:20px; letter-spacing:-0.5px;}
.info_board_edit .note-editable h3::before {content:''; display:inline-block; height:18px; width:4px; background:#333; margin-right:10px;}
.info_board_edit .note-editable ul {overflow:hidden;}
.info_board_edit .note-editable ul li {height:40px; line-height:40px; background:#eee; border-radius:500px; padding:0 10px; color:#777; }
.info_board_edit .note-editable ol {overflow:hidden; margin-top:20px;}
.info_board_edit .note-editable ol li {line-height:1.4; padding:0 10px;}
.info_board_edit .note-editable dt {font-size:16px; margin-top:20px; }
.info_board_edit .note-editable dd {font-size:15px; margin-top:12px; line-height:1.4;}
.info_board_edit .note-editable p {font-size:15px; color:#222; line-height:2; margin-bottom:30px;}
.info_board_edit .note-editable p.str {background:#eee; padding:12px; border-radius:12px; margin-top:30px;}
.info_board_edit .note-editable img {border-radius:14px;}
.info_board_edit .note-editable section {overflow:hidden; margin-bottom:50px;}
.info_board_edit .note-editable figcaption {color:#888;  letter-spacing:-1px; padding:8px; margin-bottom:30px;}
.info_board_edit .note-editable table {width:100%; background:#eee; border:1px solid #ddd; border-top:3px solid #888;}
.info_board_edit .note-editable table caption {padding:12px 20px; font-size:12px; letter-spacing:-1px; color:#888;}
.info_board_edit .note-editable th {background:#fff; color:#111; height:40px; padding:0 20px; border-bottom:1px solid #ddd;}
.info_board_edit .note-editable td {color:#555; height:40px; text-align:center; border-bottom:1px solid #ddd;}
.info_board_edit .note-editable .link_btn {display:block; background:#111; color:#fff; width:220px; height:44px; line-height:44px; text-align:center; border-radius:11px; }
.info_board_edit .note-editable .link_btn:hover {background:#333;}
.info_board_edit .note-editable .list_btn {margin:50px 0; text-align:center;}
.info_board_edit .note-editable .list_btn a {background:#111; color:#fff; padding:11px 40px; border-radius:11px;}
.info_board_edit .note-editable .list_btn a:hover {background:#333;}

/******* 쿠폰 *******/
.cmall {width:990px; float:right; overflow:hidden;}
.cmall .cmall_list {overflow:hidden;}
.cmall .cmall_list li {float:left; width:320px; border:1px solid #111; border-radius:14px; padding:20px 0; margin-left:15px; text-align:center;}
.cmall .cmall_list li:first-child {margin-left:0;}
.cmall .cmall_list li dl {text-align:left; margin:20px 0; padding:0 22px;}
.cmall .cmall_list li dt {color:#111; font-size:22px;}
.cmall .cmall_list li dd {color:#111; font-size:16px; letter-spacing:-1px; margin-top:4px; font-weight:bold;}
.cmall .cmall_list li .count {overflow:hidden; height:40px; line-height:36px; border:2px solid #111; border-radius:500px; margin:5px 22px; padding:0 20px;}
.cmall .cmall_list li .count .tit {float:left; font-size:16px; font-weight:bold; color:#111;}
.cmall .cmall_list li .count .num {float:right; overflow:hidden;}
.cmall .cmall_list li .count .quantity-btn {background:#111; border:0; width:23px; height:23px; border-radius:500px; color:#fff; font-size:18px; font-weight:bold; line-height:23px;}
.cmall .cmall_list li .count .quantity-value {font-weight:bold; font-size:18px; padding:0 10px;}
.cmall .cmall_list li .price {overflow:hidden; height:40px; line-height:36px; border:2px solid #111; border-radius:500px; margin:5px 22px; padding:0 20px;}
.cmall .cmall_list li .price .tit {float:left; font-size:16px; font-weight:bold; color:#111;}
.cmall .cmall_list li .price .num {float:right; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#111;}
.cmall .cmall_list li .buy_btn {cursor:pointer; overflow:hidden; height:40px; line-height:38px; border-radius:500px; margin:0 22px; color:#fff; font-size:16px; background:#111;}
.cmall .cmall_list li .buy_btn:hover {background:#222;}
.cmall .layer-popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%;  z-index:1000; justify-content:center; align-items:center;}
.cmall .layer-content {background:#fff; padding:20px; border-radius:8px; width:392px; height:550px; position:relative; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2), 0px 6px 20px rgba(0, 0, 0, 0.2), 0px 8px 30px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.2);}
.cmall .layer-content .buy-data dt {font-weight:bold; font-size:24px; margin-bottom:15px;}
.cmall .layer-content .buy-data dd {font-size:16px; margin-bottom:5px;}
.cmall .layer-content .buy-data .price {font-weight:bold; font-size:22px; letter-spacing:-1px;}
.cmall .layer-content .input-data {margin:30px 0; background:#ddd; border-radius:14px; padding:14px;}
.cmall .layer-content .input-data h3 {font-size:18px; font-weight:bold; letter-spacing:-1px;}
.cmall .layer-content .input-data dt {margin-top:20px;}
.cmall .layer-content .input-data dd {overflow:hidden; margin-top:4px;}
.cmall .layer-content .input-data dd input {background:#fff; border:0; height:40px; width:100%; border-radius:500px; color:#111; outline:none; text-indent:20px; font-size:15px;}
.cmall .layer-content .btn-box p {font-size:16px; margin-bottom:5px;}
.cmall .layer-content .btn-box .ok-btn {height:46px; background:#111; color:#fff; font-size:16px; font-weight:bold; line-height:46px; text-align:center; border-radius:500px; cursor:pointer;}
.cmall .layer-content .btn-box .cancel-btn {margin-top:10px;height:46px; background:#888; color:#fff; font-size:16px; font-weight:bold; line-height:46px; text-align:center; border-radius:500px; cursor:pointer;}

.cmall .close-btn {position:absolute; top:10px; right:10px; cursor:pointer; font-size:24px;}





/******* 슬롯사이트 ********/
.custom_board {overflow:hidden;}
.custom_board .slotsite_post {overflow:hidden; width:990px; float:right; margin-top:10px;}
.custom_board .slotsite_post h1 {font-weight:bold; letter-spacing:-2px;}
.custom_board .slotsite_post .eng_name {font-size:20px; letter-spacing:-1px; margin-top:5px;}
.custom_board .slotsite_post .btn_box {position:absolute; top:0; right:0; width:308px; height:86px; background:#000; box-shadow:0 2px 4px rgba(0,0,0,0.2); border-radius:12px; padding:14px; overflow:hidden;}
.custom_board .slotsite_post .btn_box dt {color:#fff; font-size:22px;}
.custom_board .slotsite_post .btn_box dd {font-size:20px; color:#fcc95e; letter-spacing:-1px; margin-top:10px;}
.custom_board .slotsite_post .btn_box i {position:absolute; top:20px; right:20px; font-size:40px; color:#fcc95e;}
.custom_board .slotsite_post .conts {text-align:center; position:relative;}

/******* 출석체크 *********/
.attendance {overflow:hidden; width:990px; float:right;}
.attendance h1 {font-size:28px; margin-top:12px; margin-bottom:50px; font-weight:bold; padding:0 5px;}
.attendance .tbl_calendar {overflow:hidden;  border-collapse: separate; border-spacing: 6px; width:764px; float:left;}
.attendance .tbl_calendar th {background:#000; border-radius:14px; color:#fff; text-align:center; height:33px;}
.attendance .tbl_calendar td {border:2px solid #000; height:100px; border-radius:12px; position:relative;}
.attendance .tbl_calendar td:hover {background:#000; color:#fff;}
.attendance .tbl_calendar td:hover .day {color:#fff;}
.attendance .tbl_calendar td:hover .today {color:#fff;}
.attendance .tbl_calendar td .day {font-size:16px; color:#111; position:absolute; top:2px; right:5px;}
.attendance .tbl_calendar td .today {font-size:14px; color:#fff; position:absolute; top:2px; left:5px;}

.attendance .wrapmemo {width:184px; float:right; margin-top:18px;}
.attendance .wrapmemo .date .month {font-size:60px; font-weight:bold; color:#000; text-align:right;}
.attendance .wrapmemo .date .count {font-size:22px; font-weight:bold; color:#000; text-align:right;}
.attendance .wrapmemo .date .arrow {overflow:hidden; font-size:23px; text-align:right; color:#000;}
.attendance .wrapmemo .date .arrow .left_arrow {margin-right:6px;}
.attendance .wrapmemo .date .arrow .left_arrow i { transform: rotate(180deg); margin-top:-1px;}
.attendance .wrapmemo .date .info {text-align:right; color:#000; margin:20px 0; font-size:15px;}
.attendance .wrapmemo .date .attendance_complete {overflow:hidden; text-align:center; height:316px; border-radius:14px; overflow:hidden; border:2px solid #111; padding-top:140px; font-size:15px; font-weight:bold;}
.attendance .wrapmemo .check_btn {background:#000; text-align:center; height:316px; border-radius:14px; overflow:hidden; margin:4px;}
.attendance .wrapmemo .check_btn button {background:none; color:#fff; border:0; font-size:40px; font-weight:bold; margin-top:120px}
.attendance .wrapmemo .check_btn .txt {color:#fff; text-align:center; margin-top:50px; font-size:15px;}
.attendance .wrapmemo .check_btn.completed {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.attendance .wrapmemo .check_btn.completed .txt {
    font-size: 16px;
    color: #000000;
}

.m_attendance {width:100%; float:none;}
.m_attendance h1 {margin-top:0; margin-bottom:0;}
.m_attendance .wrapmemo {width:100%; float:none;}
.m_attendance .wrapmemo .date .month {text-align:center; font-size:54px;}
.m_attendance .wrapmemo .date .left_arrow {font-size:18px; margin-right:10px; vertical-align:middle;}
.m_attendance .wrapmemo .date .left_arrow i { transform: rotate(180deg); }
.m_attendance .wrapmemo .date .right_arrow {font-size:18px; margin-left:10px; vertical-align:middle;}
.m_attendance .wrapmemo .date .count {text-align:center;}

.m_attendance .wrapmemo .check_btn {height:55px;}
.m_attendance .wrapmemo .check_btn button {margin-top:2px; font-size:20px;}
.m_attendance .wrapmemo .check_btn .txt {margin-top:0px;}
.m_attendance .tbl_calendar {width:100%;}
.m_attendance .tbl_calendar th {font-size:11px; height:26px;}
.m_attendance .tbl_calendar td {border-radius:6px; height:50px;}
.m_attendance .tbl_calendar td .day {font-size:11px;}
.m_attendance .tbl_calendar td .today {font-size:11px;}
.m_attendance .login_check img {width:100%;}
/******* 슬롯정보 *********/
.custom_board .conts_list.info_list li {float:left; width:320px; margin:0 5px 20px 5px;}
.custom_board .conts_list.info_list li .box {border-radius:0; }
.custom_board .conts_list.info_list li .imgs {width:320px; height:239px; overflow:hidden; border-radius:12px;}
.custom_board .conts_list.info_list li .txt {padding:0 5px;}
.custom_board .conts_list.info_list li .txt dt {margin:6px 0;font-size:22px; height:30px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.custom_board .conts_list.info_list li .txt dd {font-size:14px; line-height:1.4; letter-spacing:-0.5px; height:62px; overflow:hidden;}

.admin_write_option {overflow:hidden; margin-bottom:20px;}
.admin_write_option ul {display:flex; justify-content: space-between; margin:0 -10px;}
.admin_write_option li {flex:1; padding:0 10px;}
.admin_write_option li input {width:100%; height:40px; border:1px solid #ddd; padding:0 10px; outline:none; border-radius:4px;}

.main_bigwin {overflow:hidden; margin-top:18px;}
.main_bigwin li {float:left; width:430px; margin-left:20px; overflow:hidden; position:relative; }
.main_bigwin li:first-child {margin-left:0;}
.main_bigwin li .play_btn {width:77px; height:77px; background:url("/imgs/bt_play.png") no-repeat; position:absolute; top:80px; left:50%; margin-left:-35px;}
.main_bigwin li .imgs {overflow:hidden; border-radius:12px; width:430px; height:242px;}
.main_bigwin li img {width:100%;}
.main_bigwin li .txt {overflow:hidden; padding:0 2px;}
.main_bigwin li .txt .tit {line-height:1.2; float:left; font-weight:bold; color:#000; letter-spacing:-0.5px; width:250px; position:relative; overflow: hidden;}

.main_bigwin li .txt dl {float:right; text-align:right; width:176px;}
.main_bigwin li .txt dt {color:#333; font-size:11px; letter-spacing:-0.5px; margin-top:4px;}
.main_bigwin li .txt dd {color:#333; font-size:11px; letter-spacing:-0.5px; margin-top:4px;}
.main_new_slot {overflow:hidden; margin-top:30px;}
.main_new_slot li {float:left; width:330px; margin-left:3px; overflow:hidden; position:relative; }
.main_new_slot li:first-child {margin-left:0;}
.main_new_slot li:nth-child(5) {margin-left:0;}
.main_new_slot li .imgs {overflow:hidden; border-radius:12px; width:330px; height:186px;}
.main_new_slot li .txt {overflow:hidden; padding:10px 2px;}
.main_new_slot li .txt dt {font-size:18px; letter-spacing:-1px;}
.main_new_slot li .txt dd {color:#333; margin-top:5px; font-size:14px; letter-spacing:-1px;}
.main_new_slot li .new_game_icon {width:115px; height:37px; background:url("/imgs/main_newgame_icon.png") no-repeat; position:absolute; top:0; left:0; border-radius:12px 0 0 0;}
.main_new_slot li img {width:100%;height: auto;}
.main_slotsite {overflow:hidden; padding:4px; margin:25px 0;}
.main_slotsite ul {margin:30px 0;}
.main_slotsite li {overflow:hidden; position:relative; background:#f5f5f5; border-radius:11px; box-shadow:1px 2px 4px rgba(0,0,0,0.1); height:130px; margin-top:20px;}
.main_slotsite li:first-child {margin-top:0;}
.main_slotsite li .imgs {float:left; margin-top:25px; width:225px; height:76px; text-align:center; display: flex;  align-items: center; justify-content: center;}
.main_slotsite li .imgs img {max-height: 100%;}
.main_slotsite li .txt {float:left; width:820px; overflow:hidden;}
.main_slotsite li .txt dl {padding:0 35px; height:70px; border-left:1px solid #ddd; border-right:1px solid #ddd;margin-top:30px;}
.main_slotsite li .txt dt {font-size:18px;}
.main_slotsite li .txt dd {color:#666; margin-top:10px; line-height:1.5;}
.main_slotsite li .btn_box {float:left; overflow:hidden; width:275px;height:120px;}
.main_slotsite li .btn_box .link_btn {background:#ffcd5e; color:#444; font-weight:bold; font-size:16px; width:156px; height:38px; line-height:38px; border-radius:500px; text-align:center; margin:45px auto;}
.main_slotsite li:hover .btn_box .link_btn {background:#dc9e19;}

.custom_board .conts_list .info {overflow:hidden;}
.custom_board .conts_list .info li {float:left; padding:0 5px; }
.custom_board .conts_list .info li button {border:0; background:none;}
.custom_board .conts_list .info .user_levelname .lv_icon img {width:23px;}
.custom_board .conts_list .conts .main_slotsite li .imgs {width:160px;}
.custom_board .conts_list .conts .main_slotsite li .txt {width:600px;}
.custom_board .conts_list .conts .main_slotsite li .txt dl {padding:0 18px;}
.custom_board .conts_list .conts .main_slotsite li .txt dt {font-size:15px; margin-top:18px;}
.custom_board .conts_list .conts .main_slotsite li .txt dd {font-size:13px; line-height:1.1;}
.custom_board .conts_list .conts .main_slotsite li .link_btn {width:120px; height:34px; line-height:34px; font-size:13px;}

.slot_video_list {overflow:hidden;}
.slot_video_list h2 {font-size:22px; margin-bottom:20px; letter-spacing:-1px; font-weight:bold;}
.slot_video_list .freeslot_board li {width:25%;}
.slot_video_list .freeslot_board li .txt {padding:5px;}
.slot_video_list .freeslot_board li .txt dt {font-size:15px;}
.slot_video_list .freeslot_board li .txt dd {margin-top:0;}

#side_menu {display: block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none}
#side_menu .side_wr{width:250px;background:#222222;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #000;overflow-x:hidden;height:100%;overflow-y:auto}
#side_menu .side_wr.add_side_wr{}
#side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block;overflow:hidden}
#side_menu .side_wr .side_inner_abs{position: absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none}
#side_menu .side_wr{webkit-overflow-scrolling:touch}

#side_menu .m_menu li{display: block;  line-height: 40px;border-top: 1px solid #323232; position:relative;padding-left: 20px; }
#side_menu .m_menu li a.text_link{display:inline-block;width:65%;white-space:nowrap}
#side_menu .m_menu li a:hover{color: #7080b1;}
#side_menu .m_menu span{ position: absolute; right: 20px; top: 15px; } 

#side_menu li, #side_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {color: #fff;}
#side_menu .dropdown-custom-menu{background: #222222;overflow:hidden; width:100%;display:none;}
#side_menu .dropdown-custom-menu li{height: 40px; line-height: 40px; border:none !important; padding-left: 10px; background:none; }
#side_menu .dropdown-custom-menu li a{color: #888; }
#side_menu .dropdown-custom-menu li a:hover{color: #7080b1;}

#side_menu .m_login{text-align: center; margin: 10px;}
#side_menu .m_login span{ padding: 0 5px;}
#side_menu .m_board{background: #000; clear: both; margin:0; }
#side_menu .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu .m_board li a:hover{color: #7080b1; }
#side_menu .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}

.user_levelname {overflow:hidden;}
.user_levelname .lv_icon {margin-right:4px; float:left;}
.user_levelname .lv_icon img {width:35.333px; }
.user_levelname .user_name {float:left;}
#viewcomment .media .reply_head .lv_icon img {width:24px; }


body.over_hidden{overflow:hidden} 
.btn-default {background:#000; color:#fff; border:0; border-radius:500px; margin:0 2px; text-shadow:none; padding:10px 20px;}
.btn.btn-success.btn-sm {background:#333; color:#fff; border:0; border-radius:500px; margin:0 2px; text-shadow:none; padding:10px 20px;}
.btn.btn-warning {background:#000; color:#fff; border:0; border-radius:500px; margin:0 2px; text-shadow:none; padding:10px 20px;}

.freeslot_nav {display: flex; justify-content: space-between; }
.freeslot_nav li {flex:1; padding:5px 8px;  overflow:hidden; position: relative; text-align:center;}
.freeslot_nav li a {background:#f0f0f0; display:block; overflow:hidden; border-radius:21px; padding:12px 0 18px 0; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);}
.freeslot_nav li .icon {font-size:50px; }
.freeslot_nav li .txt {margin-top:8px; font-weight:bold; letter-spacing:-0.5px; font-size:10px;}

.freeslot_nav li.active a {color:#fff;}
.freeslot_nav li.free-slots.active a {background: linear-gradient(0deg, rgb(179,182,235) 0%, rgb(233,138,152) 100%);}
.freeslot_nav li.pragmaticplay.active a {background: linear-gradient( 0deg, rgb(255,108,0) 0%, rgb(255,211,1) 100%);}
.freeslot_nav li.nolimitcity.active a {background: linear-gradient( 0deg, rgb(255,181,51) 0%, rgb(255,255,0) 100%);}
.freeslot_nav li.pgsoft.active a {background: linear-gradient( 0deg, rgb(234,16,176) 0%, rgb(104,94,191) 100%);}
.freeslot_nav li.habanero.active a {background: linear-gradient( 0deg, rgb(255,46,24) 0%, rgb(236,77,111) 100%);}
.freeslot_nav li.booongo.active a {background: linear-gradient( 0deg, rgb(15,184,170) 0%, rgb(142,243,112) 100%);}
.freeslot_nav li.playngo.active a {background: linear-gradient( 0deg, rgb(5,91,235) 0%, rgb(42,238,255) 100%);}
.freeslot_nav li.relax-gaming.active a {background: linear-gradient( 0deg, rgb(142,46,191) 0%, rgb(77,74,221) 100%);}
.freeslot_nav li.push-gaming.active a {background: linear-gradient( 0deg, rgb(128,22,158) 0%, rgb(244,101,189) 100%);}
.freeslot_nav li.thunderkick.active a {background: linear-gradient( 0deg, rgb(252,46,148) 0%, rgb(250,172,48) 100%);}
.freeslot_nav li.octoplay.active a {background: linear-gradient( 0deg, rgb(17,11,240) 0%, rgb(185,145,240) 100%);}
.freeslot_nav li.redtiger.active a {background: linear-gradient( 0deg, rgb(246,7,47) 0%, rgb(242,0,161) 100%);}
.freeslot_nav li.yggdrasil.active a {background: linear-gradient( 0deg, rgb(211,80,9) 0%, rgb(255,167,14) 100%);}

.freeslot_nav li:hover a {color:#fff;}
.freeslot_nav li.free-slots:hover a {background: linear-gradient(0deg, rgb(179,182,235) 0%, rgb(233,138,152) 100%);}
.freeslot_nav li.pragmaticplay:hover a {background: linear-gradient( 0deg, rgb(255,108,0) 0%, rgb(255,211,1) 100%);}
.freeslot_nav li.nolimitcity:hover a {background: linear-gradient( 0deg, rgb(255,181,51) 0%, rgb(255,255,0) 100%);}
.freeslot_nav li.pgsoft:hover a {background: linear-gradient( 0deg, rgb(234,16,176) 0%, rgb(104,94,191) 100%);}
.freeslot_nav li.habanero:hover a {background: linear-gradient( 0deg, rgb(255,46,24) 0%, rgb(236,77,111) 100%);}
.freeslot_nav li.booongo:hover a {background: linear-gradient( 0deg, rgb(15,184,170) 0%, rgb(142,243,112) 100%);}
.freeslot_nav li.playngo:hover a {background: linear-gradient( 0deg, rgb(5,91,235) 0%, rgb(42,238,255) 100%);}
.freeslot_nav li.relax-gaming:hover a {background: linear-gradient( 0deg, rgb(142,46,191) 0%, rgb(77,74,221) 100%);}
.freeslot_nav li.push-gaming:hover a {background: linear-gradient( 0deg, rgb(128,22,158) 0%, rgb(244,101,189) 100%);}
.freeslot_nav li.thunderkick:hover a {background: linear-gradient( 0deg, rgb(252,46,148) 0%, rgb(250,172,48) 100%);}
.freeslot_nav li.octoplay:hover a {background: linear-gradient( 0deg, rgb(17,11,240) 0%, rgb(185,145,240) 100%);}
.freeslot_nav li.redtiger:hover a {background: linear-gradient( 0deg, rgb(246,7,47) 0%, rgb(242,0,161) 100%);}
.freeslot_nav li.yggdrasil:hover a {background: linear-gradient( 0deg, rgb(211,80,9) 0%, rgb(255,167,14) 100%);}


.custom_top_box {overflow:hidden; margin-top:40px;}
.custom_top_box h1 {margin-bottom:0 !important;}

.responsive-img {width:100%; height:auto; max-width:430px; max-height:242px; }


/* 로그인 */

/* footer */
footer{overflow:hidden; background:#000; padding:45px 0 25px 0; margin-top:70px;}
footer .site_map {width:500px; float:left;}
footer .site_map .tit {font-size:24px; letter-spacing:-1px; color:#fff; margin-bottom:12px;}
footer .site_map ul {overflow:hidden;}
footer .site_map li {float:left; width:33.333%; max-width:150px;padding:2px; font-size: 16px;}
footer .site_map li .menu {display:block; text-align:center; height:40px; line-height:38px; border:1px solid #fff; color:#fff;  border-radius:11px;}
footer .site_map li .menu:hover {background:#fff; color:#111;}
footer .site_map .telegram {margin-top:28px; margin-bottom:71px; position:relative; width:298px; height:43px; line-height:39px; border:1px solid #2bade9; border-radius:11px;overflow:hidden;}
footer .site_map .telegram:hover {background:#2bade9;}
footer .site_map .telegram:hover .txt { color:#fff;}
footer .site_map .telegram .txt {float:left; color:#2bade9; font-size:18px; margin:0 20px;}
footer .site_map .telegram .name {float:left; color:#fff; font-size:18px;}
footer .site_map .copy {color:#888; margin-top:10px; font-size:15px;}
footer .footer_txt {float:right; width:610px;}
footer .footer_txt dt {color:#fff; font-size:24px; font-weight:normal; margin-top:30px; letter-spacing:-1px;}
footer .footer_txt dt:first-child {margin-top:0}
footer .footer_txt dd {color:#e3e3e3;padding:10px 5px; font-size:14px; line-height:1.5; letter-spacing:-1px;}

.media{clear:both;}
.media-body, .media-left, .media-right {display: table-cell;vertical-align: top;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-right, .media>.pull-right {padding-left: 10px;}
.media-heading{font-size:14px;overflow:hidden;}
.media-body .media-info{font-size:11px; color:#666;}
.media-body .media-info span{padding-right:10px;}

.admin_write a {position:fixed; bottom:170px; right:40px; background:#000; color:#fff; padding:10px 40px; border-radius:500px;}
.admin_reply_auto {overflow:hidden; margin-top:10px;}
.admin_reply_auto li {float:left; padding:0 2px;}
.admin_reply_auto li a {background:#222; color:#fff; padding:10px 20px; border-radius:500px; display:block; font-size:12px;}
/* sidebar */
.sidebar_latest {overflow:hidden; height:50px; border:1px solid #eee; position:relative; margin-top:5px;}
.sidebar_latest .icon {position:absolute; top:12px; left:10px; border:1px solid #eee; background:#fff; font-size:11px; padding:4px 10px; color:#c32d2d; font-weight:700;}
.sidebar_latest ul {width:240px; margin-left:70px; position:relative;}
.sidebar_latest li{height:50px; line-height:50px; position:absolute; width:100%; display:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sidebar_latest li a { font-size:12px; color:#444; letter-spacing:-0.5px; font-weight:700;}

/* modal */
.modal .modal-body .number{padding-bottom:10px;}
.modal .modal-body .profile-info{overflow:hidden;}


.help-inline { display: inline-block;color: #737373;margin-left:10px; padding-top:7px;vertical-align:middle;}
.nopost {text-align:center; padding:120px 0 !important; }

textarea.dhtmleditor {width:100%;height:350px;}

.latest_comment_count {font-size:11px; color:#FF7700; margin-left:5px;font-weight:bold;}

.pagination {text-align:center; border-radius:0; padding:0 20px; display:block;}
.pagination ul {display:inline-block;}
.pagination li {display:block; float:left; height:50px; padding:0 5px;}
.pagination li>a {display:block; color:#111; width:50px; height:50px; line-height:50px; font-size:16px; padding:0; border-radius:500px !important; background:#eee;}
.pagination .active>a {background:#111; color:#fff; border:1px solid #111;}

.admin_tool {display:block; cursor:pointer;}

/******* mobile ********/
.m_table {overflow:hidden; border-top:1px solid #ddd; margin-top: -8px;}
.m_table li {overflow:hidden; position:relative; height:50px; border-bottom:1px solid #ddd; padding:0 10px; }
.m_table li .reservation {background:#888; color:#fff; font-size:11px; padding:2px 4px; border-radius:4px;}
.m_table li:nth-child(odd) {background:#f9f9f9}
.m_table li input[type=checkbox] {width:20px; height:20px; position:absolute; top:0; left:0;}
.m_table li .tit {color:#333; letter-spacing:-0.5px; margin-top:5px; height:18px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m_table li .tit .event_label {background:#111; color:#fff; padding:0 2px; font-size:10px; border-radius:4px; margin-right:5px;}
.m_table li .user_info {overflow:hidden; margin-top:5px;}
.m_table li .user_info span {float:left; font-size:11px; color:#888; margin-left:10px; }
.m_table li .user_info span:first-child {margin-left:0;}
.m_table li .user_info span .fa-eye {color:#888;}
.m_table li.notice_list {background:#eee; height:30px;}

.m_header {overflow:hidden; height:87px;}
.m_header .logo {position:relative; margin:auto; float:none; width:164px; height:70px;}

.m_header .logo video {width:164px; margin-left:0;}
.m_header .left_menu {position:absolute; top:17px; left:15px; font-size:26px; color:#111;}
.m_header .tele {position:absolute; top:13px; right:13px; font-size:34px; color:#24a1de;}
.m_main_nav_menu {overflow:hidden; height:40px; border-bottom:2px solid #111; margin-top:-18px;}
.m_main_nav_menu ul {display: flex; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;  -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.m_main_nav_menu ul::-webkit-scrollbar {display:none;}
.m_main_nav_menu li {padding:0 14px; flex:0 0 auto; height:40px; line-height:40px;}
.m_main_nav_menu li .menu {font-weight:bold; color:#111; font-size:15px;}
.m_main_nav_menu li i {color:#ff2e2e;}
.m_main_nav_menu li .dropdown_menu {display:none;}
.m_left_menu_box {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:#fff; }
.m_left_menu_box .name {overflow:hidden; color:#111; padding:0 25px; margin-bottom:5px;}
.m_left_menu_box .name .user_levelname .lv_icon img {width:38px;}
.m_left_menu_box .name .user_levelname .user_name {font-size:20px; font-weight:bold; color:#111; }
.m_left_menu_box .my_data_info {overflow:hidden; padding:0 21px; margin-bottom:20px;}
.m_left_menu_box .my_data_info li {float:left; width:50%; padding:0 4px;}
.m_left_menu_box .my_data_info li a {display:block; height:36px; line-height:36px; font-size:14px; border-radius:500px; background:#111; color:#fff; text-align:center;}
.m_login_data {overflow:hidden;  background:#000; color:#fff; margin-bottom:2px;}
.m_login_data ul {display:flex; justify-content:space-between;}
.m_login_data li {position:relative; flex:1; text-align:center;}
.m_login_data li a {color:#fff; display:block; height:38px; line-height:38px; }
.m_login_data li i {margin-right:6px; font-size:15px; transform: rotate(30deg);}
.m_login_data li .user_levelname {float:none; display:inline-block;}
.m_login_data li .user_levelname .lv_icon {height:38px; line-height:38px;}
.m_login_data li .user_levelname .lv_icon img {width:33px;}
.m_login_data li .user_levelname .user_name {height:38px;color:#fff; font-size:13px;  line-height:38px;}
.m_left_menu_box .login_area {background:#eee; width:70%; height:50px;}
.m_left_menu_box .login_area li {float:left; width:50%; padding:4px; margin-top:5px;}
.m_left_menu_box .login_area li a {background:#22245a; color:#fff; display:block; text-align:center; font-size:12px; height:30px; line-height:30px; border-radius:4px;}
.m_left_menu_box .menu_area {overflow:hidden; padding:20px;}
.m_left_menu_box .menu_area li {float:left; width:25%; padding:5px; overflow:hidden;}
.m_left_menu_box .menu_area li a {display:block; background:#eee; border-radius:12px; min-height:80px; text-align:center; overflow:hidden;}
.m_left_menu_box .menu_area li .icon {height:30px; font-size:28px; margin-top:14px;}
.m_left_menu_box .menu_area li .icon img {width:28px; height:28px;}
.m_left_menu_box .menu_area li .txt {margin-top:12px;}
.m_left_menu_box .m_left_search {overflow:hidden; padding:0 25px; position:relative;}
.m_left_menu_box .m_left_search input {border:1px solid #333; width:100%; height:40px; border-radius:8px; padding:0 10px;}
.m_left_menu_box .m_left_search button {position:absolute; font-size:15px; background:none; border:0; top:8px; right:35px;}
.m_left_menu_box .btn_box {overflow:hidden; text-align:center; margin-top:10px;}
.m_left_menu_box .btn_box .line_up {display:inline-block;}
.m_left_menu_box .btn_box a {background:#eee; color:#111; font-size:14px; display:block; float:left; width:120px; height:40px; line-height:40px; border-radius:500px; font-weight:bold; margin:0 5px;}
.m_left_menu_box .m_left_menu_close_btn {position:absolute; top:50px; right:20px; color:#111; font-size:35px;}
.m_left_menu_box .logo_box {overflow:hidden; height:70px; background:#eee; margin-top:40px; margin-bottom:30px; padding:0 25px;}
.m_left_menu_box .logo_box img {width:120px; margin-top:14px;}
.m_custom_board {padding:0 10px;}
.m_search_box {overflow:hidden; position:relative; height:44px; border:2px solid #333; border-radius:500px; background:#fff;margin:20px 10px}
.m_search_box .input {background:none; border:0; width:100%; height:40px; text-indent:10px;}
.m_search_box .input:focus {outline:none; }
.m_search_box .Search-btn {position:absolute; top:5px; right:10px; border:0; background:none; font-size:20px; }

@media (max-width: 769px) {
	.container{width:100%; padding:0;}
	main {float:none; width:100%; padding: 0;}
	.main {margin:0;}
	main .main_banner img {border-radius:0; width:100%;}
	section {margin:10px 0;}
	.bootstrap_freeboard .latest_box .panel_body li .txt {width:60%;}
	section p img {width:100%;}
	.board .board_top_box {padding:5px;}
	.board .board_h1 {font-size:16px;}
	.board .board_h1::before {width:4px; height:15px; margin-right:4px; margin-top:-2px;}
	.board .board_top_box .info {height:32px; line-height:32px;}
	.bootstrap_video .latest_box .panel_body li .txt {top:4px; left:4px; padding:2px; font-size:9px; }
	.bootstrap_freeslot .latest_box .panel_body li .txt {font-size:11px;}
	.board .seo_txt_box {font-size:12px; letter-spacing:-0.5px;}
	.register_box .panel_body input {width:100%; height:38px;}
	.help-block {font-size:11px; letter-spacing:-1px; padding:0 10px;}

	.login_layout {width:100% !important; height:100% !important; margin:0 !important; padding:10px !important;}
	.login_layout .login_panel {width:100% !important; height:auto !important; border-radius:12px; float:none !important; margin-top:30px;}
	.login_layout .bg_panel {float:none; position:absolute; top:0; left:0; width:100%; height:100px; display:none;}
	.login_layout dl {margin:20px 0 !important;}
	.login_layout dt {font-size:36px !important}
	.login_layout dd {font-size:15px !important}
	.login_layout ul {margin-top:30px !important;}
	.login_layout li {width:100% !important; }
	.login_layout li .txt {font-size:13px !important;}


	.write_panel .comment_input {width:70%;}
	.write_panel .comment_btn {width:28%;}
	.comment_write_button_area {width:100%;}
	.main_bigwin {margin-top:0; padding:0 2px;}
	.main_bigwin ul {display: flex;  overflow-x: auto; padding: 0;  margin: 0;  list-style: none; padding-bottom:10px;}
	.main_bigwin li {flex: 0 0 auto; margin-left:10px; margin-right: 0;float:none; width:90%;}
	.main_bigwin li .imgs {width:100%; height:auto;}
	.main_bigwin li .play_btn {width:66px; height:66px; background-size:100% 100%; top:40%; left:50%; margin-left:-33px; margin-top:-33px;}
	.main_bigwin .imgs img {max-width: 100%; height: auto; /* 이미지 비율 유지 */}
	.main_bigwin li .txt .tit {font-size:18px; width:160px;}
	.main_bigwin li .txt dl {width:134px;}

	.main_new_slot {margin-top:10px;}
	.main_new_slot li {width:50%; margin-left:0; padding:0 2px; margin-bottom:5px;}
	.main_new_slot li .new_game_icon {width:57px; height:18px; background-size:100% 100%; left:2px;}
	.main_new_slot li .imgs {width:100%; height:auto;}
	.main_new_slot li .txt {padding:4px 2px;}
	.main_new_slot li .txt dt {font-size:14px; height:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main_new_slot li .txt dd {font-size:12px;}
	.main_slotsite {margin:5px 0;}
	.main_slotsite li {height:auto; text-align:center;}
	.main_slotsite li .imgs {float:none; width:100%; height:auto;}
	.main_slotsite li .txt {float:none; width:100%;}
	.main_slotsite li .btn_box {float:none; width:100%;}
	.post_slot_conts {margin-bottom:5px;}
	.freeslot_board li .box .upper_link {height:100%;}
	.freeslot_board ul {display: flex;  overflow-x: auto; padding: 0;  margin: 0;  list-style: none;}
	.freeslot_board li {flex: 0 0 auto;  margin-right: 10px;float:none; width:125px;}
	.freeslot_board li .imgs {width:125px; height:150px;}
	.freeslot_board .imgs img {max-width: 100%; height: auto; /* 이미지 비율 유지 */}

	.freeslot_board li .txt dt {font-size:14px; height:18px;}
	.freeslot_board li .txt dd {margin-top:0;}

	.board .freeslot_board ul {overflow-x:none; display:block;}
	.board .freeslot_board li {float:left; margin-right:0; width:50%;}
	.board .freeslot_board li .imgs {width:100%; height:auto;}
	.board .freeslot_board li .imgs img {width:100%; height:auto;}


	.main_txt_box h1 {font-size:22px;}
	.main_txt_box h2 {font-size:20px;}

	.main_youtube_box {margin:10px 2px;}
	.main_youtube_box .video {float:none; width:100%; height:210px;}
	.main_youtube_box .txt {float:none;}
	.main_youtube_box .txt .en {font-size:30px;}
	.main_youtube_box .txt .youtube_btn {margin-top:20px;}
	
	.slotsite_main_banner {width:100%; height:auto; background-size:cover; border-radius:0;}
	.slotsite_board ul {padding:0 4px; margin:0;}
	.slotsite_board li .box {padding:2px;}
	.slotsite_board li img {border-radius:2px; width:100% !important; height:100%;}
	.slotsite_board li .txt {float:none; width:100%; margin-left:0; padding:20px;}
	.slotsite_board li .link {float:none; width:100%; border-left:0; margin-left:0; margin-top:0; padding-left:0; height:auto;}
	.slotsite_board li .link .btn {margin-top:0; width:65%; }
	.slot_category {display:none; margin:0 2px;}
	.slot_category li {margin-bottom:5px;}
	.slot_category li:first-child {margin-left:5px;}
	.slot_category a {font-size:14px;}
	.slot_main_page .freeslot_board ul {overflow-x:none; display:block;}
	.slot_main_page .freeslot_board li {float:left; margin-right:0; width:50%;}
	.slot_main_page .freeslot_board li .imgs {width:100%; height:auto;}
	.slot_main_page .freeslot_board li .imgs img {width:100%; height:auto;}
	.freeslot_post_board .board_top_box h1 {font-size:22px;}
	.freeslot_post_board .slot_info .thum_img {text-align:center;}
	.freeslot_post_board .slot_info .thum_img img {border-radius:11px;}
	.freeslot_post_board #post-content {width:100%; float:none; padding:0 10px;}
	.freeslot_post_board #post-content .game_play {height:580px; overflow:hidden}
	.freeslot_post_board #post-content .game_play iframe {overflow:hidden}
	.freeslot_post_board #post-content .game_play .start_btn {top:45%;}
	.freeslot_post_board #post-content .tit_box .game_tit {font-size:16px;}
	.freeslot_post_board #post-content .post_slot_conts .latest_tit_box {padding:0 10px;}
	.freeslot_post_board #post-content .post_slot_conts .latest_tit_box h3 {float:none;}
	.freeslot_post_board #post-content .post_slot_conts .latest_tit_box p {float:none; margin-top:10px;}
	.freeslot_post_board #post-content .tit_box .short_btn {margin-top:0;}
	.freeslot_post_board #post-content .post_slot_conts .freeslot_board li {width:125px;}
	.freeslot_post_board #post-content .post_slot_conts .freeslot_board li .imgs {width:125px;}
	.freeslot_post_board #post-content .post_slot_conts .freeslot_board li .imgs img {width:100%;}
	.txt_box {border:0; margin:11px 0 8px 0; background:none; padding:7px 10px;  border-radius: 0px;}
	.txt_box h1 {font-size:20px;}
	.txt_box p {display:none;}
	.bigwin_board {margin:0 5px 10px 5px;}
	.bigwin_board h2 {font-size:24px;}
	.bigwin_board .box {width:190px;}
	.bigwin_board .imgs {height:auto;}
	.bigwin_board .imgs img {width:190px;}
	.bigwin_board .txt dt {font-size:15px;}
	.bigwin_board .txt dd {font-size:12px;}
	.bigwin_board .txt dd .line {margin-top:2px; font-size:9px;}
	.scroll-buttons .scroll-left, .scroll-buttons .scroll-right {width:30px; height:30px; margin-top:8px;}
	aside {width:100%; float:none; display:none;}
	.bigwin_post_board aside {float:none; width:100%; margin:5px; display:none;}
	.bigwin_post_board #post-content {float:none; width:100%; padding:0 2px;}
	.bigwin_post_board #post-content .board_top_box h1 {font-size:22px;}
	.bigwin_post_board #post-content .board_top_box p {font-size:15px;}
	.bigwin_post_board #post-content img {width:87px;}
	.bigwin_post_board #post-content iframe {height:auto; min-height:220px;}
	.bigwin_post_board #post-content .info_box li {height:auto; margin:4px 2px;}
	.bigwin_post_board #post-content .info_box li .tit {font-size:12px;}
	.bigwin_post_board #post-content .info_box li .data {font-size:13px; letter-spacing:-1px;}
	.bigwin_post_board #post-content .edit_content h2 {font-size:18px;}
	.custom_board .conts_list {float:none; width:100%; padding:0 4px; margin-top:10px;}
	.custom_board .conts_list.info_list li {width:50%; margin-left:0; text-align:center; margin:0; margin-bottom:10px;}
	.custom_board .conts_list.info_list li .box {padding:0 2px;}
	.custom_board .conts_list.info_list li .imgs {width:100%; height:auto; margin:0 auto;}
	.custom_board .conts_list.info_list li .txt dt {font-size:15px; height:20px; line-height:20px; text-align:left;}
	.custom_board .conts_list.info_list li .txt dd {font-size:13px; height:34px;}
	.custom_board .conts_list .pc_img {display:none;}
	.custom_board .conts_list .m_img {display:block; }
	.custom_board .conts_list .m_img img {width:100%;}
	.custom_board .slotsite_post {float:none; width:100%; padding:0 10px;}
	.custom_board .slotsite_post h1 {font-size:22px;}
	.custom_board .slotsite_post .eng_name {font-size:16px;}
	.custom_board .slotsite_post .site_info {}
	.custom_board .slotsite_post .site_info .event {float:none; width:100%; min-height:auto;}
	.custom_board .slotsite_post .site_info .event dt {font-size:18px;}
	.custom_board .slotsite_post .site_info .event dd {font-size:14px;}
	.custom_board .slotsite_post .site_info .imgs {float:none; margin-left:0; width:100%; text-align:center;}
	.custom_board .slotsite_post .conts img {max-width:100%;}
	.custom_board .conts_list li .box img{width:100%;}
	.custom_board .conts_list .conts img {max-width:100%;}
	.custom_board #post-content {padding:0 10px; min-height:200px;}
	footer {padding:10px 2px;}
	footer .site_map {float:none; width:100%;}
	footer .site_map .telegram {margin-bottom:20px;}
	footer .footer_txt {float:none; width:100%; margin-top:20px;}
	.table-bottom {overflow:hidden;}
	.pagination {overflow:hidden; margin-top:40px;}
	.pagination li a {width:38px; height:38px; line-height:38px; font-size:12px;}
	.freeslot_post_board #post-content .edit_content {width:100%;}
	.freeslot_post_board #post-content .edit_content {padding: 0 10px;}
	.freeslot_post_board #post-content .edit_content img {max-width:100%;}
	.freeslot_post_board #post-content .edit_content h1 {font-size:24px; line-height:1.4;}
	.freeslot_post_board #post-content .edit_content h2 {font-size:20px; line-height:1.4;}
	.freeslot_post_board #post-content .edit_content p {}
	.custom_board .conts_list h1 {font-size:24px; line-height:1.4; padding: 0 0px 14px 10px;}
	.custom_board .conts_list .conts h2 {font-size:20px;}
	.custom_board .conts_list .conts h3 {font-size:18px;}
	.custom_board .conts_list .conts p {font-size:14px; line-height:1.4;}
	.custom_board .conts_list .conts dt {font-size:15px;}
	.custom_board .conts_list .conts dd {font-size:14px; line-height:1.4;}
	.custom_board .conts_list .accordion .tit {font-size:13px;}
	main .main_h2 {font-size:20px; margin:10px;}
	.main_slot_rank {float:none; width:100%; }
	.main_slot_rank li {padding:0 10px; margin-top:10px; height:auto;}
	.main_slot_rank li .num {width:34px; font-size:24px; line-height:1.4;}
	.main_slot_rank li .txt {max-width:170px; }
	.main_slot_rank li .txt dt {margin-top:8px; font-size:15px;overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap; max-width:190px;}
	.main_slot_rank li .txt dd {font-size:12px;overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap; max-width:190px;} 
	.main_slot_rank li .provider {height:auto; display:none;}
	.main_slot_rank li .imgs img {width:82px; height:auto;}
	.main_slot_rank:last-child {float:none; margin-top:40px;}
	
	.custom_board .conts_list .accordion li {}
	.custom_board .conts_list .accordion li .content {padding:20px 0;}
	.custom_board .conts_list .accordion li p img {max-width:100%;}
	.custom_board .conts_list .accordion li .content img {max-width:100%;}

	.slotsite_side_banner {display:none; }
	.slotsite_side_banner ul {padding:0 10px;}
	.btn-default {border-radius:4px; padding:6px 12px; font-size:12px;}
	.btn.btn-success.btn-sm {border-radius:4px; padding:6px 12px; font-size:12px;}

	.event_banner img {display:none; width:100%;}

	.bigwin_post_board #post-content .board_top_box {margin-top:10px; height:50px;}

	.custom_board .conts_list .info li {font-size:12px;}
	.custom_board .conts_list .commnunity_tit {font-size:18px;}
	.write_panel .comment_btn button {font-size:12px; letter-spacing:0;}
	.pagination>li {padding:0 2px;}
 
	footer .site_map .tit {font-size:15px;}
	footer .footer_txt dt {font-size:15px;}
	footer .site_map li .menu {font-size:11px; height:30px; line-height:28px;}

	.freeslot_nav {padding:0 2px; min-height:auto;  display:block; overflow:hidden;}
	.freeslot_nav li {float:left; width:20%; padding:4px;}
	.freeslot_nav li a {width:100%; height:auto; border-radius:17px; padding:6px 0 14px 0;}
	.freeslot_nav li .icon {font-size:44px;}
	
	.bigwin_post_board #post-content .edit_content {padding:0 10px;}
	.notification {padding:10px 5px !important; width:100%; float:none;}
	.mypage {width:100%; float:none;}
	.mypage table th:first-child {display:none;}
	.mypage table td:first-child {display:none;}

	.mypage .category_tab  {height:34px; background:#111; display: flex; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;  -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
	.mypage .category_tab ::-webkit-scrollbar {display:none;}
	.mypage .category_tab li {flex:0 0 auto;}
	.mypage .category_tab li a {font-size:13px; padding:0 15px; color:#ddd; line-height:34px;}
	.mypage .category_tab li.active a {color:#fff;}
	.mypage .mypage_panel {margin:10px;}

	footer .site_map .telegram .txt {font-size:14px;}
	footer .site_map .telegram .name {font-size:14px;}
	footer .site_map .telegram {width:270px;}
	
	main .event_category_tab li a {font-size:12px;}
	.m_slotsite_banner .slotsite_side_banner {display:block;}
	.user_levelname {float:left;}
	.user_levelname .lv_icon {margin-right:4px;}
	.user_levelname .lv_icon img {width:18px;}
	.user_levelname .user_name {font-size:12px; color:#555;}
	.m_table li .user_info {line-height:16px;}

	.slot_main_page {overflow:hidden;}
	.slotsite_side_banner {
	  width: 100%;
	  height: 100%;
	  overflow: hidden;
	}

	.swiper-container {
	  width: 100%;
	  height: 100%;
	}
	.event_banner {margin-top:10px;}
	.custom_board .conts_list .info .user_name {font-size:12px;}

	.register_box {float:none; width:100%;}
	.register_box .panel_body {background:none;}
	
	.slot_video_list h2 {font-size:20px; padding:0 4px; margin-bottom:10px;}
	.slot_video_list .freeslot_board ul {display:block;overflow-x:none;}
	.slot_video_list .freeslot_board li {float:left; width:50%; margin-right:0; padding:0 4px;}
	.slot_video_list .freeslot_board li .category_icon {top:5px; right:5px;}
	.slot_video_list .freeslot_board li .imgs {width:auto; height:auto;}
	.slot_video_list .freeslot_board li .imgs img {width:100% !important;}

	.seach_result_page aside {display:none;}
	.seach_result_page .seach_result_list {width:100%; float:none; padding:20px 6px;}
	.seach_result_page .seach_result_list .result_top_box {background:none; box-shadow:none; height:44px; border:2px solid #333; border-radius:500px;}
	.seach_result_page .seach_result_list .result_top_box .input_box {width:100%; top:0; position:unset; margin-left:0; left:0;}
	.seach_result_page .seach_result_list .result_conts li {width:50%;}

	.slotsite_board li { width:50%; margin:0;}
	.slotsite_board li.ask img {width:100%; margin-top:20px;}

	.cmall {width:100%; float:none;}
	.cmall .cmall_list li {float:none; width:100%; margin-left:0; margin-bottom:40px;}

	.attendance .wrapmemo .date .attendance_complete {height:auto; padding-top:0; margin:4px;}
	.cmall .layer-content {width:100%; height:auto; margin:0 20px;}
	.cmall .layer-content .buy-data dt {font-size:20px;}
	.cmall .layer-content .buy-data dd {font-size:14px;}
	.cmall .layer-content .buy-data .price {font-size:20px;}
	.cmall .layer-content .btn-box p {font-size:14px;}
	
	.custom_board .option_box {margin-bottom:20px;}
	.custom_board .option_box li .tit {width:25%;}
	.custom_board .option_box li .con {width:75%;}
	.custom_board .slotsite_post .btn_box {display:none;}
}



.m_slotsite_banner {
    overflow: hidden;
    position: relative;
    height: 98px;
    width: 100%;
    max-width: 100%;
}

.m_slotsite_banner .parent {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.m_slotsite_banner svg {
    position: absolute;
    z-index: 1;
    width: 120%;
    height: 100%;
	margin-left:-20%;
}

.m_slotsite_banner button {
    position: absolute;
    z-index: 50;
    width: 40px;
    overflow: hidden;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
}

.m_slotsite_banner button:focus {
    outline-width: 0;
}

.m_slotsite_banner circle {
    stroke: #fff;
    fill: none;
    transition: 0.3s;
}

.m_slotsite_banner #svg1 circle,
.m_slotsite_banner #svg2 circle {
    transition-timing-function: linear;
}

.m_slotsite_banner #Capa_1 {
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(-7px, -8px);
	 left: 20px;
}

.m_slotsite_banner #Capa_2 {
    position: absolute;
    width: 16px;
    height: 16px;
    transform: translate(-9px, -8px);
	 left: 20px;
}

.m_slotsite_banner .right {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #849494;
    background-color: transparent;
    transition: .5s;
	z-index:51;
}

.m_slotsite_banner .right:hover {
    background-color: #fff;
}

.m_slotsite_banner .left {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #849494;
    background-color: transparent;
    transition: .5s;
	z-index:51;
}

.m_slotsite_banner .left:hover {
    background-color: #fff;
}

.m_slotsite_banner .circle1,
.m_slotsite_banner .circle2,
.m_slotsite_banner .circle3,
.m_slotsite_banner .circle4,
.m_slotsite_banner .circle5,
.m_slotsite_banner .circle6,
.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9,
.m_slotsite_banner .circle10,
.m_slotsite_banner .circle11,
.m_slotsite_banner .circle12,
.m_slotsite_banner .circle13,
.m_slotsite_banner .circle14,
.m_slotsite_banner .circle15,
.m_slotsite_banner .circle16,
.m_slotsite_banner .circle17,
.m_slotsite_banner .circle18 {
    transition-delay: 0.05s;
}

.m_slotsite_banner .circle2,
.m_slotsite_banner .circle3,
.m_slotsite_banner .circle4,
.m_slotsite_banner .circle5,
.m_slotsite_banner .circle6,
.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9,
.m_slotsite_banner .circle11,
.m_slotsite_banner .circle12,
.m_slotsite_banner .circle13,
.m_slotsite_banner .circle14,
.m_slotsite_banner .circle15,
.m_slotsite_banner .circle16,
.m_slotsite_banner .circle17,
.m_slotsite_banner .circle18 {
    transition-delay: 0.1s;
}

.m_slotsite_banner .circle3,
.m_slotsite_banner .circle4,
.m_slotsite_banner .circle5,
.m_slotsite_banner .circle6,
.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9,
.m_slotsite_banner .circle13,
.m_slotsite_banner .circle14,
.m_slotsite_banner .circle15,
.m_slotsite_banner .circle16,
.m_slotsite_banner .circle17,
.m_slotsite_banner .circle18 {
    transition-delay: 0.15s;
}

.m_slotsite_banner .circle4,
.m_slotsite_banner .circle5,
.m_slotsite_banner .circle6,
.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9,
.m_slotsite_banner .circle15,
.m_slotsite_banner .circle16,
.m_slotsite_banner .circle17,
.m_slotsite_banner .circle18 {
    transition-delay: 0.2s;
}

.m_slotsite_banner .circle5,
.m_slotsite_banner .circle6,
.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9,
.m_slotsite_banner .circle17,
.m_slotsite_banner .circle18 {
    transition-delay: 0.25s;
}

.m_slotsite_banner .circle6,
.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9 {
    transition-delay: 0.3s;
}

.m_slotsite_banner .circle7,
.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9 {
    transition-delay: 0.35s;
}

.m_slotsite_banner .circle8,
.m_slotsite_banner .circle9 {
    transition-delay: 0.4s;
}

.m_slotsite_banner .circle9 {
    transition-delay: 0.45s;
}

.m_slotsite_banner .slide1 {
    background-image: url('/imgs/m_np.jpg');
	width:100%; height:100%;
	
}

.m_slotsite_banner .slide2 {
    background-image: url('/imgs/m_op.jpg');
	width:100%; height:100%;
}

.m_slotsite_banner .slide3 {
    background-image: url('/imgs/m_rave.jpg');
	width:100%; height:100%;
}

.m_slotsite_banner .upper_link {z-index:50;}

.slide1, .slide2, .slide3, .slide4 {
    position: absolute;
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    width: 25%;
    height: 100%;
    z-index: 10;
    transition: 1.4s;
	display:block;
}
.m_slotsite_banner .slider {
    display: block;
    width: 1400px; 
    height: 100%;
    background: #000;
    overflow: hidden;
    position: relative;
    transition: transform 1s ease;
}

.m_slotsite_banner .slide {
    background-size: 100% 100%;
    color: #fff;
    font-size: 62px;
    font-weight: 800;
    text-align: center;
    width: 100vw;
    height: 100%;
    flex-shrink: 0;
}

.m_slotsite_banner .tran {
}

.m_slotsite_banner .up1 {
    z-index: 20;
	 pointer-events: none; 
}

.m_slotsite_banner .up2 {
    z-index: 21;
	 pointer-events: none; 
}

.m_slotsite_banner .steap {
    stroke-width: 0;
}

.m_slotsite_banner .streak {
    stroke-width: 82px;
}

@media (max-width: 700px) {
    .m_slotsite_banner button {
        width: 30px;
        height: 30px;
    }

    .m_slotsite_banner .right {
        right: 10px;
    }

    .m_slotsite_banner .left {
        left: 10px;
    }

    .m_slotsite_banner .slide {
        font-size: 12vw;
    }
}






/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:12px; line-height:20px; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0px !important; }



.col-md-4 {
    max-width: 430px;
}

.sidetop_bg {
	background-image: url("/uploads/sample/20240125_013411.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	isolation: isolate;
}


/* 추가 */
.sidetop_bg::after {
  content: '';
  position: absolute;
  background: white;
  z-index: -1;
  inset: 0;
  opacity: 0.6;
}