@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');
/*@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* Reset */
html,body{width:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; box-sizing:border-box;}
body{
	background: #ececee;
	/*background-color:#f8f9fa;*/
	/*background:url(../img/header_1.jpg) center bottom repeat;*/
	/*background-attachment:scroll;
	background-size:2560px;*/
	-ms-word-break:break-all;
	*word-break:break-all;
	font-family: "Helvetica Neue", Helvetica, Arial, "Malgun Gothic", 돋움, Dotum; 
	-webkit-text-size-adjust: none;
	line-height: 22px;
}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
pre, button{margin:0;padding:0}
a:hover, a:link, a:visited, a:active {text-decoration:none;}
a:hover {color:crimson;}
a:link {color:#000;}
a:visited {color:#666666;}
a:active {color:crimson;}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{padding-right:6px;/*height:20px;*/}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
pre{white-space:pre-wrap;}
input[type=checkbox], input[type=radio]{
	/* Double-sized Checkboxes */ 
	-ms-transform: scale(1.5); /* IE */ 
	-moz-transform: scale(1.5); /* FF */ 
	-webkit-transform: scale(1.5); /* Safari and Chrome */ 
	-o-transform: scale(1.5); /* Opera */ 
	/*margin:10px;*/
}
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.m-r-15{ margin-right:15px !important}
.m-r-10{ margin-right:10px !important}
.m-r-20{ margin-right:20px !important}
.m-r-5{margin-right:5px !important}
.m-r-3{margin-right:3px !important}
.m-b-10{ margin-bottom:10px !important}
.m-b-3{margin-bottom:3px !important}
.p-t-10{padding-top:10px !important}
.p-t-0{padding-top:0 !important}
.p-10{padding:0 !important}
.h10{height:10px}

.red, i.red {color: #e91b23;}
.orangered{ color:orangered}
.lightgray, i.lightgray {
    color: #ddd;
}
.d-none{display:none !important}
.d-block{display:block !important}
.position-relative{ position:relative}
/*Bootstrap v3.2.0*/
.pagination li.active a {
    color: #fff !important;
    background: #444 !important;
    border-color: #444 !important;
}

/*.nav-tabs>li>a{
	padding: 12px 15px;
	color:#fff;
	margin-right: 1px;
	line-height: 100%;
	border-radius: 0;
	border:0;
	/*background: linear-gradient(to bottom,#EAE3D9, #c1b6ae, #96867d,#c1b6ae);
}
/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	background:transparent;
	border:0;
	/*color:#fff
}*/

.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a {
    font-family: "Roboto", sans-serif;
}
.btn-group-profile{position: sticky; bottom: 40px;text-align: center;display: inline-block !important;}
.btn-group-profile a{min-width: 32%;margin-bottom: 3px !important;padding-left: 0;padding-right: 0;}

.font-11, i.font-11{font-size:11px}
.font-16, i.font-16{font-size:16px}
.font-18, i.font-18{font-size: 18px;}
.font-22, i.font-22{font-size:22px}
.font-24, i.font-24{font-size:24px}
.text-left{ text-align:left !important}
.white-space{ 
	white-space:nowrap; 
	display:block;
}
.div-title{
	display: inline-block;
    width: 100%;
    padding: 15px 10px 2px;
	background:#fff;
}
.div-title-underbar {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;}

.div-title-underbar span {
	display: inline-block;/*display:block;*/
	/*padding-bottom: 8px;*/
	margin-bottom: -1px;
	font-weight: 900;
}
.div-title-underbar-bold {
	border-bottom: 2px solid #baaca3;
	/*border-bottom: 2px solid #333333;*/
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.use-media .div-title,
.qa-media .div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap;
}
.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}
.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}
.sep-thin.div-sep {
    height: 1px;
    margin-top: 9px;
    background: #e7e6e6;
}
.use-media .media,
.qa-media .media {
    margin: 0px 0px 15px;
    padding: 12px;
	border-top: 0;
}
.use-media .media .circle,
.qa-media .media .circle {
    background: rgb(235,235,235);
    color: #fff;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.use-media .media .media-body,
.qa-media .media .media-body {
    padding-left: 0px;
    padding-top: 5px;
}
.use-media.use-mobile .media .media-body,
.qa-media.qa-mobile .media .media-body {
    padding-top: 0px;
}
.use-media .media .media-info,
.qa-media .media .media-info {
    line-height: 20px;
    padding: 0px 0px 4px;
}
.use-media .media .media-desc,
.qa-media .media .media-desc {
    padding: 0px 0px 4px;
}
.qa-media .media .media-desc img{ width:auto}
.use-media .media .media-desc .font-11,
.qa-media .media .media-desc .font-11{
	line-height:20px	
}
.use-media .media-content,
.qa-media .media-content {
    margin-top: 15px;
    padding: 15px 12px 0px;
    border-top: 1px dotted #606060;
}
.comment-media .media{
	border-top: 1px solid #eee;
    margin: 7px 0px;
    padding: 7px 0px 0px;
}
.comment-media .media .media-content {
    margin-top: 8px;
}
.comment-btn {
    text-align: center;
}


.border-navy,
i.border-navy, img.border-navy {
    border-color: rgb(50, 60, 70);
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
}
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
    vertical-align: middle;
}
.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-radius: 0.5rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border-radius: var(--bs-alert-border-radius,0);
}
.alert-warning {
    background-image: linear-gradient(310deg,#f53939,#fac60b);
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
	margin: -2px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon, 
.input-group-btn, 
.input-group .form-control{ display:table-cell}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}
.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.msg_sound_only, .sound_only {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 0px !important;
    height: 0px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
}
/* common */
.at-container{padding:0 10px;}
.at-main{ padding:10px 0}
.item-nav {
    line-height: 22px;
    margin-bottom: 10px;
}
.item-nav1 {
    line-height: 15px;
	margin-bottom: 1px;
    
}
.item-head{
	padding: 0px;
    border: 0px currentColor;
    border-image: none;
    width: 100%;
}
.item-head .item-image i {
    font-size: 50px;
    background: #eee;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.item-head ul.item-buy-btn {
    padding: 0px;
    margin: 0px;
    list-style: none;
    overflow: hidden;
    margin: 0px -3px;
}
.item-head ul.item-buy-btn li {
    width: 50%;
	float: left;
    padding: 3px 0;
}
#item_option p{
	margin: 0 0 10px;
}
.at-side{padding:20px 0}

.div-tab .btn-group.btn-group-justified{ margin-top:30px}
.pagination{ margin:0}
#captcha {
    display: inline-block;
    position: relative;
}
fieldset legend {
    display: none;
}
#captcha #captcha_img {
    width: 162px;
    height: 62px;
    border: 1px solid #e9e9e9;
    vertical-align: top;
    padding: 0;
    margin: 0;
}
#captcha #captcha_key {
    margin: 0 0 0 33px;
    padding: 0 5px;
    width: 125px;
    height: 62px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em;
    vertical-align: top;
}
#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}
#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url(../img/captcha.png) no-repeat;
}
#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url(../img/captcha.png) no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px;
}
#captcha #captcha_info {
    display: block;
    margin: 5px 0 10px;
    font-size: 0.95em;
    letter-spacing: -0.1em;
}
body:before{
	/*content:url(../img/header.jpg);*/
	position:fixed;
	bottom: 120px;
	min-width:100%;
	/*min-height: 100vh;
	bottom:110px;
	background:url(../img/header.jpg) center bottom no-repeat;
	background-size: 2560px;*/
	transform: scale(70%);
    transform-origin: -90% bottom;
}
@media(min-width:712px){
body:before{
	transform: scale(110%);
    transform-origin: 400% bottom;}
}
.mm-page{
	/*background: #E9E6E0 url(../img/header.jpg) center -50px no-repeat fixed;*/
    /*background-size: 2560px;*/
}
input.form-control{margin-bottom:10px;/*border:0; font-size:17px;  width:100%;  text-indent:5px; box-shadow:inset 0 0 0 2px #dbdbdb;border-radius:0;*/}
.btn-block {
    display: block;
    width: 100%;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
	font-family: "Roboto", sans-serif;
    line-height: 150%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn:hover, a.btn:hover{/*background-color: #cb1c68 !important;*/}
/*.btn i{float: right;line-height: 30px;}*/
.at-go {
    position: fixed;
    z-index: 999;
    bottom: 125px;
    right: 3px;
}
.at-go .go-btn span {display: flex;justify-content: center;align-items: center;color: #fff; margin: 5px 0; border-radius: 50%; width: 42px;height: 42px;font-size: 19px;background: rgba(0,0,0,.5);}


/*레벨 정의*/
.level_icon{
	position: relative;
    width: 40px;
    height: 25px;
    border-radius: 50%;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
	z-index:1;
	margin-right: 1px;

}
.level_icon .label,
.level_icon label{
	width: 100%;
    text-align: center;
    min-width: 100%;
    position: absolute;
    color: #fff;
    left: 0;
    top: -1px;
	line-height:15px;
    font-weight: 800;
	height: 25px;
	text-indent: -5000px;	
}
.open_right .level_icon .label{ top:12px}
.level_icon.level_1 label,
.level_icon.level_1 .label{background: url(../img/level/icon/1.gif) no-repeat; background-size:contain}
.level_icon.level_2 label,
.level_icon.level_2 .label{background: url(../img/level/icon/2.gif) no-repeat; background-size:contain;}
.level_icon.level_3 label,
.level_icon.level_3 .label{background: url(../img/level/icon/3.gif) no-repeat; background-size:contain;}
.level_icon.level_4 label,
.level_icon.level_4 .label{background: url(../img/level/icon/4.gif) no-repeat; background-size:contain;}
.level_icon.level_5 label,
.level_icon.level_5 .label{background: url(../img/level/icon/5.gif) no-repeat; background-size:contain;}
.level_icon.level_6 label,
.level_icon.level_6 .label{background: url(../img/level/icon/6.gif) no-repeat; background-size:contain;}
.level_icon.level_7 label,
.level_icon.level_7 .label{background: url(../img/level/icon/7.gif) no-repeat; background-size:contain;}
.level_icon.level_8 label,
.level_icon.level_8 .label{background: url(../img/level/icon/8.gif) no-repeat; background-size:contain;}
.level_icon.level_9 label,
.level_icon.level_9 .label{background: url(../img/level/icon/9.gif) no-repeat; background-size:contain;}
.level_icon.level_10 label,
.level_icon.level_10 .label{background: url(../img/level/icon/10.gif) no-repeat; background-size:contain;}
.level_icon.level_11 label,
.level_icon.level_11 .label{background: url(../img/level/icon/11.gif) no-repeat; background-size:contain;}
.level_icon.level_12 label,
.level_icon.level_12 .label{background: url(../img/level/icon/12.gif) no-repeat; background-size:contain;}
.level_icon.level_13 label,
.level_icon.level_13 .label{background: url(../img/level/icon/13.gif) no-repeat; background-size:contain;}
.level_icon.level_14 label,
.level_icon.level_14 .label{background: url(../img/level/icon/14.gif) no-repeat; background-size:contain;}
.level_icon.level_15 label,
.level_icon.level_15 .label{background: url(../img/level/icon/15.gif) no-repeat; background-size:contain;}
.level_icon.level_16 label,
.level_icon.level_16 .label{background: url(../img/level/icon/16.gif) no-repeat; background-size:contain;}
.level_icon.level_17 label,
.level_icon.level_17 .label{background: url(../img/level/icon/17.gif) no-repeat; background-size:contain;}
.level_icon.level_18 label,
.level_icon.level_18 .label{background: url(../img/level/icon/18.gif) no-repeat; background-size:contain;}
.level_icon.level_19 label,
.level_icon.level_19 .label{background: url(../img/level/icon/19.gif) no-repeat; background-size:contain;}
.level_icon.level_20 label,
.level_icon.level_20 .label{background: url(../img/level/icon/20.gif) no-repeat; background-size:contain;}
.level_icon.level_21 label,
.level_icon.level_21 .label{background: url(../img/level/icon/21.gif) no-repeat; background-size:contain;}
.level_icon.level_22 label,
.level_icon.level_22 .label{background: url(../img/level/icon/22.gif) no-repeat; background-size:contain;}
.level_icon.level_23 label,
.level_icon.level_23 .label{background: url(../img/level/icon/23.gif) no-repeat; background-size:contain;}
.level_icon.level_24 label,
.level_icon.level_24 .label{background: url(../img/level/icon/24.gif) no-repeat; background-size:contain;}
.level_icon.level_25 label,
.level_icon.level_25 .label{background: url(../img/level/icon/25.gif) no-repeat; background-size:contain;}
.level_icon.level_26 label,
.level_icon.level_26 .label{background: url(../img/level/icon/26.gif) no-repeat; background-size:contain;}
.level_icon.level_27 label,
.level_icon.level_27 .label{background: url(../img/level/icon/27.gif) no-repeat; background-size:contain;}
.level_icon.level_99 label,
.level_icon.level_99 .label,
.level_icon.level_admin label,
.level_icon.level_admin .label{background: url(../img/level/icon/28.gif) no-repeat; background-size:contain;}
/*.level_1{ background:#999;}
.level_2{ background:#6d6d6d}
.level_3{ background:#333}

.level_4{ background:#ff6c3e}
.level_5{ background:#F00}
.level_6{ background:#ff00d2}

.level_7{ background:#09F;box-shadow: inset 0 0 0 2px #FFC107, 0 0 0 1px #FFC107;}
.level_8{ background:#06F;box-shadow: inset 0 0 0 2px #FFC107, 0 0 0 1px #FFC107;}
.level_9{ background:#00daff;box-shadow: inset 0 0 0 2px #FFC107, 0 0 0 1px #FFC107;}

.level_10{ background:#a6f350; box-shadow: 0 0 0 1px #ccc;}
.level_11{background:#00da0c; box-shadow:0 0 0 1px #ccc;}
.level_12{ background: #008454;box-shadow:0 0 0 1px #ccc;}
.level_10 label, .level_11 label, .level_12 label{text-shadow: -1px 1px 1px #000; }



.level_13{background:linear-gradient(to right,#e30517,#f1978e,#e30517);box-shadow: inset 0 0 1px 1px #e30517, 3px 3px 3px -1px #555;  }
.level_14{background: linear-gradient(to right,#464998,#b4d1ff,#464998); box-shadow: inset 0 0 1px 1px #464998, 3px 3px 3px -1px #555;}
.level_15{background:linear-gradient(to right,#7c1856,#f06db9,#7c1856);box-shadow: inset 0 0 1px 1px #7c1856, 3px 3px 3px -1px #555; }*/
.level_13, .level_14, .level_15{}
.level_13 label, .level_14  label, .level_15 label{text-shadow: -1px 1px 1px #000; }

.level_icon.level_business, .level_icon.level_business2{ background:rgba(0,0,0,0)}
.level_icon.level_business:before, .level_icon.level_business2:before{content:"\f004";font-family:'FontAwesome';font-size:20px;position:absolute;color:#cc0066;left: 0;}
.level_icon.level_business:after, .level_icon.level_business2:after{font-family:'FontAwesome';font-size:13px;position:absolute;top: 2px;left: 4px;color:#fff;}
.level_icon.level_business:after{content:"\f015"}
.level_icon.level_business2:after{content:"\f2bd"}
.level_icon.level_business2 label{color: #000;font-size: 10px;float: left;width: 34px;left: 16px; transform: rotate(-15deg);top: -7px;background: #fff070;border-radius: 3px;z-index: -1;}
/*.level_99{ background:#cc0066}*/

.level_ss{transform: scale(0.8);}
.level_s{width: 30px;}
.level_m{transform: scale(1.35);margin-right: 3px;}
.level_l{transform: scale(4);}
/* 아이콘 */
.ranking_no1, .ranking_no2, .ranking_no3{ position:relative; z-index:1}
.ranking_no1:after, .ranking_no2:after, .ranking_no3:after{
	content:"\f0a3";
	font-family:'FontAwesome';
	font-size:35px;
	position:absolute;
	color:gold;
	top: -11px;
    left: -5px;
    z-index: -1;
}
.ranking_no2:after{color:silver;}
.ranking_no3:after{color:darkgoldenrod;}
.ranking_no1 label, .ranking_no2 label, .ranking_no3 label{}

/*top_layout*/
nav#menu{
	/*background-image: url( '../img/wood_bg.png' );*/ 
	/*background-size: cover;*/
}
#wrap{
	width:100%;
	height: 100%;
    min-height: 60vh;
   /* margin-bottom: 65px;*/
}

#wrap .mid_bbs_btn{margin:0 auto; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #c7c7c7; text-align:center;}
#wrap .mid_bbs_btn a{margin:0px 3px;}

.top_b{width:100%; position:relative; border-bottom:1px solid #a2a2a2; margin:0 auto;}


/*새로추가상단툴바*/
#toolbar{width:100%;  margin:0 auto; background-color:#fafafa; border-bottom:1px solid #dedfdf; text-align:center;}
#toolbar .tool_in01{margin:12px; text-align:right;}
#toolbar .lnb{color:#575e6e; margin-left:1px;display:inline; background-image:url(/images/mobile/toolbar_bg.gif); background-position-y:30%; background-repeat:no-repeat; padding-left:10px; line-height:25px;}

.page_nav{margin-bottom: 10px;}
.page_nav .page_nav_title{ padding:2px 0px}
.page_nav .page_nav_title h1{ 
	font-size: smaller;
	line-height: 20px;
    padding: 4px 0 0 10px;
}
.page_nav .page_nav_title h1 span{ color:#cc0066}
.page_nav .page_nav_list{ /*margin:10px 0 42px 0*/}
.page_nav .page_nav_list ul{ border-color:#dbdbdb; border-style:solid; border-width:1px 1px 0 1px}
.page_nav .page_nav_list ul li{ font-size:15px;padding:0 12px; line-height: 49px;min-height: 49px; border-bottom:1px solid #dbdbdb}
.page_nav .page_nav_list ul li.back{ background-color:#f9f9f9}
.page_nav .page_nav_list ul li a{ display:block; }
.page_nav .page_nav_list ul li a i{ float:right;line-height: 49px;}
.page_nav .page_nav_list p{ padding:10px}

#header{
	width:100%;
	position:relative;
	overflow:hidden;
	position: sticky;
	top: 0;
	z-index: 99;
	background: url(../img/wood_bg.png);
	
	/*background: #121212;*/
	/*background: linear-gradient(135deg,#e079fc 0%,#7c44ff 100%);*/
	background: #fff;
    /*box-shadow: 0 0px 7px 0px rgb(0 0 0 / 50%);
	box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);
    -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);*/
	/*border: 1px solid #eee;*/
	border-bottom:1px solid #ddd;
	height: 46px;
	display: flex;
}
/*@media screen and (min-width: 470px) {
#header{position: relative;}
}*/
#arrowAnim{width:30px;height:30px;display:block;position:absolute;top:0;left:0;transform:rotate(180deg);display: none;}
#arrowAnim .arrow{width:25px;height:25px;border:7px solid;border-color:#FF5722 transparent transparent #9C27B0;transform:rotate(45deg)}
#arrowAnim .arrowSliding{position:absolute;-webkit-animation:slide 4s linear infinite;animation:slide 4s linear infinite}
#arrowAnim .delay1{-webkit-animation-delay:1s;animation-delay:1s}
#arrowAnim .delay2{-webkit-animation-delay:2s;animation-delay:2s}
#arrowAnim .delay3{-webkit-animation-delay:3s;animation-delay:3s}

@-webkit-keyframes slide {
0%{opacity:0;transform:translateY(30px)}
20%{opacity:1;transform:translateY(15px)}
80%{opacity:1;transform:translateY(-15px)}
100%{opacity:0;transform:translateY(-20px)}
}
@keyframes slide {
0%{opacity:0;transform:translateY(30px)}
20%{opacity:1;transform:translateY(15px)}
80%{opacity:1;transform:translateY(-15px)}
100%{opacity:0;transform:translateY(-20px)}
}

@media screen and (max-width: 767px) {
#header{position: fixed;}
}
#header h3{border-right: 1px solid #eee;
	/*text-indent: -1000px;*//*float:left;*//*line-height: 1; *//*margin: 10px 0 0 0;*/
    /*background: url(../images/logo01.png) -6px -3px no-repeat;*//*position: absolute;*/
    /*background-size: 124px;*//*left: 50%;*/
    /* margin-left: -80px;*//*overflow: hidden; *//*padding-top:12px;*/   
}
#header h3 #arrowAnim{margin-left: -6px;transform: rotate(180deg) scale(0.6);margin-top: 3px;}
@keyframes MoveBg {
	0%{ background-position:0 0}
	100%{background-position:86px 0}
}
@keyframes MoveLogo {
	0%{ background-position:0 0}
	100%{background-position:158px 0}
}
#header h3 a:before{
	font-family: 'FontAwesome';
    content: "\f212";
    font-size: 25px;
    position: absolute;
    top: -4px;
    left: 3px;
    width: 41px;
    height: 41px;
    text-align: center;
    line-height: 39px;
    color: #fff;
    float: left;
    border-radius: 27px;
	background: linear-gradient(90deg,#e63674, #cc0066);
    /*background: linear-gradient(-90deg,rgba(147,26,222,0.85) 0%,rgba(28,206,234,0.85) 50%,rgba(147,26,222,0.85) 100%);*/
    /*animation: MoveBg linear 3s infinite;*/
    /*-webkit-text-fill-color: #fff;*/
	/*box-shadow: 3px 5px 4px rgb(147 26 222 / 35%);*/
	display:none
}
#header h3 a{ width:93px;/*filter: hue-rotate(-65deg) drop-shadow(0px 1px 1px red);*/ background: url(../images/logo2.png) no-repeat -5px 2px;background-size: cover;height: 35px;
	position: relative;margin-left: 2px;/*animation: MoveLogo linear 3s infinite;*/	/*background-image:linear-gradient(-90deg,#edd2f5,#6c1cfd,#edd2f5);*//*-webkit-background-clip: text;*//*-webkit-text-fill-color: transparent;*/
}
#header h3 a span{
	font-size: 20px;
    text-transform: capitalize;
    color: #666;/*text-shadow: -1px -1px 0 rgb(96 2 154 / 85%);*//*text-shadow: -1px -1px 0 rgb(147 26 222);*/ 
}
#header h3 a .h_head,
#header h3 a .h_title{	
	font-family:"Helvetica Neue",Helvetica,Arial,"Malgun Gothic",돋움,Dotum;/*font-family: 'Baloo', cursive;*//*font-family: 'Patua One', cursive;*/
	line-height: 43px;
	font-weight: 900;
	text-shadow: 1px 1px 1px #ccc;display: none;
}
#header h3 a .h_head{margin-left:20px;font-size:24px;color: #d224c2;letter-spacing: -3px;/*color: #579a6a;*/}
#header h3 a .h_head span{font-size: 15px;font-weight: 700;margin-right: -5px;color: #03A9F4;vertical-align: top;}
#header h3 a .h_title{font-size: 19px;color: #FF5722;letter-spacing: -4px;
    padding-right: 7px;
    margin-left: -4px;
    top: -1px;
    position: relative;}
#header h3 a .h_sub{
	position: absolute;
    top: 17px;
	left: 56px;
	font-size: 11px;
    color: #8BC34A;/*color: #858585;*/
}
#header h3 img{ height:60px}
.open_left{ 
	float:left;
	padding: 0 0 0 14px;
    text-align: left;
    height: 44px;
    line-height: 44px;
    width: 44px;border-right: 1px solid #eee;
}
#header a{ 
	display:inline-block;
	float: left;
    font-weight: bold;
    font-size: smaller;
    line-height: 45px;
    color: #333;
}
.open_left a:first-child i{ padding:0 10px 0 0}
.open_right{ 
	float:left;
    line-height: 42px;
	padding-left:3px;
	display:flex;
}
.open_right .devider{
	font-size: xx-small; 
	color: gray;
	float: left;
    display: inline-block;
    font-size: xx-small;
    padding: 4px;
    text-align: center;
	margin-top: -3px;
}
.open_right a{padding: 0;box-shadow:none}
.open_right a:first-child i{ padding:0 10px 0 0}
#header i{ 
	line-height: 44px;
    font-size: 18px;
}



