/* layout-! v_202508 */
/** by. yuha **/

@charset "utf-8";
@import "reset.css";
@import "common.css";
@import url("https://fastly.jsdelivr.net/npm/boxicons@2.1.4/css/boxicons.min.css");

@font-face {
    font-family: 'YESMyoungjo-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/YESMyoungjo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* common
=======================================================================================
class _바는 3번까지만! 그 이후엔 다시 시작
======================================================================================= */
.wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.wrap_small {
    max-width: 460px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px 160px;
}

/* 상품 리스트 -------------------------------------------------------------------------- */
.store_item {
    width: calc(50% - 8px);
    min-width: auto;
    cursor: pointer;
}
.store_item_img {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 16px;
}
.store_item_link {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 100%;
    z-index: 1;
}
.store_item_img_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--grey100);
}
.store_item_img_cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
}
.store_item_img_cover:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.store_item_mention{
    position: absolute;
    bottom: 10px;
    right: 8px;
    background: url(../../web/img/UI/icon_mention_w.svg) center no-repeat #17171a69;
    background-size: 16px;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    max-width: 7vw;
    max-height: 7vw;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    z-index: 2;
}
.store_item_mention.on{
    background-color: var(--main800);
}
.store_btn_mention{
    display: none;
    background: url(../../web/img/UI/icon_mention_w.svg) center no-repeat #17171a69;
    background-size: 16px;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    max-width: 7vw;
    max-height: 7vw;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    z-index: 2;
}
.store_item_brand{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 0.95em;
    margin-bottom: 4px;
}
.store_item_brand:after{
    content: "\ea50";
    font-family: boxicons !important;
}
.store_item_name {
    width: 100%;
    font-size: 0.89em;
    word-break: keep-all;
    line-height: 1.3;
    letter-spacing: -0.2px;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--grey500);
}
.store_item_price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 10px;
    gap: 4px;
}
.store_item_price .sale {
    font-size: 1.05em;
    color: var(--main600);
    font-weight: 600;
}
.store_item_price .price {
    font-weight: 500;
    white-space: nowrap;
    font-size: 1.05em;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.store_item_price .OG {
    display: none;
    font-size: 0.85em;
    text-decoration: line-through;
    color: var(--grey300);
    width: 100%;
}
.store_item_badge {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.store_item_badge span {
    color: var(--grey400);
    font-size: 0.75em;
    line-height: 120%;
    font-weight: 500;
    vertical-align: baseline;
    padding: 4px 5px;
    background-color: #5d5d5d14;
    border-radius: 3px;
    min-width: 16px;
    margin-top: 12px;
}
.store_item_badge span.pick{
    background: #e4f6e9;
    color: #4c876b;
}
.best .store_item_img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--grey800);
    color: #fff;
    font-size: 0.9em;
    z-index: 99;
}
.best .store_item:nth-child(1) .store_item_img:before {
    content: "1";
}
.best .store_item:nth-child(2) .store_item_img:before {
    content: "2";
}
.best .store_item:nth-child(3) .store_item_img:before {
    content: "3";
}
.best .store_item:nth-child(4) .store_item_img:before {
    content: "4";
}
.best .store_item:nth-child(5) .store_item_img:before {
    content: "5";
}
.best .store_item:nth-child(6) .store_item_img:before {
    content: "6";
}
.best .store_item:nth-child(7) .store_item_img:before {
    content: "7";
}
.best .store_item:nth-child(8) .store_item_img:before {
    content: "8";
}
.best .store_item:nth-child(9) .store_item_img:before {
    content: "9";
}
.best .store_item:nth-child(10) .store_item_img:before {
    content: "10";
}

/* store sort --------------------------------------------------------------------------- */
.store_sort{
    display: flex;
    align-items: center;
}
.store_sort select {
    width: fit-content;
    height: fit-content;
    border: none;
    text-align: right;
    padding: 0 6px;
    font-weight: 500;
    color: var(--grey500);
}
.store_sort::after {
    content: "\eab4";
    font-family: 'boxicons';
    color: var(--grey300);
}

/* store list -------------------------------------------------------------------------- */
.store_list {
    padding-bottom: 40px;
}
.store_list > ul {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    font-weight: 300;
    justify-content: flex-start;
    padding: 0 16px;
    gap: 16px;
    row-gap: 30px;
    margin-top: 20px;
}

/* slide list -------------------------------------------------------------------------- */
.slide_list > ul{
    display: flex;
}
.slide_list .swiper-slide{
    background: #fff;
    width: 45%;
    min-width: 130px;
}



/* btn mention -------------------------------------------------------------------- */
.btn_mention{
    box-sizing:border-box;
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-width:0;
    gap:0;
    padding:10px 16px;
    height: 36px;
    border-radius:999px;
    background:transparent;
    color:#111;
    cursor:pointer;
    transition:
            inline-size .48s ease,
            padding .48s ease,
            border-radius .48s ease,
            background-color .48s ease,
            border-color .48s ease,
            color .38s ease,
            box-shadow .38s ease;
    will-change:inline-size;
    border: 1px solid var(--grey200);
}
.btn_mention .label-wrap{
    display:inline-flex;
    align-items:center;
    overflow:hidden;
    max-width:520px;
    transition:max-width .48s ease, opacity .34s ease, transform .34s ease;
}
.btn_mention .label{
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}
.btn_mention b{
    font-weight: 400;
}
.btn_mention .at{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight: 500;
    line-height:1;
    pointer-events:none;
    opacity:0;
    transform:scale(.85);
    transition:opacity .32s ease .1s, transform .32s ease .1s;
}
.btn_mention.is-compact{
    inline-size: 100px !important;
    padding:0;
    gap:0;
    border-color: var(--grey100);
}
.btn_mention.on.is-compact{
    background:#111;
    color:#fff;
    border: none;
}
.btn_mention:not(.on).is-compact{
    background:#fff;
    color:#111;
    margin: auto;
}
.btn_mention.is-compact .label-wrap{
    max-width:0;
    opacity:0;
    transform:translateX(-6px) scale(.98);
}
.btn_mention.is-compact .at{
    opacity:1;
    transform:scale(1);
}


/* layout
=======================================================================================
======================================================================================= */
html {
    height: 100vh;
}

body {
    min-width: auto;
    width: 100%;
    /*background: #f7f7f7;*/
}

.body {
    padding-top: 0;
}

.body.top{
    padding-top: 40px;
}

.layout {
    max-width: 600px;
    margin: auto;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 20px #0000001a;
}

.header {
    max-width: 600px;
    background: #fff;
    z-index: 999999;
    width: 100%;
    height: auto;
    background: #fff;
}

.header_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    height: 50px;
    padding: 0 16px 0 0;
    margin: auto;
    color: var(--grey800);
    transition: padding .3s;
    background: #fff;
}

.header_gnb_logo a {
    display: block;
    margin-left: 16px;
    font-size: 0;
    width: 140px;
    height: 20px;
    max-width: 35vw;
    background: url(../../web/img/UI/logo_black_l.png) center no-repeat;
    background-size: contain;
    transition: all .2s;
}

.header_gnb {
    display: flex;
    align-items: center;
}

.header_gnb_item {
    display: flex;
    align-items: center;
    font-size: 1.1em;
    text-transform: lowercase;
}

.header_gnb_item li {
    font-weight: 500;
    margin-right: 2rem;
}
.header_gnb_slogan{
    padding: 0 16px;
    font-weight: 500;
    font-size: 0.95em;
    color: var(--grey700);
}

/* 타이핑 태그라인 깜빡이는 커서 (원치 않으면 이 블록 삭제) */
.lm-tagline::after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 0.95em;
    margin-left: 2px;
    background: var(--grey700);
    vertical-align: -1px;
    animation: lmCaretBlink 1s steps(1) infinite;
}
@keyframes lmCaretBlink{ 50%{ opacity: 0; } }

