.sub-contents {
    width: 100%;
    margin: 0;
    color: #656565;
    height: 100%;
}

.sch>div:not(.bread-wrap) {
    width: 108rem;
    margin-left: auto;
    margin-right: auto;
}


.yello {
    color: #f9cf00;
}

.sch {
    margin: 4rem 0 8rem;
    height: 100%;
}

.sch>div {
    margin-bottom: 3rem;
}

.sch>div::after {
    content: '';
    display: block;
    clear: both;
}

.sch-result {
    padding-bottom: 1rem;
    margin-bottom: 2.5rem;
    position: relative;
}

.sch-result p {
    font-size: 1.6rem;
    color: #656565;
}

.sch-result p>strong {
    font-weight: 700;
}


.subp-list-wrap {
    margin: 4rem auto;
}

.subp-list {
    border: solid 1px #333;
    padding: 2rem 0;
    overflow: hidden;
}

.subp-list ul::after {
    content: '';
    clear: both;
    display: block;
}

.subp-list ul {
    margin-left: -1px;
}

.subp-list ul li {
    height: 4rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    width: 17.9rem;
    float: left;
    border-left: solid 1px #eee;
    display: block;
}

.subp-list ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 1.3rem;
    color: #848484;
    padding: 1.3rem 2rem;

    transition: .25s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition: .25s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: .25s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition: .25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.subp-list ul li:hover a {
    color: #333;
}

.subp-list ul li a.on {
    color: #333;
    font-weight: bold;
    border-left: solid 6px #f9cf00;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

button {
    cursor: pointer !important;
}

.select-box>select {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20rem;
    padding: 1.2rem 1.2rem;
    font-size: 1.2rem;
    background: url('/img/v2/select.png') no-repeat 92% 50%;
    border: 1px solid #d9d9d9;
    color: #656565;
    cursor: pointer;

    transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
}


.select-box>select:hover,
.select-box>select:active,
.select-box>select:target {
    background: url('/img/v2/selecton.png') no-repeat 92% 50%;
    border: 1px solid #a0a0a0;
    color: #333;
}

.bread-wrap {
    position: relative;
    background: #fff;
    height: 5.6rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.sub-contents #bread-wrap {
    position: relative;
    width: 100%;
    max-width: 192rem;


}

.sub-contents .bread-wrap .bread-inner {
    width: 108rem;
}


.bread-inner {
    width: 108rem;
    margin: 0 auto;
    height: 5.6rem;
}

.bread-inner::after {
    content: '';
    clear: both;
    display: block;
}

/* @@@@@@ 검색별 @@@@@@*/

.bread-inner>span {
    line-height: 5.6rem;
    display: block;
    height: 100%;
    float: left;
    padding: 0 2rem;
    font-size: 1.2rem;
    color: #a0a0a0;
    background: url('/img/v2/br-line.jpg') left center no-repeat;
}

.bread-inner>span.store-sch {
    background-image: none;
}

.bread-inner>span>a {
    display: block;
    height: 100%;
    width: 100%;
    color: #333;

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

.bread-inner>span>.result {
    display: block;
    height: 100%;
    width: 100%;
    color: #333;

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


.bread-inner>span.home {
    width: 5.6rem;
    background: url('/img/v2/br-home.png') center center no-repeat;
    padding: 0;
    margin: 0;
}

.bread-inner>span.home>a {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.app-premium,
.app-special {
    width: 100%;
}

.app-subj {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    width: 100%;
    background: #f6f6f6;
    height: 6rem;
    line-height: 6rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #a0a0a0;
    margin-bottom: 2rem;
    padding-left: 5rem;
}

.app-premium .app-subj::before,
.app-special .app-subj::before,
.app-keyword-title .app-subj::before
{
    content: '';
    width: 5.6rem;
    height: 6rem;
    position: absolute;
    left: 0;
}

.swiper-slide+a {
    display: block;
}

.app-premium .app-subj::before {
    background: url('/img/v2/premium.png') 2rem center no-repeat;
}

.app-special .app-subj::before {
    background: url('/img/v2/special.png') 2rem center no-repeat;
}

.app-keyword-title .app-subj::before {
    background: url('/img/v2/keyword-title.png') 2rem center no-repeat;
}

.premium-wrap {
    position: relative;
    width: 100%;
    padding: 1rem 0;
}
.search-banner{
    margin-top:50px;
}
.search-banner .addr{
    color:#a0a0a0;
}
.search-banner-title{
    /*display:flex;*/
    align-items: center;
}

.search-banner .store-name{
    /*flex:1;*/
    margin-top:15px;
    display:inline-block;
    vertical-align: middle;
}

.search-banner-review-like{
    /*flex:1;*/
    display:inline-block;
    vertical-align: middle;
    margin-left:10px;
    margin-top:4px;
}

.search-banner .like{
    /*flex:1;*/
    margin-left:8px;
}

.search-banner-img{
    border-radius: 15px;
    width:100%;
    height: 140px;
    background-position: center;
    background-size: cover;
}

.search-banner-item{
    cursor:pointer;
}

.search-banner .addr > *{
    vertical-align: middle;
}

.search-banner .addr{
    background-position: 0% 20%;
}

.search-banner .road::before{
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    position: static;
    display: inline-block;
    color:rgba(150,150,150,1);
}

.search-banner .road{
    font-size:11px;
    color:rgba(150,150,150,1);
    padding-left:0;
    margin-left:5px;
}

.search-banner-slide-bottom{
    margin-top:50px;
    margin-bottom:50px;
    /*margin-bottom:20px;*/
    font-weight: 700;
    text-align: center;
}

.search-banner .next-button, .search-banner .prev-button{
    vertical-align: middle;
    font-size:30px;
    cursor:pointer;
}

.swiper-pagination-total, .swiper-pagination-current{
    margin:8px;
}
.swiper-pagination-delimter{
    font-weight:normal;
}
.search-banner-slide .swiper-pagination{
    position: static;
    font-size: 14px;
    display: inline-block;
    width: auto;
    height:auto;
    vertical-align: middle;
}


.premium-list::after {
    display: block;
    clear: both;
    content: '';
}

.premium-list>div {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 1rem;
    height: 22rem;
}

.premium-list .swiper-slide>div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-height: 19rem;
    border: solid 1px #eee;
    box-shadow: 0 0 1rem #eee;
    padding: 2rem;
    width: 52rem;
}

.premium-list .swiper-slide>div::after {
    display: block;
    clear: both;
    content: '';
}

.premium-list .vdo-thum.left {
    width: 15rem;
    position: relative;
    overflow: hidden;
    border-radius: .4rem;
}

.premium-list .vdo-thum.left::before {
    /*content: url('/img/v2/play-btn.png');*/
    text-align: center;
    padding-top: 5.4rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: url('/img/v2/video-pat.png') left top repeat;*/
}

.premium-overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.premium-overlay-background{
    background-color:black;
    opacity: 0.33;
}

.premium-overlay-button{
    background: url('/img/v2/play-btn.png') center center no-repeat;
}


.premium-list .vdo-thum.left img {
    width: 15rem;
    margin: 0 auto;
}

.premium-list .srh-txt {
    position: relative;
    width: 31rem;
    color: #a0a0a0;
    font-size: 1.1rem;
    line-height: 1.6;
}

.keyword-title-slide > div{
    cursor:pointer;
}

.keyword-title-slide img{
    width:350px;
    /*height:115px;*/
    border-radius:15px;
}

.keyword-title-slide{
    margin-bottom:30px !important;
}

.special-wrap {
    position: relative;
    width: 100%;
    padding: 1rem 0;
}


.special-list::after {
    display: block;
    clear: both;
    content: '';
}


.special-list>div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 28rem;

    cursor: pointer;
}

.special-list .swiper-slide>div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    max-height: 25rem;
    border: solid 1px #eee;
    box-shadow: 0 0 1rem #eee;
    padding: 1.5rem;
    width: 35rem;
}


.special-list .swiper-slide>div::after {
    display: block;
    clear: both;
    content: '';
}


.special-list .vdo-thum.left {
    width: 13rem;
    overflow: hidden;
    border-radius: .4rem;
}


.special-list .vdo-thum.left img {
    width: 13rem;
}


.special-list .srh-txt {
    width: 17rem;
    color: #a0a0a0;
    font-size: 1.1rem;
    line-height: 1.6;
}

.search-list {
    width: 108rem;
    margin: 1rem auto 3rem;
    height: 100%;
}

.app-result {
    height: 3.7rem;
    line-height: 3.7rem;
    color: #a0a0a0;
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.app-result>span {
    display: inline-block;
    position: relative;
    background: #f6f6f6;
    border-radius: 100%;
    width: 3.7rem;
    height: 3.7rem;
    line-height: 3.7rem;
    vertical-align: middle;
    margin-right: 1rem;
}

.app-result>span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('/img/v2/basic.png') center center no-repeat;
}

.app-srh-list {
    padding: 0;
    width: 100%;
    font-size: 0;
    letter-spacing: -.5rem;
}


.app-srh-list::after {
    clear: both;
    display: block;
    content: '';
}

.app-srh-list li {
    letter-spacing: 0;
    width: 25%;
    vertical-align: top;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    font-size: 1.1rem;
}

.app-srh-list li>div {
    margin: .6rem;
    Padding: 1.6rem;
    border: solid 1px #d9d9d9;
    box-shadow: 0 0 .3rem #f6f6f6;

    transition: .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: .3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.app-srh-list li:hover>div {
    cursor: pointer;

    transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);

    box-shadow: 0 .6rem 1.2rem #d5d5d5;
}

.app-srh-list li>div.ad-on {
    border: solid 3px #f9cf00;
}


.store-name {
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 1rem;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.special-list .store-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 5rem;
}

.addr {
    font-size: 1.1rem;
    line-height: 1.6;
    color: a0a0a0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.6rem;

    padding-left: 2.3rem;
    background: url('/img/v2/gps.png') left top no-repeat;
}

.special-list .addr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 4.9rem;

    padding-left: 2.3rem;
    background: url('/img/v2/gps.png') left top no-repeat;
}