/*2014-02-07*/
#header .ca_rank{float:right; margin-top:31px;}
#header .ca_rank ul li{display:inline; list-style:none; float:left;}


#header .gnb2{width: 100%; text-align: center; padding: 10px 0; float: left;}
#header ul.menu2{list-style-type: none;}
#header ul.menu2 li{display:inline;}
#header ul.menu2 li a{margin:20px;}
#header ul.menu2 li a.active{color:#0b0b0b; font-weight:bold;}

/*상단 빨간색 바*/
.location{
	clear:both;
	width:100%; 
	margin:0 auto; 
	position:relative; 
	z-index: 2;
	overflow:hidden; 
	text-align:center;
	background-color:#fff;
	float:left; 
}
.location .lc_info{
	font-weight: 600;
	float:left; 
	padding:0 0 0 10px;   
	width:100%; 
	height:40px; 
	overflow:hidden; 
	position: relative;
	line-height: 40px;
	letter-spacing: -1px;
	/*background: linear-gradient(#c1b6ae 0%, #d3c2b7 100%);*/
	background: linear-gradient(to bottom, #c1b6ae, #baaca3);/*background: #eee;*//*background: #d2ded6;*/
    background: #e63674;
}
.location .lc_info .notice{
	position:relative;
	text-align:center; 
	top:30px;
}
.location .lc_info .notice a{
	/*color:#ff0000;*/ 
	color:#fff; 
	font-size:14px
}
.location .area_btn{
	background: #fff;
    border-bottom: 1px solid #ccc;/*float:left;*/
	width:100%;/*margin: 0 0 7px 0;*/
	}
.location .area_btn a.open_area{
	font-family: 'Nanum Gothic';
	font-size: 16px;
	font-weight: 700;
	color: #3f3f3f;/*color: #fff;*//*color: #666;*/
	display: inline-block;
	min-width: 40%;
    height: 38px;
	margin: 5px 0 0 0;
    padding: 3px 15px 3px 25px !important;/*padding: 3px 0 6px 0;*/
	line-height: 32px;/*line-height: 24px;*/
	box-sizing:border-box;
	border-radius: 20px 2px 2px 20px;/*border-radius: 15px;*/
	position:relative;/*box-shadow: 
		0 4px 5px -1px rgb(0 0 0 / 11%), 
		0 2px 4px -1px rgb(0 0 0 / 7%), 
		inset -2px -2px 0px 0px, 
		inset 1px 2px 0px 0 rgb(255 255 255 / 50%);*/
	border: 1px solid #ccc;
	background: rgba(0,0,0,.2);/*ackground-image: url(../img/wood_bg.png);*/
	overflow: hidden
	/*backdrop-filter: saturate(200%) blur(30px);*/
	/*box-shadow: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);*/
	/*text-shadow: 1px 1px 2px rgb(0 0 0 / 35%);*/
	/*;*/
	/*background-color: white;*/
    /*border: 1px solid #1d1d1d;*/    
}
.location .area_btn a.open_area:before{
	display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: 13px;
    left: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
}
.location .area_btn a.open_area i{ 
	/*display: block;
    font-size: 30px;
    line-height: 40px;
	position: relative;
    top: 2px;  
	font-weight: 100;*/
	/*float: right;*/	
}
.location .area_btn a.open_area:hover, .location .area_btn a.open_area:focus{
	color: #fff;/*color: #8d54d6;*//*font-weight:900;*/
	border-color: #cc0066;/*font-size:17px;*//*background-image: linear-gradient(310deg, #7928ca, #ff0080) !important;*/
	background: linear-gradient(180deg,#e63674, #cc0066);/*background: rgb(0 0 0/55%);*//*background: rgb(255 255 255/55%);*/
	/*box-shadow: 0 4px 5px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%), inset 2px 2px 0px 0px #666, inset -1px -1px 0px 0 rgb(255 255 255 / 50%);*/
}
.location .area_btn a.open_area.info:hover, .location .area_btn a.open_area.info:focus{}
.location .area_btn a.open_area.review:hover, .location .area_btn a.open_area.review:focus{}
.location .area_btn a.open_area.coupon:hover, .location .area_btn a.open_area.coupon:focus{}
.location .area_btn a.open_area.comm:hover, .location .area_btn a.open_area.comm:focus{}
.location .area_btn a.open_area.file:hover, .location .area_btn a.open_area.file:focus{}
.location .area_btn a.open_area.game:hover, .location .area_btn a.open_area.game:focus{}
.location .area_btn a.open_area.event:hover, .location .area_btn a.open_area.event:focus{}
.location .area_btn a.open_area.guide:hover, .location .area_btn a.open_area.guide:focus{}

.location .area_btn span{color:#FFF; display:inline-block; padding-top:8px;}
.location .c_search{height: 50px;/*background-color: #d1e2d6;*/    
}
.location .c_search .input-group{padding: 0 10px;}
.location .c_search .input-group .input-group-btn{}
.location .ticker{
	height:30px;
	position: relative;
    overflow: hidden;
}
.location .c_search input{
    font-size: 14px;
    margin: 8px auto 6px;
    height: 34px;
    padding:8px;
	border-radius: 5px 0 0 5px;
}
.location .c_search input::placeholder{
	color:#555;
}
.location .c_search button{
	width:40px;
	height:34px;
	line-height: 41px;
	border:0px; 
	top: 1px;
	padding: 0;
	border-radius: 0 5px 5px 0;
	background: linear-gradient(to bottom, #c1b6ae, #baaca3);/*background: linear-gradient(#c1b6ae 0%, #d3c2b7 100%);*/
    border-color: #baaca3;
	background: linear-gradient(180deg, #e939b7,#d224c2) !important;
    border-color: #d224c2;
}
.location .c_search button:hover{
	background:#fff;	
}
.location .c_search i{
	float: none;
    color: #fff;
    font-size: 15px;
    position: relative;
    top: -2px;
}

/*상단 검정색 바*/
.location2{clear:both;float:left; width:100%; margin:0 auto; position:relative; overflow:hidden; background-image:url(/images/mobile/area_m_bg_man.gif); background-repeat:repeat-x;  height:29px;}
.location2 .area_btn{float:left;}
.location2 .area_btn a.open_area{float:left;}
.location2 .area_btn span{color:#FFF; display:inline-block; padding-top:8px;}
.location2 .c_search{float:right; margin-top:2px;}
.location2 .c_search input{width: 110px; height: 17px;}
.location2 .c_search button{width:22px;height:25px;border:0px;}


.m-table {
    display: table;
    table-layout: fixed;
    min-width: 300px;
    border-collapse: collapse;
}
.m-icon,  {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #eee;
}
.m-icon {
    width: 44px;
    text-align: center;
    font-size: 18px;
}
.m-icon a {
    display: block;
    position: relative;
}
 
.m-nav {
    overflow: hidden;
    /*margin: 0px 10px;*/}
.m-list #mobile_nav_sub{margin-bottom: 3px;padding-bottom: 3px;border-bottom: 1px solid #ddd;}

.m-list #mobile_nav_sub_s{/*padding-bottom: 3px;*/}
/*지역팝업*/
.area_btn{padding: 5px 10px;border-bottom: 1px solid #ddd;}
.area_btn a{ padding-left:0; padding-right:0;letter-spacing: -1px;}
.area_wrap {position:relative;z-index: 3;left:0;width:100%;overflow: hidden;border-bottom: 1px solid #ddd;}

.area_wrap.loc,
.area_wrap.comm,
.area_wrap.file,
.area_wrap.game,
.area_wrap.event,
.area_wrap.guide{
	background: #fff;
	/*background: linear-gradient(135deg,rgb(224 121 252) 0%,rgb(124 68 255/50%) 100%)*/
}
.area_wrap.loc .area_box_wrap .area_tit,
.area_wrap.comm .area_box_wrap .area_tit,
.area_wrap.file .area_box_wrap .area_tit,
.area_wrap.game .area_box_wrap .area_tit,
.area_wrap.event .area_box_wrap .area_tit,
.area_wrap.guide .area_box_wrap .area_tit,
.area_wrap.toon .area_box_wrap .area_tit{
	color:#666
}
.area_wrap.loc .area_box_wrap .group_wrap_tit li a ,
.area_wrap.comm .area_box_wrap .group_wrap_tit li a ,
.area_wrap.file .area_box_wrap .group_wrap_tit li a ,
.area_wrap.game .area_box_wrap .group_wrap_tit li a ,
.area_wrap.event .area_box_wrap .group_wrap_tit li a ,
.area_wrap.guide .area_box_wrap .group_wrap_tit li a,
.area_wrap.toon .area_box_wrap .group_wrap_tit li a {
	border: 1px solid;
}
.area_wrap.info,
.area_wrap.review,
.area_wrap.coupon{
	background:rgb(0 0 0/0%)
}
.area_wrap #fogbg {display:none; position:fixed; left:0; top:0; width:100%; height:100%;}
.area_wrap .area_box_wrap {position:relative; left:0;width:100%; padding:3px}
.area_wrap .area_box_wrap.op{background-image: linear-gradient(310deg, rgb(121, 40, 202) 0%, rgb(255 0 128) 100%);}
.area_wrap .area_box_wrap.rest{background-image: linear-gradient(310deg, rgb(20, 23, 39) 0%, rgb(58 65 111) 100%);}
.area_wrap .area_box_wrap.mass{background-image: linear-gradient(310deg, rgb(33, 82, 255) 0%, rgb(33 212 253) 100%);}
.area_wrap .area_box_wrap.drinks{background-image: linear-gradient(310deg, rgb(245, 57, 57) 0%, rgb(251 207 51) 100%);}
.area_wrap .area_box_wrap.anma{background-image: linear-gradient(310deg,rgb(23 173 55) 0%,rgb(152 236 45) 100%);}
.area_wrap .area_box_wrap.etc{background-image: linear-gradient(310deg,rgb(98 117 148) 0%,rgb(168 184 216) 100%);}
.area_wrap .area_box_wrap.info{background-image: linear-gradient(310deg,rgb(234 6 6) 0%,rgb(255 102 124) 100%);}

.area_wrap .area_box_wrap.libs{background-image: linear-gradient(310deg,#ea0606,#ff667c);}
.area_wrap .area_box_wrap.kiss{background-image: linear-gradient(310deg,#ffc000,#fbc931);}
.area_wrap .area_box_wrap.fetish{background-image: linear-gradient(310deg,#2a00ff,#7055f8);}
.area_wrap .area_box_wrap.outanma{background-image: linear-gradient(310deg, rgb(33, 82, 255) 0%, rgb(33 212 253) 100%);}

.area_wrap .area_box_wrap.yellow{
	
	
	background-image: url(../img/wood_bg.png);
	
	/*backdrop-filter: saturate(200%) blur(30px);*/
	/*box-shadow: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);*/
	/*text-shadow: 1px 1px 2px rgb(0 0 0 / 35%);*/
	/*;*/
	/*background-color: white;*/
    /*border: 1px solid #1d1d1d;*/    
}

.area_wrap .area_box_wrap .area_box_in {
	position:relative; 
	left:0; 
	top:0;  	/*background: #fff;*/	/*padding-top:10px;*/
	margin: 0px auto;
    padding: 0px;
}
.area_wrap .area_box_wrap .area_header:before {
	display:block; 
	content:''; 
	clear:both; 
	position:absolute; 
	left:12px; 
	top:6px; 
	width:14px; 
	height:10px; 
	/*background:transparent url(../images/mobile/area_arrow.png) no-repeat 0 0;*/ 
	background-size:18px; 
	border:1px solid transparent;}
.area_wrap .area_box_wrap .area_header {
	padding:2px; 
	margin-bottom: 6px;
	border-bottom: 1px solid rgb(255 255 255/15%);
    /*border-bottom:2px solid #d9d9d9;*/
	display:none;
}
.area_wrap .area_box_wrap .area{
	width: 100%;	overflow-x: hidden !important;
    margin: 0px;
	background: linear-gradient(top, #c1b6ae 0%,#baaca3 100%);
	min-height: 48px;
	}
.area_wrap.area_wrap_bbs .area_box_wrap .area{min-height: auto;}
#area.area_wrap .area_box_wrap .area{
	height: auto;
	background:#fff;
	padding: 10px 0;
}

.area_wrap .area_box_wrap .area_tit{
	display:inline-block;
	overflow:hidden; 
	vertical-align: middle; 
	padding-left:15px;
	font-weight:900; 
	color:#fff;
	/*background-image:url(/images/area_liststyle.jpg);*/ 
	/*background-repeat:no-repeat;*/ 
	/*color:#4f4f4f;*/ 
	/*margin-left:10px;*/ 
	/*margin-top:5px;*/
}
#area.area_wrap .area_box_wrap .area_tit{
	width: 100%;
	margin: 20px 0 10px;
	padding: 0;
	font-size: 20px;
	color: #4f4f4f;
	border-bottom: 1px solid #ccc;
}
.area_wrap .area_box_wrap .area_tit i{margin: 0 5px 0 0;}
.area_wrap .area_box_wrap .group_wrap_tit {width:100%;position:relative;text-align:center;list-style: none;   margin: 0px;   padding: 0px;}
#area.area_wrap .area_box_wrap .group_wrap_tit{
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    padding: 0 10px 20px;
    overflow: hidden;
	border: 1px solid #ccc;
    background: #f9f9f9;
}
.area_wrap .area_box_wrap .group_wrap_tit:first-child {border-top:0;}
.area_wrap .area_box_wrap .group_wrap_tit li{border: 1px solid rgba(255,255,255,.15);display: table-cell;float: left;width: 25%;}
.area_wrap.area_wrap_bbs .area_box_wrap .group_wrap_tit li{ width:auto; float:none}
#area.area_wrap .area_box_wrap .group_wrap_tit li{
	float: left;/*padding: 3px 0 3px 25px;*/
    background: rgba(0,0,0,.2);/*height: 38px;*/
    line-height: 35px;/*border-radius: 20px 2px 2px 20px;*/
    margin: 5px 4px 0 0;
	position:relative;/*width: 32%;*/
	text-align: left;
}
/*#area.area_wrap .area_box_wrap .group_wrap_tit li:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    top: 15px;
    left: 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.3);
}*/
body.index .area_wrap .area_box_wrap .group_wrap_tit li{
	opacity:1;
}

.area_wrap .area_box_wrap .group_wrap_tit li.wide{
	width:45%
}
.area_wrap .area_box_wrap .group_wrap_tit li.active{
	/*background-color:#60687b;*/
	/*box-shadow: 0 4px 7px -1px rgb(0 0 0 / 15%), 0 2px 4px -1px rgb(0 0 0 / 7%);*/
	opacity:1;
}
.area_wrap .area_box_wrap .group_wrap_tit li a{border: 1px solid #ddd;line-height:1.42857143;padding:6px 12px;border-radius: 4px;color: #000;display:block;font-size: 12px;letter-spacing: -1px;padding-left: 0;padding-right: 0;}
.area_wrap.area_wrap_bbs .area_box_wrap .group_wrap_tit li a{width: 120px;}
#area.area_wrap .area_box_wrap .group_wrap_tit li a{
	line-height: normal;
	color: #3f3f3f;
	text-shadow:none;
	letter-spacing: -2px;
	font-weight: 700;
}
.area_wrap .area_box_wrap .group_wrap_tit li.active a{
	color: red !important;
    text-shadow: 1px 1px 0px #ddd;/*text-shadow: 1px 1px 0px #111;*/
    font-weight: 900;/*background: rgb(255 255 255 / 100%);*//*box-shadow: 0 4px 7px -1px rgb(0 0 0 / 35%), 0 2px 4px -1px rgb(0 0 0 / 27%);*/
}
.area_wrap .area_box_wrap .group_wrap li.active a{font-weight:bold; color:#000;}

.area_wrap .area_box_wrap .group_wrap {overflow:hidden; margin:0; position:relative; width:100%}
.area_wrap .area_box_wrap .group_wrap:first-child {border-top:0;}
.area_wrap .area_box_wrap .group_wrap li{
	float:left;  list-style:none; width:33.3%; border:1px solid #fff; background:#efefef;
	/*display:inline;margin-left:5px;padding:10px 3px;*/ }
.area_wrap .area_box_wrap .group_wrap li a{
	 text-decoration:none; text-align:center; display:block; color:#1d1d1d;
	 /*color:#818181; padding-left:.5em;*/}
.area_wrap .area_box_wrap .group_wrap .area_select{float:left; padding-left:3px; letter-spacing: -1;  color:#222; background:none; font-weight:bold;}

.area_wrap .btn_close {
	position:relative; 
	top:0; 
	right:0; 
	width:100%; 
	height:35px; 
	border:0; 
	background: rgba(0,0,0,.65);/*background:url('../images/mobile/area_close.gif') no-repeat 0 0; *//*background-size:25px;*/ /*text-indent:-1000em;*/
	line-height: 35px;
    color: #fff;
	display:none
}


.gnb{background-image:url(/images/mobile/gnb_bg.jpg); background-repeat:repeat-x; border-bottom:1px solid #363c4b; border-top:1px solid #363c4b; height:60px; width:100%; float:left; position:relative; border-top:1px solid #999;}
.gnb ul{text-align:center; margin:0 auto; height:60px;}
.gnb ul li{display:inline-block; list-style:none; margin:0 auto; background-image:url(/images/mobile/menu_bg.jpg); background-position-y:30%; background-repeat:no-repeat; padding:4px 1px; overflow:hidden;}
.gnb ul li:first-child{background-image:none;}


/*2014-02-26*/
.Cgnb{border-top:1px solid #363c4b; width:100%; float:left; position:relative;  background:#656d80;}
.Cgnb ul{text-align:center; margin:0 auto;}
.Cgnb ul li{display:inline-block; list-style:none; margin:0 auto; padding:4px 1px; overflow:hidden;}
.Cgnb ul li:first-child{background-image:none;}

.Cgnb02{border-bottom:1px solid #363c4b; width:100%; float:left; position:relative; background:#656d80;}
.Cgnb02 ul{text-align:center; margin:0 auto; height:52px;}
.Cgnb02 ul li{display:inline-block; list-style:none; margin:0 auto; padding:4px 1px; overflow:hidden;}
.Cgnb02 ul li:first-child{background-image:none;}

/*section*/
#section{
	width:100%;
	margin:0 auto 0;
	position:relative;
	z-index: 2;
	height: auto;
	/*margin-bottom: 55px;*/
	background:#fff;
}
@media screen and (min-width: 470px) {
	/*#section{margin-bottom:70px;}*/
}
@media screen and (max-width: 767px) {
	#section{
		margin-top: 46px;
		margin-top: 91px;
	}
}

body.index #section{
	/*background-color: #36275d;*/
	
}
#bg-gradient {
    position: fixed; 
    width: 100%;
    height: 100%;
    display: block;display:none;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
	background: linear-gradient(-45deg,rgba(147,26,222,0.83) 0%,rgba(28,206,234,0.82) 100%);
}
#section .navi{background-color:#FFF; height:30px; border-bottom:1px solid #c0c0c0; }
#section .nav{clear:both; float:left; margin-left:10px; background-image:url(/images/mobile/home_icon.jpg); background-position-y:50%; padding-top:9px; background-repeat:no-repeat; padding-left:20px; color:#999;}
#item-tab .nav{
	margin-left:0; 
	padding-left:0;
    width: 100%;
    display: table;
	padding-top:0;
}
.div-tab.tabs ul.nav-tabs li.active
#section .shop-info .nav li,
#item-tab{
	display: flex;
	flex-direction: column;
}
#item-tab .nav li{
	display: table-cell;
    width: 20%;
    white-space: nowrap;
	background: rgb(247, 247, 247);
}
#item-tab .nav li.active{background: #fff; border-bottom:0;border-top: none;}

#item-tab .nav li.active a{
	color:#cc0066;
	border-top: 1px solid #cc0066;
	border-bottom: 0;
	border-left:0;
}
#item-tab .nav li:first-child a{/*border-left:1px solid #ddd;*/}
#item-tab .nav-tabs{ 
	border-bottom:0;
}
.div-tab.tabs div.tab-content{padding:0;}
#item-tab .nav-tabs>li>a{
	/*border-top: 1px solid rgb(230, 230, 230);
    border-bottom: 1px solid rgb(221, 221, 221);*/
    /*border-right: 1px solid rgb(230, 230, 230);*/
	background: transparent;
	text-align: center;
	color:#333;
	padding: 12px 0;
	height: 56px;display: flex;align-items: center;justify-content: center;
}
#item-tab .nav-tabs>li>a b.en{	/*display: block;*/    line-height: 18px;}
#section .arrowBtnBox{float:right; margin-right:5px; margin-top:5px;}
#section .arrowBtn{margin:0px;}
#sns_register{/*padding: 0 10px 10px;*/}
#sns_register .sns-wrap{display:block}
#sns_register .sns-icon{width:100%;position: relative;}

a.sns-icon.sns-twitter::before, 
a.sns-icon.phone::before{width: 40px;text-align: center;font-size: 20px;height: 40px;display: inline-block;left: 0;position: absolute;font-family: 'FontAwesome';}
a.sns-icon.sns-twitter::before {content: "\f2c6"}
a.sns-icon.phone::before{ content: "\f098";}
a.sns-icon.phone{background: url(/img/sns/btn_p.jpg) no-repeat;background-size: 101%;}

#sns_register .id{position: absolute;
    right: 20px;
    top: 0;
    font-size: 15px;
    font-family: fantasy;}
/*메인메뉴 롤오버*/

A.roll img {display:inline; border:0;} 
A.roll img.over{display:none;} 

A.roll.active{border:0;}
A.roll.active img{display:none;} 
A.roll.active img.over{display:inline;}

/*contents*/
.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}
.use-media .div-title-wrap,
.qa-media .div-title-wrap {
    margin: 0px;
	/*display: flex*/;
}
#section .inner{
	width:100%; 
	margin:0 auto; /*padding: 0 0 0 10px;/
	/*min-height: 440px;*/
	display: block; 
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #fff;
	min-height: 60vh;
	/*background: #E9E6E0;background: rgb(233 208 175);
	box-shadow: rgb(0 0 0 / 30%) 0px 10px 20px;*/
	/*display:inline-block;*/
}

#section .inner.item{
	padding: 0 0 10px 10px;
}
#section .inner.list{
	padding:10px;
}
.inner.list .row{margin:0}
.inner.list .col{padding:0}
.inner.list > img{
	width:100%;
}
.inner.list .badge{
	line-height: 16px;
	background: orangered;
}
.inner.list .media{
	border:none;
	margin:5px 0 0 0;
}
.inner.list .fix-icon i{
	width: 40px;
    height: 40px;
	line-height: 36px;
	background: #eee;
	border: 1px solid #ddd;
}
.inner.list .post-text{
	font-size: 12px;
    color: #888;
    letter-spacing: -1px;
    padding-right: 1px;
}
#section .div-title-underbar {
    font-size: 22px;
    text-align: center;
}
#section .profile .div-title-underbar{ 
	text-align:left;
}
#section .item-nav .div-title-underbar span {
   display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;/*padding-bottom: 8px;*/
}
#section .div-title-underbar-bold {
    font-weight: bold;
    border-bottom-width: 3px;
    margin-bottom: -2px;
	padding: 4px 0;
}
.shop-info{margin-bottom: 30px;}
.shop-info1{margin-bottom: 1px;}
/*.gem-red,
.gem-green,
.gem-yellow{
	padding-left:30px !important;
	background:url(../images/s_icon.png) no-repeat;
	
}*/
.gem-green{background-position:0 0;}
.gem-red{background-position:0 -70px;}
.gem-yellow{background-position:0 -35px;}
#main-tab,
#sub-tab{overflow-x: scroll;margin: 0 10px;}
#main-tab .nav,
#sub-tab .nav{
	margin:0; 
	padding-left:0;
	display: flex;
	border: 0;
}
#main-tab .nav li,
#sub-tab .nav li{
	white-space: nowrap;
	/*background: linear-gradient(#c1b6ae 0%,#baaca3 100%);*/
	margin:0;
}
#main-tab .nav li:nth-child(1), #sub-tab .nav li:nth-child(1){background-color:#FFC101;}
#main-tab .nav li:nth-child(2), #sub-tab .nav li:nth-child(2){background-color:#FF9701;}
#main-tab .nav li:nth-child(3), #sub-tab .nav li:nth-child(3){background-color:#FF5703;}
#main-tab .nav li:nth-child(4), #sub-tab .nav li:nth-child(4){background-color:#F54236;}
#main-tab .nav li:nth-child(5), #sub-tab .nav li:nth-child(5){background-color:#FA1867;}
#main-tab .nav li:nth-child(6), #sub-tab .nav li:nth-child(6){background-color:#9C27B0;}
#main-tab .nav li:nth-child(7), #sub-tab .nav li:nth-child(7){background-color:#673AB7;}
#main-tab .nav li:nth-child(8), #sub-tab .nav li:nth-child(8){background-color:#2196F3;}
#main-tab .nav li:nth-child(9), #sub-tab .nav li:nth-child(9){background-color: #009688;}
#main-tab .nav li.active,
#sub-tab .nav li.active{
	background: linear-gradient(180deg, #e939b7,#d224c2);
	background: #fff;
    color: #333;
}
/*01*/
#section .line_area{ width:50%; float:left}

