@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {
    font-family: 'RixYeoljeongdo_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

* {margin: 0;padding: 0; outline:none !important; }
*:hover {outline:none !important; }
*:active {outline:none !important; }
*:visited {outline:none !important; }
img {padding:0; margin:0;}
html {padding:0; margin:0; width:100%; height:100%;}
body {font-family: 'Noto Sans KR',나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;font-size: 13px; padding:0; margin:0;  width:100%; height:100%;}
::selection  {background:#000000; color:#111;}
body::-webkit-scrollbar {width: 14px;}
body::-webkit-scrollbar-thumb {background-color: #242c47; border-radius: 12px; background-clip: padding-box;border: 2px solid transparent;}
body::-webkit-scrollbar-track {background-color: #ddd; box-shadow: inset 0px 0px 5px white; }
a {color:#222; text-decoration: none;}
a:hover{text-decoration: none;}
h1, h2, .post_title, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;margin:0;}
ul, li, dl, dd, dt{padding:0; margin:0; list-style:none;}
p, span, div, strong {padding:0; margin:0;}
.clearfix {clear:both;}
.bold {font-weight:700;}

.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: #082a47;border-color: #082a47;background-image: none; border-radius:1px;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #031524;
  border-color: #031524;
}
.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: #082a47;
  border-color: #082a47;
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.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: #000000;
  border-color: #000000;
}
.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;
}
.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 {
  color: #fff;
  background-color: #f49b1b;
  border-color: #f49b1b;
  background-image: none;
}
.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-color: #082a47;
  border-color: #082a47;
  background-image: none;
  border-radius:1px;

}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #031524 !important;
  border-color: #031524 !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5db75d;
  border-color: #5db75d;
}
.btn-success .badge {
  color: #5db75d;
  background-color: #fff;
}