.app-srh-list .addr {
    font-size: 1.1rem;
    color: #a0a0a0;
}

.all-info-wrap {
    width: 100%;
    height: 2.7rem;
    line-height: 2.7rem;
    margin: 1rem 0;
}

.special-list .all-info-wrap {
    margin-top: 2rem;
}

.app-srh-list .all-info-wrap {
    height: auto;
}

.app-srh-list .all-info-wrap>span {
    margin-right: .6rem;
}


.all-info-wrap>span {
    margin-right: 1.2rem;
    display: inline-block;
    vertical-align: middle;
}

.road {
    position: relative;
    padding-left: 8rem;
}

.road::before {
    content: '나와의 거리';
    position: absolute;
    font-size: .9rem;
    color: #656565;
    background: #f6f6f6;
    border-radius: 2rem;
    padding: 0 1.3rem;
    left: 0;
}

.rev,
.like {
    max-width: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 2.2rem;
    word-break: keep-all;
}

.rev {
    background: url('/img/v2/rev.png') left center no-repeat;
}

.like {
    background: url('/img/v2/like.png') left center no-repeat;
}

.web-site {
    position: relative;
    display: inline-block;
    background: #f6f6f6;
    border-radius: 2rem;
    padding: 0 1.3rem 0 4rem;
    line-height: 3.2rem;
    height: 3.2rem;
    font-size: 1.1rem;

    cursor: pointer;
    z-index: 99;
}

.web-site a {
    color: #d9d9d9;
}

.web-site.on a {
    color: #656565;
}

.web-site::before {
    position: absolute;
    left: 1rem;
    width: 100%;
    height: 100%;
    content: '';
    background: url('/img/v2/site-none.png') left center no-repeat;
}


.web-site.on::before {
    background: url('/img/v2/site.png') left center no-repeat;
}

.deli.on,
.vdo.on {
    visibility: visible;
}

.deli {
    margin-left: 1rem;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    vertical-align: middle;
    background: url('/img/v2/delivery.png') center center no-repeat;

    visibility: hidden;
}

.vdo {
    position: absolute;
    right: 0;
    margin-left: 1rem;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    vertical-align: middle;
    background: url('/img/v2/video.png') center center no-repeat;

    visibility: hidden;
}

div.search-page {
    position: relative;
    margin: 6rem auto;
    font-size: 1.2rem;
}

.search-page .pagination {
    text-align: center
}

.search-page a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #656565;
    vertical-align: middle;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    margin: 0 .2rem;
    border: solid 1px #d9d9d9;
}

.search-page a:hover,
.search-page a.active {
    font-weight: 700;
    color: #333;
    border: solid 1px #333;
}

.search-page a.prev-page {
    background: url('/img/v2/page-prev.png') center center no-repeat;
}

.search-page a.next-page {
    background: url('/img/v2/page-next.png') center center no-repeat;
}

/*@@@@@@@@@ 업종별 @@@@@@@@@*/

.cate-bread {
    display: inline-block;
    width: 1rem;
    height: inherit;
    vertical-align: middle;
    margin-left: 1rem;
    background: url('/img/v2/cate-arrow.png') center center no-repeat;
}

.cate-active {
    display: inline-block;
    cursor: pointer;
    padding-right: 3rem;
    height: 100%;
    font-weight: 700;
    color: #333;
}

.cate-open-wrap {
    display: none;
    position: relative;
    z-index: 99;
    left: -2rem;
    top: -.1rem;
}

.cate-open-wrap.open {
    display: block;
}

.cate-open-wrap .cate-open-list {
    background: #fff;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    box-shadow: 0 1rem 2rem rgba(54, 54, 54, 0.137);
    z-index: 1000;
    padding: .8rem 0;
}

.cate-open-list li {
    font-size: 1.2rem;
}

.cate-open-list li a {
    display: block;
    color: #656565;
    padding: .8rem 3rem .8rem 2rem;
    line-height: initial;
}

.cate-open-list li:hover a {
    color: #f9cf00;
    text-decoration: underline;
    font-weight: 700;
}

.cate-open-list li.active a {
    font-weight: 700;
    background: #f6f6f6;
}

.cate-banner {
    width: 108rem;
    margin: 4rem auto 6rem !important;
    height: 100%;
}

.cate-banner1 {
    width: 62rem;
    height: 12.2rem;
    padding: 0;
    margin-right: 3rem;
}

.cate-banner1>div {
    position: relative;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 3rem;
    color: #656565;
    line-height: 1.6;
}

.cate-banner1>div::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cate-banner1>div>h2 {
    font-size: 2.6rem;
    font-weight: 700;
}

.cate-banner1>div>p {
    font-size: 1.2rem;
    display: inline-block;
    background: #f6f6f6;
    background: rgba(244, 244, 244, 0.795);
}

.cate-banner1 div.cate1 {
    background: url('/img/v2/banner1-cate1.png') no-repeat right bottom;
}

.cate-banner1 div.cate2 {
    background: url('/img/v2/banner1-cate2.png') no-repeat right bottom;
}

.cate-banner1 div.cate3 {
    background: url('/img/v2/banner1-cate3.png') no-repeat right bottom;
}

.cate-banner1 div.cate4 {
    background: url('/img/v2/banner1-cate4.png') no-repeat right bottom;
}

.cate-banner1 div.cate5 {
    background: url('/img/v2/banner1-cate5.png') no-repeat right bottom;
}

.cate-banner1 div.cate6 {
    background: url('/img/v2/banner1-cate6.png') no-repeat right bottom;
}

.cate-banner1 div.cate7 {
    background: url('/img/v2/banner1-cate7.png') no-repeat right bottom;
}

.cate-banner1 div.cate8 {
    background: url('/img/v2/banner1-cate8.png') no-repeat right bottom;
}

.cate-banner1 div.cate9 {
    background: url('/img/v2/banner1-cate9.png') no-repeat right bottom;
}

.cate-banner1 div.cate10 {
    background: url('/img/v2/banner1-cate10.png') no-repeat right bottom;
}

.cate-banner1 div.cate11 {
    background: url('/img/v2/banner1-cate11.png') no-repeat right bottom;
}

.cate-banner1 div.cate12 {
    background: url('/img/v2/banner1-cate12.png') no-repeat right bottom;
}


.cate-banner2 {
    width: 42rem;
    height: 12.2rem;
    padding: 0;
    background: #f6f6f6;
}


.banner2-slide {
    width: 100%;
    height: 100%;
}

.banner2-slide div>img {
    width: 42rem;
    height: 12.2rem;
}

.banner2-slide .swiper-button-next,
.banner2-slide .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 2.2rem;
    height: 4rem;
    margin-top: -2rem;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.banner2-slide:hover .swiper-button-next,
.banner2-slide:hover .swiper-button-prev {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.banner2-slide .swiper-button-prev::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: url("/img/v2/left.png") center center no-repeat;
    background-size: 50%;

}

.banner2-slide .swiper-button-next::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: url("/img/v2/right.png") center center no-repeat;
    background-size: 50%;
}

.banner2-slide .swiper-button-prev {
    left: 0;
    background: rgba(46, 46, 46, 0.6);
}

.banner2-slide .swiper-button-next {
    right: 0;
    background: rgba(46, 46, 46, 0.6);
}

.banner2-slide .swiper-button-next:hover,
.banner2-slide .swiper-button-prev:hover {
    background: rgba(46, 46, 46, 0.8);
}

.banner2-slide .swiper-pagination-progressbar {
    background: #fff;
    position: absolute;
}

.banner2-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #f9cf00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.banner2-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

.banner2-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f9cf00;
}

.banner2-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .8rem;
}


/*@@@@@@@@@ 업체자세히보기 @@@@@@@@@*/

.detail-page {
    width: 108rem;
    margin: 4rem auto 8rem;
    height: 100%;
}

.detail-page>div::after {
    clear: both;
    content: '';
    display: block;
}

.detail-slide-wrap {
    margin-bottom: 5rem;
}

.detail-slide {
    width: 108rem;
    height: 33.1rem;

}

.detail-slide div img {
    width: 54rem;
    height: 33.1rem;
}

.detail-slide .swiper-button-next,
.detail-slide .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 4.4rem;
    margin-top: -2.2rem;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.detail-slide:hover .swiper-button-next,
