/******************************

*******************************/

@charset "UTF-8";


html,body{
    height:100%;
    
}

/******************************
        header
*******************************/
header {
    /* background: rgba(41, 41, 41, 0.8); */
    background:#333333;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.logo {
    width: 250px;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pc-menu {
    width: calc(100% - 250px);
    float: right;
    text-align: right;
    padding: 10px 10% 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
		
}

@media (min-width: 992px) {
    .menu-area li a:hover {
        color: #e53879;
    }
}
@media (max-width:991px){
    .pc-menu{
        display:none;
    }
}


.search-area {
    display: inline-block;
    position: relative;
    max-width: 300px;
    width: 100%;
    padding: 5px 0;
		/* jbsoft */
		display:none; 
}

.search-area input {
    background: #5d5d5d;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    color:#fff !important;
}

.search-area button {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 30px;
    text-align: center;
}

.icon-area {
    margin: 0 20px;
    display: inline-block;
}

.icon-area li {
    display: inline-block;
    margin: 0 6px;
}
.mobile-icon {
    display:none;
}
.icon-area li a {
    display: block;
    position: relative;
}

.icon-area li a.on:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background: #e53879;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 0;
}

.menu-area {
    display: inline-block;
}

.menu-area li {
    display: inline-block;
    margin: 0 15px;
}

.menu-area li a {
    display: block;
    font-size: 14px;
    color: #eeeeee;
}

/********************************
        section
********************************/
section {
    /* min-height:100%; */
    /* background: #fff; */
    /* background:red; */
    background-size: cover;
    position: relative;
    z-index: 98;
    overflow:hidden;
}
.login-section{
    background: #000 url(/img/section-bg.png) no-repeat center center;
}

/********************************
        nav
********************************/
nav {
    /* padding-top: 60px; */
    /* background: url(/img/nav-bg.png) no-repeat center center; */
    background:#362d37;
    background-size: cover;
    width: 240px;
    /* height:100%; */
    /* float: left; */
    z-index: 97;
    position:absolute;
    top:60px;
    left:0;
}

.lg-area {
    padding: 20px 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #fff;
}

.lg-adm {
    position: absolute;
    top: 10px;
    left: 10px;
}

.lg-thumb-img {
    position: relative;
    width: 43px;
    height: 43px;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
}

.lg-thumb img {
    max-width: 100%;
}

.info-area dt {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 5px;
}

.info-area dd {
    display: block;
    font-size :14px;
    color: #999999;
    font-family: 'Roboto', sans-serif;
}

.info-area dd span {
    display: inline-block;
    vertical-align: middle;
}

.info-area dd img {
    vertical-align: middle;
}