#section .best-item-slider{
	overflow:visible;
	width: calc(100% - 20px);
	margin-left: 10px;
}
#section .best-item-slider.no-slide{
	width:calc(100% - 10px);}
.best-item-slider .owl-show{
	overflow:visible;
}
.best-item-slider .owl-container{ 
	overflow: hidden;
	margin-right:-10px;/*padding-right: 10px;*/
    /*margin-left: 10px;*/}
.best-item-slider .owl-carousel{
	/*margin-left: 10px;*/
}
.best-item-slider .owl-carousel .owl-wrapper-outer{ 
	overflow:visible;
	/*padding-left: 10px;*/

}
.best-item-slider .owl-carousel .owl-wrapper{
	display: flex !important;
	/*margin-left: -10px;*/
}
.best-item-slider .owl-carousel .owl-item{ /*float:left*/}
.best-item-slider.tab-pane > .line_area{padding: 20px 10px 10px 0;}
.owl-carousel .owl-controls .owl-buttons div.owl-next{
	right:10px}

#section .best-item-slider .owl-carousel .line_area{
	width:100%;
	padding: 10px 10px 10px 0;
	margin-right: 2px;
}

#section .inner .line_area:nth-child(odd){padding: 10px 10px 0 0;}
#section .inner .line_area:nth-child(even){padding: 10px 10px 0 0;}
#section .contBox{
	position:relative; 
    border-radius: 5px;
}
#section .contBox .label-cap{
	color: #fff;
    font-size: 12px;
    font-family: tahoma;
    letter-spacing: 1px;
    top: -7px;
    right: -56px;
    width: 140px;
    padding: 20px 0px 3px;
    position: absolute;
    text-align: center;
    font-weight: normal;
    transform: rotate(45deg);
    opacity: 0.8;
}
#section .contBox .label-tack{
	left: 0px;
    top: 48px;
    z-index: 1;
    position: absolute;
    font-weight: normal;
}
#section .contBox .box_sticker {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 5px;left: inherit;top: -5px;
    right: -5px;
}
.box_sticker img {
    height: 43px;
}
#section .line_area.recommend .contBox{ border-color:#f06db9}
#section .contBox .thumb{ 
	width:100%;line-height: 0;
	/*margin:3px; float:left;width:35%;*/}
#section .contBox .thumb img{
	width:100%;
	height: auto; /*height:100%;*/
	min-height: 124px;min-height: 110px;
	border-radius:10px;
}
#section .contBox .thumb.manager{
	width:100%;
	/*width:19%; margin:3px; float:left;*/
}

#section .contBox .box_ranking{
	position: absolute;top: 0;right: 0;
	/*float:left; width:30px; height:30px; background-color:#FF0000; border-radius:15px; */}
#section .contBox .box_ranking:after{
	display: block;
    border-top: 50px solid #e30517;
    border-left: 50px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}
#section .contBox .box_ranking02{float:left; width:50px; background-color:#6a6d7e; border-radius:10px;}
#section .contBox .box_ranking_txt{
	font-size:16px;font-weight:bold;color:#FFF;text-align:center;width:30px;height:30px;line-height:30px;position:absolute;right:0;transform:rotate(45deg);z-index:1;
} 

#section .contBox .contTxt{
	 margin:0px;  text-align:left; overflow:hidden;
	/*float:left;width:61%;*/}
#section .contBox .titBox{
	width:100%; 
	margin:5px 0 0 0;
	/*float:left;*/}
#section .contBox .tit{
	width:100%;  
	font-weight:bold; 
	font-size:18px;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	letter-spacing: -1px;/*margin:6px 2px 2px 2px;font-size:20px; float:left;*/
}
#section .contBox .address{  
	width:100%; /*color:#9e9e9e;*/
	font-size:12px;	/* float:left;font-size:15px;margin:2px 1px;*/
	white-space: nowrap;
}
#section .contBox .infoBox{
	width:100%; font-size:12px;  
	/*float:left; margin:3px;font-size:15px;*/}
#section .contBox .infoBox .infoA{ 
	color:#666; margin:0 3px 0 1px; letter-spacing:-1px;
	/*background-color: #aaa; color:#FFF; margin-left:1px;*/
}
#section .contBox .infoBox .infoB{color:#797979;margin-left:1px; font-weight:bold; letter-spacing:-1px;}
#section .contBox .infoBox .infoB a{color: #cc0066;letter-spacing: 1px;}
#section .contBox .infoBox.grade{ padding:5px; background:#f7dce9; height:46px; line-height:36px;}
#section .contBox .infoBox.grade .infoA{ color:#000;}
#section .contBox .prof{position:absolute; right:5px; top:10px;}



#section .contBox .infoBox .grade_num{ 
	font-weight:bold; float:right; margin:0 5px 0 0; font-size:20px; color:#cc0066;
	/*color:#ff0000;*/}


#section .contBox .infoBoxX{
	width:100%; font-size:11px;  
	/*float:left; margin:3px;font-size:15px;*/}
#section .contBox .infoBoxX .infoA{ 
	color:#666; 
	margin:0 3px 0 0; letter-spacing:-1px;
	/*background-color: #aaa; color:#FFF; margin-left:1px;*/
}
#section .contBox .infoBoxX .infoB{
	margin-left:1px;/*color:#797979;*/ 
}
#section .contBox .infoBoxX .infoB a{
	color: #cc0066;
	letter-spacing: 1px;
	font-weight: bold;
}
#section .contBox .infoBoxX.grade{ padding:5px; background:#f7dce9; height:46px; line-height:36px;}
#section .contBox .infoBoxX.grade .infoA{ color:#000;}
#section .contBox .prof{position:absolute; right:5px; top:10px;}



#section .contBox .infoBoxX .grade_num{ 
	font-weight:bold; float:right; margin:0 5px 0 0; font-size:20px; color:#cc0066;
	/*color:#ff0000;*/}



#section .contBox .btn_line{
	width:100%;/*border-top:1px solid #ededed;*/ 
	 display:block; /*margin:10px 0 0;*/
	 overflow:hidden;	/*display: inline-block;padding: 5px 10px;*/ 
	 display: flex;
	 margin: 5px 0 0;
}

#section .contBox .rip_btn,
#section .contBox .review_btn, 
#section .contBox .mtogo_btn, 
#section .contBox .profile_btn{
	width:50%; 
	float:left; 
	line-height:26px; 
	border:3px solid #fff; 
	background-color:#cc0066; 
	color:#fff; 
	box-sizing:border-box; 
	text-align:center;
}
#section .contBox .rip_btn{
	/*width:70px; height:26px; display:inline-block; font-size:16px; text-align:center; border: 1px solid #d9d9d9; background-color: #f7f7f7; padding-top:6px; margin-right:10px; font-weight:bold; position:relative; border-radius:20px;*/}
#section .contBox .review_btn,
#section .contBox .mtogo_btn{border-width: 1px;line-height: 15px;}
#section .contBox .review_btn{
	background:#fff;
	border-color:#ccc;
	color:#777;
}
#section .contBox .review_btn.hover{background-color: #f7f7f7;border: 1px solid #d9d9d9;color:#777; }
#section .contBox .mtogo_btn{
	color: #fff;
   	margin-left: 3px;
	background: linear-gradient(180deg, #e939b7,#d224c2);/*background: linear-gradient(#ff72a4 0%, #e63674 100%);*//*background: #e63674;*//*background: linear-gradient(to bottom, #c1b6ae, #baaca3);*/
	border-color: #d224c2;/*border-color: #e63674;*//*border-color: #c1b6ae;*/
}
#section .contBox .mtogo_btn:hover{background-color: #7b7b7b;border: 1px solid #d9d9d9;}
#section .contBox .profile_btn{
	background-color: #58b0de;/*background-color:#ed5355;*/}


.box_sticker{
	position:absolute; 
	top:-4px; 
	left:0;
	z-index:80;/*top:5px; left:140px;*/
}
.box_sticker02{position:absolute; top:5px; left:67px; z-index:80;}


/*jquery paginate style*/
.jPaginate, .cbox_pageing{position:relative;color:#a5a5a5;font-size:small;margin:auto; display:inline-block; padding:15px 0 20px;}
.jPaginate a, .cbox_pageing a{
	background-color:#FFF;cursor:default;font-weight:normal;padding:3px 1px 0px 1px;float:left;border:1px solid #dbdbdb;color:#666;cursor:pointer;text-decoration:none; font-size:16px;  min-width:25px; min-height:25px; text-align:center;    margin-left: -1px;
	/*margin: 2px;border-radius:25px;*/}
.jPaginate a:first-child {/*margin: 0;*/}
.jPaginate a.jPag-current, .jPaginate a:hover, .cbox_pageing a.jPag-current, .cbox_pageing a:hover{
	 color:#fff;/*background-color:#e42618;*/
	 background-color: #444;/*background-color:#cc0066;*/
    border: 1px solid #444;/*border:1px solid #cc0066;*/ /*border:1px solid #e42618;*/}
.pagination{ margin-top:0}
.pagination>li>a, .pagination>li>span{padding: 6px 10px;font-size: 12px;color: #333;min-height: 31px;}
/*footer*/
#footer{
	display: block;
    background: #ececee;
    padding-top: 30px;padding-bottom: 50px;/*background: rgb(233 208 175) url(../img/header.jpg) center 22px no-repeat fixed;*/
}
#footer_wrap{
	width:100%; 
	position:relative; 
	bottom: 0;
	z-index: 1;
	/*background: #36275d url(../img/waves-white.svg) top no-repeat;*/
    /*border-top:1px solid #40434a;*/ 
	/*background: #1b0f2d url(../images/bg-footer.jpg) right bottom no-repeat;*/ 
}
@media screen and (min-width: 470px) {
#footer_wrap{padding-bottom: 10px;}
}
#footer_wrap .footer_inner{
	width:100%; 
	padding:10px 25px 0 25px; 
	display:inline-block;
	position:relative}
#footer_wrap .footer_logo:before{
	font-family: 'FontAwesome';
    content: "\f212";
    font-size: 28px;
    position: absolute;
    top: 0px;
    left: -10px;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 41px;
    color: #fff;
    border-radius: 27px;
	background: linear-gradient(90deg,#e63674, #cc0066);
    /*background: linear-gradient(-90deg,rgba(147,26,222,0.85) 0%,rgba(28,206,234,0.85) 50%,rgba(147,26,222,0.85) 100%);*/
    /*box-shadow: 3px 5px 4px rgb(147 26 222 / 35%);*/
	/*-webkit-text-fill-color: #fff;*/
	display:none
}
#footer_wrap .footer_logo{width: 120px;
    height: 45px;
    background: url(../images/logo2.png) no-repeat -7px -8px;
    background-size: cover;
	float:left; 
    position: relative;filter: hue-rotate(-65deg);
	/*margin-right: 10px;*/
	/*padding-top:6px;*/
	/*background-image: linear-gradient(-90deg,#3500bd,#de78fc,#3500bd);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}
#footer_wrap .footer_logo #arrowAnim{transform: rotate(180deg) scale(0.5);width: 32px;height: 20px;left: -11px;}
#footer_wrap .footer_logo img{width:150px;}
#footer_wrap .footer_logo span{
    font-size: 31px;
    text-transform: capitalize;
    color: #666;
    text-shadow: 1px -1px 1px rgb(147 26 222 / 15%);
}
#footer_wrap .footer_logo span.h_head,
#footer_wrap .footer_logo span.h_title{
	font-weight: 900;;position: relative;
    top: -1px;left: -2px;display: none;/*font-family: 'Baloo', cursive;*/
}
#footer_wrap .footer_logo span.h_head{margin-left: 17px;letter-spacing: -2px;}
#footer_wrap .footer_logo span.h_head span{margin-right: -4px;display: none;}
#footer_wrap .footer_logo span.h_title{font-size: 28px;
    left: -6px;top: -2px;
    letter-spacing: -3px;}
#footer_wrap .footer_logo span.h_sub{
	display: block;
    font-size: 11px;
    font-family: 'Nanum Gothic';
    font-weight: 700;
	color: #858585;
	margin-left: 68px;
    margin-top: -8px;display: none;
}
.twit_logo{
	position:absolute;
	right:25px;
	padding-right:40px;
	text-align: right;
}
.twit_logo:before{
	font-family: 'FontAwesome';
    content: "\f099";
    font-size: 28px;
    position: absolute;
    top: 0px;
    right: -10px;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 41px;
    color: #1d9bf0;
    border-radius: 27px;
	background: linear-gradient(90deg,#e8e8e8, #fff);
}
.twit_logo .t_head{
	display: block;
    font-family: 맑은고딕;
    font-size: 15px;
    text-transform: capitalize;
    color: #666;
}
.twit_logo .t_sub{
	font-size: 15px;
	font-weight: 900;
}


#footer_wrap .addressbox{
	/*width:340px;*/ 
	font-size:14px; 
	padding:7px 0 4px 0; 
	float:left;
}
#footer_wrap .addressbox ul{float:left; color:#a9a9a9;  margin-bottom:15px;}
#footer_wrap .first_bot{float:left; display:inline; margin-right:10px; padding-top:0px; margin-top:0px;}
#footer_wrap .second_bot{float:left; display:inline; background-image:url(/images/footer_bar.gif); background-repeat:no-repeat; background-position-x:left; background-position-y:1px; background-size:auto; background-origin:padding-box; background-clip:border-box; background-color:transparent; padding-left:10px; margin-right:10px; padding-top:0px; margin-top:0px;}
#footer_wrap .m_icon{float:right; margin-top:20px;}
#footer_wrap .address_02{clear:both; color:#a9a9a9; text-align:left;padding-top:0px;text-shadow: 1px 1px 1px black;}
#footer_wrap .address_03{clear:both; color:#a9a9a9; text-align:left;padding-top:0px; margin-top:3px;}
#footer_wrap .alli{
	font-size: 12px;
	clear:both; 
	color:#666; 
	text-align:left;
	padding-top:0px;
	text-shadow:none
}
#footer_wrap .twi{
	color: #cb0c9f;
}




/*login*/
#login_box{
	width:98%; width:100%;
	min-height:400px;min-height:100vh; 
	margin:6px auto; margin:0 auto; 
	background:#FFF; 
	/*border:1px solid #d8d8d8;*/ 
	position:relative; 
	overflow:hidden;

}
#login_box .log_tit{font-size:22px; color:#585858; margin:0px auto 15px; text-align:center; font-weight:bold;}
#login_box .log_red{padding-left:30px; padding-top:5px; padding-bottom:5px; color:#ed1d25;}
#login_box .login_line{width:100%; margin:0 auto;}
	#login_box .login_line table{ width:100%}
#login_box .id_txt{margin:0px auto; /*height:50px;*/} 
#login_box .id_btn{margin-left:10px;}
#login_box .pw_txt{margin:10px auto;} 
#login_box .pw_btn{margin-top:10px;}

#login_box .check_box{margin:30px auto; text-align:center;}
#login_box .log_01{/*margin-top:5px;*/}
#login_box .check_box02{margin-left:5px;}
#login_box .btn_box{margin:10px 0 40px 0; text-align:center;}
#login_box .btn_box .btn_01{font-style: italic;text-decoration: underline;}
#login_box .btn_box .btn_02{ /*margin-left:3px;*/}
#login_box .btn_box .btn_02 a{ display:block}

#login_box .login_btn{
	background: url(../images/login-m.png)no-repeat !important;/*font-size:14px;*/
	border: 0;/* border: 1px solid #d9d9d9;*//* background-color: #545454; *//*padding:33px 24px;*//* margin-top:3px;*//* font-weight:bold; */
	height: 82px;/*position:relative;*//*border-radius:10px;*//* display:inline-block;*/ 	
	display: block;
    font-size: 17px;
    padding: 13px 0;
	text-indent: -9000px;
	box-shadow: none;
}
#login_box .form-header{
	padding-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
#login_box .form-footer {
    border-top: 1px solid #ddd;
    margin-top: 70px;
    padding-bottom: 10px;
}
.login_box .img-banner img{ width:100%}
.login_box .log_01{padding: 15px 30px;}
.login_box .log_01 .input_box,
.login_box .log_01 .log_btn{
	max-width: 300px;
    margin: auto;
}
.login_box .input_box .form-control{
	padding-right: 10px;
	padding-left: 40px;
    height: 54px;
    font-size: 14px;
    background: url(../images/input_bg-m.png) no-repeat  !important;/*background-position: 469px center;*/
	border: 0;
    box-shadow: none;
}
.login_box .log_01 .auto-login{
	max-width: 300px;
    margin: 10px auto -10px;
}
.auto-login label {
    width: 40px !important;
}
.login_box .log_01 .auto-login .ios-toggle, .ios-toggle:active {
    position: absolute;
    top: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
}
.login_box .log_01 .auto-login .checkbox-label {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    height: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: #ddd;
    cursor: pointer;
}
.login_box .log_01 .auto-login .checkbox-label:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    line-height: 34px;
    text-indent: 40px;
    height: 20px;
    width: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    right: auto;
    background: white;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
}
.login_box .log_01 .auto-login .checkbox-label:after {
    content: attr(data-off);
    display: block;
    position: absolute;
    z-index: 0;
    top: -6px;
    left: 40px;
    padding: 10px;
    height: 100%;
    width: 36px;
    text-align: right;
    color: #8e8e8e;
    white-space: nowrap;
}
.login_box .login-details {
    padding-top: 14px;
    color: #8e8e8e;
}
#login .login_box .login-details span {
    margin: 0px 8px;
}
/*ip_search*/
#ip_box{width:98%; margin:6px auto; background:#FFF; border:1px solid #d8d8d8; position:relative; overflow:hidden; padding-bottom:100px; text-align:center;}
#ip_box .log_tit{font-size:30px; color:#585858; margin:30px auto; text-align:center;}
#ip_box .log_txt{font-size:16px; color:#585858; margin:10px auto; text-align:center; line-height:15px;}
#ip_box .log_tit2{font-size:20px;}
#ip_box .log_red{padding-top:5px; padding-bottom:5px; color:#ed1d25;}
#ip_box .login_line{width:100%; margin:0 auto; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:20px 0px;}
#ip_box .id_txt{margin:0px auto;}
#ip_box .heline{height:40px;}
#ip_box .id_btn{margin-left:10px;}
#ip_box .pw_txt{margin:0px auto;} 
#ip_box .pw_btn{margin-top:5px;}
#ip_box .check_box{margin:10px auto;}
#ip_box .log_01{margin-top:5px;}
#ip_box .check_box02{margin-left:5px;}
#ip_box .btn_box{margin:10px auto 40px auto;}
#ip_box .btn_box .btn_01{}
#ip_box .btn_box .btn_02{margin-left:3px;}

#ip_box .login_btn{font-size:14px; border: 1px solid #d9d9d9; background-color: #f7f7f7; padding:15px 50px; margin-top:3px; font-weight:bold; position:relative; background-color:#545454; color:#FFF; border-radius:10px; display:inline-block;}