.detail-slide:hover .swiper-button-prev {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.detail-slide .swiper-button-prev::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: url("/img/v2/left.png") center center no-repeat;

}

.detail-slide .swiper-button-next::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: url("/img/v2/right.png") center center no-repeat;

}

.detail-slide .swiper-button-prev {
    left: 0;
    background: rgba(46, 46, 46, 0.6);
}

.detail-slide .swiper-button-next {
    right: 0;
    background: rgba(46, 46, 46, 0.6);
}

.detail-slide .swiper-button-next:hover,
.detail-slide .swiper-button-prev:hover {
    background: rgba(46, 46, 46, 0.8);
}

.detail-slide .swiper-pagination-progressbar {
    background: #fff;
    position: absolute;
}

.detail-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #f9cf00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.detail-slide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}

.detail-slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f9cf00;
}

.detail-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .8rem;
}

.info-wrap {
    width: 100%;
}

.info-wrap>div {
    width: 50%;
}

.info-wrap>div.left>div {
    padding-right: 1rem;
}

.more-subj {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    display:flex;
}

.more-subj h2 {
    width: 32.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: middle;
    flex:1;
}

.more-subj span {
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    color: #656565;
    padding-left: 2rem;
    margin-left: 2rem;
}

.more-favo {
    background: url('/img/v2/more-star.png') left center no-repeat;
}

.more-heart {
    background: url('/img/v2/more-heart.png') left center no-repeat;
}
.more-favo.on {
    background: url('/img/v2/more-staron.png') left center no-repeat;
}

.more-heart.on {
    background: url('/img/v2/more-hearton.png') left center no-repeat;
}

.detail-page h2 {
    display: inline-block;
    font-size: 2.1rem;
    color: #333;
    font-weight: 700;
    height: 3rem;
    line-height: 3rem;
}

.store-info dl {
    margin: 1rem 0 2rem;
    color: #a0a0a0;
    width: 100%;
    line-height: 1.6;
    font-size: 1.5rem;
}

.store-info dl::after {
    display: block;
    content: '';
    clear: both;
}

.store-info dl dd,
.store-info dl dt {
    float: left;
    margin-bottom: .4rem;
}

.store-info dl dt {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 12rem;
}

.store-info dl dd {
    width: calc(100% - 12rem);
}

.store-info dl dt.homepage {
    background: url('/img/v2/more-w.png') left center no-repeat;
    font-weight: 700;
    padding-left: 2.2rem;
}

.store-info dl dt.homepage+dd>a {
    font-weight: 700;
    color: #1466ba;
    text-decoration: underline;
}

.store-info dl dd>a {
    color: #656565;
    font-weight: 700;
}

.store-info-edit {
    position: relative;
    display: block;
    background: #f6f6f6;
    width: 16rem;
    height: 4rem;
    /*overflow: hidden;*/
}

.store-info-edit span {
    cursor: pointer;
    display: block;
    color: #656565;
    font-size: 1.3rem;
    padding: 1.25rem 0 1.35rem 4.2rem;
}

.store-info-edit .store-edit-more span {
    padding: 1.25rem 2.5rem;
}

.store-edit-more {
    position: absolute;
    width: 100%;
    left: 18rem;
    top: 0;

    display: none;
}

.store-edit-more.on {
    display: block;
}

.store-edit-more::before {
    position: absolute;
    content: '';
    top: 12px;
    left: -9px;
    border-top: solid 9px transparent;
    border-bottom: solid 9px transparent;

    border-right: solid 9px #f6f6f6;
}

.store-edit-more span {
    background: #f6f6f6;
    box-shadow: .5rem .5rem 10px #ececec;

    transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.store-edit-more span:hover {
    background: #fff;
}

.store-info-edit::before {
    content: '';
    position: absolute;
    left: 2rem;
    top: 0;
    background: url('/img/v2/edit.png') left center no-repeat;
    width: 1.4rem;
    height: 100%;
}


.moreedit-store,
.imgedit-store,
.infoedit-store,
.delete-store {
    position: fixed;
    top: 10%;
    left: 50%;
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #656565;

    z-index: 9999;
    width: 64rem;
    margin-left: -34rem;
    padding: 4rem 5.6rem 4rem;
    border: .5rem solid #333;
    background: #fff;
    max-height: 80%;
    overflow-y: auto;
}


.imgedit-store.on,
.infoedit-store.on,
.moreedit-store.on,
.delete-store.on {
    display: block !important;
}



.info-edit-store {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    width: 100%;
    padding: 2rem;
    border: solid 1px #eee;
    color: #656565;
}

.info-edit-store>textarea {
    resize: vertical;
    min-height: 14rem;
    width: 100%;

    font-size: 1.3rem;
    line-height: 1.4;
}


.all-edit-store {
    position: relative;
}

.all-edit-store .edit-head {
    text-align: center;
}

.edit-img-up {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    overflow-x: scroll;
    background: #fff;
    border: solid 1px #eee;
    width: 100%;

    padding: 1.2rem;
    height: 22rem;
    border-radius: .3rem;
}

.edit-img-up>div {
    position: relative;
    display: inline-block;
    height: 15rem;

    margin-right: 1rem;
}

.edit-img-up>div .img-del {
    position: absolute;
    top: 0;
    right: 0;
}

.edit-img-up>div .img-del:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    background: #333;
    z-index: 0;

    width: 3rem;
    height: 3rem;
}

.edit-img-up>div .img-del:after {
    position: absolute;
    content: '';
    z-index: 8;

    right: .8rem;
    top: .8rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url('../img/close-white.png') center center no-repeat;
    background-size: 1.4rem 1.4rem;
}

.edit-img-up>div>img {
    outline: none;
    border: none;
    display: inline-block;

    width: auto;
    height: 100%;
    background: #fbfbfb;
}

.edit-img-up>div>img:last-child {
    margin-right: 0;
}

.edit-img-up-btn {
    width: 100%;
    overflow: hidden;
    margin: 2rem 0 4rem;
}

.edit-img-notice {
    float: left;
}

.input-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.edit-img-upload {
    cursor: pointer;
    float: right;
    color: #656565;
    border-radius: .3rem;
    background-color: #f6f6f6;

    font-size: 1.3rem;
    padding: 1.2rem 2.4rem;

    transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.edit-img-upload:hover {
    background-color: #f9cf00;
}

.store-edit-btn-wrap {
    text-align: center;
    margin: 3rem 0;
}

.store-edit-btn {
    font-weight: 700;

    font-size: 1.3rem;
    margin: 0 .5rem;
    padding: 1.2rem 2.6rem;
}

.store-edit-btn.edit-close {
    background: #fff;
    border: solid 1px #333;
}

.store-edit-btn.edit-browse {
    background: #333;
    color: #fff;
}
.local-info>div {
    margin-left: 4rem;
}

.maps {
    margin: 2rem 0;
    width: 50rem;
    height: 28rem;
    background: #f6f6f6;
}

.maps-txt {
    font-size: 1.3rem;
    color: #656565;
    padding-left: 2.2rem;
    background: url('/img/v2/more-map.png') left top no-repeat;
    height: 2.2rem;
    line-height: 2.2rem;
}

.share-potal-wrap {
    margin: 2rem 0;
}

.share-potal-wrap::after,
.share ul::after,
.potal::after {
    display: block;
    content: '';
    clear: both;
}

.share-potal-wrap>div h2 {
    margin-bottom: 1rem;
}

.share-potal-wrap>div {
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
}

.share,
.potal {
    margin: 2rem 0 0 0;
}

.share {
    padding-right: 1rem;
}

.share ul {
    padding: 0;
    margin: 0;
}

.share ul li {
    width: 4.7rem;
    height: 4.7rem;
    background: #f9f9f9;
    border-radius: 100%;
    float: left;
    margin-right: .6rem;

    transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
}

.share ul li:hover {
    background: #f1f1f1;
}

.share ul li a {
    display: block;
    width: 4.7rem;
    height: 4.7rem;
}

.share ul li.s-kakao>a {
    background: url('/img/v2/more-k.png') center center no-repeat;
}

.share ul li.s-insta>a {
    background: url('/img/v2/more-i.png') center center no-repeat;
}

.share ul li.s-fabook>a {
    background: url('/img/v2/more-f.png') center center no-repeat;
}

.share ul li.s-twitter>a {
    background: url('/img/v2/more-t.png') center center no-repeat;
}

.potal {
    padding-left: 1rem;
}

.potal h2 {
    display: block;
}

.potal span {
    display: inline-block;
    width: 6rem;
    height: 4.7rem;
    margin-right: 1.6rem;
    vertical-align: middle;
}

.potal span.naver {
    background: url('/img/v2/naver.png') left center no-repeat;
}

.potal span.daum {
    background: url('/img/v2/daum.png') left center no-repeat;
}

.potal span.google {
    background: url('/img/v2/google.png') left center no-repeat;
}

.store-intro-wrap {
    margin: 3rem 0;
    padding: 3rem 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.store-intro {
    padding: 0 2rem;
}

.intro-txt {
    margin-top: 2rem;
}

.intro-txt dl::after,
.product-list::after {
    display: block;
    content: '';
    clear: both;
}

.intro-txt dl {
    color: #656565;
    font-size: 1.5rem;
}

.intro-txt dl dt,
.intro-txt dl dd {
    float: left;
}

.intro-txt dl dt {
    border-radius: 100%;
    background: #f9f9f9;
    width: 7rem;
    height: 7rem;
    margin-right: 3rem;
}

.intro-txt dl dt span {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/img/v2/intro-store.png') center center no-repeat;
}

.intro-txt dl dd {
    width: 94rem;
    line-height: 1.6;
}

.product-wrap {
    position: relative;

}

.product-list {
    position: relative;
    display: table;
    height: 100%;
    width:95%;
    padding: 2rem;
}

.product-list>div {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.product-list>div h2 {
    margin-bottom: 2rem;
}

.product-list center {
    text-align: left;
}

.recommend {
    display: table-cell;
    width: 70%;
    padding-right: 2rem;
}

.nomarl-s-review {
    display: table-cell;
    width: 30%;
    padding-left: 2rem;
    border-left: solid 1px #eee;
    height: 100%;
}

.recommend ul {
    font-size: 0;
}

.recommend ul li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 1rem;
    *display: inline;
    *zoom: 1;
}

.product-list .recommend .p-name.hosp {
    color: #656565;
    font-size: 1.7rem;
}

.recommend ul>li>div {
    display: block;
    width: 33.2rem;
    margin-bottom: 2rem;
}

.recommend ul>li>div figure {
    width: 100%;
    height: 20.3rem;
    overflow: hidden;
}

.recommend ul>li>div figure img {
    width: 100%;
    height: 100%;
    text-align: center;
}

.recommend ul>li.hosp h3.hosp-wrap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    cursor: pointer;
    position: relative;
    width: 100%;
    font-weight: 700;
    color: #1b1c20;
    font-size: 1.9rem;
    padding: 1.2rem 0 1.2rem 2rem;
    border-bottom: solid 1px #eee;
}

.recommend ul>li.hosp h3.hosp-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1.2rem;
    width: .5rem;
    height: 1.9rem;
    background: #f9cf00;
    border-radius: .3rem;
}