.header_until {
    display: flex;
    align-items: center;
}

.header_until_item {
    font-size: 0.875rem;
    /* font-weight: 500; */
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
    color: #666;
}

.header_until_icon {
    display: flex;
    align-items: center;
    font-size: 0;
    gap: 4px;
}

.header_until_icon div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-size: 22px !important;
}

.header_until_item_home{
    background: url(../../web/img/UI/icon_home.svg) center no-repeat;
}

.header_until_item_search{
    background: url(../../web/img/UI/icon_search.svg) center no-repeat;
}

.header_until_item_aside{
    background: url(../../web/img/UI/icon_menu.svg) center no-repeat;
}

.header_until_item_cart {
    background: url(../../web/img/UI/icon_bag.svg) center no-repeat;
}

.header_until_item_share {
    background: url(../../web/img/UI/icon_share.svg) center no-repeat;
}

.header_until_item_mention{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 25px !important;
    background: url(../../web/img/UI/icon_mention.svg) left center no-repeat;
}
div.header_until_item_cart,
div.header_until_item_mention{
    padding-bottom: 4px;
    justify-content: flex-start;
}
.header_until_item_cart .count,
.header_until_item_mention .count {
    position: absolute;
    top: 50%;
    right: -0.2rem;
    border-radius: 50%;
    background-color: var(--grey800);
    text-align: center;
    color: #fff;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    transform: translateY(-50%);
}
.header_back{
    display:flex;
    align-items: center;
    justify-content: center;
}

.header_back a{
    display: block;
    width: 40px;
    height: 50px;
    background-size: 25px !important;
    background: url(../../web/img/UI/icon_back.svg) center no-repeat;
}

.header_back_title{
    font-size: 1.2em;
    font-weight: 500;
    color: var(--grey700);
}

.fix#header{
    padding-top: 50px;
}

.fix .header {
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.03);
    transition: padding .3s;
    top: 0;
    position: fixed;
}

.fix .header_gnb_logo a {
    width: 60px;
    height: 20px;
    background: url(../../web/img/UI/logo_black_m.png) center no-repeat;
    background-size: contain;
    transition: all .2s;
}

.header_shop {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--grey800);
    z-index: 1000;
}

.header_shop > ul {
    display: flex;
    align-items: flex-start;
    max-width: 1280px;
    margin: auto;
    padding: 0 30px;
}

.header_shop > ul > li {
    width: 17%;
    padding: 20px;
}

.header_shop > ul > li > a {
    font-weight: 500;
    text-transform: lowercase;
    line-height: 2;
}

.header_shop_depth li a {
    font-weight: 300;
    font-size: 0.95em;
    line-height: 2;
    color: var(--grey400);
}

.header_shop_depth li a:hover {
    color: var(--grey800);
    font-weight: 400;
    transition: color 0.3s;
}

/* 하단 네비게이션 ---------------------------------------------------------------------- */
.nav_bar {
    position: fixed;
    max-width: 600px;
    width: 100%;
    bottom: 0;
    z-index: 99999;
    background: #fff;
    border-top: 1px solid #eee;
}
.nav_bar ul {
    display: flex;
    align-items: center;
}
.nav_bar ul li {
    width: 20%;
    text-align: center;
}
.nav_bar ul li a {
    width: 100%;
    height: 56px;
    margin: auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    position: inherit;
    font-weight: 500;
    opacity: 0.45;
    border-radius: 40px;
}
.nav_bar ul li img {
    width: 18px;
}
.nav_bar ul li.on a {
    opacity: 1;
}
.nav_bar ul li a span {
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}


/* main life ------------------------------------------------------------------------------- */
.main_wrap{
    padding: 20px 16px 30px;
}
.main .store_list{
    padding-bottom: 0;
}
.main_tab{
    height: 70px;
}
.main_tab ul{
    display: flex;
    align-items: center;
    gap: 11px;
    height: 70px;
    padding: 6px 16px 0;
    font-size: 0px;
    border-top: 1px solid var(--grey50);
    background: #fff;
    transition: all 0.3s;
}
.main_tab a{
    opacity: 0.35;
    /* border-bottom: 4px solid transparent; */
}
.main_tab img{
    height: 7vw;
    max-height: 16.5px;
    min-height: 13.5px;
    opacity: 0;
}
.main_tab_life{
    background: url(../../web/img/UI/btn_main_life.svg) center no-repeat;
    background-size: 100%;
}
.main_tab_mention{
    background: url(../../web/img/UI/btn_main_mention.svg) center no-repeat;
    background-size: 100%;
}
.main_tab a.on{
    opacity: 1;
    /* border-color: var(--grey800); */
}
.main_tab.fix ul{
    position: fixed;
    top: 50px;
    width: 100%;
    max-width: 600px;
    z-index: 99;
    background: var(--grey800);
    transition: all 0.3s;
    height: 54px;
    padding-top: 2px;
}
.fix .main_tab_life{
    background: url(../../web/img/UI/btn_main_life_w.svg) center no-repeat;
    background-size: 100%;
}
.fix .main_tab_mention{
    background: url(../../web/img/UI/btn_main_mention_w.svg) center no-repeat;
    background-size: 100%;
}
.main_banner a {
    background: none !important;
    display: block;
}
.main_banner img {
    width: 100%;
    display: block;
}
.main_banner .swiper-pagination {
    bottom: 10px !important;
    left: auto;
    right: 10px !important;
    color: #fff;
    width: fit-content;
    background: rgba(26, 26, 26, 0.4);
    padding: 8px 12px 8px 16px;
    border-radius: 3px;
    font-size: 0.95em;
}
.main_banner .swiper-pagination > span:before {
    content: "0"
}
.main_title {
    font-weight: 600;
    font-size: 18px;
    padding: 30px 16px 8px;
}
.main_title_sub {
    color: var(--grey400);
    margin-top: -5px;
    font-size: 0.95em;
    padding: 2px 16px 16px;
}
.main_best{
    border-top: 1px solid var(--grey100);
}
.main_best .store_list > ul{
    gap: 10px;
    border-top: 1px solid var(--grey100);
    margin-top: 6px;
    padding-top: 18px;
    margin-bottom: 6px;
}
.main_best .store_item{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 20px;
    position: relative;
}
.main_best .store_item:before{
    content: "1";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500;
}
.main_best .store_item:nth-child(2):before{
    content: "2";
}
.main_best .store_item:nth-child(3):before{
    content: "3";
}
.main_best .store_item:nth-child(4):before{
    content: "4";
}
.main_best .store_item:nth-child(5):before{
    content: "5";
}
.main_best .store_item:nth-child(6):before{
    content: "6";
}
.main_best .store_item_img{
    width: 100px;
    padding-bottom: 100px;
    margin: 0;
}
.main_best .store_item_badge,
.main_best .store_item_mention{
    display: none;
}
.main_best .store_item > div:nth-child(2){
    width: calc(100% - 170px);
}
.main_best .store_btn_mention{
    display: flex;
}
.main_pick{
    padding: 0 !important;
    border-top: 10px solid var(--grey50);
}
.main_pick .pick_item{
    margin-bottom: 0;
}
.main_pick .pick_item_brand{
    padding: 0 16px;
}
.main_pick .pick_link{
    margin: 12px 16px 0;
}
.main_trend{
    background: var(--grey800);
    color: #fff;
    padding: 20px 4px 26px;
}
.main_trend .store_list ul{
    gap: 12px;
    margin-top: 0;
}
.main_trend .store_item{
    position: relative;
}
.main_trend .store_item_img{
    margin: 0;
}
.main_trend .store_item > div:nth-child(2){
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 16px 16px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}
.main_trend .store_item_brand,
.main_trend .store_item_mention,
.main_trend .store_item_badge{
    display: none;
}
.main_trend .store_item_name{
    color: #fff;
    font-size: 1em;
    font-weight: 400;
}
.main_curation{
    padding: 0 !important;
    border-bottom: 10px solid var(--grey100);
}
.main_curation_list{
    padding: 0 12px !important;
    margin-bottom: 20px;
}
.main_curation .store_list > ul{
    gap: 10px;
    border-top: 1px solid var(--grey100);
    margin-top: 6px;
    padding-top: 18px;
}
.main_curation .store_item{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    margin: 12px;
}
.main_curation .store_item_img{
    width: 100px;
    padding-bottom: 100px;
    margin: 0;
}
.main_curation .store_item_badge,
.main_curation .store_item_mention{
    display: none;
}
.main_curation .store_item > div:nth-child(2){
    width: calc(100% - 170px);
}
.main_curation .store_btn_mention{
    display: flex;
}

