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

@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;
}


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

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

.body {
    padding-top: 100px;
}

.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_until {
    display: flex;
    align-items: center;
}

.header_until_item {
    font-size: 0.875rem;
    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: 25%;
    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: 5px;
    position: inherit;
    font-weight: 500;
    opacity: 0.5;
    border-radius: 40px;
}

.nav_bar ul li img {
    width: 20px;
}

.nav_bar ul li.on a {
    opacity: 1;
}

.nav_bar ul li a span {
    font-size: 0.84em;
    font-weight: 400;
}
*/
#aside {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(26, 26, 26, 0.5);
    z-index: 999999999999999;
}

.aside {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    max-width: 480px;
    overflow: auto;
    background: #fff;
}
.aside_bg{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 480px);
    height: 100vh;
    overflow: auto;
}

.aside_top {
    padding: 28px 22px 22px;
}

.aside_top_title {
    font-weight: 600;
    font-size: 1.25em;
}

.aside_top_item {
    display: flex;
    font-size: 0.9em;
    color: var(--grey400);
    font-weight: 400;
    gap: 10px;
    margin: 10px 0 0;
}

.aside_top_item a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aside_top_item a:nth-child(2):before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: var(--grey200);
}

.aside_category {
    margin: 0 12px;
}

.aside_category_title {
    font-weight: 500;
    font-size: 1.05em;
    padding: 10px 15px;
    margin-top: 20px;
    background: var(--grey800);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aside_category_title small{
    font-weight: 300;
    opacity: 0.9;
}

.aside_category_itme {
    display: flex;
    flex-wrap: wrap;
}

.aside_category_itme a {
    padding: 5px 15px;
    color: var(--grey400);
    border: 1px solid var(--grey100);
    border-radius: 30px;
}

.aside_category_btn a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--grey800);
    color: #fff;
    font-weight: 500;
    font-size: 1.05em;
    padding: 10px 15px;
}

.aside_category_btn small{
    font-weight: 300;
    opacity: 0.9;
}

.aside_category_item a {
    display: block;
    padding: 12px 10px;
    font-weight: 500;
    border-top: 1px solid var(--grey100);
}

.aside_keyword {
    padding: 24px 22px;
    background: var(--grey50);
}

.aside_keyword_title {
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 15px;
}

.aside_keyword_item {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.aside_keyword_item a {
    display: block;
    padding: 7px 15px;
    color: var(--grey600);
    border: 1px solid var(--grey200);
    border-radius: 30px;
    font-size: 0.9em;
    width: fit-content;
}

.aside_banner{
    padding: 12px;
}

.aside_banner img{
    max-width: 100%;
}

.aside_ad {
    padding: 24px 5% 24px;
}

.aside_info {
    margin: 24px 22px;
}

.aside_info_title {
    font-weight: 700;
    font-size: 1.1em;
    margin-bottom: 15px;
}

.aside_info_item a {
    display: block;
    padding: 7px 0px;
    font-weight: 300;
    font-size: 0.9em;
}

.aside_close {
    min-width: 50px;
    height: 50px;
    opacity: 0.8;
    font-size: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
}

.aside_close:before, .aside_close:after {
    position: absolute;
    left: 22px;
    top: 11px;
    content: ' ';
    height: 27px;
    width: 2px;
    background-color: var(--grey800);
}

.aside_close:before {
    transform: rotate(45deg);
}

.aside_close:after {
    transform: rotate(-45deg);
}

.footer_wrap {
    margin: auto;
    padding: 30px 16px 90px;
    margin-top: 20px;
    color: var(--grey800);
}

.footer_top {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    max-width: 1220px;
    margin: auto;
}

.footer_top_link {
    display: flex;
}

.footer_top_link_item {
    margin-right: 80px;
    margin: 0;
    width: 50%;
}

.footer_top_link_item h5 {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 5px;
    display: none;
}

.footer_top_link_item a {
    display: inline-block;
    padding-top: 6px;
    font-size: 0.95em;
    color: var(--grey500);
}

.footer_top_link_item ul {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    flex-wrap: wrap;
}

.footer_top_link_item ul li {
    margin-right: 10px;
}

.footer_top_service {
    display: flex;
    justify-content: inherit;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.footer_top_service_title {
    display: inline-flex;
    align-items: center;
    letter-spacing: -.16px;
    font-weight: 600;
    margin-bottom: 7px;
    font-size: 1.1em;
}

.footer_top_service_txt {
    font-size: 0.9em;
    letter-spacing: -.07px;
    color: var(--grey400);
    line-height: 20px;
}

.footer_top_service_btn a {
    display: block;
    width: fit-content;
    padding: 10px 15px;
    font-size: 0.9rem;
    color: #fff;
    background-color: var(--grey800);
    margin-top: 10px;
}

.footer_compay {
    max-width: 1220px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    word-break: keep-all;
    border-top: 1px solid var(--grey100);
    padding-top: 20px;
    margin: 20px auto 0;
    color: var(--grey500);
}

.footer_compay_link {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 400;
}

.footer_compay_link li {
    margin-right: 20px;
    font-size: 0.95em;
    color: var(--grey700);
}

.footer_compay_link .privacy {
    font-weight: 600;
}

.footer_compay_sns {
    display: flex;
    align-items: center;
    gap: 7px;
}

.footer_compay_sns a {
    display: block;
    font-size: 1.3em;
}

.footer_compay_info {
    width: 100%;
    padding-top: 16px;
    font-size: 0.85em;
    color: var(--grey400);
    line-height: 1.5;
}

.top_button {
    position: fixed;
    right: calc(50vw - 285px);
    bottom: 133px;
    display: none;
    z-index: 999;
    width: 46px;
    height: 46px;
    overflow: initial;
    cursor: pointer;
    border-radius: 24px;
    background: #fff;
    line-height: 46px;
    text-align: center;
    font-size: 1.5em;
    border: 1px solid var(--grey100);
}

.top_button.main{
    bottom: 66px;
}

.top_button.only{
    bottom: 66px;
}

.info_sub_button {
    position: fixed;
    bottom: 82px;
    right: calc(50vw - 285px);
    width: 46px;
    height: 46px;
    line-height: 40px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--grey100);
}

.info_sub_button_action {
    font-size: 1.25em;
    min-width: auto;
    border: 0;
    color: var(--grey500);
    height: auto;
    line-height: 1;
    padding: 5px;
}

.info_sub_button_action:hover {
    color: var(--grey700);
}

.info_sub_button_layer {
    position: absolute;
    top: 50%;
    right: -110px;
    transform: translateY(-50%);
    display: flex;
    gap: 6px;
    transition: all 1s;
    opacity: 0;
}

.info_sub_button_layer.on {
    transition: all 1s;
    right: 50px;
    opacity: 1;
}

.info_sub_button_layer button {
    font-size: 1.2em;
    min-width: auto;
    width: 40px;
    height: 40px;
    line-height: 1;
    border: 0;
    padding: 0;
    color: var(--grey100);
    background: var(--grey600);
    border-radius: 100%;
}




/*popup
-------------------------------------------------------------------- */
#toast {
    position: fixed;
    bottom: 100px;
    left: 50%;
    padding: 15px 20px;
    transform: translate(-50%, 10px);
    border-radius: 30px;
    overflow: hidden;
    font-size: 0.95rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s, transform .5s;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    z-index: 10000;
}

#toast.reveal {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

/* .modal */
/*
.popup_search{
    display: none;
    position: fixed;
    width: 100%;
    max-width: 600px;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999999999;
}

.popup_search_cover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80vw;
    width: 500px;
}

.popup_search_cover form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #fff !important;
}

.popup_search_cover input {
    background: none;
    border: 0;
    width: calc(100% - 60px);
    height: 80px;
    font-size: 2.3em;
    color: #fff;
}

.popup_search_cover button {
    min-width: 60px;
    height: 80px;
    padding: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup_search_cover button:before {
    content: "\ebf7";
    font-family: 'boxicons';
    font-size: 35px;
    color: #fff;
}

.popup_search_keyword {
    color: #fff;
    padding: 20px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.popup_search_close {
    min-width: 50px;
    height: 50px;
    opacity: 0.8;
    font-size: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0;
}

.popup_search_close:before, .popup_search_close:after {
    position: absolute;
    left: 24px;
    content: ' ';
    height: 40px;
    width: 2px;
    background-color: #fff;
}

.popup_search_close:before {
    transform: rotate(45deg);
}

.popup_search_close:after {
    transform: rotate(-45deg);
}
*/
.modal_coupon {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal_coupon_wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    max-width: 600px;
    height: 100%;
    background: #f7f7f7;
    z-index: 99999999;
    overflow: hidden;
}

.modal_coupon_header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
}

.modal_coupon_header h4 {
    font-weight: 500;
}

.modal_coupon_header button {
    min-width: auto;
    height: auto;
    line-height: 0;
    padding: 10px 0;
    color: var(--grey700);
    font-size: 2em;
}

.modal_coupon_wrap .coupon_none {
    width: 100%;
    padding: 60px;
    text-align: center;
    border: 2px solid var(--grey100);
    color: var(--grey400);
    background: #fff;
    margin:  0;
}

.modal_coupon_wrap ul {
    max-height: calc(100vh - 46px);
    padding: 0 12px 30px;
    display: flex;
    flex-flow: column;
    gap: 12px;
    overflow-y: scroll;
}

.modal_coupon_wrap li {
    border: 1px solid var(--grey100);
    padding: 12px 16px;
    background: #fff;
}

.modal_coupon_wrap li a{
    display: flex;
    flex-flow: column;
    gap: 8px;
}

.modal_coupon_wrap li .coupon_item_title {
    font-weight: 400;
}

.modal_coupon_wrap li .coupon_item_price {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 12px;
    margin-bottom: 8px;
    font-size: 1.4em;
    font-weight: 600;
    color: var(--main600);
    border-bottom: 1px solid var(--grey100);
}

.modal_coupon_wrap li .coupon_item_information {
    display: flex;
    flex-flow: column;
    gap: 4px;
}

.modal_coupon_wrap li:hover {
    border: 1px solid var(--main600);
}

.modal_alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal_alert_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    min-width: 360px;
    max-width: 90vw;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 99999999;
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}

.modal_alert_wrap h4 {
    padding: 10px 0;
}

.modal_alert_wrap p {
    line-height: 1.5;
}

.modal_alert_wrap p a {
    text-decoration: underline;
}

.modal_alert_wrap .member_coupon_box {
    width: 80%;
    max-width: 230px;
    margin: 20px auto;
}

.modal_alert_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.modal_alert_btn .btn{
    width: fit-content;
}

.modal_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999999;
}

.modal_back {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.modal_body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    min-width: 560px;
    max-width: 90vw;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 99999999999999;
    overflow: hidden;
    border-radius: 4px;
}

.modal_header {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px 0;
}

.modal_header .btn_close {
    font-size: 0;
    border: 0;
    width: 28px;
    min-width: auto;
    height: 28px;
    padding: 0;
    transform: rotate(45deg);
}

.modal_header .btn_close:before,
.modal_header .btn_close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: #878787;
}

.modal_header .btn_close:before {
    width: 21px;
    height: 1px;
}

.modal_header .btn_close:after {
    width: 1px;
    height: 21px;
}

.modal_content {
    padding: 30px;
}

.modal_content_title {
    padding: 15px 0 10px;
    font-weight: 500;
    font-size: 0.888em;
    color: #777;
}

.modal_content_txt {
    text-align: center;
    line-height: 1.45;
}

.modal_footer {
    display: flex;
    align-items: center;
    padding: 20px 30px;
}

.modal_footer .btn {
    margin-left: 10px;
    height: 40px;
    width: auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.modal_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
}

/*small*/
.small .modal_body {
    min-width: auto;
    padding-top: 15px;
}

.small .modal_content {
    padding: 15px 20px 10px;
}

.small .modal_footer {
    padding: 20px;
    justify-content: center;
}

.small .modal_footer .btn:first-child:nth-last-child(2),
.small .modal_footer .btn:first-child:nth-last-child(2) ~ button {
    margin: 0;
    width: calc(50% - 5px);
}

.modal_banner {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 100000000 !important;
}

.modal_banner_content {
    position: fixed;
    z-index: 10000;
    display: flex;
    flex-flow: column;
    max-width: 680px;
    box-shadow: 0 15px 35px 0px rgba(0, 0, 0, 0.25);
    top: auto !important;
    left: auto !important;
    transform: translate(0, 0) !important;
    bottom: 0;
    width: 100%;
    border-radius: 2em 2em 0 0;
    overflow: hidden;
}

.center .modal_banner_content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal_banner_content a {
    display: flex;
}

.modal_banner_content a img {
    width: 100%;
    max-width: 100vw;
}

.modal_banner_controlBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.modal_banner_controlBox button {
    color: #999;
    font-size: 0.95em;
    padding: 0 20px;
    width: auto;
    min-width: auto;
}

.modal_banner_controlBox button.btn_close {
    color: #222;
}

.fixed_event {
    position: fixed;
    bottom: 125px;
    right: 15px;
    z-index: 10000000 !important;
}

.fixed_event img {
    max-width: 42px;
}