.recommend ul>li.hosp h3.hosp-wrap::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 1.6rem;
    width: 1.3rem;
    height: 1rem;
    background: url('/img/v2/hosp_more.png') center center no-repeat;
}

.recommend ul>li.hosp h3.hosp-wrap.open::after {
    background: url('/img/v2/hosp_more_open.png') center center no-repeat;
}

.recommend ul li.hosp {
    width: 100%;
}

.recommend ul>li.hosp>div {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.hosp>div {
    background: #f6f6f6;
    padding: 2rem 2rem .8rem 2rem;
}

.hosp>div .caption {
    padding: 0 0 1.2rem 0;
}

.product-list .caption {
    padding: 1.8rem 0;
}

.product-list .p-name {
    display: block;
    margin-bottom: .8rem;
}


.product-list .p-desc, .detail-list .p-desc {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #656565;
    margin-bottom: .8rem;
}


.product-list .price {
    font-weight: 700;
}

.product-list .recommend .p-name, .detail-list .p-name {
    font-size: 1.9rem;
    font-weight: 700;
    color: #1b1c20;
}

.product-list .recommend .price, .detail-list .price {
    color: #ff3636;
    font-size: 1.5rem;
}

.product-list .nomarl-list .p-name {
    font-size: 1.7rem;
    font-weight: 700;
    color: #404144;
}

.product-list .nomarl-list .price {
    color: #fd6b6b;
    font-size: 1.3rem;
}

.nomarl-list {
    height: 100%;
}

.nomarl-list li {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
}

.noraml .nomarl-list li:last-child {
    border: none;
}

.detail-list-btn {
    display: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    border: solid 1px #eee;
    padding: 1.2rem 0;
    text-align: center;
    margin-bottom: 2rem;

    transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
}

.detail-list-btn:hover {
    border: solid 1px #e9e9e9;
    box-shadow: 0 0 .6rem #eee;
}

.detail-list-btn.more {
    display: block;
}

.detail-list-btn span {
    display: inline-block;

    color: #1b1c20;
    font-weight: 700;
    font-size: 1.7rem;
}

.detail-list-btn-arrow {
    vertical-align: middle;
    background: url('/img/v2/lost_more.png') center center no-repeat;
    display: inline-block;
    width: 1.3rem;
    height: 2.1rem;
    margin-left: 1rem;
}

.detail-list-open {
    position: fixed;
    z-index: 10001;
    background: #fff;
    border: solid 5px #1b1c20;
    width: 90%;
    max-width: 78rem;
    height: 80%;
    overflow-y: auto;
    top: 10%;
    left: 50%;
    margin-left: -39rem;
    padding: 4rem 5.6rem 4rem;

    display: none;
}

.detail-list-open.on {
    display: block;
}

.detail-list-wrap {
    position: relative;
    text-align: center;
    margin: 0 auto;
    height: 100%;
}

.detail-list-wrap>h2 {
    text-align: center;
}

.detail-list-wrap>div {
    text-align: left;
}

.detail-list::after {
    content: '';
    display: block;
    clear: both;
}

.detail-list li {
    width: 100%;
    float: left;
}

.detail-list li>div {
    display: table;
    width: 100%;
    padding-top: 2.2rem;
}

.detail-list li>div::after {
    content: '';
    display: block;
    clear: both;
}

.detail-list li>div>.p-name {
    display: table-cell;
    width: 25%;
    padding-right: 5%;
    text-align: right;
}

.detail-list li>div>.pp-wrap {
    display: table-cell;
    width: 75%;
    text-align: left;
    border-bottom: solid 1px #eee;
    vertical-align: top;
    margin-bottom: .6rem;
    padding-bottom: 1.2rem;
}

.p-desc.none,
.price.none {
    display: none !important;
}

.detail-close-wrap {
    width: 100%;
    min-height: 8rem;
    margin: 4rem 0 2rem;
}
.detail-close-wrap .detail-close-btn {
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    display: block;
    background: #1b1c20;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 1.2rem;
    width: 8rem;
}


.detail-list-wrap .nomarl-list li>div>.s-review-head {
    color: #656565;
    font-size: 1.3rem;
}

.s-review-head h2 {
    margin-right: 1rem;
    margin-bottom: 2rem;
}
.s-review-list{
    padding-top: 1.2rem;
    border-top: solid 1px #eee;
}
/*.s-review-list:first-child{*/
    /*border-top: none;*/
/*}*/

.s-review-wrap__tags{
    padding-bottom:1.2rem;
    font-size:1.2rem;
}
.s-review-wrap {
    position: relative;
    background: #f9f9f9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 2rem;
    margin-bottom: 2rem;
}

.s-review-wrap::before {
    position: absolute;
    content: '';
    top: -1.3rem;
    left: 1.2rem;
    border-bottom: 1.3rem solid #f6f6f6;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
}

.s-review-wrap__title{
    flex:1;
    padding-bottom:0px !important;
}

.s-review-wrap__title .author{
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.s-review-list img{
    width:100%;
    magin-bottom:1rem;
}


/*.s-review-wrap li:first-child {*/
    /*border-top: none;*/
    /*padding-top: 0;*/
/*}*/

/*.s-review-wrap li {*/
    /*padding-top: 2rem;*/
    /*border-top: solid 1px #eee;*/
/*}*/

/*.s-review-wrap li div {*/
    /*position: relative;*/
    /*font-size: 1.3rem;*/
    /*padding-bottom: 1.6rem;*/
/*}*/

/*.s-review-wrap li div img {*/
    /*width: 100%;*/
    /*margin-bottom: 1rem;*/
/*}*/

/*.s-review-wrap div span {*/
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*height: 2rem;*/
    /*line-height: 2rem;*/
    /*margin-bottom: 1rem;*/
/*}*/

.author {
    font-weight: 700;
    max-width: 80%;
}

.like-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.7rem;
    height: 1.5rem;
    padding-left: 2.4rem;
    font-size: 1.1rem;
    font-weight: 700;
    background: url('/img/v2/rev-like.png') left top no-repeat;
}

.like-btn.on {
    background: url('/img/v2/rev-likeon.png') left top no-repeat;
}

.date {
    font-size: 1rem;
    color: #a0a0a0;
    margin-left: .6rem;
}

.s-review-wrap li div>p {
    font-size: 1.2rem;
    line-height: 1.6;
    white-space: pre-line;
}

.review-write {
    position: relative;
    font-size: 1.3rem;
}

.write-wrap button {
    display: block;
    color: #fff;
    background: #656565;
    padding: 1rem 2rem;
    margin: 1rem auto 2rem;
}

.write-file {
    font-size: 1.2rem;
}

.write-file div {
    border: 1px solid #eee;
    background: #fff;
    min-height: 5rem;
    padding: 1rem 1rem 1rem;
    white-space: nowrap;
    overflow-x: auto;
}

.write-file>p,
.file-upload-notice {
    color: #a0a0a0;
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 1rem 0;
}

.write-file div>span {
    display: inline-block;
    width: 33%;
    height: 100%;
    margin: .5rem;
}

.write-file div>span>img {
    width: 100%;
    padding: 0;
    margin: 0;
}

.delete-btn {
    margin: .5rem auto 0;
    cursor: pointer;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url('/img/v2/delete.png') center center no-repeat;
}

.write-txt textarea {
    font-size: 1.2rem;
    width: 100%;
    resize: vertical;
    min-height: 10rem;
    padding: 1rem;
    border: 1px solid #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cscenter-wrap {
    width: 108rem;
    height: 100%;
    margin: 4rem auto 8rem;
}

.cscenter-wrap h2 {
    font-size: 2.6rem;
    color: #333;
    text-align: center;
}

.cs-tab-wrap {
    margin: 4rem 0;
    width: 100%;
}

.cs-tab-wrap ul {
    margin: 0;
    padding: 0;
}

.cs-tab-wrap ul::after {
    clear: both;
    content: '';
    display: block;
}

.cs-tab-wrap ul li {
    float: left;
    border: solid 1px #a0a0a0;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 16.66%;
    height: 4.2rem;
    line-height: 4.2rem;
    margin-left: -1px;
}

.cs-tab-wrap ul li>a {
    display: block;
    color: #656565;
    text-align: center;
    font-size: 1.3rem;

    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
}

.cs-tab-wrap ul li>a:hover {
    color: #f9cf00;
}

.cs-tab-wrap ul li.on {
    border-bottom: 3px solid #f9cf00;
}

.cs-tab-wrap ul li.on a {
    color: #333;
    font-weight: 700;
}

.cs-subject-wrap {
    margin: 0 auto 6rem;
    text-align: center;
}

.cs-subject-wrap>div {
    position: relative;
    display: inline-block;
    background: #f6f6f6;
    border-radius: 4rem;
    color: #656565;
    font-weight: 700;
    font-size: 1.6rem;
    height: 5.6rem;
    line-height: 5.6rem;
    padding: 0 3rem 0 8rem;
}

.cs-subject-wrap>div>span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 5.6rem;
    height: 5.6rem;
}