/* main mention ------------------------------------------------------------------------------- */
.main_mention{
    /* background: var(--grey800); */
    /* color: #fff; */
}
.main_mention{
    padding: 0;
    position: relative;
}
.main_mention_title{
    background: #3131319e;
    padding: 6px 10px;
    color: #fff;
    font-size: 0.9em;
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 1;
    border-radius: 3px;
}
.main_mention .thumb{
    position: relative;
    padding-top: 60%;
    background-size: cover !important;
    background-position: center !important;
}
.main_mention .thumb_category{
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 5px 15px;
    background: #00000078;
    color: #fff;
}
.main_mention .info{
    padding: 16px;
}
.main_mention .info_eng{
    padding: 10px 0 6px;
    font-size: 0.8em;
    opacity: 0.8;
    letter-spacing: 0.03em;
}
.main_mention .info_kor{
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: 20px;
    display: block;
}
.main_mention .info_editor{
    display: flex;
    flex-flow: column;
    gap: 12px;
    line-height: 1.5;
    white-space: break-spaces;
    word-break: keep-all;
    opacity: 0.9;
}
.main_mention .info_editor_badge{
    padding: 6px 12px;
    background: #00000017;
    border-radius: 2px;
    font-size: 0.9em;
    font-weight: 600;
}
.main_mention .info_editor p{
    padding: 0 4px;
}
.main_mention .info_category{
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 20px 0 0;
}
.main_mention .info_category span{
    padding: 3px 5px;
    background: #00000017;
    border-radius: 2px;
    font-size: 0.87em;
    opacity: 0.8;
}
.main_mention .swiper-slide{
    background: none;
}
.main_mention .store_item_name{
    color: #fff;
}
.main_mention .slide_list{
    padding: 0 16px;
}
.main_one{
    position: relative;
    margin: 40px 0;
    border-top: 10px solid var(--grey100);
}
.main_one_pagination{
    position: absolute;
    top: 58px !important;
    bottom: auto !important;
    right: 16px;
    left: auto !important;
    width: fit-content !important;
}
.main_one_thumb{
    position: relative;
    margin: 0 0 16px 16px;
}
.main_one_thumb img{
    max-width: 100%;
}
.main_one_thumb .info{
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    color: #fff;
    padding: 60px 22px 28px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}
.main_one_thumb .info_title{
    font-size: 1.85em;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 16px;
}
.main_one_thumb .info_sub{
    margin-bottom: 20px;
    opacity: 0.7;
}
.main_one_thumb a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.main_one_list{
    padding: 0 16px;
}
.main_one_list li{
    padding: 12px;
    border-bottom: 1px dashed var(--grey100);
}
.main_one_list li:last-child{
    border: none;
}
.main_letter{
    margin: 40px 0 20px;
    border-top: 10px solid var(--grey100);
}
.main_letter_item{
    position: relative;
    width: 100%;
    padding-bottom: 80%;
    overflow: hidden;
}
.main_letter_item a{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* transform: scale(1.3); */
    background-size: cover !important;
    background-position: center !important;
}
.main_letter_link{
    padding: 24px 12px 12px;
}
.main_mentioner{
    margin: 40px 0 20px;
    border-top: 10px solid var(--grey100);
}
.main_mentioner_item{
    width: 100%;
    overflow: scroll;
    scrollbar-width: none;
    margin-top: 8px;
}
.main_mentioner_item ul{
    display: flex;
    align-items: unset;
    flex-wrap: nowrap;
    font-weight: 300;
    justify-content: flex-start;
    padding: 0 16px;
    gap: 12px;
    row-gap: 30px;
    width: max-content;
}
.main_mentioner_item li{
    width: 25%;
    min-width: 260px;
    cursor: pointer;
    border: 1px solid var(--grey100);
    padding: 12px;
}
.main_mentioner_item img{
    max-width: 230px;
    width: 100%;
}
.main_mentioner_item .title{
    padding: 18px 6px 12px;
}
.main_mentioner_item .title p{
    font-weight: 400;
    line-height;
    line-height: 1.45;
}
.main_mentioner_item .title div{
    font-size: 0.92em;
    color: var(--grey400);
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.main_mentioner_item li.more{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--grey50);
}

.main_brand{
    padding: 10px 0 60px;
    border-top: 10px solid var(--grey100);
}
.main_brand .main_brand_slide{
    padding: 0 16px;
}
.main_brand .main_brand_slide li{
    width: 90%;
}
.main_brand_thumb{
    position: relative;
    width: 100%;
    padding-bottom: 50%;
    border-radius: 3px;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 20px;
    overflow: hidden;
}
.main_brand_thumb:before{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000073;
}
.main_brand_thumb .info{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 18px;
    max-width: 90%;
}
.main_brand_thumb .info_name{
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 2px;
}
.main_brand_thumb .info_sub{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    font-weight: 200;
}
.main_brand .store_list > ul{
    gap: 10px;
    border-top: 1px solid var(--grey100);
    margin-top: 6px;
    padding-top: 18px;
}
.main_brand .store_item{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    margin-bottom: 12px;
}
.main_brand .store_item_img{
    width: 100px;
    padding-bottom: 100px;
    margin: 0;
}
.main_brand .store_item_badge,
.main_brand .store_item_mention{
    display: none;
}
.main_brand .store_item > div:nth-child(2){
    width: calc(100% - 170px);
}
.main_brand .store_btn_mention{
    display: flex;
}
.main_brand_link{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    font-weight: 500;
    color: var(--grey400);
    padding: 12px;
    border: 1px solid var(--grey100);
}
.main_brand_link:after{
    content: "\ea50";
    font-family: boxicons !important;
}
.main_popularity{
    background: var(--grey700);
    color: #fff !important;
    padding: 20px 8px 50px;
}
.main_popularity_brand{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0 16px;
}
.main_popularity_brand li{
    width: calc(50% - 8px);
}
.main_popularity_brand a{
    display: flex;
    flex-flow: column;
    background-size: cover !important;
    background-position: center !important;
    padding-top: 30%;
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.main_popularity_brand .name{
    padding: 50px 12px 16px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}
.main_popularity_brand .name .eng{
    font-size: 0.8em;
    opacity: 0.6;
}
.main_popularity_brand .name .kor{
    font-size: 1.05em;
    font-weight: 500;
    margin-top: 6px;
}
.main_entry{padding: 20px 0 60px;border-bottom: 1px solid var(--grey100);}
.main_entry_thumb{
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 20px;
}
.main_entry_info{
    padding: 0 16px;
}
.main_entry_info .info_name{
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 6px;
}
.main_entry_info .info_sub{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
    font-weight: 200;
    word-break: keep-all;
    max-width: 96%;
}
.main_entry_link{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #fff;
    padding: 12px;
    margin: 20px 20px;
    background: var(--grey800);
}
.main_entry_link:hover{
    color: #fff;
}
.main_entry_link:after{
    content: "\ea50";
    font-family: boxicons !important;
}




/* 상품리스트 ---------------------------------------------------------------------------- */


/* search ----------------------------------------------------------------------------- */
/* 검색완료 */
.search_filter{
    padding: 0 16px 16px;
}
.search_filter_item {
    border-bottom: 1px solid var(--grey100);
    padding: 11px 0;
}
.search_filter_item .label {
    margin: 0;
    font-weight: 500;
    font-size: 0.9em;
}
.search_filter_item .check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    margin-top: 5px;
}
.search_filter_item .radio_input {
    display: flex;
    align-items: center;
    gap: 5px;
}
.search_filter_item .radio_input input {
    height: 36px;
    width: 120px;
    border: 0;
    border-bottom: 1px solid var(--grey200);
    background: none;
    padding: 5px;
}
.search_filter_btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding: 10px 0 0;
}
.search_filter_btn .ghost {
    background: #fff;
}
.search .store_list_top{
    padding: 0 16px;
}