.fixed_event_move {
    position: absolute;
    top: -37px;
    right: 2px;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes marquee {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

/*main
-------------------------------------------------------------------- */
/*
.wrap.main {
    padding: 30px 0;
}

.main_banner a {
    background: none !important;
}

.main_banner img {
    width: 100%;
}

.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"
}

.curation {
    position: relative;
    padding: 0 0 30px 20px;
}

.curation.week .store_list_item_img_cover:after{
    content: "최저가보상";
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 5px 10px;
    background: #17171a91;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    z-index: 999;
}

.main_title {
    font-weight: 700;
    font-size: 1.65em;
    padding: 30px 0 10px;
    text-align: center;
}

.main_title_sub {
    color: var(--grey400);
    margin-bottom: 15px;
    margin-top: -5px;
    font-size: 0.95em;
    text-align: center;
}

.main_count{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: #171717;
    width: fit-content;
    padding: 7px 14px;
    color: #fff;
    margin-bottom: 20px;
    gap: 3px;
}

.main_list {
    padding-bottom: 10px;
}

.main_list:not(.new) {
    background: #f7f7f7;
}

.main_curation {
    position: relative;
}
*/
/*
.main_curation .store_list_item_img_cover:after{
    content: "최저가보상";
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 5px 10px;
    background: #17171a91;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 0.8em;
    letter-spacing: 0.05em;
    z-index: 999;
}
*/
/*
.main_curation .swiper-slide {
    background: #fff;
    padding: 10px 0;
    width: 40%;
    min-width: 130px;
    margin-right: 20px;
}

.main_curation_pagination {
    position: initial;
    display: flex;
    justify-content: center;
    margin: 15px 0 10px;
}

.main_curation_pagination span {
    width: 20px;
    height: 2px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1px !important;
}

.main_curation_pagination span.swiper-pagination-bullet-active {
    background: var(--grey800);
}
*/
.curation-button-next,
.curation-button-prev {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #eee;
}

.curation-button-next:before,
.curation-button-prev:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--grey600);
    border-right: 2px solid var(--grey600);
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 6px);
}

.curation-button-next:before {
    transform: rotate(45deg);
}

.curation-button-prev {
    right: auto;
}

.curation-button-prev:before {
    transform: rotate(-135deg);
    left: calc(50% - 3px);
}

.main_category {
    position: relative;
    padding: 60px 60px;
    max-width: 1980px;
}

.main_category ul {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*margin: 20px 0;*/
}

.main_category li {
    /*max-width: 270px;*/
    /*width: calc(20% - 20px);*/
    /*!* height: 0; *!*/
    /*margin: 0px 30px;*/
}

.main_category li a {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 100%;
    border: 1px solid var(--grey100);
    position: relative;
    overflow: hidden;
    color: #888;
}

.main_category li img {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    z-index: 0;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
}

.main_category li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.main_category li b {
    position: absolute;
    bottom: 28px;
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #666;
    transition: all .5s;
}

.main_category li:hover b {
    font-weight: 500;
}

.main_list .btn_wrap {
    text-align: center;
    padding: 40px 20px 0;
}

.main_list .btn_wrap .btn {
    width: 100%;
    line-height: 36px;
    height: 46px;
}


/*store_list
-------------------------------------------------------------------- */
.category_list {
    padding: 20px 0;
}

.category_list li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    font-size: 1.2em;
    font-weight: 500;
    color: var(--grey400);
    border-bottom: 1px solid var(--grey100);
}

.category_list li a {
    display: block;
    padding: 3px 0;
}

.category_list li:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--grey200);
    border-right: 2px solid var(--grey200);
    transform: rotate(45deg);
    border-radius: 1px;
}

.store_list_category .store_top_title {
    font-size: 2em;
    margin: 40px 20px 20px;
    text-align: center;
}

.store_list_top { /*정리*/
    font-size: 0.9em;
    padding: 45px 16px 4px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 10px solid var(--grey50);
}

.store_list_top span {
    color: var(--main600);
    font-weight: 400;
}

.store_list_top_category {
    font-size: 0.9em;
    padding: 45px 16px 4px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 10px solid var(--grey50);
}

.store_list_top_category span {
    color: var(--main600);
    font-weight: 400;
}

.store_list_top_sort {
    display: flex;
    position: relative;
}

.store_list_top_sort select {
    width: fit-content;
    border: none;
    text-align: right;
    padding: 0 20px;
}

.store_list_top_sort::after {
    content: "\ec1b";
    font-family: "boxicons";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--grey500);
}

.store_list_top_sort li {
    margin-left: 20px;
    font-weight: 300;
    color: var(--grey400);
}

.store_list_top_sort li.on a {
    font-weight: 500;
    color: var(--grey800);
}

.store_list_top_location {
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: flex-start;
}

.store_list_top_location li {
    font-size: 0.9em;
    display: flex;
    align-items: center;
    color: var(--grey500);
    font-weight: 300;
}

.store_list_top_location li:not(:last-child):after {
    content: "\ea50";
    line-height: 0;
    font-family: "boxicons" !important;
    margin: 0 5px;
    color: var(--grey300);
}

.store .store_list > ul{
    margin: 0;
}
/*
.store_brand {
    width: calc(25% - 30px);
}

.store_brand_thumbnail {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    background: var(--grey200);
    background-size: cover !important;
    background-position: center !important;
}

.store_brand_box {
    min-width: auto;
    width: 100%;
}

.store_brand_box .name {
    font-size: 1.25em;
    font-weight: 600;
    word-break: keep-all;
    margin: 30px 0 10px;
}

.store_brand_box .txt {
    line-height: 1.4;
    font-size: 0.95em;
    font-weight: 300;
    word-break: keep-all;
    width: calc(100% - 40px);
}

.store_brand .arrow {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    vertical-align: middle;
    transition: all .6s;
    display: none;
}

.store_brand .arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18px;
    height: 18px;
    transform: translate(0, -50%) rotate(135deg);
    margin-top: 2px;
    border-top: 1px solid var(--grey600);
    border-left: 1px solid var(--grey600);
}

.store_brand .arrow:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 7px;
    width: 40px;
    height: 30px;
    margin-top: 2px;
    border-top: 1px solid var(--grey600);
    opacity: 0.6;
}

.store_brand:hover .arrow {
    transform: translateX(10px);
    opacity: 1;
    transition: all .6s;
}

.store_brand_thumbnail .box {
    position: absolute;
    bottom: 25px;
    left: 20px;
    right: 20px;
    color: #fff;
}

.store_brand_thumbnail .name {
    font-size: 1.5em;
    font-weight: 600;
    word-break: keep-all;
    margin-bottom: 10px;
}

.store_brand_thumbnail .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_thumbnail .mention {
    width: auto;
    line-height: normal;
    min-width: auto;
    display: block;
    height: auto;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.store_brand_thumbnail .mention.on,
.store_brand_thumbnail .mention:hover {
    background: #fff;
    color: #666;
}

.store_brand_thumbnail::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.store_brand_thumbnail:hover::before {
    opacity: 0.3;
    transition: all 0.3s;
}

.store_brand_link {
    margin-top: 15px;
}

.store_brand_link a {
    border: 1px solid var(--grey200);
    display: block;
    padding: 22px 30px;
    line-height: 1.45;
    color: var(--grey500);
}

.store_brand_link a b {
    display: block;
    font-weight: 600;
    font-size: 1.25em;
    color: var(--grey700);
}
*/




/*-------------------------------- 정리 중*/

.brand_banner_thumbnail .box {
    position: absolute;
    bottom: 50px;
    left: 30px;
    right: 30px;
    color: #fff;
}

.brand_banner_thumbnail .name {
    font-size: 2em;
    font-weight: 600;
    word-break: keep-all;
    margin-bottom: 10px;
}

.brand_banner_thumbnail .txt {
    line-height: 1.6;
    font-weight: 300;
    word-break: keep-all;
    max-width: 780px;
}

.brand_banner_thumbnail .mention {
    line-height: normal;
    min-width: auto;
    width: fit-content;
    display: block;
    height: auto;
    border: 1px solid #fff;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 30px;
    color: #fff;
}

.brand_banner_thumbnail .mention.on,
.brand_banner_thumbnail .mention:hover {
    background: #fff;
    color: #666;
}

.brand_ad {
    padding: 20px;
}

.store_brand_link {
    margin-top: 15px;
}

.store_brand_link a {
    border: 1px solid var(--grey200);
    display: block;
    padding: 22px 30px;
    /* text-align: center; */
    line-height: 1.45;
    color: var(--grey500);
}

.store_brand_link a b {
    display: block;
    font-weight: 600;
    font-size: 1.25em;
    color: var(--grey700);
}


.pagination {
    padding: 20px 0 40px;
    overflow: hidden;
    display: table;
    margin: auto;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination ul li {
    list-style: none;
    display: block;
    line-height: 29px;
}

.pagination a {
    text-decoration: none;
}

.pagination ul li a, .pagination ul li span {
    padding: 0 8px;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0 5px;
    color: #5D6A81;
}

.pagination ul li a:hover {
    color: #2D3748;
}

.pagination ul li.current span {
    color: var(--main600);
    font-weight: 600;
}

.pagination ul li.btn_prev a,
.pagination ul li.btn_next a {
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 100%;
    font-size: 18px;
    display: block;
    padding: 0;
    text-align: center;
    color: var(--grey700);
    transition: all .3s ease-out;
}

.pagination ul li.btn_prev.none a,
.pagination ul li.btn_next.none a {
    opacity: 0.5;
    cursor: unset;
}


.store_detail {
    max-width: 1240px;
    margin: auto;
}

.store_detail img{
    max-width: 100%;
}

.store_detail .store_list_top_location {
    height: 35px;
    padding: 0 20px;
    margin: 0;
    border-bottom: 1px solid var(--grey100);
}

.store_detail_info{
    border-bottom: 15px solid var(--grey100);
}

.store_detail_info_top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.store_detail .thumbnail {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.store_detail .thumbnail .swiper-slide {
    width: 100%;
    height: 0 !important;
    padding-bottom: 100%;
}

.store_detail .thumbnail img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.store_detail .swiper-button-prev,
.store_detail .swiper-button-next {
    width: 30px;
    height: 40px;
    opacity: 0.7;
}

.store_detail .swiper-button-prev:hover,
.store_detail .swiper-button-next:hover {
    opacity: 1;
}

.store_detail .swiper-button-prev:after,
.store_detail .swiper-button-next:after {
    color: var(--grey800);
    font-size: 18px;
}

.store_detail .swiper-pagination-progressbar {
    top: auto !important;
    bottom: 0;
    left: 0 !important;
    background: rgba(34, 34, 34, .1);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--grey800) !important;
}

.store_detail .info {
    width: 100%;
    padding: 10px 16px;
    border-bottom: 16px solid var(--grey50);
}

.store_detail .info_location ul {
    display: flex;
    align-items: center;
}

.store_detail .info_location ul li {
    font-size: 0.85em;
    display: flex;
    align-items: center;
    color: var(--grey500);
}

.store_detail .info_location ul li:not(:last-child):after {
    content: "\ea50";
    line-height: 0;
    font-family: "boxicons" !important;
    margin: 0 5px;
    color: var(--grey300);
}

.store_detail .info_title_brand a {
    color: var(--grey300);
    font-weight: 500;
    padding: 10px 0 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    font-size: 0.95em;
}

.store_detail .info_title_brand a:after{
    content: "\ea50";
    font-family: "boxicons" !important;
}

.store_detail .info_title {
    word-break: keep-all;
    line-height: 1.3;
}

.store_detail .info_title h1 {
    font-size: 1.35em;
    font-weight: 500;
}

.store_detail .info_title_review {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 0.9em;
    margin-top: 6px;
}

.store_detail .info_title_review > div {
    display: block;
    width: 50px;
    height: 14px;
    background: url(../img/UI/icon_star_bg.png) no-repeat left center;
    background-size: 50px;
    margin-right: 5px;
}

.store_detail .info_title_review_on {
    display: block;
    height: 14px;
    background: url(../img/UI/icon_star_fill.jpg) no-repeat left center;
    background-size: 50px;
}

.store_detail .info_title_review a{
    display: flex;
    align-items: center;
    color: var(--grey500);
    margin-left: 15px;
}

.store_detail .info_price {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 18px 0 12px;
}

.store_detail .info_price .txt_sale {
    font-size: 1.45em;
    color: var(--main600);
    font-weight: 600;
    display: flex;
    align-items: center;
}

.store_detail .info_price .txt_price {
    font-weight: 600;
    white-space: nowrap;
    font-size: 1.45em;
    display: flex;
    align-items: center;
}

.store_detail .info_price .item_OG {
    padding-left: 10px;
    font-size: 0.7em;
    text-decoration: line-through;
    color: #A4A4A4;
    font-weight: 400;
}

.store_detail .info_hooking{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 13px 12px;
    background: var(--grey50);
    margin-bottom: 15px;
}

.store_detail .info_hooking > div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 7px;
}

.store_detail .info_hooking_txt{
    width: 100%;
    display: block;
    font-size: 0.88em;
    font-weight: 400;
    color: var(--grey500);
}

.store_detail .info_hooking_sale{
    font-size: 1.3em;
    font-weight: 500;
    color: var(--main800);
}

.store_detail .info_hooking_price{
    font-size: 1.25em;
    font-weight: 600;
    /* color: var(--main800); */
}

.store_detail .info_point{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95em;
    color: var(--grey500);
    margin-bottom: 17px;
}

.store_detail .info_point .badge{
    padding: 4px 6px;
    font-size: 0.85em;
    font-weight: 500;
    background: var(--grey50);
    color: var(--grey400);
}

.store_detail .info_itme ul {
    border-top: 1px solid var(--grey100);
    padding: 18px 0 12px;
    display: flex;
    flex-flow: column;
    gap: 5px;
}

.store_detail .info_itme ul li {
    display: flex;
    align-items: flex-start;
    line-height: 1.5;
}