.lg-sub-area {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

.lg-sub-area a {
    display: block;
    font-size :14px;
    color: #ffffff;
}

.my-info {
    padding: 10px 0;
    text-align: left;
}

.my-info li {
    margin: 5px 0;
}

.my-info li span {
    float: left;
    font-size: 12px;
    color: #ffffff;
    opacity: 0.7;
    padding-left: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-right:10px;
}

.my-info li span.write-list:before {
    content: "";
    display: block;
    width: 11px;
    height: 12px;
    background: url(/img/write-list-icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.my-info li span.like-cpn:before {
    content: "";
    display: block;
    width: 13px;
    height: 12px;
    background: url(/img/heart-icon-gray.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.my-info li span.note-box:before {
    content: "";
    display: block;
    width: 14px;
    height: 11px;
    background: url(/img/note-box-icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.my-info li span.nav-coupon:before {
    content: "";
    display: block;
    width: 21px;
    height: 11px;
    background: url(/img/nav-coupon-icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.my-info li span.nav-alram:before {
    content: "";
    display: block;
    width: 21px;
    height: 17px;
    background: url(/img/bell-icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}




.my-info li a {
    display: block;
    float: right;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}


.nav-board {
    padding: 10px 0;
}

.link-box {
    margin: 0 10px;
}

.link-box a {
    display: block;
    background: #404040;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#eee;
    font-size: 14px;
    border-radius: 5px;
    overflow: hidden
}
.link-box a span{
    float: right;
    display: inline-block;
    margin-right: 20px;
}
.link-box a:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/img/star-icon-white.png) no-repeat center center;
    margin: 0 15px;
}

.nav-board-list {
    border-bottom: 1px solid #fff;
}

.nav-board-list dl.board-dl {
    margin: 10px 0;
}

.nav-board-list dl.board-dl dt {
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(242, 136, 136, 0.9);
    font-weight:500;
}

.nav-board-list dl.board-dl dd {
    font-size :12px;
    color: #ffffff;
    font-weight: 500;
    margin:-10px 0;
}

.nav-board-list dl.board-dl dd a {
    display: block;
    font-size: 12px;
    color:rgba(255,255,255,0.6);
    font-weight: 500;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-board-list dl.board-dl dd a img{
    margin-left: 4px;
}
.nav-board-list ul.board-ul li{
    margin: 15px 0;
}
.nav-board-list ul.board-ul li a{
    color: rgba(242, 136, 136, 0.9);
    padding: 10px;
}

.nav-board-list dl.board-dl dd a {
    display: block;
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
}
.nav-board-list ul.board-ul li a:hover {
    color:#fff;
}
.nav-comment {
    border-bottom: 1px solid #fff;
}

.nav-comment ul.nav-comment-ul {
    margin: 10px 0;
}

.nav-comment ul.nav-comment-ul li {
    margin: 10px 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-comment ul.nav-comment-ul li span {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.86);
    float: left;
}

.nav-comment ul.nav-comment-ul li a {
    display: block;
    float: right;
    background: #f4555a;
    border-radius: 7px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 11px;
}
.nav-event {
    border-bottom: 1px solid #fff;
}

.nav-event ul.nav-event-ul {
    margin: 10px 0;
}

.nav-event ul.nav-event-ul li {
    margin: 10px 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-event ul.nav-event-ul li span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.86);
    display: block;
    margin-bottom: 10px
}

.nav-event ul.nav-event-ul li a {
    display: block;
    background: #f4555a;
    border-radius: 7px;
    padding: 0px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    width: 50%;
    text-align: center;
}

.more-btn {
    margin: 20px 10px;
    text-align: center;
}

.more-btn a {
    display: block;
    background: #404040;
    padding: 7px 0;
    color:#eee;
    font-size :14px;
    border-radius: 5px;
}

.point-area {
    padding: 10px 0;
}

.point-list {
    padding: 10px 0;
    text-align: center;
}

.point-list li {
    width: calc(50% - 20px);
    margin: 10px;
    height: 106px;
    float: left;
}

.point-list li a {
    display: block;
}

.point-list li a em {
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
}

.point-list li a p {
    font-size: 13px;
    color:#eee;
}

@media (min-width: 992px) {
    .board-dl dd a:hover {
        background: #343434;
    }
}

/****************************
        MAIN CONTENT
*****************************/
#content {
    padding-top: 60px;
    width: calc(100% - 240px);
    float: right;
    position: relative;
    z-index: 109;
}

.content-wrap {
    /*padding: 60px 40px;*/
    padding: 5px 40px;
    min-height: auto;/*1920px;*/ 

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.msb-item img {
    max-width: 100%;
}

.lat-board {
    width: 50%;
    float: left;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.lat-board-tit {
    position: relative;
    margin-bottom: 8px;
}

.lat-board-tit p {
    font-size: 17px;
    /* color:#333; */
    color:#333;
}

.lat-board-tit .path-icon {
    width: 14px;
    height: 14px;
    background: url(/img/path-icon.png) no-repeat center center;
    position: absolute;
    top: 5px;
    right: 0;
}

.attend-icon {
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.attend-icon:before {
    content: "";
    display: block;
    width: 15px;
    height: 16px;
    background: url(/img/attend-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 6px;
    left: 0;
}

.speaker-icon {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.speaker-icon:before {
    content: "";
    display: block;
    width: 15px;
    height: 17px;
    background: url(/img/speaker-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 6px;
    left: 0;
}

.star-icon {
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.star-icon:before {
    content: "";
    display: block;
    width: 16px;
    height: 15px;
    background: url(/img/star-tit-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 5px;
    left: 0;
}

.qna-icon {
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.qna-icon:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    background: url(/img/qna-tit-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}

.women-icon {
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.women-icon:before {
    content: "";
    display: block;
    width: 18px;
    height: 19px;
    background: url(/img/women-tit-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}

.lat-board:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.26);
}

.lat-board:after {
    content: "";
    display: block;
}

.board-item-in {
    padding: 8px 0;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.26); */
    border-bottom:1px solid #999;
}

.board-item-in:last-child {
    border-bottom: 0;
}

.board-item-in a {
    display: block;
}

.board-item-in a p {
    font-size: 13px;
    /* color:#666; */
    color:#333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.board-item-in a .board-item-info {
    margin-top: 5px;
}

.board-item-in a .board-item-info .info-like {
    float: left;
}

.board-item-in a .board-item-info .info-like span {
    font-size: 13px;
    /* color: rgba(255, 255, 255, 0.27); */
    margin-right: 10px;
    color:#333;
}

.board-item-in a .board-item-info .info-like .like-icon {
    position: relative;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-item-in a .board-item-info .info-like .like-icon:before {
    content: "";
    display: block;
    width: 13px;
    height: 12px;
    background: url(/img/like-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}

.board-item-in a .board-item-info .info-like .bubble-icon {
    position: relative;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-item-in a .board-item-info .info-like .bubble-icon:before {
    content: "";
    display: block;
    width: 12px;
    height: 11px;
    background: url(/img/bubble-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}

.board-item-in a .board-item-info .info-time {
    float: right;
}

.board-item-in a .board-item-info .info-time span {
    font-size: 13px;
    /* color: rgba(255, 255, 255, 0.27); */
    color:#333;
}

.board-item-in a .board-item-info .info-time .time-icon {
    position: relative;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-item-in a .board-item-info .info-time .time-icon:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(/img/time-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}

/************************
        벽돌 레이아웃
************************/
.masonry-top .masonry-tit {
    display: inline-block;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.masonry-top .masonry-tit:before {
    content: "";
    display: block;
    width: 11px;
    height: 14px;
    background: url(/img/bookmark-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 3px;
}

.masonry-top .masonry-tit p {
    font-size: 17px;
    color:#333;
}

.masonry-top .masonry-tab {
    display: inline-block;
    margin-left: 15px;
    background: #292929;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.masonry-top .masonry-tab a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.masonry-top .masonry-tab a.on {
    color: #e53879;
    font-weight: 700;
}

.masonry-top .masonry-tab a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 15px;
    vertical-align: middle;
}

.masonry-top .masonry-tab a:last-child:after {
    display: none;
}

.masonry-top .masonry-sort {
    float: right;
}

.masonry-top .masonry-sort span {
    margin: 0 10px;
    display: inline-block;
}

.masonry-top .masonry-sort span select {
    padding: 3px 20px 3px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #292929 url(/img/sel-icon.png) no-repeat right 3px center;
    border: 0;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 3px;
}

.masonry-top .masonry-sort span .sort-list {
    display: inline-block;
    width: 13px;
    height: 9px;
    background: url(/img/sort-list-icon.png) no-repeat center center;
    background-size: cover;
}

.masonry-top .masonry-sort span .sort-box {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/img/sort-box-icon.png) no-repeat center center;
    background-size: cover;
}

.masonry-article {
    /*margin-top: 30px;*/
    padding: 20px 0;
}

.masonry-article .masonry-top {
    margin-bottom: 20px;
}

.board-masonry {
    /*  margin: 0 -20px;*/
}

.board-masonry-item {
    padding: 20px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    background: #2a222c;
    width: calc(16.6666% - 20px);
    margin: 10px;
}

.board-masonry-item .board-item-info {
    margin-bottom: 10px;
}

.board-masonry-item .board-item-info a {
    display: block;
}

.board-masonry-item .board-item-info small {
    font-size: 13px;
    color: rgba(221, 221, 221, 0.8);
    position: relative;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-masonry-item .board-item-info small:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(/img/star-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.board-masonry-item .board-item-info p {
    margin: 3px 0;
    font-size: 14px;
    color:#eee;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.board-masonry-item .board-item-info em {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-masonry-item .board-item-info em:before {
    content: "";
    display: block;
    width: 9px;
    height: 12px;
    background: url(/img/location-s-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 3px;
    left: 0;
}

.board-masonry-item .board-item-img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.board-masonry-item .board-item-img img {
    max-width: 100%;
}

.board-masonry-item .board-item-img .like-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    text-align: center;
}

.board-masonry-item .board-item-sns {
    padding: 10px 0;
    text-align: right;
}

.board-masonry-item .board-item-sns a {
    display: inline-block;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: rgba(255, 255, 255, 0.8);
    vertical-align: middle;
    margin: 0 5px;
}

.board-masonry-item .board-item-sns a.like-gray-icon:before {
    content: "";
    width: 13px;
    height: 12px;
    background: url(/img/like-gray-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
    opacity: 0.3;
}

.board-masonry-item .board-item-sns a.bubble-gray-icon:before {
    content: "";
    display: block;
    width: 12px;
    height: 11px;
    background: url(/img/bubble-gray-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 5px;
    left: 0;
    opacity: 0.3;
}

.board-masonry-more {
    margin-top: 30px;
    text-align: center;
}

.board-masonry-more a {
    display: inline-block;
    padding: 5px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #65596c;
    border-radius: 3px;
    color: #fff;
    font-size :14px;
}

.board-masonry-more a img {
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 10px;
}

.main-board-list {
    margin-top: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 35px;
}

.main-board-list .mbl-box {
    width: 25%;
    float: left;
    padding: 0 0px;
    padding-right:15px;
    padding-bottom:35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}

.main-board-list .mbl-box:last-child {
    border: 0;
}

.main-photo-room {
    margin-top: 35px;
}

.main-tit {
    margin-bottom: 20px;
    position: relative;
}

.main-tit.video-icon {
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.main-tit.video-icon:before {
    content: "";
    display: block;
    width: 22px;
    height: 16px;
    background: url(/img/video-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 7px;
    left: 0;
}

.main-tit p {
    font-size: 17px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}
.main-tit p i{
    margin-right: 10px;
    color: #666;
    font-size: 20px
}
.main-tit .mpr-tab {
    display: inline-block;
    margin-left: 20px;
    background: #292929;
    padding: 3px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

.main-tit .mpr-tab a {
    display: inline-block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 11px;
}

.main-tit .mpr-tab a.on {
    color: #fff;
}

.main-tit .mpr-tab a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.7);
    margin: 0 7px;
    vertical-align: middle;
}

.main-tit .mpr-tab a:last-child:after {
    display: none;
}

.main-tit .append-dot {
    display: inline-block;
}

.main-tit .append-dot .mpr-slide-dot li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 7px;
}

.main-tit .append-dot .mpr-slide-dot li.slick-active a {
    background: #e53879;
}

.main-tit .append-dot .mpr-slide-dot li a {
    display: block;
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%;
}

.mpr-slide {
    margin-right: -40px;
    padding-right: 40px;
}

.mpr-slide-item {
    margin-right: 30px;
}

.mpr-slide-img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.mpr-slide-img:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mpr-slide-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
}

.mpr-slide-txt {
    padding: 5px 0;
}

.mpr-slide-txt p {
    font-size :13px;
    color:#666;
}

.mpr-slide-txt .mpr-nickName {
    margin-top: 5px;
}

.mpr-slide-txt .mpr-nickName img {
    display: inline-block;
}

.mpr-slide-txt .mpr-nickName em {
    margin-left: 5px;
    color:#666;
}

.mvb-slide {
    margin-right: -40px;
    padding-right: 40px;
}

.mvb-slide-item {
    margin-right: 30px;
}

.mvb-slide-img {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.mvb-slide-img:before {
    content: "";
    display: block;
    padding-top: 56.26%;
}

.mvb-slide-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width:100%;
}

.mvb-slide-img .mvb-slide-in {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.mvb-slide-img .mvb-slide-in p {
    font-size: 14px;
    color: #ffffff;
}

.mvb-slide-img .mvb-slide-in p strong {
    font-weight: 500;
}

.mvb-slide-txt {
    padding: 5px 0;
}

.mvb-slide-txt p {
    font-size :13px;
    color:#666;
}

.mvb-slide-txt .mvb-nickName {
    margin-top: 5px;
}

.mvb-slide-txt .mvb-nickName img {
    display: inline-block;
}

.mvb-slide-txt .mvb-nickName em {
    margin-left: 5px;
    color:#666;
}

/***************************
        footer
***************************/
footer {
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left:0;
}

footer .foot-menu li {
    display: inline-block;
    margin-right: 30px;
    margin-left: 30px;
}

footer .foot-menu li a {
    display: block;
    font-size: 14px;
    color:#666;
    font-weight: 700;
}

footer .foot-warning {
    margin: 10px 0;
}

footer .foot-warning p {
    font-size :14px;
    color: #aaaaaa;
    font-weight: 500;
}

footer .copyright p {
    font-size: 13px;
    color: rgba(170, 170, 170, 0.5);
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 1500px) {
    .board-masonry-item {
        width: calc(20% - 20px);
    }
    .main-board-list .mbl-box{
        width:25%;
        padding:0 15px;
    }
}

@media (max-width: 1300px) {
    .board-masonry-item {
        width: calc(25% - 20px);
    }
    .main-board-list .mbl-box{
        width:50%;
        padding:15px;
    }
}

@media (max-width: 991px) {
    nav {
        display: none;
    }
    #content {
        width: 100%;
    }
    .content-wrap {
        padding: 0 10px;
        padding-top: 5px
    }
    .board-masonry-item {
        width: calc(25% - 20px);
    }
    .lat-board{
        padding:0;
    }
    .main-board-list .mbl-box{
        padding:15px 0;
    }

}
@media (min-width: 768px) {
    .coupon-modal-btn button:hover {
        background-color:#333;
        color:#fff;
    }
}
@media (max-width: 768px) {

    .lat-board {
        width: 100%;
        border-right: 0 !important;
        margin: 20px 0;
    }
    .board-masonry-item {
        width: calc(33.33% - 20px);
    }
    .main-board-list .mbl-box{
        width:100%;
    }

}

@media (max-width: 600px) {
    .board-masonry-item {
        width: calc(50% - 20px);
    }
}

/***********************************
        서브 공통
***********************************/
.sub-tit {
    /*margin-bottom: 35px;*/
    margin-bottom: 5px;
    text-align: center;
}

.sub-tit .sub-icon {
    display: inline-block;
    position: relative;
    /*  padding-left: 50px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*
.sub-tit .sub-icon:before {
  content: "";
  display: block;
  width: 47px;
  height: 41px;
  background: url(/img/lips-icon.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 30%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
*/
.kiss-little-info {
    display:block;
    padding:5px 0;
    box-sizing: border-box;
}
.sub-tit .sub-icon p {
    font-size: 13px;
    color: #333;
}

.sub-tit .sub-icon p em {
    margin-right: 3px;
    font-size: 21px;
    color: #d73773;
}

/***********************************
        BOARD
***********************************/
.board-box {
    /* background: #29222e; */
    /* padding: 30px 60px; */
    /* -webkit-box-sizing: border-box;
            box-sizing: border-box; */
}

.board-write .write-opt {
    padding: 10px 0;
}

.board-write .write-opt span {
    margin-right: 10px;
}

.board-write .write-opt label {
    font-size: 14px;
    color: #fff;
}

.board-write table {
    width: 100%;
    table-layout: fixed;
}

.board-write table .wt_1 {
    width: 15%;
}

.board-write table .wt_2 {
    width: 35%;
}

.board-write table .wt_3 {
    width: 15%;
}

.board-write table .wt_4 {
    width: 35%;
}

.board-write table th {
    font-size: 14px;
    color: #ffffff;
    background: #423c46;
    border: 1px solid #423c46;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-write table td {
    width: 30%;
    border: 1px solid #423c46;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.board-write table td span {
    /*margin-right: 5px;*/
}

.board-write table td .temp-btn {
    padding: 7px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #333333;
    color: #fff;
    font-size: 14px;
}

.board-write table td input {
    border: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;;
    width: 100%;
}

.board-write table td input.tit-input {
    width: 70%;
}

.board-write table td input[type=checkbox] {
    display: none;
}

.board-write table td select {
    width:135px;
    border: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 35px 5px 10px;
    background: #fff url(/img/write-select.png) no-repeat right 5px center;
}

.board-write table td label {
    font-size: 14px;
    /*color: #ccc;*/
}

.board-write table td textarea {
    width: 100%;
    border: 0;
    resize: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.board-write .write-btn {
    text-align: center;
    margin-top: 30px;
}

.board-write .write-btn .write-btn-submit {
    background: #e53879;
    color: #fff;
    font-size: 14px;
    padding: 7px 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px;
}

.board-write .write-btn .write-btn-reset {
    background: #b5b5b5;
    color: #fff;
    font-size: 14px;
    padding: 7px 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px;
}

.gallery-wrap {
    border-top: 2px solid #b5b5b5;
    padding: 20px 0;
}

.gall-item {
    width: calc(25% - 20px);
    margin: 20px 10px;
    float: left;
    min-height: 370px;
}

.gall-item a {
    display: block;
    margin-bottom: 10px;
}

.gall-thumb {
    position: relative;
}

.gall-thumb:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.gall-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
}
.gall-thumb img.play_btn{
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 9;
}
.gall-txt {
    margin-top: 10px;
}

.gall-txt .gall-subject {
    width: 80%;
    float: left;
}

.gall-txt .gall-subject p {
    font-size: 14px;
    color: #333;
}

.gall-txt .gall-subject p em {
    margin-left: 5px;
    color: #cf366f;
}

.gall-txt .gall-time {
    width: 20%;
    float: right;
}

.gall-txt .gall-time time {
    font-size: 13px;
    color: #333;
}
.nickname {
    padding: 0;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.nickname p {
    font-size: 13px;
    color: #333;
    width: 107px;
}

.nickname.lev-1:before {
    content: "";
    display: block;
    width: 15px;
    height: 27px;
    background: url(/img/class-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.searchAndPaging {
    margin-top: 60px;
    text-align: center;
}

.searchAndPaging span {
    margin: 0 5px;
    position: relative;
}

.searchAndPaging span select {
    background: #5d5d5d url(/img/write-select.png) no-repeat center right 5px;
    border: 0;
    padding: 0 30px 0 10px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    border-radius:30px;
}
.searchAndPaging span input{
    border-radius: 30px;
    background: #5d5d5d;
    color: #fff;
}
.search-line:after{
    content:"";
    display:block;
    clear:both;
}
.search-line1 span{
    width:calc(100% / 3 - 30px);
    float:left;
}
.search-line2 span{
    width:calc(100% / 5 - 30px);
    float:left;
}
.search-line span input {
    width: calc(100% - 66px);
    max-width: 200px;
    border-radius: 30px;
    background: #5d5d5d;
    border: 0;
    padding: 0 35px 0 15px;
    height: 30px;
    line-height: 30px;
    color:#fff;
}

.searchAndPaging span input::-webkit-input-placeholder {
    color: #838383;
    font-size: 14px;
}

.searchAndPaging span input:-ms-input-placeholder {
    color: #838383;
    font-size: 14px;
}

.searchAndPaging span input::-ms-input-placeholder {
    color: #838383;
    font-size: 14px;
}

.searchAndPaging span input::placeholder {
    color: #838383;
    font-size: 14px;
}

.searchAndPaging span .search-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.searchAndPaging .pagination {
    margin-top: 20px;
}

/* .searchAndPaging .pagination a {
  display: inline-block;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #333333;
  color: #fff;
 font-size: 13px;
  margin: 0 5px;
} */

.searchAndPaging .pagination a.on {
    background: #e53879;
}

@media (max-width: 991px) {
    .container {
        padding: 0;
    }
    .board-box {
        padding: 30px 0;
    }
    .gall-item {
        width: calc(33.33% - 20px);
        margin: 20px 10px;
        float: left;
    }
    .gall-txt .gall-subject {
        width: 100%;
    }
    .gall-txt .gall-time {
        width: 100%;
    }
    .searchAndPaging span{
        margin:0;
    }
    .detail_search button{
        font-size:12px !important;
    }
    .searchAndPaging span input.sch_input{
        width:180px;
    }
    .searchAndPaging span select#sfl{
        width:90px;
    }
}
.mobile-new {
    display:none;

}
@media (max-width: 768px) {


    .gallery-wrap {
        margin: 0 -15px;
    }
    .gall-item {
        width: calc(50% - 20px);
        margin: 20px 10px;
        float: left;
    }
}

.event-tab a {
    text-align: center;
    display: block;
    width: calc(9.0909% - 10px);
    margin: 5px;
    float: left;
    background: #da4a54;
    font-size: 14px;
    color: #ffffff;
    border-radius: 3px;
    padding: 5px 0;
}

.event-board {
    margin-top: 15px;
}

.event-head {
    background: #434343;
}

.event-head li {
    color: #ffffff;
    padding: 13px 0;
    display:table;
    width:100%;
}

.event-head li span {
    text-align: center;
    display:table-cell;
}

.comment-head {
    background: #434343;
    margin-bottom: 15px;
}

.comment-head li {
    color: #ffffff;
    padding: 13px 0;
}

.comment-head li span {
    text-align: center;
}

span.e_1 {
    width: 40%;
    text-align: left;
}

span.e_2 {
    width: 25%;
    text-align: center;
}

span.e_3 {
    width: 15%;
    text-align: center;
}

span.e_4 {
    width: 20%;
    text-align: center;
}

span.m_1 {
    width: 10%;
    float: left;
    text-align: center;
}

span.m_2 {
    width: 70%;
    float: left;
    text-align: left;
}

span.m_3 {
    width: 10%;
    float: left;
    text-align: center;
}

span.m_4 {
    width: 10%;
    float: left;
    text-align: center;
}

.event-body li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.54);
    display:table;
    width:100%;
}

/*
.event-body li:nth-of-type(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.54);
}
*/
.event-body li span {
    color: #333;
    font-size: 14px;
    padding: 8px 0;
    display:table-cell;
}
.event-body li span a{
    display:inline-block;
    margin:0 5px;
}
.event-body li span div{
    display:inline-block;
}

.event-body li span.e_1 {
    padding: 10px 30px;
}
.event-body li span .event_ge {
    color: #ff7600;
    padding: 3px 5px;
    display:inline-block;
}
.event-body li span .event_month {
    color: #ffbc00;
    padding: 3px 5px;
}
.event-body li span .event_adm {
    color: #02960d;
    padding: 3px 5px;
}
.event-body li span .event_cu {
    color: #ff7600;
    padding: 3px 5px;
}


.event-body li span .event-free {
    background: #533371;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 3px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
}

.event-body li span .event-view {
    background: #533371;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 3px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
}

.event-body li span .event-money {
    background: #f38088;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 3px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
}

.comment-body li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
}

.comment-body li span {
    color: #ffffff;
    font-size: 14px;
    padding: 13px 0;
}

.comment-body li span.e_1 {
    padding: 10px 30px;
}

.comment-body li span .event-free {
    background: #533371;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 3px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
}

.comment-body li span .event-money {
    background: #f38088;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 3px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3px;
}

.board-colgroup .b_1 {
    width: 10%;
}

.board-colgroup .b_2 {
    width: 20%;
}

.board-colgroup .b_3 {
    width: 20%;
}

.board-colgroup .b_4 {
    width: 50%;
}

.board-colgroup .c_1 {
    width: 5%;
}

.board-colgroup .c_2 {
    width: 35%;
}

.board-colgroup .c_3 {
    width: 10%;
}

.board-colgroup .c_4 {
    width: 10%;
}

.board-colgroup .c_5 {
    width: 20%;
}

.board-colgroup .c_6 {
    width: 10%;
}

.board-colgroup .c_7 {
    width: 10%;
}

.board-head {
    background: #434343;
    text-align: center;
    padding: 10px 0
    /*margin-bottom: 30px;*/
}

.board-head span {
    display: block;
    float: left;
    font-size: 16px;
    color: #ffffff;
}

.board-body {
    text-align: center;
}

.board-body li {
    border-bottom: 1px solid #413d43;
    padding: 7px 0;
}

.board-body li span {
    display: block;
    float: left;
    font-size: 14px;
}

.board-body li span.orange {
    color: #ff8400;
}

.board-body li span.red {
    color: #ee3232;
}

.board-body li a {
    color: #ff3061;
}

.board-body li:nth-of-type(1) {
    border-top: 1px solid #413d43;
}

.board-btn {
    margin-top: 30px;
    text-align: left;
}

.board-btn a {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #ff3061;
    padding: 7px 10px;
}
.board-btn input {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #ff3061;
    padding: 7px 10px;
}
.board-btn input.hot-del-btn{
    background: #f2f2f2;
    border: 1px solid #ddd;
    font-family: 'NotoKR-md';
    font-weight: 400;
    font-size: 13px;
    border-radius: 3px;
    color: #333;
    min-width: 80px;
    height: 35px;
}
.basic-board-head {
    text-align: left;
    border-bottom: 2px solid #8c888e;
    padding: 7px 0;
}

.basic-board-head div:nth-of-type(1) {
    width: 65%;
    float: left;
}

.basic-board-head div:nth-of-type(2) {
    width: 35%;
    float: left;
}

.basic-board-head div:nth-of-type(2) span {
    width: 33%;
    float: left;
}

.basic-board-head div span {
    color: #333;
    text-align: center;
}

.basic-board-head div span button {
    vertical-align: middle;
    margin: 0 5px;
}

.basic-board-body .basic-board-notice {
    padding: 2px 0;
    border-bottom: 1px solid #8c888e;
}

.basic-board-body .basic-board-notice p {
    font-size: 14px;
}

.basic-board-body .basic-board-notice p em {
    color: #bd5f4f;
}

.basic-board-body .basic-board-area li {
    padding: 10px 0;
    border-bottom: 1px solid #413d43;
}

.basic-board-body .basic-board-area li:nth-of-type(1) {
    border-top: 1px solid #413d43;
}

.basic-board-body .basic-board-area span {
    font-size: 14px;
    float: left;
    color: #333;
}

.basic-board-body .basic-board-area span.bba-num {
    width: 10%;
    text-align: center;
    color: #e53879;
}

.basic-board-body .basic-board-area span.bba-tit {
    width: 55%;
    text-align: left;
}

.basic-board-body .basic-board-area span.bba-name {
    width: 9.75%;
    text-align: center;
}

.basic-board-body .basic-board-area span.bba-date {
    width: 8.75%;
    text-align: center;
}

.basic-board-body .basic-board-area span.bba-date2 {
    width: 14.75%;
    text-align: center;
}

.basic-board-body .basic-board-area span.bba-views {
    width: 8.75%;
    text-align: center;
}

.basic-board-body .basic-board-area span.bba-rec {
    width: 8.75%;
    text-align: center;
}

.detail-search {
    margin-top: 50px;
    background: #29222e;
    padding: 30px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-line {
    margin: 10px 0;
    background: #e53879;
    padding: 5px 0;
    text-align: center;
}

.search-line span {
    margin: 0 15px;
}

.search-line span label {
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
}

.detail-search-btn {
    text-align: center;
    margin-top: 20px;
}

.detail-search-btn button {
    color: #fff;
    background: #e53879;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.detail-search-result {
    margin-top: 50px;
}

.search-result-tit {
    position: relative;
    margin-bottom: 30px;
}

.search-result-tit:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
}

.search-result-tit p {
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    background: #29222e;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}

.search-result-area li {
    border-bottom: 1px solid #4c3f53;
    padding: 7px 0;
}

.search-result-area li a {
    display: block;
}

.search-result-area li a em.red {
    color: #de1111;
}

.search-result-area li a em.gray {
    color: #cbcbcb;
}

.alliance-wrap table {
    width: 100%;
}

.alliance-wrap table th {
    color: #fff;
    font-size: 14px;
    vertical-align: top;
    padding: 15px 0;
    background: #333;
}

.alliance-wrap table td {
    padding: 15px 0;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    border-top: none;
}
.alliance-wrap table tr:first-of-type td{
    border-top: 1px solid #ddd;
}
.alliance-wrap table tr:last-of-type td{
    border-bottom: 1px solid #ddd
}
.alliance-wrap table td input:not([type=checkbox]) {
    padding: 10px;
    border:1px solid #dedede;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.alliance-wrap table td input + .ui_datepicker-trigger{
    margin-left:10px;
}

.alliance-wrap table td textarea {
    width: 96%;
    padding: 10px;
    border:1px solid #dedede;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.alliance-wrap table td span {
    margin-left: 15px;
    color: #333;
}

.alliance-wrap table td span em {
    color: #f01774;
}

.form-btn {
    margin-top: 35px;
    text-align: center;
}

.form-btn .submit {
    padding: 10px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background: #e33878;
    border:1px solid #e33878;
}
.form-btn a{
    padding: 10px 50px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #ddd;
}

.login-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.login-logo {
    margin-bottom: 30px;
}

.login-txt dt {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
}

.login-txt dd {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    line-height: 2;
}

.adult-certification {
    margin: 50px 0;
}

.adult-certification button {
    background: #fff;
    padding: 13px 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    color: #e75bc8;
    font-weight: 500;
}

.login-area div {
    margin: 10px 0;
}
.login-logo {
    margin-bottom: 30px;
}

.login-txt dt {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
}

.login-txt dd {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    line-height: 2;
}
.login-area input[type=text], .login-area input[type=password] {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: Border-box;
    box-sizing: Border-box;
    background: #333333;
    border: 1px solid #535353;
    border-radius: 5px;
    color: #fff;
}

.login-area .login-id-save {
    text-align: right;
}

.login-area .login-id-save label {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.find-info {
    margin-top: 30px;
}

.find-info p {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.find-info .find-info-menu {
    margin-bottom: 30px;
    text-align: center;
}

.find-info .find-info-menu a {
    display: inline-block;
    color: #fff;
}

.find-info .find-info-menu a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #fff;
    margin: 0 15px;
}

.find-info .find-info-menu a:last-child:after {
    display: none;
}

.login-btn {
    margin-top: 20px;
    text-align: center;
}

.login-btn button {
    width: 100%;
    display: inline-block;
    background: #d631a1;
    border-radius: 25px;
    color: #fff;
    padding: 15px 0;
}

/**********************************
        VIEW
***********************************/
.view-top {
    background: #7d2c50;
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}

.view-top .view-list-btn {
    width: 10%;
    display: inline-block;
    text-align: left;
    vertical-align:top;
}

.view-top .view-list-btn a {
    /*display: inline-block;
    padding: 3px 10px 3px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    position: relative;
    background: #333333;
    font-size: 14px;*/
    display:block;
    position:relative;
    min-width:80px;
    height:35px;
    line-height:35px;
    padding:0 10px 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*color: #fff !important;
    position: relative;
    background: #333333 !important;
    font-size: 13px;
    margin-left:5px;
      border-radius:3px;*/
    border-radius:3px;
    height: 35px;
    line-height: 35px;
    min-width: 80px;
    text-align:center;
    background: #f2f2f2;
    border: 1px solid #ddd;
    color: #333;
    font-size: 13px;font-weight:400;font-family: 'NotoKR-md';
}

.view-top .view-list-btn a:before {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(/img/view-list-btn.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.view-top .view-subject {
    width: 75%;
    display: inline-block;
    text-align: left;
    vertical-align:top;
}

.view-top .view-subject p {
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    word-break: break-all;
}

.view-top .view-date {
    width: 15%;
    display: inline-block;
    text-align: right;
    padding-top: 8px;
}

.view-top .view-date p {
    font-size: 13px;
    color: #fff;
}

.view-btn-in {
    margin-top: 15px;
    text-align: right;
}

.view-btn-in .view-in-score {
    display: inline-block;
    max-width: 250px;
    width: 100%;
    margin-bottom: 10px;
}

.view-btn-in .view-in-score input {
    width: 75%;
    float: left;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.view-btn-in .view-in-score button {
    width: 25%;
    float: right;
    color: #fff;
    height: 31px;
    line-height: 31px;
    font-size: 10px;
    color: #ffffff;
    background: #626262;
}

.view-btn-in .view-list-btn {
    display: inline-block;
    text-align: center;
    font-size:0;
}

/*
.view-btn-in .view-list-btn a {
  min-width:80px;
  display: inline-block;
  padding: 8px 10px 8px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  position: relative;
  background: #333333;
  font-size: 13px;
  margin-left:5px;
    border-radius:3px;
}
*/

.view-list-btn a {
    /* min-width:80px;
     display: inline-block;
       padding:0 10px 0 25px;
     padding: 8px 10px 8px 25px;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     color: #fff !important;
     position: relative;
     background: #333333 !important;
     font-size: 13px;
     margin-left:5px;
       border-radius:3px;
     vertical-align:middle;*/
    /*    line-height:px !important;*/
    display:block;
    position:relative;
    min-width:80px;
    height:35px;
    line-height:35px;
    padding:0 10px 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*color: #fff !important;
    position: relative;
    background: #333333 !important;
    font-size: 13px;
    margin-left:5px;
      border-radius:3px;*/
    border-radius:3px;
    height: 35px;
    line-height: 35px;
    min-width: 80px;
    text-align:center;
    background: #f2f2f2;
    border: 1px solid #ddd;
    color: #333;
    font-size: 13px;font-weight:400;font-family: 'NotoKR-md';
}
a.list-btn{
    display:block;
    position:relative;
    min-width:80px;
    height:35px;
    line-height:35px;
    padding:0 10px 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*color: #fff !important;
    position: relative;
    background: #333333 !important;
    font-size: 13px;
    margin-left:5px;
      border-radius:3px;*/
    border-radius:3px;
    height: 35px;
    line-height: 35px;
    min-width: 80px;
    text-align:center;
    background: #f2f2f2;
    border: 1px solid #ddd;
    color: #333;
    font-size: 13px;font-weight:400;font-family: 'NotoKR-md';
}
a.dec-btn{
    display:block;
    position:relative;
    min-width:80px;
    height:35px;
    line-height:35px;
    padding:0 10px 0 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*color: #fff !important;
    position: relative;
    background: #333333 !important;
    font-size: 13px;
    margin-left:5px;*/
    border-radius:3px;
    height: 35px;
    line-height: 35px;
    min-width: 80px;
    text-align:center;
    background: #f2f2f2;
    border: 1px solid #ddd;
    color: #333;
    font-size: 13px;font-weight:400;font-family: 'NotoKR-md';
}
a.list-btn:before {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(/img/view-list-btn.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.dec-btn:before {
    content: "";
    display: block;
    width: 15px;
    height: 16px;
    background: url(/img/dec-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.view-writer {
    /*padding: 15px;*/
    padding: 15px 15px 15px 0;
    font-size: 0;
    border-bottom: 1px solid #8d8990;
    margin-bottom: 15px;
    overflow: hidden;
}
.visit-view .view-writer {
    /*padding: 15px;*/
    padding: 15px 0 15px 0;
    /*font-size: 0*/;
    border-bottom: 1px solid #8d8990;
    margin-bottom: 15px;
    overflow: visible;
    /* padding-bottom: 40px; */
}
.visit-view .view-writer .mar2{
    margin-right: 0;
}

.view-writer .view-nickname {
    width: 60%;
    vertical-align: middle;
    float: left;
}
.view-writer .view-nickname .view-shop{
    padding: 0;
    /*padding-left: 20px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.view-writer .view-info{
    float: right;
    width: 40%
}
.view-shop p {
    font-size: 13px;
    color: #333;
    width: 100%;
}
.view-writer .view-write-subject {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.view-writer .view-write-subject p {
    font-size: 14px;
    color: #333;
    text-align: left;
}

.view-writer .view-write-subject p em.hotpink {
    color: #e03b7a;
}

.view-writer .view-info {
    display: block;
    vertical-align: middle;
    text-align: right;
}

.view-writer .view-info span {
    margin: 0 5px;
    font-size: 14px;
    /*  color: #333;*/
}
.view-writer .view-info span.mar{
    font-size: 12px;
}
.view-writer .view-info span em {
    color: #d63773;
}

.view-area {


}
.view-area .view-area-info {
    /* max-width: 700px; */
    width: 100%;
    /* margin: 0 15px*/
    position: relative;
    border-bottom: 1px solid #8d8990;
    padding-bottom: 10px
}

.view-area .view-area-info:before {
    content: "";
    display: block;
    width: 1px;
    height: 96%;
    background: #868289;
    position: absolute;
    top: 0;
    left: 23%;
}

.view-area .view-area-info dl {
    font-size: 0;
    margin: 15px 0;
}

.view-area .view-area-info dt {
    font-size: 14px;
    color: #ee5058;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 30%;
}

.view-area .view-area-info dt:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(/img/info-icon.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.view-area .view-area-info dd {
    float: right;
    width: 70%;
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

.view-area .view-area-info dd p {
    position: relative;
    /*padding-left: 10px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.view-area .view-area-info dd p:before {
    content: "-";
    display: block;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
}*/

.view-area .view-area-info dd ol {
    /*margin-top: 15px;*/
}

.view-area .view-area-info dd ol li {
    margin-bottom: 10px;
}

.view-area .view-area-info dd ul {
    margin-top: 20px;
}

.view-area .view-area-info dd ul li {
    position: relative;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.view-area .view-area-info dd ul li:before {
    content: "*";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
}

.view-des-area {

}

.view-sub-tit {
    border-bottom: 1px solid #7c2c4f;
    position: relative;
    padding: 10px 0;
}

/*.view-sub-tit:before {
  content: "";
  width: 100px;
  height: 2px;
  background: #ffffff;
  position: absolute;
  bottom: -1px;
  left: 0;
}*/

.view-sub-tit p {
    font-size: 14px;
    color: #ee5058;
    position: relative;
    padding-left: 20px;
}

.view-sub-tit p:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url(/img/info-icon.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0;
}

.view-board-list li {
    padding: 10px 0;
    border-bottom: 1px solid #5f5f5f;
}

.view-board-list li a {
    display: block;
    color: #333;
}

.view-board-list li a .vbl-content {
    width: 70%;
    float: left;
}

.view-board-list li a .vbl-content.new-icon:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/img/new-icon.png) no-repeat center center;
    background-size: cover;
    margin-left: 10px;
}
.view-board-list li a .vbl-box{
    float: left;
    width: 30%;
    overflow: hidden;
    display: block
}
.view-board-list li a .vbl-box .vbl-nickname {
    width: 63.33%;
    float: left;
    text-align: right;
}

.view-board-list li a .vbl-box .vbl-date {
    width: 23.33%;
    float: left;
    text-align: right;
}

.view-board-list li a .vbl-box .vbl-count {
    width: 10.33%;
    float: right;
    text-align: right;
}

.view-review-img {
    margin-top: 50px;
}

.view-review-img ul {
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.view-review-img ul li {
    width: calc(16.66% - 20px);
    float: left;
    margin: 10px;
}

.view-review-img ul li a {
    display: block;
}

.view-review-img ul li a img {
    max-width: 100%;
}

.view-like-btn {
    text-align: center;
}

.view-like-btn .recommend-btn {
    display: inline-block;
    width: 80px;
    margin: 0 10px;
}

.view-like-btn .recommend-btn a {
    display: block;
    padding: 7px 0;
    border: 1px solid #d53772;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.view-like-btn .recommend-btn span {
    display: block;
}

.view-like-btn .recommend-btn span.recommend-icon img {
    max-width: 100%;
}

.view-like-btn .recommend-btn span.recommend-num {
    color: #dc34ae;
    margin: 5px 0;
}

.view-like-btn .recommend-btn span.recommend-txt {
    color: #fff;
}

.view-like-btn .admin-score {
    display: inline-block;
    width: 80px;
    margin: 0 10px;
}

.view-like-btn .admin-score a {
    display: block;
    padding: 7px 0;
    border: 1px solid #f19149;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #292929;
}

.view-like-btn .admin-score a span {
    display: block;
}

.view-like-btn .admin-score a span.admin-score-img img {
    max-width: 100%;
}

.view-like-btn .admin-score a span.admin-score-num {
    color: #f19149;
    margin: 5px 0;
}

.view-like-btn .admin-score a span.admin-score-txt {
    color: #fff;
}

.view-like-member {
    margin-top: 20px;
}

.view-like-member .view-like-member-left {
    width: 170px;
    float: left;
}

.view-like-member .view-like-member-left p {
    padding: 35.5px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #4f4f4f;
    color: #ffffff;
}

.view-like-member .view-like-member-left p img {
    margin-left: 10px;
    vertical-align: top;
}

.view-like-member .view-like-member-right {
    width: calc(100% - 170px);
    float: right;
}

.view-like-member .view-like-member-right .view-like-member-area {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 92px;
    overflow-y: scroll;
    border:1px solid #ccc;
}

.view-like-member .view-like-member-right .view-like-member-area span {
    display: inline-block;
    margin: 10px;
    /*color: #cccc;*/
}

.view-comment {
    margin-top: 20px;
}

.view-comment .view-comment-tit {
    text-align: center;
    background: #7c2c4f;
    padding: 10px 0;
}

.view-comment .view-comment-tit p {
    color: #ffffff;
}

.view-comment .view-comment-list {
    padding-bottom: 30px;
    border-bottom: 1px solid #ffffff;
}

.view-comment .view-comment-list li {
    border-top: 1px solid #84ccc9;
}
.view-comment .view-comment-list li.comment{
    padding-left:50px;
    box-sizing:border-box;
}

.view-comment .view-comment-list li:last-child {
    border-bottom: 0;
}

.view-comment .view-comment-list li .comment-write {
    display: block;
    background: #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.view-comment .view-comment-list li .comment-write .comment-con{
        /* margin-top: 20px; */
        padding-left: 45px;
        word-break: break-all;
        font-size: 13px;
        font-weight: 500;
        color:#000;
		font-family:'맑은 고딕','Malgun Gothic';
		line-height: 17px;
}
.view-comment .view-comment-list li .comment-write .comment-set {
    width:25%;
    float: right;
    text-align:right;
}

.view-comment .view-comment-list li .comment-write .comment-set a {
    margin: 0 5px;
    display: inline-block;
    font-size: 14px;
    color: #a7a7a7;
}

.view-comment .view-comment-list li .comment-write .comment-write-info {
    position:relative;
    padding-left:45px;
    box-sizing:border-box;
}
.view-comment .view-comment-list li .comment-write .comment-write-info .pf_img{
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    overflow:hidden;
}

.view-comment .view-comment-list li .comment-write .comment-write-info .nickname {
    display: inline-block;
}

.view-comment .view-comment-list li .comment-write .comment-write-info time {
    margin-left: 10px;
    font-size: 13px;
    color: #a7a7a7;
}
.view-comment .view-comment-list li .comment-write .comment-write-info .comment-b{
    float: right;
    font-size: 12px;
    font-weight: 300;
}
.view-comment .view-comment-list li .comment-txt {
    display: block;
    background: #fff;
    color: #333;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.view-comment-write {
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ffffff;
}

.view-comment-write .view-comment-imotion button {
    display: inline-block;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #853553;
    background: #333333;
    color: #fff;
}

.view-comment-write .view-comment-write-in {
    margin-top: 10px;
}

.view-comment-write .view-comment-write-in .view-comment-write-left {
    width: calc(100% - 160px);
    float: left;
}

.view-comment-write .view-comment-write-in .view-comment-write-left textarea {
    width: 100%;
    resize: none;
}

.view-comment-write .view-comment-write-in .view-comment-write-right {
    width: 150px;
    float: right;
}

.view-comment-write .view-comment-write-in .view-comment-write-right button {
    height: 106px;
    line-height: 106px;
    background: #292929;
    border: 1px solid #d53772;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    color: #fff;
}

.view-comment-write .view-comment-write-in .view-comment-write-right button img {
    margin-right: 10px;
    vertical-align: middle;
}



.search-detail-select {
    display: inline-block;
    font-size: 0;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 10px;
}

.search-detail-select select {
    background: #423e44 url(/img/sel-icon.png) no-repeat center right 10px;
    border: 0;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 50px 5px 20px;
}

.search-detail-select button {
    padding: 5px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #842d52;
    color: #fff;
    font-size: 14px;
}

.search-detail-select {
    text-align: center;
}

.search-detail-input {
    margin: 0 10px;
    display: inline-block;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.search-detail-input input {
    background: #423e44;
    color: #ffffff;
    font-size: 14px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-detail-input button {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}




.alli-search {
    display: inline-block;
    font-size: 0;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 10px;
}

.alli-search select {
    background: #423e44 url(/img/sel-icon.png) no-repeat center right 10px;
    border: 0;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 50px 5px 20px;
}

.alli-search button {
    padding: 5px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #842d52;
    color: #fff;
    font-size: 14px;
}

.alliance-search {
    text-align: center;
}

.alli-search-input {
    margin: 0 10px;
    display: inline-block;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.alli-search-input input {
    background: #423e44;
    color: #ffffff;
    font-size: 14px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.alli-search-input button {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alliance-tab {
    margin-top: 15px;
    text-align: center;
}

.alliance-tab li {
    width: calc(12.5% - 10px);
    margin: 5px;
    float: left;
}

.alliance-tab li a {
    display: block;
    background: #da4a54;
    font-size: 14px;
    color: #ffffff;
    border-radius: 3px;
    padding: 5px 0;
    cursor: pointer;
}

.alliance-all-notice {
    /*margin-top: 20px;*/
    /*border-top: 1px solid #e53879;*/
    /*border-bottom: 1px solid #e53879;*/
    text-align: center;
    /*padding: 10px 0;*/
}

.alliance-all-notice p {
    font-size: 14px;
    color: #ffffff;
}

.alliance-all-notice p a {
    display: block;
    font-size: 14px;
    color: #333;
}

.alliance-all-notice p a span {
    font-size: 14px;
    color: #ff2323;
    margin-right: 15px;
}

.alliance-list {
    /*margin-top: 30px;*/
}

.alliance-top {
    background: #da4a54;
    /*padding: 20px 0;*/
}

.alliance-body li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0px 10px 0;
    position:relative;
}

.alliance-body li a {
    color: #333;
    overflow: hidden
}
.alliance-body li a span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: normal
}
.alliance-body li a em.red {
    color: #e53879;
}

.alliance-body li a em.blue {
    color: #0f22f5;
}
.alliance-body li a .alliance-body-info .shop-name-em{
    float:left;
    color: #da4a54;
}
.alliance-body li a .alliance-body-info .shop-name-em.premium{
    font-weight:bold;
}
.alliance-body li a .alliance-body-info .tel-em{
    float:right;
    font-size:14px;
    color:#da4a54;
    font-weight:600;
}

.view-subject {
    text-align: center;
}

.view-subject p {
    font-size: 14px;
    color: #333;
}

/***********************************
    <em> COLOR
***********************************/
em.gold {
    color: #bbaa1a;
    display: inline-block
}

em.green {
    color: #8da261;
}

em.pink {
    color: #f8abbf;
}

em.red {
    color: #ff0000;
}

em.hotpink {
    color: #e03b7a;
}

/**********************
datepicker z-index
***********************/
.ui-datepicker{ z-index: 9999 !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    width: 44% !important;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9em !important;
    margin: 1px 0;
}
.ui-autocomplete{z-index: 1000 !important;}
/*****************************
레벨 css
******************************/

.classname {
    -moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
    -webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
    box-shadow:inset 0px 1px 0px 0px #efdcfb;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea) );
    background:-moz-linear-gradient( center top, #dfbdfa 5%, #bc80ea 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea');
    background-color:#dfbdfa;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #c584f3;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    font-style:italic;
    height:16px;
    line-height:16px;
    width:33px;
    text-decoration:none;
    text-align:center;
    text-shadow:0px 1px 0px #9752cc;
}.classname:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa) );
     background:-moz-linear-gradient( center top, #bc80ea 5%, #dfbdfa 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa');
     background-color:#bc80ea;
 }.classname:active {
      position:relative;
      top:1px;
  }

@media (max-width:1230px){
    .alliance-tab li {
        width:calc(16.66% - 10px);
    }
    .mpr-slide{
        margin-right:0;
    }
    .mvb-slide{
        margin-right:0;
    }
    .event-tab a{
        display:inline-block;
        float:none;
        width:auto;
        padding:5px;
        font-size:12px;
    }
    .search-line span label{
        display:none;
    }
    .search-line1 span input{
        width:100%;
        max-width:218px;
    }
    .search-line1 span:nth-of-type(1){
        width:100%;
        margin:0;
    }
    .search-line1 span:nth-of-type(2){
        width:100%;
    }
    .search-line1 span:nth-of-type(3){
        width:100%;
    }
    .search-line2 span select{
        width:100%;
    }

}

@media (max-width:991px){
    .logo {
        width:auto;
    }
    .mobile-icon {
        display:block;
        padding:20px 0;
        box-sizing: border-box;
    }
    .event-head li{
        font-size:0;
    }
    .event-body li{
        padding:5px 0 ;
    }
    .event-body li span{
        /*          display:block;*/
        text-align:left;
        padding:2px 0 !important;
    }
    .event-body li span .event-view{
        padding:1px 5px;
    }
    .event-body li span.e_1{
        width:50%;
        float:left;
    }
    .event-body li span.e_2{
        width:50%;
        text-align:right;
        float:left;
    }
    .event-body li span.e_3{
        width:65%;
        float:left;
    }
    .event-body li span.e_3:before{
        content:"추첨일 : ";
        display:inline-block;
    }
    .event-body li span.e_4{
        width:35%;
        text-align:right;
        float:left;
    }
    .event-body li span a{
        font-size:10px !important;
    }
    .basic-board-body .basic-board-area span.bba-num{
        display:none;
    }
    .basic-board-body .basic-board-area span.bba-tit{
        width:100%;
        margin-bottom:10px;
        float:none;
        display:block;
    }
    .basic-board-body .basic-board-area span.bba-name{
        width:30%;
        text-align:left;
    }
    .basic-board-body .basic-board-area span.bba-date2{
        width:70%;
        text-align:right;
    }
    .basic-board-body .basic-board-area span.bba-views{
        display:none;
    }
    .alli-search{
        margin:0;
    }
    .alli-search-input{
        width:100%;
        margin:0;
    }
    .alli-search-input input{
        width:100%;
    }
    .alliance-body li{
        padding:10px 0;
        padding-left: 20px;
    }
    .view-writer .view-nickname{
        width:100%;
        text-align:left;
    }
    .view-writer{
        text-align:left;
    }
    .view-writer .view-write-subject{
        width:80%;
    }
    .view-top .view-subject{
        width:100%;
    }
    .view-writer .view-info{
        margin-top:10px;
        width:100%;
        text-align:left;
    }
    .view-top .view-date{
        width:40%;
        padding-top: 5px
    }
    .view-area{

    }
    .view-top .view-list-btn{
        display:none;
    }
    .view-top {
        padding: 15px;
    }
    footer{
        padding:20px 15px;
    }
    footer .foot-menu li{
        margin-right:15px;
    }
}

@media (max-width:768px){
    .review-item-opt .review-item-views{
        float:right;
    }


    .login-logo {
        margin-bottom: 30px;
    }

    .login-txt dt {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .login-wrap {
        width:100% !important;
        padding:0 15px;
        box-sizing: border-box;
    }
    .login-txt dd {
        font-size: 12px;
        color: #fff;
        font-weight: 300;
        line-height: 2;
    }
    .login-area div {
        margin: 5px 0;
    }
    .find-info {
        margin-top: 10px;
    }
    .login-txt dd  br {
        display:none;
    }
    .login-area input[type=text], .login-area input[type=password] {
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: Border-box;
        box-sizing: Border-box;
        background: #333333;
        border: 1px solid #535353;
        border-radius: 5px;
        color: #fff;
    }
    .login-btn button {
        width: 100%;
        display: inline-block;
        background: #d631a1;
        border-radius: 25px;
        color: #fff;
        padding: 10px 0;
    }
    .login-area .login-id-save {
        text-align: right;
    }

    .login-area .login-id-save label {
        font-size: 12px;
        color: #fff;
        font-weight: 500;
    }

    .adult-certification {
        margin: 15px 0;
    }
    .adult-certification button {
        background: #fff;
        padding: 13px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 14px;
        color: #e75bc8;
        font-weight: 500;
    }





    .view-area .view-area-info:before {
        display: none;
    }

    .view-area .view-area-info {
        margin: 0;
    }

    .view-area .view-area-info dt {
        display: block;
        width: 100%;
    }

    .view-area .view-area-info dd {
        display: block;
        width: 100%;
    }

    .view-review-img ul {
        padding: 15px;
    }

    .view-like-btn .recommend-btn a {
        padding: 7px 10px;
    }

    .view-like-member .view-like-member-left {
        width: 100%;
    }

    .view-like-member .view-like-member-left p {
        padding: 15px;
    }

    .view-like-member .view-like-member-right {
        width: 100%;
    }

    .view-comment-write .view-comment-write-in .view-comment-write-left {
        width: 100%;
    }

    .view-comment-write .view-comment-write-in .view-comment-write-right {
        width: 100%;
    }

    .view-comment-write .view-comment-write-in .view-comment-write-right button {
        height: 70px;
        line-height: 70px;
    }
    .masonry-top .masonry-tab{
        margin:0;
        width:100%;
    }
    .masonry-top .masonry-sort{
        margin-top:10px;
        float:none;
        text-align:right;
    }
    .search-detail-select select{
        font-size:12px;
        padding:5px 40px 5px 20px;
    }
    .search-detail-select button{
        font-size:12px;
        padding:5px 25px;
    }
    .search-line1 span{
        width:calc(100% - 10px);
        margin:5px auto;
        float:none;
        display:block;
    }
    .search-line2 span{
        width:calc(50% - 10px);
        margin:5px;
        display:block;
    }
    .search-line2 span:last-child{
        width:calc(100% - 10px);
    }

    .link-box a {
        display:inline-block;
        width: 100%;
        color:#fff !important;
    }

    .mobile-new {
        display:block;
        color:#333 !important;

    }
    .mobile-new a{



    }
    .nav-event ul.nav-event-ul li span {
        font-size: 13px;
        color: #333;
    }

    .mobile-new .point-list li a {
        display: block;
        color:#333 !important;
    }
    .point-list li a em {
        color:#333;
        font-size: 13px;
    }
    .point-list li a p {
        font-size: 13px;
        color: #333;
    }

}

@media (max-width:480px){
    .sub-tit .sub-icon p em{
        display:block;
        font-size: 16px;
    }
    .alli-search select{
        padding:5px 30px 5px 10px;
    }
    .alliance-tab li{
        width:calc(25% - 10px);
    }
    .main-tit .append-dot{
        text-align:center;
        width:100%;
    }
    .view-board-list li a .vbl-content {
        width: 50%;
        word-break: break-all;
    }
    .view-board-list li a .vbl-box{
        width: 50%;
    }
    .view-board-list li a .vbl-box .vbl-nickname {
        width: 49.33%;
        text-align: center;
        font-size: 12px
    }
    .view-board-list li a .vbl-box .vbl-date {
        width: 27.33%;
        text-align: center;
        font-size: 12px
    }
    .view-board-list li a .vbl-box .vbl-count{
        width: 23.33%;
        font-size: 12px
    }
}

.review--box:nth-of-type(1){
    border-top:1px solid #c0c0c0;
}
.review--box{
    border-bottom: 1px solid #c0c0c0;
    padding:15px 0;
    box-sizing:border-box;
}
.review--item{
    width:calc(50% - 25px);
    float:left;
}
.review--item:nth-of-type(even){
    float:right;
}
.review--item a{
    display:block;
    position:relative;
}
.review--item a .review--item-img{
    position:relative;
    top:0;
    left:0;
    width:100px;
    float:left;
    margin-right:20px;
}
.review--item a .review--item-img + .review--item-txt{
    width:calc(100% - 120px);
    float:left;
}
.review--item a .review--item-img:before{
    content:"";
    display:block;
    padding-top:100%;
    box-sizing:border-box;
}
.review--item a .review--item-img img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    max-width:100%;
    height:auto;
    max-height:100%;
    vertical-align:middle;
}
.review--item-txt dt{
    margin-bottom:7px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
.review--item-txt dd{
    color:#959595;
    font-size:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
}
.review-item-opt{
    margin-top:10px;
}
.review-item-opt span{
    display:inline-block;
    font-size:12px;
    color:#8e8e8e;
    position:relative;
}
.shop_order{
    cursor:pointer;
}
.item-info-icon1{
    display:inline-block;
    width:18px;
    height:17px;
    background:url(/img/item-info-icon1.png) no-repeat center center;
    background-size:cover;
    margin-right:3px;
    vertical-align:middle;
}
.item-info-icon2{
    display:inline-block;
    width:14px;
    height:18px;
    background:url(/img/item-info-icon2.png) no-repeat center center;
    background-size:cover;
    margin-right:3px;
    vertical-align:middle;
}
.item-info-icon3{
    display:inline-block;
    width:18px;
    height:17px;
    background:url(/img/item-info-icon3.png) no-repeat center center;
    background-size:cover;
    margin-right:3px;
    vertical-align:middle;
}
.item-info-icon4{
    display:inline-block;
    width:14px;
    height:18px;
    background:url(/img/item-info-icon4.png) no-repeat center center;
    background-size:cover;
    margin-right:3px;
    vertical-align:middle;
}
.review-item-opt ul{
    display:none;
    position:absolute;
    top:20px;
    background:#362d37;
    border:1px solid #ddd;
    box-sizing:border-box;
    z-index:9;
    padding:5px 10px ;
    width:280%;
}
.review-item-opt ul li{
    display:inline-block;
    margin-right:10px;
}
.review-item-opt ul li a{
    color:#fff;
}
.review-item-opt span em{
    color:#e53879;
}
.review-item-opt span.review-item-views-icon{
    padding-left:20px;
    box-sizing:border-box;
    position:relative;
}
.review-item-opt span.review-item-views-icon:before{
    content:"";
    display:block;
    width:15px;
    height:9px;
    background:url(/img/view-icon-review.png) no-repeat center center;
    position:absolute;
    top:5px;
    left:0;
}
.review-item-opt .var span:after{
    content:"";
    display:inline-block;
    width:1px;
    height:8px;
    background:#a3a3a3;
    margin:0 6px;
    vertical-align:middle;
}
.review-item-opt span:last-child:after{
    display:none;
}
.review-item-opt .review-item-info{
    float:left;
}
.review-item-opt .review-item-views {
    float: right;
}

@media (max-width:1480px){
    .review-item-opt .review-item-info{
        width:38%;
    }
    .review-item-opt .review-item-views{
        float:left;
    }
}

@media (max-width:991px){
    .review--box{
        border:0;
        padding:0;
    }
    .review--item{
        margin:0;
        width:100%;
        border-bottom:1px solid #c0c0c0;
    }
    .review--item a{
        padding:15px 0;
    }
}

.coupon-box{
    padding:30px 60px;
    box-sizing:border-box;
}
.coupon-board-tit{
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:10px;
}
.coupon-board-tit:before{
    content:"";
    display:block;
    width:38px;
    height:22px;
    background:url(/img/coupon-icon.png) no-repeat center center;
    position:absolute;
    top:2px;
    left:0;
}
.coupon-board .board-colgroup .cb-1{
    width:20%;
}
.coupon-board .board-colgroup .cb-2{
    width:10%;
}
.coupon-board .board-colgroup .cb-3{
    width:10%;
}
.coupon-board .board-colgroup .cb-4{
    width:30%;
}
.coupon-board .board-colgroup .cb-5{
    width:10%;
}
.coupon-board .board-colgroup .cb-6{
    width:20%;
}
.coupon-board .board-colgroup .cb2-1{
    width:20%;
}
.coupon-board .board-colgroup .cb2-2{
    width:20%;
}
.coupon-board .board-colgroup .cb2-3{
    width:10%;
}
.coupon-board .board-colgroup .cb2-4{
    width:10%;
}
.coupon-board .board-colgroup .cb2-5{
    width:25%;
}
.coupon-board .board-colgroup .cb2-6{
    width:20%;
}
.coupon-board .board-colgroup .cb2-7{
    width:15%;
}
.coupon-board{
    margin-bottom:50px;
}
.coupon-board-tit p{
    font-size:18px;
}
.coupon-board-head{
    background:#da4a54;
}
.coupon-board-head ul li{
    display:table;
    width:100%;
    table-layout:fixed;
    text-align:center;
}
.coupon-board-head ul li span{
    display:table-cell;
    color:#fff;
    padding:10px 0;
}
.coupon-board-body li{
    display:table;
    width:100%;
    text-align:center;
    border-bottom:2px solid #b4b4b4;
    table-layout:fixed;
}
.coupon-board-body li span{
    display:table-cell;
    width:100%;
    table-layout:fixed;
    padding:15px 0;
}
.coupon-board-body li span a{
    display:inline-block;
    padding:0px 5px;
    box-sizing:border-box;
    border:1px solid #e7e7e7;
    width:65px;
    background:#f9f9f9;
}
.coupon-board-body li span a.review-btn{
    background:#da4a54;
    color:#fff;
}
/*
###############################################################
*/

.coupon-board-tit{
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:10px;
}
.coupon-board-tit:before{
    content:"";
    display:block;
    width:38px;
    height:22px;
    background:url(/img/coupon-icon.png) no-repeat center center;
    position:absolute;
    top:2px;
    left:0;
}
.event-board{
    margin-bottom:50px;
}
.event-board-tit p{
    font-size:18px;
}
.event-board-head{
    background:#434343;
}
.event-board-tit{
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:10px;
}
.event-board-tit:before{
    content:"";
    display:block;
    width:38px;
    height:22px;
    background:url(/img/event-icon.png) no-repeat center center;
    position:absolute;
    top:2px;
    left:0;
}
.evnet-board .board-colgroup .cb-1{
    width:20%;
}
.evnet-board .board-colgroup .cb-2{
    width:10%;
}
.evnet-board .board-colgroup .cb-3{
    width:10%;
}
.coupon-board .board-colgroup .cb-4{
    width:30%;
}
.coupon-board .board-colgroup .cb-5{
    width:10%;
}
.coupon-board .board-colgroup .cb-6{
    width:20%;
}
.coupon-board .board-colgroup .cb2-1{
    width:20%;
}
.coupon-board .board-colgroup .cb2-2{
    width:20%;
}
.coupon-board .board-colgroup .cb2-3{
    width:10%;
}
.coupon-board .board-colgroup .cb2-4{
    width:10%;
}
.coupon-board .board-colgroup .cb2-5{
    width:25%;
}
.coupon-board .board-colgroup .cb2-6{
    width:20%;
}
.coupon-board .board-colgroup .cb2-7{
    width:15%;
}

.evnet-board-tit p{
    font-size:18px;
}
.evnet-board-head{
    background:#434343;
}
.evnet-board-head ul li{
    display:table;
    width:100%;
    table-layout:fixed;
    text-align:center;
}
.evnet-board-head ul li span{
    display:table-cell;
    color:#fff;
    padding:10px 0;
}
.evnet-board-body li{
    display:table;
    width:100%;
    text-align:left;
    border-bottom:2px solid #b4b4b4;
    table-layout:fixed;
    /*padding-left:40px;*/
    padding-top:10px; padding-bottom:10px;
    box-sizing:border-box;
    /*background:url('/img/bongnam.png') no-repeat 15px center ;*/
}
.event-bottom-zone {

}
.or-pay {

    background-color:#f38088;
    color:#fff;
    width:60px;
    text-align: center;
    padding:10px 0;
    box-sizing: border-box;
    display:inline-block;
}
.or-pay2 {

    background-color:#b02c3d;
    color:#fff;
    width:60px;
    text-align: center;
    padding:10px 0;
    box-sizing: border-box;
    display:inline-block;
    margin-left:5px;
}
.event-bottom-box{
    float:left;
    width:50%;
    font-size:0;
    padding:10px 0;
    box-sizing: border-box;
}
.event-bottom-box p {
    width:50%;
    display:inline-block;
    font-size:16px;
    border-right:1px solid #eee;
    box-sizing: border-box;
}
.e-time {
    width:80px !important;
    border-right:1px solid #333;
    box-sizing: border-box;
    margin-right:10px;
}
.evnet-board-body li span{
    display:table-cell;
    width:100%;
    table-layout:fixed;
    /*padding:15px 0;*/
}
.evnet-board-body li span a{
    display:inline-block;
    padding:0px 5px;
    box-sizing:border-box;
    border:1px solid #e7e7e7;
    width:65px;
    background:#f9f9f9;
    font-size: 14px;
}
.evnet-board-body li span a.review-btn{
    background:#da4a54;
    color:#fff;
}

.evnet-board-head {
    background:#434343;
    color:#fff;
}

.event-btn-new a {
    display:block;
    padding:10px 40px;
    box-sizing: border-box;
    text-align:center;
    margin:0 auto;
    font-size:16px;
    border:1px solid #888;
    width:200px;
    margin-top:30px;
}
.event-btn-new a:hover{

    border:1px solid #fff;
    color:#fff;
    background-color:#e53879;
}
/*
###############################################################
*/

.event-board-head ul li span{
    display:table-cell;
    color:#fff;
    padding:10px 0;
}
.event-board-body li{
    display:table;
    width:100%;
    /*text-align:center;*/
    border-bottom:2px solid #b4b4b4;
    table-layout:fixed;
    padding:0 10px;
    box-sizing: border-box;
}
.event-board-body li p span{
    display:inline-block;
}
/*.event-board-body li p a{
     display:inline-block;;
    width:50px;
    padding:5px 10px;
    box-sizing: border-box;
    background-color:#533371;
    margin-left:10px;
    color:#fff;
    text-align:center;
}*/
.event-board-body li p .event-view{
    display:inline-block;
    width:50px;
    padding:5px 10px;
    box-sizing: border-box;
    background-color:#533371;
    margin-left:10px;
    color:#fff;
    text-align:center;
}
.event-board-body li p .event_link{
    color:#b02c3d;
    text-align:center;
}
.event-board-body li span{
    display:table-cell;

    table-layout:fixed;
    padding:15px 0;
}

/*.event-board-body li span a{
    display:inline-block;
    padding:0px 5px;
    box-sizing:border-box;
    border:1px solid #e7e7e7;
    width:65px;
    background:#f9f9f9;
}*/
.coupon-board-body li span a.review-btn{
    background:#da4a54;
    color:#fff;
}



.coupon-modal{
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    max-width:420px;
    width:100%;
    box-shadow:-3px 3px 7px rgba(0,0,0,0.7);
    border-top:3px solid #da4a54;
    z-index:1000;
    background:#fff;
    padding:50px 20px 30px;
    display:none;

}
.coupon-modal-btn button:hover {
    background-color:#333;
    color:#fff;
}
.coupon-modal-input span{
    width:100%;
    display: block;

    margin-bottom:10px;

}
.coupon-modal-input span input{
    width:100%;
    border:1px solid #626262;
    box-sizing:border-box;
    padding:0 10px;
    height:34px;
    line-height:34px;
}
.coupon-modal-input span input::placeholder{
    color:#d8d8d8;
}
.coupon-modal-input span select{
    width:100%;
    border:1px solid #626262;
    box-sizing:border-box;
    padding:0 10px;
    height:34px;
    line-height:34px;
    background:url(/img/selec-icons.png) no-repeat right 5px center;
    color:#848282;
}
.coupon-modal-btn{
    margin-top:15px;
    text-align:center;
}
.coupon-modal-btn button{
    display:inline-block;
    padding:3px 40px;
    box-sizing:border-box;
    border:1px solid #e7e7e7;
    background:#f9f9f9;
}

.coupon-close{
    position:absolute;
    top:10px;
    right:10px;
}
.coupon-close a{
    display:inline-block;
    width:32px;
    height:32px;
    border:1px solid #eeeeee;
    box-sizing:border-box;
    border-radius:10px;
    background:url(/img/coupon-modal-close.png) no-repeat center center;
}

@media (max-width:991px){
    .coupon-box{
        padding:0;
    }
    .coupon-board-head{
        display:none;
    }
    .coupon-board-body{
        border-top: 2px solid #b4b4b4;
    }
    .coupon-board-body li{
        padding:5px 0;
    }
    .coupon-board-body li span{
        display:block;
        width:50% !important;
        float:left;
        text-align:left;
        padding:2px 0;
    }
    .coupon-board-body li span.cb-1:before{
        content:"이벤트명 : ";
        display:inline-block;
        color:#da4a54;
    }
    .coupon-board-body li span.cb-2:before{
        content:"회원ID : ";
        display:inline-block;
        color:#da4a54;
    }
    .coupon-board-body li span.cb-3:before{
        content:"쿠폰타입 : ";
        display:inline-block;
        color:#da4a54;
    }
    .coupon-board-body li span.cb-4:before{
        content:"사용기간 : ";
        display:inline-block;
        color:#da4a54;
    }
    .coupon-board-body li span.cb-5:before{
        content:"쿠폰번호 : ";
        display:inline-block;
        color:#da4a54;
    }
    .coupon-board-body li span.cb-6:before{
        content:"상태 : ";
        display:inline-block;
        color:#da4a54;
    }
}
.sel_3{
    width:calc(33.33% - 10px) !important;
}
.search-btn2{
    display: inline-block;
    padding: 0 20px;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    background: #333333;
    color: #fff;
    font-size: 14px;
    margin: 0 5px;
}

@media (max-width:991px){
    .board-write table th{
        display:block;
        width:100%;
        padding:5px 0;
    }
    .board-write table{
        table-layout: auto;
    }
    .board-write table td{
        display:block;
        width:100%;
    }
    .board-write .wt_1{
        width:100% !important;
    }
    .board-write .wt_2{
        width:100% !important;
    }
    .board-write .wt_3{
        width:100% !important;
    }
    .board-write .wt_4{
        width:100% !important;
    }
    .board-write table td select{
        width:98%;
        margin:3px 0;
    }
    .board-write table td input{
        width:98% !important;
        margin:3px 0;
    }
    .board-write table td .temp-btn{
        width:100%;
    }
    .sel_3{
        width:100% !important;
    }
}

.search-modal{
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    max-width:400px;
    width:100%;
    border:1px solid #dedede;
    box-sizing: border-box;
    background:#fff;
    padding:30px;
    box-shadow:0px 5px 10px rgba(0,0,0,0.1);
    display:none;
}
.search-modal input{
    width:100%;
    padding:5px;
    box-sizing:border-box;
    border:1px solid #dedede;
}
.search-modal button{
    margin-top:10px;
    width:100%;
    box-sizing:border-box;
    border:1px solid #dedede;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    background: #333333;
    color: #fff !important;
    font-size: 14px;
}
.modal-close{
    position:absolute;
    top:10px;
    right:10px;
    background:url(/img/coupon-modal-close.png) no-repeat center center;
    display:block;
    width:8px;
    height:9px;
}

@media (max-width:991px){
    .search-modal-btn{
        margin-top:10px;
        width:100%;
        margin-left:0;
        margin-right:0;
    }
}

@media (max-width:768px){
    .review-item-opt .review-item-views{
        float:right;
    }
}
.member {
    font-weight:500;
}

/*######################### 후기 스타일 */

/*############################ 리뷰 ##############*/
.new-review li {
    float:left;
    width:50%;
    padding:5px 15px;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    padding-left:0;
    /*margin-bottom: 10px;*/
    height: 150px;
    box-sizing: border-box;
    position: relative
}
.new-review-top {
    font-size:0;
    vertical-align:middle;
}
.new-review-top a {
    display:block;
    float:left;
}
.photo_txt span{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis
}
.new-review-photo {
    width:90px;

}
.new-review-photo img {
    width:100%;
}
.new-review-text {
    font-size:14px;
    width:calc(100% - 90px);
    padding-left:15px;
    box-sizing: border-box;
}
.new-review-text {
    height:90px;
}
.new-review-text strong{
    display:block;
}
.no-photo-review .new-review-text{
    width:100% !important;
    padding:0;
    overflow:hidden;
}
.no-photo-review .new-review-text span{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.new-review-bottom-left {
    float:left;
    position: relative;
}
.new-review-bottom-left span:last-of-type{
    color: #e03b7a;
    cursor: pointer;
}
.new-review-bottom-left span:last-of-type em{
    font-weight: 700;
}
.new-review-bottom-right {
    float:right;
    font-size: 10px;
    color: #777;
}
.new-review-bottom {
    padding-top:10px;
    box-sizing: border-box;
    vertical-align:middle;
}
.new-review-bottom-left span:before {
    content:'';
    display:inline-block;
    margin:0 5px;
    width:1px;
    height:12px;
    background-color:#999;
}.new-review-bottom-left span:nth-child(1):before {
     display:none;
 }



.new-review-bottom-right .var:before {
    content:'';
    display:inline-block;
    margin:0 5px;
    width:1px;
    height:6px;
    background-color:#999;
}.new-review-bottom-right span:nth-child(1):before {
     display:none;
 }
.shop-sign {
    cursor:pointer;
    position:relative;
    /* color: #bbaa1a; */
}
.shop-sign-hide  {
    display:none;
    position: absolute;
    top: 24px;
    background: #362d37;
    /* border: 1px solid #ddd; */
    box-sizing: border-box;
    z-index: 109;
    padding: 5px 10px;
    width: 270px;
    font-size:0;
}
@media (max-width:1200px) {
    
}
.shop-sign-hide li {
    vertical-align: middle;
    display: inline-block;
    padding:5px !important;
    box-sizing: border-box;
    width:50%;
    border:none !important;
    text-align: center;
}
.shop-sign-hide li a {
    color: #fff;
    font-size:14px;
}
.view_gold{
    cursor: pointer
}
.view_sign{
    overflow: hidden;
    width: 80%;
    display: none;
}
.view_sign li {
    float: left;
    width: 50%
}
.view_sign li a{
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 6px 0;
    background: #333;
    text-align: center
}
.view_sign li a i{
    color: #333;
}
.review--item a {
    display: block;
    position: relative;
}
.item-info-icon1 {
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url(/img/item-info-icon1.png) no-repeat center center;
    background-size: cover;
    margin-right: 3px;
    vertical-align: middle;
}
.item-info-icon2 {
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url(/img/item-info-icon2.png) no-repeat center center;
    background-size: cover;
    margin-right: 3px;
    vertical-align: middle;
}

.on {
    display: block;
}
@media (max-width:1200px) {
    .shop-sign-hide.on{
        display: flex;
        flex-direction: column;
        width:auto;
        padding:0px 5px;
    }
    .shop-sign-hide.on li a{
        display: flex;
        align-items: center;
    }
    .shop-sign-hide.on li a i{
        flex-shrink: 0;
    }
}
/* 알림페이지*/
.alrim-box{
    padding:30px 60px;
    box-sizing:border-box;
}
.alrim-board-tit{
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:10px;
}
.alrim-board-tit:before{
    content:"";
    display:block;
    width:38px;
    height:22px;
    background:url(/img/alrim-icon.png) no-repeat center center;
    position:absolute;
    top:2px;
    left:0;
}
.alrim-board .board-colgroup .cb-1{
    width:10%;
}
.alrim-board .board-colgroup .cb-2{
    width:70%;
}
.alrim-board .board-colgroup .cb-3{
    width:20%;
}
.alrim-board .board-colgroup .cb-4{
    width:30%;
}
.alrim-board .board-colgroup .cb-5{
    width:10%;
}
.alrim-board .board-colgroup .cb-6{
    width:20%;
}
.alrim-board .board-colgroup .cb2-1{
    width:10%;
}
.alrim-board .board-colgroup .cb2-2{
    width:70%;
    text-align: left;
}
.alrim-board .board-colgroup .cb2-3{
    width:20%;
}
.alrim-board .board-colgroup .cb2-4{
    width:10%;
}
.alrim-board .board-colgroup .cb2-5{
    width:25%;
}
.alrim-board .board-colgroup .cb2-6{
    width:20%;
}
.alrim-board .board-colgroup .cb2-7{
    width:15%;
}
.alrim-board .board-colgroup .cb2-2 a{
    width:100%;
    text-align: left;
}
.alrim-board{
    margin-bottom:50px;
}
.alrim-board-tit p{
    font-size:18px;
}
.alrim-board-head{
    background:#da4a54;
}
.alrim-board-head ul li{
    display:table;
    width:100%;
    table-layout:fixed;
    text-align:center;
}
.alrim-board-head ul li span{
    display:table-cell;
    color:#fff;
    padding:10px 0;
}
.alrim-board-body li{
    display:table;
    width:100%;
    text-align:center;
    border-bottom:2px solid #b4b4b4;
    table-layout:fixed;
}
.alrim-board-body li span{
    display:table-cell;
    /*width:100%;*/
    table-layout:fixed;
    padding:4px 0;
}
.alrim-board-body li span a{
    /*display:inline-block;*/
    padding:0px 5px;
    box-sizing:border-box;
    /*border:1px solid #e7e7e7;*/
    width:65px;
    text-align: left;
    /*background:#f9f9f9;*/
}
.alrim-board-body li span a.review-btn{
    background:#da4a54;
    color:#fff;
}
/*
###############################################################
*/

.alrim-board-tit{
    text-align:left;
    padding-left:50px;
    box-sizing:border-box;
    position:relative;
    margin-bottom:10px;
}
.alrim-board-tit:before{
    content:"";
    display:block;
    width:38px;
    height:22px;
    background:url(/img/alrim-icon.png) no-repeat center center;
    position:absolute;
    top:2px;
    left:0;
}

@media screen and (max-width:640px){
    .board-box{
        padding: 5px 0
    }
    .new-review-bottom-left span{
        font-size: 14px;
    }
    .new-review{
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px solid #ddd;
    }
    .new-review li {
        float:none;
        width:auto;


    }
    .view-writer .view-nickname {
        width: auto;
        float: none;
    }
    .view-writer .view-info{
        float: none;
        width: auto
    }
    .view-writer .view-info span {
        margin: 0 5px;
        font-size: 13px;
    }
    .view-writer .view-info span:first-of-type{
        margin: 0;
        margin-right: 10px
    }
    .view-comment .view-comment-list li .comment-write .comment-write-info{
        font-size: 13px;
    }
    .view-comment .view-comment-list li .comment-write .comment-write-info time{
        font-size: 12px
    }
}
.g_color{
    color: #bbaa1a
}
.r_color{
    color: #e03b7a !important
}
.r_color_up{
    font-size: 15px;
    color: #e03b7a !important
}
.view-writer .view-info span em.gr_color{
    color: #333;
}
.view-writer .view-info span.mar{
    margin-left: 10px;
    margin-right: 0;
}
.view-writer .view-info span.mar2{
    margin-left: 5px;
}
.login_auto{
    display: none;
}
.mem_info{
    color: #fff;
    margin-top: 30px;
    font-weight: 500;
    overflow: hidden
}
.mem_info p{
    float: left;
    width: 60%;
    margin-right: 5%
}
.mem_info a{
    display: block;
    color: #fff;
    float: right;
    width: 35%;
    font-size: 13px;
    margin-top: 2px
}
.mem_info a:hover{
    color: #fff;
    text-decoration: none;
}
.al_btn_box{
    text-align: right
}
.al_btn_box .al_btn{
    height: 35px;
    text-align: center;
    min-width: 80px;
    background: #f2f2f2;
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    border: 1px solid #ddd;
    font-family: 'NotoKR-md'
}
input[type=checkbox] + label.b_43::before{
    content:"";
    display:block;
    width:13px;
    height:13px;
    position:absolute;
    top:5px;
    left:0;
    z-index:101;
    border:1px solid #434343 !important;
}
.wish-board{
    width: 70%;
    margin: 0 auto;
}
.wish_tit{
    margin-bottom: 35px
}
.wish-board .board-colgroup .b_3, .wish-board .board-colgroup .b_4{
    width: 45%;
}
.wish-btn-box{
    text-align: right
}
input.wish-btn{
    background: #f2f2f2;
    border: 1px solid #ddd;
    font-family: 'NotoKR-md';
    font-weight: 400;
    font-size: 13px;
    border-radius: 3px;
    color: #333;
    min-width: 80px;
    height: 35px
}
.inqu_txt{
    display: block;
    width: 100%;
    margin: 10px 0;
}
@media screen and (max-width:640px){
    .alrim-box{
        padding: 15px 0
    }
    .alrim-board-tit{
        text-align: center;
        padding-left: 0
    }
    .content-wrap{
        min-height: auto
    }
    .wish-board{
        width: auto
    }
    .gall-item{
        min-height: 310px
    }
    .nav-event ul.nav-event-ul li a{
        margin: 0 auto
    }
    .nav-event ul.nav-event-ul li span{
        text-align: center
    }
    .alliance-wrap table td span{
        margin: 0;
        display: block;
        margin-top: 5px;
    }
    .evnet-board-body li img{
        max-width: 100%;
    }
}
.mo_box{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    display: none;
}
.mo_location_info{
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    margin-top: 10px;
    color: #666;
}
.mo_location_info a.comment_link{
    float: right;
    color: #fd6b6b;
    font-weight: 500
}
.mo_location_info a.comment_link span.comm_num{
    display: inline
}
.mo_location_info a.comment_link span.comm_num .cnt_cmt{
    display: inline
}

/*열람중 백그라운처리*/
.open_tab{
    background: #f1efef;
}

.new_tit{
    float: none;
    margin-bottom: 10px;
    font-size: 13px
}
.new_tit .tit_store{
    float: none;
    height: 40px;
    padding-left: 0;
    width: auto;
    font-weight: 700;
    font-size: 13px;
    overflow: hidden;
    display: -webkit-box;
}
.new_tit .tit_writer{

}
.new_tit .tit_name{
    margin-right: 10px
}
.new_tit .tit_writer strong{
    display: inline-block
}
.new-review-top{
    overflow: hidden
}
.new-review-top>span{
    display: block;
    float: left;
    width: calc(100% - 90px);
}
.photo_box .new-review-top{
    float: left;
    width: 90px;
    margin-right: 20px;
}
.photo_box .photo_txt{
    float: left;
    width: calc(100% - 110px)
}
.new_tit .shop-sign-hide{
    width: 50%;
    height: auto
}
.new_tit .shop-sign-hide li{
    height: auto;
}
.new-review-bottom{
    position: absolute;
    right: 20px;
    bottom: 5px
}
.new_con{
    font-size: 12px;
    height: 58px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.new_con span, .new_con a{
    display: block;
    height: 58px;
    overflow: hidden;
}
.photo_box{
    position: relative
}
.photo_box .new-review-bottom{
    position: absolute;
    right: 0;
    bottom: 0
}
.no_photo_con{
    position: relative;
    height: 90px;
}
.no_photo_con .new-review-bottom{
    position: absolute;
    right: 0;
    bottom: 0
}
/*wish*/
.wish-wrap .board-colgroup{
    position: relative
}
.wish-wrap .board-colgroup ul li{
    position: relative;
}
.wish-wrap .board-colgroup .b_1{
    position: absolute;
    left: 0;
    top: 5px;
}
.wish-board .board-colgroup .b_2{
    width: 23%;
    text-align: left;
    padding-left: 50px
}
.wish-wrap .board-head{
    color: #fff;
    text-align: center
}
.wish-wrap{
    margin-bottom: 20px;
}
.wish-wrap .board-colgroup .b_1 input[type=checkbox] + label:before{
    display: none
}
@media screen and (max-width:768px){
    .new_tit .tit_writer{
        float: none;
        width: 100% !important;
        display: inline;
        padding-left: 0;
    }
}
.wish-board .board-colgroup .b_3{
    float: none;
    width: auto;
    text-align: left;
    padding-left: 50px;
}
.wish-board .board-colgroup .b_4{
    display: none
}
@media screen and (max-width:640px){
    .new-review-bottom{
        position: static
    }
    .new-review li{
        height: auto
    }
    .new_tit .tit_store{
        float: none;
        margin-right: 0;
        word-break: break-word;
    }
    .new_tit .tit_name{
        margin-right: 5px
    }
    .wish-wrap .board-head{
        padding: 5px 0;
    }
    .wish-board .board-colgroup .b_3{
        padding-left: 30px;
    }
    .wish-board .board-colgroup .b_2, .wish-board .board-body li span.clearfix{
        padding-left: 30px;
        float: none;
        width: auto;
        text-align: left
    }
}

.alliance-body-info{
    display: flex;
    width:100%;
    justify-content: flex-start;
}
.alliance-body-info>a{
    display: flex;
    width:100%;
    justify-content: flex-start;
}
.alliance-body-info .shop-name-em{
    margin-right:10px;
    width:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;

}
.alliance-body-info >span{
    display: block;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.alliance-body-info >.tel-em{
    width:115px;
    margin-left:auto;
    flex-shrink: 0;
}
.tel-em{
    position: relative!important;
}
.alliance-body-info:before{
    display: none!important;
}
.alliance-body-info:after{
    display: none!important;
}
.alliance-body-info .clearfix {
    display: flex;
}
.alliance-body-info .clearfix .shop-name-em{
    margin-right:10px;
    width:auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    color:#da4a54;
}
.alliance-body-info .clearfix .shop-name-em.premium{
    font-weight:bold;
}
.alliance-body-info .clearfix .subject_layer{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 20px;
}
.alliance-body-info .clearfix .tel-em{
    display: none;
}
div.alliance-body-info >.telem2{
    width:20px!important;
    margin-left:auto;
    flex-shrink: 0;
}
div.alliance-body-info >.telem2 a{ 
    position: relative;    
    bottom:13px;
}
.alliance-tab li a.on{
    background:#232323;
    color:#fff;
}
.alliance-tab2 li a.on{
    background:#666!important;
    color:#fff;
}
.view-writer:after{
    content:'';
    display: block;
    clear: both;
}