/*회원가입*/
.memberJoin_box{width:98%; text-align:center; overflow:hidden; padding-bottom:120px; margin:6px auto; border:1px solid #d8d8d8; position:relative; background-color:#FFF;}
.memberJoin_tit{margin:80px auto  0px auto; text-align:center; font-size:30px; font-weight:bold; color:#3b3b3b;}
.memberJoin_stit{margin:5px auto  70px auto; text-align:center; color:#545454;}
.memberJoin_inbox{width:45%; padding:29px 0; text-align:center; display:inline-block; border:1px solid #c4c4c4; border-top:4px solid #60687b; border-bottom:2px solid #e7e7e7;}
.memberJoin_inbox .tit_text{font-size:20px; margin:10px 0; color:#545454; text-align:center; font-weight:bold;}
.memberJoin_inbox .cont_text{color:#545454; text-align:center; line-height:16px; color:#898989;}
.memberJoin_inbox .icon{text-align:center; padding-top:10px;}
.memberJoin_inbox .radio_box{width:100%; text-align:center; padding:22px auto;}

/*회원가입 약정*/
#ip_box .textarea{width:100%; height:60px; border:1px solid #d7d7d7; float:left; backgroun-color:#f1f1f1; font-size:11px; color:#666;}
#ip_box .tdTxt{ color:#666;}

/*회원가입 폼*/
#register_box{/*width:98%;margin:6px auto;border:1px solid #d8d8d8;*/ position:relative; overflow:hidden;padding: 0 10px; }
#register_box .log_tit{font-size:30px; color:#585858; margin:30px auto; text-align:center; margin:0 0 15px 0}
#register_box .log_txt{color:#585858; margin:10px auto; text-align:center; line-height:15px;}
#register_box .log_red{padding-top:5px; padding-bottom:5px; color:#ed1d25;}
#register_box .registetxt01{margin-top:53px; margin-bottom:10px; float:left; width:100%; text-align:left;}
#register_box table{/*margin-top:20px;border:1px solid #CCC;*/ text-align:left;   color:#373737; margin-bottom:15px;}
#register_box table tr td{font-size: 10px; text-align:right/*height:35px; border-bottom:1px solid #d7d7d7; padding-left:5px;*/}
#register_box table tr th{/*height:35px; border-bottom:1px solid #d7d7d7;padding-left:5px;*/ text-align:left;font-size: 18px;
    padding-bottom: 15px; }
#register_box .td01{font-size: 13px; text-align:left/*background-color:#f3f3f3; height:50px; padding-left:5px;*/}
#register_box .code_num{margin-top:3px; padding-left:5px; float:left;}

#register_box .register_btn{/*margin:20px 0px;*/width:100%; text-align:center;  float:left;margin:0 0 20px;}
#register_box .register_btn .join_btn{/*border: 1px solid #d9d9d9; background-color: #545454; padding:20px 50px; border-radius:10px;display:inline-block;*/
font-size:20px;  font-weight:bold; position:relative; color:#FFF;display:block; }
#register_box .login_line input{/*width:80%; height:30px; font-size:16px;*/}
.register-form .text-gap {
    margin-bottom:0
}

/*비밀번호 재설정*/
#ip_box{width:98%; margin:6px auto; background:#FFF; border:1px solid #d8d8d8; position:relative; overflow:hidden; padding-bottom:100px; text-align:center;}
#ip_box .align_r{text-align:right; padding-right:10px;}



/*마이페이지 메뉴*/
#section .myp_box{background-color:#656d80; height:64px; width:100%;  border-bottom:1px solid #c0c0c0; margin:0;}
#section .myp_box ul{text-align:center; padding:3px 0px;  width:100%; overflow:hidden;}
#section .myp_box ul li{display:inline; padding:0px; margin:1px; text-align:center;}



/*마이페이지 내용*/
#myp_box{/*margin:6px auto; background:#FFF; border:1px solid #d8d8d8; position:relative; overflow:hidden; padding-bottom:30px;*/}
#myp_subbox{width:98%; margin:6px auto; background:#FFF; border:1px solid #d8d8d8; position:relative; overflow:hidden; padding-bottom:30px;}
#myp_box .myp_tit{width:95%; font-size:30px; color:#585858; margin:30px auto 10px auto; text-align:center; font-weight:bold;}

#myp_box .login_line{/*width:95%; margin:0 auto; border:3px solid #d8d8d8; text-align:center;*/padding: 0 20px;}
#myp_box .login_line input[type=text], #myp_box .login_line input[type=password]{/*width:80%; height:40px; font-size:16px;*/}



#myp_box .id_txt{margin:0px auto;} 
#myp_box .id_btn{margin-left:10px;}
#myp_box .pw_txt{margin:10px auto;} 
#myp_box .pw_btn{margin-top:10px;}
#myp_box .sub_tit{color:#585858; margin:5px 0px; text-align:left;}
#myp_box .level_box{padding:10px 30px; float:left;}
#myp_box .level_box .level_ico{margin:10px auto; float:left;}
#myp_box .level_box .m_info{text-align:left; margin-left:20px; float:left;}
#myp_box .level_box .m_info .level{color:#b10c0f; font-weight:bold; width:100%;}
#myp_box .level_box .m_info .id_box{width:100%; margin:5;}
#myp_box .level_box .m_info .id{color:#525255;}
#myp_box .level_box .m_info .name{color:#959599;}
#myp_box .level_box .m_info .p_box{width:100%; margin-top:7px;}
#myp_box .level_box .m_info .p_box .point{color:#da190f;}
#myp_box .level_box .m_info .p_box .point_count{color:#525255; font-weight:bold;}
#myp_box .active_box{width:100%; margin:0px auto;  border-top:1px solid #dddddd; padding:20px 0px 20px 0px; background-color:#f7f7f7; clear:both;}
#myp_box .active_box .active_menu{margin-top:25px; width:320px; height:30px; margin:0 auto;}
#myp_box .active_box .active_menu .mp_box{float:left; text-align:left; margin-left:30px;}
#myp_box .active_box .active_menu .mp_box .mp_ico{}
#myp_box .active_box .active_menu .mp_box .mp_menu{margin-left:5px; color:#525255;} 
#myp_box .active_box .active_menu .mp_box .mp_num{text-align:right; color:#525255; font-size:16px; font-weight:bold;}


/*마이페이지 개인정보 폼*/
#myp_box .registetxt01{margin-top:53px; margin-bottom:10px; float:left; width:100%; text-align:left;}
#myp_box .pri_tb{/*margin-top:20px; border:1px solid #CCC;*/ text-align:left; color:#373737; margin-bottom:0px;}
#myp_box .pri_tb tr td{/*height:35px; border-bottom:1px solid #d7d7d7; padding-left:5px;*/}
#myp_box .pri_tb tr th{/*height:35px; border-bottom:1px solid #d7d7d7; text-align:left; padding-left:5px;*/
	font-size: 18px;
    padding-bottom: 15px;
}
#myp_box .pri_tb .warn{
	background-color: #F7DCE9;
    padding: 10px 5px;
	margin:0 0 15px 0;
}
#myp_box .pri_tb .td01{/*background-color:#f3f3f3; height:50px; padding-left:5px;*/}
#myp_box .code_num{margin-top:3px; padding-left:5px; float:left;}

#myp_box .pri_btn{width:100%; text-align:center; margin:20px 0 20px; overflow:hidden}
#myp_box .pri_btn .cancel_btn{/*font-size:15px; border: 1px solid #d9d9d9; background-color: #ff0000; padding:15px 20px; font-weight:bold; position:relative; color:#FFF; border-radius:10px; display:inline-block;float:left;width:35%*/  }
#myp_box .pri_btn .submit_btn{/*font-size:15px; border: 1px solid #d9d9d9; background-color: #545454; padding:15px 20px; font-weight:bold; position:relative; color:#FFF; border-radius:10px; display:inline-block;float:right;width:35%*/  }
#myp_box .pri_btn a i{ margin:3px -15px 0 0}


/* +my_ripple*/
#m_ripple{width:100%}
#m_ripple table{font-size:11px; color:#707070;}
#m_ripple table tr th{height:38px; background-color:#fbfbfb; border-bottom:1px solid #dad8d7;}
#m_ripple table tr td{color:#727272; padding:10px 0; border-bottom:1px solid #dad8d7;}
#m_ripple table tr td div{line-height:180% !important;}

#m_ripple .table_footer{text-align:left;}
#m_ripple .table_btn{text-align:right;}
#m_ripple .table_btn .mripple_btn{text-align:right; margin-right:3px;}


/* +my_review*/
#m_review{width:100%;  position:relative;}
#m_review table{ color:#707070;}
#m_review table tr th{height:38px; background-color:#fbfbfb; border-bottom:1px solid #dad8d7; }
#m_review table tr td{color:#727272; height:40px; border-bottom:1px solid #dad8d7;}

#m_review .table_footer{text-align:left;}
#m_review .table_btn{text-align:right; position:absolute; bottom:10px; right:3px;}
#m_review .table_btn .mripple_btn{text-align:right; margin-right:3px;}

#m_review .in_cont{height:28px; color:#656565;text-align:left;  font-weight:bold; padding-top:4px;}
#m_review .in_cont02{height:25px; color:#656565;text-align:left;}
#m_review .intb{border:0;}
#m_review .in_img{ vertical-align:top}
#m_review .in_grade01{height:28px; color:#ff4747;  text-align:left; font-size:11px; font-weight:bold}
#m_review .in_grade02{height:28px; color:#3399ff;  text-align:left; font-size:11px; font-weight:bold;}
#m_review .in_grade03{height:28px; color:#62bdcc;  text-align:left; font-size:11px; font-weight:bold;}


/* +쿠폰내역*/
#m_coupon{width:100%}
#m_coupon table{font-size:11px; color:#707070;}
#m_coupon table tr th{height:38px; background-color:#fbfbfb; border-bottom:1px solid #dad8d7;}
#m_coupon table tr td{color:#727272; height:40px; border-bottom:1px solid #dad8d7;}


/* +쪽지내역*/
#message_box{width:96%;  border:1px solid #c2c2c2; margin:5px auto 20px auto; text-align:center;}


/* +notice_page*/
[data-toggle=buttons]>.btn>input[type=radio], [data-toggle=buttons]>.btn>input[type=checkbox] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
	margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.board_list{
	margin-top: 20px;
    padding:10px 0 0;
    border-top: 2px solid black;}
#notice,
#write{
	width:100%; /*margin:6px auto 0;*/
	 background:#FFF;
	 overflow:hidden; /*padding:10px 0;*/
	 position:relative; 
	 z-index:2;/*border:1px solid #d8d8d8;padding-bottom:10px;*/
	 padding: 0 10px;
	 }
#notice .myp_tit,
#write .myp_tit{
	font-size:24px; color:#585858;  
	text-align:left; 
	font-weight:bold; margin:0 auto 10px;/*margin:20px auto 10px auto;*/
	height: 50px;
	line-height: 50px;
    padding-left: 15px;
	background-color: #fafafa;
    border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	margin: 0 -10px;
	letter-spacing:-1px
}
#write .myp_tit{}
#notice .login_line,
#write .login_line{width:100%; margin:0 auto; text-align:center;padding:10px 0;}
#notice .sub_tit{color:#585858; margin:5px 10px; text-align:left;}
#notice .login_line .list-category .dropdown a.btn{border-radius:none}
#notice .week_tab_wrap{margin: 0 10px 10px;text-align: center;}
#notice .week_tab{display: inline-block;width: 100%;}
#notice .week_tab .btn{background: transparent;box-shadow: none;font-style: normal;}

#notice .week_tab .btn-sm{
	min-width: 10%;
	margin-left:-2px;
    border: 1px solid #cb0c9f;
    border-radius: 8px;
    color: #cb0c9f;
    background: #fff;
    margin-right: 1px;
	padding: 6px 0;
	font-size:12px;
	transition: auto;
}
@media screen and (min-width: 470px) {
	#notice .week_tab .btn-sm{	min-width: 10.5%;}
	
}
#notice .week_tab .btn-sm.active{color: #fff;background-image: linear-gradient(310deg,#7928ca,#ff0080);}
#notice .week_tab .btn:first-child{margin-left:0}
#notice .week_tab .btn:last-child{ margin-right:0}

#notice .platform_tab{
	margin: 0 10px 10px 10px;
    padding: 10px 10px 5px;
    text-align: center;
    background-image: linear-gradient(310deg,#7928ca,#ff0080);
    border-radius: 8px;}
#notice .platform_tab button{border-radius: 8px;background: #fff;border:0;line-height: 19px;margin: 0 auto 5px;}
#notice .platform_tab button.active{background: rgb(254 166 247);color: #444;font-weight: 700;}
#notice .platform_tab button img{ width:18px;left: 0;vertical-align: middle;}

#notice .platform_tab .btn{
	font-style: normal;    
    letter-spacing: 0;
}
#notice .platform_tab .btn-sm{
	padding: 5px 10px;
    background: #fff;
    line-height: 19px;
    margin: 0 auto 5px;
	font-size: 12px;
    min-height: 19px;
    border-radius: 8px;
}
#notice .platform_tab .btn-sm.active{background: rgb(254 166 247)!important;color: #444;font-weight: 700;box-shadow: 0 4px 7px;}
#notice .platform_tab .btn-sm img{ width:18px;left: 0;vertical-align: middle;border-radius: 3px}

#notice .cate_tab{text-align:center;margin-bottom: 10px;}
#notice .cate_tab .btn-sm{
	border: 1px solid #7928ca;
    border-radius: 14px;
    color: #7928ca;
    background: #fff;
    margin: 0 0 2px 0;
    display: inline-block;
    font-weight: 700;
    padding: 3px 4px;
    font-size: 14px;
}

#notice .cate_tab .btn{background: transparent;box-shadow: none;font-style: normal;min-width: 42px;}
#notice .cate_tab .btn.active{color: #fff;background: #7928ca !important;box-shadow: 3px -1px 0px 0px #ff0080;border-color: #fff;}
#notice .filter_tab{margin-bottom:7px;display: inline-block;}
.nav.nav-pills .nav-link {
    z-index: 3;
    color: #344767;
    border-radius: 0.5rem;
    background-color: inherit;
}
/*
#notice .filter_tab .nav{display: flex;flex-wrap: wrap;}
#notice .filter_tab .nav.nav-pills {
    background: #f8f9fa;
    border-radius: 0.75rem;
    position: relative;
	padding: 10px 5px;
	margin-left: 0;
}
#notice .filter_tab .nav.nav-pills .nav-item{}
#notice .filter_tab .nav.nav-pills a{ width:85px}
#notice .filter_tab .nav.nav-pills a i{ margin-right:5px}
#notice .filter_tab .nav.nav-pills a:first-child{  margin-right:5px}
#notice .filter_tab .nav.nav-pills .active a{
	font-weight: 600;
    box-shadow: 0 1px 5px 1px #ddd;
    animation: .2s ease;
    background: #fff;
	border-radius: 0.75rem;
	padding: 7px;
	font-size: 12px;
	color: #fff;
    background-image: linear-gradient(310deg,#2152ff,#21d4fd);
}
*/
#notice .filter_tab{background: #e9ecef;border-radius: 0.75rem;}


#notice .best_tab, #notice .adult_tab{margin: 0 10px 10px;}
/*
#notice .best_tab ul, #notice .adult_tab ul{ padding:0 ; float:none;margin: 0;display: table;width: 100%;}
#notice .best_tab ul li, #notice .adult_tab ul li{display: table-cell;}
#notice .best_tab ul li a, #notice .adult_tab ul li a{display:block;text-align: center;}
#notice .best_tab ul{border-bottom: 1px solid #cb0c9f;}
#notice .best_tab ul li{ width:25%; float:left;margin-bottom: -1px;}
*/
#notice .best_tab{border-bottom: 1px solid #cb0c9f;display: flex;}

#notice .best_tab .btn, 
#notice .adult_tab .btn,
#notice .filter_tab .btn{background: transparent;box-shadow: none;font-style: normal;float: left;color: #555;font-size: 13px;}
#notice .filter_tab .btn{padding:0 20px}
#notice .filter_tab .btn i{float:none}
#notice .filter_tab .btn.active{
	font-weight: 600;
    box-shadow: 0 1px 5px 1px #ddd;
    animation: .2s ease;
    background: #fff;
	border-radius: 0.75rem;
	font-size: 12px;
	color: #fff;
    background-image: linear-gradient(310deg,#2152ff,#21d4fd);
	background-color: #21d4fd !important;
}
#notice .best_tab .btn{
	color: #8392ab;color: #3a416f;
	width: 25%; 
	padding: 8px 0;
	margin-bottom: -1px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
}
#notice .best_tab .btn.active{
	cursor: default;
    background-color: #fff !important;
	color: #cb0c9f;
    border: 1px solid #cb0c9f;
    border-bottom-color: transparent;
}
#notice .adult_tab{border-radius: 8px;background: #ddd;overflow: hidden;}

#notice .adult_tab .btn{width: 33.33333%; padding: 8px 0;background: #e9ecef;}
#notice .adult_tab .btn.active{
	background-color: rgba(58,65,111,.95) !important;
	color: #fff;
	background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%);
	background-image: linear-gradient(310deg,#7928ca,#ff0080);
}

#notice .best_tab>ul>li>a{
	margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
	padding: 8px 0;
}
#notice .best_tab>ul>li.active>a,
#notice .best_tab>ul>li.active>a:hover, 
#notice .best_tab>ul>li.active>a:focus{
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#notice .user_tit{margin:10px 0px; text-align:left;}
#notice .customer_searchbar{width:95%; height:30px; text-align:left; }
#notice .notice_sellect_box2{text-align:left;}
#notice .sw_box{display:inline;}
hr {margin: 1rem 0;color: inherit;border: 0;border-top: 1px solid;opacity: .25;}
hr {border-top: none!important;height: 1px;}
hr.horizontal {background-color: transparent;}
hr.horizontal.dark {background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent);}
.toon-section{clear: both;margin-top: 10px;}
	.cards{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 10px; 
		margin-right: -10px;  	
	}
	.toon-holder{
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		position: relative;
		width: 100%;
		padding: 0 10px 10px 0;
		}
	.card{
		overflow: hidden;
		/*background-image: linear-gradient(250deg,#7928ca,#ff0080);*/
		/*border-radius: 10px;*/
	}
	.card-header{
		background-image: linear-gradient(135deg,#232736 0,#3e4149 0% ,#000 100%);
		height: 90px;
		overflow: hidden;
		box-shadow: 0 5px 10px -8px rgb(0 0 0 / 100%);/*box-shadow: 0 5px 15px -8px rgb(0 0 0 / 100%);*/
		}
	.card-header a{display:block;padding:10px;}
	.thumb-img{width: 215%;margin-left: -50%;margin-top: -11%;top: 0;z-index: 0;opacity: 0.8;}
	.cate-wrap{position: absolute;top: 7px;left: 5px;width: 100%;}
	.platform{width: 20px;border-radius: 3px;}
	.badge{
		padding: 0.15em 0.4em;
		/*font-size: 75%;*/
		font-weight: 700;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 0.25rem;
		background: #fff;
	}
	.cate-wrap .badge{position: absolute;padding: 4px;font-size: 11px;left: 25px;color: #f53939;}
	.cate-wrap .badge.fin{color:#fff;min-height: 12px;background-color: #8392ab;background-image: linear-gradient(310deg,#141727,#3a416f); }
	.cate-wrap .badge.badge-danger{right: 13px;left: auto;background-color: #ea0606;border-color: #ea0606;background-image: linear-gradient(310deg,#ea0606,#ff667c);color: #fff;}
	.cate-wrap .badge.fin i{ display:none}
	.tag-wrap{position: absolute;left: 5px;top: 67px;}
	.tag-wrap .badge{
		background: #ff7e7e;
    	color: #000;
	}
	.card-body{margin-top: 7px;}
	.card-body a{
		display: block;
	}
	.card-body h3{
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 18px;
    	font-weight: 900;
    	letter-spacing: -1px;
	}
	.card-body h3 .badge{color: #cb0c9f;top: -1px;position: relative;padding: 1px;margin-right: 3px;}
	.card-body p{
		font-size: 12px;
		margin: 3px 0 5px 0px;}
	.card-footer{
		padding: 0px 0 0px 5px; position: relative;}
	.card-footer p{
		font-size: 11px;
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
	.card-footer i{ margin-right:4px}
	.card-footer a{
		position: absolute;
		right: 0;
		bottom: 0;
		border: 1px solid #3f3f3f;
		color: #3f3f3f;
		padding: 2px 4px;
		border-radius: 5px;
		font-size: 11px;
	}
@media screen and (min-width: 470px) {
	.toon-section{margin:10px 0 0;}
}
.div-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 15px 0;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom: 1px solid #c3c3c3;
    border-collapse: separate;
}
.div-head > span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    font-weight: bold;
    line-height: 1;
}
#notice .login_line .list01{
	width:100%; 
	table-layout:fixed;
	/*margin: 10px auto;*//*border-top:1px solid #999; border-bottom:1px solid #999;*/
	margin-top: 0;
    border: 1px solid #ddd;
	margin-bottom:10px;
}
.author .profile_img img { border-radius: 50%;}
.author .profile_img i{margin-top: 4px;width: 25px;height: 25px;font-size: 13px;padding: 7px 0px 0px;text-align: center;background: #ddd;color: #fff;border-radius: 50%;}
#write .login_line .list01{
	width: 100%;
	table-layout:auto;
	margin:15px 0 20px;
}
.list-category{margin: 10px 0;}
#notice .login_line .board_list{ margin:0 0 10px}
#notice .login_line .list01 th{height:16px; color:#555; text-align:left; padding:10px; border-bottom:1px solid #dedede; background-color:rgb(247, 247, 247);}
#write .login_line .list01 th{padding: 20px 0 5px 0;}
#write .login_line .list01 td label{ margin:0}
#write .login_line .list01 td label input{ margin:0 4px 4px 0}
#notice .login_line .list01 td{
	height: 16px;
    color: #555; 
    padding: 10px;
    border-bottom: 1px solid #dedede;
}
#notice .list01 tr.notice,
#notice .list01 .notice{
	background-color: #f5f5f5;/*background-color: #f7dce9;*//*background-color: #f5f6fa;*/
}

#notice .list01 tr.notice td{ border-bottom:1px solid #ddd;}
#notice .list01 .title{
	text-align:left; 
	font-size:16px; 
	padding:6px 10px ;
	/*font-size:18px;*/
}
#write .list01 .title{
	padding: 0 10px;
}
#notice .list01 .title .label{font-size:80%; padding: .4em .6em .3em;line-height: 11px;}
#notice .list01 .title a .rep_cnt font{ margin-left:5px}
#notice .list01 .title img{ vertical-align:sub; margin-right:5px}
#notice .list01 .title .author{font-size:14px;position:relative; /*letter-spacing: -1px;*//*padding-top:10px;*/}

.level_x{margin-left: 20px;}
.level_x:before{
	display: block;
    width: 20px;
    height: 20px;
    font-family: 'FontAwesome';
    left: -25px;
    position: absolute;
    color: #ff009d;
    content: "\f004";
    font-size: 20px;
	
}
.author{position:relative;font-size: 12px;}
a.user_nick.active + .dropdown-menu{ 
	display:block;
	top: 70%;
    background: #000;
    border-radius: 0;
	min-width: auto;
}
a.user_nick.active + .dropdown-menu li a,
.board_list .dropdown-menu>li>a{padding: 0 8px;color: #fff !important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color:#000; color:#ff0000 !important}

#notice .list02{
	color: #333; 
	text-decoration:none;/*color:#555;*/
	display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;margin-bottom: 2px;
}
#notice .list02.bold{
	font-weight: bold;
	display: block;
    word-break: break-all;
	text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
#notice .list03{ margin:0 10px;clear: both;}
#notice .list03 .alert{  
	color:#fff; 
	font-weight:700;
	margin:10px 0;
}
.not_pageing{width:100%; text-align:center; float: left;}
.not_pageing .navi{color:#777; padding:0px 2px; font-weight:bold; vertical-align:middle; display:inline-block;}

/*게임*/
#eventWrap{width:100%; position:relative; padding:0; margin:0;}
#eventWrap .skin_top{width:100%; text-align:center;  position:relative;}
#eventWrap .skin_top2{width:100%; text-align:center; background:#174f6c;}
#eventWrap .skin_cont{background: #fdf2da; text-align:center; width:100%; overflow:hidden; position:relative;}
#eventWrap .skin_cont ul{width:100%; text-align:center; margin:0 auto;}
#eventWrap .imgbox{display:inline-block; padding:10px 5px;}
#eventWrap .text_tit{text-align:left; color:#2685bd; font-weight:bold;}
#eventWrap .text_cont{text-align:left; color:#252320;}
#eventWrap .btn{position:absolute; filter:alpha(opacity=0); BACKGROUND-COLOR: #000; text-indent:-9999px; display:block; overflow:hidden; opacity:0;}
#eventWrap .btn2{z-index:20;}
#eventWrap .content{z-index:10; position:relative; margin:0 auto;}
#eventWrap .bx_evt1{width:100%; position:relative;}
#eventWrap .tb{padding:0; margin:0; width:100%;}
#eventWrap .tb ul{position:relative;}
#eventWrap .tb_top{width:100%; height:49px; margin:0; padding:0px; background:#2185b9;}
#eventWrap .rank01{width:20%; padding:0px; font-size:14px; list-style:none; margin-left:0; color:#fff2ce; display:inline-block;line-height:44px; text-align:center; height:49px; float:left;  border-right:1px solid #595959;}
#eventWrap .rank02{width:40%; padding:0px; font-size:14px; list-style:none; margin-left:0; color:#fff2ce; display:inline-block;line-height:44px; text-align:center; height:49px; float:left;  border-right:1px solid #595959;}
#eventWrap .rank03{width:39%; padding:0px; font-size:14px; list-style:none; margin-left:0; color:#fff2ce; display:inline-block;line-height:44px; text-align:center; height:49px; float:left;}
#eventWrap .text01{width:20%; padding:0px; font-size:14px; list-style:none; margin-left:0; color:#595959; display:inline-block;line-height:44px;   height:49px; float:left; text-align:center;  border-right:1px solid #595959;}
#eventWrap .cont_text{width:40%; padding:0px; font-size:14px; list-style:none; margin-left:0; color:#595959; display:inline-block ;line-height:44px; height:49px;  float:left; text-align:center;  border-right:1px solid #595959;}
#eventWrap .cont_score{width:39%; padding:0px; font-size:14px; list-style:none; margin-left:0; color:#595959; display:inline-block ;line-height:44px; height:49px;  float:left; text-align:center;}


/*평가댓글영역*/
#review_comment{ 
	border:1px solid #dbdbdb; 
	border-width:1px 0 1px 0; 
	/*margin:10px auto;*/ 
	background:#fff;
}
#review_comment .comment_grade{width:98%; height:35px; margin:18px auto 0px auto; background-color:#2d2d2d; border:1px solid #dddddd;}
#review_comment .comment_tit{margin:10px; float:left; font-size:13px; color: #cccccc;font-weight: bold;}
#review_comment .comment_check{margin:5px auto; text-align:center; width:100%;display: inline-block;}
#review_comment .comment_codeBox{margin:5px auto; text-align:left; width:100%;}
#review_comment .comment_codetxt{color:#888888; font-size:11px; text-align:left; float:left; margin-left:5px; padding-right:10px;}
#review_comment .comment_check ul{float:left; margin-left:5px;}
#review_comment .comment_check ul li{display:inline;}
#review_comment .com_category{color:#313131; margin:0; padding-left:3px; background-image:url(/images/ma_titbg02.gif); background-repeat:no-repeat; background-position-y:50%;}
#review_comment .com_input{padding-right:1px;} 
#review_comment .comment_write{
	margin:13px auto; text-align:center;}