.store_detail .info_label,
.store_detail .info_option > div:first-child:not(.select) {
    width: 80px;
    font-size: 0.92em;
    font-weight: 500;
    color: var(--grey400);
}

.store_detail .info_adult{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.95em;
    font-weight: 400;
    padding: 10px 12px;
    background: #f9f9f9ee;
    border: 1px solid var(--grey100);
    border-radius: 3px;
    color: var(--grey500);
    margin-bottom: 8px;
}

.store_detail .info_adult_mark{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #E14819;
    font-size: 9px;
    font-weight: 700;
}

.store_detail .info_coupon{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95em;
    font-weight: 400;
    padding: 10px 12px;
    background: #eff8f1;
    border: 1px solid var(--main400);
    border-radius: 3px;
    margin-bottom: 8px;
}

.store_detail .info_coupon:after{
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    right: 20px;
    border-top: 1px solid var(--main600);
    border-right: 1px solid var(--main600);
    transform: rotate(45deg);
}

.store_detail .info_coupon_mark{
    position: relative;
    padding: 5px 12px;
    background: var(--main800);
    color: #fff;
    border-radius: 2px;
    font-size: .8em;
}

.store_detail .info_coupon_mark:before,
.store_detail .info_coupon_mark:after{
    content:"";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: calc(50% - 4px);
    border-radius: 100%;
    background: #eff8f2;
}

.store_detail .info_coupon_mark:before{
    left: -6px;
}

.store_detail .info_coupon_mark:after{
    right: -6px;
}

.store_detail .info_txt {
    display: flex;
    width: calc(100% - 80px);
    font-size: 0.95em;
    flex-wrap: wrap;
    gap: 15px;
}

.store_detail .info_txt p {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.store_detail .info_txt small:not(:first-child){
    margin-left: 6px;
}

.store_detail .info_txt .line {
    width: 1px;
    height: 10px;
    display: block;
    background: var(--grey200);
    margin: 0 7px;
}

.store_detail .info_buy{
    position: fixed;
    bottom: 0;
    left: calc((50% - 300px));
    background: #fff;
    z-index: 999999;
    max-width: 600px;
}

.store_detail .info_buy_btn{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    max-width: 600px;
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 1;
    padding: 12px 16px;
    border-top: 1px solid var(--grey100);
    box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.03);
}

.store_detail .info_buy_btn .wish {
    min-width: 44px !important;
    font-size: 1.2em;
    color: var(--grey600);
    padding: 0;
    transition: border .3s ease-out;
    border: 1px solid var(--grey100);
}

.store_detail .info_buy_btn .wish.on {
    background: var(--main600);
    border: 1px solid var(--main600);
    color: #fff;
    opacity: 1;
}

.store_detail .info_buy_btn .main{
    width: calc(100%);
    font-size: 1.1em;
    font-weight: 500;
}

.store_detail .info_buy_inner{
    display:none;
}

.store_detail .info_buy_inner_back{
    content: "";
    position: fixed;
    width: 100%;
    max-width: 600px;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}

.store_detail .info_buy_inner_option{
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 600px;
    background: #fff;
    padding: 12px 16px;
    z-index: 2;
    border-radius: 8px 8px 0 0;
}

.store_detail .info_buy_inner_option .option_select{
    max-height: calc(80vh - 110px);
    overflow: auto;
    padding-bottom: 10px;
}

.store_detail .info_option {
    padding: 0;
}

.store_detail .info_option select {
    height: 44px;
    padding: 0 12px;
    margin-top: 8px;
    font-size: 1em;
}

.store_detail .info_option_select {
    width: 100%;
    padding: 12px 17px 12px 15px;
    margin-top: 10px;
    background: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
}

.store_detail .info_option_select_title {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.store_detail .info_option_select_count {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--grey200);
}

.store_detail .info_option_select_count button {
    background: none;
    width: 30px;
    height: 32px;
    color: var(--grey600);
    padding: 0;
    min-width: auto;
}

.store_detail .info_option_select_count input {
    width: 35px;
    height: 32px;
    text-align: center;
    border: none;
    padding: 0;
}

.store_detail .info_option_select_price {
    font-size: 1.15em;
    font-weight: 500;
    color: var(--grey700);
}

.store_detail .info_option_select_trash {
    min-width: auto;
    width: auto;
    padding: 0;
    color: var(--grey500);
    height: auto;
    line-height: 1;
}

.store_detail .info_pay {
    padding-top: 16px;
    border-top: 1px solid var(--grey600);
}

.store_detail .info_pay_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.store_detail .info_pay_total span {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--grey700);
}

.store_detail .info_pay h3{
    font-size: 1.4em;
    font-weight: 600;
}

.store_detail .info_pay_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin: 0px;
    padding: 20px 0 0;
    text-align: center;
    font-size: 0;
    font-weight: 400;
    letter-spacing: 1px;
}

.store_detail .info_pay_btn .btn {
    width: 100%;
    height: 44px;
    font-size: 0.95rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*content*/
.store_detail_ad {
    padding: 20px;
}

.store_detail_tab{
    height: 46px;
}

.store_detail_tab ul{
    display: flex;
    align-items: center;
    background: #fff;
}

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

.store_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);
}

.store_detail_tab li a.on{
    color: var(--grey700);
    border-color: var(--grey500);
}

.store_detail_tab.fix ul{
    position: fixed;
    top: 50px;
    width: 100%;
    max-width: 600px;
    z-index: 99;
}

.store_detail_content_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    border-bottom: 1px solid var(--grey200);
}

.store_detail_content_title h4 {
    font-weight: 600;
    font-size: 1.1em;
}

.store_detail_content_no{
    display: none;
}

.store_detail_content_main {
    font-family: 'Pretendard', sans-serif !important;
    width: 100%;
    padding: 20px 0;
}

.store_detail_content_main * {
    max-width: 100%;
    margin: auto;
}

.store_detail_content_main p:not(:has(img)) {
    padding: 0 16px;
    word-break: keep-all;
}
.store_detail_content_main > div:not(:has(img)){
    padding: 0 16px;
    word-break: keep-all;
}
.store_detail_content_main p img {
    text-align: center;
    margin: auto;
    height: auto;
}

.store_detail_basic {
    padding: 16px;
}

.store_detail_basic_title {
    font-size: 1.05em !important;
    padding: 14px 6px !important;
    border: none;
    border-bottom: 1px solid var(--grey200) !important;
    background: none;
    display: flex !important;
    align-items: center;
    color: var(--grey700) !important;
    margin: 0 !important;
    border-radius: 0;
}

.store_detail_basic_title:first-child{
    border-top: 2px solid var(--grey800);
}

.store_detail_basic_title::before {
    content: "\ea4a";
    font-family: "boxicons";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.store_detail_basic_title.ui-state-active::before {
    content: "\ea57";
}

.store_detail_basic_title span {
    display: none;
}

.store_detail_basic_detail {
    position: relative;
    border: none !important;
    padding: 16px !important;
    background: #f7f7f7;
    border-bottom: 1px solid var(--grey200) !important;
}

.store_detail_basic_detail .table td{
    padding: 8px;
}

.store_detail_basic_detail h5{
    font-weight: 600;
    font-size: 1em;
    margin: 6px 0;
}

.store_detail_basic_detail ul li{
    font-size: 0.95em;
    word-break: keep-all;
    padding-left: 10px;
    margin-bottom: 6px;
    position: relative;
    font-weight: 400;
}

.store_detail_basic_detail ul li:last-child{
    margin-bottom: 30px;
}

.store_detail_basic_detail ul li:before{
    content:"";
    display: block;
    width: 2px;
    height: 2px;
    background: var(--grey500);
    position: absolute;
    left: 3px;
    top: 8px;
}


/*brand*/
.store_detail_brand {
    border-bottom: 15px solid var(--grey50);
}

.store_detail_brand_card{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 16px;
}

.store_detail_brand_card_thumbnail {
    width: 80px;
    height: 80px;
    background-size: cover !important;
    display: none;
}

.store_detail_brand_thumbnail {
    width: 300px;
    padding-bottom: 300px;
}

.store_detail_brand_card_info{
    padding: 16px 16px;
}

.store_detail_brand_card_info .title{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    /* border-bottom: 1px solid var(--grey200); */
    margin: 0;
    padding: 12px 2px 20px;
}

.store_detail_brand_card_info .name{
    font-size: 1.2em;
    font-weight: 500;
}

.store_detail_brand_card_info .name:before{
    content: "LIFE @";
}

.store_detail_brand_card_info .title div:has(.btn){
    display: flex;
    gap: 5px;
}

.store_detail_brand_card_info .btn{
    border: 1px solid var(--grey200);
    height: 28px;
    min-width: auto;
    padding: 0 11px;
    color: var(--grey400);
    font-size: 0.85em;
}

.store_detail_brand_card_info .txt{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    color: var(--grey600);
    word-break: keep-all;
    padding: 16px 16px;
    background: var(--grey50);
}

.store_detail_brand_title{
    padding: 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.store_detail_brand_title div{
    font-size: 1.2em;
    font-weight: 600;
}

.store_detail_brand_list {
    width: calc(100% - 16px);
    padding: 0 16px 40px 0;
    margin-left: 16px;
    overflow: hidden;
}

.store_detail_brand_list .swipe_list {
    width: 100%;
}

.store_detail_brand_list li {
    width: 40%;
    min-width: 130px;
}

.store_detail_brand .store_list > ul{
    margin: 0;
}

/* 상세 하단 customer*/
.store_detail_customer {
    padding: 10px 16px;
}

.store_detail_customer_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

.store_detail_customer_title h4 {
    font-size: 1.15em;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 34px;
}

/*상세 리뷰 review*/
.store_detail_customer_title .total_review {
    display: block;
    width: 95px;
    height: 20px;
    background: url(../img/UI/icon_star_bg.png) no-repeat left center;
    margin-left: 10px;
    margin-right: 5px;
}

.store_detail_customer_title .total_review_on {
    display: block;
    height: 20px;
    background: url(../img/UI/icon_star_fill.jpg) no-repeat left center;
}

.store_detail_customer_review .item_sub_info {
    width: 60px;
    height: 20px;
    background: url(../img/UI/icon_star_bg.png) no-repeat left center;
    background-size: 60px;
}

.store_detail_customer_review .item_sub_info_on {
    display: block;
    height: 20px;
    background: url(../img/UI/icon_star_fill.jpg) no-repeat left center;
    background-size: 60px;
}

.store_detail_customer_review li.none_item {
    padding: 40px 20px;
    text-align: center;
}

.store_detail_customer_review .item {
    padding: 12px 0;
    border-top: 1px solid var(--grey100);
    cursor: pointer;
    position: relative;
}

.store_detail_customer_review .item_sub {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    color: var(--grey500);
}

.store_detail_customer_review .item_info:has(.item_info_img){
    padding-right:100px;
}

.store_detail_customer_review .item_info_option {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-bottom: 10px;
    color: var(--grey400);
}

.store_detail_customer_review .item_info_txt {
    width: 100%;
    word-break: break-word;
    line-height: 1.45;
    white-space: pre-wrap;
}

.store_detail_customer_review .item:not(.on) .item_info_txt {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.store_detail_customer_review .item_info_img{
    position: absolute;
    top: 20px;
    right: 0;
}

.store_detail_customer_review .item_info_img img{
    max-width: 80px;
    max-height: 100px;
    display: block;
}

.store_detail_customer_review .item_info_date{
    color: var(--grey400);
    margin-top: 20px;
}

.store_detail_customer_review .on .item_info:has(.item_info_img){
    padding: 0;
}


.store_detail_customer_review .on .item_info_img{
    position: static;
    margin-top: 10px;
}

.store_detail_customer_review .on .item_info_img img{
    max-width: 100%;
    max-height: none;
}

/*상세 리뷰 inquiry*/
.store_detail_customer_inquiry{
    display: none;
}
.store_detail_customer_inquiry form{
    display: flex;
    flex-flow: column;
    background: var(--grey50);
    padding: 16px 16px 20px;
    margin-left: -16px;
    margin-right: -16px;
}

.store_detail_customer_inquiry textarea{
    border-top: 0;
    border-bottom: 0;
}
.store_detail_customer_inquiry textarea:focus{
    border-color: var(--grey200);
}

.store_detail_customer_inquiry .submit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid var(--grey200);
    padding-left: 10px;
}

.store_detail_customer_inquiry .btn{
    border-radius: 0;
}

.store_detail_customer_inquiry ul{
    font-size: 0.9em;
    line-height: 1.5;
    margin-top: 14px;
    opacity: 0.6;
}

.store_detail_customer_qna li {
    padding: 12px 0;
    border-top: 1px solid var(--grey100);
}

.store_detail_customer_qna li.none_item {
    padding: 40px 20px;
    text-align: center;
}

.store_detail_customer_qna .item_q {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    cursor: pointer;
}

.store_detail_customer_qna .item_q_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.store_detail_customer_qna .item_q_title h3 {
    font-size: 1em;
    font-weight: 400;
}

.store_detail_customer_qna .item_q_title .badge{
    font-size: 0.9em;
    font-weight: 400;
    padding: 4px 6px;
}

.store_detail_customer_qna .item_q_info {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
    color: var(--grey400);
}














.store_detail_customer_qna .rock .item_q_title h3::before {
    content: "\eb4a";
    font-family: "boxicons";
    color: var(--grey500);
    margin-right: 5px;
}

.store_detail_customer_qna .item_a {
    display: none;
    border-top: 1px dashed var(--grey200);
    margin-top: 18px;
    padding: 10px 12px 0;
    background: #f9f9f9;
    line-height: 1.4;
}

.store_detail_customer_qna .on .item_a {
    display: block;
}


.store_detail_customer_qna .item_a_title {
    margin-bottom: 2px;
    font-size: 0.9em;
    font-weight: 400;
    color: var(--main800);
    display: block;
}

.store_detail_customer_qna .item_a_txt{
    padding-bottom: 16px;
    word-break: break-all;
    white-space: pre-wrap;
}

.store_detail_customer_qna .item_a div:has(.btn){
    padding-bottom: 12px;
    display: flex;
    justify-content: end;
}

.store_detail_customer_qna .item_a .btn.small.ghost{
    padding: 0 10px;
    background: #fff;
}











.store_detail_guide {
    padding: 0 16px 40px;
}

.store_detail_guide_title {
    padding: 60px 0 20px;
    font-size: 1.333em;
    font-weight: 700;
}

.store_detail_guide .table td {
    color: var(--grey600);
    line-height: 1.8;
    font-size: 0.92em;
}

.swiper-pagination-bullet-active {
    background: #3e3e3e !important;
}

/*brand
--------------------------------------------------------------------*/
.brand {
    /* max-width: 1280px; */
    /* margin: auto; */
}

.brand_sort > ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
    margin: 0;
    border: 1px solid var(--grey100);
    font-size: 0.9em;
}

.brand_sort ul li {
    margin: 0 10px;
    padding: 0 5px;
}

.brand_sort li a {
    color: var(--grey400);
}

.brand_sort li.on a {
    color: var(--grey700);
    font-weight: 600;
}
/*
.brand_list {
}

.brand_list > ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    font-weight: 300;
    margin-bottom: 100px;
    border-right: 1px solid var(--grey100);
}

.brand_list .store_brand {
    position: relative;
    width: 100%;
    padding: 20px 20px 30px 20px;
    border-left: 1px solid var(--grey100);
    border-bottom: 1px solid var(--grey100);
}
 */

.brand_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-top: 3px solid var(--grey800);
    margin-bottom: 60px;
    padding: 40px;
    background: #fafafa;
    position: relative;
}

