@charset "utf-8";

html{font-size:14px;touch-action: pan-y;}

/* grid
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{padding-left: 10px; padding-right: 10px}
.row{margin-left: -10px;margin-right: -10px}
.row>[class*=col]{padding-left:10px;padding-right:10px}
.no-gutters{margin-left: 0;margin-right: 0}
.no-gutters>[class*=col]{padding-left: 0;padding-right: 0}
 */

.pagination {flex-wrap: wrap;}

/* button */
.form-control{font-size:16px}
.store-brand .btn, .btn-more{ padding: 10px 25px; font-size: 12px}

/* badge */
.label{font-size: .875rem}

/* type */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{line-height: 1.3}
.h1{font-size:24px}
.h2{font-size:20px}
.display-1{font-size:32px !important}
.display-2{font-size:28px !important}
.display-3{font-size:24px !important}
.bx-rounded{padding: 15px}

/* modal */
.alert-title img{display: block;margin:5px auto 10px !important}

/* magazine */
.card-overlay{border-radius: 1.5rem}
.card-list{margin:0 -5px}
.card-list>li{padding:10px}
.card-info{left: 7%;right: 7%}
.cart-state .text-grey{display: block;margin:5px 0 0;}

/* layout */
#hd .logo-main img{width:98px}
#acc [class^=icon-]{background-size: auto 30px}
#search input{border-width:2px}
.ft-mn{margin-bottom: 20px;font-size:12px}
.ft-mn li{margin-right:10px}
.alram-bx{padding: 15px 45px 15px 15px}
#top-bn{font-size:1em}
.ft-sns{margin:20px 0 0; text-align: center}
.ft-mark img{height: 40px;margin:0 10px}
.ft h3{margin:20px 0 5px}
#btn-top{bottom:10px;right: 10px; width: 48px;height:48px;padding:0}
.body-goods #btn-top,.body-goods #btn-back{bottom:58px}
#btn-top:before{background-size: auto 20px}
#btn-top:after{display:none}
.app-event-link, .app-event-link img{width:100%;}
.app-link-inner{flex-wrap:wrap;}
.app-down-link{flex-basis: 100%; max-width: 100%;padding-top:12px;}
.app-down-link>a:first-child{margin:0;}