#review_comment .com_wbox{margin:0 auto; padding:0px; text-align:center; width:100%}
#review_comment .com_wbox td{ padding:0 20px;}
#review_comment .com_wbox .btn{ display:block; margin:10px 0 0 0}
#review_comment .com_area{
	height:69px; width:100%; line-height:16px; border:0; padding:0; vertical-align:middle; background-color:#FFF; margin:5px auto; color:#1d1d1d; box-shadow:inset 0 0 0 1px #dbdbdb;}
#review_comment .com_list{
	color:#888888; width:100%; position:relative; margin:20px auto 0px; padding:10px 0 0; border-top:1px solid #dbdbdb; background:#f7f7f7 }
#review_comment .com_listin{color:#888888; vertical-align:middle; text-align:left; position:relative;}
#review_comment .com_line{font-weight:bold; text-align:left; padding:5px 0px 5px 5px;}
#review_comment .com_line_st{padding:10px 0px 20px 20px;vertical-align:middle; border-bottom:1px solid #dbdbdb;    color: #1d1d1d;}
#review_comment .com_line_ico{padding:5px 0px 5px 5px;vertical-align:middle; text-align:left;}
#review_comment .com_line_id{padding:20px 0px 20px 20px; vertical-align:middle; border-bottom:1px solid #dbdbdb; text-align:left;background-color: #f7dce9; color:#000;}
#review_comment .com_line_st.com_date{ vertical-align:top;background-color: #f7dce9;}
#review_comment .com_line_id .level_business2{ margin-bottom:10px}
#review_comment .com_gradetxt{color:#bd2e3a; font-weight:bold; padding:5px 0px;}
#review_comment .com_gradetxt01{ color:#ff4747; font-weight:bold; padding:5px 0 0 20px;}
#review_comment .com_gradetxt02{ color:#3399ff; font-weight:bold; padding:5px 0px;}
#review_comment .com_gradetxt03{ color:#62bdcc; font-weight:bold; padding:5px 0px;}
#review_comment .com_01{padding-left:5px; vertical-align:bottom;}
#review_comment .com_date{padding:5px 20px 5px 5px; text-align:right;}


/*댓글영역*/
#rip_comment{width:100%;  margin:10px auto 0px auto; background:#f7f7f7;}
#rip_comment .cbox_write_box{
	border:1px solid #dbdbdb;; border-width:1px 0 1px 0; margin:0 auto 10px;background-color:#fff; padding:5px 20px 10px}
#rip_comment .cbox_section{margin:3px auto; padding:3px; width:100%; text-aling:center;}
#rip_comment .cbox_section .cbox_txt_area{height:57px; width:96%; line-height:16px; border:1px solid #e9e9e9; vertical-align:middle; background-color:#FFF; margin:5px auto; color:#a5a5a5;}
#rip_comment .cbox_section .cbox_icon{ width:50%; float:left;color:#676767; font-weight:bold; vertical-align:middle; margin-right:3px;/* margin-top:5px;*/}
#rip_comment .cbox_section .cbox_icon02{color:#676767; font-weight:bold; vertical-align:middle; margin-right:3px;}
#rip_comment .cbox_section .cbox_btn{/*margin-left:10px;*/}
#rip_comment .cbox_section .cbox_btn i{ color:#cc0066}
#rip_comment .cbox_section .cbox_btn .btn{ display:block;margin-top: 10px;}

#cbox_desc_ripcomment{color:#888888; position:relative; margin:5px auto;    padding: 0 20px;}
#cbox_desc_ripcomment .cbox_comment{color:#888888; vertical-align:middle; height:25px; text-align:left;}
#cbox_desc_ripcomment .cbox_comment02{ padding-left:10px; width:690px; height:26px; vertical-align:middle; padding-top:3px; padding-bottom:3px;}
#cbox_desc_ripcomment .cobox_gb{font-weight:bold; padding-top:3px; padding-bottom:3px;}
#cbox_desc_ripcomment .cobox_gb i{ color:#cc0066}
#cbox_desc_ripcomment .cbox_inTxt{border-bottom:1px solid #dbdbdb; padding:10px;color: #1d1d1d;}
#cbox_desc_ripcomment .cbox_level{padding:5px 10px; white-space:nowrap; padding-top:10px}
#cbox_desc_ripcomment .cobox_dt{padding:5px 10px; text-align:right;}



/*컨텐츠 버튼*/
#section .contBox .pro_btn{}

.rip_btn{cursor:pointer; position:relative;}
.review_btn{cursor:pointer; position:relative; padding-left:5px;}
.com_btn{position:absolute; top:-4px; right:-3px; z-index:1;}


/*출근부 업*/
.work_btn{position:absolute; top:13px; left:5px; z-index:1;}
.rec_btn{
	position:absolute;  z-index:1; width:28%; right: -5px;
    top: -5px;
	/*top:-2px; left:-2px;*/
}
.rec_btn img{ width:100%}

/*업체검색팝업*/
#p_warp{width:620px; margin:0; padding:0; top:0px; left:0px;}
#p_warp .title_box{width:100%; padding-top:20px;}
#p_warp .searc_tit{margin:20px 0px 10px 23px; text-align:left; width:80%; font-size:18px; font-weight:bold;}
#p_warp .sub_txt{margin-left:23px; text-align:left; width:80%;}
#p_warp .search_box{width:95%; margin:12px auto 19px auto; border:1px solid #000; position:relative; background:#f9f9f9;}
#p_warp .search_boxin{width:100%; position:relative;}
#p_warp .search_boxin .search_bar{margin:40px auto;}
#p_warp .search_boxin .search_bar .member_search{width:90%; height:28px; margin:0 auto;}
#p_warp .search_boxin .search_outline{width:95%; height:30px; border:2px solid #000; margin:3px 2px; color:#5d5d5d;}
#p_warp .search_boxin .search_bar .code_search{width:90%; height:28px; margin:17px auto; }
#p_warp .search_boxin .search_bar .db_search{width:90%; height:28px; margin:17px auto; }
#p_warp .search_boxin .search_bar .db_enter{width:90%; margin:17px auto; }
#p_warp .search_boxin .search_bar .submit_btn{font-size:12px; border: 1px solid #d9d9d9; background-color: #545454; padding:12px 14px; font-weight:bold; position:relative; color:#FFF; border-radius:5px; display:inline-block;}
#p_warp .footer_s{width:100%; border-top:3px solid #556982; margin:0px;}
#p_warp .footer_s .output{background-image:url(/images/search_out.gif); background-position-y:50%; padding:5px 30px; background-repeat:no-repeat;}
#p_warp .footer_s .output02{padding:5px;}
#p_warp .footer_s .output03{background-image:url(/images/bell.gif); background-position-x:100%; padding:5px 20px; background-repeat:no-repeat; color:#ea3639; font-weight:bold;}
#p_warp .footer_s table tr td{height:34px; text-align:center; color:#5d5d5d; border-bottom:1px solid #e7e7e7;}
#p_warp .footer_s table tr td .number_black{text-align:left; background:#fafafa; line-height:170%; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; color:#5d5d5d; font-weight:normal;}
#p_warp .footer_s table tr td .number_black div{text-align:left;}
#p_warp .footer_s table tr td .number_white{text-align:left; background:#fafafa; line-height:310%;  border-left:1px solid #e7e7e7; color:#5d5d5d; font-weight:normal; background:#ffffff;}
#p_warp .footer_s table tr td .number_white div{text-align:left;}
#p_warp .footer_s .ouput_list{padding:0px 10px;}
#p_warp .footer_s .output_black{color:#ea3639; font-weight:bold; padding:0px 10px;}

#p_warp .footer .line01{border-bottom:1px solid #393939;}
#p_warp .footer .line02{border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
#p_warp .footer .line03{border-bottom:1px solid #e9e9e9;}


.category_tab{
	overflow:hidden; 
	border:1px solid #fff; 
	display:block;
	 margin:10px 0;
	/*float:left; font-size:15px;*/}