.brand_info_image {
    width: 250px;
    height: 250px;
}

.brand_info_image img {
    width: 100%;
    height: 100%;
}

.brand_info_txt {
    width: calc(100% - 252px);
    padding: 0 30px;
}

.brand_info_txt_name {
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 12px;
}

.brand_info_txt_desc {
    font-size: 0.95em;
    word-break: keep-all;
    margin-bottom: 40px;
}

.brand_info_txt .btn {
    font-weight: 500;
    font-size: 1.1em;
    position: absolute;
    top: 20px;
    right: 20px;
}

.brand_life {
    position: relative;
    background: var(--grey800);
    color: #fff;
}

.brand_life .arrow {
    position: absolute;
    right: 60px;
    bottom: 70px;
    display: none;
    width: 60px;
    height: 60px;
    overflow: hidden;
    vertical-align: middle;
}

.brand_life .arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 30px;
    transform: translate(0, -50%) rotate(135deg);
    margin-top: 2px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.brand_life .arrow:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 4px;
    width: 60px;
    height: 30px;
    margin-top: 2px;
    border-top: 2px solid #fff;
}

.brand_life_wrap {
    min-height: 300px;
    margin: auto;
    padding: 40px 30px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.brand_life_wrap h2,
.brand_life_wrap h3 {
    font-size: 0;
}

.brand_life_wrap img {
    margin: 8px 0;
}

.brand_life_wrap span {
    display: block;
    font-size: 1.1em;
    font-weight: 200;
    margin-bottom: 10px;
}

.brand_life_wrap h4 {
    font-weight: 400;
}


/*about
--------------------------------------------------------------------*/
.about {
    padding: 0;
    max-width: 100vw;
}

.about_top {
    margin-top: 100px;
}

.about_top > h3 {
    padding: 0px 20px;
    margin: auto;
    font-size: 3.25em;
    font-weight: 600;
    letter-spacing: -0.0125em;
    transform: translateY(16px) !important;
}

.about_top_box {
    width: 100%;
    overflow: hidden;
    background: url(../../web/img/contents/bg_about_top.jpg) center left no-repeat;
    background-size: cover;
    position: sticky;
    z-index: 1;
    border-top: 10px solid #fff;
}

.about_top_box_cover {
    width: 100%;
    color: #fff;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 40px 30px 40px;
    gap: 60px;
}

.about_top_box_cover h4 {
    font-size: 1.3em;
    font-weight: 500;
}

.about_top_box_cover p {
    font-size: 1.15em;
    font-weight: 200;
    margin-bottom: 8px;
}

.about_top_box_cover h3 {
    font-size: 2.1em;
    font-weight: 700;
}

.about_core {
    padding: 70px 30px 45px;
}

.about_core_title h3 {
    font-size: 2.5em;
}

.about_core_title p {
    font-weight: 400;
    margin-top: 12px;


);
}

.about_core_item {
    width: 100%;
    margin-top: 30px;
}

.about_core_item div {
    border-top: 2px solid var(--grey800);
    padding: 15px 0 30px;
    line-height: 170%;
}

.about_core_item h5 {
    font-size: 1.1em;
    font-weight: 500;
    padding-bottom: 10px;
}

.about_core_item p {
    font-size: 1.06em;
    font-weight: 200;
}

.about_brand_title {
    position: relative;
    width: 100%;
    padding: 90px 30px 85px;
    margin-bottom: 45px;
    text-align: center;
    border-top: 2px solid var(--grey800);
    border-bottom: 1px solid var(--grey800);
}

.about_brand_title:before,
.about_brand_title:after {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    width: 20%;
    border-left: 1px solid var(--grey800);
    border-right: 1px solid var(--grey800);
    opacity: .3;
}

.about_brand_title:before {
    left: 20%;
}

.about_brand_title:after {
    right: 20%;
}

.about_brand_title h3 {
    font-size: 2.13em;
    text-transform: uppercase;
}

.about_brand_title p {
    font-size: 1.13em;
    font-weight: 500;
    margin-top: 18px;
}

.about_brand_txt {
    font-size: 1.06em;
    font-weight: 200;
    line-height: 170%;
    max-width: 900px;
    word-break: keep-all;
}

.about_brand_txt b {
    display: block;
    font-weight: 450;
    padding: 0 30px;
    font-weight: 400;
}

.about_brand_txt div {
    margin-bottom: 20px;
}

.about_brand_item {
    margin: 60px 30px 20px;
}

.about_brand_item div {
    font-weight: 600;
    font-size: 1.25em;
    line-height: 120%;
}

.about_brand_list {
    padding: 0 30px;
}

.about_brand_list li {
    font-size: 1.06em;
    font-weight: 200;
    line-height: 170%;
    display: flex;
    flex-flow: column;
    margin-bottom: 20px;
}

.about_mention {
    background: var(--grey800);
    color: #fff;
    margin-top: 75px;
    padding: 70px 30px;
}

.about_mention .btn {
    color: #fff;
    border-color: #fff3;
    opacity: 0.9;
}

.about_mention_title {
    margin-bottom: 30px;
    font-size: 2.5em;
    text-transform: uppercase;
}

.about_mention_txt {
    font-size: 1.06em;
    font-weight: 100;
    line-height: 170%;
    max-width: 630px;
    word-break: keep-all;
    margin-bottom: 20px;
}

.about_mention_life {
    border-top: 1px solid #fff;
    margin: 70px 0 110px;
}

.about_mention_life ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    margin: 30px 0 40px;
}

.about_mention_life li {
    width: calc(50% - 5px);
    min-height: 20px;
}

.about_mention_life li img {
    width: 100%;
}

.about_mention_life_title {
    position: relative;
}

.about_mention_life_title h4,
.about_mention_one_title h4 {
    font-size: 2.5em;
}

.about_mention_life_title p,
.about_mention_one_title p {
    font-weight: 500;
    margin-top: 18px;
    margin-bottom: 50px;
}

.about_mention_life_title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
    display: block;
    height: 1px;
    background: #fff;
    opacity: 0.2;
}

.about_mention_life_txt,
.about_mention_one_txt {
    font-size: 1.06em;
    font-weight: 100;
    line-height: 170%;
}

.about_mention_one_txt {
    width: 100%;
    word-break: keep-all;
}

.about_mention_life_txt b,
.about_mention_one_txt b {
    display: block;
    margin-top: 20px;
}

.about_mention_life_txt .btn {
    display: none;
    margin-top: 50px;
}

.about_mention_one_txt .btn {
    margin-top: 50px;
}

.about_mention_end {
    padding: 150px 20px;
    text-align: center;
    background: url(../../web/img/contents/bg_about_bottom.jpg) center left no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.about_mention_end h3 {
    font-size: 2.56em;
    font-weight: 600;
    text-transform: uppercase;
}

.about_mention_end p {
    font-size: 1.13em;
    font-weight: 500;
    margin-top: 18px;
}


/*popup
--------------------------------------------------------------------*/
.popup {
    max-width: 500px;
    border: 1px solid;
}

.popup_top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 6px 12px;
    font-weight: 500;
    color: var(--grey700);
    border-bottom: 1px solid var(--grey100);
    background: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
}

.popup_top a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 40px;
    font-size: 1.6em;
}

.popup_top h3{
    font-size: 1.35em;
    font-weight: 600;
}

.popup_top_close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 68px;
    height: auto;
    width: 68px;
    color: var(--grey400);
    font-size: 1.2em;
    padding: 0;
}

.popup_content {
    padding: 54px 20px 120px;
}

.popup_content_info {
    font-size: 0.9em;
    color: var(--grey600);
}

.popup_hr {
    background: #f0f0f0;
    height: 9px;
    width: 100%;
}

.popup_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid var(--grey100);
    z-index: 9999999;
}

.popup_footer_wrap {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup_footer_info{
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 4px;
    background-color: var(--grey700);
    padding: 9px 15px;
    color: #fff;
    font-size: 0.95em;
    letter-spacing: 0.01em;
}

.popup_footer .btn {
    font-size: 1.05em;
}

/* review */
.review_info b{
    font-weight: 500;
}

.review_product {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--grey200);
}

.review_product img {
    max-width: 80px;
}

.review_product_contents {
    width: calc(100% - 120px);
}

.review_product_contents .brand {
    font-size: 0.85em;
    color: var(--grey400);
    margin-bottom: 6px;
}

.review_product_contents .name {
    margin-bottom: 2px;
    line-height: 1.2;
    font-weight: 500;
}

.review_product_contents .options {
    font-size: 0.92em;
    line-height: 1.3;
    color: var(--grey400);
}

.review_product_select {
    width: 100%;
}

.review_product_select .radio_select{
    flex-wrap: wrap;
}

.review_product_select .radio_select input[type=radio]+label{
    width: 100%;
    flex-flow: column;
    align-items: flex-start;
    height: auto;
    padding: 10px;
    font-size: 1.05em;
    font-weight: 400;
}

.review_product_select .radio_select input[type=radio]+label small{
    font-size: 0.85em;
    color: var(--grey400);
    font-weight: 300;
    line-height: 1;
}

.review_section {
    text-align: center;
    padding: 25px 0;
}

.review_section_title {
    font-weight: 500;
    margin-bottom: 15px;
}

.review_section_star .star {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: transparent;
    text-shadow: 0 0 0 #f0f0f0;
    font-size: 2em;
    box-sizing: border-box;
    cursor: pointer;
}

.review_section_star .star:hover {
    text-shadow: 0 0 0 #ccc;
}

.review_section_star .star.on {
    text-shadow: 0 0 0 #ffbc00;
}

.review_section_thumbnail_item {
    width: 100%;
    height: 200px;
    border: 1px solid var(--grey200);
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    background: #eee;
}

.review_section_thumbnail_item img {
    height: 100%;
}

.review_section_thumbnail_item button {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.7;
    transition: all .3s ease-out;
    padding: 0;
    width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: inherit;
}

.review_section_thumbnail_item button:hover {
    opacity: 1;
    transition: all .3s ease-out;
}

/*cart
-------------------------------------------------------------------- */
.wrap.cart{
    padding: 56px 0 40px;
    position: relative;
}

.cart_header{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    font-weight: 700;
    padding: 0 16px;
    background: var(--grey50);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.cart_header div{
    display: flex;
    align-items: center;
}

.cart_header button{
    padding: 0;
    min-width: 0;
    color: var(--grey400);
    font-size: 0.95em;
}

.cart_cover {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
}

.cart_content {
    width: 100%;
    padding: 0 12px;
    background: var(--grey50);
}

.cart_content_item_table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 0 !important;
    position: relative;
    padding: 0;
}

.cart_content_item_table > div:not(.check) {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    line-height: 1.45;
    vertical-align: middle;
    text-align: left;
    padding: 12px;
}

.cart .cart_content_item_table_cover {
    position: relative;
    border-radius: 0 0 10px 10px;
    border-top: 3px solid var(--grey800);
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);
}
/*
.cart_content_item_table .prdutTxt {
    width: 360px;
    text-align: left;
    word-break: keep-all;
}

.cart_content_item_table .prdutTxt_brand {
    display: block;
    font-size: 0.8em;
    color: var(--grey500);
}

.cart_content_item_table .prdutTxt_name {
    display: block;
    font-weight: 500;
    font-size: 1.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 320px;
}
*/
.cart_content_item_table .qna {
    position: relative;
    width: calc(100% - 360px);
    text-align: left;
    word-break: keep-all;
    padding-left: 30px;
    transition: all 0.3s ease-in;
}

.cart_content_item_table .qna.on {
    background: #f8f8f8;
    transition: all 0.3s ease-in;
}