.cs-img1 {
    background: url('/img/v2/cs1.png') center center no-repeat;
}

.cs-img2 {
    background: url('/img/v2/cs2.png') center center no-repeat;
}

.cs-img3 {
    background: url('/img/v2/cs3.png') center center no-repeat;
}

.cs-img4 {
    background: url('/img/v2/cs4.png') center center no-repeat;
}

.cs-img5 {
    background: url('/img/v2/cs5.png') center center no-repeat;
}

.cs-img6 {
    background: url('/img/v2/cs6.png') center center no-repeat;
}


.cs-subject-wrap>div::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-radius: 100%;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: solid 1px #eee;
    width: 5.6rem;
    height: 5.6rem;
}

.cs-notice-newle-board-wrap,
.faq-board {
    position: relative;
    width: 108rem;
    height: 100%;
}

.cs-notice-newle-board {
    border-top: solid 1px #a0a0a0;
    border-bottom: solid 1px #a0a0a0;
    margin-bottom: 5rem;
}

.faq-board {
    border-top: solid 1px #a0a0a0;
    border-bottom: solid 1px #a0a0a0;
    margin-bottom: 5rem;
}

.cs-notice-newle-board ul,
.faq-board ul {
    margin: 0;
    padding: 0;
}


.cs-notice-newle-board ul li.notice-newle-list-first {
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 2.3rem 0;
    background: #eee;
    border: none;
}

.cs-notice-newle-board ul li {
    font-size: 1.3rem;
    padding: 2rem 0;
    border-top: solid 1px #eee;
}

.cs-notice-newle-board ul li a {
    color: #656565;
}

.cs-notice-newle-board ul li a:hover {
    text-decoration: underline;
}

.cs-notice-newle-board ul li>div::after {
    content: '';
    display: block;
    clear: both;
}

.cs-notice-newle-board ul li>div {
    display: table;
}

.smit-d {
    display: table-cell;
    width: 16rem;
    text-align: center;
    background: url('/img/v2/boardbar.jpg') right center no-repeat;
}

.smit-subj {
    display: table-cell;
    width: 89rem;
    padding-left: 3rem;
    padding-right: 5rem;
    text-align: left;
}

.board-read h4 {
    font-weight: normal;
    position: relative;
    height: 6rem;
    line-height: 6rem;
    background: #eee;
}

.board-read h4>span,
.board-read h4>strong {
    position: absolute;
}

.read-subj {
    left: 2rem;
    color: #333;
    font-size: 1.3rem;
}

.read-date {
    display: inline-block;
    right: 2rem;
    font-size: 1.2rem;
    color: #656565;
}

.read-ct {
    line-height: 1.6;
    min-height: 30rem;
    padding: 2rem;
    font-size: 1.3rem;
    color: #656565;
}

.read-ct img {
    margin: 1rem 0;
}

.read-ct.newle img {
    margin: 0 auto;
    text-align: center
}

button.list-look {
    cursor: pointer;
    font-size: 1.3rem;
    display: block;
    color: #fff;
    background: #333;
    padding: 1.2rem 3rem;
    margin: 1rem auto 4rem;
}

span.list-look {
    cursor: pointer;
    font-size: 1.3rem;
    display: block;
    color: #fff;
    background: #333;
    padding: 1.2rem 3rem;
    margin: 1rem auto 4rem;
    width:50px;
    text-align: center;
}


.cs-search-wrap {
    position: relative;
    height: 4rem;
    margin-bottom: 3rem;
    width: 40rem;
    margin-left: 68rem;
    font-size: 1.2rem;
}

.cs-search,
.cs-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
}

.cs-search {
    padding: 0 1.2rem;
    margin: 0;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    width: 29rem;
}