.category_tab ul{ 
	margin:0; padding:0;
	/*float:left;*/ 
}
.category_tab li{
	text-align:center;  
	height:35px; float:left; 
	vertical-align:middle; 
	display:block; 
	list-style:none; 
	width:25%; 
	border:1px solid #fff;
	padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.category_tab li a{display:block;line-height:34px; text-decoration:none; color:#fff;}
.category_tab .Btn{background:#dbaf70;}
.category_tab .onBtn{background-color:#cc0066;}
.category_tab .Btn a{}
.category_tab .onBtn a{font-weight:bold; }


/*팝업*/
#m_notice_pop{position:absolute;width:100%; height:100%; top:0px; z-index:99; display:none;}
#m_notice_pop_wrap{position:fixed;width:100%; height:100%; background-color:#000; filter: alpha(opacity=80); opacity:0.8; top:0px;}
#m_notice_pop .InBox{position:fixed; margin:20px; border:5px solid #fff;}
#m_notice_pop .InBox .cont_Txt{text-align:center; color:#000; background-color:#FFF; line-height:16px;}
#m_notice_pop .InBtn{position:absolute; left:-15px; top:-15px;}




/*커뮤니티*/
#CBox{width:96%; overflow:hidden; position:relative; margin:0px auto 0px auto; text-align:center;}
#CBox .inCBox{float:left; position:relative; margin:1px; overflow:hidden;}
#CBox .inMBox{position:relative; margin:1px; overflow:hidden;}
#CBox .inMBox .inTxt{background-color:black; filter:alpha(opacity=50); opacity:0.5; position:absolute; bottom:0px; left:0px; width:100%; height:12px; color:#fff;}
#CBox .inMBox .inTxt .Ctit{float:left; margin-left:10px; margin-top:4px; font-weight:bold;}
#CBox .inMBox .inTxt .Cdate{float:right; margin-right:10px; margin-top:20px;}


#CBox .inRBox{float:right; position:relative; margin:1px; overflow:hidden;}
#CBox .inRBox .inImg{}
#CBox .inTxt{background-color:black; filter:alpha(opacity=50); opacity:0.5; position:absolute; bottom:0px; left:0px; width:80%; height:18px; color:#fff;}
#CBox .inTxt .Ctit{float:left; margin-left:10px; margin-top:4px; font-weight:bold;}
#CBox .inTxt .Cdate{float:right; margin-right:10px; margin-top:20px;}



/*커뮤니티02*/
#CBox02{width:312px; overflow:hidden; position:relative; margin:20px auto -120px auto;}
#CBox02 .inCBox{float:left; position:relative; margin:1px;}
#CBox02 .inCBox .inImg{}
#CBox02 .inCBox .inTxt{background-color:black; filter:alpha(opacity=50); opacity:0.5; font-size:11px; position:absolute; bottom:0px; left:0px; width:100%; height:16px; color:#fff;}
#CBox02 .inCBox .inTxt .Ctit{float:left; margin-left:3px; margin-top:2px; font-weight:bold;}
#CBox02 .inCBox .inTxt .Cdate{float:right; margin-right:10px; margin-top:20px;}


#CBox02 .inRBox{float:right; position:relative; margin:1px;}
#CBox02 .inRBox .inImg{}
#CBox02 .inRBox .inTxt{background-color:black; filter:alpha(opacity=50); opacity:0.5; position:absolute; bottom:0px; left:0px; width:100%; height:20px; color:#fff;}
#CBox02 .inRBox .inTxt .Ctit{float:left; margin-left:10px; margin-top:4px; font-weight:bold;}
#CBox02 .inRBox .inTxt .Cdate{float:right; margin-right:10px; margin-top:20px;}



/*.media, .media .media{ margin:0;border-top: 1px solid #ccc;}*/
.media:first-child {margin: 0;border: 0;}
/*2014-02-07*/
.btnBox{width:98%; text-align:right; padding:10px 0px;}
.disLevel{width:5%; display:block; text-align:right; float:left; padding:20px 0px 24px 0px;}
.media .photo{padding:8px 0}
.media .photo i{
	background: rgb(245, 245, 245);
    padding: 10px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 30px;
    display: inline-block;
}
/*2014-02-07*/
#B_comment{
	 width:100%; /*border-top:1px solid #bbb;*//*border-bottom:1px solid #bbb;*/ 
	 color:#666666; 
	 position:relative;
}
#B_comment .B_List{width:100%; padding:8px 0px;border-top: 1px solid #e4e3e3;/*border-bottom:1px solid #e4e3e3;*/}
#B_comment tr:first-child .B_List{  border:0}

#B_write_box,
.B_write_box{
	border: 1px solid #ddd;
    padding: 12px;
	margin-top: 10px;
    margin-bottom: 10px;
    background: #fbfbfb;
	position:relative;
}
.B_write_box:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    bottom: -11px;
    left: 0;
    position: absolute;
	display:none
}
.B_txt_area{
	height:80px; 
	width:100%; 
	line-height:16px;  
	vertical-align:middle;  
	background-color:#FFF; 
	color:#555; 
	border:0;
	padding: 5px 10px; 	/*border:1px solid #e9e9e9;*//*float:left;*//*box-shadow: inset 0 0 0 1px #dbdbdb;*/
}
.txtBox{ 
	text-align:center;
	display:block; /*padding:0 20px;*/ /*width:98%; margin:5px 0px; float:left;*/
}

#BoardBtn_Box{ 
	position:relative; /*width:100%; */
	display:block; 
	text-align:center; 
	overflow:hidden; /*padding:0px 0px 10px 0px;float:left;*/
}

.B_modify{float:left; margin:5px;}
.B_listUp{
	display:block; 
	border-bottom:1px solid #dbdbdb;/*float:right; margin:5px;*/
}
.B_listUp a{ display:block; background:#f4f4f4; color:#1d1d1d;}
.B_listUp.B_write{border-bottom:0;float: right;}
.B_listUp.B_write a{ display:block;/*background:#cc0066;*/ color:#fff; border-radius:0}
#B_write_box .stdform table td{border: 1px solid #dbdbdb;}
.B_write_box{

}
.B_write_box td{padding: 12px;}
.B_write_box td:first-child{ padding-right:0}
.B_write_box td .B_txt_area{border: 1px solid #dbdbdb;height: 92px;}
.B_write_box td:second-child{ padding-left:0}
#B_write_box .stdform table td:second-child{width: 80px;border-left: 0;}
#B_write_box .comment_save,
.B_write_box .commentt_save{ 
	display:block; 
	font-size:14px;
	width: 80px;
    height: 80px;
    box-shadow: none;
    padding: 0;
    line-height: 70px;
}
.B_write_box .commentt_save{
	position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 0;
	border: 1px solid #dbdbdb;
    border-left: 0;
	height: 92px;
    line-height: 92px;
}
#B_write_box .comment_save:last-child{ margin-top:10px;}


.reply_frm_area .txtBox{ padding:0}
.reply_frm_area .comment_save{ display:block}



/* 2014-02-07업소탐방*/
#visit{width:98%; margin:6px auto; background:#FFF; border:1px solid #d8d8d8; position:relative; overflow:hidden; padding-bottom:10px;}
#visit .myp_tit{width:95%; font-size:14px; color:#585858; margin:20px auto 0px auto; text-align:center; font-weight:bold;}
#visit .login_line{width:95%; margin:0 auto; border:3px solid #d8d8d8; text-align:center;}
#visit .sub_tit{color:#585858; margin:5px 0px; text-align:left;}

#visit .user_tit{margin:10px 0px; text-align:left;}
#visit .customer_searchbar{width:95%; height:30px; text-align:left; }
#visit .notice_sellect_box2{text-align:left;}


#visit .login_line .list01{width:100%; border-top:1px solid #999; border-bottom:1px solid #999;}
#visit .login_line .list01 tr th{height:16px; color:#555; text-align:center; padding:10px; border-bottom:1px solid #dedede; background-color:rgb(247, 247, 247);}
#visit .login_line table tr td{height:16px; color:#555; padding:10px 0px; text-align:center; border-bottom:1px solid #dedede;}
#visit .list01 .title{text-align:left; padding-left:18px;}
#visit .list02{color:#555; text-decoration:none;}
.wr-icon {
    display: inline-block;
    padding: 0px;
    margin: 0px;
	margin-right:3px;
    overflow: hidden;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left top;
}
.wr-image {
    width: 12px;
    height: 12px;
    background-image: url(../img/icon_image.gif);
}
.board_list .list .g2_row{/*padding: 0 0 0 10px !important; font-size:13px;*/}
.board_list .list .g2_row_title{padding:10px 0 10px 0; border-bottom: 1px solid #ccc; text-align: left !important;}
.board_list .list .g2_row_title .txtBox{text-align:left;padding-bottom: 10px;padding: 0 10px;}
.board_list .list .g2_row_title .tit{
	font-size:16px;color: #000;
	/*font-size: 18px;*//* font-weight:800;*/
}
.board_list .list .g2_row_title dl.txtBox dd:first-child a{
	display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.board_list .list .g2_row_title .tit .rep_cnt{color:#ddd; /*color:#cc0066*/}
.board_list .list .g2_row_title .tit2{font-size: 14px;margin-top: 3px;position:relative;}
.board_list .list .g2_row_title .tit2 a{ color:#777;}
.board_list .list .g2_row_title .tit2 .user_nick{ color:#333; /*background-color:#ddd*/}
.board_list .list .g2_row_thumb{ padding:10px 10px 0; line-height:0}
.board_list .list .g2_row_thumb a{display: block;}
.board_list .list .g2_row_thumb img{ width:100% !important}
.board_list .list .g2_row .txtBox{text-align:left; font-size:12px;    color: #777;}
.board_list .list .g2_row .txtBox .contents{ padding: 0 10px;/*background-color:#f3f4f4; padding:10px*/}
.board_list .list .g2_row .rep_cnt{color:#F00;}
.board_list .list .g2_row a{ display:block;margin-top: 10px;/*color:#333;*//*color:#000;*/}
.board_list .list .tr_line{border-bottom:1px solid #ccc; padding-top:10px;}

/*핫UCC*/
.board_list .gallery{width:100%; font-size:12px;}
.board_list .gallery .list01,.board_list .gallery .list{ table-layout:fixed}
.gallery{position:relative;  }
.gallery .gal_box, .gallery .gal_box_sizer{width:100%;}
.gallery .gal_box{float:left;text-align:left;width: 100% }

.gallery .gal_box a{
	position:relative;
	border-bottom: 1px dotted #ccc;
	display: flex;
	padding-bottom: 10px;
    margin-bottom: 10px;
}
.gallery .gal_box .gal_thumb{ width:160px; display:block; line-height:0/*margin-left: 2px;*/}
.gallery .gal_box .gal_thumb img{
	width:160px; 
	height: 100%;/*transform: skewX(10deg);*/}
.gallery .gal_box .gal_cont{ 
	flex: 1;
	position: relative;
	margin-left:10px;
	}
.gallery .gal_box .gal_cont .line{ 
	display:block;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.gallery .gal_box .gal_cont .line:first-child{
	top: 0;
	display: block;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
	position: relative;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}
.gal_box .gal_cont .line i.fa-h-square{ 
	color:#3E9BFA;
    font-size: 14px;
	float:left;
	margin:2px 2px 0 0;
}
.gal_box .gal_cont .line .wr-comment{
	float: right;
    font-size: 14px;
    color: #ddd;
	min-width: 26px;}
.gal_box .gal_cont .line .wr-comment b{
	color: orangered;
    margin-left: 5px;
	letter-spacing: -1px;
}
.gallery .gal_box .gal_cont .title{
	font-size: 13px;
	font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    color: #000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.gallery .gal_box .gal_cont .title{}
.gal_box .gal_cont .line .wr-hit{

    display: inline-block;
}
.gal_box .gal_cont .line .wr-hit i,.gal_box .gal_cont .line .wr-date i{margin-right: 3px;}
.gal_box .gal_cont .line .wr-date{}
.gallery .gal_box .gal_cont font{color: #333;}

/*이벤트*/
.tambang_event{ position:relative; min-height:430px;    background: url(../images/bg_tambang.jpg) no-repeat;background-size: cover; }
.tambang_event .event_wrap{ 
	position:absolute; top: 0; left:0; width:100%; height:100%; text-align:center; color:#fff;}
.tambang_event .event_wrap h1{font-size: 18px;margin: 3% auto 10px;padding: 5px 20px 10px;display: block;width: 58%; min-width:300px;border: 1px solid #fff;}
.tambang_event .event_wrap h1 span{ font-size:25px; font-weight:800;}
.tambang_event .event_wrap p{ margin-bottom:10px; color:#fff; font-weight:800; font-size:11px}
.tambang_event .event_wrap ul{ display:inline-block;    width: 90%;}
.tambang_event .event_wrap ul li{ display:inline-block; margin:5px; padding:10px 0 40px; color:#333; letter-spacing:-1px; width:45%; font-size:11px; max-width:180px; }
.tambang_event .event_wrap ul li:first-child{ background-color:rgba(255,255,255,.8)}
.tambang_event .event_wrap ul li:nth-child(2){background-color: rgba(204, 0, 102, .8); color:#fff}
.tambang_event .event_wrap ul li:nth-child(3){background:url(../images/tambang_banner.jpg) center top no-repeat; color:#fff; text-shadow:1px 1px 2px #000;}
.tambang_event .event_wrap ul li:nth-child(4){background-color: rgba(223, 236, 255, 0.8);}
.tambang_event .event_wrap ul li .event_money{ font-size:12px; margin-bottom:10px}
.tambang_event .event_wrap ul li .event_money h3{ font-size:25px;}
.tambang_event .event_wrap .event_bottom{margin: 5px 0 0;color: #FFEB3B; padding:0 20px;}
.tambang_event .event_wrap .event_bottom i{font-size: 30px;margin: 0 8px 0 0;color: #FFEB3B;}

/*뷰 업소탐방 뷰*/
.panel {
	box-shadow: none;
	 -webkit-box-shadow: none; 
	 border-radius: 0px;
	 margin: 10px 0;
}
.view-head { border-left: 0px; border-right: 0px;}
.view-wrap .no-attach {border-bottom: 0px;}
.panel .panel-heading{
	color: #333;
    background-color: #f5f5f5;
    text-align: left;
    border: 1px solid #ddd;
	border-radius: 0px;
}
.panel-color{ border-color:#d224c2;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.panel-color > .panel-heading{
	background-image: linear-gradient(to bottom, #7928ca 0, #ff0080 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7928ca', endColorstr='#ff0080', GradientType=0);
    background-repeat: repeat-x;border: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-op > .panel-body {text-align: center; position:relative;height:300px; background:url(/images/hold.jpg) no-repeat center;background-size: cover}
.panel-op > .panel-body a{position: relative;top: 0;}
.panel-op > .panel-body > div{background: rgba(0,0,0,0.3);border-radius: 10px;position: relative;top: 175px;}
.panel-op > .panel-body > div > p{color: white;padding: 10px;font-size: 12px;word-break: keep-all;font-family: serif;text-align: left;}

#notice_view{padding:10px 0}
#visit_view{width:98%; margin:6px auto; background:#FFF; position:relative; overflow:hidden; padding-bottom:30px;}
.view-comment{
	padding: 10px 0 0;
    margin-bottom: 5px;
    font-size: 18px;
    text-transform: capitalize;
    overflow: hidden;
    border-bottom: 1px solid rgb(51, 51, 51);
    display: inline-block;
    position: relative;
}

#visitBody{padding-top:10px; position:relative;}
.boardType2{margin-bottom: 30px;padding-bottom: 30px; padding-top:15px/*border-top: 1px solid #dedede;*//*border-top:1px solid #080808;*/}
.boardType2 .boardList{width:100%; /*overflow:hidden;*/ /*background-color:#f5f6fa;*/ /*padding:15px 5px;*/}
.boardType2 li{/*border-bottom:1px solid #eee;*/}
.boardType2 .boardList .list{width:100%; color:#333; font-weight:bold; font-size:20px;margin-bottom: 10px;}
.boardType2 .boardList .list2{width:100%; display:inline-block; position:relative;/* color:#333;*//*padding-top:10px;*/ }
.boardType2 .rec_up{width:100%; max-height:150px; overflow:auto; padding:5px 0px 5px 5px; border-top:1px solid #dddddd; font-size:10px;}
.boardType2 .view{/*width:99%;*/ min-height:150px; /*padding:30px 0px;*/ word-break:break-all;}
.ViewStyle{text-align:left; color:#666; padding:0px; /*margin-left:10px;*/}
.ViewStyle p{text-align:left;}
.ViewStyle img {max-width:100%;height:auto !important; width:100%}
.mt15{margin-top:15px;}

.regist_btn{ margin:10px 0 30px 0; padding:0 20px;}
.regist_btn a{ width:35%;}
.boardType3{margin-top:30px; border-top:1px solid #bbb;}
.taR{text-align:right;}
.comment_del {cursor:pointer;}
.board_pn_list {
	text-align:left; 
	font-size:14px;/*padding: 20px;*//*border-bottom: 1px solid #dbdbdb;*//*width:100%;*/ 
	display: table;
}
.input {width:95%; height:40px; border:1px solid #d1d1d1;}
.effect_textarea {word-wrap:break-word;white-space:pre-wrap; border-top:1px solid #bbb;}
#add_file_list li {border-bottom:none;}
#frm #add_file_list li {display:inline-block; border-bottom:none; text-align:center;}

.memo_title[data-view-status='0'] {color:#000; font-weight:bold;}

/* 쪽지보내기 */
#user_pop {position:absolute; background-color: #494949; border-top:1px solid #000; left:0px; top:0px; z-index:999; padding:0 10px 10px 10px; /*width:58px;*/ display:none;}
#user_pop a {cursor:pointer; color:#FFF; /*font-size: 20px;*/ float:left; clear:both; margin:5px 0 0;}

/* Jump */
.tab_page_wrap{width:100%; overflow:hidden; position:relative;}
.tab_bpage{height:34px;  padding-top:35px; margin:0 auto; width:95%;}
.tab_bpage ul{display:inline; margin:0 auto;}
.tab_bpage ul li{float:left; display:inline; border:none; padding-right:3px;}
.Bpage{border:none; background:none; color:#fff;}
.buser_table{width:95%; overflow:hidden; text-align:center; margin:0 auto;}
.buser_table th{background-image:url(/images/buser_tbg.gif); background-repeat:repeat-x; border-top:2px solid #393939; height:35px; font-size:14px; color:#393939; border-left:1px solid #e3e3e3; }
.buser_table .tdstyle{border-top:1px solid #e3e3e3; height:71px; border-bottom:2px solid #393939;}
.buser_table input{width:100%; height:35px; border:1px solid #dbdbdb; background:#f9f9f9; text-align:center;   font-size:14px; color:#676767; font-weight:bold; vertical-align:middle;}
.jump_ban{background:#369fed; height:122px; width:95%; margin:10px auto;}
.jump_txt{width:95%; margin:10px auto; border:1px solid #dedede; border-bottom:2px solid #f7f7f7;}
.jump_txt ul{text-align:left; padding:20px;}
.jump_txt ul li{padding-top:10px;  color:#676767; padding-left:10px;}
.jump_txt .jumptxt_tit{font-weight:bold; background-image:none;}

.jump_count{width:95%; height:55px; margin:15px auto 0px auto; border:1px solid #e7e7e7;}
.jump_count .jump_cont{width:170px; height:55px; float:left; background-image:url(/images/Jcount01.png); background-repeat:no-repeat; background-position-x:left; background-position-y:10%;  padding:22px 0px 0px 40px;}
.jump_count .jump_cont02{width:170px; height:55px; float:left; background-image:url(/images/Jcount02.png); background-repeat:no-repeat; background-position-x:left; background-position-y:10%;  padding:22px 0px 0px 40px;}
.jump_count .jumpoutbox{width:340px; margin:0 auto;}
.jump_count .jumpBox{color:#393939; font-weight:bold;}
.jump_count .Jcount{color:#ff140a; font-weight:bold; margin-top:-5px;}

.jump_btn{width:100%; margin-top:5px; text-align:center; position:relative; clear:both;}

/*업체관리*/
.b_user_box{width:100%; padding:20px; border:1px solid #e7e7e7; position:relative; padding-bottom:25px; margin-bottom:10px; display:inline-block; text-align:left;}
.b_user_box .title{font-size:17px; color:#393939; font-weight:bold; text-align:left;}
.b_user_box .txt{padding-top:10px; font-size:12px; color:#393939; display:inline-block; padding-right:10px;}
.b_user_box .txt input{height:30px; border:1px solid #bbb;}
.b_user_box .Count_txt{padding-left:5px; color:#ff140a; font-weight:bold;}
.bs_tit_box{width:100%; margin-top:32px; border-top:2px solid #393939; position:relative;}
.bs_tit_box tr td{color:#ff140a; height:35px;}

/*게시판*/
.bbs_searchbar{text-align:center;/*padding:0 10px*/}
.bbs_searchbar #search_key{ width:80px;	height:30px; border:1px solid #ccc; font-size:1em;border-radius: 0;}
.bbs_searchbar #search_str{
	width:40%; border:1px solid #717171; font-size:16px; height:36px; vertical-align:top;
	/*width:200px; height:40px;*/}
.bbs_searchbar #find{
	width: 40%; border: 1px solid #717171; font-size: 16px; height: 36px;vertical-align:top;}
.bbs_searchbar #search_btn{
	font-size:15px; padding:0 14px; font-weight:bold; color:#FFF; height:40px; line-height:40px; vertical-align:top; 
	/*background-color:#ed5355; border-radius: 3px;*/}
.Bwrite_btn{/*padding:0 10px*/}
.Bwrite_btn a{ display:block;}


/*게시물 추천*/
.recommend_box{width:100%; text-align:center;}
.recommend_box .recommend_cont{overflow:hidden;width:103px;height:103px;margin:20px auto;text-align:center;cursor:pointer;background:#f06db9;border-radius: 50%;border: 2px solid #f5f5f5;
    background: #fff;}
.recommend_box .recommend_cont .recommend_btn{margin-top:7px;}
.recommend_box .recommend_cont .recommend_btn i{ font-size:50px; display:block; color:#fff;}
.recommend_box .recommend_cont .recommend_btn label{ color:#fff}
.recommend_box .recommend_cont .recommend_count{font-size:16px; font-weight:bold; text-align:center; color:#555;}

.view-icon img {width: 34px;border-radius: 50%; margin-bottom: 5px;}
.view-author .auth-photo {float: none;width: 100%;padding-right: 0px;    }
.view-author .img-photo img {border-radius: 50%;width: 80px !important;height: 80px !important;display: inline-block;}
.mypage-skin .img-photo i {
    background: rgb(245, 245, 245);
    padding: 16px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    color: rgb(143, 143, 143);
    font-size: 40px;
    display: inline-block;
}
.mypage-skin .img-photo img {
    border-radius: 50%;
    width: 80px !important;
    height: 80px !important;
    display: inline-block;
}
/*포인트랭킹*/
#ranking_out{width:100%; position:relative;}
#ranking_out .ranking_top{background-image:url(/images/mobile/rank_top_bg.jpg); background-repeat:repeat-x; width:100%; position:relative; text-align:center;}
#ranking_out .ranking_info{background-image:url(/images/mobile/level_info_bg.jpg);  background-repeat:repeat-x; width:100%; position:relative; text-align:center;}
#ranking_out .ranking_info_title{ background-image:url(/images/mobile/level_table_bg.jpg); background-repeat:repeat-x; width:100%; position:relative; text-align:center;}
#ranking_out .ranking_bottom{background-color:#FFF; width:100%;text-align:center; border-bottom:3px solid #dbdbdb}
#ranking_out .top_tit{width:100%; margin:0; padding:0;}
#ranking_out .rankingBG{width:100%;}
#ranking_out .rankingBox{width:100%;  /*border-top:2px solid #dae5f7;*/ margin:0 auto;}
#ranking_out .ranking_inBox{width:100%;  /*border-top:2px solid #c8d8ef; */float:left;}
#ranking_out .ranking_inBox .category{width:100%; background:#fff; border:1px solid #e3e3e3; float:left; padding:0; margin-left:0; margin-top:0;}
#ranking_out .ranking_inBox .category li{list-style:none; margin:0; padding:0;}
#ranking_out .ranking_inBox .category .title{
	background-color:#000;height:36px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; padding-top:7px;}
#ranking_out .ranking_inBox .category .subtitle{/*background-image:url(/images/mobile/rank_bg.jpg); background-repeat:repeat-x;*/ 
	height:36px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; padding-top:7px; background-color:#cc0066;}
#ranking_out .ranking_inBox .R_cont{height:33px; width:100%; vertical-align:middle; text-align:center;}
#ranking_out .ranking_inBox .R_cont li{
	display:inline-block; color:#575757; /*vertical-align:bottom;*/ text-align:center;line-height:33px;}
#ranking_out .ranking_inBox .R_cont .R_num{text-align:center; width:10%; height:33px;; font-size:14px; vertical-align:text-bottom; float:left; padding-right:10px;}
#ranking_out .ranking_inBox .R_cont .R_icon{border-left:1px solid #CCC; height:33px; width:10%; text-align:center; vertical-align:top;float:left; padding-left:10px;}
#ranking_out .ranking_inBox .R_cont .R_name{width:70%; text-align:center; height:33px; text-align:left; float:left;}


.board_read .comment{width:100%; /*border-top:1px solid #999; border-bottom:1px solid #999;*/ background-color:#FFF; table-layout:fixed;}
.board_read .comment>tbody>tr>td{height:16px; color:#555; padding:10px 0px; text-align:center; border-bottom:1px solid #dedede;}
.board_read .comment .content{text-align:left; word-wrap:break-word; padding:0 10px;}
.board_read h1{font-size:14px;}

/*팝업 배너*/
.popup_banner {position:fixed; top:0px; left:0px; border:5px solid #000; z-index:100;}
.popup_banner_inner {position:relative; top:0px; left:0px; z-index:2;}
.popup_banner_close{position:absolute; top:-40px; right:-5px; z-index:2; cursor:pointer;}

/* 이벤트 */
#e_wrap{width: 100%; margin: auto;}
.pointer{cursor:pointer;}

@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0;}
#calendar{position:relative; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
#calendar .top_images{margin:0; padding:0; display:block;}

#calendar .myp_bar{background:url(/images/event_attend_myp_bg_m.jpg) repeat-x;  position:relative; width:100%; padding:5px 0 15px 0; margin:0;}
#calendar .myp_bar ul{padding:0; margin:0;}
#calendar .myp_bar li{display:inline-block; list-style:none; color:#fff; padding-top:15px; text-align:center; margin:10px;}
#calendar .myp_bar .score{font-size:14px; color:#c0b6ac; padding-left:5px;}

/*달력*/
#calendar .monthly_calendar{width:100%; padding:0; margin:0; clear:both;}
#calendar .monthly_calendar ul{list-style:none; padding:0px; margin:0px;}
#calendar .monthly_calendar li{display:block; width:100%; float:left; padding:15px 0;text-align:left;color:#808080; height:40px; border-top:1px solid #353535; line-height:20px; vertical-align:middle;background:#1e1e1e;}
#calendar .monthly_calendar .header{width:100%;text-align:left;color:#808080; height:35px; background:url(/images/event_attend_week_bg_m.jpg) repeat-x; border-top:none; padding:0; padding-left:3px; padding-top:10px; }

#calendar .monthly_calendar .{display:inline-block; padding:0px 10px; width:25%;}

/*요일 색상*/
#calendar .monthly_calendar .disable{color:#b3b3b3; padding-right:5px;}
#calendar .monthly_calendar .holiday{color:#ff000a; padding-right:5px;}
#calendar .monthly_calendar .sat{color:#03F;  padding-right:5px; line-height:20px;}
#calendar .monthly_calendar .holiday.disable{color:#eca9a9;  padding-right:5px; line-height:20px;}
#calendar .monthly_calendar .day{color:#666; padding-right:5px; line-height:20px; vertical-align:middle;}

/*배경색상*/
#calendar .monthly_calendar .checking_bg{background:#f2f2f2;}
#calendar .monthly_calendar .event_bg{background:url(/images/event_attend_event_bg_m.jpg); background-size:100% 100%;}

/*span 특성*/
#calendar .monthly_calendar .date{display:inline-block; margin:10px 20px;}
#calendar .monthly_calendar .coin{background:url(/images/event_attend_m_coin.png) no-repeat; background-position-y:50%; padding-left:16px; width:75px; display:inline-block;}
#calendar .monthly_calendar .cont{padding-left:16px; display:inline-block;}
#calendar .monthly_calendar .checking_box{padding-left:4px;}
#calendar .monthly_calendar .checking{color:#fff; padding-left:0px;}
#calendar .monthly_calendar .count{color:#666; float:right; margin:10px 20px;}
#calendar .monthly_calendar .checking_btn{padding-left:4px;}
#calendar img, #calendar input {vertical-align:middle;}

/*버튼*/
#calendar .back_bg{background:url(/images/event_attend_btn_bg.jpg); background-size:100% 100%; position:relative; height:110px; clear:both; width:100%;}
#calendar .back_bg .btn{text-align:center; display:block; padding-top:25px;}

/*포인트랭킹*/
#calendar .ranking_out{width:100%; position:relative; clear:both;}
#calendar .ranking_out .sub_tit{display:block; padding:0; margin:0;}
#calendar .ranking_out .rankingBox{width:100%;  border-top:2px solid #000; margin:0 auto;}
#calendar .ranking_out .ranking_inBox{width:100%;  border-top:2px solid #000; float:left;}
#calendar .ranking_out .ranking_inBox .category{width:100%; background:#fff; border:1px solid #000; float:left; padding:0; margin:0; }
#calendar .ranking_out .ranking_inBox .category li{list-style:none; margin:0; padding:0;}
#calendar .ranking_out .ranking_inBox .category .title{background-image:url(/images/event_attend_ranking_bg.jpg); background-repeat:repeat-x; height:30px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; padding-top:8px; border-bottom:2px solid #000;}
#calendar .ranking_out .ranking_inBox .R_cont{float:left; width:100%; margin:0; clear:both; padding:0; border-bottom:1px solid %bb88bd; border-top:1px solid #484848; background:#141414;}
#calendar .ranking_out .ranking_inBox .R_cont li{display:inline-block; color:#d6d6d6; list-style:none;}
#calendar .ranking_out .ranking_inBox .R_cont .R_name{text-align:left; float:left; color:#7d7d7d; width:28%; border: 1px solid #464646; padding: 10px; margin: 2px;}
#calendar .ranking_out .ranking_inBox .R_cont .R_score{text-align:center; font-size:14px; width:100%;  padding-top:20px; padding-bottom:20px; color:#7d7d7d;}


/*코인게임*/
.game_header{}
.game_header h3{
	line-height: 50px;
    height: 50px;
    padding: 0 0 0 10px;
    background: #f7f7f7;
    border-bottom: 1px solid #dbdbdb;
	font-weight:bold
}
.game_info{
    padding: 0 10px;
    overflow: hidden;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb;
	background: #FFEB3B;
}
.game_coin{}
.game_coin .my_game_coin{float: right;}
.game_coin .my_game_coin i{ margin:0 5px 0 5px;position:relative; color:#fff; font-style:normal; font-weight:800; z-index:1}
.game_coin .my_game_coin i:after{
	content:"";
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	background-color: #1E88E5;
    z-index: -1;
    top: -1px;
    left: -2px;
    border-radius: 50%;
}
.game_nav{display: table;    width: 100%;}
.game_nav a{
    display: table-cell;
    width: 25%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
	background: #f06db9;
    color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
}


.coin_game{width:100%; margin:0 auto; padding:0; position:relative; font-size:12px;}
.coin_game .coin_game_inner {
    margin: 0 auto;
    z-index: 10;
    position: relative;
	padding:10px;
	
}
.coin_game .coin_game_inner h4 {
    margin: 0px 0 0 10px;
    color: #1d1d1d;
    font-size: 15px;
    font-style: italic;
}
.coin_game .coin_game_inner ul.info_list {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
}
.coin_game .coin_game_inner ul.info_list li {
    line-height: 20px;
    font-size: 12px;
    position: relative;
    font-weight: 700;
    font-family: "Nanum Gothic";
}
.coin_game .coin_game_inner ul.info_list li:before {
    content: "\f105";
    position: absolute;
    left: -15px;
    top: 0;
    font-family: FontAwesome;
    font-size: 10px;
    color: #cb1c68;
    font-weight: 900;
}
.coin_game .coin_game_inner p {
    margin: 10px 0 0 0;
    color: #cc0066;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -1px;
	background: #f6f8fc;
	padding:10px;
}
.coin_game .inner_contents{width:100%; position:relative; margin-bottom:5px;}
.coin_game .inner_contents .game_user_info{background:url(/images/mobile/cg_user_info_bg1.jpg) no-repeat; width:100%; height:175px; font-size:16px; font-weight:bold; text-align:right;}
.coin_game .inner_contents .game_user_info.bg2{background:url(/images/mobile/cg_user_info_bg2.jpg) no-repeat; width:100%; height:78px;}
.coin_game .inner_contents .game_user_info td{padding-right:10px;}
.coin_game .inner_contents .game_user_info td.link_area{height:100px; padding:0 10px; text-align:center;}
.coin_game .inner_contents .game_user_info td.link_area a{width:150px; height:40px; padding:0px; display:inline-block;}

/*출석체크*/
.coin_game .attend_cal_tit{
	width:100%; height:54px; padding-top: 12px; font-size: 25px; font-weight: bold; text-align: center; color:#1d1d1d; background-color:#f7f7f7;}
.coin_game .attend_cal_tbl{width:100%; background:#FFF; border:1px solid #c5c5c5; border-collapse:collapse; font-size:15px;}
.coin_game .attend_cal_tbl tr.today{background:#b1e0ff;}
.coin_game .attend_cal_tbl td{height:60px; padding:10px; border-top:1px solid #c5c5c5; font-weight:bold;}
.coin_game .attend_cal_tbl td.date{border-right:1px solid #c5c5c5;}
.coin_game .attend_cal_tbl td.date .sat{color:#03F;}
.coin_game .attend_cal_tbl td.date .sun{color:#ff0000;}
.coin_game .attend_cal_tbl td.item{text-align:center;}
.coin_game .attend_cal_tbl td.attend_stamp{text-align:center;}
.coin_game .attend_cal_tbl td.attend_stamp .attend_btn_s{
	display:inline-block; font-size: 15px; padding:13px 13px; font-weight: bold; color: #FFF;  background-color:#cc0066;}
.coin_game .attend_cal_tbl td.count{text-align:right;}
.coin_game .attend_btn{ display:block}


/*무기상점*/
.coin_game .weapon_shop{background:#606060; width:100%;}
.coin_game .weapon_shop .weapon_shop_area{width:100%;}
.coin_game .weapon_shop .weapon_shop_area .weapon_shop_bg{background:url(/images/mobile/cg_wps_shop_bg2.jpg) repeat-y; width:100%; padding:0 20px; text-align:center;}
.coin_game .weapon_shop .weapon_shop_bg a{display:inline-block; padding:0 5px;}

.coin_game .weapon_shop .weapon_have_area{width:100%; padding-top:20px;}
.coin_game .weapon_shop .weapon_have_area .weapon_have_bg{background:url(/images/mobile/cg_wps_have_bg2.jpg) repeat-y; width:100%; min-height:130px; padding:10px 20px 0 20px;}
.coin_game .weapon_shop .weapon_have_area .weapon_have_bg a{position:relative; display:inline-block; padding:10px 5px;}
.coin_game .weapon_shop .weapon_have_area .weapon_have_bg a.select{background:url(/images/mobile/cg_wps_item_select.png) no-repeat; background-position:center center;}
.coin_game .weapon_shop .weapon_have_area .weapon_have_bg .wepon_level{position: absolute; width: 50px; text-align: center; top: 22px; right: 2px; z-index: 1; font-size: 16px; font-weight: bold; color: #FFF;}

/*무기인첸*/
.coin_game .weapon_shop .weapon_enchant_area{background:url(/images/mobile/cg_wpe_enchant_bg.jpg) no-repeat; width:100%; height:631px; padding:60px 30px;}
.coin_game .weapon_shop .weapon_enchant_area_sub{background:url(/images/cg_wpe_enchant_bg_sub1.jpg) no-repeat; width:441px; height:466px;}
.coin_game .weapon_shop .weapon_enchant_area_sub .sub1{position:relative; display:inline-block; width:100%; height:390px;}
.coin_game .weapon_shop .weapon_enchant_area_sub .sub2{width:100%; height:61px; font-size:22px; font-weight:bold; text-align:left;}
.coin_game .weapon_shop .weapon_enchant_area_sub .sub2 .sub2_1{width:260px; padding:15px 30px; color:#c1c1c1; float:left;}
.coin_game .weapon_shop .weapon_enchant_area_sub .sub2 .sub2_2{width:175px; padding:15px 0px 15px 30px; color:#ddc898;float:left;}
.coin_game .weapon_shop .weapon_enchant_area_sub .sub3{text-align:center; padding-top:30px;}
.coin_game .weapon_shop .weapon_enchant_area_sub .sub1 img{position:absolute; display:none; width:100%; top:0px; left:0px;}
.coin_game .weapon_shop .weapon_max_area{width:100%; padding-top:20px;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg{background:url(/images/mobile/cg_wps_have_bg2.jpg) repeat-y; width:100%; min-height:200px; padding:10px 20px 0 20px;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg .item{background:url(/images/mobile/cg_wpe_max_weapon_bg2.png) no-repeat; width:140px; height:205px; display:inline-block; margin:0 5px;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg .item .item_icon{text-align:center; padding:5px;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg .item .item_icon a{display:inline-block; position:relative;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg .item .item_cont{color:#c1c1c1; text-align:center; font-weight:bold; padding-top:7px;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg .item .item_cont .txt1{font-size:21px;}
.coin_game .weapon_shop .weapon_max_area .weapon_max_bg .wepon_level{position: absolute; width: 50px; text-align: center; top: 15px; right: 0px; z-index: 1; font-size: 16px; font-weight: bold; color: #FFF;}

/*복권상점*/
.coin_game .lotto_shop_area{background:url(/images/mobile/cg_lotto_bg.jpg) no-repeat; width:100%; height:294px;}
.coin_game .lotto_shop_area .txt1{height:36px; font-size:25px; font-weight:bold; text-align:right; padding:5px 5px;}
.coin_game .lotto_shop_area .txt2{height:36px; font-size:25px; font-weight:bold; text-align:right; padding:5px 10px;}
.coin_game .lotto_shop_area .btn_area{text-align:center;}

/*인챈랭킹*/
.coin_game .win_enchant_tab{background:url(/images/mobile/cg_win_enchant_bg.jpg) no-repeat; width:100%; height:42px;}
.coin_game .win_enchant_tab .tabs{list-style:none; overflow:hidden; font-size:16px; font-weight:bold; color:#777;}
.coin_game .win_enchant_tab .tabs li{display:inline;}
.coin_game .win_enchant_tab .tabs li a{
	display:inline-block; float:left; padding:4px 7px; height:32px; line-height:30px; color:#fff; border:1px solid #cc0066; background:#cc0066; letter-spacing:-1px; margin-right:2px; outline:none; /*border-top-left-radius:3px; border-top-right-radius:3px;*/ font-size:12px}
.coin_game .win_enchant_tab .tabs li a.selected{
	background:#000; position:relative; top:0; /*border:2px solid #007deb;*/ border-bottom:none; z-index:2; color:#fff;}
.coin_game .win_enchant_tab .tabline{
	border-top:3px #cc0066 solid; position:relative; /*margin:-1px 0 0 0;*/}
.coin_game .win_enchant_area{width:100%; display:inline-block; background:#FFF;}
.coin_game .win_enchant_area .score_box{display:none; text-align:center; padding:0 10px;}
.coin_game .win_enchant_area .score_box .sub{
	/*width:480px;*/ width:100%; min-height:100px; display:inline-block;}
.coin_game .win_enchant_area .score_box .sub table tr th{
	height:40px; background-color:#f7f7f7; font-size:15px; font-weight:bold; text-align:center; color:#1d1d1d; border:1px solid #dcdcdc;border-left: 0;}
.coin_game .win_enchant_area .score_box .sub table tr th:last-child{ border-right:0}
.coin_game .win_enchant_area .score_box .sub table tr td{height:40px; border:1px solid #dcdcdc;border-bottom: 0; border-right: 0;}
.coin_game .win_enchant_area .score_box .sub table tr td.no{font-weight:bold; border-left:0;}
.coin_game .win_enchant_area .score_box .sub table tr td.nick{padding-left:60px; text-align:left;}

/*복권 당첨자*/
.coin_game .win_lotto_area{width:100%; background:#FFF;}
.coin_game .win_lotto_area .winer_list{padding-bottom:10px; background-color:#FFF; padding:15px;}
.coin_game .win_lotto_area .winer_list table tr td{height:40px; border:1px solid #dcdcdc; text-align:left; padding:0 40px;}
.coin_game .win_lotto_area .winer_list table tr td.none{font-weight:bold; text-align:center;}
.coin_game .win_lotto_area .winer_list2{font-size:30px; font-weight:bold; text-align:center; padding:20px 0 70px 0;}

/*레벨 정의*/
.level_info tr{height:60px;}
.level_info th{background-color:#f3f4f4;}
.level_info th, .level_info td{ border-bottom:1px solid #dbdbdb;word-break: keep-all;}
.level_info td img{width:35px;}

/*닉네임*/
.user_nick{/*padding-left:5px;*/ font-weight:bold;}

/*우측정보란*/
.nshop_outline .Eshop_bg .eachant_info{float:left; width:100%; height:100%; padding-bottom:15px; margin:0; clear:both; position:relative; display:block; background:#19140a;}
.nshop_outline .Eshop_bg .eachant_info .challenge{background:url(/images/mobile/event_enchant_challenge_info_bg.png) no-repeat; background-size:100% 60px; width:100%; height:60px; vertical-align:middle;}
.nshop_outline .Eshop_bg .eachant_info .challenge .inBox{padding-top:20px;}
.nshop_outline .Eshop_bg .eachant_info .challenge .inBox .chall_text{color:#fff; text-align:left; margin-top:5px;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking{padding:20px 0px 0px 20px; text-align:left;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .tit{background:url(/images/mobile/event_enchant_run_text03.png) no-repeat; width:142px; height: 26px; text-indent:-4000px;} 
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_rbox{width: 100%; height: 114px; overflow: hidden;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box{margin-top:17px; background:url(/images/event_enchant_run_wpbg.png) no-repeat; background-size:90%; height:80px; text-align:left; clear:both;}

.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box .thumb01{background:url(/images/event_enchant_wp_s01.png) no-repeat; width:97px; height:97px; position:relative; display:inline-block; list-style:none; float:left; margin:7px 0 0 15px;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box .thumb02{background:url(/images/event_enchant_wp_s02.png) no-repeat; width:97px; height:97px; position:relative; display:inline-block; list-style:none; float:left; margin:7px 0 0 15px;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box .thumb03{background:url(/images/event_enchant_wp_s03.png) no-repeat; width:97px; height:97px; position:relative; display:inline-block; list-style:none; float:left; margin:7px 0 0 15px;}

.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box .enchant_level{position:absolute; top:10px; left:18px;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box .text_tit{float:left; display:block; list-style:none; padding:10px 0px 0px 10px; width:50%;}
.nshop_outline .Eshop_bg .eachant_info .enchant_lanking .wp_box .text_cont{float:left; display:block; list-style:none;  width:50%; color:#fff; font-size:14px; padding:10px 0px 0px 10px;}

.nshop_outline .Eshop_bg .e_wp_enchant_level, .nshop_outline .Wshop_bg .e_wp_enchant_level{position:absolute; top:5px; left:5px; width:32px; height:32px;}

.change_agent{width: 100%; text-align: center; font-size: 2.5em; padding: 30px 0; background-color: #969696;}
.change_agent a{color:#fff;}


/* btn ui */
.ui-btn{display:inline-block;position:relative;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}

/* btn size */
.ui-btn.btn--small{height: 22px;padding:0 7px;font-size:11px;line-height: 22px;}
.ui-btn.btn--regular{height:22px;padding:0 12px;font-size:12px;line-height:22px}
.ui-btn.btn--medium{min-width:80px;height:36px;padding:0 16px;font-size:12px;line-height:36px}
.ui-btn.btn--large{height:43px;padding:0 26px;font-size:14px;line-height:43px}

/* btn color */
.ui-btn.btn--color-gray{
	color:#fff;
	font-weight:bold;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2),0 -3px 0 rgba(0,0,0,0.3) inset;
   background-color: #444;
    background-image: -webkit-linear-gradient(#444,#333);
    background-image: linear-gradient(#444,#333)
    }
.ui-btn.btn--color-darkgray{
	color:#fff;
	font-weight:bold;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2),0 -3px 0 rgba(0,0,0,0.3) inset;
   	background-color: #444;
    background-image: -webkit-linear-gradient(#444,#333);
    background-image: linear-gradient(#444,#333)
}
.ui-btn.btn--color-blue{
	color:#fff;
	font-weight:bold;
	background: #8eb60d;
	background: linear-gradient(to bottom, #8eb60d 0%, #566d09 100%);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2),0 -3px 0 rgba(0,0,0,0.3) inset;
	background: linear-gradient(#a58132, #4F3909);
	}
.ui-btn.btn--color-red{
	color:#fff;
	font-weight:bold;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2),0 -3px 0 rgba(0,0,0,0.3) inset;
   	background-color: #444;
    background-image: -webkit-linear-gradient(#444,#333);
    background-image: linear-gradient(#444,#333)
}
.ui-btn.btn--color-orange{background:#fd7600;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd7600), color-stop(100%, #f72d00));background:-webkit-linear-gradient(top, #fd7600 0%, #f72d00 100%);background:-ms-linear-gradient(top, #fd7600 0%, #f72d00 100%);color:#fff}

/* btn radius */
.ui-btn.btn--radius50{border-radius: 3px;}
.ui-btn.btn--radius5{border-radius:5px}
.ui-btn.btn--radius2{border-radius:2px}
/* cart */
.cart-box{
	position:fixed;
	left:0;
	bottom: 0;
	right:0;
	/*padding: 14px 10px;*/
	z-index:600;
	box-shadow: 0px -5px 25px #000;
	background: #f8f8f8;
	background: linear-gradient(to bottom, #f8f8f8 1%, #bcbcbc 100%);
	}
.cart-box .btn__cart{
    display: block;
    height: 44px;
    font-size: 17px;
    padding: 0 60px;
    text-align: center;
    background: #cc0066;
    line-height: 41px;
    font-weight: bold;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
}

.cart-list{padding:0}	
.cart-list .cart__ui{position:relative;box-sizing:border-box;border-radius: 3px;}
.cart-list .cart__item .betslip-empty{padding:30px 14px;background:#272a2f;color:#fff;font-size:12px;border-top:1px solid #272a2f}
.cart-list .cart__item .slip-event-remove{
	display: inline-block;
    float: right;
    position: relative;
    top: 1px;
    width: 23px;
    height: 23px;
    margin-left: 3px;
    text-align: center;
}
.cart-list .cart__item .slip-event-remove .fa{vertical-align:middle;font-size: 25px;color: #000;}
.cart-list .cart__item .slip-event-remove:hover{border: 1px solid #c5c5c5;background: url(../img/sp_icon.png) no-repeat 7px 1px;}
.cart-list .cart__item .slip-event-remove:active{background-color:#4da9e3}
.cart-list .cart__item .slip-event{
	padding: 10px 10px;
	border-bottom: 2px solid #dbdbdb;
    background: #d8eeff;
}
.cart-list .cart__item .slip-event:first-child{border-top:none}
.cart-list .cart__item .slip-event:last-child{border-bottom-color:#000}
.cart-list .cart__item .slip-event:nth-child(even){
	background-color: #eff1f0;
	background-image: -webkit-linear-gradient(#eff1f0,#c6c4c5);
	background-image: linear-gradient(#eff1f0,#c6c4c5);
}
.cart-list .cart__item .slip-event .slip-info{overflow:hidden}
.cart-list .cart__item .slip-event .slip-info dt,
.cart-list .cart__item .slip-event .slip-info dd{margin-bottom: 2px;color: #000;font-size: 13px;font-weight: bold;word-break:break-all;word-wrap:break-word;}
.cart-list .cart__item .slip-event .slip-info dt{float:left;width:60px}
.cart-list .cart__item .slip-event .bet{position:relative;margin-top:5px;padding-top:10px;padding-right:54px;border-top: 1px solid #c7c7c7;color: #626262;font-size: 12px;word-break:break-all;word-wrap:break-word;}
.cart-list .cart__item .slip-event .bet .cnt{position:absolute;right:0;top:10px;font-size: 16px;font-weight:800;color:#9C27B0;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.35);}
.cart-list .cart__item .slip-event-bankers{display:inline-block;display:none;float:right;position:relative;top:-4px;width:23px;height:23px;margin-bottom:3px;padding-top:5px;border:1px solid #464646;-webkit-border-radius:3px;border-radius:3px;font-size:12px;line-height:12px;color:#90c9ee;text-align:center;cursor:pointer}
.cart-list .cart__item .slip-event-bankers:hover{border-color:#c3e2f5;color:#c4e2f5}
.cart-list .cart__item .slip-event-bankers:active{background:#4da9e3;color:#c4e1f5}
.cart-list .cart__item .slip-event-bankers.checked{border-color:#f74e04;background:#f74e04;color:#fff}
.cart-list .cart__item .slip-event-bankers.checked:hover{border-color:#fcb57a}
.cart-list .cart__item .slip-event-bankers.checked:active{border-color:#fdcea8;color:#fdcda7}
.cart-list .cart__item .slip-eventname{overflow:hidden;margin-bottom:3px;padding-top:4px;font-size:14px}
.cart-list .cart__item .betslip-title-info{margin-right:11px}
.cart-list .cart__item .betslip-score{display:inline-block}
.cart-list .cart__item .betslip-live-score,.cart-list .cart__item .betslip-islive-info{display:inline-block;position:relative;top:-1px;height:15px;padding:0 4px;border:1px solid #1d5576;-webkit-border-radius:2px;border-radius:3px;background:#236690;font-size:11px;font-style:italic;line-height:13px;font-weight:bold;vertical-align:middle}
.cart-list .cart__item .betslip-islive-info{margin-right:5px;padding-right:16px}
.cart-list .cart__item .betslip-islive-info i{position:absolute;top:2px;right:3px;font-size:10px;color:#f53d02}
.cart-list .cart__cont{clear:both;/* background-color:#444; */border-radius:0 0 5px 5px;}
.cart-list .cart__cont.overlay{/* background-color:#1c1e21 */}
.cart-list .cart__cont .list{margin:0;padding:0}
.cart-list .cart__cont .list li{list-style:outside none none}
.cart-list .cart__cont .list li.top{
	min-height: 20px;
    text-align: right;
    border-bottom: 1px solid #dbdbdb;
    padding: 8px 10px;
}
.cart-list .cart__cont .list li.top .ui-btn.btn--color-darkgray{
    height: 36px;
    line-height: 34px;
    width: 50%;
    background: #f06db9;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2),0 -3px 0 rgba(0,0,0,0.3) inset;
}
.cart-list .cart__cont .list li.top .ui-btn.btn--color-darkgray:focus{    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.42) inset;}
.cart-list .cart__cont .form{/*padding: 6px 10px 10px;*/}
.cart-list .cart__cont .form table{width:100%; border-bottom:1px solid #dbdbdb;}
.cart-list .cart__cont .form th,
.cart-list .cart__cont .form td{height: 34px;padding:8px 0;font-size:15px;color:#333;font-weight:normal;text-align:left;vertical-align:middle;border-top: 1px solid #dbdbdb;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right: 10px;}
.cart-list .cart__cont .form th{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size: 13px;color:#1d1d1d;padding-left: 8px;font-weight: bold;letter-spacing: -1px;
    padding-right: 0;}
.cart-list .cart__cont .form tr:first-child{background-color: #FFEB3B;}
.cart-list .cart__cont .form tr:first-child th,
.cart-list .cart__cont .form tr:first-child td{border-top:none}
.cart-list .cart__cont .form .money{text-align:right;padding-left: 5px;}
.cart-list .cart__cont .form .money .cash{font-size:15px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:800;color:#cc0066}
.cart-list .cart__cont .form .money .allmoney{
    font-size: 16px;
    font-family: HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;
    font-weight: 800;
    color: #cc0066;
    font-style: italic;
}
.cart-list .cart__cont .form .right{text-align:right}
.cart-list .cart__cont .form .cnt{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color: #03A9F4;font-weight: 800;}
.cart-list .cart__cont .form .cnt#bet_win_ratio{ color:#9C27B0}
.cart-list .cart__cont .form .stk{
	width:100%;height: 28px;padding: 0 7px;border:none;border-radius:2px;text-align:right;background: #f7dce9;
    border: 1px solid #ffb2d7;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:16px;color:#000;font-weight: 800;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;}
.cart-list .cart__cont .form .max{display:inline-block;margin-top:5px;vertical-align:top;font-size:12px;color:#ff3232;font-weight:bold}
.cart-list .cart__cont .form .max input{vertical-align:top;margin-top:3px}
.cart-list .cart__cont .form .cash{color:#32b6ff}
.cart-list .cart__cont .btn__area{position:relative;margin-top: 10px; padding:0 20px 10px;}
.cart-list .cart__cont .btn__area ul{overflow:hidden;margin:-2px -2px}
.cart-list .cart__cont .btn__area li{float:left;width:33.3%;padding: 1px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cart-list .cart__cont .btn__area li a,
.cart-list .cart__cont .btn__area li span{
	display:block;height: 28px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size: 12px;line-height: 26px;text-align:center;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	border-radius: 3px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.42) inset;
	background: rgba(255,255,255,0.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2),0 -3px 0 rgba(0,0,0,0.3) inset;
	background: #cc0066;}
.cart-list .cart__cont .btn__area li.on a{background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff}
.cart-list .cart__cont .footer{padding: 0 20px 10px;/* border-top: 1px solid #333333; margin: 0 10px;*/}
.cart-list .cart__cont .footer .ui-btn{width:100%;height: 45px;font-size: 20px; border-radius:0;}



#bet_contents{}
/* sub title */
.sub-title{position:relative;padding: 0 10px 0; background-color:#f7f7f7}
.sub-title .title{position:relative;padding: 10px 0 14px;}
.sub-title .title .tit{display: block;margin-top: 0;font-size: 16px;font-weight: bold;vertical-align:top;}

/* realtime */
.game__frame{position:relative;text-align:center;}
.game__frame .target0{position:relative; width:508px; height:395px; overflow:hidden; margin:0 auto;}
.game__frame .target1{/* position:absolute; */top:0px;left:0px;margin-left:-75px;margin-top:-200px;}
.game__frame .target2{border:0px; width:1600px; height:1000px; -webkit-transform:scale(1); -webkit-transform-origin:top left;}

/* sub article */
.sub-article{position:relative;padding: 10px 0;}

/* match list */
.match-list{
	position: relative;
    margin-right: 0;
    font-family: HelveticaNeue,AppleSDGothicNeo,Sans-serif;
    padding:0 ;
    border: none;
}
.match-list .match-list__item{padding-top: 10px;padding-bottom: 10px;border-style: solid;border-width: 1px 0 1px 0;border-top-color: #dbdbdb;border-bottom-color: #dbdbdb;}
.match-list .match-list__item:first-child{margin-top:0;border-top: none;padding-top: 0;}
.match-list .match-list__item:last-child{border-bottom:none;padding-bottom: 0;}
.match-list .list__title{padding-bottom: 7px;border-bottom: 1px dashed #1d1d1d;margin-bottom: 4px;}
.match-list .list__title .list__box{overflow:hidden;position:relative;padding-left: 10px;}
.match-list .list__title .flag{display:inline-block;overflow:hidden;float:left;margin:0 4px 0 0;font-size:1px;line-height:0;vertical-align:top}
.match-list .list__title .tit{
	display:-webkit-box;
	overflow:hidden;
	max-height:18px;
	font-size: 14px;
	font-weight: normal;
	line-height:18px;
	vertical-align:top;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:#cc0066;
}
.match-list .list__title .tit img{vertical-align:top}
.match-list .list__head{position:relative}
.match-list .list__head .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 0 -1px -1px}
.match-list .list__head .list__row{display:table-row}
.match-list .list__head .col{display:table-cell;overflow:hidden;position:relative;-webkit-border-radius:2px;border-radius:2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:11px;color:#5c5e60;padding:6px 12px;vertical-align:middle;text-align:center;background-color:#272a2f}
.match-list .list__head .col--date{text-align:left}
.match-list .list__head .col--tit{color:#fff}
.match-list .list__head .col--tit .cnt{color: #818181;}
.match-list .list__content{position:relative}
.match-list .list__content+.list__content{margin-top:-5px}
.match-list .list__content .list__item{margin-top:4px}
.match-list .list__content .list__item+.list__item{margin-top: 4px;}
.match-list .list__content .list__item+.list__item .list__table{margin-bottom:0}
.match-list .list__content .list__item.disable .list__row .col--time,
.match-list .list__content .list__item.disable .list__row .col--title,
.match-list .list__content .list__item.disable .list__row .col--bet,
.match-list .list__content .list__item.disable .list__sub .list__head .col--tit{opacity:.3;pointer-events:none}
.match-list .list__content .list__item.disable .list__row .col--more{opacity:.3}

.match-list .list__content .sub__item{margin-top:5px}
.match-list .list__content .sub__item:first-child{margin-top:0}
.match-list .list__content .sub__item .list__table .col--bet .elc-odds{color: #ffae07;}


.match-list .list__content .sub__item .list__table .list__row .col--bet{
	color: rgba(255, 255, 255, 0.72);
	border-color: #111;
	background-color: #444;
	background-image: -webkit-linear-gradient(#444,#333);
	background-image: linear-gradient(#656565,#525252);
	}

.match-list .list__content .sub__item .list__table .list__row .col--active{
	color: #fff;
	text-shadow: none;
	border-color: transparent;
	/* box-shadow: 0 -3px 0 rgba(0,0,0,0.3) inset; */
	background-color: #8eb60d;
	background-image: -webkit-linear-gradient(bottom,#566d09,#8eb60d);
	background-image: linear-gradient(to top,#566d09,#8eb60d);
	}
.match-list .list__content .sub__item .list__table .list__row .col--active .cnt,
.match-list .list__content .sub__item .list__table .list__row .col--active .elc-odds{color:#fff}

.match-list .list__content .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 -1px -1px;-webkit-box-sizing:border-box;box-sizing:border-box}
.match-list .list__content .list__table:first-child{margin-bottom:4px}
.match-list .list__content .list__row{display:table-row}
.match-list .list__content .list__row .col{
	display:table-cell;
	overflow:hidden;
	position:relative;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-size:11px;
	padding:8px 0;
	vertical-align:middle;
	border-width: 0;
	border-style: solid;
	border-color: #111;
	border-radius: 4px;
	box-shadow: none;
	background-color: #444;
	background-image: -webkit-linear-gradient(#444,#333);
	background-image: linear-gradient(#444,#333);
	}
.match-list .list__content .list__row .col--match{width:60%;padding:8px 7px;text-align:left}
.match-list .list__content .list__row .col--match .tit{display:-webkit-box;overflow:hidden;max-height:28px;font-size:12px;line-height:14px;color:#ebebeb;font-weight:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.match-list .list__content .list__row .col--match .tit .vs{color:#5c5e60}
.match-list .list__content .list__row .col--time{width: 28px;padding: 8px 0;font-size:10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;white-space:nowrap;text-align:center;background: none;}
.match-list .list__content .list__row .col--time .btn__more{position:relative;right:auto;bottom:auto;margin-top:-3px;vertical-align:middle}
.match-list .list__content .list__row .col--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:12px;color:#fff;background: none;font-weight: bold;}
.match-list .list__content .list__row .col--more{width:35px;padding:0 2px;text-align:center;border-radius: 0;background: none;border-left: 1px solid #2a2a2a;}
.match-list .list__content .list__row .col--more .btn__more{position:relative;right:auto;bottom:auto;margin:0;font-size: 12px;color: #ffc83a;vertical-align:middle;}
.match-list .list__content .list__row .col--service{font-size:15px;color:#f0ad00}
.match-list .list__content .list__row .col--service .fa{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
.match-list .list__content .list__row .col--result{width:35px;padding:8px 7px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:12px;color:#32b6ff;text-align:center}
.match-list .list__content .list__row .col--subject{width:20%;padding:0 5px;text-align:center}
.match-list .list__content .list__row .col--bet{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:8px 10px;
	font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;
	font-size:12px;
	color:#fff;
	white-space:nowrap;
	border-width: 0;
	border-style: solid;
	border-color: #111;
	border-radius: 3px;
	box-shadow: none;
	background-color: #444;
	background-image: -webkit-linear-gradient(#444,#333);
	background-image: linear-gradient(#444,#333);
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	background: linear-gradient(#a58132, #4F3909);
	background: #44adc0;
	border-radius:0
	}
.match-list .list__content .list__row .col--bet .cnt{color: #8eb60d;}
.match-list .list__content .list__row .col--bet .elc-odds{display:block;font-weight:bold;color: #8eb60d; color:#fff;float: right;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
.match-list .list__content .list__row .col--bet .status{}
.match-list .list__content .list__row .col-stat{/* border:1px solid #000; */background: #252525;color: #8eb60d;text-align:center;font-weight: bold;color: #fff;}
.match-list .list__content .list__row .col--versus{padding:8px 10px;text-align:center;color:#fff}
.match-list .list__content .list__row .col--draw{text-align:left}
.match-list .list__content .list__row .col--ratio{padding-left:5px;padding-right:5px;white-space:normal;text-overflow:clip;text-align:center;color:#fff}
.match-list .list__content .list__row .col--active{
	/*color: #000;*/
    text-shadow: none;
    border-color: #111;
    box-shadow: none;
    background-color: #eff1f0;
    background-image: -webkit-linear-gradient(#eff1f0,#c6c4c5);
    background-image: linear-gradient(#eff1f0,#c6c4c5);
	background: #CB2D72;
	}
.match-list .list__content .list__row .col--active .elc-odds{/*color:#000*/}
.match-list .list__content .list__row .col--active .cnt{color:#000}
.match-list .list__content .btn__more{
	display:inline-block;
	overflow:hidden;
	position:absolute;
	right:7px;
	bottom:8px;
	height:14px;
	margin-top:4px;
	padding:0 5px;
	font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;
	font-size:11px;
	color:#818181;
	line-height:14px;
	text-decoration: none;
	}
.match-list .list__content .info{display:block;overflow:hidden;height:14px;margin:2px 0 4px;font-size:11px;color:#919191}
.match-list .list__content .status{display:inline-block;height:14px;font-size:12px;line-height:14px;}
.match-list .list__content .status .result{color:#5a5c5f}
.match-list .list__content .status .fa{margin-left:2px;vertical-align:top}
.match-list .list__content .status .over{color:#ff3232}
.match-list .list__content .status .over .fa{margin-top:3px}
.match-list .list__content .status .under{color:#32b6ff}
.match-list .list__content .status .under .fa{margin-top:0}
.match-list .list__content .score{display:inline-block;overflow:hidden;height:14px;margin-top:4px;padding:0 5px;font-size:10px;line-height:14px;border:1px solid #919191;border-radius:50px}
.match-list .list__content .score .num{color:#919191}
.match-list .list__content .score .fa{margin-left:2px;vertical-align:top}
.match-list .list__content .score .win{color:#32b6ff}
.match-list .list__content .score .defeat{color:#ff3232}
.match-list .list__content .score .draw{color:#919191}
.match-list .list__content .list__sub{padding-left:10px;padding: 10px;background-color: #000;border-radius: 3px;margin-top: 4px;/* border: 1px solid #000; */}
.match-list .list__content .list__sub .list__head{display:table-row}
.match-list .list__content .list__sub .list__head .col--tit{width:100%;color: #fff;text-align:left;background: none;padding: 0;}
.match-list .list__content .list__sub .list__row .col--match .tit{color:#7b7b7b}
.match-list .list__content .list__sub .list__row .col--ratio{}

.match-powerball .list__content .list__row .col--bet{padding:8px 5px;font-size:11px;letter-spacing:-0.5px}
.match-powerball .list__content .list__row .col--bet .elc-odds{font-size:11px;letter-spacing:0}
.match-powerball .list__content .list__row .col--time{width:54px}

/* result */
.match-result .list__head .col{padding:6px 6px;white-space:nowrap;text-align:center}
.match-result .list__top .list__content .col{text-align:center}
.match-result .list__box{margin-bottom:5px}
.match-result .list__box:first-child{margin-top:0}
.match-result .list__content .col{text-align:center}
.match-result .list__content .list__row .col--date{color:#B6B6B6;font-size:10px}
.match-result .list__content .list__row .col--home,
.match-result .list__content .list__row .col--away{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;padding:8px 2px;text-overflow:ellipsis;white-space:nowrap}
.match-result .list__content .list__row .col--status{color:#6ac5ff}
.match-result .list__content .list__row .col--score{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:13px}
.match-result .list__result{position:relative;margin-right:2px;padding:4px 5px;border-radius:2px;background-color:#2b2e32;border:1px solid #189cea;-webkit-box-sizing:border-box;box-sizing:border-box}
.match-result .list__result .result__box{}
.match-result .list__result table{width:100%}
.match-result .list__result th,
.match-result .list__result td{padding:3px}
.match-result .list__result th{padding-bottom:0;font-size:12px;color:#fff;text-align:left}
.match-result .list__result .check .date{display:inline-block;margin-top:-6px;font-size:12px;color:#a5a2a2;vertical-align:middle;text-align:center}
.match-result .list__result .inp_box{display:inline-block;overflow:hidden;position:relative;width:100%;height:29px;padding:0 9px;border:1px solid #4E4E4E;border-radius:2px;background-color:#34373e;font-size:13px;line-height:28px;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;white-space:nowrap}
.match-result .list__result .inp_box .cnt{display:block;font-weight:bold;font-size:13px;color:#fff;text-align:right}
.match-result .list__result .inp_box .rate{color:#8fcf00;text-align:center}
.match-result .list__result .inp_box .hit{color:#00A2FF;text-align:center}
.match-result .list__result .inp_box .money{color:#00b5e5}
.match-result .list__result+.live__btn{margin-top:10px}

/* ladder */
.match-ladder .list__content .list__row .col--subject{padding:8px 10px;text-align:left}
.match-ladder .list__content .list__row .col--time{width: 68px;}
.match-ladder .list__content .list__row .coll--type{width:80px}
.match-ladder .list__content .list__item+.list__item{margin-top:0}
.match-ladder .list__content .list__item .list__table{margin-bottom:0}
.match-ladder .list__title{border:none;margin:0;padding:0}
/* sidebar */
#sec_bar{}
.sec_menu{}
.sec_menu .sec_menu_header h3{text-align: center;padding: 13px 0 9px 0;letter-spacing: -3px;}
.sec_menu .sec_menu_body{ padding:0 5px}
.sec_menu .sec_menu_body p{margin: 0 0 10px;font-size: 13px;}
.sec_menu .sec_menu_body .sec_changer{
	display: flex;
    flex-direction: row;
}
.sec_menu .sec_changer .first{ width:35%}
.sec_menu .sec_changer .second{width:27%;display: flex;align-items: center;justify-content: center;}
.sec_menu .sec_changer .third{width:38%; text-align:center; font-size:12px}
.sec_menu .sec_menu_body .sec_shop{margin-bottom: 10px;}
.sec_menu .sec_menu_body .sec_profile{
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;}
.sec_menu .sec_profile button{flex:1}
.sec_menu .sec_comm{
	display: flex;
    flex-direction: column;}
.sec_menu .sec_comm li a{ height:31px; line-height:31px;display: inline-block;font-size: 14px;}
	
/* left menu */
.mm-iconbar__top a i{ color:#cc0066}
.mm-iconbar__bottom a i{}
.mm-menu .mm-navbar a i{}

.mm-menu .mm-panel .title{margin-top: -10px;}
.mm-menu #panel-account.mm-panel .title{margin:0}
.mm-panels>#panel-account.mm-panel>.mm-listview {
    margin: 0px 0px 15px 0px;
}
.mm-menu .mm-panel .title span{
	padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    display: inline-block;
    border-bottom: 1px solid;
    font-weight: 800;
    font-size: 14px;
}
.mm-menu .mm-panel .sidebar_icon{
	display: flex;
    text-align: center;
}
.mm-menu .mm-panel .sidebar_icon span{margin: auto;}
.mm-menu .mm-panel .sidebar_icon a{}
.mm-menu .mm-panel .sidebar_icon a i{
	border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;
	margin-bottom: 10px;
}
.mm-menu .mm-panel .sidebar_icon a div{}

.mmenu-login{margin-bottom: 20px;}
.mmenu-login .form-group{margin-bottom: 10px;}
.mmenu-login .form-group .input-group{
	position: relative;
    display: table;
    border-collapse: separate
}
.mmenu-login .form-group .input-group .input-group-addon{
	padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
	display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.mmenu-login .form-group .input-group .input-group-addon:first-child {
    border-right: 0;
}
.mmenu-login .form-group .input-group .form-control{
	margin-bottom: 0;
	box-shadow:none;
	font-size: 1em;
    -webkit-appearance: none;
    height: 30px;
    padding: 5px 10px;
    display: table-cell;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.mmenu-login .form-group .input-group .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.btn.btn-navy {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(40, 40, 50);
    background-color: rgb(50, 60, 70);
}
.mmenu-login .form-group button{
	font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
}
.mmenu-login label{
	line-height: 12px !important;
    font-weight: normal;
    cursor: pointer;
	letter-spacing: -1px;
}
.text-muted {
    color: #777;
}
.mmenu-login label input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
	transform: none;
}
.crimson,i.crimson {color: rgb(220, 20, 60);}
.mm-listview i.crimson{margin-left:5px} 
.mm-listitem.mm-listitem_vertical.mm-listitem_opened > a > strong{color: crimson}
/*   office book   */
/* footer menu */
.footer-menu{
	display: table;
	position:fixed; 
	bottom:0; 
	z-index:99999; 
	width:100%; 
	height:40px; 
	text-align:center; 
	line-height:40px;
	/*border-top: 1px solid rgb(55 64 80);*//*border-top: 1px solid rgb(255 255 255 /50%);*/
	left: 0;
}
/*@media screen and (min-width: 470px) {
.footer-menu{position:relative;}
}*/
.footer-menu a{display: table-cell;color: #fff;font-weight: 900;font-size: 19px;min-width:40px;vertical-align: middle;}
.footer-menu a:nth-child(1){/*background-color: #3B5999;*//*background-color: #374050;*//*background-image: linear-gradient(310deg,#7928ca,#ff0080);*/}
.footer-menu a:nth-child(2){/*background-color: #00B9F5;*//*background-color: #448da3;*//*background-image: linear-gradient(310deg,#17ad37,#98ec2d);*/}
.footer-menu a:nth-child(3){/*background-color: #75757D;*//*background-color: #a3a3a3;*//*background-image: linear-gradient(310deg,#f53939,#fbcf33);*/}
.footer-menu a:nth-child(4){/*background-color: #DD4B39;*//*background-color: #ff5c1f;*//*background-image: linear-gradient(310deg,#141727,#3a416f);*/}


/* button */
.btn{
	display: inline-block;
    font-weight: 400;
    line-height: 1.42857143;
    color: #67748e;
    text-align: center;
	white-space: nowrap;
    vertical-align: middle;
	letter-spacing: -.025rem;
    text-transform: uppercase;
    box-shadow: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);
	user-select: none;
	transition: all .15s ease-in;
	border-radius:4px;
}
.btn.btn-color {
    color: #fff !important;
    background: linear-gradient(180deg, #e939b7,#d224c2);/*background-color: rgb(233, 27, 35);*/
    border: 1px solid #d224c2;/*border: 1px solid rgb(213, 7, 15);*/
	/*border-image: none !important;*/
    /*background-image: none !important;*/
}
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active {
    background-color:#d224c2/*background-color: rgb(213, 7, 15);*/
}
.btn.btn-lightgreen {
    color: #fff !important;
    border-image: none !important;
    background-image: none !important;
    border: 1px solid rgb(130, 190, 60);
    background-color: rgb(160, 200, 80);
}

.btn.active.btn-lightgreen, .btn.btn-lightgreen:hover, .btn.btn-lightgreen:focus, .btn.btn-lightgreen:active {
    background-color: rgb(130, 190, 60);
}
.btn.btn-black {color: #fff !important;border: 1px solid #111;background-color: #333;}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active {background-color: #111;}
.text-primary{color: #ff46a3 !important}
.text-secondary{color: #a8b8d8 !important}
.text-info{color: #21d4fd !important}
.text-success{color: #98ec2d !important}
.text-warning{color: #fbcf33 !important}
.text-danger{color: #ff667c !important}
.text-light{color: #ebeff4 !important}

.bg-primary {background: linear-gradient(to bottom, #c1b6ae, #baaca3);/*background-image: linear-gradient(310deg,#7928ca,#d6006c);*/}

.btn-primary,.bg-gradient-primary{background-image:linear-gradient(310deg,#7928ca,#ff0080)}
.btn-secondary,.bg-gradient-secondary{background-image:linear-gradient(310deg,#627594,#a8b8d8)}
.btn-info,.bg-gradient-info{background-image:linear-gradient(310deg,#2152ff,#21d4fd)}
.btn-success,.bg-gradient-success{background-image:linear-gradient(310deg,#17ad37,#98ec2d)}
.btn-warning,.bg-gradient-warning{background-image:linear-gradient(310deg,#f53939,#fbcf33)}
.btn-danger,.bg-gradient-danger{background-image:linear-gradient(310deg,#ea0606,#ff667c)}
.btn-light,.bg-gradient-light{background-image:linear-gradient(310deg,#ced4da,#ebeff4)}
.btn-dark,.bg-gradient-dark{background-image:linear-gradient(310deg,#141727,#3a416f)}

.btn-primary:hover, .btn.bg-gradient-primary:hover {background-color: #cb0c9f;border-color: #cb0c9f;}
.btn-secondary:hover, .btn.bg-gradient-secondary:hover {background-color: #8392ab;border-color: #8392ab;}
.btn-info:hover, .btn.bg-gradient-info:hover {background-color: #17c1e8;border-color: #17c1e8;}
.btn-success:hover,.btn.bg-gradient-success:hover {background-color: #82d616;border-color: #82d616;}
.btn-warning:hover, .btn.bg-gradient-warning:hover {background-color: #f53939;border-color: #f53939;}
.btn-danger:hover, .btn.bg-gradient-danger:hover {background-color: #ea0606;border-color: #ea0606;}
.btn-light:hover, .btn.bg-gradient-light:hover {background-color: #e9ecef;border-color: #e9ecef;}
.btn-dark:hover, .btn.bg-gradient-dark:hover {background-color: #252f40;border-color: #252f40;}
.btn-white:hover, .btn.bg-gradient-white:hover {background-color: #fff;border-color: #fff;}

/*.bg-op{background-color: #518bd6;}
.bg-mass{background-color: #9c2727;}
.bg-rest{background-color: #332d2d;}
.bg-libs{background-color: #3f9658;}
.bg-drinks{background-color: #e03a3a;}
.bg-kiss{background-color: #3f9658;}
.bg-fetish{background-color: #332020;}
.bg-anma{background-color: #29c1a7;}
.bg-outanma{background-color: #332020;}*/
.bg-op{ background-color:#ffc101;color:white}
.bg-rest{background-color:#FF5703;color:white}
.bg-mass{background-color:#FF9701;color:white}
.bg-drinks{background-color:#FA1867;color:white}
.bg-anma{background-color:#2196F3;color:white}
.bg-outanma{background-color:#009688;color:white}
.bg-kiss{background-color:#9C27B0;color:white}
.bg-libs{background-color:#F54236;color:white}
.bg-fetish{background-color:#673AB7;color:white}
.bg-orangered, i.bg-orangered, .badge.bg-orangered {
    background-color: orangered;
    color: #fff;
}
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen {
    background-color: rgb(160, 200, 80);
    color: #fff;
}
.lc_info > div.notice:first-child{top:0px}
/**************  MISC ******************/
.misc-waves{
	position: fixed;
	width: 1920px;
	bottom:47px; 
	z-index:1;
}
@media all and (max-width:360px) {
.gallery .gal_box .gal_cont .title{ max-width:130px}
}
@media screen and (min-width: 470px) {
.misc-waves{bottom:-3px;}
}
.waves {
    position: relative;
    width: 100%;
    height: 165px;
}
.moving-waves > use {
    -webkit-animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.moving-waves > use:nth-child(1) {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
}
.moving-waves > use:nth-child(2) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s;
}
.moving-waves > use:nth-child(3) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}
.moving-waves > use:nth-child(4) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}
.moving-waves > use:nth-child(5) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 25s;
    animation-duration: 25s;
}
.moving-waves > use:nth-child(6) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
}

.top_scroll {
	width:100vw;
	height: 30px;
	line-height: 30px;
/*	background: rgba(0,0,0,.25);*/
	overflow:hidden;
	position: relative;
	background-color: #fff;
    display:flex;
}
.top_scroll_title{
    width: 80px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Malgun Gothic", 돋움, Dotum;
}
.top_scroll .scroll_inner{
	white-space:nowrap;
	position: absolute;
	animation: scroll-left 25s linear infinite;
}	
.top_scroll .scroll_inner span {
	display:inline-block;
	height: 100%;
	color: #ddd;
	margin:0 0 0 10px
}
            
@keyframes scroll-left {
	 0%{
	 	transform: translateX(25%); 		
	 }
	 100%{
	 	transform: translateX(-100%); 
	 }
}
            
@keyframes move-forever {
	0% {
    	transform: translate3d(-90px, 0, 0);
  	}
  	100% {
    	transform: translate3d(85px, 0, 0);
  	}
}
<!-------------------------------------------------------------------->
/*2023 OG*/ 
.at-main {padding-top:0px !important;}
    #main_menu{
		display: table;
		width:100%;
		text-align: center;
		overflow:hidden;
		background: #fff;
		border-bottom: 1px solid #eee;
    }
	
    #main_menu .item {
		text-align:center;
		display: inline-block;
		/*--background-color:antiquewhite;*/
		border:1px #ccc solid;
		width:30%;
		height:130px;
		line-height:150px;
		margin:auto;
		font-weight:bold;
		font-size:large;
		color:#2a312c;
		vertical-align:middle;
		text-align:center;
		padding:0px;
		overflow:hidden;
    }
	#main_menu #item_1{border-width:0 0 0 0}
	#main_menu #item_2{border-width:0 0 0 1px}
	#main_menu #item_3{border-width:0 0 0 1px}
	#main_menu #item_4{border-width:1px 0 0 0}
	#main_menu #item_5{border-width:1px 0 0 1px}
	#main_menu #item_6{border-width:1px 0 0 1px}
	#main_menu #item_7{border-width:1px 0 0 0}
	#main_menu #item_8{border-width:1px 0 0 1px}
	#main_menu #item_9{border-width:1px 0 0 1px}
    #main_menu .slide_menu {
		padding: 5px 0;
		width:100%;
		position:relative;
		background-color:white;
		display: none; 
    }
    #main_menu .item_in{
		text-align:center;
		width:30%;
		height:130px;
		line-height:37px;
		margin:auto;
		position:absolute;
		overflow:hidden;
		padding-top:20px;
    }
	#main_menu .item_in img{ 
		height:70px;
		/*border: 5px solid #c1b6ae;*/
    	/*border-radius: 50%;*/}
	.main_sub_menu {    
   vertical-align: middle;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    /*border: 1px #cddad2 solid;*/
    height: 40px;
    width: 32.4%;
    line-height: 40px;
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
    padding: 0px;
    color: #505a70 !important;
    background-color: #eeeadd;
    margin: 0px 0 4px 0px;
	letter-spacing: -1px;
	white-space: nowrap;
}
	.main_sub_menu a{
		color:white;
	}
	#data_1 .main_sub_menu{background-color:#cbe6df;}
	#data_2 .main_sub_menu{background-color:#d0e8f9;}
	#data_4 .main_sub_menu{background-color:#ffd15c;}
	#data_5 .main_sub_menu{background-color:#9ad6d4;}
	#data_6 .main_sub_menu{background-color:#e3e8e9;}
	#data_7 .main_sub_menu{background-color:#cdf5bf;}
    .mark1 {
		position:absolute; 
		color:#fff; 
		background-color:red;
		bottom:0px;
		left:0px;
		display:none;
		width:100%; 
		height:5px; 
		font-size:12px; 
		filter:alpha(opacity=85); 
		opacity:0.85; 
		-moz-opacity:0.85; 
		line-height:85px; 
		font-weight:bold; 
		z-index:2; 
		border:0;
		text-align:center; 
		padding: 0 5px 0 5px; 
    }

.post_holder,
.review_holder{
	width: 100%;
	margin: auto;
	text-align:left;
	padding:0 8px 0 10px;
	margin-bottom: 5px;
}
.post_holder div,
.review_holder div{
	margin: auto;
    /*background-color: #ecf0f1;*/
    /*border-radius: 10px;*/
}
.post_holder div span,
.review_holder div span{
	padding-left: 10px;
    font-weight: bold;
    height: 0px;
    position: absolute;
}
.post_holder div span div,
.review_holder div span div{
	font-weight: bold;
    position: relative;
    left: -15px;
    border-radius: 12px 12px 0 12px;
    padding: 2px 2px 2px 2px;
    width: max-content;
    color: white;
	border: 1px solid #35768a;
    background-color: #448da3;
}
#data_3 .review_holder div span div{
	background-color: #dac426;
	border: 1px solid #ab9918;
}
#data_4 .review_holder div span div{
	background-color: #ed7161;
	border: 1px solid #b56358;
}
.index_premium_wrap {
    border-top: 2px solid #d2ded6;
    /* padding-top: 1px; */
}

.index_premium_wrap .index_premium_title {
    padding: 5px;
    border-top: 1px solid #d0e2d6;
    background: rgb(81, 139, 214);
    color: white;
    text-align: center;
}

.index_premium_menu_frame {
    border-top: 1px solid #d0e2d6;
    border-bottom: 1px solid #d0e2d6;
    background: #9ba59e;
}

.index_premium_wrap .index_premium_menu {
    overflow: hidden;
    height: 36px;
    width: fit-content;
    padding: 0;
    margin-bottom: 0;
    min-width: 100%;
    word-break: keep-all;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.index_premium_wrap .index_premium_menu .item.active {
    background: #3dbf62;
    /* color: black; */
    font-weight: bold;
}

.index_premium_wrap .index_premium_menu .item {
    /* padding: 5px 5px 5px 5px; */
    display: inline-block;
    border-right: 1px solid #d0e2d6;
    background: #9ba59e;
    color: white;
    min-width: calc( 14.2857% - 1px);
    text-align: center;
    /* width: 100%; */
    display: inline-block;
}

.index_premium_wrap .index_premium_menu .item a {
    color: white;
    /* padding: 7px 9px; */
    display: inline-block;
    height: 36px;
    line-height: 36px;
}

.index_premium_wrap .index_premium_menu .item:last-child {
    border-right: none;
}

.index_premium_wrap .index_premium_list {
    padding: 2px 5px;
    /*margin-bottom: 45px;*/
}

.index_premium_wrap .index_premium_list .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 30px;
    overflow: hidden;
    align-items: center;
    flex-wrap: nowrap;
}

.index_premium_wrap .index_premium_list .item .sub_bs {
    min-width: 46px;
    color: white;
    border-radius: 10px;
    text-align: center;
    margin-right: 5px;
font-size: 11px;}

.index_premium_wrap .index_premium_list .item .name {
    /* height: 100%; */
    display: block;
    overflow: hidden;
    line-height: 200%;
    max-height: 100%;
    min-width: 95px;
}

.index_premium_wrap .index_premium_list .item .subject {
    /* height: 100%; */
    display: block;
    overflow: hidden;
    line-height: 200%;
    height: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, "Malgun Gothic", 돋움, "Dotum";
    word-break: break-all;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
    ;}

.index_premium_wrap .index_premium_list .item .cat {
    color: #808080;
    font-size: 12px;
    /* font-weight: 900; */
}

.index_premium_wrap .index_premium_list .item .comp_name {
    padding-left: 5px;
    word-break: break-all;
    color: #ff490f;
    font-size: 13px;
    font-weight: 900;
}

.index_premium_wrap .index_premium_list .item .tool {
    display: flex;
    flex-direction: row;
    /* height: 100%; */
    flex-wrap: nowrap;
    justify-content: space-between;
}

.index_premium_wrap .index_premium_list .item .tool a {
    padding: 3px 6px;
    height: 100%;
    background: #b7b7b7;
    color: white;
    margin-left: 3px;
    font-size: 13px;
}

.index_premium_wrap .index_premium_list .item .tool a.btn_info {
    background: #7da2d3;
}

.index_premium_wrap .index_premium_list .item .tool a.btn_review {
    background: #7da2d3;
}
@media all and (min-width:320px) {
    /*.post_holder {width:250px;}
	.review_holder {width:250px;}*/
}
@media all and (min-width:375px) {
    /*.post_holder {width:370px;}
	.review_holder {width:370px;}*/
}
@media all and (min-width:425px) {
    /*.post_holder {width:370px;}
	.review_holder {width:370px;}*/
}
@media (min-width:768px){
}
.user-menu{	
	background-color: #f5f5f5;/*background-color: rgb(243, 249, 245);*/
	height:44px;/*border-bottom: 1px solid #ccc;*//*border-top: 1px solid #bbbbbb;*/    
	padding-top: 4px; /*border-bottom: 1px solid #d0e2d6;*/
	float: left;
    width: 100%;       
}
.user-menu div{
	 width: 300px;	margin:0 auto ;text-align:center;
}
/*.user-menu div a img{width: 35px;border-radius: 100%;}
.user-menu div a:nth-child(1) img{border: 3px solid #e5a4ed;}
.user-menu div a:nth-child(2) img{border: 3px solid #dfedef;}
.user-menu div a:nth-child(3) img{border: 3px solid #dfedef;}
.user-menu div a:nth-child(4) img{border: 3px solid #dee9ff;}
.user-menu div a:nth-child(5) img{border: 3px solid #b8eeff;}
.user-menu div a:nth-child(6) img{box-shadow: 0 0 3px #58b5a2;}*/
.user-menu div a i{
	width:35px;
	height:35px;
	border-radius:50%;
	font-size:18px;
	color:#fff;
	line-height: 35px;}
.user-menu div a:nth-child(1) i{background: #8522c4;}
.user-menu div a:nth-child(2) i{background: #f0ba00;}
.user-menu div a:nth-child(3) i{background: #ff5200;}
.user-menu div a:nth-child(4) i{background: #0866ff;}
.user-menu div a:nth-child(5) i{background: #2ab3f5;}
.user-menu div a:nth-child(6) i{background: #e83a5f;}

.bg-navy, i.bg-navy, .badge.bg-navy {background-color: rgb(50, 60, 70);color: #fff;}
.font-12, i.font-12 {
    font-size: 12px;
}
.is-pc .ko .btn-xs, .is-pc .ko .btn-sm {
    font-family: dotum, sans-serif;
}
.ko {
    font-size: 12px;
}
.ko, .ko small {
    font-family: dotum, sans-serif;
}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.div-title-underline-thin, .div-title-underline-bold {
    margin: 0px 0px 15px;
    padding: 0px 0px 5px;
    text-transform: capitalize;
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.div-title-underline-thin {
    border-bottom: 1px solid rgb(51, 51, 51);
}
i.normal, img.normal, .fix-icon.normal i, .fix-icon.normal img{height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 22px;}
i.circle, img.circle, .fix-icon.circle i, .fix-icon.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-background-clip: inherit;
    -webkit-background-clip: inherit;
    background-clip: inherit;
    text-align: center;
    margin-top: 0px;
    vertical-align: middle;
}	
i.light-circle, img.light-circle, .fix-icon.light-circle i, .fix-icon.light-circle img {
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: #333;
}