.cart_content_item_table .qna_date {
    font-size: 0.8em;
    color: var(--grey300);
    margin-top: 5px;
}

.cart_content_item_table .qna_btn {
    position: absolute;
    top: 26px;
    right: 10px;
    height: 36px;
    line-height: 1;
    min-width: auto;
    padding: 0 15px;
    font-size: 0.8em;
    background: var(--grey800);
}

.cart_content_item_table .qna_btn:disabled {
    opacity: 0.5;
}

.cart_content_item_table .qna_detail {
    display: none;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.cart_content_item_table .qna_detail_title {
    font-weight: 500;
}

.cart_content_item_table .qna_detail_txt {
    font-size: 0.9em;
    margin-top: 20px;
}

.cart_content_item_table .prdut_list {
    display: flex;
    gap: 2px;
    width: 100%;
    position: relative;
    border-bottom: 0;
}

.cart_content_item_table .prdut_list_img {
    max-width: 160px;
    max-height: 160px;
    width: 100px;
}

.cart_content_item_table .prdut_list_img img {
    max-width: 100%;
    background: var(--grey50);
}

.cart_content_item_table .prdut_list_info {
    width: calc(100% - 100px);
    padding-right: 10px;
}

.cart_content_item_table .prdut_list_info_name {
    margin-bottom: 2px;
    display: block;
    font-weight: 500;
    font-size: 1.02em;
    word-break: keep-all;
}

.cart_content_item_table .prdut_list_info_price .item_OG {
    text-decoration: line-through;
    color: #A4A4A4;
    font-weight: 400;
    font-size: 0.9em;
}

.cart_content_item_table .prdut_list_info_price .price {
    font-weight: 500;
    font-size: 1.05em;
}

.cart_content_item_table .prdut_list_info_price .discount {
    font-weight: 500;
    font-size: 1.1em;
    margin-right: 2px;
    color: var(--main600);
}

.cart_content_item_table .prdut_list_info_price .price_wrap {
    display: flex;
    align-items: center;
    margin-top: 4px;
    gap: 10px;
}

.cart_content_item_table .prdut_list_info_price .price_wrap .item_OG {
    font-size: 1.2em;
}

.cart_content_item_table .prdut_list_info_price .option {
    margin-bottom: 10px;
    font-size: 0.85em;
    color: var(--grey500);
}

/*정리필요*/
.cart_content_item_brand{
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 12px 12px;
    border-bottom: 1px solid var(--grey200);
    font-weight: 400;
    font-size: 0.95em;
}

.cart_content_item_table .form_item {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border: 0;
    margin: 0;
    text-align: left;
}

.cart_content_item_table:last-child .form_item {
    border-bottom: 1px solid var(--grey700);
    padding-bottom: 20px;
}

.cart_content_item_table .form_item label {
    width: 160px;
    margin: 0;
}

.cart_content_item_table .form_item input {
    max-width: 1000px;
}

.cart_content_item_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row-reverse;
    margin: 20px 0;
}

.cart_total {
    width: 100%;
    padding: 20px 16px 60px;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.cart_total_title{
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 6px;
}

.cart_total_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.25em;
}

.cart_total_item_title {
    font-size: 0.9em;
}

.cart_total_item_amount {
    font-size: 1.05em;
    font-weight: 400;
    display: block;
}

.cart_total_item_amount strong{
    font-weight: 500;
}

.cart_total_item.total {
    border-top: 1px solid var(--grey500);
    margin-top: 5px;
    padding-top: 15px;
    font-size: 1.1em;
}

.cart_total_item.total .btn {
    margin-top: 40px;
    background: #fff;
    color: var(--grey800);
    font-size: 1.05em;
    font-weight: 500;
}

.cart_checkout{
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    max-width: 600px;
    padding: 12px;
}

.cart_checkout_btn{
    background: var(--grey800);
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 60px;
}

.cart_total_noti{
    width: 100%;
    padding: 10px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--grey50);
    color: var(--grey600);
    border-radius: 3px;
    font-size: 0.9em;
}


/*order*/
.wrap.order{
    padding-bottom: 70px;
}
.order_cover {
    display: flex;
    flex-flow: column;
}

.order_info {
    width: 100%;
}

.order_title {
    padding: 16px;
    font-size: 1.1em;
    font-weight: 600;
    background: #f7f7f7;
}

.order .table_cover{
    padding: 20px 16px 25px;
    display: flex;
    flex-flow: column;
    gap: 12px;
}

.order_info_table .item {
    display: flex;
}

.order_info_table .item_label {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    color: var(--grey600);
    line-height: 36px;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 0.9em;
}

.order_info_table .item_label.essential:after {
    content: " *";
    color: var(--main600);
}

.order_info_table .item > *:not(.item_label) {
    width: calc(100% - 80px);
    position: relative;
}

.order_info_table .item input{
    height: 36px;
}

.order_info_table .input_control .btn{
    height: 36px;
}

.order_info_table .input_addr {
    position: fixed !important;
    left: 50%;
    right: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100vw - 40px) !important;
    max-width: 560px;
    z-index: 9999;
}

.order_info_table .input_addr:before {
    content: "";
    position: fixed;
    top: -50vh;
    right: 0;
    bottom: 0;
    left: -50vw;
    width: 200vw;
    height: 200vh;
    background: #00000052;
}

.order .cart_content_item_brand{
    padding: 12px 16px;
    justify-content: space-between;
}

.order .cart_content_item_table > div{
    padding: 12px 16px;
    border-bottom: 12px solid #f7f7f7;
}

.order .cart_content_item_table .prdut_list{
    flex-wrap: wrap;
    gap: 0;
}

.order .cart_content_item_table .prdut_list:not(:last-child){
    border-bottom: 1px solid var(--grey100);
    padding-bottom: 16px;
}

.order .cart_content_item_table .prdut_list_info{
    width: calc(100% - 80px);
}

.order .coupon_txt{
    font-weight: 500;
    font-size: 1.05em;
    color: var(--main600);
    margin-top: 4px;
}

.order .cart_content_item_table .prdut_list_img{
    width: 80px;
}

.cart_content_item_table .coupon {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}

.cart_content_item_table .coupon button {
    display: block;
    width: 100%;
    min-width: auto;
    height: fit-content;
    line-height: unset;
    padding: 6px 10px;
    font-size: 0.95em;
    color: var(--grey500);
    border: 1px solid var(--grey200);
    transition: all .3s;
}


.cart_content_item_table .coupon .apply:hover {
    color: var(--main600);
    border-color: var(--main600);
}

.order_info_add{
    padding: 16px;
}

.order_info_add input{
    height: 36px;
}

.order_info_add .coupon button {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    width: 100%;
    height: 38px;
    min-width: auto;
    line-height: 36px;
    color: var(--grey800);
    border: 1px solid var(--grey200);
    transition: all .3s;
}

.order_info_add .coupon button.cancel{
    border: 1px solid var(--main400);
    color: var(--main800);
}

.order_info_payment {
    display: flex;
    padding: 20px 6px;
}

.order_info_payment .radio {
    height: auto;
    margin-right: 10px;
    width: calc(20% - 10px);
}

.order_info_payment .radio [type="radio"]:checked + label,
.order_info_payment .radio [type="radio"]:not(:checked) + label {
    width: 100%;
    height: 50px;
    line-height: 30px;
    padding: 10px 20px;
    display: block;
    text-align: center;
    border: 1px solid var(--grey200);
    transition: background-color .4s ease-out;
}

.order_info_payment .radio [type="radio"]:checked + label:before,
.order_info_payment .radio [type="radio"]:not(:checked) + label:before,
.order_info_payment .radio [type="radio"]:checked + label:after,
.order_info_payment .radio [type="radio"]:not(:checked) + label:after {
    display: none;
}

.order_info_payment .radio [type="radio"]:checked + label {
    background: var(--grey700);
    color: #fff;
    cursor: pointer;
    border-color: var(--grey700);
}

.order_info_payment .radio [type="radio"] + label {
    background-repeat: no-repeat !important;
    background-position: bottom 20px right 20px !important;
    transition: background-color .4s ease-out;
}

.order_info_payment .radio [type="radio"] + label:hover {
    border-color: var(--grey300);
    cursor: pointer;
    transition: border .3s ease-out;
}

.order_bilge {
    width: 100%;
}

.order_bilge_title {
    padding: 16px;
    font-size: 1.1em;
    font-weight: 600;
    background: #f7f7f7;
}

.order_bilge_cover > div{
    display: flex;
    flex-flow: column;
    gap: 14px;
    padding: 16px 16px;
}

.order_bilge_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_bilge_item_amount {
    font-size: 1.1em;
    font-weight: 400;
    display: block;
}

.order_bilge_item.total {
    border-bottom: 1px solid var(--grey500);
    padding: 16px;
    font-size: 1.1em;
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: space-between;
}

.order_bilge_item.total .order_bilge_item_amount {
    font-size: 1.3em;
    FONT-WEIGHT: 500;
    color: var(--main600);
}

.order_bilge_agree {
    margin: 20px 0;
    padding: 30px 30px;
    background: #f8f8f8;
}

.order_bilge_agree .checkbox {
    margin: 10px 0;
    font-size: 0.95em;
}

.order_bilge_agree > .checkbox {
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--grey800);
    font-size: 1.05em;
    height: auto;
    word-break: keep-all;
}

.order_bilge_agree .checkbox a {
    text-decoration: underline;
}

.order_bilge_agree_item {
    padding: 10px 0;
    border-top: 1px dashed var(--grey200);
}

.order_bilge_agree .checkbox [type="checkbox"]:checked + label:before,
.order_bilge_agree .checkbox [type="checkbox"]:not(:checked) + label:before {
    background: transparent;
}

.order_bilge .info_adult{
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.95em;
    font-weight: 400;
    padding: 10px 12px;
    background: #f9f9f9ee;
    border: 1px solid var(--grey100);
    border-radius: 3px;
    color: var(--grey500);
    margin: 12px;
}

.order_bilge .info_adult_mark{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #E14819;
    font-size: 9px;
    font-weight: 700;
}

.order_checkout{
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 600px;
    padding: 12px;
    background: #fff;
    box-shadow: 0px -10px 10px rgba(0, 0, 0, 0.03);
}
.order_checkout .btn {
    font-size: 1.1em;
    font-weight: 500;
    width: 100%;
}


/*payment*/

.payment_title{
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
    padding: 30px 16px 12px;
}

.payment_no{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.payment_no span{
    color: var(--main800);
}

.payment_content{
    background: #fff;
    width: 100%;
    padding: 16px;
}

.payment .cart_content_item_table > div:not(.check){
    border-top: 1px solid var(--grey100);
    padding: 12px 4px;
}

.payment .prdut_list_info_price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.payment .cart_content_item_table .prdut_list_info_price .discount {
    margin-left: 5px;
    margin-top: 10px;
}

.payment .cart_content_item_table .prdut_list_info_price .option {
    width: 100%;
    margin-top: 5px;
}

.payment .cart_content_item_table .prdut_list_img {
    max-width: 100px;
    max-height: 100px;
}

.payment_info_title{
    text-align: left;
    font-size: 1.2em;
    margin-top: 20px;
    padding: 16px 4px;
    border-top: 2px solid var(--grey600);
}

.payment_info.table table{
    border-top: 1px solid var(--grey100);
}

.payment_info.table td:first-child{
    color: var(--grey500);
}

.payment_info.table td{
    padding: 10px 4px;
    border: 0;
    border-bottom: 1px solid var(--grey100);
}

.payment .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 30px 16px;
}

.payment .btn_wrap .btn{
    width: 50%;
}





/*정리필요*/
.cart_content_item_table .order{
    width: 100%;
}

.cart_content_item_table .order_sum{
    width: 100%;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    background: #f7f7f7;
    color: var(--grey600);
    font-size: 0.9em;
    border-radius: 2px;
}

.cart_content_item_table .order_sum_price{
    font-weight: 500;
    font-size: 1.2em;
    color: var(--grey800);
}

.cart_content_item_table .order_option {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cart_content_item_table .order_option_count {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    border: 1px solid var(--grey200);
    border-radius: 3px;
}

.cart_content_item_table .order_option_count input {
    width: 32px;
    height: 34px;
    line-height: 30px;
    border: 0;
    text-align: center;
    padding: 0;
}

.cart_content_item_table .order_option_count button {
    padding: 0;
    min-width: auto;
    width: 30px;
    height: 34px;
    color: var(--grey700);
}

.cart_content_item_table .order_option .btn{
    width: 40%;
}

.cart_content_item_table .order_option .btn.order_delect{
    width: 42px;
    padding: 0;
}

.cart_content_item_table_cover .list_none {
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 30px;
    padding: 40px 20px 50px;
    border-bottom: 1px solid var(--grey100);
}

.cart_content_item_total{
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 16px 12px;
    border-top: 1px solid var(--grey100);
}

.cart_content_item_total span{
    display: flex;
    align-items: center;
}

.cart_content_item_total label{
    margin: 0;

}

.cart_content_item_total > *:last-child{
    font-weight: 500;
}



/*mypage
-------------------------------------------------------------------- */
.mypage_cover {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 16px 60px;
}

.mypage_menu {
    width: 100%;
    margin-bottom: 50px;
    display: block;
}

.mypage_menu_user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid var(--grey800);
}

.mypage_menu_user h2 {
    font-size: 1.3em;
    font-weight: 600;
}

.mypage_menu_user p {
    font-size: 0.85em;
    padding: 5px 10px;
    background: #ffffff;
    border: 1px solid #eee;
    color: var(--grey500);
}