/*brand list ------------------------------------------------------------------------ */
.brand_type{
    padding: 24px 0 18px 12px;
    border-bottom: 15px solid var(--grey100);
}
.brand_type_title{
    font-weight: 500;
    font-size: 1.1em;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.brand_type_title i{
    width: 30px;
    font-size: 1.2em;
}
.brand_type_item{
    position: relative;
    padding: 4px 0px 4px 60px;
}
.brand_type_item span{
    position: absolute;
    left: 0;
    font-weight: 500;
    padding: 5px 0;
    color: var(--grey400);
}
.brand_type_item .category{overflow: scroll;scrollbar-width: none;}
.brand_type_item ul{
    display: flex;
    gap: 5px;
}
.brand_type_item ul li a{
    display: block;
    padding: 6px 13px;
    border: 1px solid var(--grey100);
    border-radius: 50px;
    word-break: keep-all;
    font-size: 0.95em;
}
.brand_type_item ul li a.on{
    background: var(--grey800);
    border-color: var(--grey800);
    color: #fff;
}
.brand_list{
    display: flex;
    flex-flow: column;
}
.brand_list_top{
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    justify-content: space-between;
    margin: 24px 12px 0;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--grey100);
}
.brand_list_top .search{
    width: 100%;
    min-height: auto;
    padding: 0;
}
.brand_list_top .search form{
    display: flex;
    background: var(--grey50);
    border-radius: 60px;
    padding: 0 8px;
}
.brand_list_top .search input{
    background: none;
    border: none;

}
.brand_list_top .search button{
    min-width: 50px;
    padding: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey600);
}
.brand_list_top .search button:before {
    content: "\ebf7";
    font-family: 'boxicons';
    font-size: 20px;
}
.brand_list_top .total{
    padding: 0 6px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--grey500);
}
.brand_list_top .total span{
    color: var(--main800);
    margin-left: 5px;
}
.brand_list_top .sort{
    display: flex;
    align-items: center;
}
.brand_list_top .sort select {
    width: fit-content;
    height: fit-content;
    border: none;
    text-align: right;
    padding: 0 6px;
    font-weight: 500;
    color: var(--grey500);
}
.brand_list_top .sort::after {
    content: "\eab4";
    font-family: 'boxicons';
    color: var(--grey300);
}
.brand_list .item{
    width: 100%;
    border-bottom: 10px solid var(--grey100);
}
.brand_list .item_thumbnail{
    width: 100%;
    padding-bottom: 55%;
    background-size: cover !important;
    background-position: center !important;
}
.brand_list .item_info{
    display: flex;
    justify-content: space-between;
    padding: 24px 16px 0;
}
.brand_list .item_info .name_kor{
    font-size: 1.2em;
    font-weight: 500;
}
.brand_list .item_info .name_eng{
    color: var(--grey300);
    font-size: 0.92em;
    font-weight: 400;
    margin-top: 6px;
}
.brand_list .item_info .mention{
    min-width: auto;
    height: 32px;
    border: 1px solid var(--grey50);
    border-radius: 6px;
    color: var(--grey400);
    padding: 0 12px;
    font-size: 0.9em;
}
.brand_list .item_info .on{
    color: #fff;
    background-color: var(--main600);
    border: none;
    box-sizing: border-box;
}
.brand_list .category{
    display: flex;
    gap: 6px;
    padding: 16px;
}
.brand_list .category span{
    padding: 3px 8px;
    background: var(--grey50);
    color: var(--grey400);
    border-radius: 2px;
    font-size: 0.87em;
}
.brand_list .category span.category_main{
    background: #e0f3e6;
    color: var(--main800);
    opacity: 1;
}
.brand_list .item_sub{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
    font-weight: 200;
    word-break: keep-all;
    padding: 0 16px;
    margin-bottom: 24px;
}
.brand_list .item_store{
    padding: 24px 12px 36px;
    overflow: scroll;
    scrollbar-width: none;
}
.brand_list .item_store ul{
    display: flex;
    gap: 8px;
    width: max-content;
}
.brand_list .item_store ul li{
    width: 25vw;
    max-width: 160px;
}