.cs-btn {
    cursor: pointer;
    margin-left: -.4rem;
    width: 10rem;
    background: #f6f6f6;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.cs-btn:active,
.cs-btn:target {
    background: #eee;
    box-shadow: inset 0 0 .3rem #d1d1d1;
}

.contact .smit-d {
    display: table-cell;
    width: 16rem;
    text-align: center;
    background: url('/img/v2/boardbar.jpg') right center no-repeat;
}

.contact .smit-subj {
    display: table-cell;
    width: 76rem;
    padding-left: 3rem;
    text-align: left;
}

.contact .smit-state {
    display: table-cell;
    text-align: center;
    width: 13rem;
    background: url('/img/v2/boardbar.jpg') left center no-repeat;
}

.read-ct.quest {
    min-height: 10rem;
}

.answer {
    position: relative;
    border-top: solid 1px #eee;
}

.answer dl {
    display: table;
    height: 100%;
}

.answer dl dt,
.answer dl dd {
    display: table-cell;
    line-height: 1.6;
    height: 100%;
    padding: 2rem;
    font-size: 1.3rem;
}

.answer dl dt {
    background: #f6f6f6;
    width: 16rem;
}

.answer dl dd {
    width: 84rem;
    margin-left: -.4rem;
}

.answ {
    font-weight: 700;
    font-size: 1.5rem;
}

.answ-date {
    font-size: 1.2rem;
    color: #656565;
}

.answ-ct {
    color: #333;
}

.cs-ad-wrap {
    font-size: 1.3rem;
    text-align: center;
    margin: 0 auto 6rem;
    min-height: 2rem;
}

.list-look.contact-rq {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.contact-rq {
    float: right;
}

.contact-write,
.join-form-term,
.find-info-wrap {
    position: fixed;
    top: 10%;
    left: 50%;
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 64rem;
    padding: 4rem 5.6rem 4rem;
    margin-left: -34rem;
    border: 5px solid #333;
    background: #fff;
    max-height: 80%;
    overflow-y: auto;
    z-index: 999;
    color: #656565;
}

.contact-write.on,
.join-form-term.on,
.find-info-wrap.on {
    display: block;
    z-index: 99999;
}

.find-info-ct {
    border: 1px solid #d9d9d9;
    padding: 2rem;
}

.find-info-ct>div {
    display: block;
}

.find-info-ct>div input,
.find-info-ct>div label {
    cursor: pointer;
    vertical-align: middle;
}

.find-info-ct>div label {
    margin-left: .4rem;
}

.find-info-btn {
    display: block;
    text-align: center;
    margin: 8rem 4rem;
}

.find-info-btn span {
    color: #fff;
    display: inline-block;
    margin: 0 .5rem;
}

.find-info-btn span>a {
    width: 10rem;
    display: block;
    padding: 1.3rem 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.find-info-btn span.find-login-btn {
    background: #333;
    border: 1px solid #333;
}

.find-info-btn span.find-login-btn a {
    color: #fff;
}

.find-info-btn span.find-pw-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #333;
}

.find-info-btn span.find-pw-btn a {
    color: #333;
}

.find-info-ct.find-no-srh {
    background: #f6f6f6;
    font-size: 1.2rem;
}

button.find-login-btn {
    color: #fff;
    background: #333;
    border: 1px solid #333;
    width: 10rem;
    display: block;
    margin: 0 auto;
    padding: 1.3rem 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.write-wrap {
    margin-bottom: 3rem;
}

.write-head, .edit-head {
    position: relative;
    margin-bottom: 3rem;
}

.write-head .edit-head-title, .edit-head .edit-head-title {
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center
}

.write-close {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    background: url('/img/v2/close.png') center center no-repeat;
    background-size: 100%;
}

.write-ct::after {
    content: '';
    display: block;
    clear: both;
}

.write-ct div {
    width: 100%;
    margin-bottom: 2rem;
    vertical-align: middle;
}

.write-ct div.left {
    width: 11rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #333;
    line-height: 4.6rem;
}

.write-ct div.right {
    width: 37rem;
    color: #656565;
    font-size: 1.2rem;
}

.write-ct div.right input[type=text],
.write-ct div.right input[type=email],
.write-ct div.right input[type=password],
.write-ct div.right button {
    height: 4.2rem;
    line-height: 4.2rem;
}

.read-only {
    background: #f6f6f6;
}

.write-ct div.right input[type=text],
.write-ct div.right input[type=email],
.write-ct div.right input[type=password],
.write-ct div.right textarea,
.write-ct div.right button {
    color: #656565;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: .9rem;
    padding-right: .9rem;
    border-radius: 0.2rem;
    border: solid 1px #d9d9d9;
}

.contact-only .write-ct div.right input[type=text],
.contact-only .write-ct div.right input[type=email],
.contact-only .write-ct div.right input[type=password] {
    width: 100%;
}

.write-ct textarea {
    width: 100%;
    resize: vertical;
    padding-top: .9rem;
    padding-bottom: .9rem;
    min-height: 12rem;
}

.add-edit li>div {
    width: 100%;
}

.add-edit li.notice-newle-list-first>div>div {
    font-size: 1.3rem;
}

.add-edit li>div>div {
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 13.8rem;
    font-size: 1.2rem;
    display: table-cell;
    padding: 0 1.4rem;
    margin: 0;
    text-align: center;
    background: url('/img/v2/boardbar.jpg') right center no-repeat;
}

.add-edit .smit-addr {
    width: 25.2rem;
}

.add-edit li>div>div.smit-ok {
    background: none;
}

.write-wrap>.write-head+p {
    line-height: 1.6;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 3rem;
}

.write-ct .right {
    position: relative;
}


.add-edit-only .write-ct .right {
    display: table;
}

.add-edit-only .write-ct .right input[type=text] {
    width: 100%;
}

.file-up-button{
    color: #656565;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: .9rem;
    padding-right: .9rem;
    border-radius: 0.2rem;
    border: solid 1px #d9d9d9;
}
.contact-only .write-ct .right input[type=text].file-up,
.add-edit-only .write-ct .right input[type=text].call,
.add-edit-only .write-ct .right input[type=text].category {
    float: left;
    width: 68%;
    margin: 0;
}

.add-edit-only .write-ct .right button,
.contact-only .write-ct .right button {
    float: right;
    width: 29%;
    margin-left: 1%;
    color: #656565;
    background: #fff;
    border-radius: .3rem;
    padding: 0;
    margin: 0;
}

.category-search-wrap {
    display: none;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;

    position: absolute;
    z-index: 999;
    background: #fff;
    border-color: #1b1c20;
    border-style: solid;
    border-width: .2rem;

    top: 0rem;
    padding: 2rem;
}

.category-search-wrap.open {
    display: block;
}

.write-close.category {
    width: 1.2rem;
    height: 1.2rem;
    top: 1.6rem;
    right: 1.6rem;
}

.category-search-open>h3 {
    font-size: 1.5rem;
}

.category-search-input {
    overflow: hidden;
}

.category-search-list {}

.category-search-list ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
    background: #fff;
    border: solid 1px #eee;

    max-height: 20rem;
}

.category-search-list ul li {
    cursor: pointer;
    padding: 1.2rem 1.2rem;
    font-size: 1.2rem;

    transition: .25s ease-out;
    -ms-transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
}

.category-search-list ul li:hover,
.category-search-list ul li:active,
.category-search-list ul li:visited {
    background: #eee;
}

.file-up {
    background: #d9d9d9;
    float: right;
    width: 29%;
    height:4.2rem;
    line-height:4.2rem;
    margin-left: 1%;
    color: #656565;
    background: #fff;
    border-radius: .3rem;
    padding: 0;
    margin: 0;
    text-align:center;
}

.add-edit-select {
    float: left;
    width: 29%;
    margin-right: 1%;
    height: 4.2rem;
    line-height: 4.2rem;
    padding: 0 1.2rem;
    border: 1px solid #d9d9d9;
    border-radius: .3rem;
    background: url('/img/v2/cate-arrow.png') 90% center no-repeat;
}

.add-edit-only .write-ct .right input[type=text].mobile {
    width: 68%;
    float: right;
}

.add-edit-only .write-ct .right input[type=text].read-addr,
.add-edit-only .write-ct .right button.srh-addr {
    float: left;
    width: 22%;
    margin-right: 3%;
}

.add-edit-only .write-ct .right input[type=text].auto-addr {
    float: left;
    width: 50%;
}

.write-addr {
    margin-top: 1rem;
}

.faq-tab-wrap {
    width: 108rem;
}

.faq-tab-wrap ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.faq-tab-wrap ul li {
    display: inline-block;
    margin: 0 .3rem 3rem;
}

.faq-tab-wrap ul li a {
    display: block;
    padding: 1.2rem 2.8rem 1.1rem;
    color: #a0a0a0;
    border: solid 1px #d9d9d9;
    font-size: 1.3rem;

    transition: .25s linear;
    -moz-transition: .25s linear;
    -ms-transition: .25s linear;
    -webkit-transition: .25s linear;
}

.faq-tab-wrap ul li a:hover {
    color: #333;
}

.faq-tab-wrap ul li a.on {
    border-color: #333;
    color: #333;
}




.faq-board {
    font-size: 1.3rem;
}

.faq-board li {
    border-bottom: solid 1px #d9d9d9;
}

.faq-board li:last-child {
    border: none;
}

.faq-board li .smit-d {
    width: 10rem;
}

.faq-board li .smit-subj {
    width: 98rem;
}

.faq-quest {
    padding: 2.4rem 0;
    cursor: pointer;
}

.faq-anwser {
    display: none;
    padding: 2rem 0 3rem;
    background: #f6f6f6;
}

.faq-anwser .smit-d {
    font-weight: 700;
    color: #333;
    background-position: right .2rem;
}

.faq-anwser .smit-subj {
    line-height: 1.6;
    color: #333;
}

.infopage-wrap,
.memberpage-wrap {
    height: 100%;
    width: 100%;
    margin-bottom: 6rem;
}

.infopage-head,
.memberpage-head {
    width: 100%;
    text-align: center;
}

.infopage-head-img,
.memberpage-wrap-img {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    border-radius: 100%;
    background: #f6f6f6;
    margin-bottom: 1rem;
    width: 5rem;
    height: 5rem;
}

.infopage-head-img::before,
.memberpage-wrap-img::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('/img/v2/info.png') center center no-repeat;
}

.memberpage-wrap-img.login::before {
    background: url('/img/v2/loginlock.png') center center no-repeat;
}

.memberpage-wrap-img.join::before {
    background: url('/img/v2/join.png') center center no-repeat;
}

.memberpage-wrap-img.findid::before {
    background: url('/img/v2/findid.png') center center no-repeat;

}

.memberpage-wrap-img.findpw::before {
    background: url('/img/v2/findpw.png') center center no-repeat;

}

.memberpage-wrap-img.reemail::before {
    background: url('/img/v2/reemail.png') center center no-repeat;

}

.infopage-head h1,
.memberpage-head h2 {
    font-size: 2.6rem;
    color: #333;
}

.memberpage-head.busi-join {
    margin: 5rem 0 3rem;
}

.infopage-tab {
    margin: 4rem auto 6rem;
    /*width: 92.4rem;*/
    width: 77rem;
}

.infopage-tab ul::after {
    content: '';
    clear: both;
    display: block;
}

.infopage-tab ul {
    padding: 0;
    margin: 0;
}

.infopage-tab ul li {
    float: left;
    width: 14.8rem;
    height: 14.8rem;
    margin-right: .6rem;
    text-align: center;
}

.infopage-tab ul li:last-child {
    margin-right: none;
}

.infopage-tab ul li>div {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border: solid 1px #d9d9d9;
    width: 100%;
    padding: 2rem;
    height: 100%;

    transition: .25s linear;
    -ms-transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}

.infopage-tab ul li>div>a {
    display: block;
    width: 100%;
    height: 100%;
}

.infopage-tab ul li>div>a>p:first-child {
    width: 4rem;
    height: 3.9rem;
    margin: 2rem auto 2rem;
    background-repeat: no-repeat;
    background-position: center center;
}

.infopage-tab ul li>div>a>p.info-tab-img1 {
    background-image: url('/img/v2/infotab1.png');
}

.infopage-tab ul li>div>a>p.info-tab-img2 {
    background-image: url('/img/v2/infotab2.png');
}

.infopage-tab ul li>div>a>p.info-tab-img3 {
    background-image: url('/img/v2/infotab3.png');
}

.infopage-tab ul li>div>a>p.info-tab-img4 {
    background-image: url('/img/v2/infotab4.png');
}

.infopage-tab ul li>div>a>p.info-tab-img5 {
    background-image: url('/img/v2/infotab5.png');
}

.infopage-tab ul li>div>a>p.info-tab-img6 {
    background-image: url('/img/v2/infotab6.png');
}

.infopage-tab ul li>div>a>p.info-tab-img7 {
    background-image: url('/img/v2/infotab7.png');
}

.infopage-tab ul li>div>a>p {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
}

.infopage-tab ul li.on>div {
    background: #f6f6f6;
}

.infopage-tab ul li:hover>div {
    border-color: #f9cf00;
}

.all-info-ct {
    width: 54rem;
    margin: 0 auto;
}

.all-info-ct h2,
.favo-like-wrap h2 {
    font-size: 2.4rem;
    color: #333;
    font-weight: 700;
    text-align: center;
}

.all-info-ct h2.basic-info {
    margin-bottom: 3rem;
}

.all-info-style {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    border: 1px solid #d9d9d9;
    padding: 4.5rem;
}

.info-form-write {
    display: table;
    margin-bottom: 2rem;
}

.info-form-write>div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.info-form-write .info-subj,
.info-form-write .info-space {
    display: table-cell;
    vertical-align: middle;
}

.info-form-write .info-subj {
    width: 12rem;
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
    max-height: 4.4rem;
}

.info-form-write .info-space {
    margin-left: 2rem;
    width: 31rem;
    font-size: 1.2rem;
}


.info-space input[type=text],
.info-space input[type=password],
.info-space input[type=email],
.info-space input[type=tel],
.info-space textarea,
.info-space button,
.file-attach-ct,
.info-space select {
    width: 100%;
    color: #656565;
    border: solid 1px #d9d9d9;
    padding: 1.2rem;
    font-size: 1.2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: .3rem;
}

.info-btn {
    display: block;
    text-align: center;
    padding: 1.2rem 2.4rem 1.1rem;
    background: #f9cf00;
    color: #333;
    font-weight: 700;
    border-radius: .3rem;
    margin: 3rem auto 6rem;
    font-size: 1.3rem;
    cursor: pointer;
}

.info-space input.un-modify {
    border: none;
}

.sms,
.app-push {
    display: inline-block;
}

.sms input[type=checkbox],
.app-push input[type=checkbox] {
    vertical-align: middle
}

.sms label,
.app-push label {
    cursor: pointer;
}

.sms {
    margin-right: 2rem;
}

.info-rev-list {
    width: 100%;
    margin: 6rem auto 6rem;
    height: 100%;
}

.info-rev-list ul {
    margin: 0;
    padding: 0
}

.info-rev-list ul li {
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 2rem;
    padding: 2.3rem;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.info-rev-list ul li:hover {
    border-color: #a0a0a0;
}

.info-like-wrap {
    position: relative;
}

.info-like1 p {
    width: 80%;
    line-height: 1.6;
    text-align: left;
}

.info-like1 p.info-store-name>a {
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
}

.info-like1 p.info-store-name>span {
    cursor: pointer;
    display: inline-block;
    color: #d9d9d9;
    margin-left: 1rem;
    padding-left: 2rem;
    background: url('/img/v2/info-like.png') left center no-repeat;
}

.info-like1 p.info-store-name>span.on {
    background: url('/img/v2/info-likeon.png') left center no-repeat;
}

.info-like1 p.info-date {
    color: #656565;
    font-size: 1.1rem;
}

.info-like2 {
    position: absolute;
    right: 0;
    top: 0;
}

.info-like2 a {
    cursor: pointer;
    display: inline-block;
    color: #a0a0a0;
    padding-top: .4rem;
    padding-bottom: .4rem;
    font-size: 1.1rem;
}

.info-like2 a.info-edit {
    padding-right: 1rem;
    background: url('/img/v2/infobar.jpg') right center no-repeat;
}

.info-like2 a.info-delete {
    padding-left: .8rem;
}

.info-like3 {
    color: #656565;
    line-height: 1.6;
    margin-top: 2rem;
    font-size: 1.2rem;
}

.no-board-wrap {
    margin: 4rem 0 6rem;
    height: 100%;
    min-height: 40rem;
}

.no-board-bg {
    background: #f6f6f6;
    color: #656565;
    border-radius: 100%;
    width: 30rem;
    height: 30rem;
    text-align: center;
    margin: 0 auto;
}

.no-board-img {
    width: 8rem;
    height: 45%;
    margin: 0 auto;
}

.no-board-img.img01 {
    background: url('/img/v2/noreview.png') center bottom no-repeat;
}

.no-board-img.img02 {
    background: url('/img/v2/event.png') center bottom no-repeat;
}

.no-board-img.img03 {
    background: url('/img/v2/myfavorite.png') center bottom no-repeat;
}

.no-board-img.img04 {
    background: url('/img/v2/mylike.png') center bottom no-repeat;
}

.no-board-txt {
    white-space: pre-line;
    margin-top: 1.8rem;
    font-size: 1.3rem;
    line-height: 1.6;
}

.info-review .list-look {
    margin-top: 4rem;
}

.favo-like-ct {
    width: 108rem;
    margin: 4rem auto 6rem;
}

.favo-like-list {
    width: 100%;
    height: 100%;
}

.favo-like-list ul {
    margin: 0;
    padding: 0;
}

.favo-like-list ul li {
    border-bottom: solid 1px #d9d9d9;
    width: 100%;
}

.favo-like-list ul li>div {
    padding: 2rem 1rem;
}

.favo-like-list ul li>div>span,
.favo-like-list ul li>div>a {
    display: inline-block;
    vertical-align: middle;
}

.favorite-icon, .list-favorite-icon {
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    background: url('/img/v2/favolike1.png') center center no-repeat;
}

.favorite-icon.on, .list-favorite-icon.on{
    background: url('/img/v2/favolike2.png') center center no-repeat;
}

.like-icon, .list-like-icon {
    cursor: pointer;
    width: 3rem;
    height: 1.5rem;
    background: url('/img/v2/favolike3.png') center center no-repeat;
}

.like-icon.on, .list-like-icon.on {
    background: url('/img/v2/favolike4.png') center center no-repeat;
}

.favo-like-name {
    font-weight: 700;
    color: #333;
    font-size: 1.5rem;
    width: 30rem;
    margin-left: 1rem;
    padding-left: 1.5rem;
    background: url('/img/v2/favolikebar.png') left center no-repeat;
}

.info-store-addr {
    position: relative;
    color: #a0a0a0;
    font-size: 1.2rem;
    padding-left: 3.5rem;
    background: url('/img/v2/favolikebar.png') left center no-repeat;
}

.info-store-addr::before {
    position: absolute;
    content: '';
    width: 1.5rem;
    height: 1.8rem;
    left: 1.2rem;
    top: -.2rem;
    background: url('/img/v2/favolike5.png') left top no-repeat;
}

.myleave .info-space textarea {
    min-height: 10rem;
    line-height: 1.6;
}

.info-space .year,
.info-space .month,
.info-space .day {
    display: inline-block;
}

.info-space .month select {
    display: inline-block;
    background: url('/img/v2/cate-arrow.png') 84% center no-repeat;
}

.info-space .month {
    width: 25%;
    margin: 0 .5%;
}

.info-space .year {
    width: 30%;
}

.info-space .day {
    width: 25%;
}

.mychange .info-space select {
    max-height: 4rem;
}

.mychange .add-edit-select {
    width: 20%;

}

.mychange input.mobile {
    display: inline-block;
    width: 47%;
    margin: 0 1%;
}

.mychange .conNumber {
    color: #a0a0a0;
}

.mychange button {
    background: #fff;
    width: 29%;
    letter-spacing: -.1rem;
}

.basic-info2 {
    margin-top: 6rem;
    margin-bottom: 3rem;
}

.postalcode input[type=text],
.potal button {
    width: 30%;
    display: inline-block;
    margin-right: 1%;
}

.postalcode input.readonly {
    background: #f6f6f6;
}

.postalcode input.readonly {
    background: #d9d9d9;
    text-align: center;
}

.autoaddr {
    margin: .5rem 0;
}

.info-space input.entrep {
    width: 69%;
    margin-right: 1%;
}

.mychange-file {
    position: relative;
}

.mychange-file::after {
    display: block;
    content: '';
    clear: both;
}

.file-attach-ct {
    width: 65%;
    float: left;
    min-height: 10rem;
}

.file-attach-ct>img {
    width: 100%;
    vertical-align: middle;
}

.mychange-file>button {
    position: absolute;
    right: 0;
    text-align: center;
    color: #fff;
    display: block;
    padding: 1.2rem 0;
    width: 30%;
    margin-left: 5%;
}

button.file-delete {
    background: #656565;
    bottom: 4.6rem;
}

button.file-attach {
    background: #333;
    bottom: 0;
}

select.phone-number {
    width: 20%;
    background: url('/img/v2/cate-arrow.png') 4.2rem center no-repeat;
}


/* @@@@@@@@@@@@로그인폼 시작 @@@@@@@@@@@ */
.login-wrap::after {
    clear: both;
    content: '';
    display: block;
}

.login-wrap {
    margin: 4rem auto 8rem;
    width: 92rem;
    height: 55.4rem;
}

.login-wrap>div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    height: 100%;
}

.loginform {
    border: solid 1px #d9d9d9;
    width: 54rem;
    padding: 4.5rem;
}

.loginform>div>form>div {
    margin-bottom: 2rem;
}

.id-form,
.pw-form {
    width: 100%;
}

.id-form>span,
.pw-form>span {
    display: inline-block;
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 1.2rem 0;
    width: 9rem;
}

.login-wrap input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    padding: 1.2rem;
    border: solid 1px #d9d9d9;
    font-size: 1.2rem;
    border-radius: .3rem;
}