.mypage_menu_wallet {
    margin: 20px 0;
    padding: 10px 20px;
    background: #f8f8f8;
}

.mypage_menu_wallet ul{
    display: flex;
    flex-flow: column;
    gap: 7px;
}

.mypage_menu_wallet li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mypage_menu_wallet li.on {
    font-weight: 500;
    text-decoration: underline;
}

.mypage_menu_wallet li .tit {
    font-weight: 500;
}

.mypage_menu_item {
    margin-top: 20px;
}

.mypage_menu_item h5 {
    color: var(--grey400);
    font-weight: 500;
    font-size: 0.9em;
    border-bottom: 1px solid var(--grey200);
    margin-bottom: 5px;
    padding: 10px 2px;
}

.mypage_menu_item li {
    padding: 8px 3px;
    font-weight: 500;
    color: var(--grey700);
    text-decoration: none !important;
}

.mypage_menu_item li:hover {
    text-decoration: underline;
}

.mypage_menu_item li.on {
    text-decoration: underline;
}

.mypage_content {
    width: 100%;
}

.mypage_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 15px;
    border-bottom: 3px solid var(--grey800);
}

.mypage_title h4 {
    font-size: 1.2em;
}

.mypage_title p {
    font-size: 0.9em;
}

.mypage_title a {
    font-size: 0.95em;
    color: var(--grey600);
}

.mypage_tab ul {
    display: flex;
    align-items: center;
    border-top: 1px solid var(--grey100);
}

.mypage_tab li {
    width: 50%;
    padding: 14px 16px;
    text-align: center;
    font-weight: 400;
    font-size: 1.1em;
    color: var(--grey300);
    border-bottom: 1px solid var(--grey100);
}

.mypage_tab li.on {
    color: var(--grey800);
    font-weight: 500;
    border-bottom: 2px solid var(--grey500);
}

.mypage_tab li:not(:first-child) {
    border-left: 1px solid var(--grey100);
}

.mypage_none {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    gap: 20px;
    padding: 50px 20px;
    border-bottom: 1px solid #eee;
}

.mypage_dashboard_cont {
    margin: 0 0 30px 0;
    border: 1px solid #eee;
    border-top: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 25px 0 0;
}

.mypage_dashboard_cont_info {
    display: flex;
    width: 100%;
    padding-bottom: 20px;
}

.mypage_dashboard_cont_info li {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 0;
    font-size: 0.94em;
    white-space: nowrap;
    text-align: center;
}

.mypage_dashboard_cont_info li strong {
    margin-top: 10px;
    font-size: 2em;
    font-weight: 600;
}

.mypage_dashboard_cont_case {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    border-top: 1px solid var(--grey100);
    border-left: 0;
}

.mypage_dashboard_cont_case li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 33.3333%;
    padding: 20px;
    font-size: 0.94em;
}

.mypage_dashboard_cont_case li:not(:first-child) {
    border-left: 1px solid var(--grey100);
}

.mypage_order {
    margin-bottom: 30px;
}

.mypage_order_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    line-height: 1.45;
    background: var(--grey50);
}

.mypage_order_header div:first-child {
    font-size: 1.2em;
    font-weight: 500;
}

.mypage_order_header a {
    font-size: 0.95em;
    color: var(--grey400);
    border-bottom: 1px solid var(--grey300);
}

.mypage_order_header .main {
    font-size: 1.2em;
    color: var(--main600);
}

.mypage_order_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
    gap: 15px;
    padding: 12px 16px;
}

.mypage_order_item.column {
    flex-flow: column;
    gap: 10px;
}

.mypage_order_item.none {
    font-size: 0.9em;
    text-align: center;
    justify-content: center;
    padding: 40px 20px;
}

.mypage_order_item_info {
    width: 100%;
    padding: 0;
}
.mypage_order_item_info .state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: auto;
    margin-bottom: 10px;
    gap: 10px;
}

.mypage_order_item_info .state h4 {
    font-size: 1.15em;
    font-weight: 500;
}

.mypage_order_item_info .state a{
    font-size: 0.9em;
    padding: 5px 10px;
    border-radius: 3px;
    height: auto;
    border: 1px solid var(--grey100);
    line-height: 1.65;
}

.mypage_order_item_info .info {
    display: flex;
    align-items: flex-start;
}

.mypage_order_item_info .info_img {
    max-width: 100px;
    max-height: 100px;
}

.mypage_order_item_info .info_img img {
    max-width: 100%;
    width: 100px;
    height: 100px;
}

.mypage_order_item_info .info_text {
    padding-left: 16px;
    width: calc(100% - 100px);
}

.mypage_order_item_info .info_text_brand {
    display: block;
    width: fit-content;
    font-size: 0.8em;
    line-height: 1.6em;
    font-weight: 500;
    border-bottom: 1px solid var(--grey600);
}

.mypage_order_item_info .info_text_name {
    margin-top: 5px;
    font-weight: 600;
    font-size: 1.15em;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

.mypage_order_item_info .info_text_price .price {
    margin-top: 5px;
    font-weight: 500;
}

.mypage_order_item_info .info_text_price .discount {
    font-weight: 500;
    color: var(--main600);
}

.mypage_order_item_info .info_text_price .option {
    margin-top: 12px;
    font-size: 0.95em;
    color: var(--grey500);
}

.mypage_order_item_state{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mypage_order_item_state .btn{
    min-width: 100%;
    font-size: 1em;
}

.mypage_order_item_state .btn:nth-child(n+2){
    min-width: calc(50% - 2px);
}

.mypage_order_item_state .full {
    display: flex;
    justify-content: center;
    gap: 5px;
    min-width: 100% !important;
    font-weight: 500;
}

.mypage_order_item_state .full span{

}

.mypage_content .cart_content {
    width: 100%;
}

.mypage_order_item_cs{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.mypage_order_cancel ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.mypage_order_cancel ul li {
    margin: 5px 0;
    width: calc(50% - 20px);
    white-space: nowrap;
}

.mypage_order_cancel.group {
    display: flex;
    justify-content: space-around;
    align-items: self-start;
    flex-wrap: wrap;
}

.mypage_order_cancel_group {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 50%;
}

.mypage_order_cancel_group:first-child {
    border-right: 1px solid #eee;
}

.mypage_order_cancel_group span {
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 15px;
}

.mypage_order_cancel textarea {
    width: 100%;
    margin-top: 15px;
    height: 100px;
}

.mypage_content .btn_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 30px;
}
.mypage_content .btn_wrap .btn{
    width: 100%;
}

.mypage_order_info {
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 20px;
    font-size: 0.9em;
    color: var(--grey400);
}

.mypage_order_cancel_txt {
    text-align: center;
    padding: 40px 20px;
}

.mypage_order_cancel_txt p {
    margin-top: 20px;
    line-height: 1.5;
}

.mypage_order_cancel_txt .important {
    color: var(--red);
}

.mypage_mention > ul {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    font-weight: 300;
    margin-top: 40px;
    gap: 20px;
}

.mypage_mention .store_list_item {
    width: calc(50% - 10px);
}

.mypage_mention .store_brand {
    width: 100%;
}

.mypage_mention .store_brand_thumbnail {
    width: 100%;
    padding-bottom: 100%;
}

.mypage_mention .store_brand_thumbnail .name {
    margin: 0;
    font-weight: 500;
    font-size: 1.5em;
    white-space: normal;
    word-break: normal;
    line-height: 1.45;
    width: 100%;
}

.mypage_mention .store_brand_thumbnail .txt {
    display: none;
}

/*qna*/
.mypage_qna_table {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.mypage_qna_table > div {
    position: relative;
    padding: 20px 0;
    line-height: 1.45;
    border-bottom: 1px solid var(--grey100);
}

.mypage_qna_table .qs_state {
    font-size: 0.95em;
    color: var(--main800);
    font-weight: 400;
}

.mypage_qna_table .qs_state.disabled {
    color: var(--grey300);
}

.mypage_qna_table.on .qs {
    padding: 20px 25px;
    background: #f9f9f9;
}

.mypage_qna_table .qs_item {
    display: flex;
    gap: 4px;
    width: fit-content;
    font-weight: 500;
    font-size: 1.1em;
    margin-bottom: 8px;
}

.mypage_qna_table .qs_item:hover {
    text-decoration: underline;
}

.mypage_qna_table .qs_txt {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
"
}

.mypage_qna_table .qs_date {
    font-size: 0.8em;
    color: var(--grey500);
    margin-top: 14px;
}

.mypage_qna_table.on .qs_txt {
    -webkit-box-orient: horizontal;
}

.mypage_qna_table .ans {
    display: none;
    background: var(--grey50);
    padding: 20px 25px;
}

.mypage_qna_table .ans_badge {
    font-size: 0.9em;
    font-weight: 500;
    color: var(--main800);
    display: flex;
    align-items: center;
    gap: 5px;
}

.mypage_qna_table .ans_badge:before {
    content: "\ec33";
    font-family: boxicons !important;
    color: var(--grey300);
}

.mypage_qna_table .ans_txt {
    font-size: 0.95em;
}

.mypage_qna_table .ans_date {
    font-size: 0.8em;
    color: var(--grey500);
    margin-top: 20px;
}


.mypage_qna_table .info_brand {
    display: block;
    font-size: 0.8em;
    color: var(--grey500);
}

.mypage_qna_table .info_name {
    display: block;
    font-weight: 500;
    font-size: 1.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 320px;
}

.mypage_qna_table .qna {
    position: relative;
    transition: all 0.3s ease-in;
}

.mypage_qna_table .qna.on {
    background: #f8f8f8;
    transition: all 0.3s ease-in;
}

.mypage_qna_table .qna_date {
    font-size: 0.8em;
    color: var(--grey300);
    margin-top: 5px;
}

.mypage_qna_table .qna_btn {
    position: absolute;
    top: 26px;
    right: 10px;
    height: 36px;
    line-height: 1;
    min-width: auto;
    padding: 0 15px;
    font-size: 0.8em;
    background: var(--grey800);
}

.mypage_qna_table .qna_btn:disabled {
    opacity: 0.5;
}

.mypage_qna_table .qna_detail {
    display: none;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eee;
}

.mypage_qna_table .qna_detail_title {
    font-weight: 500;
}

.mypage_qna_table .qna_detail_txt {
    font-size: 0.9em;
    margin-top: 20px;
}

/*profile*/
.mypage_profile{
    border-top: 1px solid var(--grey100);
}
.mypage_profile_item {
    display: flex;
    border-bottom: 1px solid var(--grey100);
    padding: 12px 0;
}

.mypage_profile_item .label {
    margin: 0;
    width: 130px;
    font-weight: 600;
    line-height: inherit;
}

.mypage_profile_item > *:not(.label, .noti, button) {
    width: calc(100% - 120px);
    display: flex;
    gap: 10px;
    align-items: center;
}

.mypage_profile_item.section {
    border-bottom: 3px solid var(--grey800);
    margin-top: 30px;
    flex-flow: column;
}
.mypage_profile_item.none{
    flex-flow: column;
    border: 0;
    padding: 20px 0;
}

.mypage_profile_item.section .noti {
    font-size: 0.95em;
    color: var(--grey600);
    line-height: 1.45;
    padding-top: 5px;
}

.mypage_profile_item .check {
    display: flex;
    align-items: center;
    gap: 20px;
}

.mypage_profile_item .btn.small{
    height: auto;
    padding: 8px 16px;
}
.mypage_profile_box{
    border: 1px solid #eee;
    flex-flow: column;
    padding: 12px 18px;
    width: 100% !important;
    margin: 12px 0;
    text-align: left;
    align-items: flex-start !important;
}
.mypage_profile_item textarea{
    width: 100% !important;
    margin-top: 10px;
}
.mypage_profile_item p{
    margin-top: 10px;
}
.mypage_profile_box li{
    list-style: outside;
    margin-left: 17px;
    word-break: keep-all;
    line-height: 1.4;
}
.mypage_profile_btn{
    display: flex;
    gap: 5px;
    padding: 10px 0;
    justify-content: end;
}


/* 추후 수정 시 modal_coupon_wrap이랑 동일하게 변경해줘야힘*/
.mypage_coupon > ul {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    background: #f6f6f6;
}

.mypage_coupon .coupon_item {
    width: 100%;
    border: 1px solid var(--grey200);
    padding: 20px;
    position: relative;
    background: #fff;
}

.mypage_coupon .coupon_item:hover {
    border: 1px solid var(--main600);
}

.mypage_coupon .coupon_item_title {
    font-weight: 500;
}

.mypage_coupon .coupon_item_price {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mypage_coupon .coupon_item_price .discount,
.mypage_coupon .coupon_item_price .apply {
    padding-bottom: 10px;
    /* border-bottom: 1px solid var(--grey200); */
    /* margin-bottom: 20px; */
    font-size: 2em;
    font-weight: 600;
    color: var(--main600);
}

.mypage_coupon .coupon_item_price .type {
    color: var(--main800);
    font-weight: 600;
    font-size: 0.8em;
    padding: 5px 10px;
    background: #e8f6ef;
    border-radius: 20px;
}

.mypage_coupon .coupon_item_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.mypage_coupon .coupon_item_information {
    min-height: 40px;
    margin-top: 20px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    gap: 4px;
    color: var(--grey300);
    font-size: 0.9em;
}

.mypage_coupon .coupon_item_list {
    /*position: absolute;*/
    /*top: 20px;*/
    /*right: 20px;*/
    text-decoration: underline;
    color: var(--grey800);
}

.mypage_coupon .coupon_item .btn {
    margin-top: 20px;
    height: 44px;
    line-height: 34px;
}

.mypage_coupon_info {
    margin-top: 50px;
    border-top: 1px solid var(--grey200);
    padding: 20px 2px 0;
}

.mypage_coupon_info div {
    font-weight: 600;
    margin-bottom: 7px;
    font-size: 0.94em;
    color: var(--grey600);
}

.mypage_coupon_info div:not(:first-child) {
    margin-top: 20px;
}

.mypage_coupon_info li {
    font-size: 0.88em;
    line-height: 1.8;
    list-style: decimal;
    margin-left: 20px;
    color: var(--grey500);
}

.mypage_coupon_code {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    padding: 12px 16px;
}

.mypage_coupon_code h5 {
    font-weight: 500;
    font-size: 0.95em;
    word-break: keep-all;
}

.mypage_coupon_code form {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mypage_coupon_code form button {
    min-width: auto;
    height: 40px;
    line-height: normal;
    padding: 0 20px;
}

/*point*/
.mypage_point{

}
.mypage_point_total{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
    padding: 16px 16px;
    color: var(--grey400);
}

.mypage_point_total span{
    font-size: 2em;
    font-weight: 500;
    display: flex;
    color: var(--grey800);
    margin-top: 2px;
}

.mypage_point_tab{
    border-top: 1px solid var(--grey100);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
}

.mypage_point_tab a{
    padding: 8px 16px;
    border: 1px solid var(--grey200);
    border-radius: 3px;
    line-height: 1;
}

.mypage_point_tab a.on{
    background: var(--grey800);
    border-color: var(--grey800);
    color: #fff;
}

.mypage_point_info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    border: 1px solid var(--grey200);
    padding: 6px 10px;
    font-size: 0.9em;
    border-radius: 2px;
}

.mypage_point_list .item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    padding: 20px 16px;
    border-bottom: 1px solid var(--grey100);
}

.mypage_point_list .item > div{
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
}

.mypage_point_list .item_top{
    font-weight: 500;
    font-size: 1.1em;
}

.mypage_point_list .item_date{
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 4px;
}

.mypage_point_list .item_date div:last-child{
    color: var(--grey400);
}

.mypage_point_list .item_point{
    color: var(--main600);
    font-size: 1.15em;
    font-weight: 500;
}


/*login & member
-------------------------------------------------------------------- */
.login{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 50px);
    padding: 110px 20px 90px;
}

.member_title {
    text-align: center;
    padding: 20px;
    border-bottom: 3px solid var(--grey800);
    margin-bottom: 20px;
    font-size: 2.2em;
}

.member_title span {
    text-decoration: underline;
}

.member_login{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 48px;
    font-size: 1.15em;
    font-weight: 400;
}

.member_login img{
    width: 220px;
    max-width: 58%;
}

.member_input .form_item input{
    height: 44px;
    border: 0;
    border-bottom: 1px solid var(--grey200);
    padding: 8px;
}

.member_input_option {
    margin: 14px 0 20px;
    display: flex;
    gap: 16px;
}

.member_input_option .checkbox label {
    font-size: 0.95em;
}

.member_input_util {
    display: flex;
    align-items: center;
    justify-content: center;
}

.member_input_util a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    color: var(--grey600);
    font-size: 0.95em;
    white-space: nowrap;
    margin: 0 10px;
}

.member_input_util a:not(:last-child)::after {
    content: "";
    display: block;
    width: 1px;
    height: 11px;
    background: var(--grey200);
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-60%);
}