/*brand detail ------------------------------------------------------------------------ */
.brand_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px 0;
}
.brand_title h5{
    font-weight: 500;
    font-size: 1.2em;
    display: flex;
    align-items: center;
}
.brand_title .total{
    padding: 0 6px;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--grey500);
}
.brand_title .total span{
    color: var(--main800);
    margin-left: 5px;
}
.brand_detail_thumbnail{
    position: relative;
    width: 100%;
    padding-bottom: 95%;
    background-size: cover !important;
    background-position: center !important;
}
.brand_detail_thumbnail::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 12.99%, rgba(255, 255, 255, 0) 39.1%, rgba(255, 255, 255, 0.2) 56.45%, rgba(255, 255, 255, 0.8) 73.86%, rgb(255, 255, 255) 91.3%, rgb(255, 255, 255) 100%);
    transition: all 0.3s;
}
.brand_detail_info{
    display: flex;
    flex-flow: column;
    padding: 0 16px 25px;
    margin-top: -170px;
    border-bottom: 10px solid var(--grey50);
    position: relative;
    z-index: 1;
}
.brand_detail_info .name{
    display: flex;
    flex-flow: column;
    gap: 8px;
    text-align: center;
    margin-bottom: 12px;
    z-index: 1;
}
.brand_detail_info .name_category{
    display: flex;
    gap: 4px;
}
.brand_detail_info .name_category span{
    color: #fff;
    font-size: 0.9em;
    padding: 4px 8px;
    background-color: var(--grey800);
}
.brand_detail_info .name_kor{
    font-size: 1.7em;
    font-weight: 500;
}
.brand_detail_info .name_eng{
    color: var(--grey400);
    font-size: 0.9em;
}
.brand_detail_slogan{
    font-weight: 400;
}
.brand_detail_txt{
    line-height: 1.5;
    color: var(--grey700);
    word-break: keep-all;
    margin: 26px 0 12px;
}
.brand_detail_add{
    color: var(--grey400);
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.95em;
    margin-bottom: 5px;
}
.brand_detail_sns a{
    color: var(--grey400);
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.95em;
}
.brand_onelink img{
    width: 100%;
}
.brand .coupon {
    display: flex;
    align-items: normal;
    justify-content: space-between;
    background: #fff;
    position: relative;
    margin: 6px 12px;
}
.brand .coupon_left{
    width: calc(100% - 50px);
    border-radius: 4px;
    border: 1px solid var(--grey200);
    border-right: 0;
    padding: 14px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.brand .coupon_left_discount {
    display: block;
    color: var(--main800);
}
.brand .coupon_left_badge {
    font-size: 0.8em;
    font-weight: 500;
    padding: 6px 8px;
    background: #e4f6e9;
    color: #4c876b;
    border-radius: 3px;
}
.brand .coupon_right {
    border: 1px solid var(--grey200);
    border-left: 1px dashed var(--grey200);
    border-radius: 4px;
    text-align: center;
    width: 50px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 12px;
}
.brand .coupon_right svg {
    width: 12px;
    max-width: 2.8vw;
}
.brand_content{
    padding: 12px;
    line-height: 1.4;
    border-bottom: 10px solid var(--grey50);
}
.brand_content img{
    max-width: 100%;
}
.brand_content_editer{
    padding-bottom: 10px;
}
.brand_content_editer > span{
    display: block;
    padding: 8px 12px;
    border-radius: 2px;
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 10px;
    /* border-bottom: 1px solid var(--grey200); */
    background: var(--grey800);
    color: #fff;
}
.brand_content_editer p{
    white-space: break-spaces;
    opacity: 0.9;
    word-break: keep-all;
    padding: 4px 6px;
    font-size: 0.95em;
}
.brand_content_item{
}
.brand_content_item li{
    padding-bottom: 24px;
}
.brand_content_item span{
    font-weight: 400;
    margin-bottom: 6px;
    display: block;
}
.brand_content .category{
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 4px;
    margin: 16px 0 0;
}
.brand_content .category span{
    padding: 4px 8px;
    background: #0000000a;
    border-radius: 2px;
    font-size: 0.87em;
    opacity: 0.8;
    font-weight: 500;
    color: var(--grey600);
}
.brand_content .category span:first-child{
    color: var(--main800);
}
.brand_best{
    padding: 10px 0 30px;
    border-bottom: 1px solid var(--grey50);
}
.brand_best .slide_list{
    padding: 20px 16px;
}
.brand_detail_tab{
    height: 46px;
}
.brand_detail_tab ul{
    display: flex;
    align-items: center;
    background: #fff;
}
.brand_detail_tab li{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand_detail_tab li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: 100%;
    font-weight: 500;
    color: var(--grey400);
    border-bottom: 2px solid var(--grey50);
}
.brand_detail_tab li a.on{
    color: var(--grey700);
    border-color: var(--grey500);
}
.brand_detail_tab.fix ul{
    position: fixed;
    top: 50px;
    width: 100%;
    max-width: 600px;
    z-index: 99;
}

/*life pick detail ------------------------------------------------------------------------ */
.pick{
    padding: 0 16px;
}
.pick_item{
    margin-bottom: 40px;
    /* border-bottom: 1px solid; */
}
.pick .then_item{
    position: relative;
    text-align: center;
}
.pick .then_item_content{
    background-size: cover !important;
    background-position: center !important;
}
.pick .then_item_content .img{
    opacity: 0;
    min-height: 380px;
    max-width: 100%;
}
.pick .then_item_content .txt{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 16px 40px;
    line-height: 1.5;
    font-size: 1.05em;
    word-break: keep-all;
    color: #fff;
}
.pick .then_item_content .txt:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -210px;
    background: linear-gradient(rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0) 39.1%, rgba(0, 0, 0, 0.2) 56.45%, rgba(0, 0, 0, 0.8) 73.86%, rgb(0, 0, 0) 91.3%, rgb(0, 0, 0) 100%);
    opacity: 0.2;
    z-index: 1;
}
.pick .then_item:first-child .txt{
    font-size: 2.35em;
    font-weight: 600;
    text-align: left;
    padding: 20px 30px 40px;
    line-height: 1.2;
}
.pick .then_item_content .txt p{
    z-index: 3;
    position: sticky;
    white-space: break-spaces;
    max-width: 480px;
    margin: auto;
    line-height: 1.35;
}
.pick .then_item:first-child .txt p{
    max-width: none;
    margin: 0;
}
.pick .then_pagination{
    position: absolute;
    bottom: 16px !important;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.pick .then_pagination .swiper-pagination-bullet{
    background: #fff !important;
    width: 6px;
    height: 6px;
    margin: 0 !important;
}
.pick_item_brand{
    display: flex;
    gap: 8px;
    margin-top: 20px;
    font-weight: 500;
    white-space: nowrap;
}
.pick_item_brand span{
    display: flex;
    align-items: center;
    gap: 8px;
}
.pick_item_brand span:first-child:after{
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: var(--grey400);
}
.pick_item_brand a{
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
}
.pick_item_brand a:after{
    content: "\ea50";
    font-family: boxicons !important;
}
.pick_link{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 5px 8px 1px;
    border-top: 1px solid var(--grey600);
    margin-top: 12px;
}
.pick_link .left{
    width: 55px;
}
.pick_link .right{
    width: calc(100% - 100px);
    text-align: left;
}
.pick_link .store_item_img{
    margin: 0;
}
.pick_link_mention button{
    background: url(../../web/img/UI/icon_mention.svg) center no-repeat;
    background-size: 15px;
    border: 1px solid var(--grey300);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    max-width: 8vw;
    max-height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.45;
}
.pick_link_mention button.on{
    background: url(../../web/img/UI/icon_mention_w.svg) center no-repeat var(--main600);
    background-size: 15px;
    border: 0;
    opacity: 1;
}


/*life curation detail ------------------------------------------------------------------------ */
.curation{
    padding: 0 16px;
}
.curation_item{
    margin-bottom: 40px;
    /* border-bottom: 1px solid; */
}
.curation .then_item{
    text-align: center;
}
.curation .then_item_content{
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}
.curation .then_item_content .img{
    opacity: 0;
    min-height: 380px;
    max-width: 100%;
}
.curation .then_item_content .txt{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 16px;
    line-height: 1.5;
    font-size: 1.05em;
    word-break: keep-all;
    color: #fff;
}
.curation .then_item_content .txt:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -210px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    opacity: 0.2;
    z-index: 1;
}
.curation .then_item:first-child .txt{
    font-size: 2.1em;
    font-weight: 500;
    text-align: left;
    padding: 20px 20px 40px;
    line-height: 1.27;
}
.curation .then_item_content .txt p{
    z-index: 3;
    position: sticky;
    white-space: break-spaces;
    max-width: 480px;
    margin: auto;
}
.curation .then_item:first-child .txt p{
    max-width: none;
}
.curation .then_pagination{
    position: absolute;
    bottom: 100px !important;
    right: 0;
    left: auto !important;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: fit-content !important;
    padding: 12px 2px 12px 12px;
    background: #fff;
}
.curation .then_pagination .swiper-pagination-bullet{
    background: #2a2a2a !important;
    width: 6px;
    height: 6px;
    margin: 0 !important;
}
.curation_item_brand{
    display: flex;
    gap: 8px;
    margin-top: 20px;
    font-weight: 500;
    white-space: nowrap;
}
.curation_item_brand span{
    display: flex;
    align-items: center;
    gap: 8px;
}
.curation_item_brand a{
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
}
.curation_item_brand a:after{
    content: "\ea50";
    font-family: boxicons !important;
}
.curation_item_all{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 5px 8px 1px;
    border-top: 1px solid var(--grey600);
    border-bottom: 1px solid var(--grey600);
    margin-top: 12px;
}
.curation_item_all .item{
    width: 75px;
}
.curation_item_all .store_item_img{
    margin: 0;
}
.curation_link{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 8px 5px 8px 1px;
    border-top: 1px solid var(--grey600);
    margin-top: 12px;
}
.curation_link .left{
    width: 75px;
}
.curation_link .right{
    width: calc(100% - 130px);
    text-align: left;
}
.curation_link .store_item_img{
    margin: 0;
}
.curation_link_mention button{
    background: url(../../web/img/UI/icon_mention.svg) center no-repeat;
    background-size: 15px;
    border: 1px solid var(--grey300);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    max-width: 8vw;
    max-height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.45;
}
.curation_link_mention button.on{
    background: url(../../web/img/UI/icon_mention_w.svg) center no-repeat var(--main600);
    background-size: 15px;
    border: 0;
    opacity: 1;
}
.curation.view .store_list > ul{
    padding: 0;
}
.curation.view .then_pagination{
    bottom: 8px !important;
    right: auto;
    width: 100% !important;
    background: none;
}
.curation.view  .swiper-pagination-bullet{
    background: #fff !important;
}
.view .curation_title{
    font-size: 1.2em;
    font-weight: 500;
    padding: 12px 2px 0;
    border-top: 2px solid;
}