.id-form input,
.pw-form input {
    width: 35.5rem;
}

#autologin {
    margin-left: 9rem;
    vertical-align: text-bottom;
}

.autologin {
    cursor: pointer;
    font-size: 1.2rem;
    color: #656565;
    margin-left: .5rem;
}

.login-btn {
    background: #f9cf00;
    display: block;
    text-align: center;
    width: 100%;
    color: #333;
    font-weight: 700;
    border-radius: .3rem;
    font-size: 1.3rem;
    padding: 1.4rem 2.4rem;
    margin: 2rem auto;
}

.or {
    position: relative;
    text-align: center;
    width: 100%;
    color: #a0a0a0;
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.or::before,
.or::after {
    content: '';
    position: absolute;
    top: 0.5rem;
    width: 20rem;
    height: .1rem;
    background: #d9d9d9;
}

.or::before {

    left: 0;
}

.or::after {
    right: 0;
}

.fabook-google-login {
    width: 100%;
}

.fabook-google-login>div {
    display: inline-block;
    border-radius: .3rem;
    font-size: 1.3rem;
    line-height: 4.1rem;
    width: 21.8rem;
    height: 4.1rem;
    margin-left: -.4rem;
}

.fabook-google-login a {
    font-weight: 700;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;

}

.fabook-login {
    background: #01479d;
    margin-right: 1.4rem;
}

.google-login {
    background: #dc4335;
}

.lost-info-wrap {

    background: #f6f6f6;
    padding: 1.2rem 4rem;
}

.lost-info-wrap div {
    overflow: hidden;
    margin: .7rem 0;
    font-size: 1.2rem;
}

.lost-info-wrap div>span {
    display: inline-block;
}

.lost-info-wrap div>span.right {
    background: url('/img/v2/loginarrow.png') right center no-repeat;
}

.lost-info-wrap a {
    color: #333;
    font-weight: 700;
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 1.4rem;
}

.go-join {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    margin-top: 3rem;
}

.go-join u,
.go-join a {
    display: inline-block;
}

.go-join u {
    text-decoration: underline;
    color: #656565;
    margin-right: 1rem;
}

.go-join a {
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
}

.loginbanner {
    width: 35.6rem;
    margin-left: 2.4rem;
    height: 55.4rem;
}

.loginbanner div {
    width: 35.6rem;
    height: 26.7rem;
}

.loginbanner1 {
    margin-bottom: 2rem;
    background: url('/img/v2/loginbanner1.jpg') left top no-repeat;
}

.loginbanner2 {
    background: url('/img/v2/loginbanner2.jpg') left top no-repeat;
}

.loginbanner div>a {
    display: block;
    width: 100%;
    height: 100%;
}

.join-wrap {
    width: 100%;
    text-align: center;
}

.join-wrap>div {
    display: inline-block;
    background: #fff;
    border: solid 1px #eee;
    border-radius: 100%;
    margin: 4rem 2rem 6rem;
    width: 29.2rem;
    height: 29.2rem;
    overflow: hidden;

    transition: .25s background ease-in-out;
    -webkit-transition: .25s background ease-in-out;
    -moz-transition: .25s background ease-in-out;
    -ms-transition: .25s background ease-in-out;
}

.join-wrap>div a {
    width: 100%;
    height: 100%;
    display: block;
}

.join-wrap>div .join-wrap-img {
    height: 50%;
}

.indivi .join-wrap-img {
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    background: url('/img/v2/individual.png') center bottom no-repeat;
}

.busi .join-wrap-img {
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
    background: url('/img/v2/business.png') center bottom no-repeat;
}

.join-wrap>div .join-wrap-txt {
    color: #656565;
    font-size: 1.9rem;
    margin-top: 1.6rem;
}

.join-wrap-txt strong {
    font-weight: 700;
}

.join-wrap>div:hover .join-wrap-txt {
    color: #fff;
}

.join-wrap .indivi:hover .join-wrap-img {
    background: url('/img/v2/individualon.png') center bottom no-repeat;
}

.join-wrap .busi:hover .join-wrap-img {
    background: url('/img/v2/businesson.png') center bottom no-repeat;
}

.join-wrap>div:hover {
    background: #f9cf00;
    border-color: transparent;
}

.joinform-wrap,
.id-pw-find {
    width: 54rem;
    height: 100%;
    margin: 4rem auto 8rem;
}

.joinform-ct,
.lost-info-reemail {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    padding: 4.5rem;
    border: solid 1px #d9d9d9;
}

.lost-info-reemail {
    margin-bottom: 6rem;
}

.joinform-ct .fabook-google-login {
    margin-bottom: 2rem;
}

.join-agree-list {
    margin: 2rem 0 4rem;
}

.join-agree-list>div span {
    display: inline-block;
}

.join-agree-list>div span input {
    vertical-align: middle;
}

.join-agree-list>div span>label {
    margin-left: 1rem;
    vertical-align: middle;
    cursor: pointer;
}

.join-agree-list>div .agree-select+span {
    margin-left: 1rem;
    font-size: .8rem;
    border: solid 1px #ddd;
    padding: .2rem .6rem;
    background: #fff;
    cursor: pointer;
}

.join-agree-list>div {
    padding: 1.2rem 1.2rem 1.1rem;
    border-bottom: solid 1px #d9d9d9;
}

.agree-select {
    font-size: 1.2rem;
}

.join-btn {
    display: block;
    text-align: center;
    margin: 0 auto 4rem;
    background: #f9cf00;
    color: #333;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 1.2rem 2.4rem;
    border: .3rem;
}

.joinform-ct .info-space .mobile {
    width: 46%;
    margin: 0 1%;
}

.joinform-ct .info-space .conNumber {
    width: 30%;
}

.info-space input.join-email {
    width: 68%;
    margin-right: 2%;
}

button.join-id-check {
    margin-left: -.4rem;
    width: 30%;
}

.join-form-term-txt-wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    max-height: 40rem;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
    border: solid 1px #d9d9d9;
    padding: 3rem;
}