.member_input_util a b {
    font-weight: 600;
}

.member_input_btn {
    margin: 29px 0 20px;
}

.member_input_btn .btn:not(:first-child) {
    margin-top: 10px;
}

.member_input_btn {
    margin-top: 10px;
    border-radius: 5px;
    background-size: 54px !important;
}

.member_input_event {
    padding: 16px 20px;
    background: var(--grey50);
    margin-top: 5vh;
    text-align: center;
    line-height: 1.45;
    font-weight: 400;
    /* border: 1px solid var(--grey100); */
    border-radius: 3px;
}

.member_input_event b {
    font-weight: 600;
    color: var(--main800);
}

.member_input_event span {
    display: block;
    color: var(--grey400);
    font-size: 0.9em;
    font-weight: 300;
}

.member_input_sns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.member_input_sns_title {
    width: 100%;
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    margin: 30px 0 10px;
}

.member_input_btn_sns {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 100%;
    height: 44px;
    margin-top: 8px;
    font-weight: 500;
    text-align: center;
    border-radius: 2px;
}

.member_input_btn_sns.kakao {
    background: #fae301;
}

.member_input_btn_sns.naver {
    background: #03c73c;
    color: #fff;
}

.member_input_btn_sns img{
    position: absolute;
    top: calc(50% - 16px);
    left: 12px;
    width: 32px;
}

.member_input_agree {
    margin: 40px 0 20px;
}

.member_input_agree .checkbox {
    margin: 10px 0;
    font-size: 0.95em;
}

.member_input_agree > .checkbox {
    font-weight: 600;
    margin: 20px 0;
    color: var(--grey800);
    font-size: 1.05em;
}

.member_input_agree .checkbox a {
    text-decoration: underline;
}

.member_input_agree_item {
    padding: 10px 0;
    border-top: 1px solid var(--grey200);
}

.member_input_pass {
    padding: 20px 0;
}

.member_input_pass .btn {
    margin: 10px 0;
}

.member_input_pass_end {
    height: 50px;
    line-height: 50px;
    background: var(--grey100);
    color: var(--grey500);
    text-align: center;
    font-size: 1.07em;
    margin: 10px 0;
}

.member_input_pass p {
    margin-top: 8px;
    font-size: 0.9em;
    color: var(--grey500);
    line-height: 1.35;
}

.member_input_pass p a {
    text-decoration: underline;
    margin: 0 5px;
}

.member_finish {
    line-height: 1.45;
    padding: 30px 20px;
    text-align: center;
    background: #f6f6f6;
}

.member_finish h4 {
    margin-bottom: 15px;
    font-weight: 600;
}

.member_finish h4 span {
    text-decoration: underline;
}

.member_finish p {
    line-height: 1.25;
}

.member_finish_check {
    width: 100%;
    /* background: #fff; */
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 8px;
    padding: 20px 5px 0;
    margin-top: 20px;
    border-top: 1px solid var(--grey200);
    font-size: 0.9em;
}

.member_finish_check .checkbox {
    width: fit-content;
}

.member_coupon {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 50px 0;
}

.member_coupon_box {
    width: 300px;
}

.member_coupon_box_info {
    padding: 40px 25px 30px;
    color: #fff;
    border-radius: 0 0 15px 15px;
}

.member_coupon_box_info .discount {
    font-size: 2.6em;
    font-weight: 700;
}

.member_coupon_box_info .first_order_discount {
    font-size: 2.5em;
    font-weight: 700;
}

.member_coupon_box_info small{
    padding-top: 11px;
    display: block;
    letter-spacing: 7px;
    opacity: 0.6;
    font-weight: 700;
}

.member_coupon_box.main > * {
    background: var(--main800);
}

.member_coupon_box.gray > * {
    background: var(--grey700);
}

.member_coupon_box.sub > * {
    background: var(--grey300);
}

.member_coupon_box.only{
    position: relative;
}

.member_coupon_box.only:before{
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    height: 12px;
    border-radius: 10px;
    background: #191919;
    left: -15px;
    right: -15px;
    z-index: 9;
}

.member_coupon_box.only:after{
    content: "\eab7";
    font-family: 'boxicons';
    position: absolute;
    top: -15px;
    right: -15px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #191919;
    color: #fff;
    z-index: 99999;
    font-size: 28px;
    line-height: 47px;
}

.only .member_coupon_box_info{
    position: relative;
    background: linear-gradient(180deg, #20c46c, #20c46c, var(--main800));
    border-radius: 12px 12px 0 0;
    box-shadow: 2px -2px 7px 0 rgba(0, 0, 0, 0.1);
    z-index: 9999;
    padding: 40px 25px 22px;
}

.only .member_coupon_box_info:before,
.only .member_coupon_box_info:after{
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
}

.only .member_coupon_box_info:before{
    left: -15px;
}

.only .member_coupon_box_info:after{
    right: -15px;
}

.member_coupon_box_tail {
    font-size: 0.85em;
    font-weight: 800;
    padding: 25px;
    color: rgb(255 255 255 / 43%);
    border-radius: 15px 15px 0 0;
    border-top: 1px dashed rgb(255 255 255 / 30%);
}

.member_coupon_guide {
    width: 100%;
    font-size: 0.95em;
    color: var(--grey500);
    margin-top: 10px;
}

.member_coupon_guide a {
    text-decoration: underline;
}

.member_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding-bottom: 40px;
}

.member_btn_receive {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding-top: 40px;
}


/*search
-------------------------------------------------------------------- */
/*
.search_top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px 25px;
    border-bottom: 1px solid var(--grey200);
}

.search_top form {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    max-width: 540px;
}

.search_top span {
    font-size: 0;
    font-weight: 600;
    background: url(../../web/img/UI/logo_black_m.svg) left bottom no-repeat;
    width: 70px;
    height: 24px;
    background-size: contain;
}

.search_top_input {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: calc(100% - 80px);
    border-bottom: 2.5px solid #191919;
}

.search_top input {
    background: none;
    border: 0;
    width: calc(100% - 60px);
    height: 30px;
    padding: 0 4px;
    font-size: 1.4em;
    font-weight: 600;
}

.search_top button {
    min-width: 30px;
    height: 30px;
    padding: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--grey800);
}

.search_top button:before {
    content: "\ebf7";
    font-family: 'boxicons';
    font-size: 24px;
}
.search_filter_item {
    display: flex;
    justify-items: flex-start;
    border-bottom: 1px solid var(--grey100);
    padding: 10px 5px;
}

.search_filter_item .label {
    flex: 1;
    line-height: 40px;
    margin: 0;
    font-weight: 500;
    font-size: 0.9em;
}

.search_filter_item .check {
    flex: 5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.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: 10px;
    padding: 10px;
    background: #f5f5f5;
}

.search_filter_btn .ghost {
    background: #fff;
}
*/
.search_list_none {
    width: 100%;
    padding: 50px 20px;
    text-align: center;
    color: var(--grey600);
}

.search_list_none span {
    font-weight: 500;
    font-size: 1.2em;
    display: block;
    margin-bottom: 4px;
}

