@charset "utf-8";
#page-wrap .max-layout { max-width: 1200px !important; }

/* sub-page-title */
.sub-page-title { }
.sub-page-title .page-title { position: relative; display: flex; justify-content: center; }
.sub-page-title .page-title h5 { font-size: 40px; letter-spacing: -0.05em; font-weight: 500; line-height: 1.4; text-align: center; padding: 50px 0 40px; font-family: 'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif; }
.sub-page-title .page-title div { margin-left: auto; }

/* ul desc */
ul.desc { margin-top: 25px; }
ul.desc + * { margin-top: 25px; }
ul.desc > li { position: relative; margin-bottom: .25rem; padding-left: 7px; letter-spacing: -0.5px; }
ul.desc > li:before { position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ''; width: 3px; height: 3px; background: #000; border-radius: 50%; }

/* item icon basic wrap */
.item-icon-wrap { position: absolute; display: flex; top: 5px; left: 8px; }
.item-icon-wrap > .item_icon { flex: 0 0 auto; margin-right: 5px; }
.item-icon-wrap > .item_icon:last-child { margin-right: 0; }
.item-icon-wrap > .ic_basic > .ic { display: inline-block; font-size: 12px; padding: 0 6px; border-radius: 3px; line-height: 18px; }

/* item badge */
.item-badge { display: flex; margin-bottom: 5px; }
.item-badge > span { display: inline-block; font-size: 11px; padding: 4px 6px; border-radius: 0; font-weight: 400; }
.item-badge > span:not(:last-child) { margin-right: 5px; }
.item-badge > span:nth-child(odd) { color: #fff; background-color: #fd7e14; }
.item-badge > span:nth-child(even) { color: #fff; background-color: #28a745; }

/* item timesale icon */
.item-timesale { position: absolute; top: 0; right: 0; background-color: #fff; border-top-right-radius: 4px; border-bottom-left-radius: 8px; color:  #6ea82f; overflow: hidden; }
.item-timesale > .timesale-title { padding: 4px 4px; text-align: center; font-size: 10px; background: #6ea82f; color: #fff; }
.item-timesale > .timesale-remain { padding: 8px 4px; text-align: center; font-size: 10px; font-weight: 500; }
@media(max-width: 576px) {
.item-timesale { }
.item-timesale > .timesale-title { font-size: 9px; }
.item-timesale > .timesale-remain { font-size: 9px; }
}

/* radio checkbox */
.inp-custom { display: inline-block; vertical-align: middle; }
.inp-custom:not(:first-child) { margin-left: 25px; }
.inp-custom input[type="radio"],
.inp-custom input[type="checkbox"] { display: none; }
.inp-custom input[type="radio"] + label { font-size: 15px; color: #222; font-weight: 400; cursor: pointer; letter-spacing: -0.51px; }
.inp-custom input[type="radio"] + label:before { display: inline-block; width: 17px; height: 17px; margin-right: 7px; content: ''; vertical-align: -3px !important; background: url(/images/radio_off.png)left top no-repeat; background-size: auto 100%; }
.inp-custom input[type="radio"]:checked + label:before { background: url(/images/radio_on.png)left top no-repeat; background-size: auto 100%; }
.inp-custom input[type="checkbox"] + label { font-size: 15px; color: #222; font-weight: 400; cursor: pointer; letter-spacing: -0.51px; }
.inp-custom input[type="checkbox"] + label:before { display: inline-block; width: 17px; height: 17px; margin-right: 7px; content: ''; vertical-align: -3px !important; background: url(/images/check_off.png)left top no-repeat; background-size: auto 100%; }
.inp-custom input[type="checkbox"]:checked + label:before { background: url(/images/check_on.png)left top no-repeat; background-size: auto 100%; }
.inp-custom label > span { display: inline-block; margin-right: 3px; }
.inp-custom label > span:last-child { margin-right: 0; }

/* item-list */
.sub-page-title + .list-wrap-inner { margin-top: 25px; }
#item-list-container { padding: 0; }
.item-list-header { font-size: 16px; }
#item-list-more { display: none; }
.list-category-wrap { margin-top: 35px; }
.list-category-wrap > ul { display: flex; flex-wrap: wrap; }
.list-category-wrap > ul > li { flex: 1 1 25%; max-width: 25%; }
.list-category-wrap > ul > li > a { display: block; text-align: center; border: 1px solid #ddd; padding: 8px 0; white-space: nowrap; overflow: hidden; }
.list-category-wrap > ul > li + li > a { border-left-color: transparent; }
@media(min-width: 576px) {
    .list-category-wrap > ul > li:hover > a { color: #6ea82f; border-color: #6ea82f; }
    .list-category-wrap > ul > li:hover + li > a { margin-left: 0; }
    .list-category-wrap > ul > li:nth-child(4n+1) > a { border-left-color: #ddd; }
    .list-category-wrap > ul > li:nth-child(4n+1):hover > a { border-left-color: #6ea82f; }
    .list-category-wrap > ul > li:nth-child(n+5) > a { border-top-color: transparent; }
    .list-category-wrap > ul > li:nth-child(n+5):hover > a { border-top-color: #6ea82f; }
}
@media(max-width: 576px) {
    #item-list-container { padding: 0 15px; }
    .list-category-wrap > ul > li { flex: 1 1 33.33333%; max-width: 33.33333%; }
    .list-category-wrap > ul > li > a { font-size: 14px; }
    .list-category-wrap > ul > li:nth-child(3n+1) > a { border-left-color: #ddd; }
    .list-category-wrap > ul > li:nth-child(3n+1):hover > a { border-left-color: #6ea82f; }
    .list-category-wrap > ul > li:nth-child(n+4) > a { border-top-color: transparent; }
    .list-category-wrap > ul > li:nth-child(n+4):hover > a { border-top-color: #6ea82f; }
}
.fid-category-wrap { margin-top: 35px; }
.fid-category-wrap > ul { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.fid-category-wrap > ul > li { flex: 0 0 auto; max-width: 25%; padding: 0 5px; }
.fid-category-wrap > ul > li > a { display: block; text-align: center; border: 1px solid #ddd; border-radius: 25px; padding: 6px 14px; white-space: nowrap; overflow: hidden; }
.fid-category-wrap > ul > li > a.on { background-color: #6ea82f; border-color: #6ea82f; color: #fff; }
@media(max-width: 576px) {
    .fid-category-wrap > ul > li > a { font-size: 13px; }
}
.list-category-wrap + .item-list-header,
.fid-category-wrap + .item-list-header { margin-top: 25px; }
.item-list-header { position: relative; display: flex; padding: 12px 0; }
.item-list-header .item-count { }
.item-list-header .item-count > b { }
.item-list-header .item-sort-filter { position: relative; width: auto; min-width: 80px; margin-left: auto; }
.item-list-header .item-sort-filter .item-sort-box { position: relative; width: 100%; }
.item-list-header .item-sort-filter .item-sort-box > ul { position: absolute; width: 100%; height: 27px; z-index: 10; right: 20px; overflow: hidden; background-color: #f1f1f1; padding-bottom: 5px; }
.item-list-header .item-sort-filter .item-sort-box > ul.open { overflow: visible; height: auto; right: 0; width: calc( 100% + 20px ); }
.item-list-header .item-sort-filter .item-sort-box > ul > li { display: none; padding: 0 55px 0 10px; font-size: 13px; width: 100%; cursor: pointer; height: 27px; line-height: 27px; 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: 0; right: 0; bottom: 0; background-color: transparent; background-color: #f1f1f1; width: 20px; height: 27px; z-index: 10; padding: 0; border-radius: 0; line-height: 25px; }
.goods-list-wrapper { position: relative; display: flex; flex-wrap: wrap; margin: 0 -15px; }
.goods-list-wrapper.swiper-wrapper { flex-wrap: nowrap; margin: 0; }
.item-list { padding: 0 15px; margin-bottom: 50px; }
.item-list > a { position: relative; display: block; width: 100%; }
.item-list > a > .item-image { position: relative; aspect-ratio: 1/1; overflow: hidden; border-radius: 15px; border: 1px solid #ddd; }
.item-list > a > .item-image > img { width: 100%; height: auto; object-fit: cover; }
.item-list > a > .item-conf { padding: 8px 0; margin-top: 15px; }
.item-list > a > .item-conf > .goods-title { margin: 3px 0 5px 0; font-size: 17px; font-weight: 500; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.item-list > a > .item-conf > .goods-title > strong { display: inline-block; font-weight: 500; color: #dc3545; margin-right: 3px; } 
.item-list > a > .item-conf > .goods-price { }
.item-list > a > .item-conf > .goods-price .strike { position: relative; display: inline-block; color: #cbcbcb; font-size: 15px; }
.item-list > a > .item-conf > .goods-price .strike:before { position: absolute; content: ''; left: -2px; right: -2px; height: 1px; background: #cbcbcb; top: 12px; }
.item-list > a > .item-conf > .goods-price > div.price { display: flex;}
.item-list > a > .item-conf > .goods-price > div.price > span { display: inline-block; }
.item-list > a > .item-conf > .goods-price > div.price > span.price { font-size: 18px; font-weight: 500; }
.item-list > a > .item-conf > .goods-price > div.price > span.per { margin-left: 3px; font-weight: 500; color: #28a745; align-self: flex-end; }
.item-list > a > .item-conf > .goods-price > div.price > .star { margin-left: auto; align-self: flex-end; }
.item-list > a > .item-image:before{position:absolute; content:''; width:60px; height:60px; background:#2b8339 url('/images/skin/icon_search.png') no-repeat center center; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s; opacity:0; margin-top:15px; z-index: 1;}
.item-list > a > .item-image:after{position:absolute; content:''; width:100%; height:100%; border:2px solid #2b8339; top:0; left:0; border-radius:15px; box-sizing:border-box; transition:all 0.4s; opacity:0;}
.item-list:hover > a > .item-image{box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2); border: 0; }
.item-list:hover > a > .item-image:before{opacity:1; margin-top:0;}
.item-list:hover > a > .item-image:after{ opacity:1;}
.item-list:hover > a > .item-image img{opacity:0.2;}
.goods-list-wrapper { }
.goods-list-wrapper > li { animation: fadein 1s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@media(max-width: 576px) {
    .goods-list-wrapper { margin: 0 -8px; }
    .goods-list-wrapper.swiper-wrapper { }
    .item-list { padding: 0 8px; margin-bottom: 25px; }
    .item-list > a > .item-conf > .goods-title { font-size: 15px; }
    .item-list > a > .item-conf > .goods-price > div.price { flex-wrap: wrap; }
    .item-list > a > .item-conf > .goods-price > div.price > .star { margin: 0; flex: 1 1 100%; max-width: 100%; }
}
/* item icon basic wrap */
.item-icon-wrap { position: absolute; display: flex; top: 5px; left: 8px; }
.item-icon-wrap > .item_icon { flex: 0 0 auto; margin-right: 5px; }
.item-icon-wrap > .item_icon:last-child { margin-right: 0; }
.item-icon-wrap > .ic_basic > .ic { display: inline-block; font-size: 12px; padding: 0 6px; border-radius: 3px; line-height: 18px; }

/* item badge */
.item-badge { display: flex; margin-bottom: 5px; }
.item-badge > span { display: inline-block; font-size: 11px; padding: 4px 6px; border-radius: 0; font-weight: 400; line-height: 1.2; }
.item-badge > span:not(:last-child) { margin-right: 5px; }
.item-badge > span:nth-child(odd) { color: #fff; background-color: #fd7e14; }
.item-badge > span:nth-child(even) { color: #fff; background-color: #28a745; }

/* item timesale icon */
.item-timesale { position: absolute; top: 0; right: 0; background-color: #fff; border-top-right-radius: 4px; border-bottom-left-radius: 8px; color:  #6ea82f; overflow: hidden; }
.item-timesale > .timesale-title { padding: 4px 4px; text-align: center; font-size: 10px; background: #6ea82f; color: #fff; }
.item-timesale > .timesale-remain { padding: 8px 4px; text-align: center; font-size: 10px; font-weight: 500; }
@media(max-width: 576px) {
    .item-timesale { }
    .item-timesale > .timesale-title { font-size: 9px; }
    .item-timesale > .timesale-remain { font-size: 9px; }
}
/* item-view */
#view { }
.view-goods-wrap { position: relative; display: flex; margin-top: 50px; }
.image-wrapper { flex: 0 0 500px; max-width: 500px; }
.image-wrapper > ul { }
.image-wrapper { }
.image-container { overflow: hidden; }
.image-container > ul { display: flex; }
.image-container > ul > li { display: none; flex: 0 0 100%; }
.image-container > ul > li.on { display: block; }
.image-container > ul > li img { width: 100%; height: auto; object-fit: cover; border: 1px solid #ddd; border-radius: 15px; }
.image-thumb-wrap { position: relative; padding: 0 35px; margin-top: 25px; }
.image-thumb-wrap > .image-thumb-slide { position: relative; }
.image-thumb-wrap > .image-thumb-slide > ul { }
.image-thumb-wrap > .image-thumb-slide > ul > li { }
.image-thumb-wrap > .image-thumb-slide > ul > li > img { cursor: pointer; }
.image-thumb-wrap .pagination-image { position: absolute; text-align: center; z-index: 2; }
.image-thumb-wrap .pagination-image .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px; background-color: rgba(0,0,0,0.3); }
.image-thumb-wrap .pagination-image .swiper-pagination-bullet-active { background-color: #fff; box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); opacity: 1; }
.info-wrapper { flex: 1 1 auto; max-width: calc( 100% - 600px ); margin-left: 100px; }
.info-wrapper { }
.info-wrapper .item-badge { }
.info-wrapper .title { font-size: 24px; font-weight: 500; margin: 5px 0 8px 0; }
.info-wrapper .title strong { display: inline-block; font-weight: 500; color: #dc3545; margin-right: 3px; }
.info-wrapper .price-info { }
.info-wrapper .price-info .sale-info { }
.info-wrapper .price-info .sale-info .per { margin-right: 3px; font-weight: 500; color: #28a745; font-size: 16px; }
.info-wrapper .price-info .sale-info .strike { position: relative; display: inline-block; color: #cbcbcb; font-size: 16px; }
.info-wrapper .price-info .sale-info .strike:before { position: absolute; content: ''; left: -2px; right: -2px; height: 1px; background: #cbcbcb; top: 12px; }
.info-wrapper .price-info .price { }
.info-wrapper .price-info .price > p { font-size: 24px; font-weight: 600; }
.info-wrapper .info-sales { margin: 12px 0; display: flex; padding: 12px 15px; background: #f4faed; border-radius: 8px; }
.info-wrapper .info-sales .sales-info { }
.info-wrapper .info-sales .sales-info .sales-num { font-size: 16px; display: inline-block; letter-spacing: -.5px; }
.info-wrapper .info-sales .sales-info .sales-num > b { color: #28a745; font-size: 17px; }
.info-wrapper .info-sales .sales-star { margin-left: auto; align-self: flex-end; }
.info-desc { padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; }
.info-desc:first-child { margin-top: 15px; }
.info-desc:last-child { margin-bottom: 0; }
.info-desc .desc-title { display: flex; }
.info-desc .desc-title span { display: inline-block; }
.info-desc .desc-title button { display: flex; align-items: center; background-color: transparent; margin-left: auto; padding: 0; align-self: center; }
.info-desc .desc-title button img { width: 13px; height: auto; }
.info-desc .desc-content { margin-top: 15px; }
.info-desc .desc-content .desc-content-wrap { padding: 25px; background: #f9f9f9; border-radius: 8px; }
.info-desc .desc-content .desc-content-wrap dl { display: flex; margin-bottom: .25rem; font-size: 13px; }
.info-desc .desc-content .desc-content-wrap dl > dt { font-weight: 500; }
.info-desc .desc-content .desc-content-wrap dl > dd { margin-left: 5px; }
@media(max-width: 1200px) {
    .view-goods-wrap { flex-wrap: wrap; padding: 0 15px; }
    .image-wrapper { flex: 0 0 360px; max-width: 360px; }
    .info-wrapper { flex: 1 1 auto; max-width: calc( 100% - 360px ); margin-left: 50px; }
}
@media(max-width: 768px) {
    .view-goods-wrap { flex-wrap: wrap; padding: 0 15px; }
    .image-wrapper { flex: 1 1 100%; max-width: 100%; }
    .info-wrapper { flex: 1 1 100%; max-width: 100%; margin: 0; }
}

/* 상품정보 탭 */
#item-detail { position: relative;  margin-top: 100px; }
.detail-menu-wrap { position: relative; display: block; width: 100%; }
.detail-menu-wrap .detail-menu-tab.menu-fixed { position: fixed; z-index: 1090; }
.detail-menu-wrap .detail-menu-tab { display: flex; border-bottom: none; }
.detail-menu-wrap .detail-menu-tab .tab-menu { flex: 1 1 auto; max-width: 25%; margin-bottom: -1px; }
.detail-menu-wrap .detail-menu-tab .tab-menu > a { position:relative; display: block; padding: 12px 10px; text-align: center; color: #333; }
.detail-menu-wrap .detail-menu-tab .tab-menu > a:after { position: absolute; content: ''; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background: #ddd; }
.detail-menu-wrap .detail-menu-tab .tab-menu.on { }
.detail-menu-wrap .detail-menu-tab .tab-menu.on > a { background-color: #28a745; color: #fff; }
.detail-menu-wrap .detail-menu-tab .tab-menu.on > a:after { height: 2px; background: #28a745; }
#item-detail .detail-content { padding: 0; }
#item-detail .content-box { }
#item-detail .content-box img { width: auto; height: auto; max-width: 100%; }
.detail-menu-wrap .detail-menu-tab.menu-fixed { position: fixed; top: 0; z-index: 1090; background: #fff; transition: all 0.5s; box-shadow: 1px -3px 12px rgb(0 0 0 / 10%); }
#content_itemuse,
#content_itemqna { padding: 0 15px; }
@media(max-width: 768px) {
    .detail-menu-wrap .detail-menu-tab .tab-menu > a { font-size: 14px; white-space: nowrap; }
}

/* 장바구니 버튼 only mobile */
#fix-btn-wrapper { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1090; opacity: 0; transition: opacity 0.5s; }
html.scroll #fix-btn-wrapper { opacity: 1; }
.fix-btn-inner { position: relative; display: flex; }
.fix-btn-inner .btn { position: relative; display: flex; padding: 16px 0 12px 0; justify-content: center; border-radius: 0; }
.fix-btn-inner .btn-heart { flex: 0 0 120px; max-width: 120px; background-color: #fd7e14; color: #fff; }
.fix-btn-inner .btn-cart { flex: 1 1 auto; max-width: calc( 100% - 120px ); background-color: #28a745; color: #fff; }
.fix-btn-inner .btn-booking { flex: 1 1 40%; max-width: 40%; min-width: 180px; background-color: #ffc107; color: #fff; }
.fix-btn-inner .btn > svg { display: inline-block; width: 23px; height: 23px; fill: #fff; align-self: center; }
.fix-btn-inner .btn > span { display: inline-block; font-size: 18px; font-weight: 600; align-self: center; margin-left: 3px; }

/* 장바구니 버튼 */
#fix-cart-wrapper { display: block; /* position: fixed; bottom: 0; z-index: -1; */ }
#fix-cart-wrapper.open { opacity: 1; z-index: 1091; }
.fix-cart-inner { padding: 0; background: #f6f7f9; }
.fix-cart-inner > .cart-toggle { display: none; position: relative; background-color: #fff;}
.fix-cart-inner > .cart-toggle > .cart-toggle-btn { position: absolute; display: inline-block; overflow: hidden; top: -20px; left: 50%; width: 74px; height: 20px; border: 0; border-radius: 20px 20px 0 0; background: #d3d3d3; transform: translateX(-50%); text-align: center; line-height: 18px; cursor: pointer; }
.fix-cart-inner > .cart-toggle > .cart-toggle-btn i { color: #fff; }
.fix-cart-inner > .view-cart-panel { padding: 20px 25px 0 25px; }
.option-select-wrap { }
.option-select-wrap select { width: 100%; border-radius: 0; }
.option-select-wrap > .option-item-wrap { }
.option-select-wrap > .option-item-wrap > .option-item { }
.option-select-wrap > .option-item-wrap > .option-item:not(:last-child) { margin-bottom: 3px; }
.option-select-wrap > .option-item-wrap+.option-addgoods-wrap { margin-top: 5px; }
.option-select-list { margin-top: 12px; }
.buy_item_count { display: flex; }
.div_buy_item { position: relative; width: 100%; border: 1px solid #ddd; padding: 8px 15px; background: #fff; margin-bottom: .5rem; }
.div_buy_item > .buy_item_name { display: flex; margin-bottom: .25rem; }
.div_buy_item > .buy_item_name > .item_option_name { font-size: 13px; margin-right: 7px; }
.div_buy_item .item_count_wrap { align-self: center; }
.div_buy_item .item_count_wrap .item_count { position: relative; width: 27px; height: 27px; text-align: cetner; border: 1px solid #ddd; border-radius: 0; background: #fff; }
.div_buy_item .item_count_wrap .item_minus { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.div_buy_item .item_count_wrap .item_plus { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.div_buy_item .item_count_wrap .item_count_input { width: 38px; height: 27px; line-height: 27px; 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; }
.div_buy_item .item_count_wrap .item_minus:before { position: absolute; width: 11px; height: 1px; background: #bbb; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; }
.div_buy_item .item_count_wrap .item_plus:before { position: absolute; width: 11px; height: 1px; background: #bbb; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; }
.div_buy_item .item_count_wrap .item_plus:after { position: absolute; width: 1px; height: 11px; background: #bbb;  top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; }
.div_buy_item .item_price_wrap { align-self: center; margin-left: auto; }
.div_buy_item .item_price_wrap span { display: block; font-size: 14px; text-align: right; line-height: 1.2; }
.div_buy_item .btn_opt_delete { position: absolute; top: -5px; right: -5px; }
.div_buy_item .btn_opt_delete span { display: inline-block; position: relative; }
.div_buy_item .btn_opt_delete span:before { position: absolute; width: 13px; height: 1px; background: #bbb; top: -10px; left: -10px; content: ''; transform: rotate(-45deg); }
.div_buy_item .btn_opt_delete span:after { position: absolute; width: 1px; height: 13px; background: #bbb; top: -16px; left: -4px; content: ''; transform: rotate(-45deg); }
.view-cart-price { margin: 0 25px; background: #f4faed; padding: 12px 25px; border-radius: 8px; line-height: 1; }
.view-cart-price em { font-style: normal; }
.view-cart-price > .item-total-price { display: flex; }
.view-cart-price > .item-total-price span,
.view-cart-price > .item-total-price em { display: inline-block; }
.view-cart-price > .item-total-price .txt+span { margin-left: 5px; }
.view-cart-price > .item-total-price span.plus { padding: 0 5px; }
.view-cart-price > .cart-total-price { display: flex; }
.view-cart-price > .cart-total-price > dt { align-self: flex-end }
.view-cart-price > .cart-total-price > dd { margin-left: auto; font-size: 22px; font-weight: 500; color: #ff0c0c; }
.view-cart-btn { display: flex; margin-top: 8px; padding: 0 25px 15px 25px; }
.view-cart-btn .btn { flex: 1 1 auto; max-width: 50%; border-radius: 0; margin-right: 10px; padding: 12px 0; }
.view-cart-btn .btn:last-child { margin-right: 0; }
.view-cart-btn .btn-cart { background-color: #fff; border: 1px solid #28a745; color:#28a745; }
.view-cart-btn .btn-buy { background-color: #ff0c0c; color: #fff; }
.view-cart-btn .btn-back { background-color: #fff; border: 1px solid #000; color:#000;}

@media(max-width: 768px) {
    #fix-btn-wrapper { display: block; opacity: 1; }
    #fix-cart-wrapper { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: -1; }
    #fix-cart-wrapper.open { opacity: 1; z-index: 1091; }
    .fix-cart-inner { padding: 0; background: #f6f7f9; }
    .fix-cart-inner > .cart-toggle { position: relative; background-color: #fff; display: block; }
    .fix-cart-inner > .cart-toggle > .cart-toggle-btn { position: absolute; display: inline-block; overflow: hidden; top: -20px; left: 50%; width: 74px; height: 20px; border: 0; border-radius: 20px 20px 0 0; background: #d3d3d3; transform: translateX(-50%); text-align: center; line-height: 18px; cursor: pointer; }
    .fix-cart-inner > .cart-toggle > .cart-toggle-btn i { color: #fff; }
    .fix-cart-inner > .view-cart-panel { padding: 20px 25px 0 25px; }
}

/* cart */
.cart-list-wrap { padding: 0 15px; margin-top: 25px; }
.cart-item-list { }
.cart-item-list .cart-check-wrap { display: flex; padding: 0 12px 15px 12px; }
.cart-item-list .check-wrap { }
.cart-item-list .cart-button-wrap { margin-left: auto; }
.cart-item-list .cart-button-wrap button { position: relative; font-size: 13px; color: #b8b8b8; }
.cart-item-list .cart-button-wrap button:before { position: absolute; display: inline-block; width: 16px; height: 1px; background: #999; content: ''; transform: rotate(-45deg) translateY(-50%); right: -4px; top: 50%; }
.cart-item-list .cart-button-wrap button:after { position: absolute; display: inline-block; width: 16px; height: 1px; background: #999; content: ''; transform: rotate(45deg) translateY(-50%); top: 50%;  right: -4px; }
.cart-item-list .cart-button-wrap button.cart-select-delete { padding-right: 18px; }
.cart-item-list .cart-button-wrap button.cart-item-delete { font-size: 0; text-indent: -999em; }
.cart-item-list .cart-head { border-bottom: 1px solid #ddd; margin-bottom: 8px; }
.cart-item-list .cart-body { }
.cart-item-wrap { }
.cart-item-wrap .cart-item-head { margin-top: 8px; }
.cart-item-wrap .cart-item-body { display: flex; padding: 5px 10px 15px 15px; border-bottom: 1px dashed #ddd; }
.cart-item-body .cart-item-image { flex: 1 1 100px; max-width: 100px; }
.cart-item-body .cart-item-image img { width: 100%; height: auto; }
.cart-item-body .cart-item-box { padding-left: 25px; }
.cart-item-box .cart-opt { }
.cart-item-box .cart-opt > li { display: flex; flex-wrap: wrap; font-size: 14px; }
.cart-item-box .cart-opt > li .opt-flag { display: inline-block; vertical-align: top; font-weight: 500; }
.cart-item-box .cart-opt > li .opt-name { display: flex; }
.cart-item-box .cart-opt > li .opt-flag + .opt-name { margin-left: 8px; }
.cart-item-box .cart-opt > li .opt-name p { }
.cart-item-box .cart-opt > li .opt-name p:not(:last-child) { margin-right: 5px; }
.cart-item-box .cart-opt > li .opt-name p span { display: inline-block; }
.cart-item-box .cart-opt > li .opt-name p span:not(:last-child) { margin-right: 3px; }
.cart-item-box .cart-opt > li .opt-name p.item_price { color: #ff0c0c; }
.cart-item-box .cart-opt > li .opt-cnt { flex: 1 1 100%; max-width: 100%; margin-top: 3px; }
.cart-item-box .cart-opt > li .opt-cnt.opt-cnt-inline { flex: 0 0 auto; margin-left: 5px; font-size: 14px; margin-top: 0; }
.cart-list-wrap .view-cart-price { margin: 25px 0; margin-top: 25px; }

/* pay form */
.cart-order { }
.cart-order .div_buy_item { border: 0; padding: 0; margin-bottom: .25rem; }
.cart-order-form { padding: 0 15px; margin-top: 25px; }
.cart-order-form input[type="text"] { width: 100%; background: #f6f6f6; border: 1px solid #f6f6f6; }
.cart-order-form .frm-input-row button { display: inline-block; box-sizing: border-box; border-radius: 4px; height: 50px; line-height: 50px; padding: 0 18px; letter-spacing: -0.8px; font-family: 'Noto Sans KR'; }
.order-form-panel { margin: 25px 0; display: flex; display: none; }
.order-form-panel > span { align-self: center; }
.order-form-panel > button { margin-left: auto; display: inline-block; padding: 6px 18px; text-align: center; border: 1px solid #2b8339; color: #2b8339; background: #fff; border-radius: 0; }
.cart-order-form .view-cart-price { margin: 25px 0; margin-top: 25px; }
.order-point-wrap { margin-bottom: 25px; }
.order-point-wrap > h5 {font-size: 18px; letter-spacing: -.5px; color: #999; font-weight: 500; margin-bottom: 10px; }
.order-point-wrap > .use-point { padding-left: 10px; }
.order-point-wrap .btn-point-use { width: 100%; background: #fd7e14; color: #fff; }
.order-payment-list { }
.order-payment-list > h5 {font-size: 18px; letter-spacing: -.5px; color: #999; font-weight: 500; margin-bottom: 10px; }
.order-payment-list > .payment-settle { padding-left: 10px; margin-bottom: 7px; }
.order-payment-bank { display: none; margin: 15px 0; padding: 0 15px;}
.order-payment-bank select { width: 100%; background-color: #f6f6f6; border: 1px solid #f6f6f6; }
.order-payment-btn { }
.order-payment-btn > .btn { width: 100%; text-align: center; background: #ff0c0c; color: #fff; letter-spacing: -.5px; font-weight: 600; padding: 8px; font-size: 17px; margin-top: 5px; }
.order-payment-btn > .btn > span { font-size: 20px; display: inline-block; margin-right: 2px; }
@media(max-width: 576px) {
.order-form-panel { }
.order-form-panel > span { align-self: center; font-size: 12px; }
.order-form-panel > button { padding: 6px 12px; font-size: 12px; }
}
.my-delivery-wrap { }
.my-delivery-wrap > ul { display: flex; }
.my-delivery-wrap > ul > li { flex: 1 1 50%; max-width: 50%; cursor: pointer; text-align: center; background: #f8f8f8; border-bottom: 1px solid #ddd; color: #999; }
.my-delivery-wrap > ul > li.on { background: #fff; border: 1px solid #ddd; color: #000; }
.my-delivery-wrap > ul > li > span { display: inline-block; padding: 12px; font-weight: 500; }
.order-view-list { margin-top: 15px; }
.order-view-list > ul { }
.order-view-list > ul > li { display: flex; border: 1px solid #ddd; padding: 12px 15px; margin-bottom: 10px; }
.order-view-list > ul > li .my-address { flex: 0 0 auto; font-size: 15px; }
.order-view-list > ul > li .my-address .addr-info { display: flex; }
.order-view-list > ul > li .my-address .addr-info > span { display: inline-block; }
.order-view-list > ul > li .my-address .addr-info > span:not(:last-child) { margin-right: 5px; }
.order-view-list > ul > li .my-address .addr-txt > span { display: inline-block; }
.order-view-list > ul > li .my-address .addr-txt > span:not(:last-child) { margin-right: 5px; }
.order-view-list > ul > li .my-button { flex: 0 0 auto; margin-left: auto; align-self: center; }
.order-view-list > ul > li .my-button .btn { font-size: 14px; }
.order-view-list > ul > li.empty { display: block; padding: 25px; text-align: center; border: 0; }
.order-view-box { border: 1px solid #ddd; border-radius: .25rem; padding: 15px 12px; margin-bottom: 12px; }
.order-view-box h2 { display: flex; padding-bottom: 8px; border-bottom: 1px solid #ddd; }
.order-view-box h2 .cart-num { display: inline-block; font-size: 18px; }
.order-view-box h2 .cart-view { display: inline-block; margin-left: auto; font-size: 18px; }
.order-item-body { padding: 15px 0 8px 0; }
.order-info-wrap { display: flex; flex-wrap: wrap; }
.order-info-wrap:not(:first-child) { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ddd; }
.order-info-wrap .order-info-body { display: flex; flex-wrap: wrap; padding: 10px 0; }
.order-info-wrap .order-info-body h5 { flex: 1 1 100%; max-width: 100%; }
.order-info-wrap .order-info-body h5 .cart-status { display: inline-block; font-size: 15px; padding: 6px 16px; text-align: center; border: 1px solid #ddd; border-radius: 6px; }
.order-info-wrap .order-info-body .order-item-image { flex: 0 0 60px; max-width: 60px; padding: 0; }
.order-info-wrap .order-info-body .order-item-image img { width: 100%; height: auto; border-radius: .5rem; }
.order-info-wrap .order-info-body .order-item-box { flex: 1 1 auto; padding-left: 15px;}
.order-info-wrap .order-info-body .order-item-box .item-name { }
.order-info-wrap .order-info-body .order-item-box .item-price { }
.order-info-wrap .order-info-body .order-item-box .item-price span,
.order-info-wrap .order-info-body .order-item-box .item-price small { display: inline-block; font-size: 16px; font-style: normal; }
.order-info-wrap .order-info-body .order-item-box .item-price small { margin-left: 3px; }
.order-info-wrap .order-btn-group { flex: 0 0 auto; margin-left: auto; }
.order-info-wrap .order-btn-group > a { display: block; padding: 6px 16px; font-size: 15px; min-width: 140px; text-align: center; border: 1px solid #ddd; margin-bottom: .25rem; }
.mypage-delivery-info { }
.mypage-delivery-info > .info-item { margin-top: 50px; }
.mypage-delivery-info > .info-item h5 { margin-bottom: 20px; font-size: 18px; line-height: 1; color: #111; }
.mypage-delivery-info > .info-item .dtable-form { border: 0; border-top: 1px solid #383e5c; }
.mypage-delivery-info > .info-item .dtable-form > .dl { border-color: #d0d0d0; }
.mypage-delivery-info > .info-item .dtable-form > .dl > .dth { padding: 15px 30px; flex: 1 1 25%; max-width: 25%; border-left: 0; background: #f7f7f7; border-color: #d0d0d0; }
.mypage-delivery-info > .info-item .dtable-form > .dl > .dtd { padding: 15px 30px; flex: 1 1 75%; max-width: 75%; }
.mypage-delivery-info > .info-item .dtable-box { border-top: 2px solid #383e5c; }
.mypage-delivery-info > .info-item .dtable-box > dl { border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.mypage-delivery-info > .info-item .dtable-box > dl:last-child { border-right: 1px solid #d0d0d0;; }
.mypage-delivery-info > .info-item .dtable-box > dl > dt { color: #707070; font-size: 15px; align-self: center; }
.mypage-delivery-info > .info-item .dtable-box > dl > dd { }
.mypage-delivery-info > .info-item .dtable-box > dl > dd .unit-w { font-weight: 600; }
.mypage-delivery-info > .info-item .dtable-box > dl > dd .unit-k { font-size: 0.9em; }
.mypage-delivery-info > .info-item .dtable-box > dl > dd.total-price { color: #f33f46; font-size: 20px; font-weight: 600; }
.mypage-delivery-info > .info-item .dtable-box > dl.lg-box > dt { }
.mypage-delivery-info > .info-item .dtable-box > dl.lg-box > dd { }
.mypage-delivery-info > .info-item .dtable-box.dtable-box3 > dl { }
.mypage-delivery-info > .info-item .dtable-box.dtable-box3 > dl:nth-child(3n) { border-right: 1px solid #d0d0d0; }
.mypage-delivery-info > .info-item .dtable-box + .dtable-form { margin-top: 25px; }
.my-delivery-button { display: flex; margin-top: 15px; }
.my-delivery-button > .btn { border-radius: 0; flex: 1 1 auto; }
.my-delivery-button > .btn_close { flex: 1 1 30%; max-width: 30%; }

/* article list */
.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: 50px; }
.article-desc .article-image img { width: 100%; height: auto; }
.article-desc .article-image ~ .article-header,
.article-desc .article-image ~ .article-subject { padding-left: 62px; }
.article-desc .article-header { display: flex; }
.article-desc .article-header > span { display: inline-block; font-size: 12px; margin-right: 8px; align-self: center; }
.article-desc .article-header > span.state { padding: 2px 8px; background: #6c757d; color: #fff; text-align: center; border-radius: 3px; font-size: 11px; }
.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; }
.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; font-size: 14px; }
.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 { font-size: 14px; }
.article-desc button { position: absolute; top: 38px; right: 15px; display: inline-block; background-color: transparent; padding: 0; }
.article-desc button img { width: 13px !important; height: auto; }

/* mypage */
.page-wrap-header { background-color: #f5f5f5; padding: 15px 25px; }
.page-wrap-header + .page-wrap-body { margin-top: 35px; }
.page-wrap-header > ul { display: flex; }
.page-wrap-header > ul > li { flex: 1 1 50%; max-width: 50%; display: flex; }
.page-wrap-header > ul > li > span { display: inline-block; align-self: center; }
.page-wrap-header > ul > li > span.ico { width: 30px; }
.page-wrap-header > ul > li > span.ico img { width: 100%; max-width: 23px; height: auto; }
.page-wrap-header > ul > li > span.txt { font-weight: 500; letter-spacing: -1px; color: #333; }
.page-wrap-header > ul > li > span.num {font-weight: 500; font-size: 17px; margin-left: 8px; }

/* modal */
/* alert Modal */
.alert-message { padding: 25px; text-align: center; }
.alert-message .myModal-dialog { height: auto; }
.alert-message .myModal-header { display: none; }
.alert-wrap p { font-size: 22px; fon-weight: 600; }
.alert-basket { }
.alert-button { display: flex; margin-top: 8px; padding: 0 25px 15px 25px; }
.alert-button .btn { flex: 1 1 auto; max-width: 50%; border-radius: 0; margin-right: 10px; }
.alert-button .btn:last-child { margin-right: 0; }
.alert-button .btn-alert-shopping { background-color: #fff; border: 1px solid #28a745; color:#28a745; padding: 12px 0; }
.alert-button .btn-alert-cart { background-color: #ff0c0c; color: #fff; padding: 12px 0; }
.alert-button .btn-alert-cancel { background-color: #fff; border: 1px solid #6c757d; color:#6c757d; padding: 12px 0; }
.alert-button .btn-alert-confirm { background-color: #ff0c0c; color: #fff; padding: 12px 0; }
/* 배송지 등록 */
.mydelivery { }
.mydelivery .myModal-dialog { height: auto; }
.mydelivery .myModal-header { background: #000; }
.mydelivery .myModal-header .header-title { color: #fff; }

/* table */
.dtable-form { display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-left: 0; border-bottom: 0; }
.dtable-form > .dl { position: relative; flex: 1 1 50%; max-width: 50%; display: flex; border-bottom: 1px solid #d6dce7; }
.dtable-form > .dl:last-child { }
.dtable-form > .dl.dlf { position: relative; flex: 1 1 100%; max-width: 100%; }
.dtable-form > .dl > .dth { flex: 1 1 25%; max-width: 25%; padding: 10px; background-color: #fbfbf9; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.dtable-form > .dl > .dtd { flex: 1 1 75%; max-width: 75%; padding: 10px; align-self: center; }
.dtable-form > .dl.dlf > .dth { flex: 1 1 12.5%; max-width: 12.5%; background-color: #fbfbf9; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.dtable-form > .dl.dlf > .dtd { flex: 1 1 87.5%; max-width: 87.5%; align-self: center; }
.dtable-form.dtable-mid > .dl.dlf > .dth { flex: 1 1 25%; max-width: 25%; }
.dtable-form.dtable-mid > .dl.dlf > .dtd { flex: 1 1 75%; max-width: 75%; }
.dtable-form select { min-width: 90px; }
section > .dtable-form { margin-bottom: 25px; }
section:last-child > .dtable-form { margin-bottom: 0; }
.dtable-form + .tbl-button-wrap { margin: 25px 0; display: flex; justify-content: center; }
.dtable-form + .tbl-button-wrap > .btn { flex: 1 1 auto; max-width: 50%; border-radius: 0; margin-right: 10px; padding: 12px 0; }
.dtable-form + .tbl-button-wrap > .btn:last-child { margin-right: 0; }
.dtable-form + .tbl-button-wrap > .btn_cancel { background-color: #fff; border: 1px solid #ff0c0c; color:#ff0c0c; }
.dtable-form + .tbl-button-wrap > .btn_submit { background-color: #ff0c0c; border: 1px solid #ff0c0c; color: #fff; }

.tbl-write-form { border: 0; }
.tbl-write-form:not(:last-child) { margin-bottom: 50px; }
.tbl-write-form > .dl { flex-wrap: wrap; flex: 1 1 100%; max-width: 100%; border: 0; }
.tbl-write-form > .dl.dlf > .dth { display: flex; flex: 1 1 100%; max-width: 100%; background-color: transparent; border: 0; padding: 0; margin-bottom: .25rem; }
.tbl-write-form > .dl.dlf > .dtd { flex: 1 1 100%; max-width: 100%; padding: 0; }
.tbl-write-form > .dl+.dl { margin-top: .75rem; }
.tbl-write-form > .dl.dlf > .dth .req { position: relative; display: inline-block; font-weight: 500; align-self: center; }
.tbl-write-form > .dl.dlf > .dth .req:after { position: absolute; content: '*'; color: #ff0c0c; right: -10px; }
.tbl-write-form > .dl.dlf > .dth .chk { align-self: center; }
.tbl-write-form > .dl.dlf > .dtd .frm-input { }
.tbl-write-form > .dl.dlf > .dtd .frm-input input[type="text"] { width: 100%; background: #f6f6f6; border: 1px solid #f6f6f6; }
.tbl-write-form > .dl.dlf.phone > .dtd .frm-input-row { justify-content: space-between; }
.tbl-write-form > .dl.dlf.phone > .dtd .frm-input { flex: 1 1 32%; max-width: 32%; }
.tbl-write-form > .dl.dlf.address > .dtd .frm-zip { flex: 1 1 50%; max-width: 50%; }
.tbl-write-form > .dl.dlf.address > .dtd .btn_zip { background: #f6f6f6; border: 1px solid #f6f6f6; color: #333; }