/* 기획전 ------------------------------------------------------------------------------ */
.promotion img{
    vertical-align: bottom;
    max-width: 100%;
}
.promotion_count {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 30px 0;
}
.promotion_count_title{
    font-size: 1.2em;
    font-weight: 500;
}
.promotion_count_countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 5vw;
    font-size: 1.7em;
    font-weight: 600;
}
.promotion_count_countdown div {
    display: flex;
    justify-content: center;
}
/*쿠폰*/
.promotion_coupon{
    padding: 40px 0;
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.promotion_coupon_title{
    text-align: center;
    font-weight: 600;
    font-size: 2em;
    margin: 0;
}
.promotion_coupon_item{
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.promotion .benefit{
    display: flex;
    flex-flow: column;
    gap: 6px;
    text-align: center;
}
.promotion .benefit h5{
    font-size: 1.25em;
    font-weight: 500;
}
.promotion .benefit_box{
    width: 300px;
    max-width: calc(100vw - 40px);
    padding: 26px 20px 15px;
    background: #Fff;
    position: relative;
    border-radius: 20px 20px 0 0;
    color: var(--grey800);
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 10px;
}
.promotion .benefit_box:before,
.promotion .benefit_box:after{
    content: "";
    position: absolute;
    bottom: 33px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.promotion .benefit_box:before{
    left: -10px;
}
.promotion .benefit_box:after{
    right: -10px;
}
.promotion .benefit_box .limits{
    color: var(--grey400);
    font-size: 0.89em;
    border-top: 1px dashed var(--grey200);
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
.promotion .benefit_box .name{
    font-weight: 500;
}
.promotion .benefit_box .discount{
    font-size: 2.6em;
    font-weight: 600;
}
.promotion .benefit_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--grey800);
    color: #fff;
    min-width: 300px;
    padding: 16px;
    font-size: 1.1em;
    font-weight: 500;
}
.promotion .benefit_btn:hover{
    color: #fff;
}
.promotion .benefit_notice{
    display: flex;
    gap: 6px;
    font-size: 0.9em;
    opacity: 0.85;
}

.promotion_banner a{
    display: flex;
    padding: 51px 30px;
    background-size: 100%;
}
.promotion_banner div{
    display: flex;
    padding: 51px 30px;
    background-size: 100%;
}
.promotion_banner span{
    /* display: none; */
    padding: 6px 16px;
    background: #fff;
    color: var(--grey800);
    border-radius: 2px;
    font-size: 0.75em;
    font-weight: 500;
}
.promotion_section_item{
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
    gap: 30px 16px;
}
.promotion .store_item_name{
    height: 30px;
}
.promotion .promotion_price{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--grey200);
    border-radius: 3px;
    padding: 6px 8px;
    margin-top: 10px;
    font-size: 0.85em;
    background: #fff;
}
.promotion .promotion_price_apply{
    font-size: 1.1em;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: var(--main600);
}
.promotion .promotion_price_apply span{
    color: var(--main600);
    font-size: 0.9em;
}
.promotion_section_brand{
    padding: 12px;
    border: 1px solid var(--grey300);
    display: flex;
    justify-content: center;
    margin: 30px 16px 10px;
}
.promotion_brand .store_list{
    border-bottom: 8px solid var(--grey50);
}
.promotion_brand_title{
    text-align: center;
    font-size: 1.8em;
    font-weight: 700;
    margin-top: 50px;
    border-top: 10px solid var(--grey50);
    padding-top: 40px;
}
.promotion_brand_sub{
    text-align: center;
    margin-top: 8px;
    color: var(--grey400);
}
.promotion_brand_tab{
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--grey100);
    border-left: 1px solid var(--grey100);
    margin: 20px 16px 60px;
}
.promotion_brand_tab li{
    width: 33.333%;
    font-size: 0.86em;
    padding: 10px 12px;
    /* text-align: center; */
    background: var(--grey800);
    color: #fff;
    border-right: 1px solid var(--grey600);
    border-bottom: 1px solid var(--grey600);
    white-space: nowrap;
}
.promotion_brand_name{
    margin-top: 10px;
    padding: 15px 16px 6px;
    font-size: 1.5em;
    font-weight: 600;
}
.exhibition_coupon_title{
    text-align: center;
    border-bottom: 1px solid var(--grey50);
    padding: 20px 0;
}
.exhibition_coupon_title h5{
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 5px;
}
.exhibition_coupon_title span{
    color: var(--grey400);
}
.exhibition_coupon_title p{
    margin: 26px 0;
    line-height: 1.45;
    font-size: 0.95em;
}
.exhibition_coupon_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.benefit_txt{
    display: flex;
    flex-flow: column;
    gap: 3px
}
.benefit_txt .name{
    color: #8b7770;
    font-weight: 500;
    font-size: 0.95em;
}
.benefit_txt .discount{
    font-size: 1.2em;
    font-weight: 600;
}
.benefit_txt .limits{
    font-size: 0.9em;
    color: var(--grey400);
}
.benefit_btn{
    padding: 11px 21px;
    background: var(--grey800);
    color: #fff;
    font-size: 0.95em;
    font-weight: 500;
}
.benefit_btn:hover,
.benefit_btn:focus,
.benefit_btn:active {
    color: #fff;
    background: var(--grey800);
}
.benefit_notice{
    background: var(--grey50);
    padding: 12px;
    text-align: center;
    color: var(--grey400);
    font-size: 0.94em;
}


/* 서브 이벤트
-------------------------------------------------------------------- */
.exhibition img{
    vertical-align: bottom;
    max-width: 100%;
}
.exhibition_coupon{
    padding: 0 16px;
}

/*mention list
-------------------------------------------------------------------- */
.store_brand {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}
.store_brand_thumbnail {
    position: relative;
    width: 120px;
    padding-bottom: 120px;
    overflow: hidden;
    background: var(--grey200);
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px;
    border: 1px solid var(--grey50);
}
.store_brand_box {
    min-width: auto;
    width: calc(100% - 190px);
    height: 120px;
}