/*board
-------------------------------------------------------------------- */
.board {
    max-width: 1920px;
    padding: 30px 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.board_lnb {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.board_lnb_title {
    margin-bottom: 30px;
    font-size: 2em;
}

.board_lnb_item {
    display: flex;
    justify-content: center;
}

.board_lnb_item li {
    margin: 0 10px;
    font-size: 1.05em;
    line-height: 1.3;
    font-weight: 500;
    color: #878787;
}

.board_lnb_item li.on {
    color: #17171a;
}

.board_list {
    width: 100%;
}

.board_list_top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    padding: 0;
    align-items: center;
    margin-top: 20px;
}

.board_list_top .tab {
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: space-evenly;
    padding: 12px 10px;
    border-bottom: 1px solid #ddd;
}

.board_list_top .tab li {
    color: #999;
    position: relative;
    font-size: 0.95em;
    font-weight: 400;
    margin-right: 0;
}

.board_list_top .tab li:after {
    content: '';
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: transparent;
}

.board_list_top .tab li.on {
    color: #17171a;
}

.board_list_top .tab li.on:after {
    background: #17171a;
}

.board_list_top .search {
    width: 100%;
}

.board_list_top .search form {
    display: flex;
    width: 100%;
    padding: 5px;
}

.board_list_top .search_box {
    width: 100%;
}

.board_list_top .search_box input {
    width: 100%;
    margin: 0;
    border: 0;
    border-right: 0;
    padding: 0 10px;
}

.board_list_top .search_btn {
    color: #17171a;
    min-width: auto;
    padding: 0;
    font-size: 1.4em;
    height: auto;
    width: 50px;
}

.board_list_info {
    margin-bottom: 14px;
    font-size: 0.9em;
    text-align: right;
    color: #666;
}

.board_list_table {
    border-top: 2px solid #17171a;
    display: table;
    width: 100%;
}

.board_list_table .item {
    display: table-row;
}

.board_list_table .item a:hover {
    text-decoration: underline;
}

.board_list_table .item > * {
    display: table-cell;
    border-bottom: 1px solid #eee;
    padding: 22px 5px;
}

.board_list_table .item_no {
    width: 120px;
    text-align: center;
}

.board_list_table .item_title {
    font-weight: 400;
}

.board_list_table .item_title a {
    width: 90%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board_list_table .item_date {
}

.board_list_table .item.header {
    font-weight: 500;
    font-size: 0.9em;
}

.board_list_table .item.notice {
    background: #fafafa;
}

.board_list_table .item.notice .item_no {
    font-size: 0;
}

.board_list_table .item.notice .item_no:after {
    content: "notice";
    /* display: block; */
    padding: 5px 10px;
    background: #17171a;
    color: #fff;
    font-size: 12px;
}

.board_list_toggle {
    border-top: 2px solid #17171a;
    width: 100%;
}

.board_list_toggle .item {
    border-bottom: 1px solid #eee;
}

.board_list_toggle .item_title {
    padding: 18px 10px;
    font-weight: 400;
}

.board_list_toggle .item_content {
    /* display: none; */
    background: #f7f7f7;
    padding: 15px 20px;
    line-height: 26px;
    color: #333;
    font-size: 0.95em;
}

.board_input {
}

.board_input_txt h4 {
    font-weight: 600;
}

.board_input_txt .step {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.board_input_txt .step li {
    position: relative;
    width: 100%;
    padding: 17px;
    border: 1px solid #eee;
    text-align: center;
    display: flex;
    flex-flow: row;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    font-size: 0.95em;
    margin-bottom: 8px;
}

.board_input_txt .step li span {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--main800);
    font-weight: 500;
}

.board_input_txt .step li strong {
    font-size: 1.05em;
    font-weight: 500;
    margin: 0 5px;
}

.board_input_txt .step li p {
    width: 100%;
    margin-top: 8px
}

.board_input_txt .box {
    background: #f6f6f6;
    padding: 30px 40px;
    margin-bottom: 60px;
    word-break: keep-all;
}

.board_input_txt .box b {
    margin-bottom: 8px;
    display: block;
    font-weight: 500;
}

.board_input_txt .box p {
    font-size: 0.94em;
    line-height: 1.45;
}

.board_input .checkbox {
    margin: 20px 0 10px;
}

.board_input .agreement {
    font-size: 0.95em;
    color: #666;
}

.board_input .agreement th {
    height: 40px !important;
    background: #eaeaea;
    color: #6f6f6f;
    border-color: #dcdcdc;
}

.board_input .agreement table {
    text-align: center;
    border-top: 1px solid #dcdcdc;
}

.board_input .agreement ul {
    border-bottom: 1px dotted #ddd;
    padding: 17px 10px;
}

.board_input .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}


/*policy
-------------------------------------------------------------------- */
/*.wrap.policy {
    padding: 40px 16px 40px;
    line-height: 1.5em;
}

.policy > * {
    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;
}

.policy h3,
.policy h4 {
    margin-top: 30px;
}

.policy p {
    margin: 20px 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: 5px 25px;
    font-size: 0.95em;
    margin-top: -10px;
}

.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: 14px;
    word-break: keep-all;
    font-size: 0.95em;
}

.policy td.noline {
    border-right: 0;
}
*/
/*evnet*/
.top_banner {
    display: flex;
    justify-content: center;
    padding: 0 10px;
    background: #17171a;
    position: absolute;
    top: 0;
    left: calc(50% - 300px);
    max-width: 600px;
    width: 100%;
    height: 40px;
    z-index: 999;
    font-size: 0.95em;
}

.top_banner > div {
    display: flex;
    align-items: center;
}

.top_banner > div:after {
    content: "\ea50";
    font-family: 'boxicons' !important;
    margin-left: 10px;
    color: #fff;
    opacity: 0.6;
}

.top_banner a {
    display: block;
    color: #fff;
    font-size: 0.98em;
}

.top_banner a small {
    font-size: 1.05em;
    font-weight: 200;
    margin-left: 5px;
}

.top_banner .txt_color {
    color: #c7b4ff;
}

.event_wrap {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.event_img {
    background-position: center !important;
    text-align: center;
}

.event_img.position {
    position: relative;
}

.event_img > img {
    margin: auto;
}

.event_img_tab {
    opacity: 0;
}

.event_img_mobile {
    display: none;
}

.event_btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event_btn img {
    max-width: 70vw;
}

.event_btn.main_btn {
    bottom: 60px;
}

.event_btn.sub_btn {
    bottom: 50px;
}

.event_wrap .store_list {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 60px;
}


/*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;
}

.one_top_cover h4{
    font-weight: 400;
}
.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 .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 .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;
}
.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);
    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;
}
*/


/*responsive
-------------------------------------------------------------------- */


/*1280px ----------------------------------------------*/
@media all and (max-width: 1279px) {

    /*board*/
    .board_input_txt h4 {
        display: none;
    }
}

/*1023px ----------------------------------------------*/
@media all and (max-width: 1023px) {
    .for_pc {
        display: none !important;
    }

    .for_mobile {
        display: block !important;
    }

    /*brand*/
    /*
    .store_list .store_brand {
        width: 100%;
    }

    .store_list .store_brand_thumbnail {
        padding-bottom: 50%;
        background-position: center !important;
    }
*/
    /*event*/
    .event_img {
        background: none !important;
    }

    .event_img_tab {
        width: 100%;
        opacity: 1;
    }

    /*board*/
    .board_list_top .search_box {
        width: calc(100% - 50px);
    }

    .board_list_table .item.header {
        display: none;
    }

    .board_list_table {
        display: block;
    }

    .board_list_table .item {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #eee;
        padding: 15px;
    }

    .board_list_table .item > * {
        display: block;
        width: 100%;
        border: 0;
        padding: 0;
    }

    .board_list_table .item .item_no {
        text-align: left;
        font-size: 0
    }

    .board_list_table .item.notice .item_no:after {
        display: block;
        width: fit-content;
        margin-bottom: 10px;
    }

    .board_list_table .item_title {
        font-size: 1.1em;
        margin: 5px 0
    }

    .board_input_txt .step {
        flex-flow: column;
    }

    .board_input_txt .box {
        padding: 25px;
    }

}

/*768px*/
@media all and (min-width: 769px) {
    .for_pc {
        display: block !important;
    }

    .for_mobile {
        display: none !important;
    }
}

/*768px----------------------------------------------*/
@media (max-width: 768px) {
    /*store*/
    .store_detail_brand_list .price .OG {
        display: none;
    }

    .store_detail_customer_title .btn {
        width: auto;
    }

    /*order*/
    .cart_content_item_table .form_item {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        padding: 5px 0;
    }

    .cart_content_item_table .form_item label {
        margin-bottom: 3px;
    }

    .cart_content_item_table .form_item .radio {
        margin-top: 5px;
    }

    .cart_content_item_table .deliv {
        width: 100%;
    }

    .cart_content_item_bottom .btn {
        width: auto;
    }

    .policy td.noline {
        min-width: 200px;
    }
}



/*600px----------------------------------------------*/
@media (max-width: 600px) {
    body{
        background: #fff;
    }
    /*layout*/
    .top_banner{
        left: 0;
    }
    .top_button {
        right: 12px;
        bottom: 128px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .top_button.main{
        bottom: 126px;
        width: 44px;
        height: 44px;
        line-height: 44px;
        border-radius: 18px;
        box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.05) 0px 4px 6px, rgba(0, 0, 0, 0.03) 0px 8px 30px;
    }
    .info_sub_button {
        right: 12px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .store_detail .info_buy{
        left: 0;
        right: 0;
    }
    .store_detail .info_buy_inner_back{
        left: 0;
    }
}


/* =========================================================
   LIFE MENTION — 데스크탑 양옆 레일 (side rails) 전용 CSS
   - 기존 사이트(가운데 600px .layout)는 그대로 두고, 양옆 거터에만 추가.
   - 위치: position:fixed 로 거터에 핀(레이아웃 구조 무변경 = 비침투).
   - 색: 사이트 토큰명(--main600, --grey*) 사용 + 폴백 → 사이트/단독 모두 OK.
   - 모바일·좁은 화면(<1280px)에선 숨김.
   ========================================================= */

.lm-rails{ display:none; }

@media (min-width:1280px){
    .lm-rails{ display:block; }

    .lm-rail{
        position:fixed; top:78px; bottom:80px; z-index:50;
        overflow-y:auto; overflow-x:hidden;
        font-family:"Pretendard Variable",Pretendard,-apple-system,sans-serif;
        color:var(--grey800,#1c1c1a);
        -ms-overflow-style:none; scrollbar-width:none;
    }
    .lm-rail::-webkit-scrollbar{ display:none; }

    /* 가운데 600px 컬럼 기준으로 좌/우 거터에 핀
       (50% = 화면 중앙, 300 = 컬럼 절반, 28 = 컬럼과의 간격) */
    .lm-rail--left{  right:calc(50% + 328px); width:248px; display:flex; flex-direction:column; justify-content:center;}
    .lm-rail--right{ left:calc(50% + 328px);  width:300px; }

    /* ---- 좌 레일 ---- */
    .lm-rail .wm{font-size: 0;background: url(../../web/img/UI/logo_black_l.svg) no-repeat;width: 74%;height: 34px;background-size: contain;}
    .lm-rail .sl{line-height: 1.25;font-size: 1.3em;font-weight: 600;margin: 24px 0 6px;}
    .lm-rail .tag{font-size: 0.95em;font-weight: 400;color:var(--grey400,#9a9a96);margin: 2px 0px 18px;}

    .lm-rail-search{
        display:flex;
        align-items:center;
        gap:8px;
        border:1px solid var(--grey200,#e3e1dc);
        border-radius:999px;
        background:#fff;
        padding: 6px 6px 6px 20px;
        margin-bottom: 68px;
    }
    .lm-rail-search input{border:0;outline:0;background:none;font-size:13px;width:100%;font-family:inherit;height: 30px;padding: 0;}
    .lm-rail-search__btn{ flex:0 0 auto; width:34px; height:34px; padding:0; border:0; border-radius:50%;
        background:var(--grey800,#1c1c1a); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
    .lm-rail-search__btn i{color:#fff;font-size:18px;text-align: center;margin-left: 2px;}

    .lm-rail-kw__t{font-size: 0.9em;font-weight: 600;color:var(--grey400,#9a9a96);margin-bottom:10px;}
    .lm-rail-kw a{
        display:inline-block;
        font-size: 0.9em;
        background: var(--grey50);
        border-radius:999px;
        padding:6px 12px;
        margin:0 6px 6px 0;
        color:var(--grey700,#444);
    }

    .lm-rail-bottom{position: fixed;bottom: 40px;width: 248px;}
    /* 좌 레일 하단: 브랜딩 띠배너 → About */
    .lm-rail-spacer{ flex:1 1 auto; min-height:24px; }
    .lm-rail-about{ display:block; border-top:1px solid var(--grey100,#eee); padding-top:18px; }
    .lm-rail-about__txt{display:flex;align-items:center;gap:10px;font-size: 0.9em;font-weight: 500;color:var(--grey800,#1c1c1a);}
    .lm-rail-about__bar{ flex:0 0 3px; align-self:stretch; min-height:22px; background:var(--main600,#17b96d); border-radius:999px; }
    .lm-rail-about__cta{font-size: 0.9em;color: var(--grey600);margin-top: 4px;padding-left:13px;}

    /* ③ 소식 받기(채널) — 좌 레일 하단 (About 위) */
    .lm-rail-channel{ margin-bottom:16px; }
    .lm-rail-channel__head{display:flex;align-items:center;gap:10px;margin-bottom: 18px;}
    .lm-rail-channel__ico{flex: 0 0 38px;width: 38px;height: 38px;border-radius:10px;background: url(../../web/img/UI/logo_white_s.svg) no-repeat 9px 9px var(--grey700);color:#fff;display:flex;align-items:center;justify-content:center;font-size: 0;background-size: 20px;}
    .lm-rail-channel__t{display:block;font-weight: 600;color:var(--grey800,#1c1c1a);line-height:1.3;}
    .lm-rail-channel__s{display:block;font-size: 0.85em;font-weight: 400;color:var(--grey400,#9a9a96);margin-top: 2px;}
    .lm-rail-channel__btns{ display:flex; gap:8px; }
    .lm-rail-channel__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border-radius: 5px;padding:9px 6px;font-size: 0.86em;color:var(--grey700,#444);border: 1px solid var(--grey100);letter-spacing: -0.05em;}
    .lm-rail-channel__btn i{ font-size:15px; }

    /* ---- 우 레일: 이 달, 이 브랜드 카드 ---- */
    .lm-rail-bm{background:#fff;border:1px solid var(--grey100,#eee);border-radius: 8px;overflow:hidden;}
    .lm-rail-bm__thumb{ display:block; aspect-ratio:4/3; background:var(--grey100,#eee); background-size:cover; background-position:center; }
    .lm-rail-bm__body{ padding:16px; }
    .lm-rail-bm__eyebrow{font-size: 0.85em;font-weight: 500;color:var(--grey400,#9a9a96);text-transform:uppercase;}
    .lm-rail-bm__name{display: block;font-size: 1.2em;font-weight: 600;color:var(--grey800,#1c1c1a);margin: 6px 0 24px;}
    .lm-rail-bm__sub{font-size: 0.85em;font-weight: 400;color:var(--grey400,#9a9a96);margin: 0 0 7px;}
    .lm-rail-bm__note-label{display:inline-block;font-size: 0.8em;font-weight:700;color:var(--grey800,#1c1c1a);background:var(--grey50,#f4f4f4);border-radius:5px;padding:4px 9px;margin-bottom:10px;}
    .lm-rail-bm__note{ font-size:13px; line-height:1.65; color:var(--grey600,#555); word-break:keep-all; white-space:pre-line; margin:0 0 12px; }
    .lm-rail-bm__tags{display:flex;flex-wrap:wrap;gap:6px;margin: 6px 0 14px;}
    .lm-rail-bm__tag{ font-size: 0.8em; color:var(--grey600,#555); background:var(--grey50,#f4f4f4); border-radius:999px; padding:4px 10px; }
    .lm-rail-bm__tag--main{ background:var(--grey100,#ebebeb); color:var(--grey800,#1c1c1a); font-weight:600; }
    .lm-rail-bm__btn{
        display:block;
        text-align:center;
        background:var(--grey800,#1c1c1a);
        color:#fff;
        font-weight: 500;
        padding:12px;
        border-radius: 5px;
    }
}

/* 아주 넓은 화면에서 거터가 충분하면 레일 폭 약간 키움(선택) */
@media (min-width:1480px){
    .lm-rail--left{  right:calc(50% + 352px); }
    .lm-rail--right{ left:calc(50% + 352px); }
}