.join-form-term-txt {
    font-size: 1.2rem;
    white-space: pre-line;
    line-height: 1.6;
}

.join-ok,
.email-ok-icon-text,
.reemail-ok {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 64rem;
    padding: 6rem 5.6rem 6rem;
    margin: 4rem auto 8rem;
    border: .5rem solid #333;
    background: #fff;
    max-height: 80%;
}

div.email-ok-icon-text {
    border: solid 1px #d9d9d9;
    margin-bottom: 4rem;
}

.join-ok-icon-text,
.email-ok-icon-text,
.reemail-ok-icon-text {
    text-align: center;
    line-height: 1.6;
}

.email-send-icon,
.join-ok-icon,
.email-ok-icon,
.reemail-ok-icon {
    display: block;
    margin: 0 auto;
    position: relative;
    background: #f6f6f6;
    border-radius: 100%;
    width: 7.2rem;
    height: 7.2rem;
}

.email-send-icon::before,
.join-ok-icon::before,
.email-ok-icon::before,
.reemail-ok-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.join-ok-icon::before {
    background: url('/img/v2/join-ok.png') no-repeat center center;
}

.email-ok-icon::before {
    background: url('/img/v2/email-ok.png') no-repeat center center;
}

.email-send-icon::before {
    background: url('/img/v2/email-send.png') no-repeat center center;
}

.reemail-ok-icon::before {
    background: url('/img/v2/re-email.png') no-repeat center center;
}

.join-ok-text,
.email-ok-text,
.reemail-ok-text {
    color: #333;
    color: inherit;
    margin: 2rem 0 6rem;
    font-size: 1.7rem;
}

p.email-ok-text {
    margin: 3rem 0 0 0;
}

.email-ok-text {
    font-size: 1.3rem;
}

.join-ok-text>strong,
.email-ok-text>strong,
.reemail-ok-text>strong {
    color: #333;
    font-weight: 700;
}

.join-ok-btn,
.email-ok-btn,
.reemail-ok-btn {
    position: relative;
    width: 100%;
    text-align: center;
}

.email-ok-btn {
    margin-bottom: 10rem;
}

.join-ok-link,
.email-ok-link,
.reemail-ok-link {
    display: inline-block;
    font-weight: 700;
    margin: 0 1rem;
    padding: 1.3rem 2.8rem;
    font-size: 1.3rem;
}

.join-ok-link.link-home {
    background: #fff;
    color: #333;
    border: 1px solid #333;
}

.join-ok-link.link-login,
.reemail-ok-link {
    color: #fff;
    background: #333;
}

.email-ok-link {
    font-weight: 700;
    font-size: 1.3rem;
    border: .3rem;
    padding: 1.2rem 2rem;
}

.email-ok-link.reemail-link {
    background: #f9cf00;
    color: #333;
}

.email-ok-link.joinform-link {
    background: #a0a0a0;
    color: #fff;
}

.all-info-ct .info-form-write input.myinfo-mobile,
.lost-info-reemail .info-form-write input.mobile {
    width: 78%;
    margin: 0 0 0 1%;
}