.store_brand_box .name {
    font-size: 1.15em;
    font-weight: 600;
    word-break: keep-all;
    margin: 5px 0 10px;
}
.store_brand_box .txt {
    line-height: 1.4;
    font-size: 0.95em;
    font-weight: 300;
    word-break: keep-all;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.store_brand_mention{
    background: url(../../web/img/UI/icon_mention.svg) center no-repeat;
    background-size: 15px;
    border: 1px solid var(--grey300);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    max-width: 8vw;
    max-height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.45;
}
.store_brand_mention.on{
    background: url(../../web/img/UI/icon_mention_w.svg) center no-repeat var(--main600);
    background-size: 15px;
    border: 0;
    opacity: 1;
}


/*one mention
-------------------------------------------------------------------- */
.one_top{
    position: relative;
}
.one_top_cover{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 6px;
    padding: 0 16px;
    text-align: center;
}
.one_top_cover img{
    max-width: 40vw;
    margin-bottom: 10px;
}
.one_top_cover h4{
    font-weight: 400;
}
.one_top_img{
    max-width: 100%;
}
.one_version{
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 4px;
    padding: 0 16px;
    margin-top: 50px;
    font-size: 0.95em;
    text-align: center;
}
.one_version_title{
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 6px;
}
.one_version span{
    color: var(--grey400);
    margin-bottom: 20px;
}
.one_content{
    line-height: 1.5;
    letter-spacing: -0.0025em;
    word-break: keep-all;
    font-size: 1.08em;
}
.one_content img{
    max-width: 100%;
}
.one_content:not(:nth-child(2)){
    margin-top: 60px;
    border-top: 10px solid var(--grey50);
}
.one_wrap .store_detail_brand_card_info{
    border-top: 10px solid var(--grey50);
    margin-top: 60px;
}
.one_content img:not(.one_content_item img){
    padding: 16px;
}
.one_content video{
    max-width: 100%;
}
.one_content .tab{
    text-align: center;
    color: var(--grey300);
    border-bottom: 1px solid var(--grey50);
    padding-bottom: 16px;
    margin: 24px 40px;
    font-size: 0.98em;
    font-weight: 400;
}
.one_content .dek{
    font-size: 1.12em;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.002em;
    text-align: center;
    margin: 0 auto;
    padding: 16px 0;
}
.one_content .txt{
    padding: 0 16px;
    margin: 12px 0;
}
.one_content .txt.bold{
    font-weight: 500;
    padding: 30px 16px 2px;
}
.one_content img + .txt.bold{
    padding-top: 0;
}
.one_content .line{
    margin: 30px 50px;
    background: var(--grey100);
    border: 0;
    height: 1px;
}
.one_content .caption{
    text-align: right;
    color: var(--grey400);
    font-size: 0.85em;
    padding: 0 16px;
    margin-top: -16px;
}
.one_content .box{
    background: var(--grey50);
    padding: 16px 20px;
    color: var(--grey500);
    font-size: 0.95em;
    margin: 0 16px;
    line-height: 1.56;
}
.one_content .quotation{
    margin: 30px 0 30px 16px;
    border-left: 2px solid var(--grey600);
    font-size: 0.98em;
    color: var(--grey500);
}
.one_content .monologue{
    padding: 30px 8px 16px;
    margin: 28px 16px;
    border-top: 1px dashed var(--grey200);
    /* border-bottom: 1px solid var(--grey300); */
    line-height: 1.45;
    font-size: 0.98em;
    display: flex;
    flex-flow: column;
    gap: 6px;
}
.one_content_item{
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--grey50);
    margin: 0 16px;
    padding-bottom: 12px;
    font-size: 0.95em;
}
.one_content_item_img{
    width: 70px;
}
.one_content_item_name a {
    width: 100%;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    letter-spacing: -0.2px;
    line-height: 1.3;
    word-break: keep-all;
}
.one_content_item_price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 8px;
    gap: 5px;
    font-weight: 600;
}
.one_content_item_price .sale {
    color: var(--main600);
}
.one_content_item_mention button{
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 16px;
    border: 1px solid var(--grey100);
    font-size: 1.1em;
}
.one_content_item_mention button.on{
    color: var(--main800);
}
.one_item.coupon{
    background: #fafafa;
    padding-bottom: 10px;
    margin-top: 20px;
}
.one_item_coupon{
    position: relative;
    margin: 16px;
    background: var(--grey800);
    color: #fff;
    display: flex;
    align-items: center;
    height: 141px;
    border-radius: 3px;
    padding: 0 15px;
}
.one_item_coupon_left{
    width: 30%;
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
}
.one_item_coupon_right{
    display: flex;
    flex-flow: column;
    border-left: 1px dashed var(--grey500);
    height: 100%;
    justify-content: center;
    gap: 8px;
    padding-left: 3vw;
    font-size: 1.5em;
    font-weight: 500;
}
.one_item_coupon_right span{
    font-size: 14px;
    font-weight: 200;
    opacity: 0.8;
}
.one_item_coupon:before,
.one_item_coupon:after{
    content: "";
    display: block;
    width: 26px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    background: #fafafa;
    border-radius: 100%;
}
.one_item_coupon:before{
    left: -13px;
}
.one_item_coupon:after{
    right: -13px;
}
.one_item_title{
    font-size: 1.2em;
    font-weight: 500;
    padding: 40px 16px 6px;
    line-height: 1.45;
}
.one_item_caption{
    padding: 0 16px;
    font-size: 0.9em;
    color: var(--grey400);
}
.one_item_list{
    padding: 16px;
}
.one_item_list li{
    width: 80%;
    position: relative;
}
.one_item_list .store_list_item_brand{
    position: absolute;
    top: 6px;
    left: 16px;
}
.one_item_list .store_list_item_brand a{
    color: #fff;
    opacity: 0.8;
}
.one_item_list .store_list_item_name a{
    position: absolute;
    top: 34px;
    left: 16px;
    right: 16px;
    width: auto;
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding: 8px 0;
}
.one_item_list .store_list_item_price{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 16px 20px;
    color: #fff;
    flex-flow: wrap-reverse;
    align-items: center;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}
.one_item_list .store_list_item_price .sale{
    color: var(--main400);
}
.one_progress {
    position: fixed;
    bottom: 0;
    max-width: 600px;
    width: 100%;
    height: 6px;
    background-color: #ffffff;
    z-index: 1;
}
.one_progress_bar {
    width: 0%;
    height: 100%;
    background-color: var(--main600);
}

.one_tab{
    height: 46px;
    width: 100%;
    max-width: 600px;
    display: flex;
    align-items: center;
    background: #fff;
    position: sticky;
    z-index: 9999;
}

.one_tab li{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.one_tab li a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    width: 100%;
    font-weight: 500;
    font-size: 0.92em;
    color: var(--grey400);
    background: var(--grey700);
    position: relative;
}
.one_tab li:not(:last-child) a:after{
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #4c4c4c;
    position: absolute;
    right: 0;
}

.one_tab li a.on{
    color: #fff;
}

.fix.one_top{
    padding-top: 50px;
}

.fix .one_tab{
    position: fixed;
    top: 50px;
    z-index: 99999;
}


/* mentioner
-------------------------------------------------------------------- */
.mentioner_list ul{
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.mentioner_list img{
    width: 100%;
}
.mentioner_list_title{
    padding: 12px;
}
.mentioner_list_title p{
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.45;
}
.mentioner_list_title div{
    font-size: 0.95em;
    color: var(--grey400);
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.mentioner_banner{
    position: relative;
}
.mentioner_banner img{
    width: 100%;
}
.mentioner_banner_title{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 16px 40px;
    font-size: 2em;
    font-weight: 500;
    word-break: keep-all;
    color: #fff;
    z-index: 2;
    line-height: 1.45;
}
.mentioner_banner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0) 39.1%, rgba(0, 0, 0, 0.2) 56.45%, rgba(0, 0, 0, 0.8) 73.86%, rgb(0, 0, 0) 91.3%, rgb(0, 0, 0) 100%);
    opacity: 0.2;
    z-index: 1;
}
.mentioner_title{
    font-weight: 600;
    font-size: 18px;
    padding: 30px 16px 8px;
}
.mentioner_sub{
    color: var(--grey400);
    margin-top: -5px;
    font-size: 0.95em;
    padding: 2px 16px 16px;
}
.mentioner_reviews_item{
    width: 100%;
    overflow: scroll;
    scrollbar-width: none;
}
.mentioner_reviews_item ul{
    display: flex;
    align-items: start;
    flex-wrap: nowrap;
    font-weight: 300;
    justify-content: flex-start;
    padding: 0 16px;
    gap: 24px;
    row-gap: 30px;
    width: max-content;
}
.mentioner_reviews_item li{
    width: 25%;
    min-width: 260px;
    cursor: pointer;
}
.mentioner_reviews_item img{
    max-width: 600px;
    width: 100%;
}
.mentioner_reviews_item .img{
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    margin-bottom: 12px;
}
.mentioner_reviews_item .img img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.mentioner_reviews_item .txt_reviews{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
    font-weight: 200;
    max-width: 96%;
}
.mentioner_reviews_item .txt_option{
    width: 100%;
    font-size: 0.9em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    padding: 10px 0;
    color: var(--grey400);
}

