@charset "utf-8";
.container-wide { padding: 0 60px; }
@media(max-width: 1024px) {
    .container-wide { padding: 0 35px; }
}
@media(max-width: 768px) {
    .container-wide { padding: 0 15px; }
}
@media(max-width: 576px) {
    .container-wide { padding: 0 10px; }
}
#list-wrap { }
.list-wrap-inner { }
.list-container { position: relative; width: 100%; }
.list-container > .item-list-category  { position: relative; padding: 50px 0 0 0; }
.list-container > .item-list-container { position: relative; }
.list-container > .item-list-container > .list-container-top { margin: 0; }
@media(max-width: 768px) {
    .list-container { flex-wrap: wrap; padding: 0 10px; }
    .list-container > .item-list-category  { position: relative; flex: 1 1 100%; max-width: 100%; padding: 18px 0 0 0; }
    .list-container > .item-list-container { position: relative; flex: 1 1 100%; max-width: 100%; }
}
.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: 2px; 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(--brbase); }
.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 */
.search-item-list { display: flex; flex-wrap: wrap; margin: 0 -5px; padding-top: 25px; }
.search-item-list.swiper-wrapper { flex-wrap: nowrap; margin: 0; }
.search-item-list.swiper-wrapper > li.swiper-slide { padding: 0 5px; }
.item-list { padding: 0 5px; margin-bottom: 15px; }
.item-list > .goods-box { position: relative; display: flex; flex-direction: column; height: 100%; }
.item-list > .goods-box:hover { border-color: var(--accent); }
.item-list > .goods-box > .item-image { position: relative; padding: 0; overflow: hidden; background-color: #fff; border-radius: 6px; }
.item-list > .goods-box > .item-image img { width: 100%; transition: all,.3s; border: 1px solid var(--brbase); border-radius: 6px; }
.item-list > .goods-box > .item-image:hover img { transform: scale(1.1); }
.item-list > .goods-box > .item-image > .item-promotion { position: absolute; left: 0; bottom: 1px; display: flex; flex-direction: column; }
.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; }
.item-list > .goods-box > .item-image > .item-promotion > .badge-promotion:not(:last-child) { margin-bottom: 3px; }
.item-list > .goods-box > .item-cont { position: relative; padding: 12px 5px 26px; }
.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; }
.item-list > .goods-box > .item-cont > p.item_name > a { }
.item-list > .goods-box > .item-cont > p.item_name > a > .br { display: inline-block; color: var(--primary); margin-right: 5px; }
.item-list > .goods-box > .item-cont > p.item_card { font-size: 13px; height: 18px; }
.item-list > .goods-box > .item-cont > .item_price { display: flex; }
.item-list > .goods-box > .item-cont > .item_price > span { display: inline-block; }
.item-list > .goods-box > .item-cont > .item_price > span.sale_price { font-size: 22px; margin-bottom: 0; letter-spacing: -0.5px; font-weight: 500; }
.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; }
.item-list > .goods-box > .item-cont > .item_price > .strike { position: relative; display: inline-block; font-size: 15px; }
.item-list > .goods-box > .item-cont > .item_price > .strike:before { position: absolute; content: ''; left: -2px; right: -2px; height: 1px; background: #999; top: 10px; }
.item-list > .goods-box > .item-cont > .price_ico { display: flex; }
.item-list > .goods-box > .item-cont > .price_ico > .star { margin-left: auto; align-self: center; }
.item-list > .goods-box > .item-cont > .price_ico > .point { align-self: center; }
.item-list > .goods-box > .item-cont > .price_ico > .point > span { display: inline-block; padding: 2px 4px; text-align: center; border: 1px solid var(--primary); border-radius: 3px; font-size: 12px; color: var(--primary); letter-spacing: -0.5px; }
.item-list > .goods-box > .item-cont > .price_ico > .ico-wish { margin-left: auto; color: #dedede; cursor: pointer; }
.item-list > .goods-box > .item-cont > .price_ico > .ico-wish.active { color: var(--primary); }
.item-list > .goods-box > .item-cont > p.item_badge { display: flex; margin-top: 5px; }
.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; }
.item-list > .goods-box > .item-cont > p.item_badge > .badge:nth-child(odd) { background-color: var(--accent); border: 1px solid var(--accent); color: #fff; }
.item-list > .goods-box > .item-cont > p.item_badge > .badge:nth-child(even) { background-color: var(--primary); border: 1px solid var(--primary); color: #fff; }
.item-list > .goods-box > .item-cont > p.item_badge > .badge:not(:last-child) { margin-right: 5px; }
.item-list > .goods-box > .item-icon-wrap { left: unset; right: 5px; }
.item-list > .goods-box > .item-logo { position: absolute; left: 5px; top: 5px; }
.item-list.rental-list-type2 > .goods-box > .item-cont { display: flex; flex-direction: column; flex: 1 1 auto; }
.item-list.rental-list-type2 > .goods-box > .item-cont > p.item_name { font-size: 17px; font-weight: 400; height: auto; margin-bottom: 13px; }
.item-list.rental-list-type2 > .goods-box > .item-cont > .item_price { display: block; margin-top: auto; margin-bottom: 8px; }
.item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl { display: flex; padding: 0 5px; line-height: 23px; }
.item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl dt { }
.item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl dd { margin-left: auto; }
.item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl.accent { color: var(--fontaccent); }

#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; }
@media (max-width: 768px) {
    #item-list-wrapper { position: relative; width: 100%; max-width: 100%; overflow: hidden; padding: 0 5px; }
    .search-item-list { display: flex; flex-wrap: wrap; margin: 0 -4px; }
    .item-list { padding: 0 4px; margin-bottom: 15px; }
    .item-list > .goods-box { position: relative; }
    .item-list > .goods-box:hover { border-color: var(--accent); }
    .item-list > .goods-box > .item-image { position: relative; padding: 0; }
    .item-list > .goods-box > .item-image img { width: 100%; height: auto; }
    .item-list > .goods-box > .item-image > .item-promotion { left: 8px; bottom: 5px; }
    .item-list > .goods-box > .item-image > .item-promotion > .badge-promotion { font-size: 12px; }
    .item-list > .goods-box > .item-image > .item-promotion > .badge-promotion:not(:last-child) { margin-bottom: 3px; }
    .item-list > .goods-box > .item-cont { position: relative; padding: 22px 8px 13px; margin-top: 5px; }
    .item-list > .goods-box > .item-cont > p.item_badge { position: absolute; top: 0; left: 0; display: flex; }
    .item-list > .goods-box > .item-cont > p.item_badge > .badge { font-size: 11px; height: 19px; line-height: 17px; }
    .item-list > .goods-box > .item-cont > p.item_badge > .badge:not(:first-child) { }
    .item-list > .goods-box > .item-cont > p.item_badge > .badge:not(:last-child) { margin-right: 5px; }
    .item-list > .goods-box > .item-cont > p.item_name { font-size: 14px; height: 40px; line-height: 21px; }
    .item-list > .goods-box > .item-cont > p.item_card { font-size: 12px; }
    .item-list > .goods-box > .item-cont > .item_price { display: flex; }
    .item-list > .goods-box > .item-cont > .item_price > span { display: inline-block; }
    .item-list > .goods-box > .item-cont > .item_price > span.sale_price { font-size: 18px; margin-bottom: 0; letter-spacing: -0.5px; font-weight: 500; }
    .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; }
    .item-list > .goods-box > .item-cont > .price_ico { }
    .item-list > .goods-box > .item-cont > .price_ico > .star { }
    .item-list > .goods-box > .item-cont > .price_ico > .point { }
    .item-list > .goods-box > .item-cont > .price_ico > .point > span { font-size: 11px; }
    .item-list > .goods-box > .item-cont > .price_ico > .ico-wish { }
    .item-list > .goods-box > .item-cont > .price_ico > .ico-wish.active { }

    .item-list.rental-list-type2 > .goods-box > .item-cont { }
    .item-list.rental-list-type2 > .goods-box > .item-cont > p.item_name { font-size: 15px; }
    .item-list.rental-list-type2 > .goods-box > .item-cont > .item_price { }
    .item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl { font-size: 13px; padding: 0; line-height: 18px; }
    .item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl dt { }
    .item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl dd { margin-left: auto; }
    .item-list.rental-list-type2 > .goods-box > .item-cont > .item_price dl.accent { color: var(--fontaccent); }

    .item-list > .goods-box > .item-icon-wrap { left: unset; right: 5px; }
    #item-list-more { width: auto; text-align: center; margin: 5px 5px 25px 5px; border: 1px solid #ddd; line-height: 45px; }
    #item-list-more > span { display: inline-block; margin-right: 3px; cursor: pointer; font-size: 15px; }
}

/*
  ** 주문서 **
*/
.step { align-self: flex-end; }
.step > .ico-step { display: inline-block; padding: 4px 16px; border: 1px solid; border-radius: 12px; font-size: 14px;margin-right: 8px; border-color: var(--accent);?>; color: <?php echo $config_domain['cf_accent_color']; ?>; }
.step > .ico-step.on { background-color: var(--accent); ?>; color: #fff; }
.cart-list-wrap { position: relative; }
.cart-list-wrap > .cart-list-head { border-top: 2px solid #333; background-color: var(--bgbase); }
.cart-list-wrap > div { display: flex; }
.cart-list-wrap > div > div { padding: .5rem 1rem; text-align: center; font-size: 14px; align-self: center; }
.cart-list-wrap > div > div.check { flex: 0 0 40px; }
.cart-list-wrap > div > div.image { flex: 0 0 80px; }
.cart-list-wrap > div > div.name  { flex: 1 1 auto; text-align: left; }
.cart-list-wrap > div > div.month { flex: 0 0 160px; }
.cart-list-wrap > div > div.point { flex: 0 0 120px; }
.cart-list-wrap > div > div.ico   { flex: 0 0 40px; }
.cart-list-wrap > div.cart-list-body { }
.cart-list-wrap > div.cart-list-body > div { padding: 1rem; }
.cart-list-wrap > div.cart-list-body > div.check {}
.cart-list-wrap > div.cart-list-body > div.image {}
.cart-list-wrap > div.cart-list-body > div.image img { width: 100%; height: auto; }
.cart-list-wrap > div.cart-list-body > div.name  {}
.cart-list-wrap > div.cart-list-body > div.month {}
.cart-list-wrap > div.cart-list-body > div.point { color: var(--colorred); }
.cart-list-wrap > div.cart-list-body > div.ico   {}
.cart-list-wrap > div.cart-list-body > div.ico button { background-color: transparent; }
.cart-list-wrap > div.cart-list-body > div.ico button i { font-size: 18px; }
.cart-list-wrap > div.cart-list-body > div > span { display: block; }
.cart-list-wrap > div.cart-list-foot { border-bottom: none; display: flex; padding: 1rem .75rem 1rem; }
.cart-list-wrap > div.cart-list-foot .home { display: inline-block; padding: 4px 0; border-radius: 25px; background-color: #fff; border: 1px solid var(--accent); color: var(--accent); min-width: 120px; text-align: center; }
.cart-list-wrap > div.cart-list-foot > dl { display: flex; margin-left: auto; }
.cart-list-wrap > div.cart-list-foot > dl > dt { font-size: 18px; align-self: flex-end; }
.cart-list-wrap > div.cart-list-foot > dl > dd { font-size: 24px; align-self: flex-end; margin-left: 10px; font-weight: 500; color: var(--accent); }
@media(max-width: 768px) {
    .cart-list-wrap { }
    .cart-list-wrap > .cart-list-head { display: none; }
    .cart-list-wrap > div { flex-wrap: wrap; }
    .cart-list-wrap > div.cart-list-body { padding: 0 10px 10px 10px; border-top: 1px solid var(--brbase); border-bottom: 1px solid var(--brabse); }
    .cart-list-wrap > div.cart-list-body > div { padding: 0; }
    .cart-list-wrap > div.cart-list-body > div.image { flex: 1 1 90px; max-width: 90px; padding: 5px; }
    .cart-list-wrap > div.cart-list-body > div.name { flex: 1 1 100%; max-width: calc( 100% - 90px); padding-left: 12px; }
    .cart-list-wrap > div.cart-list-body > div.month { flex: 0 0 auto; margin-left: auto; }
    .cart-list-wrap > div.cart-list-body > div.point { flex: 0 0 auto; margin-left: 8px; }
    .cart-list-wrap > div.cart-list-body > div.ico { flex: 0 0 auto; margin-left: 10px; }
    .cart-list-wrap > div.cart-list-foot { border-top: 1px solid var(--brbase); }
    .cart-list-wrap > div.cart-list-foot .home { font-size: 15px; }
    .cart-list-wrap > div.cart-list-foot > dl { display: flex; margin-left: auto; }
    .cart-list-wrap > div.cart-list-foot > dl > dt { font-size: 12px; }
    .cart-list-wrap > div.cart-list-foot > dl > dd { font-size: 18px; }
}
/* 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 { }
}


#item-list-wrapper { }
.list-review-box { padding-top: 25px;}
.list-review-box > .item-list { }
.list-review-box > .item-list > .item-list-box { border: 1px solid var(--brbase); height: 100%; }
.item-list-box > .list-item-image { position: relative; cursor: pointer; }
.item-list-box > .list-item-image img { width: 100%; height: auto; }
.item-list-box > .list-item-image > .star { position: absolute; right: 5px; bottom: 5px; }
.item-list-box > .list-item-title { font-size: 14px; padding: 8px 10px 3px 10px; display: flex; }
.item-list-box > .list-item-title > span { display: inline-block; margin-right: 10px; }
.item-list-box > .list-item-title > span.date { font-size: 12px; align-self: flex-end; }
.item-list-box > .list-item-cont { padding: 5px 10px 0 10px; font-size: 13px; height: 36px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px; }

/* modal */
.myModal.view-content { }
.myModal.view-content .myModal-dialog { max-width: 760px; height: auto; border-radius: 0; }
.myModal.view-content .myModal-dialog { height: auto; }
.myModal.view-content .myModal-dialog .myModal-content { border: none; border-radius: 0; }
.myModal.view-content .myModal-dialog .myModal-content .myModal-header { background: var(--primary); border-radius: 0; padding: 0; }
.myModal.view-content .myModal-dialog .myModal-content .myModal-header .header-title { color: #fff; padding-left: 10px; letter-spacing: -1px; font-size: 1.25rem; }
.myModal.view-content .content-view-wrap { }
.myModal.view-content .content-view-wrap h2 { padding-bottom: 8px; border-bottom: 1px solid #ddd; margin-bottom: 12px; }
.myModal.view-content .content-view-wrap .content-view-head { display: flex; }
.myModal.view-content .content-view-wrap .content-view-head > div { margin-left: 12px; }
.myModal.view-content .content-view-wrap .content-view-head > div.score { margin-left: auto; align-self: center; }
.myModal.view-content .content-view-wrap .content-view-body { margin-top: 10px; border: 1px solid #ddd; padding: 25px; min-height: 460px; }
.myModal.view-content .content-view-wrap .content-view-body img { width: 100%; height: auto; }

.myModal.modal-cardlist { }
.myModal.modal-cardlist .myModal-dialog { max-width: 760px; height: auto; border-radius: 0; }
.myModal.modal-cardlist .myModal-dialog { height: auto; }
.myModal.modal-cardlist .myModal-dialog .myModal-content { border: none; border-radius: 0; }
.myModal.modal-cardlist .myModal-dialog .myModal-content .myModal-body::-webkit-scrollbar{ width: 0px; background: var(--accent); box-sizing: border-box; border-radius: 8px;}
.myModal.modal-cardlist .myModal-dialog .myModal-content .myModal-body::-webkit-scrollbar-thumb{ width: 0px; box-sizing: border-box; border-radius: 0; background: var(--accent); }
.myModal.modal-cardlist .myModal-dialog .myModal-content .myModal-body::-webkit-scrollbar-track{}
.item-card-wrap { position: relative; margin-top: 35px; }
.item-card-wrap > .card-item-box { position: relative; border: 1px solid #ddd; border-radius: 16px; padding: 15px; margin-bottom: 15px; }
.item-card-wrap > .card-item-box > .card-item-head { display: flex; padding: 8px; border-bottom: 1px solid #ddd; }
.item-card-wrap > .card-item-box > .card-item-head h5 { font-size: 18px; font-weight: 500; }
.item-card-wrap > .card-item-box > .card-item-head span { margin-left: auto; }
.item-card-wrap > .card-item-box > .card-item-head b { display: inline-block; margin-left: 5px; var(--accent); }
.item-card-wrap > .card-item-box > .card-item-body { padding: 8px; }
.item-card-wrap > .card-item-box > .card-item-body .card-image { position: relative; width: 100%; }
.item-card-wrap > .card-item-box > .card-item-body .card-image img { width: 100%; height: auto; }

.page-top-wrap { position: relative; margin: 0 0 35px 0; }
.page-top-wrap > ul { position: relative; display: flex; justify-content: center; }
.page-top-wrap > ul > li { flex: 1 1 auto; max-width: 170px; }
.page-top-wrap > ul > li:not(:last-child) { margin-right: 15px; }
.page-top-wrap > ul > li > a { position: relative; display: block; font-size: 14px; padding: 12px 0; text-align: center; border: 1px solid #dcdcdc; }
.page-top-wrap > ul > li > a:not(.on):hover { color: var(--accent); border-color: var(--accent); }
.page-top-wrap > ul > li > a.on { background-color: #555; color: #fff; }
@media (max-width: 768px) {
    .page-top-wrap { border: 0; padding: 0 5px; }
    .page-top-wrap .tab-title { display: none; }
    .page-top-wrap > ul { padding: 0; display: flex; flex-wrap: wrap; }
    .page-top-wrap > ul > li { border: 1px solid #ddd; flex: 0 0 auto; }
    .page-top-wrap > ul > li > a { display: block; padding: 8px 12px 9px 12px; text-align: center; font-size: 13px; letter-spacing: -0.5px; }
    .page-top-wrap > ul > li > a > span { display: none; }
    .page-top-wrap > ul > li > a > span.cnt { font-size: 12px; margin-left: 3px; margin-right: 0;}
    .page-top-wrap > ul > li:not(:last-child) { margin-right: 8px; }
}

.gift-list-container { display: flex; }
.gift-list-container > .list-wrapper { flex: 1 1 65%; max-width: 65%; }
.gift-list-container > .member-gift-box { flex: 1 1 30%; max-width: 30%; margin-left: auto; }
.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; }
.item-list .gift-box,.item-list .gift-box:hover { border-color: transparent; }
.item-list .gift-box > .item-image { overflow: hidden; }
.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; }
.item-list .gift-box > .item-price { text-align: right; margin-top: auto; padding: 0 10px; }
.item-list .gift-box > .item-price > span { color: var(--accent); 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(--primary); color: var(--primary); border-radius: 25px; text-align: center; width: 100%; padding: 8px; background-color: #fff; font-size: 13px; }
.member-gift-box { position: relative; border: 1px solid var(--brbase); border-radius: 16px; padding: 40px 50px 50px; }
.member-gift-box > .member-point-box { background-color: #f0f5f5; border-radius: 6px; padding: 12px 15px; }
.member-gift-box > .member-point-box > p.guide { letter-spacing: -1px; }
.member-gift-box > .member-point-box > .login-btn { margin-top: 3px; }
.member-gift-box > .member-point-box > .login-btn > a.login { display: inline-block; background-color: var(--primary); color: #fff; width: 100%; padding: 8px; text-align: center; font-weight: 500; }
.member-gift-box > .member-point-box > p.txt { }
.member-gift-box > .member-point-box > p.point { font-size: 22px; color: var(--accent); font-weight: 600; text-align: right; }
.member-gift-box > .cart-gift-wrap { margin-top: 25px; }
.member-gift-box > .cart-gift-wrap > h3 { font-size: 15px; padding-bottom: 5px; border-bottom: 1px solid var(--brbase); }
.member-gift-box > .cart-gift-wrap > .cart-gift-box { margin-top: 8px; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-empty { text-align: center; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-empty > p { position: relative; width: 30%; max-width: 180px; margin: 0 auto; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-empty > p img { width: 100%; height: auto; opacity: 0.7; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-empty > span { display: inline-block; margin-top: 5px; font-size: 14px; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-item { border-bottom: 1px dashed var(--brbase); }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-item:last-child { border-bottom: none; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item { display: flex; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-image { flex: 1 1 80px; max-width: 80px; padding: 10px; }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item > .item-image img { width: 100%; height: auto; border: 1px solid var(--brbase); }
.member-gift-box > .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 > .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 > .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(--primary); border-radius: 6px; color: var(--primary); }
.member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-gift-btn { margin-top: 10px; text-align: right; }
.member-gift-box > .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 > .list-wrapper { flex: 1 1 100%; max-width: 100%; order: 2; }
    .gift-list-container > .member-gift-box { flex: 1 1 100%; max-width: 100%; padding: 0; order: 1; overflow: hidden; }
    .member-gift-box > .cart-gift-wrap { margin-top: 15px; }
    .member-gift-box > .cart-gift-wrap > h3 { padding-left: 10px; }

    .member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-item > .gift-item { padding-right: 10px; }
    .member-gift-box > .cart-gift-wrap > .cart-gift-box > .cart-empty { padding-bottom: 15px; }
    .member-gift-box > .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(--brbase); }
.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; }

/* mypage */
.mypage { margin-top: 35px; padding: 0 50px; }
@media(max-width: 768px) {
    .mypage { margin-top: 25px; padding: 0 10px; }
}

/* mshop */
#list-top-wrapper { background-color: #f1f1f1; }
.top-wrap-inner { display: flex; height: 60px; }
.top-wrap-inner .top-left  { position: relative; display: flex; flex: 1 1 auto; }
.top-wrap-inner .top-right { margin-left: auto; flex: 0 0 auto; }
.top-wrap-inner .top-left > div:not(:last-child) { margin-right: 10px; }
.top-layer-box { position: relative; width: auto; min-width: 160px; display: flex; margin-top: 10px; }
.layer-select-box { position: relative; width: 100%; }
.layer-select-box > ul { position: relative;  width: 100%; height: 40px; border: 1px solid #ddd; background-color: #fff; z-index: 10; color: #3b3b3b; overflow: hidden; }
.layer-select-box > ul:hover {  }
.layer-select-box > ul.open { overflow-y: auto; height: auto; max-height: 360px; background-color: #fff; border: 1px solid #000; }
.layer-select-box > ul.open::-webkit-scrollbar{ width: 0px; box-sizing: border-box; }
.layer-select-box > ul.open::-webkit-scrollbar-thumb{ width: 0px; box-sizing: border-box; border-radius: 0; }
.layer-select-box > ul.open::-webkit-scrollbar-track{}
.layer-select-box > ul.open > li:first-child {  }
.layer-select-box > ul > li { display: none; padding: 0 55px 0 10px; width: 100%; cursor: pointer; height: 38px; line-height: 38px; white-space: nowrap; }
.layer-select-box > ul > li.open { display: block; }
.layer-select-box > ul > li.open:not(:first-child):hover { background-color: #000; color: #fff; }
.layer-select-box > .select-open { position: absolute; top: 0; right: 0; bottom: 0; background-color: transparent; width: 30px; height: 38px; z-index: 10; }
.layer-select-box > .select-open.open { z-index: 21; }

#list-container-wrap { position: relative; width: 100%; display: flex;; }
.item-list-container { position: relative; flex: 1 1 auto; max-width: 100%; margin-top: 30px; margin-bottom: 30px }
.list-container-top { margin: 25px 0; }
.list-filter-multi { position: relative; width: 100%; display: flex; }
.list-filter-multi > .page-row-title { flex: 0 0 auto; margin-right: 25px; color: #000; font-weight: 600; align-self: center; margin-bottom: 35px; }
.list-filter-multi > .multi-filter { flex: 1 1 auto; display: flex; flex-wrap: wrap; margin-bottom: 35px; }
.list-filter-multi > .multi-filter > li { margin-right: 7px; }
.list-filter-multi > .multi-filter > li:last-child { margin-right: 0; }
.list-filter-multi > .multi-filter > li > a { display: inline-block; padding: 6px 16px; min-width: 90px; border: 1px solid #ddd; border-radius: 25px; text-align: center; color: #ababab; font-size: 15px; }
.list-filter-multi > .multi-filter > li > a.active {  color: #000; }
.list-filter-sort { position: relative; width: 100%; display: flex; }
.list-filter-sort > .list-title { flex: 0 0 auto; }
.list-filter-sort > .list-title > p { font-weight: 600; font-size: 24px; line-height: 1; }
.list-filter-sort > .list-title > span { font-size: 13px; color: #5d5d5d; }
.list-filter-sort > .sort-item-row { flex: 0 0 auto; margin-left: auto; align-self: flex-end; padding-bottom: 3px; }
.list-filter-sort > .sort-item-row > ul { display: flex; }
.list-filter-sort > .sort-item-row > ul > li { display: flex; }
.list-filter-sort > .sort-item-row > ul > li:not(:last-child):after { display: inline-block; content: ''; width: 1px; height: 12px; background-color: #5d5d5d; margin: 0 8px; align-self: center; }
.list-filter-sort > .sort-item-row > ul > li > a { display: inline-block; font-size: 14px; }
.list-filter-sort > .sort-item-row > ul > li > a.active { color: #000; }
.list-filter-sort > .total-count { flex: 0 0 auto; margin-left: 10px; align-self: flex-end; padding-bottom: 3px; font-size: 14px; }
.list-filter-sort > .total-count > span { }
.list-filter-sort > .total-count > span > b { display: inline-block; padding: 0 1px 0 2px; color: #dc3545; }

.mshop-item-list { position: relative; width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; margin: 0; }
.mshop-item-list.swiper-wrapper { flex-wrap: nowrap; }
.mshop-item-list > .item-list { position: relative; padding: 0 8px; margin-bottom: 15px; }
.mshop-item-list.swiper-wrapper > .item-list { }
.mshop-item-list > .item-list > .goods-box { position: relative; display: block; padding: 10px; height: 100%; border: 1px solid #f1f1f1; border-radius: .5rem; }
.mshop-item-list > .item-list > .goods-box > .list-image { position: relative; width: 100%; padding: 15px; }
.mshop-item-list > .item-list > .goods-box > .list-image img { width: 100%; height: auto; }
.mshop-item-list > .item-list > .goods-box > .list-image .item-color { margin: 10px auto 5px auto; justify-content: center; }
.mshop-item-list > .item-list > .goods-box > .list-item { }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-name { padding: 0 0 5px 10px; border: 1px solid transparent; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-name p.modelname { text-align: center; font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-family: SCDream5; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-price { display: flex; justify-content: space-between; padding: 0; border: 1px solid transparent; font-family: Noto Sans KR,sans-serif; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-price > .sale_price { display: inline-block; font-size: 20px; color: #000; padding-right: 5px; font-weight: 600; letter-spacing: -1px; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-price > .model_price { align-self: center; color: #636363; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-price > .model_price .strike { position: relative; display: inline-block; padding-left: 3px; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-price > .model_price .strike:after { position: absolute; content: ''; left: 3px; right: 0; top: 50%; width: calc( 100% - 3px ); height: 1px; background: #636363; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-exp { height: 48px; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-exp > p { display: flex; flex-wrap: wrap; padding: 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: .25rem; font-size: 12px; background-color: #f1f1f1; border-radius: .25rem; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-exp > p > span { position: relative; margin-right: 10px; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-exp > p > span:after { position: absolute; display: inline-block; content: ''; top: 3px; left: calc( 100% + 5px ); width: 1px; height: 11px; background: #636363; border: 0; padding: 0; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-exp > p > span:last-child:after { content: ''; width: 0; height: 0; opacity: 0; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale { position: relative; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale > ul { padding: 8px;  }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale > ul > li { display: flex; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale > ul > li span { display: inline-block; white-space: nowrap; font-size: 14px; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale > ul > li span.icn { align-self: flex-end; font-family: SCDream5; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale > ul > li b.icp { margin-left: auto; display: inline-block; font-size: 15px; font-family: Noto Sans KR,sans-serif; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-sale > ul > li span.kw { margin-left: 1px; align-self: flex-end; font-family: Noto Sans KR,sans-serif; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-total { display: flex; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-total > p { align-self: center; font-family: SCDream5; }
.mshop-item-list > .item-list > .goods-box > .list-item > .list-total > span { display: inline-block; margin-left: auto; color: #000; font-size: 20px; font-weight: 600; font-family: Noto Sans KR,sans-serif; }
.mshop-item-list > .item-list .per_ico { position: absolute; display: block; top: -1px; right: -1px; font-size: 11px; width: 36px; height: 36px; background: #000; color: #fff; text-align: center; line-height: 35px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; }
.mshop-item-list > .item-list .per_ico > b { font-size: 13px; font-weight: 400; }
#mshop-list-more { width: 100%; text-align: center; margin: 35px 0; border: 1px solid #ddd; line-height: 45px; border-radius: 8px; }
#mshop-list-more > span { display: inline-block; margin-right: 3px; cursor: pointer; font-size: 15px; }
@media (max-width: 768px) {
    #list-top-wrapper { background: transparent; }
    .top-wrap-inner { display: flex; flex-wrap: wrap; min-height: 60px; height: auto; }
    .top-wrap-inner .top-left  { flex: 1 1 100%; max-width: 100%; justify-content: space-between; flex-wrap: wrap; padding: 0 10px;  }
    .top-wrap-inner .top-left div.top-layer-box { flex: 1 1 49%; max-width: 49%; margin-right: 0; }
    .top-wrap-inner .top-left div.top-layer-box.top-layer-bill { flex: 1 1 100%; max-width: 100%; margin-top: 5px; min-height: 40px; }
    .layer-select-box > ul.open { position: absolute; top: 0; right: 0; left: 0; z-index: 20; max-height: 360px; overflow-y: auto; }
    .layer-select-box > ul > li.open:not(:first-child):hover { background-color: #fff; color: #3b3b3b; }
    .top-wrap-inner .top-right { flex: 1 1 100%; max-width: 100%; margin: 0; }
    .item-list-container { margin: 0; }
    .list-container-top { padding: 0 10px; }
    .list-filter-multi { position: relative; width: 100%; display: block; }
    .list-filter-multi > .page-row-title { display: block; order: 0; margin-bottom: 15px; }
    .list-filter-multi > .multi-filter { display: flex; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 15px; }
    .list-filter-multi > .multi-filter > li { padding: 4px 0 12px 0; }
    .list-filter-multi > .multi-filter > li > a { padding: 4px 8px; font-size: 12px; white-space: nowrap; }
    .list-filter-sort { flex-wrap: wrap; margin-bottom: 10px; }
    .list-filter-sort > .list-title { flex: 1 1 100%; margin-bottom: 10px; }
    .list-filter-sort > .list-title > p { font-size: 19px; }
    .list-filter-sort > .list-title > span { font-size: 12px; }
    .list-filter-sort > .sort-item-row { margin-left: auto; order: 3; align-self: center; }
    .list-filter-sort > .sort-item-row > ul { }
    .list-filter-sort > .sort-item-row > ul > li { }
    .list-filter-sort > .sort-item-row > ul > li > a { font-size: 13px; letter-spacing: -1px; }
    .list-filter-sort > .total-count { order: 1; margin-left: 0; font-size: 14px; align-self: center; padding: 0;  }
    .mshop-item-list { position: relative; width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 0 3px; }
    .mshop-item-list.swiper-wrapper { flex-wrap: nowrap; }
    .mshop-item-list > .item-list { position: relative; padding: 0 2px; margin-bottom: 15px; }
    .mshop-item-list.swiper-wrapper > .item-list { padding: 0 5px; }
    .mshop-item-list > .item-list > a { position: relative; display: block; padding: 5px; height: 100%; border: 1px solid #f1f1f1; border-radius: .5rem; }
    .mshop-item-list > .item-list > a > .list-image { position: relative; width: 100%; padding: 10px; }
    .mshop-item-list > .item-list > a > .list-image img { width: 100%; height: auto; }
    .mshop-item-list > .item-list > a > .list-image .item-color { margin: 10px auto 5px auto; justify-content: center; }
    .mshop-item-list > .item-list > a > .list-item { }
    .mshop-item-list > .item-list > a > .list-item > .list-name { padding: 0 0 5px 10px; border: 1px solid transparent; }
    .mshop-item-list > .item-list > a > .list-item > .list-name p.modelname { text-align: center; font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-family: SCDream5; }
    .mshop-item-list > .item-list > a > .list-item > .list-price { display: flex; justify-content: space-between; padding: 0; border: 1px solid transparent; }
    .mshop-item-list > .item-list > a > .list-item > .list-price > .sale_price { display: inline-block; font-size: 15px; font-weight: 600; letter-spacing: -1px; }
    .mshop-item-list > .item-list > a > .list-item > .list-price > .model_price { align-self: center; color: #636363; }
    .mshop-item-list > .item-list > a > .list-item > .list-price > .model_price .strike { position: relative; display: inline-block; font-size: 11px; }
    .mshop-item-list > .item-list > a > .list-item > .list-price > .model_price .strike:after { position: absolute; content: ''; left: 3px; right: 0; top: 50%; width: calc( 100% - 3px ); height: 1px; background: #636363; }
    .mshop-item-list > .item-list > a > .list-item > .list-exp { height: 48px; }
    .mshop-item-list > .item-list > a > .list-item > .list-exp > p { display: flex; flex-wrap: wrap; padding: 5px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: .25rem; font-size: 11px; background-color: #f1f1f1; border-radius: .25rem; }
    .mshop-item-list > .item-list > a > .list-item > .list-exp > p > span { position: relative; margin-right: 5px; }
    .mshop-item-list > .item-list > a > .list-item > .list-exp > p > span:after { position: absolute; display: inline-block; content: ''; top: 3px; left: calc( 100% + 2px ); width: 1px; height: 11px; background: #636363; border: 0; padding: 0; }
    .mshop-item-list > .item-list > a > .list-item > .list-exp > p > span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .mshop-item-list > .item-list > a > .list-item > .list-exp > p > span:last-child:after { content: ''; width: 0; height: 0; opacity: 0; }
    .mshop-item-list > .item-list > a > .list-item > .list-sale { position: relative; }
    .mshop-item-list > .item-list > a > .list-item > .list-sale > ul { padding: 8px;  }
    .mshop-item-list > .item-list > a > .list-item > .list-sale > ul > li { display: flex; }
    .mshop-item-list > .item-list > a > .list-item > .list-sale > ul > li span { display: inline-block; white-space: nowrap; font-size: 13px; }
    .mshop-item-list > .item-list > a > .list-item > .list-sale > ul > li span.icn { align-self: flex-end; font-family: SCDream5; }
    .mshop-item-list > .item-list > a > .list-item > .list-sale > ul > li b.icp { margin-left: auto; display: inline-block; font-size: 14px; font-family: Noto Sans KR,sans-serif; }
    .mshop-item-list > .item-list > a > .list-item > .list-sale > ul > li span.kw { margin-left: 1px; align-self: flex-end; }
    .mshop-item-list > .item-list > a > .list-item > .list-total { display: flex; }
    .mshop-item-list > .item-list > a > .list-item > .list-total > p { align-self: flex-end; font-size: 11px; font-family: SCDream5; letter-spacing: -1px; }
    .mshop-item-list > .item-list > a > .list-item > .list-total > span { display: inline-block; margin-left: auto; color: #000; font-size: 15px; font-weight: 600; font-family: Noto Sans KR,sans-serif; }
    .mshop-item-list > .item-list .per_ico { position: absolute; display: block; top: -1px; right: -1px; font-size: 11px; width: 36px; height: 36px; background: #000; color: #fff; text-align: center; line-height: 35px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; }
    .mshop-item-list > .item-list .per_ico > b { font-size: 13px; font-weight: 400; }
    #mshop-list-more { width: auto; text-align: center; margin: 25px 7px 35px 7px; border: 1px solid #ddd; line-height: 45px; border-radius: 8px; }
}
/* color bg */
.item-color { display: flex; }
.color-bg { width: 14px; height: 14px; display: inline-block; border-radius: 50%; margin-right: 5px; }
.color-bg:last-child { margin-right: 0; }

/* list-style2 */
.mshop-item-list .item-list.list-style2 { }
.mshop-item-list .item-list.list-style2 .goods-box { }
.mshop-item-list .item-list.list-style2 .goods-box .list-image { }
.mshop-item-list .item-list.list-style2 .goods-box .list-item  { }
.mshop-item-list .item-list.list-style2 .goods-box .list-name  { }
.mshop-item-list .item-list.list-style2 .goods-box .list-price { display: block; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl { display: flex; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dt { font-weight: 600; align-self: center; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd { margin-left: auto; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .strike { position: relative; display: inline-block; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .strike:before { position: absolute; content: ''; display: inline-block; top: calc( 50% + 1px ); left: -2px; right: -2px; height: 1px; background: #000; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .per { display: inline-block; padding: 0 2px 0 6px; color: #ff2121; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .arrow { position: relative; display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ff2121; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .arrow:before { position: absolute; display: inline-block; content: ''; background-color: #ff2121; top: -11px; width: 4px; height: 6px; left: -2px; }
.mshop-item-list .item-list.list-style2 .goods-box .list-price dl.sale-price dd span { font-weight: 600; font-size: 22px; letter-spacing: -1px; }
.mshop-item-list .item-list.list-style2 .goods-box .list-exp { display: flex; justify-content: center; background: #ededed; margin: 20px 0 15px; flex-wrap: nowrap; height: auto; max-width: 100%; }
.mshop-item-list .item-list.list-style2 .goods-box .list-exp span { position: relative; display: inline-block; line-height: 27px; font-size: 13px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mshop-item-list .item-list.list-style2 .goods-box .list-exp span:after { display: inline-block; content:'/'; color: #222; padding: 0 1px; }
.mshop-item-list .item-list.list-style2 .goods-box .list-exp span:last-child:after { display: none; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale { }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl { display: flex; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dt { align-self: center; color: #666; font-size: 14px; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dd { margin-left: auto; font-size: 15px; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dd .minus { position: relative; display: inline-block; font-weight: 600; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dd .minus:before { position: absolute; content: ''; width: 7px; height: 1px; background: #000; top: 50%; left: -10px; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl.sale-total dt { }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl.sale-total dd span { color: #f48362; }
.mshop-item-list .item-list.list-style2 .goods-box .list-sale dl.sale-total dd .minus:before { background: #f48362; }
@media(max-width: 768px) {
    .mshop-item-list .item-list.list-style2 { padding: 0 4px; }
    .mshop-item-list .item-list.list-style2 .goods-box { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-image { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-item  { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-name  { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dt { font-weight: 400; font-size: 12px; align-self: center; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd { font-size: 12px; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .strike { letter-spacing: -0.5px; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .strike:before { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .per { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ff2121; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl dd .arrow:before { top: -8px; width: 2px; height: 4px; left: -1px; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-price dl.sale-price dd span { font-size: 17px; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-exp { flex-wrap: wrap; padding: 8px 0; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-exp span { font-size: 11px; line-height: 1.5; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-exp span:after { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-exp span:last-child:after { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dt { align-self: center; color: #666; font-size: 12px; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dd { margin-left: auto; font-size: 13px; }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dd .minus { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl dd .minus:before { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl.sale-total dt { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl.sale-total dd span { }
    .mshop-item-list .item-list.list-style2 .goods-box .list-sale dl.sale-total dd .minus:before { }
}

/* 회원 */
.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; }
.member-wrapper-inner > .logo > a > img { width: 100%; height: auto; }

/* 장바구니 테이블 */
.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(--accent); color: var(--accent); }
.cart-list-wrap h5.title > .step > .ico-step.on { background-color: var(--accent); color: var(--colorwhite); }
.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: calc( 100% - 450px ); }
.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); }
}