@charset "utf-8";
.big-title-b { font-size: 30px; font-weight: 700; }
.big-title-n { font-size: 30px; font-weight: 400; }
.mid-title-b { font-size: 24px; font-weight: 700; }
.mid-title-n { font-size: 24px; font-weight: 400; }
.sm-title-b  { font-size: 18px; font-weight: 700; }
.sm-title-n  { font-size: 18px; font-weight: 400; }
.big-name-b { font-size: 18px; font-weight: 700; }
.big-name-n { font-size: 18px; font-weight: 400; }
.mid-name-b { font-size: 16px; font-weight: 700; }
.mid-name-n { font-size: 16px; font-weight: 400; }
.sm-name-b { font-size: 14px; font-weight: 700; }
.sm-name-n { font-size: 14px; font-weight: 400; }
.big-info-b { font-size: 15px; font-weight: 700; }
.big-info-n { font-size: 15px; font-weight: 400; }
.mid-info-b { font-size: 13px; font-weight: 700; }
.mid-info-n { font-size: 13px; font-weight: 400; }
.sm-info-b { font-size: 11px; font-weight: 700; }
.sm-info-n { font-size: 11px; font-weight: 400; }
.tag13-b { font-size: 13px; font-weight: 600; }
.tag13-n { font-size: 13px; font-weight: 400; }
.tag12-b { font-size: 12px; font-weight: 600; }
.tag12-n { font-size: 12px; font-weight: 400; }
@media(max-width: 768px) {
    .big-title-b { font-size: 24px; font-weight: 700; }
    .big-title-n { font-size: 24px; font-weight: 400; }
    .mid-title-b { font-size: 18px; font-weight: 700; }
    .mid-title-n { font-size: 18px; font-weight: 400; }
    .sm-title-b  { font-size: 14px; font-weight: 700; }
    .sm-title-n  { font-size: 14px; font-weight: 400; }
    .big-name-b { font-size: 16px; font-weight: 700; }
    .big-name-n { font-size: 16px; font-weight: 400; }
    .mid-name-b { font-size: 14px; font-weight: 700; }
    .mid-name-n { font-size: 14px; font-weight: 400; }
    .sm-name-b { font-size: 12px; font-weight: 700; }
    .sm-name-n { font-size: 12px; font-weight: 400; }
    .big-info-b { font-size: 13px; font-weight: 700; }
    .big-info-n { font-size: 13px; font-weight: 400; }
    .mid-info-b { font-size: 12px; font-weight: 700; }
    .mid-info-n { font-size: 12px; font-weight: 400; }
    .sm-info-b { font-size: 11px; font-weight: 700; }
    .sm-info-n { font-size: 11px; font-weight: 400; }
    .tag13-b { font-size: 12px; font-weight: 600; }
    .tag13-n { font-size: 12px; font-weight: 400; }
    .tag12-b { font-size: 11px; font-weight: 600; }
    .tag12-n { font-size: 11px; font-weight: 400; }
}
/* subpage title */
.sub-page-top { padding: 35px 0 25px 0; }
.sub-page-top > .sub-page-title > span:first-child { }
.sub-page-top > .sub-page-title > span + span { display: inline-block; margin-left: 10px; color: var(--colorgray); }
@media(max-width: 768px) {
    .sub-page-top { padding: 25px 0 15px 10px; }
    .sub-page-top > .sub-page-title > span:first-child { }
    .sub-page-top > .sub-page-title > span + span { display: inline-block; margin-left: 10px; color: var(--colorgray); }
}
/* sub page */
.sub-page-category { position: relative; margin: 35px 0 35px 0; }
.sub-page-category > ul { position: relative; display: flex; }
.sub-page-category > ul > li { }
.sub-page-category > ul > li:not(:last-child) { margin-right: 8px; }
.sub-page-category > ul > li > a { position: relative; display: block; min-width: 130px; height: 46px; line-height: 46px; white-space: nowrap; text-align: center; background-color: #fafafa; border: 1px solid #fafafa; }
.sub-page-category > ul > li > a:not(.on):hover { background-color: #fff; border-color: var(--accent); color: var(--accent); }
.sub-page-category > ul > li > a.on { background-color: var(--accent); border-color: var(--accent); color: #fff; }
@media (max-width: 768px) {
    .sub-page-category { margin: 10px 0 25px 0; padding: 0 10px; overflow-x: auto; }
    .sub-page-category > ul { }
    .sub-page-category > ul > li { }
    .sub-page-category > ul > li:not(:last-child) { margin-right: 8px; }
    .sub-page-category > ul > li > a { width: auto; min-width: 80px; padding: 0 15px; height: 40px; line-height: 40px; font-size: 13px; }
    .sub-page-category > ul > li > a:not(.on):hover { }
    .sub-page-category > ul > li > a.on { }
}


.item-list-more { width: 100%; text-align: center; margin: 25px 5px; border: 1px solid #ddd; line-height: 45px; }
.item-list-more > span { display: inline-block; margin-right: 3px; cursor: pointer; font-size: 15px; }

/* rental list */
.page-rental .item-list-category  { position: relative; }
.item-list-filter { position: relative; width: 100%; border-top: 2px solid #000; margin-bottom: 35px; }
.item-list-filter > .filter-check-wrap { padding: 13px 30px 8px 30px; background-color: #fafafa; }
.item-list-filter > .filter-check-wrap > .filter-row { position: relative; display: flex; }
.item-list-filter > .filter-check-wrap > .filter-row:not(:last-child) { margin-bottom: 8px; }
.item-list-filter > .filter-check-wrap > .filter-row > .dth { flex: 0 0 120px; font-weight: 500; color: #000; }
.item-list-filter > .filter-check-wrap > .filter-row > .dtd { flex: 1 1 auto; max-width: calc( 100% - 120px ); }
/* check-item */
.filter-items { position: relative; display: flex; flex-wrap: wrap; }
.filter-items > .check-item { position: relative; display: inline-block; width: 110px; margin-right: -1px; padding-left: 0; }
.filter-items > .check-item > .check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
.filter-items > .check-item > .check + label { position: relative; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; height: 28px; width: 100%; border: 1px solid transparent; text-align: center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; }
.filter-items > .check-item > .check:checked + label { font-weight: bold; width: calc( 100% + 1px ); background-color: #fff; border: 1px solid var(--accent); color: var(--accent); z-index: 2; }
.filter-items > .check-item > .check + label:after { position: absolute; display: block; top: 7px; right: -0.5px; height: 14px; width: 1px; content: ""; background: #ddd; box-sizing: border-box; }
.filter-items > .check-item:last-child > .check + label:after { opacity: 0; }
.filter-items > .check-item > .check:checked + label:after { opacity: 0; }
.filter-select-row { position: relative; display: flex; padding: 12px 15px 7px 15px; border-bottom: 1px solid #e6e6e6; }
.filter-section { position: relative; flex: 1 1 auto; max-width: 100%; display: flex; }
.filter-section > p { font-weight: 500; font-size: 14px; }
.filter-section > span { position: relative; display: inline-block; margin-left: 35px; cursor: pointer; font-size: 14px; }
.filter-section > span > .material-icons { position: absolute; top: 0; right: -19px; font-size: 14px; width: 18px; height: 18px; background-color: #fafafa; border-radius: 50%; line-height: 18px; text-align: center; font-weight: 600; }
.filter-reset { flex: 0 0 auto; margin-left: auto; display: flex; }
.filter-reset .reset-text { padding-left: 2px; cursor: pointer; }
@media(max-width: 768px) {
    .item-list-filter { border: 0; }
    .item-list-filter > .filter-check-wrap { padding: 12px 8px 12px 8px; }
    .item-list-filter > .filter-check-wrap:not(:first-child) { padding-top: 0; }
    .item-list-filter > .filter-check-wrap > .filter-row { flex-wrap: wrap; }
    .item-list-filter > .filter-check-wrap > .filter-row:not(:last-child) {  }
    .item-list-filter > .filter-check-wrap > .filter-row > .dth { flex: 1 1 100%; max-width: 100%; font-size: 14px; font-weight: 500; color: #000; margin-bottom: 5px; }
    .item-list-filter > .filter-check-wrap > .filter-row > .dtd { flex: 1 1 100%; max-width: 100%; font-size: 12px; }
    .filter-items { flex-wrap: wrap; overflow: hidden; }
    .filter-items > .check-item { position: relative; display: inline-block; flex: 1 1 33.33333%; max-width: 33.33333%; margin-right: -1px; padding-left: 0; padding-right: 3px; margin-bottom: 3px; }
    .filter-items > .check-item:after { display: none; }
    .filter-items > .check-item:last-child:after { height: 0px; width: 0px; display: none; }
    .filter-items > .check-item:not(:last-child) { margin-right: 0; }
    .filter-items > .check-item > .check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
    .filter-items > .check-item > .check + label { padding: 0 12px; border: 1px solid #ddd; background-color: #fff; }
    .filter-items > .check-item > .check + label:after { display: none; }
    .filter-items > .check-item > .check:checked + label { }
    .filter-select-row { position: relative; display: flex; padding: 8px 3px 7px 3px; min-height: 33px; border-bottom: 1px solid #e6e6e6; }
    .filter-section { position: relative; flex: 1 1 auto; max-width: 100%; display: flex; }
    .filter-section > p { display: none; }
    .filter-section > span { margin-left: 20px; font-size: 12px; }
    .filter-section > span > .material-icons { position: absolute; top: 4px; right: -15px; font-size: 13px; width: unset; height: unset; background-color: transparent; border-radius: 0; line-height: 1; font-weight: normal; }
    .filter-reset { flex: 0 0 auto; margin-left: auto; display: flex; }
    .filter-reset .reset-button { display: inline-block; background: url(/images/reset-button.png)no-repeat center center/contain;  position: relative; padding-left: 15px; margin-top: 2px; width: auto; height: 16px; cursor: pointer; }
    .filter-reset .reset-text { display: none; }
}
.item-list-header { position: relative; display: flex; padding: 12px 0 12px 0; border-bottom: 1px solid var(--boxbrbase); margin-bottom: 25px; }
.item-list-header .item-count { font-size: 20px; padding-left: 5px; }
.item-list-header .item-count > b { font-weight: 600; color: var(--accent); }
.item-list-header .item-sort-filter { position: relative; width: auto; min-width: 100px; margin-left: auto; }
.item-list-header .item-sort-filter .item-sort-box { position: relative; width: 100%; z-index: 10; }
.item-list-header .item-sort-filter .item-sort-box > ul { position: absolute; width: 100%; height: 32px; top: 0px; right: 30px; overflow: hidden; background-color: #fff; padding-bottom: 5px; border: 1px solid #f0f0f0; border-right: none; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.item-list-header .item-sort-filter .item-sort-box > ul.open { overflow: visible; height: auto; right: 0; width: calc( 100% + 30px ); border-right: 1px solid #f0f0f0; border-radius: 12px; }
.item-list-header .item-sort-filter .item-sort-box > ul > li { display: none; padding: 0 55px 0 15px; font-size: 14px; width: 100%; cursor: pointer; height: 32px; line-height: 30px; white-space: nowrap; }
.item-list-header .item-sort-filter .item-sort-box > ul > li.on { display: block; }
.item-list-header .item-sort-filter .item-sort-box .btn-arrow-down { position: absolute; display: flex; justify-content: center; align-items: center; top: 0px; right: 0; bottom: 0; background-color: transparent; background-color: #fff; width: 30px; height: 32px; padding: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; line-height: 30px; border: 1px solid #f0f0f0; border-left: none; }
.item-list-header .item-sort-filter .item-sort-box > ul.open + .btn-arrow-down { border-bottom: 1px solid transparent; /*border-left: 1px solid transparent;*/ border-bottom-right-radius: 0; }
@media(max-width: 768px) {
    .item-list-header { padding: 12px 10px 12px 10px; }
    .item-list-header .item-count { font-size: 16px; }
    .item-list-header .item-sort-filter .item-sort-box > ul { height: 28px; z-index: 10; top: 0; right: 30px; }
    .item-list-header .item-sort-filter .item-sort-box > ul.open { width: calc( 100% + 30px ); right: 0; }
    .item-list-header .item-sort-filter .item-sort-box > ul > li { display: none; padding: 0 45px 0 15px; font-size: 12px; height: 28px; line-height: 26px; }
    .item-list-header .item-sort-filter .item-sort-box .btn-arrow-down { top: 0; height: 28px;line-height: 26px; }
    .item-list-header .item-sort-filter .item-sort-box > ul.open + .btn-arrow-down { }
}

/* list */
.rental-list .search-item-list { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.rental-list .search-item-list.swiper-wrapper { flex-wrap: nowrap; margin: 0; }
.rental-list .search-item-list.swiper-wrapper > li.swiper-slide { padding: 0 5px; }
.rental-list .item-list { padding: 0 10px; margin-bottom: 15px; }
.rental-list .item-list > .goods-box { position: relative; display: flex; flex-direction: column; height: 100%; }
.rental-list .item-list > .goods-box:hover { border-color: var(--accent); }
.rental-list .item-list > .goods-box > .item-image { position: relative; padding: 0; overflow: hidden; background-color: #fff; border-radius: 6px; border: 1px solid var(--boxbrbase); }
.rental-list .item-list > .goods-box > .item-image img { width: 100%; transition: all,.3s; border-radius: 6px; }
.rental-list .item-list > .goods-box > .item-image:hover img { transform: scale(1.1); }
.rental-list .item-list > .goods-box > .item-image > a { display: block; border: none; }
.rental-list .item-list > .goods-box > .item-image > .item-promotion { position: absolute; left: 0; bottom: 1px; display: flex; flex-direction: column; }
.rental-list .item-list > .goods-box > .item-image > .item-promotion > .badge-promotion { background-color: #fff; background-color: var(--accent); color: #fff; padding: 2px 8px; font-size: 11px; border-radius: .25rem; text-align: center; }
.rental-list .item-list > .goods-box > .item-image > .item-promotion > .badge-promotion:not(:last-child) { margin-bottom: 3px; }
.rental-list .item-list > .goods-box > .item-cont { position: relative; padding: 12px 5px 26px; flex: 0 0 auto; display: flex; flex-direction: column; }
.rental-list .item-list > .goods-box > .item-cont > p.item_name { font-size: 15px; font-weight: 500; height: 42px; line-height: 1.3; letter-spacing: -0.5px; white-space: normal; text-overflow: ellipsis; overflow-y: hidden; margin: 5px 0 8px; }
.rental-list .item-list > .goods-box > .item-cont > p.item_name > a { }
.rental-list .item-list > .goods-box > .item-cont > p.item_name > a > .br { display: inline-block; color: var(--accent); margin-right: 5px; }
.rental-list .item-list > .goods-box > .item-cont > p.item_card { font-size: 13px; height: 18px; }
.rental-list .item-list > .goods-box > .item-cont > .item_price { display: flex; margin-top: auto; }
.rental-list .item-list > .goods-box > .item-cont > .item_price > span { display: inline-block; }
.rental-list .item-list > .goods-box > .item-cont > .item_price > span.sale_price { font-size: 22px; margin-bottom: 0; letter-spacing: -0.5px; font-weight: 500; }
.rental-list .item-list > .goods-box > .item-cont > .item_price > span.origin_price { align-self: flex-end; margin-left: 8px; color: #6B6B6B; font-size: 13px; font-weight: 300; margin-bottom: 3px; }
.rental-list .item-list > .goods-box > .item-cont > .item_price > .strike { position: relative; display: inline-block; font-size: 15px; }
.rental-list .item-list > .goods-box > .item-cont > .item_price > .strike:before { position: absolute; content: ''; left: -2px; right: -2px; height: 1px; background: #999; top: 7px; }
.rental-list .item-list > .goods-box > .item-cont > .price_ico { display: flex; }
.rental-list .item-list > .goods-box > .item-cont > .price_ico > .star { margin-left: auto; align-self: center; }
.rental-list .item-list > .goods-box > .item-cont > .price_ico > .point { align-self: center; }
.rental-list .item-list > .goods-box > .item-cont > .price_ico > .point > span { display: inline-block; padding: 2px 4px; text-align: center; border: 1px solid var(--tagftcolor); border-radius: 3px; font-size: 12px; color: var(--tagftcolor); letter-spacing: -0.5px; }
.rental-list .item-list > .goods-box > .item-cont > .price_ico > .ico-wish { margin-left: auto; color: #dedede; cursor: pointer; }
.rental-list .item-list > .goods-box > .item-cont > .price_ico > .ico-wish.active { color: var(--accent); }
.rental-list .item-list > .goods-box > .item-cont > p.item_badge { display: flex; margin-top: 5px; }
.rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge { font-size: 11px; height: 21px; line-height: 19px; border-radius: 3px; padding: 0 7px; font-weight: 400; }
.rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge:nth-child(odd) { background-color: var(--accent); border: 1px solid var(--accent); color: #fff; }
.rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge:nth-child(even) { background-color: #fff; border: 1px solid var(--accent); color: var(--accent); }
.rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge:not(:last-child) { margin-right: 5px; }
.rental-list .item-list > .goods-box > .item-icon-wrap { left: unset; right: 5px; }
.rental-list .item-list > .goods-box > .item-logo { position: absolute; left: 5px; top: 5px; }
@media(max-width: 768px) {
    .rental-list .search-item-list { margin: 0; }
    .rental-list .item-list { padding: 0 10px; margin-bottom: 15px; }
    .rental-list .item-list > .goods-box { position: relative; }
    .rental-list .item-list > .goods-box:hover { border-color: var(--accent); }
    .rental-list .item-list > .goods-box > .item-image { position: relative; padding: 0; }
    .rental-list .item-list > .goods-box > .item-image img { width: 100%; height: auto; }
    .rental-list .item-list > .goods-box > .item-image > .item-promotion { left: 8px; bottom: 5px; }
    .rental-list .item-list > .goods-box > .item-image > .item-promotion > .badge-promotion { font-size: 12px; }
    .rental-list .item-list > .goods-box > .item-image > .item-promotion > .badge-promotion:not(:last-child) { margin-bottom: 3px; }
    .rental-list .item-list > .goods-box > .item-cont { position: relative; padding: 22px 8px 13px; margin-top: 5px; }
    .rental-list .item-list > .goods-box > .item-cont > p.item_badge { position: absolute; top: 0; left: 0; display: flex; }
    .rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge { font-size: 11px; height: 19px; line-height: 17px; }
    .rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge:not(:first-child) { }
    .rental-list .item-list > .goods-box > .item-cont > p.item_badge > .badge:not(:last-child) { margin-right: 5px; }
    .rental-list .item-list > .goods-box > .item-cont > p.item_name { font-size: 14px; height: 40px; line-height: 21px; }
    .rental-list .item-list > .goods-box > .item-cont > p.item_card { font-size: 12px; }
    .rental-list .item-list > .goods-box > .item-cont > .item_price { display: flex; }
    .rental-list .item-list > .goods-box > .item-cont > .item_price > span { display: inline-block; }
    .rental-list .item-list > .goods-box > .item-cont > .item_price > span.sale_price { font-size: 18px; margin-bottom: 0; letter-spacing: -0.5px; font-weight: 500; }
    .rental-list .item-list > .goods-box > .item-cont > .item_price > span.origin_price { align-self: flex-end; margin-left: 8px; color: #6B6B6B; font-size: 12px; font-weight: 300; margin-bottom: 3px; }
    .rental-list .item-list > .goods-box > .item-cont > .price_ico { }
    .rental-list .item-list > .goods-box > .item-cont > .price_ico > .star { }
    .rental-list .item-list > .goods-box > .item-cont > .price_ico > .point { }
    .rental-list .item-list > .goods-box > .item-cont > .price_ico > .point > span { font-size: 11px; }
    .rental-list .item-list > .goods-box > .item-cont > .price_ico > .ico-wish { }
    .rental-list .item-list > .goods-box > .item-cont > .price_ico > .ico-wish.active { }
}

/* gift */
.gift-list-container { display: flex; }
.gift-list-container > .gift-list-wrap { flex: 1 1 70%; max-width: 70%; max-height: 760px; overflow-y: scroll; }
.gift-list-container > .gift-list-wrap::-webkit-scrollbar{ width: 3px; background: var(--bgbase); box-sizing: border-box; border-radius: 3px;}
.gift-list-container > .gift-list-wrap::-webkit-scrollbar-thumb{ width: 3px; box-sizing: border-box; border-radius: 3px; background: var(--bgbase); }
.gift-list-container > .gift-list-wrap::-webkit-scrollbar-track{}
.gift-list-container > .member-gift-box { flex: 1 1 30%; max-width: 30%; padding-left: 25px; }
.gift-list-container .cart-gift-box > .cart-empty { display: block; }
.gift-list-container .cart-gift-box > .cart-item + .cart-empty { display: none; }
.gift-list-container > .list-wrapper .item-list { margin-bottom: 25px; padding: 0 10px; }
.item-list .gift-box,.item-list .gift-box:hover { border-color: transparent; }
.item-list .gift-box > .item-image { overflow: hidden; border: 1px solid var(--boxbrbase); border-radius: 8px; }
.item-list .gift-box > .item-image img { width: 100%; height: auto; }
.item-list .gift-box > .item-conf { }
.item-list .gift-box > .item-conf > .item-name { }
.item-list .gift-box > .item-conf > .item-name > a { display: inline-block; font-size: 14px; padding: 12px 5px 8px 5px; line-height: 1.2; height: 54px; overflow: hidden; text-overflow: ellipsis; }
.item-list .gift-box > .item-price { text-align: right; margin-top: auto; padding: 0 10px; }
.item-list .gift-box > .item-price > span { color: var(--fontaccent); font-weight: 500; font-size: 15px; }
.item-list .gift-box > .item-btn { margin-top: auto; }
.item-list .gift-box > .item-price + .item-btn { margin-top: 5px; }
.item-list .gift-box > .item-btn > button { border: 1px solid var(--accent); color: var(--accent); border-radius: 25px; text-align: center; width: 100%; padding: 8px; background-color: #fff; font-size: 13px; }
.member-gift-box { }
.member-gift-box > .member-gift-inner { }
.member-gift-box > .member-gift-inner > .gift-box-cart { position: relative; border: 1px solid var(--boxbrbase); border-radius: 16px; padding: 40px 25px 50px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .member-point-box { background-color: #f0f5f5; border-radius: 6px; padding: 12px 15px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .member-point-box > p.guide { letter-spacing: -1px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .member-point-box > .login-btn { margin-top: 3px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .member-point-box > .login-btn > a.login { display: inline-block; background-color: var(--accent); color: #fff; width: 100%; padding: 8px; text-align: center; font-weight: 500; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .member-point-box > p.txt { }
.member-gift-box > .member-gift-inner > .gift-box-cart > .member-point-box > p.point { font-size: 22px; color: var(--accent); font-weight: 600; text-align: right; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap { margin-top: 25px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > h3 { font-size: 15px; padding-bottom: 5px; border-bottom: 1px solid var(--boxbrbase); }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box { margin-top: 8px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-empty { text-align: center; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-empty > p { position: relative; width: 30%; max-width: 180px; margin: 0 auto; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-empty > p img { width: 100%; height: auto; opacity: 0.7; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-empty > span { display: inline-block; margin-top: 5px; font-size: 14px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item { border-bottom: 1px dashed var(--boxbrbase); }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item:last-child { border-bottom: none; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item { display: flex; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-image { flex: 0 0 80px; max-width: 80px; padding: 10px; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-image img { width: 100%; height: auto; border: 1px solid var(--boxbrbase); }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-conf { font-size: 14px; flex: 1 1 auto; align-self: center; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-btn { flex: 0 0 60px; align-self: center; text-align: center; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-btn > button { display: inline-block; font-size: 12px; padding: 4px 16px; background-color: transparent; border: 1px solid var(--accent); border-radius: 6px; color: var(--accent); }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-gift-btn { margin-top: 10px; text-align: right; }
.member-gift-box > .member-gift-inner > .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-gift-btn > button { display: inline-block; padding: .375rem 1.25rem; background-color: var(--accent); color: #fff; border-radius: 6px; letter-spacing: -1px; font-weight: 500; }
@media(max-width: 768px) {
    .gift-list-container { flex-wrap: wrap; }
    .gift-list-container > .gift-list-wrap { flex: 1 1 100%; max-width: 100%; order: 2; }
    .gift-list-container > .member-gift-box { flex: 1 1 100%; max-width: 100%; padding: 0 10px; order: 1; overflow: hidden; margin-bottom: 15px; }
    .member-gift-box > .member-gift-inner { }
    .member-gift-box > .member-gift-inner > .gift-box-cart { padding: 15px; }
    .gift-box-cart > .cart-gift-wrap { margin-top: 15px; }
    .gift-box-cart > .cart-gift-wrap > h3 { padding-left: 10px; }
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box { max-height: 260px; overflow-y: scroll; }
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box::-webkit-scrollbar{ width: 3px; background: var(--bgbase); box-sizing: border-box; border-radius: 3px;}
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box::-webkit-scrollbar-thumb{ width: 3px; box-sizing: border-box; border-radius: 3px; background: var(--bgbase); }
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box::-webkit-scrollbar-track{}
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item { padding-right: 10px; }
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-empty { padding-bottom: 15px; height: 120px; }
    .gift-box-cart > .cart-gift-wrap > .cart-gift-box > .cart-gift-btn { margin-top: 10px; padding-right: 5px; }
}

.myModal.modal-gift-view { }
.myModal.modal-gift-view .myModal-dialog { max-width: 768px; height: auto; border-radius: 0; }
.myModal.modal-gift-view .content-view-wrap { }
.myModal.modal-gift-view .content-view-wrap h5 { font-size: 18px; font-weight: 600; padding-bottom: 12px; border-bottom: 1px solid var(--boxbrbase); }
.myModal.modal-gift-view .content-view-wrap .view-content { padding: 0 25px; }
.myModal.modal-gift-view .content-view-wrap .view-content img { width: auto; height: auto; max-width: 100%; }
.myModal.modal-gift-view .content-view-wrap .view-content .image-wrap { text-align: center; }
.myModal.modal-gift-view .content-view-wrap .view-content .content-wrap { padding: 50px 0; }

/* review */
.review-list-wrap { flex-wrap: wrap; }
.review-list-wrap > .review-list { padding: 0 10px; margin-bottom: 25px; }
.review-list-box { position: relative; border: 1px solid var(--boxbrbase); border-radius: 8px; overflow: hidden; }
.review-list-box > a.image { display: inline-block; }
.review-list-box > a.image > img { width: 100%; height: auto; }
.review-list-box > .list-cont { padding: 15px 10px; }
.review-list-box > .list-cont > .cont-head { display: flex; }
.review-list-box > .list-cont > .cont-head > .name { margin-left: auto; }
.review-list-box > .list-cont > .cont-head > .name img { width: auto; max-width: 70px; }
.review-list-box > .list-cont > .cont-head > .star { align-self: center; }
.review-list-box > .list-cont > .cont-head > .star .star_div:not(:first-child) { margin-left: 3px; }
.review-list-box > .list-cont > .cont-head > .star .star_wrap .star_div:before,
.review-list-box > .list-cont > .cont-head > .star .star_wrap .star_div:after { font-size: 15px; }
.review-list-box > .list-cont > .cont-body { }
.review-list-box > .list-cont > .cont-body > p.subject { text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.review-list-box > .list-cont > .cont-body > .content { text-align: left; height: 38px; margin-top: 8px; color: var(--darkgray); overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.review-list-box > .list-cont > .cont-tail { display: flex; padding: 12px 0 5px 0; }
.review-list-box > .list-cont > .cont-tail > a { margin-left: auto; display: inline-block; padding: 2px 8px; font-size: 13px; background-color: var(--darkgray); border: 1px solid var(--darkgray); color: #fff; align-self: center; border-radius: 25px; }
.review-list-box > .list-cont > .cont-tail > a svg { width: 21px; height: 21px; }
.review-list-box > .list-cont > .cont-tail > a svg path { fill: var(--fontaccent); }
.review-list-box > .list-cont > .cont-tail > .sm-name-n { align-self: center; }
.content-box .review-list-box > .list-cont > .cont-tail > a { display: none; }
.review-list-wide { width: 100% !important; max-width: 100% !important; margin: 0 auto; height: auto; }
.review-list-wide .review-list { padding: 0 10px; }
.review-list-wide .review-list > .list-wide-box { display: block; background-color: #fff; border: none; border-radius: 0; }
.review-list-wide .review-list > .list-wide-box > .list-cont { display: flex; padding: 0; margin: 0; border: 1px solid var(--boxbrbase); border-radius: 12px; overflow: hidden; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .image { display: block; flex: 0 0 120px; max-width: 120px; height: 120px; overflow: hidden; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .image img { width: 100%; height: auto; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content { position: relative; flex: 1 1 auto; max-width: calc( 100% - 120px ); }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-head { display: flex; padding: 10px; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-head > .star { margin: 0; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-head > .star .star_div:not(:first-child) { }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-head > .star .star_wrap .star_div:before,
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-head > .star .star_wrap .star_div:after { font-size: 14px; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-head > .sm-name-n { align-self: flex-end; margin-left: auto; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-body { position: relative; width: 100%; padding: 0 10px; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-body .subject { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.review-list-wide .review-list > .list-wide-box > .list-cont > .content > .cont-body .content { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; padding-top: 5px; overflow: hidden; color: var(--darkgray); text-overflow: ellipsis; line-height: 19px; }
.review-list-wide .review-list > .list-wide-box > .list-tail { display: flex; }
.review-list-wide .review-list > .list-wide-box > .list-tail > .name { align-self: center; }
.review-list-wide .review-list > .list-wide-box > .list-tail > .name img { width: auto; max-width: 70px; }
.review-list-wide .review-list > .list-wide-box > .list-tail > a { margin-left: auto; display: inline-block; padding: 2px 8px; font-size: 13px; background-color: var(--darkgray); border: 1px solid var(--darkgray); color: #fff; align-self: center; border-radius: 25px; }
.review-list-wide .review-list > .list-wide-box > .list-tail > a svg { width: 21px; height: 21px; }
.review-list-wide .review-list > .list-wide-box > .list-tail > a svg path { fill: var(--fontaccent); }
@media(max-width: 768px) {
    .review-list-wrap {}
    .review-list-wrap > .review-list { padding: 0 5px; }
    .review-list-box > .list-cont > .cont-head { }
    .review-list-box > .list-cont > .cont-head > .name { }
    .review-list-box > .list-cont > .cont-head > .star { }
    .review-list-box > .list-cont > .cont-head > .star .star_div:not(:first-child) { margin-left: 1px; }
    .review-list-box > .list-cont > .cont-head > .star .star_wrap .star_div:before,
    .review-list-box > .list-cont > .cont-head > .star .star_wrap .star_div:after { font-size: 13px; }
    .review-list-box > .list-cont > .cont-head > .name img { width: auto; max-width: 50px; }
    .review-list-box > .list-cont > .cont-tail > a { font-size: 12px; }
    .review-list-wide .review-list > .list-wide-box > .list-tail > .name img { width: auto; max-width: 50px; }
    .review-list-wide .review-list > .list-wide-box > .list-tail > a { font-size: 12px; }
}
/* 핸드폰 상품 목록 */
.mshop-container-wrap.list-type-basic { margin-bottom: 50px }
.mshop-container-wrap.list-type-basic .list-container-top { position: relative; margin: 25px 0; z-index: 2; }
.mshop-container-wrap.list-type-basic .list-filter-sort { position: relative; display: flex; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .total-count { align-self: center; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .total-count > span { }
.mshop-container-wrap.list-type-basic .list-filter-sort > .total-count > span b { display: inline-block; color: var(--fontaccent); font-weight: 700; margin-left: 3px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon { margin-left: auto; align-self: flex-end; padding-bottom: 2px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button { display: inline-block; width: 18px; height: 18px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button + button { margin-left: 1px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button svg { }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button svg rect { fill: var(--lightgray); }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button.on svg rect { fill: var(--colorgray); }
.mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon + .sort-item-row { margin-left: 10px !important; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row { margin-left: auto; flex: 0 0 150px; position: relative; height: 32px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul { position: absolute; width: 120px; height: 32px; top: 0px; left: 0; overflow: hidden; background-color: #fff; border: 1px solid #f0f0f0; border-right: none; border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul.open { overflow: visible; height: auto; right: 0; width: 100%; border-right: 1px solid #f0f0f0; border-radius: 12px; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul > li { display: none; padding: 0 55px 0 15px; font-size: 14px; width: 100%; cursor: pointer; height: 32px; line-height: 30px; white-space: nowrap; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul > li.active { display: block; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row .btn-arrow-down { position: absolute; display: flex; justify-content: center; align-items: center; top: 0px; right: 0; bottom: 0; background-color: transparent; background-color: #fff; width: 30px; height: 32px; padding: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; line-height: 30px; border: 1px solid #f0f0f0; border-left: none; }
.mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul.open + .btn-arrow-down { border-bottom: 1px solid transparent; border-left: none; border-bottom-right-radius: 0; }
@media(max-width: 768px) {
    .mshop-container-wrap.list-type-basic { }
    .mshop-container-wrap.list-type-basic .list-container-top { position: relative; margin: 15px 0; z-index: 2; }
    .mshop-container-wrap.list-type-basic .list-filter-sort { padding: 0 10px; }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .total-count { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .total-count > span { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .total-count > span b { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button + button { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button svg { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button svg rect { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon > button.on svg rect { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .list-style-icon + .sort-item-row { margin-left: 5px !important; }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row { flex: 0 0 120px; }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul { width: 90px; }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul.open { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul > li { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul > li.active { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row .btn-arrow-down { }
    .mshop-container-wrap.list-type-basic .list-filter-sort > .sort-item-row > ul.open + .btn-arrow-down { }
}
/* item-list basic*/
.mshop-list-wrapper { width: 100%; min-height: 460px; }
.mshop-container-wrap .search-item-list { position: relative; width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; margin: 0; }
.mshop-container-wrap .search-item-list.swiper-wrapper { flex-wrap: nowrap; }
.mshop-container-wrap .search-item-list > .item-list { position: relative; padding: 0 8px; margin-bottom: 15px; }
.mshop-container-wrap .search-item-list.swiper-wrapper > .item-list { }
.mshop-container-wrap .item-list > .goods-box { position: relative; display: block; padding: 10px 20px 15px 20px; background-color: #fff; border-radius: 16px; border: 1px solid var(--boxbrbase); }
.mshop-container-wrap .item-list > .goods-box .list-image { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--boxbrbase); }
.mshop-container-wrap .item-list > .goods-box .list-image > a { display: inline-block; padding: 15px; }
.mshop-container-wrap .item-list > .goods-box .list-image > a img { width: 100%; height: auto; }
.mshop-container-wrap .item-list > .goods-box .list-image > .list-tags { height: 21px; display: flex; justify-content: center; }
.mshop-container-wrap .item-list > .goods-box .list-image > .list-tags > .tag { position: relative; }
.mshop-container-wrap .item-list > .goods-box .list-image > .list-tags > .tag:before { content: '#'; }
.mshop-container-wrap .item-list > .goods-box .list-image > .list-tags > .tag:not(:first-child) { margin-left: 5px; }
.mshop-container-wrap .item-list > .goods-box .list-image > .list-name { text-align: center; }
.mshop-container-wrap .item-list > .goods-box .item-color { margin: 10px auto 5px auto; display: flex; }
.mshop-container-wrap .item-list > .goods-box .item-color .color-bg { width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin-right: 5px; }
.mshop-container-wrap .item-list > .goods-box .item-color .color-bg:last-child { margin-right: 0; }
.mshop-container-wrap .item-list > .goods-box > .list-item { position: relative; padding: 5px 0 10px 0; }
.mshop-container-wrap .item-list > .goods-box > .list-item .list-bill { }
.mshop-container-wrap .item-list > .goods-box > .list-item .list-bill > span { }
.mshop-container-wrap .item-list > .goods-box > .list-item .list-bill > span + span { margin-left: 5px; }
.mshop-container-wrap .item-list > .goods-box > .list-item > .list-price { margin-top: 3px; padding: 0 5px; }
.mshop-container-wrap .item-list > .goods-box > .list-item > .list-price > li { display: flex; line-height: 21px; }
.mshop-container-wrap .item-list > .goods-box > .list-item > .list-price > li > span { }
.mshop-container-wrap .item-list > .goods-box > .list-item > .list-price > li > span + span { margin-left: auto; }
.mshop-container-wrap .item-list > .goods-box > .list-item > .price { text-align: right; line-height: 38px; }
.mshop-container-wrap .item-list > .goods-box > .list-btn { display: flex; justify-content: center; }
.mshop-container-wrap .item-list > .goods-box > .list-btn > .btn-wrap { max-width: 110px; }
.mshop-container-wrap .item-list > .goods-box > .list-btn > .btn-wrap + .btn-wrap { margin-left: 8px; }
.mshop-container-wrap .item-list > .goods-box > .list-btn > .btn-wrap > .btn { font-size: 14px; border-radius: 6px; font-weight: 600; }
.mshop-container-wrap .item-list > .goods-box > .item-icon-wrap { top: 15px; left: 15px; }
.mshop-container-wrap .search-item-list.album { }
.mshop-container-wrap .search-item-list.album > .item-list { }
.mshop-container-wrap .search-item-list.album > .item-list > .box-rows { display: none !important; }
.mshop-container-wrap .search-item-list.rows > .item-list > .box-album { display: none !important; }
.mshop-container-wrap .search-item-list.rows { margin: 0; padding: 0; }
.mshop-container-wrap .search-item-list.rows > .item-list { flex: 0 0 50%!important; max-width: 50%!important; position: relative; padding: 0 8px; margin-bottom: 15px; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box { display: flex; flex-wrap: wrap; flex-direction: row; height: unset; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image { flex: 1 1 40%; max-width: 40%; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item { flex: 1 1 60%; max-width: 60%; align-self: center; padding-left: 15px; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-btn { flex: 1 1 100%; justify-content: flex-end; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image { border-bottom: none; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image > a { }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image > .item-color { margin: 0; justify-content: center; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags { height: 21px; display: flex; justify-content: flex-start; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags > .tag { color: var(--colorpeach); position: relative; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags > .tag:before { content: '#'; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags > .tag:not(:first-child) { margin-left: 5px; }
.mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-name { margin-bottom: 12px; }
@media (max-width: 768px) {
    .mshop-container-wrap .search-item-list { position: relative; width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0 3px; }
    .mshop-container-wrap .search-item-list.swiper-wrapper { flex-wrap: nowrap; }
    .mshop-container-wrap .search-item-list .item-list { position: relative; padding: 0 4px; margin-bottom: 15px; }
    .mshop-container-wrap .search-item-list.swiper-wrapper > .item-list { padding: 0 5px; }
    .mshop-container-wrap .item-list > .goods-box { position: relative; display: block; padding: 10px 5px 15px 5px; background-color: #fff; border-radius: 16px; border: 1px solid var(--boxbrbase); }
    .mshop-container-wrap .item-list > .goods-box .list-image { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--boxbrbase); }
    .mshop-container-wrap .item-list > .goods-box .list-image > a { display: inline-block; padding: 15px; }
    .mshop-container-wrap .item-list > .goods-box .list-image > a img { width: 100%; height: auto; }
    .mshop-container-wrap .item-list > .goods-box .list-image > .list-tags { height: 21px; display: flex; justify-content: center; }
    .mshop-container-wrap .item-list > .goods-box .list-image > .list-tags > .tag { color: var(--colorpeach); position: relative; }
    .mshop-container-wrap .item-list > .goods-box .list-image > .list-tags > .tag:before { content: '#'; }
    .mshop-container-wrap .item-list > .goods-box .list-image > .list-tags > .tag:not(:first-child) { margin-left: 5px; }
    .mshop-container-wrap .item-list > .goods-box .list-image > .list-name { text-align: center; }
    .mshop-container-wrap .item-list > .goods-box .item-color { margin: 10px auto 5px auto; display: flex; }
    .mshop-container-wrap .item-list > .goods-box .item-color .color-bg { width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin-right: 5px; }
    .mshop-container-wrap .item-list > .goods-box .item-color .color-bg:last-child { margin-right: 0; }
    .mshop-container-wrap .item-list > .goods-box > .list-item { position: relative; padding: 5px 0 10px 0; }
    .mshop-container-wrap .item-list > .goods-box > .list-item > .list-price { margin-top: 3px; padding: 0 5px; }
    .mshop-container-wrap .item-list > .goods-box > .list-item > .list-price > li { display: flex; line-height: 21px; }
    .mshop-container-wrap .item-list > .goods-box > .list-item > .list-price > li > span { }
    .mshop-container-wrap .item-list > .goods-box > .list-item > .list-price > li > span + span { margin-left: auto; }
    .mshop-container-wrap .item-list > .goods-box > .list-item > .price { text-align: right; line-height: 38px; }
    .mshop-container-wrap .item-list > .goods-box > .list-btn { display: flex; justify-content: center; }
    .mshop-container-wrap .item-list > .goods-box > .list-btn > .btn-wrap { max-width: 110px; }
    .mshop-container-wrap .item-list > .goods-box > .list-btn > .btn-wrap + .btn-wrap { margin-left: 5px; }
    .mshop-container-wrap .item-list > .goods-box > .list-btn > .btn-wrap > .btn { font-size: 12px; border-radius: 6px; font-weight: 600; }
    .mshop-container-wrap .item-list > .goods-box > .item-icon-wrap { top: 15px; left: 15px; }
    /* item-rows */
    .mshop-container-wrap .search-item-list.rows { margin: 0; padding: 0; }
    .mshop-container-wrap .search-item-list.rows > .item-list { flex: 0 0 100%!important; max-width: 100%!important; position: relative; padding: 0; margin: 0; }
    .mshop-container-wrap .search-item-list.rows > .item-list:first-child { border-top: 1px solid #131313; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box { display: flex; flex-wrap: wrap; border-radius: 0; border: 1px solid transparent; border-bottom: 1px solid var(--boxbrbase); padding: 25px 10px 25px 10px; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image { flex: 1 1 40%; max-width: 40%; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item { flex: 1 1 60%; max-width: 60%; align-self: center; padding-left: 15px; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-btn { flex: 1 1 100%; justify-content: flex-end; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image { border-bottom: none; margin-top: 0; padding: 0; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image > a { padding: 10px; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-image > .item-color { margin: 0; justify-content: center; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags { height: auto; display: flex; justify-content: flex-start; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags > .tag { color: var(--colorpeach); position: relative; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags > .tag:before { content: '#'; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-tags > .tag:not(:first-child) { margin-left: 5px; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-name { margin-bottom: 12px; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-price { }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-price > li { display: flex; line-height: 18px; }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-price > li > span { }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .list-item > .list-price > li > span + span { }
    .mshop-container-wrap .search-item-list.rows > .item-list > .goods-box > .item-icon-wrap { top: unset; left: 10px; bottom: 30px; }
    .item-list-more { display: none; width: auto; text-align: center; margin: 25px 7px 35px 7px; border: 1px solid #ddd; line-height: 45px; border-radius: 8px; }
}

/* article */
.article-desc { position: relative; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; }
.article-desc:first-child { margin-top: 15px; }
.article-desc:last-child { margin-bottom: 0; }
.article-desc .article-image { position: absolute; width: 100px; }
.article-desc .article-image img { width: 100%; height: auto; }
.article-desc .article-image ~ .article-header,
.article-desc .article-image ~ .article-subject { padding-left: 120px; }
.article-desc .article-header { display: flex; }
.article-desc .article-header > span { display: inline-block; margin-right: 8px; align-self: center; }
.article-desc .article-header > span.state { padding: 2px 8px; font-size: 14px; background: #6c757d; color: #fff; text-align: center; border-radius: 3px; }
.article-desc .article-header > span.state.complete { background: #6ea82f; }
.article-desc .article-header > span:last-child { margin-right: 0; }
.article-desc .article-header > .star { margin-left: auto; }
.article-desc .article-subject { display: flex; padding: 8px 0 5px 8px; }
.article-desc .article-subject span { display: inline-block; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 32px; }
.article-desc .article-content .desc-content { margin-top: 5px; padding: 8px 0 8px 12px; }
.article-desc .article-content .desc-sub-article { margin-top: 15px; padding: 15px 12px; background: #f9f9f9; border-radius: 8px; }
.article-desc .article-content .desc-sub-article p.sub-article-subject { font-weight: 500; }
.article-desc .article-content .desc-sub-article p.sub-article-content { }
.article-desc button { position: absolute; top: 28px; right: 15px; display: inline-block; background-color: transparent; padding: 0; }
.article-desc button img { width: 13px !important; height: auto; }
.article-btn { margin-top: 5px; text-align: right; }
.article-btn-head { margin-bottom: 8px; }
.article-btn .btn { }
.article-btn .btn_write { padding: 4px 12px; border: 1px solid var(--darkgray); color: var(--darkgray); background-color: #fff; border-radius: 5px; font-size: 15px; }

.article-list-wrapper { margin-top: 25px; }
.article-desc1 { position: relative; display: block; border-bottom: 1px solid #ededed; }
.article-desc1.article-desc-list { padding: 15px; border: 1px solid #ededed; border-radius: 8px; }
.article-desc1.article-desc-list ~ .article-desc-list { margin-top: 12px; }
.article-desc1.article-desc-table { padding: 15px 0 0 0; }
.article-desc1 > .article-list { display: flex; }
.article-desc1 > .article-list > .list-image { flex: 0 0 100px; max-width: 100px; padding: 0 10px; }
.article-desc1 > .article-list > .list-image img { width: 100%; height: auto; }
.article-desc1 > .article-list > .list-content { align-self: center; flex: 1 1 auto; max-width: calc( 100% - 260px ); padding: 0 15px; }
.article-desc1 > .article-list > .list-content .content-head { display: flex; }
.article-desc1 > .article-list > .list-content .content-head > .star { align-self: cetner; }
.article-desc1 > .article-list > .list-content .content-head > .star .star_div:not(:first-child) { margin-left: 3px; }
.article-desc1 > .article-list > .list-content .content-head > .star .star_wrap .star_div:before,
.article-desc1 > .article-list > .list-content .content-head > .star .star_wrap .star_div:after { font-size: 16px; }
.article-desc1 > .article-list > .list-content .content-head > .name { align-self: center; margin-left: 10px; }
.article-desc1 > .article-list > .list-content .subject { position: relative; text-align: left; }

.article-desc1 > .article-list > .article-subject { align-self: center; flex: 1 1 auto; max-width: calc( 100% - 260px ); padding: 0 15px; }
.article-desc1 > .article-list > .article-subject > .star { }
.article-desc1 > .article-list > .article-subject > .star .star_div:not(:first-child) { margin-left: 3px; }
.article-desc1 > .article-list > .article-subject > .star .star_wrap .star_div:before,
.article-desc1 > .article-list > .article-subject > .star .star_wrap .star_div:after { font-size: 16px; }
.article-desc1 > .article-list > .article-subject > p { padding: 10px 0 15px 0; }
.article-desc1 > .article-list > .article-subject > span { color: var(--colorgray); white-space: nowrap; font-size: 14px; }
.article-desc1 > .article-list > .article-subject > span + span { margin-left: 10px; }
.article-desc1 > .article-list > .article-name { flex: 0 0 60px; max-width: 60px; align-self: center; text-align: center; color: var(--colorgray); }
.article-desc1 > .article-list > .article-date { flex: 0 0 100px; max-width: 100px; align-self: center; text-align: center; color: var(--colorgray); }
.article-desc1 > .article-list > .article-btn { align-self: center; margin-left: auto; }
.article-desc1 > .article-content { padding: 8px 15px 12px 70px; }
.article-desc1 > .article-content > .desc-content { padding: 25px; background-color: var(--lightgray); }
.article-desc1 > .article-content img { width: auto; max-width: 100%; height: auto; }
.article-desc1 > .article-flex { position: relative; display: flex; }
.article-desc1 > .article-flex.article-header { background-color: #fafafa;  border-top: 2px solid #131313; border-bottom: 1px solid #ededed; }
.article-desc1 > .article-flex > div { display: inline-block; padding: .75rem .75rem; text-align: center; font-size: 15px; align-self: center; }
.article-desc1 > .article-flex > div.num { flex: 0 0 60px; max-width: 60px; }
.article-desc1 > .article-flex > div.state { flex: 0 0 120px; max-width: 120px; }
.article-desc1 > .article-flex > div.subject { flex: 1 1 auto; }
.article-desc1 > .article-flex > div.name { flex: 0 0 100px; max-width: 100px; }
.article-desc1 > .article-flex > div.date { flex: 0 0 120px; max-width: 120px; }
.article-desc1 > .article-body > div.subject { text-align: left; cursor: pointer; }
.article-desc1 > .article-body > div.subject > span { position: relative; }
.article-desc1 > .article-body > div.subject > span:after { position: absolute; content: '\f023'; font-family: 'FontAwesome'; font-size: 14px; right: -15px; top: 50%; transform: translateY(-50%); color: var(--darkgray); }
.article-desc1 > .article-body > div.state > span { display: block; padding: .375rem .75rem; background-color: var(--accent); border: 1px solid var(--accent); color: #fff; text-align: center; }
.article-desc1 > .article-body > div.state.ready > span { background-color: #fff; border: 1px solid var(--darkgray); color: #131313; }
.article-list-wrapper ~ .article-btn { margin: 25px 0; }
.article-desc1 > .article-body ~ .article-body { border-top: 1px solid #ededed; }
.article-btn { display: flex; justify-content: flex-end; }
.article-btn .btn_write { display: inline-block; padding: 8px 12px; border: 1px solid var(--accent); color: #fff; background-color: var(--accent); border-radius: 6px; min-width: 120px; text-align: center; }
@media(max-width: 768px) {
    .article-desc1 { }
    .article-desc1 > .article-list { }
    .article-desc1 > .article-list > .article-image { flex: 0 0 70px; max-width: 70px; padding: 0 10px; }
    .article-desc1 > .article-list > .article-image img { width: 100%; height: auto; }
    .article-desc1 > .article-list > .article-subject { align-self: center; flex: 1 1 auto; max-width: calc( 100% - 200px ); padding: 0 10px; }
    .article-desc1 > .article-list > .article-subject > .star { }
    .article-desc1 > .article-list > .article-subject > .star .star_div:not(:first-child) { margin-left: 3px; }
    .article-desc1 > .article-list > .article-subject > .star .star_wrap .star_div:before,
    .article-desc1 > .article-list > .article-subject > .star .star_wrap .star_div:after { font-size: 14px; }
    .article-desc1 > .article-list > .article-subject > p { padding: 10px 0 15px 0; }
    .article-desc1 > .article-list > .article-subject > span { color: #b4b4b4; }
    .article-desc1 > .article-list > .article-name { flex: 0 0 50px; max-width: 50px; }
    .article-desc1 > .article-list > .article-date { flex: 0 0 100px; max-width: 100px; }
    .article-desc1 > .article-list > .article-btn { align-self: flex-end; }
    .article-desc1 > .article-content { padding: 8px 15px 12px 46px; font-size: 12px; }
    .article-desc1 > .article-flex > div { display: inline-block; padding: .75rem .375rem; text-align: center; font-size: 12px; align-self: center; }
    .article-desc1 > .article-flex > div.num { flex: 0 0 40px; max-width: 40px; }
    .article-desc1 > .article-flex > div.state { flex: 0 0 70px; max-width: 70px; }
    .article-desc1 > .article-flex > div.subject { flex: 1 1 auto; }
    .article-desc1 > .article-flex > div.name { flex: 0 0 70px; max-width: 70px; }
    .article-desc1 > .article-flex > div.date { display: none; }
    .article-desc1 > .article-body > div.subject { text-align: left; cursor: pointer; }
    .article-desc1 > .article-body > div.subject > span { position: relative; }
    .article-desc1 > .article-body > div.state > span { padding: .375rem 0; white-space: nowrap; }
    .article-desc1 > .article-body > div.state.ready > span { }
    .article-btn .btn_write { border-radius: 6px; min-width: 90px; font-size: 14px; margin-right: 10px; }
}

/* 장바구니 테이블 */
.cart-list-wrap { }
.cart-list-wrap + .cart-list-wrap { margin-top: 25px; }
.cart-list-wrap h5.title { display: flex; margin-bottom: 8px; padding: 0 5px; }
.cart-list-wrap h5.title svg { width: 31px; height: 31px; }
.cart-list-wrap h5.title > span { font-size: 19px; font-weight: 500; margin-left: 5px; align-self: center; }
.cart-list-wrap h5.title > .step { margin-left: auto; align-self: flex-end; }
.cart-list-wrap h5.title > .step > .ico-step { display: inline-block; padding: 4px 16px; border: 1px solid; border-radius: 12px; font-size: 14px;margin-right: 8px; border-color: var(--fontaccent); color: var(--fontaccent); }
.cart-list-wrap h5.title > .step > .ico-step.on { background-color: var(--fontaccent); color: var(--colorwhite); }
.cart-list-wrap h5.title > .step > .ico-step:last-child { margin-right: 0; }
.cart-table-wrap { }
.cart-table-wrap > ul { width: 100%; }
.cart-table-wrap > ul > li { display: flex; }
.cart-table-wrap > ul > li > div { position: relative; padding: 16px 8px; text-align: center; align-self: center; }
.cart-table-wrap > ul > li > div.chk { flex: 0 0 40px; max-width: 40px; align-self: center;}
.cart-table-wrap > ul > li > div.item { flex: 1 1 auto; max-width: 100%; }
.cart-table-wrap > ul > li > div.option { flex: 0 0 140px; max-width: 140px; }
.cart-table-wrap > ul > li > div.point { flex: 0 0 100px; max-width: 100px; color: var(--colorred); }
.cart-table-wrap > ul > li > div.price { flex: 0 0 100px; max-width: 100px; color: var(--fontaccent); }
.cart-table-wrap > ul > li > div.del { flex: 0 0 70px; max-width: 70px; }
.cart-table-wrap > ul > li.list-head { border-top: 2px solid var(--darknavy); border-bottom: 1px solid var(--boxbrbase); }
.cart-table-wrap > ul > li.list-body { }
.cart-table-wrap > ul > li.list-body + li.list-body { border-top: 1px solid var(--boxbrbase); }
.cart-table-wrap > ul > li.list-body > div { padding: 12px 8px; }
.cart-table-wrap > ul > li.list-body > div.item { align-self: center; text-align: left; }
.cart-table-wrap > ul > li.list-body > div.item { display: flex; }
.cart-table-wrap > ul > li.list-body > div.item > .item-image { flex: 1 1 80px; max-width: 80px; }
.cart-table-wrap > ul > li.list-body > div.item > .item-image img { width: 100%; height: auto; }
.cart-table-wrap > ul > li.list-body > div.item > .item-info { padding: 0 15px; align-self: center; }
.cart-table-wrap > ul > li.list-body > div.item > .item-info > p { }
.cart-table-wrap > ul > li.list-body > div.item > .item-info > .item-count-wrap { display: flex; margin-top: 5px; }
.cart-table-wrap > ul > li.list-body > div.option { }
.cart-table-wrap > ul > li.list-body > div.option > span { display: block; }
.cart-table-wrap > ul > li.list-body > div.point { align-self: center; text-align: center; }
.cart-table-wrap > ul > li.list-body > div.price { align-self: center; text-align: center; }
.cart-table-wrap > ul > li.list-body > div.del { align-self: center; text-align: center; }
.cart-table-total { display: flex; padding: 12px 10px 8px; background-color: var(--boxbgbase); border-top: 1px solid var(--boxbrbase); border-bottom: 1px solid var(--darknavy); }
.cart-table-total > h5 { align-self: center; font-size: 18px; }
.cart-table-total > .total-price-wrap { margin-left: auto; display: flex; }
.cart-table-total > .total-price-wrap > dl { display: flex; font-weight: 500; font-size: 19px; letter-spacing: -0.5px; }
.cart-table-total > .total-price-wrap > dl:not(:first-child) { margin-left: 16px; }
.cart-table-total > .total-price-wrap > dl > dt { }
.cart-table-total > .total-price-wrap > dl > dd { margin-left: 5px; }
.cart-table-total > .total-price-wrap > dl.cart-point { color: var(--colorred); }
.cart-table-total > .total-price-wrap > dl.cart-price { color: var(--fontaccent); }
.cart-button-group { margin: 25px 0; display: flex; justify-content: center; }
.cart-button-group > button { min-width: 160px; }
.cart-button-group > button:not(:last-child) { margin-right: 5px; }
.cart-empty { width: 100%; height: 320px; border: 1px solid var(--boxbrbase); border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; }
.cart-empty .img { display: block; text-align: center; }
.cart-empty .img svg { width: 90px; height: 90px; fill: var(--lightgray); }
.cart-empty .img span { display: block; margin-top: 8px; }
.item-count-wrap >.item_count { position: relative; width: 23px; height: 23px; text-align: center; border: 1px solid #ddd; border-radius: 0; background: #fff; box-sizing: inherit; }
.item-count-wrap >.item_minus { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.item-count-wrap >.item_plus { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.item-count-wrap >.item_count_input { width: 30px; height: 23px; line-height: 23px; padding: 0; color: #999; font-size: 14px; text-align: center; border: 0; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0; }
.item-count-wrap >.item_minus:before { position: absolute; width: 9px; height: 1px; background: #999; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; }
.item-count-wrap >.item_plus:before { position: absolute; width: 9px; height: 1px; background: #999; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; }
.item-count-wrap >.item_plus:after { position: absolute; width: 1px; height: 9px; background: #999;  top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; }
@media(max-width: 768px) {
    .cart-table-wrap { }
    .cart-table-wrap > ul { width: 100%; border-top: 2px solid var(--darknavy); }
    .cart-table-wrap > ul > li { }
    .cart-table-wrap > ul > li.list-head { display: none; }
    .cart-table-wrap > ul > li > div { font-size: 12px; padding: 8px; }
    .cart-table-wrap > ul > li > div.chk { flex: 0 0 30px; max-width: 30px; align-self: flex-start;}
    .cart-table-wrap > ul > li > div.item { flex: 1 1 auto; max-width: calc( 100% - 30px ); }
    .cart-table-wrap > ul > li > div.option { flex: 1 1 auto; max-width: calc( 100% - 230px ); }
    .cart-table-wrap > ul > li > div.point { flex: 0 0 90px; max-width: 90px; color: var(--colorred); }
    .cart-table-wrap > ul > li > div.price { flex: 0 0 90px; max-width: 90px; color: var(--fontaccent); }
    .cart-table-wrap > ul > li > div.del { flex: 0 0 50px; max-width: 50px; }
    .cart-table-wrap > ul > li.list-body { flex-wrap: wrap; }
    .cart-table-wrap > ul > li.list-body > div.option { }
    .cart-table-wrap > ul > li.list-body > div.option > span { }
    .cart-button-group { margin: 25px 0; padding: 0 25px; display: flex; justify-content: center; }
    .cart-button-group > button { min-width: 30%; font-size: 13px; }
    .cart-button-group > button:not(:last-child) { margin-right: 5px; }
    .cart-table-total { }
    .cart-table-total > h5 { align-self: center; font-size: 14px; }
    .cart-table-total > .total-price-wrap { }
    .cart-table-total > .total-price-wrap > dl { display: flex; font-weight: 500; font-size: 13px; letter-spacing: -0.5px; }
    .cart-table-total > .total-price-wrap > dl:not(:first-child) { margin-left: 16px; }
    .cart-table-total > .total-price-wrap > dl > dt { }
    .cart-table-total > .total-price-wrap > dl > dd { margin-left: 5px; }
    .cart-table-total > .total-price-wrap > dl.cart-point { color: var(--colorred); }
    .cart-table-total > .total-price-wrap > dl.cart-price { color: var(--fontaccent); }
}
/* 주문서 form */
h3.tle { padding: 25px 0 15px 0; font-weight: 600; font-size: 24px; }
.online-form { margin-bottom: 15px; }
.online-form-inner { padding: 10px; }
.form-wrap { display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid #555; }
.form-wrap dl { flex: 1 1 50%; max-width: 50%; display: flex; border-bottom: 1px solid #d7d7d7; }
.form-wrap dl.dla { flex: 1 1 100%; max-width: 100%; }
.form-wrap dl.dla dt { flex: 1 1 17.5%; max-width: 17.5%; }
.form-wrap dl dt { flex: 1 1 35%; max-width: 35%; padding: 12px 0 12px 15px; background: #fafafa; font-weight: 400; }
.form-wrap dl.dla dd.dta { flex: 1 1 82.5%; max-width: 82.5%; }
.form-wrap dl dt span.require { position: relative; }
.form-wrap dl dt span.require:after { position: absolute; right: -8px; top: 5px; display: inline-block; content: ''; width: 3px; height: 3px; background: #e83e8c; border: 1px solid #e83e8c; border-radius: 50%; }
.form-wrap dl dd { flex: 1 1 65%; max-width: 65%; padding: 12px 8px 12px 15px; align-self: center; }
.form-wrap dl dd .input_text { width: 100%; border-radius: 0; }
.form-wrap dl dd .input_select { border-radius: 0; width: 100%; }
.form-wrap dl dd .input_textarea { border-radius: 0; width: 100%; height: 120px; }
.form-wrap dl dd .form-row { width: 100%; display: flex; margin: 0; }
.form-wrap dl dd .form-row.email .input_text,
.form-wrap dl dd .form-row.email .input_select { flex: 1 1 25%; max-width: 160px; }
.form-wrap dl dd .form-row .sl { display: inline-block; padding: 0 3px; align-self: center; color: #555; }
.form-wrap dl dd .form-guide { font-size: 12px; padding-top: 5px; color: #999; letter-spacing: -.1em; }
.form-wrap dl dd .form-row.addr:not(:last-child) { margin-bottom: .5rem; }
.form-wrap dl dd .form-row.addr .input_zip { width: 160px; }
.form-wrap dl dd .form-row.addr .btn-addrzip { margin-left: 5px; border-radius: 0; border: 1px solid #ccc; background-color: #fafafa; padding: 0 .75rem; }
.form-wrap dl dd .radio_wrap { }
.form-wrap dl dd .radio_wrap > .radio_box { min-width: 120px; }
.form-wrap.apply { }
.form-wrap.apply ul { width: 100%; }
.form-wrap.apply ul > li { padding: 12px 15px 12px 12px; border-bottom: 1px solid #d7d7d7; }
.form-wrap.apply ul > li.apply-subject { position: relative; display: flex; justify-content: space-between; }
.form-wrap.apply ul > li.apply-subject p { font-size: 14px; }
.form-wrap.apply ul > li.apply-subject p > span { display: inline-block; margin-right: 5px; }
.form-wrap.apply ul > li.apply-subject p > span.agree_req { color: #ed174d; }
.form-wrap.apply ul > li.apply-subject p small { display: inline-block; width: auto; margin-left: auto; font-size: 12px; padding: 2px 8px; border: 1px solid #d7d7d7; color: #555; border-radius: 10px; cursor: pointer; }
.form-wrap.apply ul > li.apply-subject .apply_check { align-self: center; display: flex; }
.form-wrap.apply ul > li.apply-subject .apply_check input[type="checkbox"] { width: 19px; height: 19px; }
.form-wrap.apply ul > li.apply-subject .apply_check label { display: inline-block; align-self: center; padding-left: 5px; }
.form-wrap.apply ul > li.apply-detail { display: none; padding: 12px 15px 12px 20px; background-color: #fafafa; }
.form-wrap.apply ul > li.apply-detail.on { display: block; }
.online-form-button { display: flex; justify-content: center; margin-top: 15px; }
.online-form-button > .btn { display: inline-block; padding: 12px 0; border-radius: 25px; background-color: var(--bgbase); min-width: 260px; margin-right: 8px; }
.online-form-button > .btn.btn-home { background-color: #fff; border: 1px solid var(--accent); color: var(--accent); }
.online-form-button > .btn.btn-request { background-color: var(--accent); border: 1px solid var(--accent); color: #fff; }
@media(max-width: 768px) {
    h3.tle { padding: 15px 0 12px 0; font-size: 16px; }
    .form-wrap dl { flex: 1 1 100%; max-width: 100%; flex-wrap: wrap; }
    .form-wrap dl dt,
    .form-wrap dl.dla dt { flex: 1 1 100%; max-width: 100%; }
    .form-wrap dl dd,
    .form-wrap dl.dla dd,
    .form-wrap dl.dla dd.dta { flex: 1 1 100%; max-width: 100%; padding: 5px 0 12px 0; }
    .form-wrap dl dd .form-row.email .input_text { flex: 1 1 33.333333%; max-width: 33.333333%; }
    .form-wrap dl dd .form-row.email .input_select { flex: 1 1 33.333333%; max-width: calc( 33.333333% - 12px ); }
    .online-form-button { }
    .online-form-button > .btn { min-width: 40%; padding: 8px 0; }
    .online-form-button > .btn.btn-home { }
    .online-form-button > .btn.btn-request { }
}

/* 회원 */
.member-wrapper { position: relative; display: flex; justify-content: space-between; flex-direction: column; width: 100%; height: 100vh; align-items: center; }
.member-wrapper:before, .member-wrapper:after { display: inline-block; content: ''; height: 0; }
.member-wrapper-inner { position: relative; width: 100%; max-width: 560px; padding: 25px 0; }
.member-wrapper-inner > .logo {position: relative; display: inline-flex; width: 100%; justify-content: center; align-items: center; margin: 0 0 25px 0; }
.member-wrapper-inner > .logo > a { display: block; width: auto; max-width: 200px; font-size: 36px; font-weight: 600; font-family: GmarketSansMedium; white-space: nowrap; }
.member-wrapper-inner > .logo > a > img { width: 100%; height: auto; }
@media(max-width: 768px) {
    .member-wrapper { padding: 0 15px; }
}
/* 마이페이지 */
.mypage-write-form { }
.mypage-write-form .mypage-write-item { display: flex; border: 1px solid var(--boxbrbase); border-radius: 8px; padding: 12px; margin-bottom: 25px; }
.mypage-write-form .mypage-write-item > .image { flex: 0 0 60px; max-width: 60px; }
.mypage-write-form .mypage-write-item > .image img { width: 100%; height: auto; }
.mypage-write-form .mypage-write-item > .item { padding-left: 25px; align-self: center; }