.mentioner_reviews_item .item{
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid var(--grey100);
    border-bottom: 1px solid var(--grey100);
    padding: 12px 0;
    font-size: 0.95em;
}
.mentioner_reviews_item .item_img{
    width: 70px;
}
.mentioner_reviews_item .item_name a {
    width: 100%;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    letter-spacing: -0.2px;
    line-height: 1.3;
    word-break: keep-all;
}
.mentioner_reviews_item .item_price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 8px;
    gap: 5px;
    font-weight: 600;
}
.mentioner_reviews_item .item_price .sale {
    color: var(--main600);
}

.mentioner_letter{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
}
.mentioner_letter a{
    padding: 12px 24px;
    color: #fff;
    background: var(--grey700);
    border-radius: 100px;
    display: block;
    font-size: 1.1em;
    font-weight: 500;
}
.mentioner_pick ul{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    font-weight: 300;
    justify-content: flex-start;
    padding: 0 16px;
    gap: 16px;
    row-gap: 30px;
    margin-top: 20px;
}

/*letter
-------------------------------------------------------------------- */
.letter_list ul{
    display: flex;
    flex-flow: column;
    padding: 12px;
    gap: 48px;
}
.letter_list li{
    width: 100%;
}
.letter_list li img{
    width: 100%;
}
.letter_list_title{
    display: flex;
    gap: 4px;
    font-size: 1.25em;
    font-weight: 500;
    margin: 12px 0 8px;
}
.letter_list_brand{
    color: var(--grey300);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 3px;
}
.letter_banner{
    position: relative;
}
.letter_banner img{
    width: 100%;
}
.letter_banner_title{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 16px 40px;
    font-size: 2em;
    font-weight: 500;
    word-break: keep-all;
    color: #fff;
    z-index: 2;
    line-height: 1.45;
}
.letter_banner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: -210px;
    background: linear-gradient(rgba(0, 0, 0, 0) 12.99%, rgba(0, 0, 0, 0) 39.1%, rgba(0, 0, 0, 0.2) 56.45%, rgba(0, 0, 0, 0.8) 73.86%, rgb(0, 0, 0) 91.3%, rgb(0, 0, 0) 100%);
    opacity: 0.2;
    z-index: 1;
}
.letter_title{
    font-weight: 600;
    font-size: 18px;
    padding: 30px 16px 8px;
}
.letter_brand_thumb{
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 20px;
}
.letter_brand_info{
    padding: 0 16px;
}
.letter_brand_info .info_name{
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 6px;
}
.letter_brand_info .info_sub{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
    font-weight: 200;
    word-break: keep-all;
    max-width: 96%;
}
.letter_brand_link{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #fff;
    padding: 12px;
    margin: 20px 20px;
    background: var(--grey800);
}
.letter_brand_link:hover{
    color: #fff;
}
.letter_brand_link:after{
    content: "\ea50";
    font-family: boxicons !important;
}
.letter_store ul{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    font-weight: 300;
    justify-content: flex-start;
    padding: 0 16px;
    gap: 16px;
    row-gap: 30px;
    margin-top: 20px;
}

/*one mention
-------------------------------------------------------------------- */
.one_txt {
    width: 100%;
    position: static;
    padding: 3em 20px 2.5em;
}
.one_txt h3 {
    word-break: keep-all;
    line-height: 1.2;
    font-weight: 700;
    font-size: 2.5em;
}
.one_txt h5 {
    word-break: keep-all;
    font-weight: 300;
    text-transform: capitalize;
    padding: 10px 0 1em;
}
.one_txt_content p {
    max-width: 80%;
    word-break: keep-all;
    line-height: 1.45;
    margin-top: 20px;
}
.one_list{
    padding: 16px 16px 7em;
    background: var(--grey800);
    color: #fff;
}
.one_list > ul{
    display: flex;
    flex-flow: column;
    gap: 4em;
}
.one_list img,
.one_list video{
    max-width: 100%;
    vertical-align: bottom;
}
.one_list li h4{
    margin-top: 1.7em;
    font-weight: 600;
}
.one_list li p{
    margin-top: 1em;
    font-size: 0.9em;
    color: var(--grey400);
}
.one_list_index{
    margin-top: 1.2em;
    display: flex;
    flex-flow: column;
}
.one_list_index li{
    padding: 15px 5px;
    border-bottom: 1px dashed var(--grey600);
}
.one_list_index li a,
.one_list_shop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0.6;
    transition: all 0.3s;
}


/*magazine
-------------------------------------------------------------------- */
.magazine_type ul{
    display: flex;
    align-items: center;
    border-top: 2px solid var(--grey800);
    border-bottom: 15px solid var(--grey50);
}
.magazine_type li{
    width: 25%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey400);
}
.magazine_type li:not(:last-child){
    border-right: 1px solid var(--grey50);
}
.magazine_type li.on{
    font-weight: 500;
    color: var(--grey800);
}
.magazine_list ul{
    display: flex;
    flex-flow: column;
    gap: 24px;
    padding: 12px;
}
.magazine_list li{
    border: 1px solid var(--grey100);
}
.magazine_list img{
    width: 100%;
}
.magazine_list_title{
    padding: 18px;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.45;
}
.magazine_list_category{
    margin: 0 16px 16px;
    padding: 6px 12px;
    background: #dcf5e3;
    color: var(--main800);
    border-radius: 2px;
    font-size: 0.9em;
    font-weight: 500;
}

/*policy
-------------------------------------------------------------------- */
.wrap.policy {
    padding: 20px 16px 20px;
    line-height: 1.5em;
}
.policy > *:not(br) {
    padding: 2px 4px;
    word-break: keep-all;
}
.policy_title {
    padding: 20px 10px !important;
    border-bottom: 3px solid var(--grey800);
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 1.5em;
}
.policy h3,
.policy h4 {
    margin-top: 30px;
}
.policy p {
    margin: 12px 0;
    margin-right: 0;
}
.policy b {
    font-weight: 500;
}
.policy hr {
    border: 0;
    width: 100%;
    height: 1px;
    padding: 0;
    background: #ddd;
}
.policy .box {
    background: #f7f7f7;
    padding: 20px 16px;
    font-size: 0.95em;
    margin-top: -10px;
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.policy .box p{
    margin: 0;
}
.policy .setp01 {
    display: block;
    padding-left: 15px;
    font-size: 0.9em;
}
.policy ul.bullet {
    margin-left: 10px;
}
.policy .bullet li {
    position: relative;
    margin: 0;
    padding-left: 12px;
}
.policy .bullet li:before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    background-color: #171717;
    position: absolute;
    top: 9px;
    left: 0;
}
.policy .table {
    width: 100%;
    overflow-x: auto;
}
.policy table {
    width: 100%;
    margin: 12px 0 25px 0;
    border-top: 2px solid #171717;
    border-bottom: 1px solid #d9d9d9;
}
.policy thead th {
    height: 50px;
    padding: 0 14px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #b5b5b5;
    white-space: nowrap;
    font-size: 0.95em;
}
.policy td {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 12px;
    word-break: keep-all;
    font-size: 0.95em;
}
.policy td.noline {
    border-right: 0;
}