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

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff; }
body,th,td,input,select,textarea,button {line-height:1.5;font-family: 'Pretendard','Nanum Gothic',나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;font-size: 15px; color:#666;  background: #F2F4F5;} 
a {color:#000;text-decoration: none;}
a:active, a:hover {color:#f1201c; text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
h4{font-size: 16px;font-weight: normal;margin-bottom: 10px;}
small{font-size: 12px; padding-left: 10px;}

.error {color:red;}
.clearfix {clear:both;}
.bold {font-weight:bold;}

.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: #348fe2;border-color: #348fe2;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {color: #fff;background-color: #2670b7;border-color: #2670b7;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color: #348fe2;border-color: #348fe2;}
.btn-primary .badge {color: #348fe2;background-color: #fff;
}

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

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

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

.btn-royalblue {color: #fff;background-color: #717bb6;border-color: #717bb6;background-image: none;}
.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 {
  background: #f51f1f;
  color: #fff;
  border: 0;
  border-radius: 500px;
  margin: 0 2px;
  text-shadow: none;
  padding: 10px 20px;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {color: #fff;background-color: #409e3e;border-color: #409e3e;}
.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;}

.btn.disabled{
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
  }

.success{background:#d6e9c6;}
.warning{background: #fcf8e3;}
.danger{background:#f2dede;}
.info{background: #d9edf7;}

.text-primary {color: #428bca;}

.container {width: 1200px;margin: 0 auto;}

.pull-left{float:left;}
.pull-right{float:right !important;}

.btn {display: inline-block;margin-bottom: 0;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 12px;
  padding: 10px 20px;}
.btn:active,
.btn.active {background-image: none;}
.btn-default {
  background: #000;
  color: #fff;
  border: 0;
  border-radius: 500px;
  margin: 0 2px;
  text-shadow: none;
  padding: 10px 20px;
}
.btn-default:hover,
.btn-default:focus {background-color: #e0e0e0;background-position: 0 -15px;}
.btn-default:active,
.btn-default.active {background-color: #e0e0e0;border-color: #dbdbdb;}

.loginarea li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
.loginarea li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}
.input {border: 1px solid #E2E5E9;height: 20px;outline: 0 none; padding: .5rem 1rem; background-color: #FFFFFF;background-image: none;border-radius: 5px;
  font-size: 16px; font-weight: 400; width: calc(100% - 2rem - 2px); color:#b3b3b3;}
textarea.input{height:100px;}
textarea.dhtmleditor {border: 1px solid #e5e6e7;outline: 0 none;padding: 5px 3px 3px 5px;background-color: #FFFFFF;background-image: none;border-radius: 5px;width:100%;height:350px;}
select.input {height: 30px;}
.form-text{padding-top: 4px;}
.checkbox-group{padding-top: 5px;}

.label {display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label[href]:hover,
.label[href]:focus {color: #fff;text-decoration: none;cursor: pointer;}
.label:empty {display: none;}
.btn .label {position: relative;top: -1px;}
.label-default {background-color: #999;}
.label-default[href]:hover,
.label-default[href]:focus {background-color: #808080;}
.label-primary {background-color: #428bca;}
.label-primary[href]:hover,
.label-primary[href]:focus {background-color: #3071a9;}
.label-success {background-color: #5cb85c;}
.label-success[href]:hover,
.label-success[href]:focus {background-color: #449d44;}
.label-info {background-color: #5bc0de;}
.label-info[href]:hover,
.label-info[href]:focus {background-color: #31b0d5;}
.label-warning {background-color: #f0ad4e;}
.label-warning[href]:hover,
.label-warning[href]:focus {background-color: #ec971f;}
.label-danger {background-color: #d9534f;}
.label-danger[href]:hover,
.label-danger[href]:focus {background-color: #c9302c;}

.no_padding{padding: 0 !important;}
.text-center {text-align: center;}
.text-right {text-align: right;}
small {font-size: 11px;padding-left: 10px;}

/* header */
header{background: #082a47;color: #fff;display: block;clear: both; width:100%;}
header .container {height:40px;}
header .header-top-menu {float:right;line-height:40px;font-size:12px;}
header .header-top-menu .fa{color:#ccc;}
header .header-top-menu li{float: left; display:inline-block;padding-right: 15px;}
header .header-top-menu li a{ color:#ccc; font-size:12px;padding-left: 5px;}
header .fa{padding-right:5px;}
header .badge{margin-left:5px;display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 10px;font-weight: 700;color: #fff;line-height: 1;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #999;border-radius: 10px;}

.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;text-decoration:underline;}
.notifications-menu{position: absolute;  top: 100%; left: 0;  z-index: 9999;  display: none;  width: 320px;  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{ font-size: 11px; }


/* navbar */
.navbar {background: #fff;border: 0 none;border-radius: 0; border-bottom: 3px solid #f1201c; height:96px; line-height:50px;}
.logo{padding-top: 10px;font-size: 18px;line-height: 20px;height: 50px;}
.logo img {height: 70px;}
.menu { padding-top: 25px; font-size: 18px; font-weight: 300; }
.menu li{float:left; display:block; height:74px; position:relative;}
.menu li>a{padding: 0 20px;}
.menu li.active>a, .menu li>a:hover, .menu li>a:focus, .menu .open>a{}
.menu .dropdown-menu{position: absolute; top: 74px; right: -15%; background: #fff;overflow: hidden;z-index: 1;min-width: 190px; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.32);}
.menu .dropdown-menu li{height: 40px; line-height: 40px; float: none;}
.menu .dropdown-menu li a{color: #666; display:block; }
.menu .dropdown-menu li a:hover{color: #fff;}
.menu .dropdown-menu li.active>a, .menu .dropdown-menu li>a:hover, .menu .dropdown-menu li>a:focus {color: #fff;background-color: #f1201c;padding: 0 20px;display: block;}
.menu .dropdown-menu {display:none;}
.menu .open .dropdown-menu {display:block;}
/* main */
.main {width:100%; clear:both; margin: 20px 0;overflow: hidden;}
.main_box1{width: 48%;margin:0 1%;}

.table-box {margin-bottom: 20px;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);border: 1px solid #ddd;overflow:hidden;margin: 0 auto 20px;}
.table-box .table-heading {color: #333;background-color: #f5f5f5;font-size: 14px;padding: 10px 15px;border-top-right-radius: 3px;border-top-left-radius: 3px;position:relative;}
.table-body textarea {padding: 15px;background: #f7f7f7;font-size: 12px;margin-top: 10px;width: 95%;}
.table{width:100%;border-collapse: collapse;border-spacing: 0;}
.table-body{border-collapse: collapse;border-spacing: 0; width: 100%;}
.table-body .msg_content{padding: 30px;border-top: 1px solid #ddd;}
.table-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: middle;border-bottom: 1px solid #ddd;}
.table-body>thead>tr>th, .table-body>tbody>tr>th, .table-body>tfoot>tr>th, .table-body>thead>tr>td, .table-body>tbody>tr>td, .table-body>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}

.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}
.table>tbody:last-child{border-bottom: 1px solid #ccc;}

.thumbnail {display: block;padding: 4px;margin-bottom: 10px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.thumbnail>img, .thumbnail a>img {margin-left: auto;margin-right: auto;display: block;max-width: 100%;}

.register{width: 700px; margin: 0 auto;}
.group{overflow:hidden;}
.checkbox{padding-top: 5px;}

.modal{width:600px; margin: 30px auto;position: relative;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);background-clip: padding-box;outline: 0;}
.modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;min-height: 16.42857143px;}
.modal-body {position: relative;padding: 20px;}
.modal-body li{display: inline-block;}
.modal-body form li{display: block;}
.modal-footer {margin-top: 15px;padding: 19px 20px 20px;text-align: right;border-top: 1px solid #e5e5e5;}
.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .2;filter: alpha(opacity=20);}
.modal-title {margin: 0;line-height: 1.42857143;}
.modal .modal-body .profile-info {overflow: hidden;}

/* left */
.left{float: left;width: 900px; margin-right: 20px;}
.container h3 {font-size: 18px;display: block;width: 100%;padding-bottom: 5px;margin-bottom: 20px;line-height: inherit;color: #333;border: 0;font-weight: normal;clear: both; }
.container .h3 {font-size: 18px;display: block;width: 100%;padding-bottom: 5px;margin-bottom: 20px;line-height: inherit;color: #333;border: 0;font-weight: normal;clear: both; }
.container .board h3 {
  margin-bottom: 0px; padding-bottom:0px;
}
.table-bottom {overflow: hidden;}
/* .pagination {text-align: center;margin: 15px auto;}
.pagination .active {border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;padding: 0 7px;margin: 0 2px;display: inline-block;line-height: 20px;background: #428bca;}
.pagination .active a {color: #fff;font-weight: bold;}
.pagination li{font-size: 12px;line-height: 20px;display: inline-block;background-image: -moz-linear-gradient(center top , #fff, #E0E0E0);border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;padding: 0 7px;margin: 0 2px;}
.pagination a{font-size: 12px;}
.pagination li:hover{background: #428bca;}
.pagination li:hover a {color: #fff;} */
.pagination {text-align:center; border-radius:0; padding:0 0px; display:block; margin-top: 30px;}
.pagination ul {display:inline-block;}
.pagination li {display:block; float:left; height:50px; padding:0 5px;}
.pagination li>a {display:block; color:#111; width:49px; height:49px; line-height:50px; font-size:16px; padding:0; border-radius:500px !important; background:#eee;}
.pagination .active>a {background:#111; color:#fff; border:1px solid #111;}
.table-answer{padding: 20px;}



.nav {padding-left: 0;list-style: none;height: 40px;}

.nav>li {position: relative;display: block;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #eee;}

.nav-tabs {border-bottom: 1px solid #ddd;height: 39px;}

.nav-tabs>li {float: left;margin-bottom: -1px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #555;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;cursor: default;}

.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}


.media {clear: both;margin-top: 20px;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-body {width: 10000px;}
.media-body, .media-left, .media-right {display: table-cell;vertical-align: top;}
.media-right, .media>.pull-right {padding-left: 10px;width: 50px;vertical-align: middle;text-align: right;}
.media-heading {font-size: 14px;overflow:hidden;font-weight:bold;}
.media-body .media-info {font-size: 11px;color: #666;padding-top: 5px;}
.media-body .media-info span {padding-right: 10px;}

/* sidebar */	
.sidebar {float: right;width: 280px;}
.sidebar .sidebar_latest_login { padding: 35px 15px; margin-top:2px; margin-bottom: 20px; border-radius: 15px; border-top:solid 3px #f1201c; box-shadow: 12px 12px 10px -5px rgba(0, 0, 0, 0.1); background: #fff;  }
.sidebar .login {overflow: hidden;}
.sidebar .login .btn { width:100%; font-size: 16px; font-weight: normal; border-radius: 5px 5px 5px 5px; padding: 7.5px;}
.sidebar .headline {display: block;margin-bottom: 0px;}
.sidebar .headline h3 {display: inline-block;margin: 0 0 -2px;font-size: 15px;}
.sidebar .headline .h3 {display: inline-block;margin: 0 0 -2px; font-size: 15px;    font-weight: 500;}
.sidebar .login .text {padding-top: 5px;}
.sidebar .login .text li {float: left;padding-right: 7px;}
.sidebar .login .text li a {font-size: 14px; color:#121212;}
.sidebar .welcome {overflow: hidden;}
.sidebar .welcome li{float: left;padding-right: 3px;padding-bottom:5px;}
.sidebar .welcome p{margin-bottom: 10px;}
.sidebar .welcome .btn{font-size: 11px;}

.sidebar .sidebar_latest_telegram { padding: 65px 15px 20px; display: flex; gap: 15px 0; flex-direction: column; border-radius: 15px; background-image: url(/imgs/sidebar_latest_telegram.jpg);  background-size: cover; box-shadow: 12px 12px 10px -5px rgba(0, 0, 0, 0.1); }
.sidebar .sidebar_latest_telegram .title { color:#fff; font-size: 20px;}
.sidebar .sidebar_latest_telegram .description { color:#fff; font-size: 14px;}
.sidebar .sidebar_latest_telegram .btn { font-size: 16px; font-weight: normal; border-radius: 5px 5px 5px 5px; padding: 7.5px;}

.sidebar .sidebar_latest_banner { margin-top: 20px; line-height: 0; }
.sidebar .sidebar_latest_banner img { border-radius: 15px; width:100%; }

.sidebar .sidebar_latest { padding: 20px 15px; margin-top:2px; margin-bottom: 20px; border-radius: 15px; box-shadow: 12px 12px 10px -5px rgba(0, 0, 0, 0.1); background: #fff;  }
.sidebar .sidebar_latest li{position: relative; padding-bottom:4px;}
.sidebar .sidebar_latest li a {display: flex; justify-content: space-between; align-items: center; }
.sidebar .sidebar_latest li .new { background: #f1201c; color: #fff; padding: 0px 2px 0px; font-size: 12px; font-weight: bold; }
.sidebar .sidebar_latest li .brd { color: #000; }
.sidebar .sidebar_latest li .date { color: #f1201c; width: 50px; display: block; text-align: center;}
.sidebar .sidebar_latest .hr_bar { margin:0px 0 10px;}
.sidebar .sidebar_latest .hr_bar P { width:18%; }
.sidebar .tag-clouds{overflow:hidden;}
.sidebar .tag-clouds ul li{float:left; padding-right:10px;}

.sidebar .sidebar-social-login-box { 
	clear:both;
	text-align:center;
	margin-top:10px; border:1px solid #e3e3e3;
	background-color: #f5f5f5;background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%); 
	background-repeat:repeat-x; border-color:#dcdcdc;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	padding: 8px;border-radius: 3px;}

.help-block {display: block;margin-top: 5px;color: #737373;font-size: 12px;}
.nopost {text-align:center; padding:120px 0 !important; }

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

/* footer */
footer {background-color: #001d2f; color: #fff; padding: 70px 0 0; clear:both; overflow: hidden; font-size:16px;}
footer .company {margin-bottom:10px;clear:both;float:left;}
footer .company li{float:left; padding-right:10px;}
footer .see_mobile {clear: both;margin: 20px auto;text-align: center;}
footer .copyright{clear:both; margin-bottom:10px;}
footer .copyright span{padding-right:7px;}
footer .sitemap {max-width: 1200px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .sitemap .h4 {font-size: 20px; font-weight: normal; margin-bottom: 10px;}
footer .sitemap .sitemap_box {height: 280px;}
footer .sitemap .sitemap_box2 {height: 250px;}
footer .sitemap li {margin-bottom: 10px;}
footer .sitemap a {color:#fff;}


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


.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { font-weight: bold; }
.alert > p,
.alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert-dismissible,
.alert-dismissible { padding-right: 35px; }
.alert-dismissible .close,
.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-success hr { border-top-color: #c9e2b3; }
.alert-success .alert-link { color: #2b542c; }
.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info hr { border-top-color: #a6e1ec; }
.alert-info .alert-link { color: #245269; }
.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-warning hr { border-top-color: #f7e1b5; }
.alert-warning .alert-link { color: #66512c; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert-danger hr { border-top-color: #e4b9c0; }
.alert-danger .alert-link { color: #843534; }


/* 추가 */
.banner_main { margin-bottom: 20px; line-height: 0;}
.banner_main img {width:100%; border-radius: 15px;}
.footer_logo {margin:30px 0 35px; font-size: 18px;}
.footer_logo a {color: #fff;}
.footer_logo span {padding: 0 10px; color: #666; }
.footer_logo img {width:152px;}

.main_tap_menu {
  display: flex;
  gap: 18px;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.main_tap_menu .list {
  width: 32%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 15px;
  border-top: solid 3px #f1201c;
  box-shadow: 12px 12px 10px -5px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.main_tap_menu .list .title_box {
  display: flex;
  justify-content: center;
  padding: 10px;
}
.main_tap_menu .list .title_box .img {
  text-align: center;
}
.main_tap_menu .list .title_box .img img{
  width: 60%;
  vertical-align: middle;
}
.main_tap_menu .list .title_box .title{
  padding: 0px 24px 0px 0px;
  color: #000;
  font-size: 24px;
  align-content: center;
}
.main_tap_menu .list .description {
  margin-bottom:1rem;
  text-align: center;
  font-weight: 400;
}

.head_txt {padding-top:15px; padding-bottom:0.9rem}
.head_txt h1 { font-size: 24px; color:#000; font-weight: 300; }
.head_txt h2 { font-size: 20px; color:#000; font-weight: 300; }
.head_txt .h2 { font-size: 20px; color:#000; font-weight: 300; }
.hr_bar { background-color: #E7E8EF; margin:5px 0 10px;}
.hr_bar p { background-color: #f1201c; width:57%; height: 3px; }
.hr_bar p.p1 { width:1%; }
.hr_bar p.p2 { width:2%; }
.hr_bar p.p3 { width:3%; }
.hr_bar p.p4 { width:4%; }
.hr_bar p.p5 { width:5%; }
.hr_bar p.p6 { width:6%; }
.hr_bar p.p7 { width:7%; }
.hr_bar p.p8 { width:8%; }
.hr_bar p.p9 { width:9%; }
.hr_bar p.p10 { width:10%; }
.hr_bar p.p11 { width:11%; }
.hr_bar p.p12 { width:12%; }
.hr_bar p.p13 { width:13%; }
.hr_bar p.p14 { width:14%; }
.hr_bar p.p15 { width:15%; }
.hr_bar p.p16 { width:16%; }
.hr_bar p.p17 { width:17%; }
.hr_bar p.p18 { width:18%; }
.hr_bar p.p19 { width:19%; }
.hr_bar p.p20 { width:20%; }
.hr_bar p.p21 { width:21%; }
.hr_bar p.p22 { width:22%; }
.hr_bar p.p23 { width:23%; }
.hr_bar p.p24 { width:24%; }
.hr_bar p.p25 { width:25%; }
.hr_bar p.p26 { width:26%; }
.hr_bar p.p27 { width:27%; }
.hr_bar p.p28 { width:28%; }
.hr_bar p.p29 { width:29%; }
.hr_bar p.p30 { width:30%; }
.hr_bar p.p31 { width:31%; }
.hr_bar p.p32 { width:32%; }
.hr_bar p.p33 { width:33%; }
.hr_bar p.p34 { width:34%; }
.hr_bar p.p35 { width:35%; }
.hr_bar p.p36 { width:36%; }
.hr_bar p.p37 { width:37%; }
.hr_bar p.p38 { width:38%; }
.hr_bar p.p39 { width:39%; }
.hr_bar p.p40 { width:40%; }
.hr_bar p.p41 { width:41%; }
.hr_bar p.p42 { width:42%; }
.hr_bar p.p43 { width:43%; }
.hr_bar p.p44 { width:44%; }
.hr_bar p.p45 { width:45%; }
.hr_bar p.p46 { width:46%; }
.hr_bar p.p47 { width:47%; }
.hr_bar p.p48 { width:48%; }
.hr_bar p.p49 { width:49%; }
.hr_bar p.p50 { width:50%; }
.hr_bar p.p51 { width:51%; }
.hr_bar p.p52 { width:52%; }
.hr_bar p.p53 { width:53%; }
.hr_bar p.p54 { width:54%; }
.hr_bar p.p55 { width:55%; }
.hr_bar p.p56 { width:56%; }
.hr_bar p.p57 { width:57%; }
.hr_bar p.p58 { width:58%; }
.hr_bar p.p59 { width:59%; }
.hr_bar p.p60 { width:60%; }
.hr_bar p.p61 { width:61%; }
.hr_bar p.p62 { width:62%; }
.hr_bar p.p63 { width:63%; }
.hr_bar p.p64 { width:64%; }
.hr_bar p.p65 { width:65%; }
.hr_bar p.p66 { width:66%; }
.hr_bar p.p67 { width:67%; }
.hr_bar p.p68 { width:68%; }
.hr_bar p.p69 { width:69%; }
.hr_bar p.p70 { width:70%; }
.hr_bar p.p71 { width:71%; }
.hr_bar p.p72 { width:72%; }
.hr_bar p.p73 { width:73%; }
.hr_bar p.p74 { width:74%; }
.hr_bar p.p75 { width:75%; }
.hr_bar p.p76 { width:76%; }
.hr_bar p.p77 { width:77%; }
.hr_bar p.p78 { width:78%; }
.hr_bar p.p79 { width:79%; }
.hr_bar p.p80 { width:80%; }
.hr_bar p.p81 { width:81%; }
.hr_bar p.p82 { width:82%; }
.hr_bar p.p83 { width:83%; }
.hr_bar p.p84 { width:84%; }
.hr_bar p.p85 { width:85%; }
.hr_bar p.p86 { width:86%; }
.hr_bar p.p87 { width:87%; }
.hr_bar p.p88 { width:88%; }
.hr_bar p.p89 { width:89%; }
.hr_bar p.p90 { width:90%; }
.hr_bar p.p91 { width:91%; }
.hr_bar p.p92 { width:92%; }
.hr_bar p.p93 { width:93%; }
.hr_bar p.p94 { width:94%; }
.hr_bar p.p95 { width:95%; }
.hr_bar p.p96 { width:96%; }
.hr_bar p.p97 { width:97%; }
.hr_bar p.p98 { width:98%; }
.hr_bar p.p99 { width:99%; }
.hr_bar p.p100 { width:100%; }
.hr_bar p.h2 { width:14%; }
.head_txt .list { display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.head_txt .list img { max-width: 100%; height: auto; }

.head_txt2 {     display: flex
;
    margin: 30px auto; }
.head_txt2 .image { flex: 0 0 auto; margin-right: 20px; }
.head_txt2 .image img { width: 150px; border-radius: 50%; }
.head_txt2 .content { flex: 1 1 auto; }
.head_txt2 .content h2 { font-size: 20px; color: #000; font-weight: 300; margin-top: 5px; }
.head_txt2 .content h3 { margin-bottom: 0; padding-bottom: 0;  }
.head_txt2 .content p { font-size: 14px; color: #666; margin-bottom: 20px; line-height: 18px; }
.head_txt2 .content ul { list-style: none; padding: 0; margin: 0; }
.head_txt2 .content ul li { display: flex; align-items: center; font-size: 14px; color: #666; margin-bottom: 5px; }
.head_txt2 .content ul li h3 { display: flex; font-size: 18px; color: #000; font-weight: 300; margin: 0; padding: 0; }
.head_txt2 .content ul li h3::before { margin: 7px 10px 0 0; content: "l"; color: #f1201c; font-size: 12px; width: 4px; height: 18px; background: #f1201c;}

.hr { height: 3px; background:#e7e8ed; }

.head_txt3 { padding:30px; margin:40px 0 50px; display: flex; gap: 10px 0; flex-direction: column; border-radius: 15px;  background-size: cover; }
.head_txt3.home_5 { background-image: url(/assets/pc/main/먹튀브로스_home_5.jpg); }
.head_txt3.home_8 { background-image: url(/assets/pc/main/먹튀브로스_home_8.jpg); }

.head_txt3 h2 {font-size: 20px; color: #000; font-weight: 300;}
.head_txt3 p { font-size: 14px; color: #666; line-height: 18px; width:67% }

/* 메인 먹튀사이트 */
.board_box {overflow:hidden;}
.board_box .pc_box {}
.board_box .tit_area {position:relative; overflow:hidden; padding:0 2px; margin:10px 10px 0 10px; }
.board_box .tit_area h1 {font-size:18px; color:#222;margin-bottom:10px; letter-spacing:-1px;}
.board_box .tit_area h2 {font-size:18px; color:#222;margin-bottom:10px; letter-spacing:-1px;}
.board_box .tit_area p {color:#222; background:#f5f5f5; padding:12px; border-radius:6px;}
.board_box .tit_area .more {border-radius:500px; position:absolute; top:0; right:2px;color:#fff; font-size:12px; background:#111; padding:2px 10px; }
.board_box ul {padding:10px 5px; overflow:hidden;}
.board_box li {overflow:hidden; float:left; width:25%; box-sizing:border-box; padding:0 5px; text-align:center;}
.board_box li .box , .main_casinoslotsite li .box {overflow:hidden; position:relative;}
.board_box li .box .imgs {  border-radius:1px; position:relative;}
.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 .txt .hot.ing {animation:none; background:#ff7916; border-radius:4px; padding:0 5px 1px 5px;}
.board_box li .box .txt .hot.exit {animation:none; background:#333; border-radius:4px; padding:0 5px 1px 5px;}
.board_box li .box .muk_txt {color:#777; letter-spacing:-1px; margin-top:4px;}
.board_box2 li {width:25%;}
.board_box2 li .box .txt {text-align:center;}
.upper_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* 메인 먹튀사이트 */

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

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

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

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

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

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

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

.board_title {height: 20px;}
.board_bg {background: #fff; padding: 15px 20px;}
.board th, .board td {background: #fff;}
.board h2 { font-size: 24px; color: #000; font-weight: 300;}

.board .document_marker li::before {
    background-image: url(/imgs/bros_icon.png);
    background-size: 18px 18px;
    content: "";
	width:18px;
	height:18px;
    display: inline-block;
    margin-left: 16px;
    margin-right: 8px;
	vertical-align:-4px;
}
.board .board_table td {
  height: 50px;
  font-size: 15px;
  padding: 0 5px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  color: #666;
}
.board .board_table td .img_label {
  font-size: 23px;
  vertical-align: middle;
  color: #111;
}
.board .board_table td .hit_label {
  background: #333;
    color: #eee;
    font-size: 8px;
    padding: 2px 4px;
    border-radius: 2px;
    margin-left: 4px;
}
.board .board_table td .new_label {
  background: #e15b5b;
  color: #eee;
  font-size: 8px;
  padding: 2px 4px;
  border-radius: 2px;
  margin-left: 4px;
}
.board .board_table td .reply_label {
  color: #888;
  font-size: 11px;
  padding: 2px 4px;
}

.board .board_table td .imgs {
  margin-left: 10px;
}
.board .board_table td .imgs img {
  border-radius: 3px; width: 50px; height: 30px;
  margin: -11px 0;
}


.board_bg .info { overflow: hidden; background: #f3f4f6; margin: 10px 0 20px; padding: 7px 10px; }
.board_bg .info li {float:left; padding:0 5px; }
.board_bg .info li button {border:0; background:none;}
.board_bg .info .user_levelname .lv_icon img {width:23px;}
.board .time {font-size: 15px;}

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

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

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

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


.document_content {width: 887px;  background-color: #FFFFFF;  box-shadow: 9px 11px 10px 0px rgba(0, 0, 0, 0.1);  margin: 0 auto 20px;  padding: 40px;}
.document_footer {width: 910px;  margin: 0 auto 20px;  padding: 20px;}
.document_footer h2 {
  margin-top: 25px;
  background-image: url("/assets/onca/bros_bullet.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: left center;
  padding-left: 30px; /* 아이콘과 텍스트 간 간격 조정 */
}
/****** 무료슬롯 ******/
aside {width:320px; float:left; padding-bottom:20px;}
aside .loginbox {overflow:hidden; padding:15px; border:1px solid #eee;}
aside .loginbox .setting {overflow:hidden;margin-bottom:8px;}
aside .loginbox .setting li {float:left; font-size:11px; padding:0 4px; height:20px; line-height:20px; border-left:1px solid #eee;}
aside .loginbox .setting li span {float:left;}
aside .loginbox .setting li .icon {font-size:17px; margin-left:4px; color:#4a6597;}
aside .loginbox .login {overflow:hidden;}
aside .loginbox .login li {overflow:hidden; float:right; width:95px;}
aside .loginbox .login li:first-child {width:188px; float:left;}
aside .loginbox .login li .box {margin-bottom:5px;}
aside .loginbox .login li .box input {font-size:12px; height:40px; width:100%; background:#fff; border:1px solid #eee; color:#333; text-indent:10px; border-radius:2px;}
aside .loginbox .login li .login_btn {font-size:12px; background:#22245a; height:85px; color:#fff; width:100%; border:none; border-radius:2px;}
aside .loginbox .login li .memeber_btn {overflow:hidden; display: flex; justify-content: space-between;}
aside .loginbox .login li .memeber_btn a {background:#f7f7f7; color:#666; padding:8px 0; margin:0 10px; border-radius:500px; font-size:12px; text-align:center; flex:1; border:1px solid #eee;}
aside .loginbox .member {overflow:hidden;}
aside .loginbox .member li {float:left; padding:0 10px; text-align:center; }
aside .loginbox .member li a {color:#555; font-size:11px;}
aside .welcome {padding:15px; border:1px solid #eee;}
aside .welcome .setting {overflow:hidden;margin-bottom:8px;}
aside .welcome .setting li {float:left; font-size:11px; padding:0 4px; height:20px; line-height:20px; border-left:1px solid #eee;}
aside .welcome .setting li span {float:left;}
aside .welcome .setting li .icon {font-size:17px; margin-left:4px; color:#4a6597;}
aside .welcome .profile_box {overflow:hidden; position:relative;}
aside .welcome .profile_box .img {position:relative; overflow:hidden; width:40px; height:40px; background:#fff; border:1px solid #eee; border-radius:500px; float:left; text-align:center;}
aside .welcome .profile_box .img img {width:100%; height:100%;}
aside .welcome .profile_box .lv {background:#22245a; position:absolute; bottom:0; left:22px; padding:0 6px; border-radius:500px; color:#fff; font-size:10px; z-index:1; font-weight:bold;}
aside .welcome .profile_box .name {float:left; height:40px; line-height:40px; padding:0 10px; font-size:12px; letter-spacing:-0.5px;}
aside .welcome .profile_box .attendance {float:right; background:#22245a; padding:2px 10px; border-radius:500px; color:#eee; font-size:11px; letter-spacing:-0.5px; margin-top:10px;}
aside .welcome .point_box {overflow:hidden;margin-top:10px;}
aside .welcome .point_box ul {display:flex; justify-content:space-between;}
aside .welcome .point_box li {color:#555;margin-top:5px; font-size:11px; letter-spacing:-0.5px; overflow:hidden; flex:1; margin-left:10px; padding:8px 10px; border:1px dashed #ddd; border-radius:2px;}
aside .welcome .point_box li:first-child {margin-left:0;}
aside .welcome .point_box li:hover {border:1px solid #22245a;}
aside .welcome .point_box li .txt {float:left;}
aside .welcome .point_box li .point {float:right; }
aside .welcome .point_box li .point a {display:block; font-weight:bold;}
.mypage .category_tab {display: none;}
aside .mypage_btn {overflow:hidden; display: flex; justify-content: space-between;}
aside .mypage_btn li {flex:1; overflow:hidden; padding:0 2px;}
aside .mypage_btn li a {display:block; overflow:hidden; height:50px; background:#eee; border-radius:4px; text-align:center; }
aside .mypage_btn li .icon {height:24px; font-size:14px; color:#666; margin-top:8px;}
aside .mypage_btn li .txt { color:#666; margin-top:5px; font-size:12px; letter-spacing:-1px;}
aside .imgs {overflow:hidden; border-radius:2px; margin-top:0px;}

section {overflow:hidden;}



.bootstrap_freeslot {overflow:hidden; padding-right:4px;}
.bootstrap_freeslot .latest_box .panel_body li {float:left; width:50%; overflow:hidden; padding:0 2px;}
.bootstrap_freeslot .latest_box .panel_body li .imgs img {border-radius:2px; width:100%;}
.bootstrap_freeslot .latest_box .panel_body li .txt {text-align:center; height:30px; line-height:30px; overflow:hidden; font-weight:bold;}
.freeslot_board {overflow:hidden;}
.freeslot_board ul {margin:0 -6px;}
.freeslot_board li {float:left; padding:0 4px; margin-bottom:10px;}
.post_slot_conts .freeslot_board li {float:left; width: calc(18% - 18px); padding:0 6.5px; margin-bottom:10px;} /* width: 33%; */
.freeslot_board li .box {position:relative; }
.freeslot_board li .box .upper_link {height:80%;}
.freeslot_board li .icon {position:absolute; top:0;right:0; background:#c53d3d; color:#fff; padding:4px 8px; font-size:11px;}
.freeslot_board li .category_icon {position:absolute; top:10px; right:10px; background:#000; padding:2px 5px; color:#fff; letter-spacing:-1px; font-size:11px;}
.freeslot_board li input[type=checkbox] {position:absolute; z-index:2; top:5px; left:5px; width:20px; height:20px;}
.freeslot_board li .imgs {overflow:hidden; border-radius:11px; background: #ddd;  line-height: 0; width:290px; height:176px; }
.freeslot_board li .imgs img {width:290px; height:176px; opacity: 1; transition: opacity 0.5s ease-in-out;}
.post_slot_conts .freeslot_board li .imgs img {width:290px; height:176px; }
.freeslot_board li .imgs img.is-loaded {opacity:1;}
.freeslot_board li .txt {overflow:hidden; padding:10px; text-align: center;}
.freeslot_board li .txt dt {color:#333; letter-spacing:-1px; font-size:16px; height:21px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.freeslot_board li .txt dd {color:#666; letter-spacing:-1px; font-size:14px; margin-top:5px; height:17px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .freeslot_board li {padding:0 4px;}


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

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

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

.freeslot_post_board #post-content .post_slot_conts {overflow:hidden; margin:40px 0;}
.freeslot_post_board #post-content .post_slot_conts .latest_tit_box {overflow:hidden;}
.freeslot_post_board #post-content .post_slot_conts .latest_tit_box h3 {float:left; font-size:18px; letter-spacing:-1.5px;}
.freeslot_post_board #post-content .post_slot_conts .latest_tit_box p {float:left; color:#555; font-size:14px; letter-spacing:-1px; margin-left:10px;}
.freeslot_post_board #post-content .post_slot_conts .freeslot_board li {width:290px;}
.freeslot_post_board #post-content .post_slot_conts .freeslot_board li .imgs {width:100%; height:auto;}
.freeslot_post_board #post-content .post_slot_conts .panel_body li {    position: relative; }

.searchbox {overflow:hidden; float:right; width:270px; border-bottom:1px solid #e7e9ec; position:relative; background: #fff; border-radius: 20px;}
.searchbox span {float:left;}
.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:#4b4b4c;}
.searchbox span input[type=text]::placeholder {color:#4b4b4c; font-weight:500;}
.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}
/****** 무료슬롯 ******/


.document_btn_box {
    margin: 16px 0;
}

.document_btn_box a {
    color: #fff;
    background: #f51f1f;
    border: 0;
    border-radius: 500px;
    margin: 0 2px;
    text-shadow: none;
    padding: 10px 20px;
}
.board .recommand {
  margin:20px 0;
}


.side_left {
  position: fixed;
  left: calc(50% - 483px - 190px); /* 컨테이너 왼쪽 바깥에 위치 */
  top: 50%;
  transform: translateY(-50%);
}
.side_right {
  position: fixed;
  left: calc(50% + 484px + 20px); /* 컨테이너 오른쪽 바깥에 위치 */
  top: 50%;
  transform: translateY(-50%);
}