/* board */
.board-hd{border-bottom-width: 1px}
.board-hd, .view-tit, .cate-hd{flex-wrap: wrap}
.board-hd .btn{font-size: .875em;padding-top: .45em;padding-bottom: .45em}
.board-search{margin-top: 1.67rem;flex-basis: 100%;max-width: 100%}
.board-search select.form-control{flex: 1}
.table-board thead{display: none}
.table-board, .table-board tbody, .table-board tr, .table-board tr>*{display: block;width: 100%;max-width: none;text-align: left}
.table-board tr{position: relative;padding: 1rem 0;border-bottom: 1px solid #E5E5E5}
.table-board td{padding: 0;border: 0}
.board-link{display: block;vertical-align: top;margin-bottom: .25em}
.board-link:after{content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0}
.board-link .txt{overflow: visible;white-space: normal;display: inline}
.view-btm .btn{margin: auto;width: 8rem}
.view-tit{padding: 1.25em 0}
.view-tit .date{width: 100%;margin-top: .3em}
.card-overlay .card-info{bottom:20px;left:20px;right:20px;}
.card-overlay .card-info h2{font-size:20px;}

/* brand */
.brand-detail{overflow: hidden}

/* cs */
[class*=faq-row-]{padding: 2.5rem 0 1.25rem;font-size: .875rem}
[class*=faq-row-] .cate{position: absolute;top: 1rem;left: 2.7rem;font-size: .9em}
.faq-row-q{position: relative}
.faq-row-a{padding-top: 1.25rem}
.review-img{flex-basis: 32%;max-width: 32%;}
.review-img+*{flex-basis:68%;max-width:68%;}

/* membership */
.grade-benefit{margin-top: 50px}
.page-membership .bx-membership .grade{padding-bottom: 1em;}
.profile-detail li span{font-size: 2em}

/* mypage */
.prdt-img{flex-basis: 25%;max-width: 25%}
.prdt-img img, .prdt-thumb{border-radius: 1rem}
.prdt .media-body{padding-left: 1rem}
.order-detail-info>.ml-auto{width: 100%;margin-top: 1rem}
.bx-status>.row{margin: 0 1rem}
.my-point>.media{display: block;text-align: center}
.my-point .media>img{margin: 0 0 1rem;width: 40%;}

/* cart */
.cart-state .text-secondary{display: block;margin: 1em 0 0}
.cart-item-price small{display: block;text-align: center;font-size:11px}

/* order */
.fieldset .h4>small{display: block;margin-top: .5em}
.photo-privew{margin-top: 1.111rem}
.media-review>img{border-radius: 1.111rem}

/* store */
.store-brand .row{padding:45px 15px}
.store-brand h3{font-size:38px}
.store-brand p{margin-bottom:0}
.store-brand:not(.store-brand-default) p{height:4.5em; }
.store-brand h4{font-size:20px}
.store-brand img{ margin: 20px auto;max-height: 240px;display: block;}
.cate-hd .board-search{margin-top: 0}
ul.row.list-item{margin:0 -5px}
ul.row.list-item>li{position: relative;flex: 0 0 50%;max-width:50%;padding:0 5px 30px}
ul.row.list-item .badge-circle{position: absolute;top:5px;right:10px;margin:0;}
.list-item .status img{ height: 20px;margin:0 4px 4px 0}
.list-item-lg h4{font-size: 24px}
.list-item-lg .tmb img{width: 66%}
.sect-store-wonder .cnt{margin-bottom:30px}
.store-bn>*+*{margin-top: 15px}

/* store view */
.faq-row-q .qna-title{flex-direction: column;align-items: flex-start;margin-top: -1.25rem}
.qna-title .date{padding-left: 0;margin-left: 0;line-height: 1.5rem}
.qna-title+.btn-faq .icon-collapse{position: absolute;right: 1rem;bottom: 1.25rem}

/* index */
.sect-main-visual .swiper-button-next,.sect-main-visual .swiper-button-prev{display:none}
.sect-main-visual .store-brand .row{height:150vw; padding:105px 15px 0;align-items: flex-start;}
.sect-main-place .place-info .who{padding:18.5% 0 1%}
.card-overlay .card-info .food{padding-bottom:11%}
.brand-item-img .brand-name .line{display: none}
.brand-item-img .brand-name .h5{display: block;margin:10px; font-size: 20px}
.brand-item-img .brand-name{position: static;text-align: center;width: 100%;padding: 1rem 0 0;display: block;font-size: .889rem}

/* popup */
.addr-srch .input-group>label{display: none}
.addr-srch .input-group select.form-control{width: calc(50% - .25rem);max-width: calc(50% - .25rem);margin-bottom: .5rem}
.addr-srch .input-group select.form-control~select.form-control{margin-left: .5rem}

/* good */
#review_body .review-rate{margin-top: -1px;border-top-width:1px}
#review_body .h2+a{top:-45px;padding:5px 15px}
#productInfo img{display: block}

.banner-area .btn-autoplay{margin-top: -.9em;}

/* 0126 추가 */
.web-assess{margin-top: 1.2778rem;min-width:100%;justify-content: center;}

.input-group-srch .btn-srch{
    width:3.125rem;
    height:3.125rem;
    top:50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 575px){
    .form-control{padding-left: 1em;padding-right: 1em}

    .alert-text{font-size: 1rem}

    /* board */
    .board-search{flex-wrap: wrap}
    .board-search select.form-control{max-width: none}
    .board-search .input-group-srch{max-width: none;flex-basis: 100%;margin: .556em 0 0}
    .card-overlay{margin-bottom: 15px}
    .col-6 .card-overlay{margin-bottom: 0}

    /* membership */
    .page-membership .my-membership{display: block;text-align: center;}
    .my-membership img{width:33%;margin-right: 0;margin-bottom:3.33%}
    .bx-membership.v2{padding:2.222em 1.5em}
    /* ;margin-bottom: 50px */

    /* mypage */
    .bx-inquiry>.btn{width: 100%}

    /* review */
    .review-ct>.d-flex-space{display: block}
    .buy-rating .assessment{padding: 0}
    .review-rate>[class*=col]{padding: 1.5rem 0}
    .assess{padding: 1rem 0 0}
    .assessment{margin: .5rem 0}
    .list-hd{display: block}
    .rate-q{display: block}
    .star-radio{justify-content: center}
    .photo-detail{display: block}
    .photo-detail-img{max-width: none}
    .photo-detail-text{padding: 1.111rem 0 0}
    .photo-review-list .photo-privew>li{flex-basis: 20%;max-width: 20%}
    .review-top-banner .left-banner, .review-top-banner .right-banner{flex: 0 0 100%; max-width: 100%;}
    .benefit-list>[class^=col]{padding:0 8px;}
    .benefit-item p{font-size: 12px;}
    /* store */
    ul.row.list-item{margin-bottom: -1.5rem}
    .list-item>li[class*=col]{padding-bottom: 1.5rem}
    /* 1206 추가 */
    .rate-area{display: flex;justify-content: space-around;align-items: center;}
    .rate-txt{font-weight: 500;}
}

@media screen and (max-width: 359px){
    html{font-size: 12px}

    .page-membership .bx-membership{padding:40px 20px}
}