.btn-silver {
  color: #fff;
  background-color: #b7c2c8;
  border-color: #b7c2c8;
  background-image: none;
}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  color: #fff;
  background-color: #929ba2;
  border-color: #929ba2;
}
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {
  background-color: #b7c2c8;
  border-color: #b7c2c8;
}
.btn-silver .badge {
  color: #b7c2c8;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #2c353c;
  border-color: #2c353c;
  background-image: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active {
  background-color: #2c353c;
  border-color: #2c353c;
}
.btn-black .badge {
  color: #2c353c;
  background-color: #fff;
}

.navbar {
  background:#fff;
  border: 0 none;
  border-radius: 0;
   }
.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: 600;
font-size: 13px;
text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;background-color: #3498db;}

.navbar .dropdown-menu {
padding: 0;
margin: 0;
background:none;
border: none;
border-radius:0;
box-shadow:none;
display:none;
text-align:center;
margin-left:-20px;
}
.navbar .normal_drop dt {}
.navbar .normal_drop dt a {display:block; font-weight:normal; height:44px; line-height:44px;  background:rgba(0,0,0,0.9); color:#ddd; border-top:1px solid #2c2a2a;}
.navbar .game_drop {width: 500px; margin-left:-180px;}
.navbar .game_drop dt {float:left; width:100px;  background:rgba(0,0,0,0.9); border:1px solid #2c2a2a}
.navbar .game_drop dt .imgs {display:block; padding-top:15px; height:90px;}
.navbar .game_drop dt .imgs img {width:84px;}
.navbar .game_drop dt .imgs .txt {color:#ddd; font-size:12px; margin-top:10px; font-weight:normal;}
.navbar .dropdown dt:hover {background:#000}
.navbar .dropdown dt:hover .imgs .txt {color:#fff;}
.navbar .dropdown dt:hover a {color:#fff;}
.navbar li.dropdown:hover .dropdown-menu {display:block;}
.navbar .dropdown-menu li a {
font-weight: 400;
text-transform: uppercase;
padding: 9px 20px;
font-size: 12px;
-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
transition: all 200ms ease-in;
color: #ccc;
background:#444;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #3498db !important;
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
    transition: all 0.2s ease-in-out 0s;
}

.wrapper{margin:0 auto; width:100%;}
.container{width:1178px; margin:0 auto; padding:0; position:relative; }
.container .post_title{font-size: 18px;
display: block;
width: 100%;
padding-bottom: 5px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
margin-bottom:10px;
}

.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; resize:none; border-radius:0; height:40px;}
textarea:focus {outline: none !important;}
.panel-heading{font-size:14px;}
.popup_layer {z-index:100;}
.snow_bg {position:absolute; top:0; left:0;  }
/***** 애니메이션 ******/



    @keyframes fadein {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
 
    @-moz-keyframes fadein {
        /* Firefox */
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
 
    @-webkit-keyframes fadein {
        /* Safari and Chrome */
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
 
    @-o-keyframes fadein {
        /* Opera */
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

@keyframes motion {
	0% {top:-8px;}
	100% {top:-6px;}
}

/* for MS계열 브라우저 */
@keyframes blink {
 0% {background-color: #cb3c3c;}
 50% {background-color: #111;}
}
 
@keyframes check {
 0% {background-color: #e76b10;}
 50% {background-color: #082a47;}
}

/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color: #cb3c3c;}
 50% {background-color: #111;}
}

@keyframes tcolor {
 0% {color: #efd51c;}
 50% {color: #120c08;}
}

.border-animation {
  position:absolute; top:0; left:0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-image: linear-gradient(to right, #000000 200px, #000000 200px), linear-gradient(to bottom, #000000 200px, #000000 200px), linear-gradient(to right, #000000 200px, #000000 200px), linear-gradient(to bottom, #000000 200px, #000000 200px);
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-repeat: no-repeat;
  background-position: 0px 0px, right -50px, 200px bottom, 0px 200px;
  animation: border 1s linear infinite;
}
@keyframes border {
  20% {
    background-position: 150px 0px, right -50px, 200px bottom, 0px 200px;
  }
  25% {
    background-position: 200px 0px, right 0px, 200px bottom, 0px 200px;
  }
  45% {
    background-position: 200px 0px, right 150px, 200px bottom, 0px 200px;
  }
  50% {
    background-position: 200px 0px, right 200px, 150px bottom, 0px 200px;
  }
  70% {
    background-position: 200px 0px, right 200px, 0px bottom, 0px 200px;
  }
  75% {
    background-position: 200px 0px, right 200px, -50px bottom, 0px 150px;
  }
  95% {
    background-position: 200px 0px, right 200px, -50px bottom, 0px 0px;
  }
  95.1% {
    background-position: -50px 0px, right 200px, -50px bottom, 0px 0px;
  }
  100% {
    background-position: 0px 0px, right 200px, -50px bottom, 0px -50px;
  }
}

@-webkit-keyframes txtup {
    0%{top:0;}
    20% {top:-0.2rem;}
    40% {top:0;}
    60% {top:0;}
    80% {top:0;}
    100% {top:0}
}
@keyframes txtup {
    0% {top:0;}
    20% {top:-0.2rem;}
    40% {top:0}
    60% {top:0}
    80% {top:0}
    100% {top:0}
}

@keyframes txtE {
  60% {
    transform: translate(20px, 0) scale(1);
    color:blue;
  }

  80% {
    transform: translate(20px, 0) scale(1);
    color:blue;
  }

  90% {
    transform: translate(0) scale(1.2);
    color:skyblue;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color:blue;
  }
}

@keyframes animatedgradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

@-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }



/* header */
header{display: block;clear: both; width:100%;}
header .header-top-menu {float:right;height:30px;line-height: 40px;}
header .header-top-menu .fa{color:#ccc;}
header .header-top-menu li{float:left; padding:0 10px;color:#ccc; font-size:12px;}
header .header-top-menu li a{ color:#ccc; font-size:12px;}
header .fa{padding-right:5px;}
header .badge{margin-left:5px;font-size: 10px;}

.header_line {background: #082a47; height:3px; line-height:3px;clear: both; width:100%;}

.notifications{position: relative;cursor:pointer;}
.notifications-list {color: #060606;border-bottom: 1px solid #ededed;display: block;overflow: hidden;line-height: 25px;}
.notifications-list a:link{color: #060606;}
.notifications-list a:active, .notifications-list a:hover {color:#2773ae;}
.notifications-menu{position: absolute;  top: 100%; left: 0;  z-index: 9999;  display: none;  width: 330px;  background-color: #f5f5f6;  -webkit-border-radius: 0 0 3px 3px;  -webkit-background-clip: padding-box;  -moz-border-radius: 0 0 3px 3px;  -moz-background-clip: padding;  border-radius: 0 0 3px 3px;  background-clip: padding-box;  -moz-box-shadow: 0 1px 0px rgba(0,0,0,.05);  -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.05);  box-shadow: 0 1px 0px rgba(0,0,0,.05);  border: 1px solid #f8f8f8; padding: 5px 15px; }
.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; }

.m_nav{padding: 8px 10px 0 0;}
nav , .pagination{text-align:center;}

#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 .side_inner_abs .tit_txt {padding:10px; background:#000;}
#side_menu .side_wr .side_inner_abs .tit_txt h1 {font-size:12px; color:#ddd; line-height:18px;}
#side_menu .side_wr .side_inner_abs .tit_txt h1 strong {color:#000000}
#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;}
.m_board li .info_data .game_site img {width:20px;}
body.over_hidden{overflow:hidden} 
.upper_link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.sns_box {overflow:hidden; position:absolute; top:10px; right:0;}
.sns_box li {float:left; margin-right:25px;}
.sns_box li a {display:block; overflow:hidden;  }
.sns_box li a i {color:#111; font-size:16px;}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes colorchange {
      0% {
        
        color: #b90009;
      }
      
       25% {
        
        color: #b90009;
      }

	   50% {
        
        color: #ffcc00;
      }

      100% {
        
        color: #ffcc00;
      }
    }
.logo_box {
	overflow:hidden;
	text-align:center;
	height:150px;
	display: flex;
	justify-content: center;   /* 가로 가운데 정렬 */
	align-items: center;  
}
.logo_box .logo {width:200px; height:95px;}
.logo_box .logo video {width:100%; height:100%;}
.logo_box .headline_box {float:right; text-align:left; width:850px; height:132px; overflow:hidden;}
.logo_box .headline_box .headline {font-size:12px; letter-spacing:-3.25px; font-weight:500; line-height:20px; letter-spacing:-1px; color:#555; position:absolute; top:30px; left:330px;}
.logo_box .headline_box .headline h1{font-weight:700; font-size:18px;  letter-spacing:-1.5px; -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;  margin-bottom:5px; text-shadow: 1px 2px 2px rgb(0 0 0 / 16%); color:#111;}
.logo_box .headline_box h2 {overflow: hidden; display: inline-block; position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.logo_box .headline_box .head_ev_logo {position:absolute; top:50px; left:950px;width:300px;height:120px;}
.logo_box .headline_box .head_ev_logo img{width:200px;height:50px;}

.nav_box {height:50px; line-height:50px; background: #b90009; display: flex; align-items: center; justify-content: center;}
.nav_box li {float:left; width:12%; height:50px; position:relative;}
.nav_box li:first-child {width:4%;}
.nav_box li .menu {color:#fff; font-size:17px; font-weight:500;  text-shadow: 1px 2px 2px rgba(0,0,0,0.3);}
.nav_box li:hover .menu {}
.nav_box li .menu img {margin-top:-4px;}
.nav_box li .ani_txt {position:absolute; top:0; left:18px; font-size:13px;  animation-name: tcolor; animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite;}
.nav_box li .down_arrow {line-height:0; overflow:hidden; padding-left:2px;}
.ani_txt { animation-name: tcolor; animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite; }
/* main */
.main{width:100%; clear:both; margin: 10px 0;}
.main .navbar-form{margin-top:0; margin-bottom:0;padding: 0 15px;}
.main_area {float:left; width:877.5px;}
.game_area {float:none; width:100%;}

.info_box_area {overflow:hidden; margin:10px 0;}
.info_box_area li {float:left; width:50%; overflow:hidden; box-sizing:border-box; padding:5px; position:relative;}
.info_box_area li .box  {
	height:40px;
	padding:10px;
	background: linear-gradient(to bottom, #b40009, #470001); display: flex; flex-direction: column; align-items: center; justify-content: center; top: 35%;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	border-radius:3px;
	border:1px solid #ccc;
}
.info_box_area li dl {float:left; overflow:hidden; width:80%; padding-left:5px;}
.info_box_area li dt {color:#000000; font-size:16px;}
.info_box_area li dd {font-size:12px; color:#555; letter-spacing:-1px;}


.board_box {min-height:220px; border:1px solid #ddd; margin-bottom:10px; background:#fff; border-radius:2px; clear:both;}
.board_box .pc_box {}
.board_box .tit_area {overflow:hidden; border-bottom:2px solid #b90009; margin:0 10px;}
.board_box .tit_area .tit {float:left;margin-top:5px;}
.board_box .tit_area .tit .txt {color:#000000; font-weight:700; font-size:14px;}
.more {float:right; color:#ff3333; border: 1px solid #ddd; width:26px; height:26px; line-height:24px; text-align:center; font-size:15px; font-weight:700; margin-top:8px;}
.board_box ul {padding:10px 5px; }
.board_box li {overflow:hidden; float:left; width:25%; box-sizing:border-box; padding:0 5px; text-align:center;}
.board_box li .box {overflow:hidden; position:relative;}
.board_box li .box .imgs {  border-radius:1px; position:relative;}
.board_box li .event_banner {position:absolute; top:0; left:0; display:none;}
.board_box li .box .imgs img {width:100%; height:100%;}
.board_box li .box .txt {color:#333; font-size:14px; font-weight:bold; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.board_box li .box .txt .hot {background:#cb3c3c; color:#fff; font-size:11px; font-weight:600; padding:1px 5px; margin-right:5px; border-radius:1px; animation-name: blink;    animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite;}
.board_box li .box .muk_txt {color:#777; letter-spacing:-1px; margin-top:4px;}

.board_box_text {min-height:220px; border:1px solid #ddd; margin-bottom:10px; background:#fff; border-radius:2px; clear:both;}
.board_box_text .pc_box {}
.board_box_text .tit_area {overflow:hidden; margin:0 10px;}
.board_box_text .tit_area .tit {float:left;margin-top:5px;border-bottom:2px solid #b90009;}
.board_box_text .tit_area .tit .txt {color:#000000; font-weight:700; font-size:14px;}
.board_box_text .tit_area .tit .txt h1{font-size:2em;margin-bottom:5px;}
.board_box_text .tit_area .tit .txt h2{font-size:2em;margin-bottom:5px;}
.more {float:right; color:#ff3333; border: 1px solid #ddd; width:26px; height:26px; line-height:24px; text-align:center; font-size:15px; font-weight:700; margin-top:8px;}
.board_box_text ul {padding:10px 5px; }
.board_box_text li {overflow:hidden; float:left; width:25%; box-sizing:border-box; padding:0 5px; text-align:center;}
.board_box_text li .box {overflow:hidden; position:relative;}
.board_box_text li .box .imgs {  border-radius:1px; position:relative;}
.board_box_text li .event_banner {position:absolute; top:0; left:0; display:none;}
.board_box_text li .box .imgs img {width:100%; height:100%;}
.board_box_text li .box .txt {color:#333; font-size:14px; font-weight:bold; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;}
.board_box_text li .box .txt .hot {background:#cb3c3c; color:#fff; font-size:11px; font-weight:600; padding:1px 5px; margin-right:5px; border-radius:1px; animation-name: blink;    animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite;}
.board_box_text li .box .muk_txt {color:#777; letter-spacing:-1px; margin-top:4px;}


.board_box2 li {width:25%;}
.board_box2 li .box .txt {text-align:left;}
.board_box2 li .box .txt dt {font-size:16px; color:#2e2e2e}
.board_box2 li .box .txt dd {font-size:12px; color:#373737}

.main_freeslot {min-height:196px;}
.main_freeslot .new_slot {padding:10px ; overflow:hidden;}
.main_freeslot .slick-arrow {display:none !important;}
.main_freeslot .slick_list {overflow:hidden; padding:0 2px;}
.main_freeslot .slick_list .box {position:relative;}
.main_freeslot .slick_list .box .imgs img {width:100%;}
.main_freeslot .slick_list .box .txt {text-align:center; font-size:14px; color:#000; margin-top:2px;}


.freeslot_latest {overflow:hidden; padding-bottom:5px; }
.freeslot_latest li {overflow:visible;position:relative; margin-left:5px;margin-bottom:10px; padding:0; width:283px; }
.freeslot_latest li .imgs {}
.freeslot_latest li .imgs img {width:100%;}
.freeslot_latest li .imgs.default {display:none;}
.freeslot_latest li:hover .default {display:block;}
.freeslot_latest li:hover .active {display:none;}
.freeslot_latest li .comming {position:absolute; top:0; left:0; }
.freeslot_latest li .comming img {width:100%;}
.freeslot_latest li .tit {font-size:12px; position:absolute; top:-4px; right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}


.board_tab_menu {overflow:hidden; margin-bottom:10px; }
.board_tab_menu li {float:left; width:25%; box-sizing:border-box;}
.board_tab_menu li a {display:block; height:40px; line-height:40px; background:#eee; border:1px solid #ddd; border-left:0; text-align:center; color:#666;}
.board_tab_menu li.active a {background:#fff; color:#111;}
.board_tab_menu li:first-child a {border-left:1px solid #ddd;}

.tab_board_area {overflow:hidden; margin:10px 0;}
.tab_board_area .tab_board_box {float:left; overflow:hidden;}
.tab_board_area .tab_board_box:last-child {float:right;}
.tab_board_area .tab_board_box .tab_menu {overflow:hidden;}
.tab_board_area .tab_board_box .tab_menu .menu_list {cursor:pointer; width:50%; float:left; box-sizing:border-box; height:40px; line-height:40px; background:#eee; color:#555; font-size:13px; font-weight:500; text-align:center;}
.tab_board_area .tab_board_box .tab_menu .menu_list.active {background:#fff; color:#000;}
.tab_board_area .tab_board_box.tab_board_box1 .tab_menu .menu_list {width:50%;}

.tab_board_area .tab_board_box .board_conts {background:#fff; overflow:hidden; padding:10px; min-height:255px;}
.tab_board_area .tab_board_box .board_conts .img_box {overflow:hidden;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list {float:left; width:33.333%; padding:0 5px;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list a {display:block;  position:relative; }
.tab_board_area .tab_board_box .board_conts .img_box .best_list .num {position:absolute; top:0; left:0; z-index:1; background:#000000; color:#fff; width:24px; height:18px; text-align:center; line-height:18px; font-size:11px; border-radius:1px;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list .imgs {background:#eee; border:1px solid #ddd;  border-radius:1px; width:115px; height:64px;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list img {width:100%; height:100%;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list .txt {overflow:hidden; height:25px; line-height:20px; color:#444; font-size:13px; margin-top:5px; letter-spacing:-1px;text-overflow:ellipsis; white-space:nowrap;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list:hover .num {background:#242c47;}
.tab_board_area .tab_board_box .board_conts .img_box .best_list:hover .txt {color:#242c47;}
.tab_board_area .tab_board_box .board_conts .normal_list {position:relative; overflow:hidden; padding:0 5px; margin-top:10px;}
.tab_board_area .tab_board_box .board_conts .normal_list .num {float:left; background:#000000; color:#fff;width:24px; height:18px; text-align:center; line-height:18px; font-size:11px; border-radius:1px;}
.tab_board_area .tab_board_box .board_conts .normal_list .txt { color:#777; font-size:13px; letter-spacing:-1px; float:left; margin-left:10px; text-overflow:ellipsis; white-space:nowrap}
.tab_board_area .tab_board_box .board_conts .normal_list .date {float:right; font-size:12px; color:#888; font-weight:300;}
.tab_board_area .tab_board_box .board_conts .normal_list:hover .num {background:#242c47;}
.tab_board_area .tab_board_box .board_conts .normal_list:hover .txt {color:#242c47;}

.info_txt_box {overflow:hidden; margin:10px 0; padding:30px 10px; background:#242c47; text-align:center;}
.info_txt_box .tit {overflow:hidden; color:#fff; font-size:18px; margin-bottom:20px;}
.info_txt_box ul {overflow:hidden;}
.info_txt_box li {float:left; width:25%; box-sizing:border-box; padding:0 5px;}
.info_txt_box li .box {background:#fff; height:290px; padding:18px 10px; border-radius:2px; box-shadow:0 0 10px 0 rgb(0 0 0 / 15%)}
.info_txt_box li .box img {width:70px;}
.info_txt_box li dt {font-size:16px; color:#000; text-align:left; letter-spacing:-1px; margin:10px 0;}
.info_txt_box li dd {font-size:12px; color:#373737; text-align:left; letter-spacing:-1px;}
.info_txt_box .logo {margin-top:20px;}

.video_box {margin:10px 0; padding:40px; overflow:hidden; background:#e9eeff url("/img/video_bg.png?4") right bottom no-repeat; border:1px solid #ddd;}
.video_box .text_area {width:280px; float:left; padding-left:30px; padding-top:30px;  box-sizing:border-box;}
.video_box .text_area dt {font-size:34px; color:#414c72;  font-family: 'RixYeoljeongdo_Regular'; letter-spacing:-1px; line-height:42px; }
.video_box .text_area dt .color_re {color:#242c47}
.video_box .text_area dd {font-size:17px; color:#222;margin-top:40px; font-weight:500; }
.video_box .text_area dd .tag {overflow:hidden; margin-top:5px;}
.video_box .text_area dd .tag a { color:#154499; font-size:13px; font-weight:300; }
.video_box .text_area .video_btn {display:block; width:180px; height:42px; line-height:42px; color:#fff; background:#242c47; border-radius:2px; text-align:center; margin-top:30px;}
.video_box .video {width:514px; overflow:hidden; float:left; margin-top:20px;}
.video_box .video iframe {width:100%; padding:0; margin:0; border:1px solid #ddd; border-radius:2px}

.login_form {border:1px solid #cbcbcb; padding:6px 10px; outline:none; margin-bottom:5px; width:100%; border-radius:1px; letter-spacing:-1px;}
.login_btn {background:#b90009; color:#fff; font-size:16px; border:0; display:block; width:100%; height:34px; line-height:34px; border-radius:1px;}
.loginbox ul {overflow:hidden; margin-top:5px;}
.loginbox li {float:left; width:49.5%; box-sizing:border-box;}
.loginbox li:last-child {float:right;}
.loginbox li a {display:block; background:#000000; color:#fff; height:32px; line-height:32px; text-align:center; border-radius:1px;}
.loginbox li:last-child a {background:#858585}
@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-5px) rotate(-6deg);
            transform: translateX(-5px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(6deg);
            transform: translateX(5px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-5px) rotate(-3.6deg);
            transform: translateX(-5px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(1px) rotate(2.4deg);
            transform: translateX(1px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-1px) rotate(-1.2deg);
            transform: translateX(-1px) rotate(-1.2deg);
  }
}
.msg_icon {margin-left:10px; color:#000000; font-size:15px;}
.msg_icon:hover img {-webkit-animation: wobble-hor-bottom 0.8s both; animation: wobble-hor-bottom 0.8s both;}

.gallery_list {overflow:visible; margin:20px 0;}
.gallery_list li {float:left; width:25%; box-sizing:border-box; position:relative; padding:0 4px; margin-bottom:10px;}
.gallery_list li:last-child {border-bottom:0;}
.gallery_list li input {position:absolute; top:10px; left:10px; z-index:2; width:20px; height:20px;}
.gallery_list li .box { position:relative; overflow:visible; }
.gallery_list li .box .event_banner {position:absolute; top:0; left:0;  }
.gallery_list li .box .event_banner img {width:80px; height:80px; }
.gallery_list li .box .new_banner {position:absolute; top:0; left:0; display:none;}
.gallery_list li:nth-child(2) .box .new_banner {display:block;}
.gallery_list li .best {position:absolute; top:0; right:0;}
.gallery_list li .imgs {text-align:center; overflow:hidden; border-radius:2px; background:#fff;}
/*** .gallery_list li .imgs img {width:100%; height:100%;} ****/
.gallery_list li .txt {overflow:hidden;}
.gallery_list li .txt .tit {font-size:15px; font-weight:700; text-align:center; margin:5px 0; letter-spacing:-1px; color:#333; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt .sub {text-align:center; color:#666; margin-bottom:5px;  height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt .data {overflow:hidden; text-align:center;}
.gallery_list li .txt .data dl {display:inline-block;}
.gallery_list li .txt .data dd {float:left; margin-right:15px; letter-spacing:-1px;}
.gallery_list li .txt .data dd .icon {color:#999; font-size:13px; font-weight:bold;}
.gallery_list li .txt .data dd .con {color:#999; font-size:13px; margin-left:5px;}
.gallery_list li:hover .box .txt .tit {color:#000000}
.gallery_list li:hover .txt .data dd .icon i {color:#000000}
.gallery_list li:hover .txt .data dd .con {color:#000000}
.gallery_list li:hover .reply_latest {display:block;}
.gallery_list.warranty_list li {width:293px; padding:0; margin-left:1px;}
.gallery_list.warranty_list li:first-child {margin-left:0;}
.gallery_list.warranty_list li:nth-child(5) {margin-left:0;}
.gallery_list.warranty_list li .imgs img {width:293px; height:200px;}
.review_video_list li {width:33.333%;}

.no_list {overflow:hidden; text-align:center; margin:10px 0; padding:100px 0; background:#eee; border-radius:2px;}
.no_list .imgs {color:#a9a9a9; font-size:46px;}
.no_list .txt {color:#a9a9a9; font-size:24px; font-family: 'RixYeoljeongdo_Regular'; letter-spacing:-1px; margin-top:10px;}

.serial_list li {width:50%; margin-bottom:20px;}
.serial_list li .imgs {height:264px; overflow:hidden;}
.serial_list li .tit {overflow:hidden; }
.serial_list .serial_btn { padding:10px;color:#fff; background:#555; border-radius:2px; text-align:center; font-weight:600; font-size:15px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; border:5px solid #999;}
.serial_list li:hover .serial_btn {background:#000000;}
.serial_list li .state {background:rgba(0,0,0,0.8); color:#fff; width:50px; height:50px; border-radius:500px; text-align:center; line-height:50px; position:absolute; top:15px; left:15px;}
.serial_post .btn_box {text-align:center;}
.serial_post .next_btn {background: linear-gradient(-45deg, #000000, #e73c7e, #23a6d5, #082a47); background-size: 400% 400%; animation: AnimationName 15s ease infinite; border-radius:2px; padding:14px 68px; font-size:16px; font-weight:600; color:#fff;}
.serial_post .prev_btn {background:#444;  border-radius:2px; padding:14px 14px; font-size:16px; font-weight:600; color:#eee;}

.like_first_list {position:fixed; top:200px; left:50%; width:200px;  padding:15px 0; background:#000000; border:3px solid #333; border-radius:10px; color:#fff; z-index:1;}

.warranty_banner li .event_banner img {width:102px; height:102px;}
.warranty_banner li img {width:293px; height:199px; border-radius:3px;}
.warranty_banner li .tit {font-size:15px; font-weight:700; text-align:center; margin-top:5px; letter-spacing:-0.5px; color:#333;}
.warranty_banner li .sub { text-align:center; letter-spacing:-0.5px; color:#888;}
.warranty_banner li .hot {display:none;}
.warranty_main {position:relative; padding:10px;}
.warranty_main .slick_list {position:relative; text-align:center; padding:0 2px;}
.warranty_main .slick_list img {width:100%; }
.warranty_main .slick_list .tit {color:#111; font-weight:bold; font-size:14px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.5px;}
.warranty_main .slick_list .tit .hot {background:#cb3c3c; color:#fff; font-size:10px;  padding:1px 5px; margin-right:5px; border-radius:2px; animation-name: blink;    animation-duration: 1s; animation-timing-function: step-end; animation-iteration-count: infinite;}
.warranty_main .slick_list .sub {color:#666; letter-spacing:-1px; }
.warranty_banner_admin {overflow:hidden; clear:both; background:#eee; padding:10px; border:1px solid #999;}
.warranty_banner_admin dl {overflow:hidden; margin-bottom:10px;}
.warranty_banner_admin dd {float:left; height: 36px; line-height: 36px; font-size:16px; letter-spacing:-0.5px;}
.warranty_banner_admin dd:last-child {float:right;}
.warranty_banner_admin dd span {font-size:13px; color:#888; margin-left:6px;}
.warranty_banner_admin .warranty_btn {display:block; font-size:12px; width: 200px; height: 36px; line-height: 36px; text-align: center; background: #4d5983; color: #fff; border-radius: 2px; margin-left:10px;}
.warranty_banner_admin li {width:180px !Important; margin:0 2px;}
.warranty_banner_admin li img {width:100% !Important; height:100% !Important;}
.board .table {margin-top:20px;}

.full_gallery_list li {width:100%;}
.full_gallery_list li .box {padding:20px; border:1px solid #ddd; height:276px; background:#fff url("/img/news_bg.png") right bottom no-repeat; }
.full_gallery_list li .imgs {float:left; width:411px; height:231px; position:relative; }
.full_gallery_list li .imgs img {width:100%; height:100%;}
.full_gallery_list li .txt {float:right; width:685px; height:240px;}
.full_gallery_list li .txt .tit {text-align:left; font-size:17px; height:26px; margin-top:12px; color:#555; background:url("/img/news_icon.png") left no-repeat; background-size:22px 22px; padding-left:32px;}
.full_gallery_list li .txt .sub_con {height:144px; overflow:hidden; color:#555; font-weight:300; line-height:20px;}
.full_gallery_list li .txt .data {text-align:left; margin-top:10px;}
.full_gallery_list li .txt .data dd .icon {color:#666;}
.full_gallery_list li .txt .data dd .con {color:#666;}
.full_gallery_list li:hover .sub_con {color:#000000}


.free_game_list {clear:both; margin:10px 0 20px 0;}
.free_game_list li {float:left; width:384px; box-sizing:border-box; position:relative;  margin-bottom:18px; padding:0; margin-left:13px;}
.free_game_list li.pgsoft_list {width:280px; margin-left:19px;}
.free_game_list li.pgsoft_list .imgs {height:280px; border-radius:3px;}
.free_game_list li:first-child {margin-left:0 !important;}
.free_game_list li:nth-child(3n+1) {margin-left:0;}
.free_game_list li:last-child {border-bottom:0;}
.free_game_list li.pgsoft_list:nth-child(3n+1) {margin-left:19px;}
.free_game_list li.pgsoft_list:nth-child(4n+1) {margin-left:0;}
.free_game_list li input {position:absolute; top:10px; left:10px; z-index:2; width:20px; height:20px;}
.free_game_list li .box { position:relative; overflow:visible; }
.free_game_list li .imgs {text-align:center; overflow:hidden;  height:200px; border-radius:2px; }
.free_game_list li .imgs.dreamtech {height:216px;}
.free_game_list li .imgs.habanero {height:240px;}
.free_game_list li .imgs.boongo {height:225px;}


.free_game_list li .imgs img {width:100%; height:100%;}
.free_game_list li .tit {font-size:15px;  text-align:center; margin-top:5px;height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.free_game_list li .tit.en {margin-top:0; color:#666; font-size:11px;}
.gallery_list li .point_icon {position:absolute; top:-10px; right:-10px; }
.gallery_list li .point_icon img {width:80px;}
.cq9_list li {width:287px; padding:0; margin-left:10px; margin-bottom:20px;}
.cq9_list li:first-child {margin-left:0;}
.cq9_list li:nth-child(4n+1) {margin-left:0;}
.cq9_list li .imgs {margin-bottom:5px; height:148px; border-radius:9px;}
.cq9_list li .imgs img {width:287px; height:148px;}
.cq9_list li .tit {font-size:14px; text-align:center; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cq9_list li .tit.en {color:#666; font-size:11px;}
.mukti {position:absolute; top:10px; right:10px; background:rgba(0,0,0,0.6); z-index:1; border-radius:2px; padding:4px 14px; color:#eee; border:1px solid #666; }

.freegame_tab_menu {overflow:hidden;}
.freegame_tab_menu .slick_sd {overflow:hidden;}
.freegame_tab_menu .slick_sd .slick-prev {left:-20px; top:60px; display:none !Important;}
.freegame_tab_menu .slick_sd .slick-next {top:60px; display:none !Important;}
.freegame_tab_menu .slick_sd .slick_list {width:191px;  float:left; position:relative; margin-left:5px;}
.freegame_tab_menu .slick_sd .slick_list:first-child {margin-left:0;}
.freegame_tab_menu .slick_sd .slick_list img {width:100%; height:100%;}
.freegame_tab_menu .slick_sd .slick_list .imgs.active {display:none;}
.freegame_tab_menu .slick_sd .slick_list:hover .imgs.default {display:none;} 
.freegame_tab_menu .slick_sd .slick_list:hover .imgs.active {display:block;}

.freegame_tab_menu li {float:left; width:116px; margin-left:2px; text-align:center;animation: motion 0.3s linear 0s infinite alternate;}
.freegame_tab_menu li:first-child {margin-left:0; }
.freegame_tab_menu li:hover {}
.freegame_tab_menu li .box {position:relative;}
.freegame_tab_menu li .imgs {overflow:hidden; height:102px; border-radius:3px;}
.freegame_tab_menu li .imgs img {width:100%; height:100%;}
.freegame_tab_menu li .txt {letter-spacing:-1px; font-size:14px; font-weight:bold;}

.accordion-box {overflow:hidden;}
.accordion-box .tit {text-align:center; font-size:21px; color:#333; font-weight:bold; margin-bottom:10px; letter-spacing:-1px;}
.accordion-box ul {overflow:hidden;}
.accordion-box li {overflow:hidden; margin-bottom:8px;   background:#fff;  border:1px solid #eee;}
.accordion-box li .title {color:#333; padding:0 15px; font-size:15px; height:48px; line-height:48px; cursor:pointer; overflow:hidden;}
.accordion-box li .title .arrow {float:right; color:#666;}
.accordion-box li .con {display:none; padding:25px; color:#666; border-top:1px solid #eee;}
.accordion-box li .con p {line-height:25px; font-size:14px; }
.accordion-box li .con a {color:#3279b7; font-weight:bold;}
.accordion-box li .con strong {color:#000000}

.m_banner {display:none; overflow:hidden;}
.m_banner img {width:100%;}

.board .list-group {display:none;} 
.board.item_board .list-group  {display:block; padding-bottom:80px; box-shadow:none !important; width:650px; margin:0 auto;}
.board.item_board .list-group li {height:44px; line-height:44px; border:1px solid #ddd; overflow:hidden; border-bottom:0; }
.board.item_board .list-group li:first-child {display:none;}
.board.item_board .list-group li:last-child {border-bottom:1px solid #ddd;}
.board.item_board .list-group .left_con {float:left; background:#f1ecec; width:22%;}
.board.item_board .list-group .right_con {float:left; background:#fff; width:78%; text-align:left; padding:0 20px;}

.emoticon_area {overflow:hidden;}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.main_tab_box {overflow:hidden;margin:10px 0;}
.main_tab_box .sidebar_latest li{padding-bottom:10px;}
.main_tab_box .tit_area {overflow:hidden; border-bottom:2px solid #b90009; height:30px; line-height:30px;}
.main_tab_box .tit_area .tit {float:left;}
.main_tab_box .tit_area .tit .txt {color:#000000; font-weight:700; font-size:15px;}
.main_tab_box .tit_area .more {margin-top:0;}

.main_tab_box .latest_board {float:left;width:24.5%;overflow:hidden; border:1px solid #e5e5e5; padding:10px; margin-right:4px; background:#fff; border-radius:2px; box-shadow:0 0 5px 0 rgb(0 0 0 / 5%)}
.main_tab_box .latest_board li {overflow:hidden; padding:0 4px;  margin-top:8px; overflow:hidden; }
.main_tab_box .latest_board li a {font-size:12px; color:#999; letter-spacing:-1px;}
.main_tab_box .latest_board li .txt {float:left; padding-left:5px; width:100px; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_tab_box .latest_board li .date {font-size:12px; float:right; color:#999;}

.table-box .num {float:left; background:#000000; color:#fff;width:24px; height:18px; text-align:center; line-height:18px; font-size:11px; border-radius:1px;}
.table-box:hover .num {background:#242c47;}
.table-box:hover .txt {color:#242c47;}

.news_board {background:#fff; border:1px solid #eee; border-radius:2px; box-shadow:0 0 25px 0 rgb(0 0 0 / 8%); padding:30px;}
.news_board .post_title {border-bottom:0; text-align:center; margin-top:50px; font-size:26px; ; letter-spacing:-1px;}
.news_board .info {text-align:center;}
.news_board .info ul {display:inline-block;}
.news_board .info li {font-size:14px; color:#888; font-weight:300; letter-spacing:-1px; padding-right:14px !important;}
.news_board .info li a {color:#888;}
.news_board .info .user_levelname {float:right;}
.news_board .info .user_levelname .lv_icon_box {display:none;}
.news_board .info .user_levelname .user_name {margin-left:5px;}
.news_board .info .scrap_btn {border:1px solid #ddd; padding:0 4px; background:none;}
.news_board #post-content {border:0; background:none; margin:0;}

.admin_tool {position:fixed; bottom:20px; right:20px; z-index:1;}
.admin_tool li {text-align:center; position:relative; background:#ffff; border:1px solid #ddd; border-radius:100%; width:62px; height:62px; box-shadow:0 0 4px 0 rgb(0 0 0 /12%); margin-top:14px;}
.admin_tool li .icons {margin-top:12px;}
.admin_tool li .txt {font-size:12px;}
.admin_tool .count {background:#cf3838; padding:2px 8px; color:#fff; border-radius:500px; position:absolute; top:-5px; right:-10px; font-size:9px;  }

.telegram_tool {position:fixed; bottom:20px; right:20px; z-index:11;}
.telegram_tool li {text-align:center; position:relative; background:#1e96c8; border-radius:100%; width:62px; height:62px; box-shadow:0 0 4px 0 rgb(0 0 0 /12%); margin-top:14px; overflow:hidden;}
.telegram_tool li .icons {margin-top:5px; color:#fff; font-size:22px;}
.telegram_tool li .txt {font-size:11px; color:#fff;}
.telegram_tool li:hover {background:#fff;}
.telegram_tool li:hover .icons {color:#1e96c8}
.telegram_tool li:hover .txt {color:#1e96c8}
.free_txt {display:inline-block; background:#fff; padding:8px 16px; border:1px solid #ddd; color:#333; margin:10px 0; border-radius:500px;}


.admin_board {}
.admin_board td {height:48px; text-overflow:ellipsis; white-space:nowrap;}
.admin_board .completed td {background:#f3f3f3; color:#b1b1b1;}
.admin_board .completed a {color:#b1b1b1;}
.admin_board .completed .on_state {color:#b1b1b1;}
.admin_board .completed th {background:#f3f3f3;}
.admin_board .lv_icon_box {display:none;}

.news_icon {position:absolute; top:5px; right:10px; display:none;}
.news_icon img {width:70px !important; height:70px !important;}

.board .post_title {overflow:hidden;}
.board .post_title .site {float:right;}
.board .post_title .site img {width:100px; height:36px;}

.serial_latest .gallery_list {margin-top:0;}
.serial_latest li {width:20%; margin-bottom:5px;}
.serial_latest li .imgs {height:110px;}
.serial_latest li .serial_btn {font-size:12px; padding:2px; border:0; background:none; color:#333; letter-spacing:-1px;}
.serial_latest li:hover .serial_btn {background:none;}
/* footer */
footer {text-align:center; background:#000; color:#fff;}
footer .sitemap {overflow:hidden; padding-top:20px; text-align:center;}
footer .sitemap ul {display:inline-block;}
footer .sitemap li {float:left; margin-left:24px;} 
footer .sitemap li:first-child {margin-left:0;}
footer .sitemap li:hover a {color:#000000}
footer .sitemap li a {color:#a5a5a5; font-size:12px; background:#1b233e; display:block; width:80px; height:32px; line-height:32px;}
footer .site_info {overflow:hidden; text-align:left; padding:20px 0;}
footer .site_info .logo {float:left; margin-left:40px;}
footer .site_info .logo img {margin-top:15px;}
footer .site_info p {float:left; font-size:14px; line-height:28px; font-weight:bold; margin-left:40px; color:#fff;margin-top:40px;}
footer .site_info a {color:#fff;}
footer .site_info a:hover { color:#ff0000; }
footer .site_info .telegram {overflow:hidden; float:right; padding-top:20px; padding-right:70px;}
footer .site_info .telegram li {box-sizing:border-box;margin:5px;}
footer .site_info .telegram li:first-child {padding-left:0;}
footer .site_info .telegram li a {
	display:block;  
	text-align:center; 
	width:100px;
	height:34px; 
	line-height:34px;
	border-radius:2px;
	font-size:12px; 
	color:#fff; 
	background: linear-gradient(to bottom, #b40009, #470001); display: flex; flex-direction: column; align-items: center; justify-content: center; top: 35%;
	font-weight:bold;
	border:1px solid #484747;
}
footer .site_info .telegram li a i {color:#fff;}
footer .footer_info_txt {overflow:hidden; margin:20px 0;}
footer .footer_info_txt dl {float:left; width:33.333%; padding:0 5px; box-sizing:border-box;}
footer .footer_info_txt dt {font-weight:400; font-size:16px; color:#a9a9a9; margin-bottom:10px;}
footer .footer_info_txt dd {color:#a9a9a9; font-size:13px; font-weight:300; line-height:22px; border:1px solid #3a4468; padding:20px;}
footer .footer_info_txt a {color:#a9a9a9}
footer .footer_info_txt dd li {float:left; padding:0 4px; margin-bottom:8px; width:33.333%;}
footer .footer_info_txt dd li .menu {color:#fff; border:1px solid #fff; display:block;  height:34px; line-height:34px; font-size:12px; }
footer .footer_info_txt dd li:hover .menu {background:#1b233e}
footer .footer_info_txt dl:last-child dd {border:0; padding:0 10px; } 

footer .sns {overflow:hidden; text-align:center; padding:10px 0;}
footer .sns ul {display:inline-block;}
footer .sns li {float:left; margin-left:40px;}
footer .sns li:first-child {margin-left:0;}
footer .sns li i {color:#eee; font-size:18px;}

footer .copyright {height:38px; line-height:38px; background:#b90009; color:#fff; font-weight:400; border-top:1px solid #333;}


.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-body .media-info{font-size:11px; color:#666;}
.media-body .media-info span{padding-right:10px;}
.comment_write_box_inner {margin-bottom:0;}
.mypage {overflow:hidden; margin-bottom:20px;}
.mypage .tab_menu_box {overflow:hidden; margin-bottom:20px;}
.mypage .tab_menu_box li {float:left; width:109px; text-align:center;}
.mypage .tab_menu_box li a {display:block; height:40px; line-height:40px; background:#eee; border:1px solid #ddd;  border-left:0;}
.mypage .tab_menu_box li:first-child a {border-left:1px solid #ddd;}
.mypage .tab_menu_box li.active a {background:#fff;}
.mypage .form-box {overflow:hidden; border:1px solid #ddd; background:#fff; padding:20px;}

.draggable {overflow:hidden;}

/* sidebar */
.sidebar_area {width:300px; overflow:hidden; padding-left:10px;}
.sidebar{overflow:hidden;}
.sidebar .headline {border-bottom: 1px dotted #ccc;display: block;margin-bottom:5px; text-align:center;}
.sidebar .headline .post_title{display: inline-block;margin: 0 0 -2px;padding-bottom: 5px;font-size:15px;}
.sidebar .loginbox{overflow:hidden; border:1px solid #e5e5e5; padding:15px; background:#fff;}
.sidebar .loginbox .text{padding-top:7px;}
.sidebar .loginbox .text li{float:left; padding-right:7px;}
.sidebar .welcome{overflow:hidden;}
.sidebar .welcome li {float:left; width:70px; margin-left:3px;}
.sidebar .welcome li:first-child {margin-left:0; width:71px;}
.sidebar .welcome li:last-child {margin-left:0; width:100%; margin-top:2px;}
.sidebar .welcome li .menu {display:block; height:34px; line-height:34px;  background:#082a47; text-align:center; border-radius:2px; position:relative; font-size:12px;  color:#fff}
.sidebar .welcome li .menu .icon {font-size:15px;  color:#fff;padding-top:5px;}
.sidebar .welcome li .menu .txt { font-size:12px;  color:#fff; padding-top:2px;}
.sidebar .welcome li .menu:hover {background:#000000}
.sidebar .welcome li .menu .attendance_icon {background: #000000; padding: 2px 12px;  line-height:14px; color: #fff; border-radius: 500px; position: absolute; top: -12px; right: -8px; font-size: 10px; animation: motion 0.3s linear 0s infinite alternate; z-index:2;}
.sidebar .welcome li .logout {display:block; height:34px; line-height:34px;  background:#222; text-align:center; border-radius:2px; overflow:hidden; color:#ddd; }
.sidebar .sidebar_latest li{padding-bottom:10px;}
.sidebar .tit_area {overflow:hidden; border-bottom:1px solid #ddd; height:30px; line-height:30px;}
.sidebar .tit_area .tit {float:left;}
.sidebar .tit_area .tit .txt {color:#000000; font-weight:700; font-size:15px;}
.sidebar .tit_area .more {margin-top:0;}
.sidebar .latest_board {overflow:hidden; border:1px solid #e5e5e5; padding:10px; margin-top:10px; background:#fff; border-radius:2px; box-shadow:0 0 5px 0 rgb(0 0 0 / 5%)}
.sidebar .latest_board li {overflow:hidden; padding:0 4px;  margin-top:8px; overflow:hidden; }
.sidebar .latest_board li a {font-size:12px; color:#999; letter-spacing:-1px;}
.sidebar .latest_board li .txt {float:left; padding-left:5px; width:200px; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sidebar .latest_board li .date {font-size:12px; float:right; color:#999;}

.sidebar .tag-clouds{overflow:hidden;}
.sidebar .tag-clouds ul li{float:left; padding-right:10px;}
.sidebar .telegram {overflow:hidden; margin-bottom:10px;}
.sidebar .telegram li {margin-top:10px; background:url("/img/telegram.png?1") no-repeat; height:55px; background-size:100% 100%; text-align:center; line-height:55px; color:#1e96c8; font-size:15px; font-weight:700;}
.sidebar .telegram li:last-child {background:url("/img/koreanadress.png?1") no-repeat; background-size:100% 100%; color:#242c47}
.sidebar .telegram li a {color:#1e96c8; }
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.side_banner {overflow:hidden; margin-bottom:10px;margin-top:10px;}
.side_banner video {width:100%; height:100%; }

.point_banner {margin-top:5px; overflow:hidden;}
.point_banner img {width:100%;}
/* 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:#000000; margin-left:5px;font-weight:700;}
.highlight {font-weight:700; color:#7519FF}

/* 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; }

.sub_tit {overflow:hidden; padding:20px 0; color:#333; font-size:15px; text-align:center; line-height:22px;}
.video_banner {overflow:hidden;text-align:center;}
.video_banner video {width:100%;}
.freegame_list {overflow:hidden; margin:20px 0;}
.freegame_list li {float:left; width:20%; box-sizing:border-box;  padding:0 4px; margin-bottom:10px;}
.freegame_list li .box {overflow:hidden; position:relative;}
.freegame_list li .imgs {text-align:center; overflow:hidden; border:1px solid #000; background:#111; height:200px; border-radius:2px;}
.freegame_list li .imgs img {width:100%;}
.freegame_list li .txt {font-size:15px; font-weight:700; text-align:center; margin-top:5px; letter-spacing:-1px; color:#333;}


.new_freegame_list {overflow:hidden; margin-top:40px;}
.new_freegame_list li {float:left; width:380px; height:170.5px; position:relative; margin-left:19px; margin-bottom:45px;}
.new_freegame_list li:first-child {margin-left:0;}
.new_freegame_list li:nth-child(3n+1) {margin-left:0;}
.new_freegame_list li .comming {position:absolute; top:0; left:0; z-index:1;}
.new_freegame_list li .comming img {width:100%;}
.new_freegame_list li .imgs img {width:100%;}
.new_freegame_list li .imgs.active {display:none;}
.new_freegame_list li:hover .imgs.default {display:none;} 
.new_freegame_list li:hover .imgs.active {display:block;}
.new_freegame_list li .tit {overflow:hidden; font-size:15px; color:#666; text-align:center; height:34px; line-height:34px; font-weight:500; text-overflow:ellipsis;  white-space:nowrap; position:absolute; top:-10px; right:0;}


.section {margin:20px 4px; background:#f1f1f1; border:1px solid #ddd; padding:20px 40px; overflow:hidden;}
.section .tit_txt {font-size:17px; font-weight:700; text-align:center; margin:20px 0;}
.section .tit_txt:first-child {margin-top:0;}
.section .p_txt {font-size:14px; font-weight:500; text-align:center; margin-bottom:5px;}

.board {margin:20px 0;}
.board h1 {font-size:14px;}
.board h2 {font-size:13px;}
.warranty_board h1 {font-size:18px;}
.warranty_board h2 {font-size:16px;}
.review_video h1 {font-size:18px;}
.review_video h2 {font-size:16px;}
.news_board h1 {font-size:22px;}
.freegame h1 {font-size:16px;}
.post_title h2 {font-size:18px; color:#888;}
.serial_post h1 {font-size:17px;}
.serial_post h2 {font-size:16px;}
.board iframe {background:#fff;}
.board.align_center {text-align:left;}
.board .new_recommand{text-align:center; margin-top:20px; }
.board .new_recommand a {margin-left:15px;}
.board .new_recommand a:first-child {margin-left:0;}
.board .new_recommand a:hover{background:#000000; text-decoration:none;}
.board .new_recommand .good{background:#e9e9e9; width:80px; height:38px; line-height:38px; display:inline-block; border-radius:500px;  font-size:10px; color:#888;}
.board .new_recommand .bad{background:#e9e9e9; width:80px; height:38px; line-height:38px; display:inline-block; border-radius:500px; font-size:10px; color:#888;}
.board .new_recommand span {font-size:14px; font-weight:700; margin-left:10px; color:#000;}
.board .contents-view {padding:10px 0 !important; }
#post-content {text-align:center; background:#fff; padding:50px 20px 20px 20px;  border:1px solid #eee; }
.post_content {min-height:140px;}

.board.w700 #post-content {padding:60px 150px;}
.board.w700 #post-content p {line-height:30px !important;}
/*
.board.w700 #post-content p {font-size:16px !important;}
.board.w700 #post-content span {font-size:16px !important;}
*/
.board.w700 #post-content h1 {font-size:18px;}
.board.w700 #post-content h2 {font-size:17px;}

.board.news_board #post-content {padding:60px 100px;}
/*
.board.news_board #post-content p {font-size:16px !important;}
.board.news_board #post-content span {font-size:16px !important;}
*/

.board.freegame .post_content img:hover {-webkit-animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
@keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
.freegame_title {overflow:hidden; text-align:center;}
.freegame_title .tit {font-size:31px; color:#242c47; font-weight:bold; letter-spacing: -1px; margin-bottom:6px;}
.freegame_title h2 {font-size:18px; color:#000000; font-family: 'RixYeoljeongdo_Regular'; letter-spacing: -1px; font-weight:normal;}
.freegame_title .hit {font-size:13px; color:#eee; letter-spacing: -1px;   background:#999; border-radius:20px; width:200px; height:30px; line-height:30px; margin:8px auto; }

.freegame_search_result {overflow:hidden; margin:20px 0;}
.freegame_search_result li {float:left;overflow:hidden; width:215px; height:260px; margin-bottom:10px; margin-left:5px;}
.freegame_search_result li:first-child {margin-left:0;}
.freegame_search_result li:nth-child(4n+1) {margin-left:0;}
.freegame_search_result li .box {position:relative; overflow:hidden;}
.freegame_search_result li .bg {width:100%; height:215px; overflow:hidden;}
.freegame_search_result li .bg img {width:100%; height:100%; filter: blur(4px); -webkit-filter: blur(4px); }
.freegame_search_result li .imgs {overflow:hidden; position:absolute; top:0; left:0; line-height:215px;}
.freegame_search_result li .imgs img {width:100%; height:100%; }
.freegame_search_result li .txt {text-align:center; margin-top:10px; font-size:15px; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap}

.media {overflow:hidden; margin-top:5px; clear:both;}
.media-body {overflow:hidden; background:#fff; border:1px solid #ddd; border-radius:4px; }
.media-body a {}
.media .rereply_icon {float:left; font-size:14px; margin-top:30px; margin-right:10px; color:#666;}
.media .rereply_icon i {transform: rotate( 90deg );}
.media .time {margin-top:5px;}
.media-heading {padding:6px 10px; overflow:hidden; position:relative; background:#f3f3f3; margin-bottom:0; font-size:14px;}
.media-body .media-content {padding:18px 12px; color:#333; letter-spacing:-0.5px; overflow:hidden; }
.media-body .media-content a {color:#000000;}
.media-heading span {float:left;}
.media-heading .admin_ck {position:absolute; top:-10px; left:-10px; display:none;}
.board .reply {padding-top:5px;}
.board .reply a {overflow:hidden; float:left;margin-left:5px; color:#777;}
.board .reply a span {margin-left:5px;}
.media-left, .media>.pull-left {display:none;}
.none_conts {text-align:center; color:#999; font-size:12px;}
.nickname {font-size:14px; color:#111; padding-bottom:5px;}
.welcome .nickname {overflow:hidden;}
.welcome .nickname .user_levelname {float:left;}
.welcome .nickname .txt {float:left; margin-top:3px;}
.admin_login {color:#000000; padding:2px 4px; font-weight:600;}
.currentvisitor {background:#ddd; text-align:center; height:34px; line-height:34px; margin-bottom:3px;}
.point_mall_btn {background: linear-gradient(-45deg, #333, #082a47, #23a6d5, #2b5578); background-size: 400% 400%; animation: AnimationName 15s ease infinite;  display: flex; flex-direction: column; align-items: center; justify-content: center; top: 35%; text-align:center; height:34px; line-height:34px; margin-bottom:3px; color:#eee; font-size:13px; font-weight:bold; border-radius:2px;}

.normal_board {overflow:hidden; background:#fff;}
.normal_board .imgs img {width:60px; height:40px; border:1px solid #ddd; background:#ddd;}

.serial_board {overflow:hidden; background:#fff;}
.serial_board .imgs img {width:60px; height:40px; border:1px solid #ddd; background:#ddd;}
.serial_board td {text-align:center; position:relative; height:60px;}
.serial_board td:hover .reply_latest {display:block;}
.serial_board td:nth-child(2) {text-align:left;}


.comment_icon {color:#999; font-size:11px; font-weight:300;}
.comment_icon.rev_comment {color:#000000}
.hot_icon {color:#fff; background:#db2020; font-size:9px; padding:1px 5px; margin-left:4px; border-radius:2px;  }
.new_icon {color:#fff; background:#f3b917; font-size:9px; padding:1px 5px; margin-left:4px; border-radius:2px;}

.pagination {border-radius:0; margin:0; margin-top:20px;}
.pagination li {width:44px; height:44px; display:block; float:left;}
.pagination li a {float:none; height:44px; line-height:44px; display:block; padding:0px; color:#555; background:none; border:0; margin-left:0; border-radius:0 !important; font-size:13px; background:#fff; border:1px solid #eee; border-left:0;} 
.pagination li:first-child a {border-left:1px solid #eee;}
.pagination li.active a {background:#000000 !important; border:1px solid #000000 !important; color:#fff !important; }


.board_form_box {overflow:hidden; margin-bottom:10px;}
.board_form_box .array_area {float:left;}
.board_form_box .array_area select {height:38px; width:120px; border:1px solid #ddd; border-radius:4px; outline:none; color:#333; padding:0 10px; background:#fff;}
.board_form_box .search_area {overflow:hidden;  float:right;}
.board_form_box .searchbox {background:#fff; overflow:hidden; width:220px; border:1px solid #ddd; border-radius:4px;}
.board_form_box .searchbox span {float:left;}
.board_form_box .searchbox span input[type=text] {border:none; background:none; width:170px; padding:0 16px; height:36px; outline:none; border-radius:0; font-size:13px; font-weight:300;}
.board_form_box .searchbox span button {border:none; border-radius:0; background:none; color:#888; width:40px; padding:0 20px; height:36px; font-size:15px; font-weight:300}


.freegame_search_area {overflow:hidden;}
.freegame_search_area .game_title {overflow:hidden; float:left;}
.freegame_search_area .game_title .keyword {font-size:16px; float:left; letter-spacing:-1px; font-weight:normal; border:1px solid #ddd; background:#fff; padding:4px 22px; border-radius:500px; margin-top:2px;}
.freegame_search_area .game_title dt {font-size:19px; float:left; letter-spacing:-1px; }
.freegame_search_area .game_title dd {float:left; font-size:14px; color:#333; letter-spacing:-1px; margin-left:15px; margin-top:4px;}
.freegame_search_area .game_title dd strong {color:#000000;}
.freegame_search_area .search_area {overflow:hidden;}
.freegame_search_area .searchbox {overflow:hidden; float:right; width:250px; border-bottom:1px solid #e7e9ec; position:relative;}
.freegame_search_area .searchbox span {float:left;}
.freegame_search_area .searchbox span input[type=text] {border:none; background:none; width:190px; padding:0 16px; height:36px; outline:none; font-size:14px; font-weight:500; color:#9b9b9c;}
.freegame_search_area .searchbox span input[type=text]::placeholder {color:#9b9b9c; font-weight:500;}
.freegame_search_area .searchbox span button {border:none; border-radius:0; background:none; color:#555; width:40px; padding:0 20px; height:36px; font-size:15px; font-weight:300}


.freegame_category {overflow:hidden; background:#fff; height:44px;  margin-top:16px; box-shadow:0px 2px 10px 1px rgba(0,0,0,0.1); border-radius:2px;}
.freegame_category li {float:left; margin-left:15px; }
.freegame_category li a {display:block; color:#6d6b6b; font-weight:500; font-size:14px; letter-spacing:-1px; width:90px; height:30px; line-height:30px; text-align:center;margin-top:7px;}
.freegame_category li a:hover {color:#fff; background:#202023; border-radius:7px;}
.freegame_category li.active a {color:#fff; background:#202023; border-radius:7px;}
.freegame_category.game_menu_box li a {}
.freegame_category.nolimitcity_category {}
.freegame_category.nolimitcity_category li.nolimit_list a {width:60.7px;}
.freegame_category.nolimitcity_category li.nolimit_list a img {height:33px; margin-top:-5px;}




.all_chek {position:absolute; top:60px; left:-100px;}
.all_chek input {width:30px; height:30px;}

.post_tag {margin-top:60px;font-size:16px; color:#888;}
.post_tag a {color:#333;}

.freegame_write .checkbox {padding-left:0px;}
.freegame_write .checkbox label {width:90px; margin-right:30px; padding-left:50px; text-align:center;}
.freegame_write .checkbox label input {}

.admin_reply_auto {overflow:hidden; margin-bottom:10px;}
.admin_reply_auto li {float:left; margin-right:6px;}
.admin_reply_auto li a {display:block; color:#fff; border-radius:500px; width:80px; height: 30px; line-height: 30px; background:#999; text-align:center;}


.reply_ok {position:absolute; bottom:35px; left:10px; padding:6px 10px; background:rgba(0,0,0,0.7);  border-radius:2px; color:#fff; z-index:2; border:1px solid #666; font-size:11px; letter-spacing:-1px;}
.reply_count {position:absolute; bottom:62px; left:10px; padding:6px 10px; background:rgba(0,0,0,0.7);  border-radius:2px; color:#fff; z-index:2; border:1px solid #666; font-size:11px; letter-spacing:-1px;}
.reply_latest {display:none; overflow:hidden; position:absolute; top:12px; left:50%; z-index:1; background:#111; color:#eee; line-height:20px; font-size:14px;padding:14px 30px; border:1px solid #eee; border-radius:10px;}
.full_gallery_list .reply_latest {top:18px; left:25%;}
.notice_list td:hover .reply_latest {display:block; top:0; left:0; position:relative;}

.reply_latest span {float:left; margin-left:10px; font-size:13px;}
.reply_latest span:first-child {margin-left:0;}
.number_count {position:absolute;  top:30px; left:0px; z-index:2; width:90px; }
.number_count input[type=number] {text-align:right;width:90px; height:35px; color:#000; font-size:14px; padding:0 10px; border:1px solid #000; font-weight:bold; border-radius:4px;}
.admin_state {position:fixed; top:400px; left:10%;}

.guide {position:fixed; top:10%; left:5%; z-index:10; border:6px solid #000; background:rgba(255,255,255,0.8);}
.guide .txt {color:red; font-size:22px; font-weight:bold;}

.slick-arrow {    background:#000000 url("/img/arrow_icon.png") center no-repeat; border:0; width:30px; height:30px; border-radius:500px; position:absolute; top:70px; z-index:10; text-indent:-10000px;}
.slick-prev {left:-15px;   transform: rotate(180deg);}
.slick-next {right:-15px;}
.slick-slide[aria-hidden="true"] a {display: none;}

tr.police_list td {background:#555; color:#999}
tr.police_list td a {color:#999}
tr.police_list.none_list {display:none;}
/* level */
.user_levelname .lv_icon1 {background:url("/img/lv/lv_1.png?1") no-repeat;}
.user_levelname .lv_icon2 {background:url("/img/lv/lv_2.png?1") no-repeat;}
.user_levelname .lv_icon3 {background:url("/img/lv/lv_3.png?1") no-repeat;}
.user_levelname .lv_icon4 {background:url("/img/lv/lv_4.png?1") no-repeat;}
.user_levelname .lv_icon5 {background:url("/img/lv/lv_5.png?1") no-repeat;}
.user_levelname .lv_icon6 {background:url("/img/lv/lv_6.png?1") no-repeat;}
.user_levelname .lv_icon7 {background:url("/img/lv/lv_7.png?1") no-repeat;}
.user_levelname .lv_icon8 {background:url("/img/lv/lv_8.png?1") no-repeat;}
.user_levelname .lv_icon9 {background:url("/img/lv/lv_9.png?1") no-repeat;}
.user_levelname .lv_icon10 {background:url("/img/lv/lv_10.png?1") no-repeat;}
.user_levelname .lv_icon11 {background:url("/img/lv/lv_11.png?1") no-repeat;}
.user_levelname .lv_icon12 {background:url("/img/lv/lv_12.png?1") no-repeat;}
.user_levelname .lv_icon13 {background:url("/img/lv/lv_13.png?1") no-repeat;}
.user_levelname .lv_icon14 {background:url("/img/lv/lv_14.png?1") no-repeat;}
.user_levelname .lv_icon15 {background:url("/img/lv/lv_15.png?1") no-repeat;}
.user_levelname .lv_icon16 {background:url("/img/lv/lv_16.png?1") no-repeat;}
.user_levelname .lv_icon17 {background:url("/img/lv/lv_17.png?1") no-repeat;}
.user_levelname .lv_icon18 {background:url("/img/lv/lv_18.png?1") no-repeat;}
.user_levelname .lv_icon19 {background:url("/img/lv/lv_19.png?1") no-repeat;}
.user_levelname .lv_icon20 {background:url("/img/lv/lv_20.png?1") no-repeat;}
.user_levelname .lv_icon21 {background:url("/img/lv/lv_21.png?1") no-repeat;}
.user_levelname .lv_icon22 {background:url("/img/lv/lv_22.png?1") no-repeat;}
.user_levelname .lv_icon23 {background:url("/img/lv/lv_23.png?1") no-repeat;}
.user_levelname .lv_icon24 {background:url("/img/lv/lv_24.png?1") no-repeat;}
.user_levelname .lv_icon25 {background:url("/img/lv/lv_25.png?1") no-repeat;}
.user_levelname .lv_icon26 {background:url("/img/lv/lv_26.png?1") no-repeat;}
.user_levelname .lv_icon27 {background:url("/img/lv/lv_27.png?1") no-repeat;}
.user_levelname .lv_icon28 {background:url("/img/lv/lv_28.png?1") no-repeat;}
.user_levelname .lv_icon29 {background:url("/img/lv/lv_29.png?1") no-repeat;}
.user_levelname .lv_icon30 {background:url("/img/lv/lv_30.png?1") no-repeat;}
.user_levelname .lv_icon31 {background:url("/img/lv/lv_31.png?1") no-repeat;}
.user_levelname .lv_icon32 {background:url("/img/lv/lv_32.png?1") no-repeat;}
.user_levelname .lv_icon33 {background:url("/img/lv/lv_33.png?1") no-repeat;}
.user_levelname .lv_icon34 {background:url("/img/lv/lv_34.png?1") no-repeat;}
.user_levelname .lv_icon35 {background:url("/img/lv/lv_35.png?1") no-repeat;}
.user_levelname .lv_icon36 {background:url("/img/lv/lv_36.png?1") no-repeat;}
.user_levelname .lv_icon37 {background:url("/img/lv/lv_37.png?1") no-repeat;}
.user_levelname .lv_icon38 {background:url("/img/lv/lv_38.png?1") no-repeat;}
.user_levelname .lv_icon39 {background:url("/img/lv/lv_39.png?1") no-repeat;}
.user_levelname .lv_icon40 {background:url("/img/lv/lv_40.png?1") no-repeat;}
.user_levelname .lv_icon41 {background:url("/img/lv/lv_41.png?1") no-repeat;}
.user_levelname .lv_icon42 {background:url("/img/lv/lv_42.png?1") no-repeat;}
.user_levelname .lv_icon43 {background:url("/img/lv/lv_43.png?1") no-repeat;}
.user_levelname .lv_icon44 {background:url("/img/lv/lv_44.png?1") no-repeat;}
.user_levelname .lv_icon45 {background:url("/img/lv/lv_45.png?1") no-repeat;}
.user_levelname .lv_icon46 {background:url("/img/lv/lv_46.png?1") no-repeat;}
.user_levelname .lv_icon47 {background:url("/img/lv/lv_47.png?1") no-repeat;}
.user_levelname .lv_icon48 {background:url("/img/lv/lv_48.png?1") no-repeat;}
.user_levelname .lv_icon49 {background:url("/img/lv/lv_49.png?1") no-repeat;}
.user_levelname .lv_icon50 {background:url("/img/lv/lv_50.png?1") no-repeat;}
.user_levelname .lv_icon51 {background:url("/img/lv/lv_51.png?1") no-repeat;}
.user_levelname .lv_icon52 {background:url("/img/lv/lv_52.png?1") no-repeat;}
.user_levelname .lv_icon53 {background:url("/img/lv/lv_53.png?1") no-repeat;}
.user_levelname .lv_icon54 {background:url("/img/lv/lv_54.png?1") no-repeat;}
.user_levelname .lv_icon55 {background:url("/img/lv/lv_55.png?1") no-repeat;}
.user_levelname .lv_icon56 {background:url("/img/lv/lv_56.png?1") no-repeat;}
.user_levelname .lv_icon57 {background:url("/img/lv/lv_57.png?1") no-repeat;}
.user_levelname .lv_icon58 {background:url("/img/lv/lv_58.png?1") no-repeat;}
.user_levelname .lv_icon59 {background:url("/img/lv/lv_59.png?1") no-repeat;}
.user_levelname .lv_icon60 {background:url("/img/lv/lv_60.png?1") no-repeat;}
.user_levelname .lv_icon61 {background:url("/img/lv/lv_61.png?1") no-repeat;}
.user_levelname .lv_icon62 {background:url("/img/lv/lv_62.png?1") no-repeat;}
.user_levelname .lv_icon63 {background:url("/img/lv/lv_63.png?1") no-repeat;}
.user_levelname .lv_icon64 {background:url("/img/lv/lv_64.png?1") no-repeat;}
.user_levelname .lv_icon65 {background:url("/img/lv/lv_65.png?1") no-repeat;}
.user_levelname .lv_icon66 {background:url("/img/lv/lv_66.png?1") no-repeat;}
.user_levelname .lv_icon67 {background:url("/img/lv/lv_67.png?1") no-repeat;}
.user_levelname .lv_icon68 {background:url("/img/lv/lv_68.png?1") no-repeat;}
.user_levelname .lv_icon69 {background:url("/img/lv/lv_69.png?1") no-repeat;}
.user_levelname .lv_icon70 {background:url("/img/lv/lv_70.png?1") no-repeat;}
.user_levelname .lv_icon71 {background:url("/img/lv/lv_71.png?1") no-repeat;}
.user_levelname .lv_icon72 {background:url("/img/lv/lv_72.png?1") no-repeat;}
.user_levelname .lv_icon73 {background:url("/img/lv/lv_73.png?1") no-repeat;}
.user_levelname .lv_icon74 {background:url("/img/lv/lv_74.png?1") no-repeat;}
.user_levelname .lv_icon75 {background:url("/img/lv/lv_75.png?1") no-repeat;}
.user_levelname .lv_icon76 {background:url("/img/lv/lv_76.png?1") no-repeat;}
.user_levelname .lv_icon77 {background:url("/img/lv/lv_77.png?1") no-repeat;}
.user_levelname .lv_icon78 {background:url("/img/lv/lv_78.png?1") no-repeat;}
.user_levelname .lv_icon79 {background:url("/img/lv/lv_79.png?1") no-repeat;}
.user_levelname .lv_icon80 {background:url("/img/lv/lv_80.png?1") no-repeat;}
.user_levelname .lv_icon81 {background:url("/img/lv/lv_81.png?1") no-repeat;}
.user_levelname .lv_icon82 {background:url("/img/lv/lv_82.png?1") no-repeat;}
.user_levelname .lv_icon83 {background:url("/img/lv/lv_83.png?1") no-repeat;}
.user_levelname .lv_icon84 {background:url("/img/lv/lv_84.png?1") no-repeat;}
.user_levelname .lv_icon85 {background:url("/img/lv/lv_85.png?1") no-repeat;}
.user_levelname .lv_icon86 {background:url("/img/lv/lv_86.png?1") no-repeat;}
.user_levelname .lv_icon87 {background:url("/img/lv/lv_87.png?1") no-repeat;}
.user_levelname .lv_icon88 {background:url("/img/lv/lv_88.png?1") no-repeat;}
.user_levelname .lv_icon89 {background:url("/img/lv/lv_89.png?1") no-repeat;}
.user_levelname .lv_icon90 {background:url("/img/lv/lv_90.png?1") no-repeat;}
.user_levelname .lv_icon91 {background:url("/img/lv/lv_91.png?1") no-repeat;}
.user_levelname .lv_icon92 {background:url("/img/lv/lv_92.png?1") no-repeat;}
.user_levelname .lv_icon93 {background:url("/img/lv/lv_93.png?1") no-repeat;}
.user_levelname .lv_icon94 {background:url("/img/lv/lv_94.png?1") no-repeat;}
.user_levelname .lv_icon95 {background:url("/img/lv/lv_95.png?1") no-repeat;}
.user_levelname .lv_icon96 {background:url("/img/lv/lv_96.png?1") no-repeat;}
.user_levelname .lv_icon97 {background:url("/img/lv/lv_97.png?1") no-repeat;}
.user_levelname .lv_icon98 {background:url("/img/lv/lv_98.png?1") no-repeat;}
.user_levelname .lv_icon99 {background:url("/img/lv/lv_99.png?1") no-repeat;}
.user_levelname .lv_icon100 {background:url("/img/lv/lv_100.png?1") no-repeat;}

.user_levelname {overflow:hidden; }
.user_levelname .lv_icon_box {float:left; width:40px; height:24px; }
.user_levelname .lv_icon { width:33px; height:22px; background-size:100% 100%; background-position:center; margin:0 auto;}
.user_levelname .pro_lv { width:33px; height:22px;}
.user_levelname .lv_admin {background:url("/img/lv/lv_masters.png") center no-repeat; width:33px; height:22px; background-size:100% 100%; } 
.user_levelname .user_name {float:left; margin-left:2px; margin-top:4px;}
.board .info .user_levelname .lv_icon_box {width:33px; height:22px;}
.board .info .user_levelname .lv_icon {width:33px; height:22px;} 
.board .info .user_levelname .pro_lv {width:33px; height:22px;} 
.board .info .user_levelname .user_name {margin-top:0;}
.board .info button {border:0; background:none;}
.board .info .police {background:#ddd; border-radius:4px; padding:2px 6px; font-size:11px; letter-spacing:-1px;}


.table td {vertical-align:middle !important;}

.new_btn {display:block; width:200px; height:46px; line-height:46px; text-align:center; color:#eee; background:#000000 ; border-radius:2px;}
.new_btn:hover {color:#fff;}
.new_btn.logout {background:#000;}
.writeform {padding:0 10px;}
.writeform li {overflow:hidden; min-height:24px;}
.writeform li .txt {float:left; width:10%; padding-right:0; margin-top:0;}
.writeform li .conts {float:left; width:90%; padding-right:0; margin-top:0; background:#fff; border-radius:500px; border:1px solid #ddd; padding:6px 12px;}
.new_input {height:40px; width:100%; outline:none; box-shadow:none; border-radius:none;}
.writeform .btn_box {overflow:hidden; }
.writeform .btn_box dt {float:left; width:70%; box-sizing:border-box;}
.writeform .btn_box dt:first-child {width:30%; padding-right:5px;}
.writeform .btn_box .new_btn {border:none; width:100%; height:50px; line-height:50px;}
.writeform .btn_box dt:first-child .new_btn {background:#333; color:#999;}
.write_box {margin-top:10px; overflow:hidden; padding:0 10px;}
.write_box .new_btn {width:100%; font-weight:bold; font-size:15px;}
.table-bottom {overflow:hidden;}

.reservation {color:#000000; margin-right:5px;}
.video_reservation {position:absolute; padding:4px 10px; top:10px; right:10px; background:rgba(0,0,0,0.8); color:#fff; border-radius:2px; border:1px solid #666}

.seo_box {position:fixed; bottom:100px; left:30px; z-index:10; width:250px; overflow:hidden; opacity:0.7;}
.seo_box li {background:#fff;  box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%); border:1px solid #ddd; margin-bottom:10px; padding:12px; border-radius:2px; color:#444; letter-spacing:-0.5px; font-size:11px;}
.seo_box li .tit {color:#000; font-weight:700; }

.normal_board td {text-align:center;}
.normal_board td.center {text-align:left; width:430px; }
.normal_board td.game_site img {width:76px;}
.normal_board th{text-align:center;}

.point_notice {display:none; overflow:hidden; position:fixed; bottom:10px; left:10px; z-index:10;  animation: fadein 5s; -moz-animation: fadein 5s; /* Firefox */ -webkit-animation: fadein 5s; /* Safari and Chrome */ -o-animation: fadein 5s; /* Opera */}
.point_notice li {overflow:hidden; position:relative; text-align: left;background: #000000;min-width: 300px; padding:0 20px; height: 42px; line-height:42px;  margin-top: 4px; color:#fff;}
.point_notice li .point {color:#fff; font-weight:bold;}
.point_notice li .txt {float:left; letter-spacing:-1px;}
.point_notice li .time {float:right; font-size:10px; color:#fff; margin-left:10px;}

.serial_post {margin:0; }
.serial_post .post_title {padding:20px; margin:0; background:#fff;}
.serial_post .contents-view {padding:0 !important;}
.serial_post #post-content {margin:0; border:0; padding:40px 20px; position:relative; margin-bottom:20px; text-align:left; font-size:12px;}
.serial_post #post-content p {font-size:16px !important; line-height:200% !important; margin:0 !important;}
.serial_post #post-content span {font-size:16px !important; line-height:200% !important;}
.serial_post #post-content img {margin:20px 0;}
#post-content img {}
.serial_cover {overflow:hidden;}
.serial_cover .imgs {background:#ddd; width:260px; height:160px;overflow:hidden; float:left;}
.serial_cover .imgs img {width:100%;}
.serial_cover .txt {float:left; overflow:hidden; width:600px; padding:10px 20px;}
.serial_cover .txt .post_title {font-weight:bold; color:#333; font-size:16px;}
.serial_cover .txt h3 {font-size:16px; margin-top:0; margin-bottom:10px; letter-spacing:-1px;}
.serial_cover .txt p {font-size:15px; color:#555;}

.remote {overflow:hidden; position:fixed; bottom:100px; right:15%;}
.remote li {cursor:pointer; color:#888;  font-size:14px; background: rgba(255,255,255,0.6); text-align:center; border: 1px solid #ddd; border-radius: 2px; width: 30px; height: 30px; line-height:30px; box-shadow: 0 0 2px 0 rgb(0 0 0 / 4%); margin-top:5px; z-index:13;}
.remote li:hover {background:#ddd;}
.admin_write_btn {position:fixed; bottom:100px; right:26%; display:block; width:160px; height:44px; line-height:44px; text-align:center; color:#000;  border:2px solid #222;   background:#000000; z-index:11; color:#eee; border-radius:2px;}
.admin_category_del_btn {position:fixed; bottom:150px; right:26%; display:block; width:160px; height:44px; line-height:44px; text-align:center; color:#000;  border:2px solid #222;   background:#000000; z-index:11; color:#eee; border-radius:2px;}
.admin_category_btn {position:fixed; bottom:200px; right:26%; display:block; width:160px; height:44px; line-height:44px; text-align:center; color:#000;  border:2px solid #222;   background:#000000; z-index:11; color:#eee; border-radius:2px;}


.hidden_keyword {    position: relative; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.form-group .checkbox {overflow:hidden;}
.form-group .checkbox label {float:left; padding-left:0; margin-right:10px; margin-bottom:10px;background:#ddd; border-radius:500px; padding:4px 10px;}

.comment_box {display:none; position:absolute; top:0; left:-280px; }

.cmall_info {overflow:hidden; margin:20px 0;}
.cmall_info dt {text-align:center; font-weight:bold; font-size:2em; color:#000;}
.cmall_info dd {text-align:center; font-size:1em; color:#333; margin:4px 0;}
.cmall_info dd strong {color:#000000; font-weight:normal;}
.cmall_info ul {overflow:hidden; margin:20px 0;}
.cmall_info li {overflow:hidden; text-align:center; margin-top:15px;}
.cmall_info li .box {display:inline-block; }
.cmall_info li .imgs {float:left; margin-left:10px;}
.cmall_info li .imgs:first-child {margin-left:0;}
.cmall_info .notice {text-align:center; font-size:14px; color:#333; margin-top:10px;}
.cmall_info .notice strong {color: #ff0101;}
.comment_area {overflow:hidden; height:80px;}
.comment_area li {float:left; width:80%;}
.comment_area li:last-child {float:right;width:18%;}
.comment_area li .commet_btn {background:#db2020; color:#fff;  font-size:14px; border:0; letter-spacing:1.2px; border-radius:2px; height:80px; width:100%;}
.comment_area li .comment_write {resize:none; width:100%; padding:10px; border:none; font-size:14px; color:#555; outline:none; height:80px;}



.sns_button a {font-size:30px;}
.clear {}
.clear td {color:#999;}
.clear .clear_img {position:absolute; top:0; left:0; z-index:1; background:rgba(255,255,255,0.8); width:100%; height:100%;}
.clear_btn {background:#999; color:#ddd; font-size:11px; padding:4px 10px; border-radius:2px;}
.cancel_btn {background:#cf3838; color:#ddd; font-size:11px; padding:4px 10px; border-radius:2px;}

.notice_list td {background:#f1f1f1}

.admin_board_tool {position:fixed; bottom:220px; right:26%; overflow:hidden; z-index:11;}
.admin_board_tool li {width:150px; height:44px; line-height:44px; text-align:center; margin-top:5px; background:#333;  border-radius:2px; color:#eee; cursor:pointer; }
.admin_board_tool li a {color:#eee; display:block;}
.mobile_box {display:none;}

.game_tab_menu_area {height:34px; line-height:34px; background:#3a3a3a; }
.game_tab_menu_area .tab_menu {overflow:hidden; width:1004px; margin:0 auto;}
.game_tab_menu_area .tab_menu a {float:left; overflow:hidden; margin-right:50px; color:#fff; opacity: 0.4;}
.game_tab_menu_area .tab_menu a span {float:left;}
.game_tab_menu_area .tab_menu a.active {opacity: 1;}
.game_tab_menu_area .tab_menu a .icon { margin-right:10px;}
.game_tab_menu_area .tab_menu a img {width:25px; height:25px;}

.border_button {clear:both;}
.idpw {text-align:center; margin-top:40px;}
.idpw .line {width:14px; height:2px; background:#242c47; margin:0 auto;}
.idpw a {display:block; padding:10px; color:#666; font-size:12px; letter-spacing:-1px;}
.findaccount_telegram a {display:block; margin-top: 20px; background: url("/img/telegram.png?1") no-repeat; width:260px; height:50px; line-height:50px; background-size:100% 100%; text-align:center; color:#1e96c8; font-size:15px; font-weight:700;}


/* mobile */
.login_panel {overflow:hidden; margin-top:20px; margin-bottom:50px;}
.login_panel .login_logo {text-align:center; margin-bottom:10px;}
.login_panel .login_logo img {width:180px;}
.login_panel .login_body {overflow:hidden; padding:0 30px;}
.login_panel .login_body li {margin-bottom:6px; position:relative;}
.login_panel .login_body li input {box-shadow:none; height:46px; border:1px solid #999; background:#fff; box-sizing:border-box;}
.login_panel .login_body li button {height:46px;}
.login_panel .login_body li .login_btn {font-size:13px;}
.login_panel .login_body li .join_btn {display:block; height:46px; line-height:46px; background:#242c47; text-align:center; color:#fff;}
.login_panel .login_body li .icon {position:absolute; margin-top:14px; top:0; right:-20px; animation: motion 0.3s linear 0s infinite alternate; z-index:2;}
.login_panel .login_body li .icon img {width:80px;}
.login_panel .login_body li.idpw {margin:30px 0; text-align:center;}
.login_panel .login_body li.idpw a {text-decoration:underline; font-size:14px; color:#555; }



.m_top_menu {overflow:hidden; position:relative;  background:linear-gradient( to bottom, #ddd, #eee,  #fff); box-shadow:inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);}
.m_top_menu .m_menu {background:#242c47 ; color:#fff; font-size:9px; width:44px; height:24px; line-height:24px; text-align:center; border-radius:2px; position:absolute; top:10px; left:10px;}
.m_top_menu .m_logo {text-align:center; margin-top:10px; margin-bottom:5px; overflow:hidden;}
.m_top_menu .m_logo img {width:120px; height:52px;}
.m_top_menu .m_lj {position:absolute; top:15px; right:10px; overflow:hidden; }
.m_top_menu .m_lj .mypage_btn {}
.m_top_menu .m_lj .mypage_btn img {width:38px;}
.m_top_menu .m_rj {position:absolute; top:15px; left:10px; overflow:hidden;}
.m_top_menu .m_rj .m_telegram {}
.m_top_menu .m_rj .m_telegram img {width:38px;}
.m_top_menu .m_rj .mypage_btn {}
.m_top_menu .m_rj .mypage_btn img {width:38px;}
.m_top_menu .m_search {overflow:hidden;  padding:10px 30px;}
.m_top_menu .m_search .search_box {background:#fff; overflow:hidden; border-radius:500px; border:0; padding-left:15px; border:2px solid #242c47; box-sizing:border-box;}
.m_top_menu .m_search .search_box input {float:left; width:80%;  height:38px; border:none; background:#fff; font-size:11px; outline:none}
.m_top_menu .m_search .search_box input:focus {outline:none; }
.m_top_menu .m_search .search_box button {float:right; width:20%; height:38px; border:none; background:#fff;}
.m_nav_box {overflow:hidden; }
.m_nav_box .frame {overflow: hidden; padding:4px 2px 0 2px;}
.m_nav_box .frame li {position:relative; float: left; width:25%; box-sizing:border-box; padding:2px;}
.m_nav_box .frame li.pointgame {width:50%;}
.m_nav_box .frame li a {font-size:12px; font-weight: 500; display:block; color:#333; background:#eee;height:46px; border-radius:5px; overflow:hidden; border:1px solid #e5e5e5; }
.m_nav_box .frame li .icon {margin-top:6px;}


.m_main_banner {overflow:hidden;}
.m_main_banner img {width:100%;}
.m_top_menu .m_sns_box {overflow:hidden; position:absolute; top:10px; left:10px;}
.m_top_menu .m_sns_box li {float:left; margin-right:10px;}
.m_top_menu .m_sns_box li a {display:block; overflow:hidden; }
.m_top_menu .m_sns_box li i {font-size:12px;}

.my_login_data {overflow:hidden; height:34px; line-height:34px; padding:0 10px;  background:#ddd;}
.my_login_data li {float:left; overflow:hidden;}
.my_login_data li a {float:left;}
.my_login_data li:last-child {float:right;}
.my_login_data .attendance_btn {background:#000000; color:#fff; border-radius:500px; height:20px; line-height:20px; font-size:11px; padding:0 6px; margin-left:5px; margin-top:6px;}
.my_login_data .lv_icon_box {margin-top:8px;}

.off_state {color:#999;}
.on_state {color:#082a47;}
.notice_state {border-radius:2px;  color:#fff; padding:2px 6px;   background: linear-gradient(-45deg, #333, #082a47, #23a6d5, #2b5578); background-size: 400% 400%; animation: AnimationName 15s ease infinite;}
.notice_btn {background:#000000; color:#fff; font-size:14px; height:38px; line-height:38px; width:160px; text-align:center; display:block; font-weight:bold; border-radius:1px;}
.notice_btn:hover {color:#fff; background:#eb6400;}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.msg_shadow {position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; }
.msg_box { -webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both; overflow:hidden; padding:40px 180px; text-align:center; position:fixed; top:350px; left:50%; margin-left:-248px; z-index:12; border:4px solid #ff7900; background:#fff; box-shadow: rgb(0 0 0 / 40%) 0px 0px 45px 0px, rgb(0 0 0 / 78%) 0px 0px 0px 0px}
.msg_box dt {color:#606060; font-size:17px; margin-bottom:25px;}
.msg_box dd {color:#606060; margin:18px 0; overflow:hidden; text-overflow:ellipsis; }
.msg_box .msg_btn {display:block; background:#ff7900; color:#fff; width:80px; height:30px; line-height:34px; margin:0 auto;}

.chat_area {position:relative;}
.chat_top {background:#f9f9f9; position:absolute; top:0; left:0; width:100%; height:25px; line-height:25px;z-index:1; text-align:center; color:#111; font-weight:bold; font-size:14px;}

@media (max-width:480px) {
	.snow_bg {display:none;}
	.admin_tool {display:none;}
	.board_form_box {padding:0 10px;}
	.m_banner {display:block;}
	.board.w700 #post-content {padding:10px;}
	.navbar {margin-bottom:0;}
	.container{width:100%;}
	.main {margin:4px 0;}
	.more {margin-top:0; width:22px; height:22px; line-height:20px; margin-top:5px;}
	.board_box .tit_area {height:34px;}
	.board_box .tit_area .tit .txt:first-child {color:#333; font-size:13px; font-style:normal;}
	.board_box .tit_area .tit .txt:last-child {font-size:12px;}
	.board_box li {width:50%; margin-bottom:5px;}
	.board_box li .box .txt {font-size:13px;}

	.tab_board_area .tab_board_box .board_conts {height:auto;}
	.tab_board_area .tab_board_box {width:100%; float:none; margin-bottom:5px;}
	.info_box_area li {width:50%; text-align:center;}
	.info_box_area li .box {padding:10px; height:148px;}
	.info_box_area li .box .icons {float:none; width:100%; margin-bottom:5px;}
	.info_box_area li dl {width:100%; float:none; padding:0;}
	.info_box_area li dt {font-size:14px;}
	.info_box_area li dd {font-size:12px;}
	.info_txt_box {padding:20px 5px;}
	.info_txt_box .tit {font-size:15px;}
	.info_txt_box li {width:100%; margin-bottom:10px;}
	.info_txt_box li .box {height:auto; padding:10px; overflow:hidden;}
	.info_txt_box li .imgs {float:left; width:20%}
	.info_txt_box li .imgs img {width:90%; }
	.info_txt_box li dl {float:left;  width:80%; padding-left:5px;}
	.info_txt_box li dt {font-size:14px; margin-bottom:5px; margin-top:0;}

	.video_box {padding:10px; background-size:210px;}
	.video_box .text_area {float:none; width:100%; padding:0;}
	.video_box .text_area dt {font-size:22px; line-height:22px; margin-top:10px; text-align:center;}
	.video_box .text_area dd {font-size:15px; margin-top:20px;}
	.video_box .video {margin-top:10px;width:100%; height:200px; float:none;}
	.video_box .video iframe {width:100%; height:100%;}
	.video_box .text_area .video_btn {width:100%;}


	.gallery_list h2 {font-size:18px; margin-bottom:10px;}
	.gallery_list li {width:100%; height:auto; margin-left:0;}
	.gallery_list li .box {height:auto;}
	.gallery_list li .txt {padding: 0 5px;}
	.gallery_list li .txt .tit {font-size:14px;height:20px; background-size:18px 18px; padding-left:22px;}

	.freegame_list {padding:0 2px;}
	.freegame_list li {width:33.333%; padding:0 2px;}
	.freegame_list li .imgs {height:100%; border:0; background:none;}
	.freegame_list li .imgs img {height:100%; vertical-align: middle}
	.freegame_list li .txt {font-size:13px;}
	
	.video_banner {margin-bottom:10px;}
	.video_banner img {width:100%;}
	.board {margin-top:0;}
	.board .post_title {padding:8px 4px;}
	.news_board {padding:5px;}
	.news_board .post_title {margin-top:20px; font-size:17px;}
	.news_board .info li {font-size:12px;}
	.board .table th:first-child {display:none;}
	.board .table td:first-child {display:none;}
	.border_button {padding:0 10px;}
	
	.sub_tit {padding:10px; font-size:13px;}
	.section {padding:20px 10px;}

	footer .logo {font-size:9px; letter-spacing:-1px;}
	.board .info {padding:0 5px;}

	.board_box li .box dt {font-size:13px; letter-spacing:-1px; height:18px; overflow:hidden;}
	.board_box li .box dd {font-size:13px; letter-spacing:-1px; color:#555}

	.info_gallery_list li .box .txt {width:100%;}
	.news_gallery_list li .txt {width:98%; padding-top:60px;}
	
	.media {padding:5px;}
	
	.board .info li {padding-right:4px !important;}
	
	
	.tab_board_area .tab_board_box .board_conts .menu_list .txt {width:80%; margin-left:0; padding-left:5px;}
	.tab_board_area .tab_board_box .board_conts .normal_list .txt {overflow:hidden; width:220px;}
	.board_box2 li {width:50%; margin-bottom:10px;}
	
	.accordion-box {padding:10px; }
	.accordion-box li .con {padding:10px;}
	.accordion-box li .title {font-size:12px; letter-spacing:-1px; height:40px; line-height:40px; background-position:98% 18px;}
	.accordion-box li .con p {font-size:12px;}
	.accordion-box li .con p.sub {font-size:13px;}
	
	.tab_board_area .tab_board_box .tab_menu dt {color:#666; height:40px; line-height:40px;}
	.tab_board_area .tab_board_box .board_conts .menu_list .txt {font-size:12px; }
	
	.board_tab_menu {padding:0 4px; width:100%; display:none;}

	footer .sitemap {padding-top:0;}
	footer .sitemap ul {display:block;}
	footer .sitemap li:first-child {display:none;}
	footer .sitemap li {margin-left:0; width:25%;}
	footer .sitemap li a {width:100%; border-left:1px solid #424040; border-bottom:1px solid #424040; font-size:11px;}
	footer .sitemap li:nth-child(2) a {border-left:0;}
	footer .sitemap li:nth-child(6) a {border-left:0;}
	footer .site_info {padding:0 10px; }
	footer .site_info .logo {float:none; margin-left:0; text-align:center;}
	footer .site_info p {margin-left:0; font-size:13px; float:none; letter-spacing:-1px; line-height:20px; text-align:center; padding:15px 0;}
	footer .site_info .telegram {float:none; width:100%; padding:0; text-align:center;}
	footer .site_info .telegram ul {display:inline-block;}
	footer .site_info .telegram li {padding-left:5px;}
	footer .footer_info_txt dl {float:none; width:100%; margin-bottom:10px;}
	footer .footer_info_txt dt {font-size:14px;}
	footer .footer_info_txt dd {padding:10px; font-size:12px;}

	footer .sns li {margin-left:15px;}
	footer .sns li a {padding:14px 10px; display:block;}
	footer .sns li img {width:32px;}
	footer .copyright {font-size:0.6rem;}

	.dropdown-menu {display:none !important;}

	.full_gallery_list li .box {padding:10px;}
	.full_gallery_list li .imgs { max-width: 100%; height: auto; float:none;}
	.full_gallery_list li .txt {float:none; width:100%; height:auto;}
	
	.board.item_board .list-group {width:100%;}
	.board.item_board .list-group li {height:32px; line-height:32px;}
	.board.item_board .list-group li div {font-size:11px; letter-spacing:-1px;}

	.user_levelname .lv_icon_box {float:left; width:25px; }
	.user_levelname .lv_icon { transform:scale(0.7); margin-top:-3px; margin-left:-4px;}
	.user_levelname .user_name {margin-left:0 !important; margin-top:0;}
	
	.board iframe {width:100%; height:210px;}

	.board.news_board #post-content {padding:30px 15px; }
	
	.mypage {padding:0 10px;}
	.mypage .tab_menu_box {border-bottom:1px solid #ddd;}
	.mypage .tab_menu_box li {width:25%;}
	.mypage .tab_menu_box li a {border-bottom:0; height:36px; line-height:36px; font-size:12px;}
	.mypage .tab_menu_box li:nth-child(5) a {border-left:1px solid #ddd;}
	.mypage .form-box {padding:12px;}
	.mypage .new_btn {width:100%;}

	.board_form_box .searchbox {width:150px;}
	.board_form_box .searchbox span input[type=text] {width:100px;}

	.board.review_video .contents-view img:first-child {height:200px;}

	.serial_board td:first-child {display:block !important; padding-top:20px;}

	.date-navigation {height:auto !important; overflow:hidden;}
	.board_tab_menu li a {font-size:11px;}
	.telegram_tool {bottom:10px; right:10px;}
	.telegram_tool li {width:40px; height:40px;}
	.telegram_tool li .icons {margin-top:3px;}
	.telegram_tool li .txt {display:none;}

	.serial_post .prev_btn {padding:12px 16px; font-size:13px;}
	.serial_post .next_btn {padding:12px 24px; font-size:13px;}
	.serial_cover .imgs {width:100%; height:auto; float:none;}
	.serial_cover .txt {float:none; padding:0; width:100%;}
	.serial_cover .txt .post_title {font-size:13px; padding:10px; margin-bottom:0;}
	.serial_cover .txt p {font-size:12px; padding:10px;}

	.remote {display:none;}
	.telegram_tool {display:none;}
	.logo_box {background:none;}

	.navbar {background:none; box-shadow:none;}

	.cmall_info li {margin-top:5px;}
	.cmall_info li .imgs {float:left; width:25%; margin-left:0;}
	.cmall_info li .imgs img {width:100%;}
	.cmall_info li:last-child .box {width:75%;}
	.cmall_info li:last-child .box .imgs {width:33.333%;}

	.point_notice {top:0; left:0; position:relative;  }
	.point_notice li {height:26px; line-height:26px; margin-top:0;  box-shadow:none; border-radius:0; border:0; font-size:11px;}
	.point_notice li span {font-size:11px;}

	.table-bottom {display:none;}
	
	.board .contents-view {background:#fff; margin-bottom:10px;}
	#post-content {border:0; padding:0 10px; }
	.contents-view .site img {width:100px; }

	.media {margin-top:0; padding:1px;}
	.media-body {padding:0px !important; border-radius:0;}

	.serial_board .comment_icon {display:none;}
	.popup_layer {top:130px !important; left:50% !important; margin-left:-140px;}
	.popup_layer_con {width:280px !important; height:350px !important;}
	.popup_layer_con img {width:100% !important; }


	.commenttextarea {padding:10px;}
	.dhtmleditor {padding:10px; font-size:14px; border:1px solid #ddd; resize:none;}
	.comment_btn {width:100% !important; height:46px !important; line-height:46px !important;}
	.new_input {padding:0 10px; border:1px solid #ddd; }
	.board_box {min-height:100%; overflow:hidden;}
	.slick-arrow {display:none !important;}

	.seo_box {display:none;}
	.gallery_list li .imgs.warranty_imgs  {width:100%; height:100%;}
	.gallery_list li .imgs img {width:100%; height:100%;}
	.serial_cover .txt h3 {margin:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}

	.pagination li  {width:38px; height:38px;}
	.pagination li  a {height:38px; line-height:38px; font-size:12px; letter-spacing:-1px;}
	.free_game_list {text-align:center; padding:0 5px;}
	.free_game_list ul {display:inline-block;}
	.free_game_list li.pgsoft_list {width:280px; margin-left:0 !important; float:none; display: inline-block;}
	.freegame_title .tit {font-size:16px; margin-top:20px;}
	.freegame_title h2 {font-size:13px;}

	.gallery_list.warranty_list li {width:100%; }
	.gallery_list.warranty_list li .box {width:293px; margin:0 auto;}
	.gallery_list.warranty_list .imgs img {width:100%;}
	
	.cq9_list li {margin-left:0;}
	.cq9_list li .box {width:287px; margin:0 auto; }
	
	.freegame_search_area .searchbox {width:284px; height:42px; margin:5px auto;float:none;}
	.freegame_search_area .searchbox span input[type=text] {width:246px; padding:0 10px; font-size:11px; height:40px;}
	.freegame_search_area .searchbox span button {width:20px; padding:0; height:40px; font-size:14px;}

	.point_txt {font-size:11px; letter-spacing:-1px !important;}
	footer .footer_info_txt dd li .menu {height:38px; line-height:38px;}
	.free_game_list li .imgs {height:100%;}
	.free_game_list li .imgs.dreamtech {height:100%;}
	.free_game_list li .imgs.habanero {height:100%;}
	.free_game_list li .imgs.boongo {height:100%;}
	.comment_area li .commet_btn {font-size:12px; }
	.comment_write_button_area .checkbox {}
	.slot_count {padding:0 20px;}

	.board_box li .box dt .hot {display:none;}
	.popup_layer_footer {margin-top:40px;}
	.tab_board_area .tab_board_box .tab_menu dt.active {color:#333;}

	.no_list {padding:60px 0;}
	.no_list .imgs {font-size:32px;}
	.no_list .txt {font-size:18px;}
	
	.new_freegame_list {padding:0 5px; }
	.new_freegame_list li {width:50%; height:100%; margin-left:0; margin-bottom:10px; padding:0 5px;}
	.new_freegame_list li .tit {font-size:12px; position:relative; top:0; height:28px; line-height:22px;}
	.freegame_searchbox {padding:0 10px;}
	.freegame_searchbox .box {width:280px; }
	.freegame_searchbox .box input {width:230px; padding:0 5px; font-size:13px;}
	.freegame_searchbox .box button {width:40px; font-size:15px;}
	.freegame_search_area .game_title {float:none;margin:15px 0;}
	.freegame_search_area .game_title .keyword {font-size:15px; width:250px; height:30px; line-height:30px; text-align:center; padding:0; margin:0 auto; float:none;}
	.freegame_search_area .game_title dt {float:none; font-size:15px; text-align:center;}
	.freegame_search_area .game_title dd {float:none; font-size:12px; text-align:center; margin-left:0;}
	.freegame_category.game_menu_box {display:none;}
	.freegame_category { padding:10px; margin-top:5px; height:auto; }
	.freegame_category li {width:25%; margin-left:0; box-sizing:border-box; padding:0 1px;}
	.freegame_category li img {width:80px !important;}
	.freegame_category .nolimit_list img {width:60px !important;}
	.freegame_category li a {font-size:12px; width:100%; margin:2px 0;}
	.freegame_category.nolimitcity_category li.nolimit_list a {width:100%;}
	.freegame_category.nolimitcity_category li.nolimit_list a img {width:40px !important; height:28px; margin-top:-4px;}

	.freeslot_latest li {margin-left:0; padding:1px; }
	.freeslot_latest li .comming {padding:0 1px;}
	.freeslot_latest li .tit {position:relative; top:0;}

	.freegame_search_result li { float:none; clear:both; margin:0 auto !Important;}
}