@charset "utf-8";

/* 리스트 공통 */
.lists-row{margin-right:-10px;margin-left:-10px}
.lists-row .col-row-0,.lists-row .col-row-1,.lists-row .col-row-2,.lists-row .col-row-3,.lists-row .col-row-4,.lists-row .col-row-5,.lists-row .col-row-6,.lists-row .col-row-7,.lists-row .col-row-8,.lists-row .col-row-9,.lists-row .col-row-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.lists-row .col-row-0,.lists-row .col-row-1{width:100%}
.lists-row .col-row-2{width:50%}
.lists-row .col-row-3{width:33.33333333%}
.lists-row .col-row-4{width:25%}
.lists-row .col-row-5{width:20%}
.lists-row .col-row-6{width:16.66666667%}
.lists-row .col-row-7{width:14.28571428%}
.lists-row .col-row-8{width:12.5%}
.lists-row .col-row-9{width:11.11111111%}
.lists-row .col-row-10{width:10%}
.row-clear{clear:both!important}
.lists-row .sct_img img{max-width:100%;height:auto}

/* 공통 */
.sct_wrap {position:relative;margin:0 0 20px}
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {padding:10px 0 20px}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
.sct_wrap h2:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 a {text-decoration:none}

#sct {clear:both}

.sct {clear:both;margin:0;padding:0;list-style:none}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#2dd49f}
.shop_icon_4 {background:#556ee6}
.shop_icon_5 {background:#ff5081}

.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px}
.shop_icon_soldout.h160{line-height:160px}
.shop_icon_coupon {background:#d45959}

/* 재생/정지/이전/다음 버튼 */
.sctrl {margin:0;padding:0;list-style:none}
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
.sctrl li {position:relative;float:left}
.sctrl button {position:relative;margin:0;padding:0;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden}
.sctrl button span {position:absolute;top:0;left:0;width:20px;height:20px;border:0;background:url('img/is_button.gif') no-repeat}
.sctrl button.sctrl_play span {background-position:-60px 0}
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
.sctrl button.sctrl_stop span {background-position:-90px 0}
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
.sctrl button.sctrl_prev span {background-position:-120px 0}
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
.sctrl button.sctrl_next span {background-position:-150px 0}
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}

/* 메인리스트 별점 공통 */
.sct_li .sct_star img, .sct_li img.sit_star{width:72px !important;height:auto}

/* 상품 목록 스킨 order */
.sct_order {}
.sct_order.lists-row{}
.sct_order .sct_li {position:relative;}
.sct_order .sct_last {margin-right:0}
.sct_order .sct_clear {clear:both}
.sct_order .sct_a {text-decoration:none}
.sct_order .sct_a:focus, .sct_order .sct_a:hover {text-decoration:none}

.sct_order .sct_img {position:relative;}
.sct_order .sct_img a {display:block}
.sct_order .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.sct_order .sct_img:hover .sct_cart {display:block}
.sct_order .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_order .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.sct_order .sct_ct_wrap {}
.sct_order .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_order .sct_star {margin: 10px 0 5px}
.sct_order .sct_bottom {position:relative;min-height:20px}
.sct_order .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_order .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.85em;color:#858a8d}

.sct_order .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_order .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 18px rgba(0,0,0,0.2);box-shadow: 1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}  
.sct_order .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_order .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_order .sct_sns .share-facebook {background:#415b92}
.sct_order .sct_sns .share-twitter {background:#35b3dc}
.sct_order .sct_sns img {width:24px}
.sct_order .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_order .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.sct_order .sct_op_btn {position:absolute;right:5px;bottom:0}
.sct_order .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

.sct_order .sct_ct_wrap {position:relative;background:#fff;border-radius:15px;margin-bottom:15px;box-shadow:0 15px 25px -25px rgba(0, 0, 0, 0.30);}
.sct_order .sct_item {position:relative;display:flex;padding:0 15px;min-height:165px;}
.sct_order .sct_item .panel {padding:30px 10px 45px;border-left:1px solid #eee;}
.sct_order .sct_item .panel:first-child {border-left:0;}
.sct_order .sct_item .sct_txt {width:20%;}
.sct_order .sct_item .sct_txt p {font-size:16px;font-weight:600;margin-bottom:10px;color:#333;word-break:keep-all;line-height:1.5em;}
.sct_order .sct_item .sct_txt p.sct_category {background:#454545;font-weight:400;color:#fff;font-size:12px;padding:2px 5px;display:inline-block;border-radius:2px;}
.sct_order .sct_item .sct_txt span {font-size:13px;color:#999;}
.sct_order .sct_item .item_options {width:40%;display:flex;flex-direction:column;gap:15px;}
.sct_order .sct_item .item_options .option_row {display:flex;align-items:center;justify-content:center;gap:15px;}
.sct_order .sct_item .item_options .option_row .opt_name {width:35%;font-size:14px;font-weight:600;text-align:right;color:#333;}
.sct_order .sct_item .item_options .option_row .opt_ctrl {display:flex;align-items:center;flex:1;}
.sct_order .sct_item .item_options .option_row .opt_ctrl button {width:20px;height:20px;background:#fff;border:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;}
.sct_order .sct_item .item_options .option_row .opt_ctrl.add button {background:#f1f1f1;border:1px solid #f1f1f1;}
.sct_order .sct_item .item_options .option_row .opt_ctrl .opt_qty_count {width:40px;height:20px;font-size:12px;text-align:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#666;line-height:18px;}
.sct_order .sct_item .item_options .option_row .opt_ctrl.add .opt_qty_count {background:#086c3b;color:#fff;border-top:1px solid #086c3b;border-bottom:1px solid #086c3b;}
.sct_order .sct_item .item_options .option_row .opt_price {width:40%;}
.sct_order .sct_item .item_options .option_row .opt_price .opt_bm {font-size:14px;color:#086c3b;font-weight:600;}
.sct_order .sct_item .item_options .option_row .opt_price .opt_gm {font-size:12px;color:#333;font-weight:400;}
.sct_order .sct_item .item_options .option_row .opt_price .opt_nm a {font-size:12px;color:#333;font-weight:400;}
.sct_order .sct_item .sct_qty {width:15%;display:flex;align-items:center;justify-content:center;}
.sct_order .sct_item .sct_qty span {font-size:14px;}
.sct_order .sct_item .sct_qty em {padding:0 5px;font-size:13px;}
.sct_order .sct_info {display:none;border-top:1px solid #f1f1f1;padding-left: calc(20% + 9px);}
.sct_order .sct_info .sct_info_inner {display:flex;}
.sct_order .sct_info .sit_explan {padding:20px 30px;}
.sct_order .sct_info .sit_explan h3 span {display:inline-block;padding:2px 7px;border:1px solid #999;border-radius:15px;font-size:13px;font-weight:600;margin-bottom:15px;}
.sct_order .sct_info .sit_explan_inner {line-height:1.75em;}
.sct_order .sct_item .sct_flow {width:10%;display:flex;align-items:center;justify-content:center;font-size:14px;}
.sct_order .sct_item .sct_notes {width:15%;display:flex;align-items:center;justify-content:center;font-size:14px;}

.order-section {}
.order-section .order-list {}
.order-section .order-info {width:25%;}
.order-info-inner {background:#fff;padding:25px;border-radius:15px;box-shadow:0 15px 25px -25px rgba(0, 0, 0, 0.30);border:4px solid #e6e6e6;}
.order-info-inner h3 {font-size:18px;height:40px;font-weight:600;padding-bottom:10px;margin-bottom:15px;border-bottom:4px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;}
.order-info-inner h3 button.btn_reset {font-size:12px;background:#f1f1f1;border:0;padding:6px 10px;font-weight:400;border-radius:30px;}
.order-info-inner ul#selected-items {max-height:450px;overflow-y:auto;scrollbar-width:thin;}
/*
.order-info-inner ul#selected-items::-webkit-scrollbar{width:5px;}
.order-info-inner ul#selected-items::-webkit-scrollbar-thumb{background-color:#888;border-radius:2.5px;}
.order-info-inner ul#selected-items::-webkit-scrollbar-track{background-color:transparent;}
*/
.order-info-btn {position:fixed;bottom:0;left:0;right:0;display:none;z-index:100;}
.order-info-btn.add {}
.order-info-btn button.order-btn {width:100%;background:rgba(0,0,0,0.35);display:flex;height:45px;justify-content:center;align-items:center;border:0;color:#fff;font-size:16px;font-weight:500;}
.order-info-btn.add button.order-btn {background:#086c3b;color:#fff;}

.order-info-inner .order-empty {display:block;text-align:center;color:#999;}
.order-info-inner .order-summary {padding:30px 0;display:flex;justify-content:space-between;align-items:center;}
.order-info-inner .order-summary p {font-size:18px;}
.order-info-inner .order-summary p strong {}
.order-info-inner .order-summary p strong span {font-size:22px;color:#ff0000;}
.order-info-inner .order-summary #currency-total-container p {font-size:18px;font-weight:600;color:#ff0000;display:flex;justify-content:space-between;}
.order-info-inner .order-summary #currency-total-container p em {font-style:normal;margin-left:5px;}
.order-info-inner .btn_wrap {display:flex;gap:10px;}
.order-info-inner .btn_order {width:50%;height:50px;font-size:16px;border:1px solid #086c3b;border-radius:10px;font-weight:600;}
.order-info-inner .btn_order.cart {background:#fff;color:#086c3b}
.order-info-inner .btn_order.now {background:#086c3b;color:#fff}
.order-info-inner .item_name {font-size:15px;margin-bottom:15px;}
.order-info-inner .group_item {padding-top:15px;margin-bottom:15px;border-top:1px dotted #999;}
.order-info-inner .group_item:first-child {padding-top:0;border-top:0;}
.order-info-inner .group_item:last-child {margin-bottom:0;}
.order-info-inner .group_item_in {display:flex;flex-direction:column;gap:10px;margin-bottom:15px;}
.order-info-inner .group_item_in li {position:relative;display:flex;align-items:center;font-size:13px;padding-right:20px;gap:5px;}
.order-info-inner .group_item_in li span.btn_name {width:45%;}
.order-info-inner .group_item_in li span.btn_box {width:30%;}
.order-info-inner .group_item_in li span.btn_box {display:flex;align-items:center;}
.order-info-inner .group_item_in li span.btn_box button {width:20px;height:20px;background:#fff;border:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;line-height:14px;}
.order-info-inner .group_item_in li span.btn_box .btn_count {width:40px;height:20px;font-size:12px;text-align:center;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#666;line-height:18px;}
.order-info-inner .group_item_in li span.btn_weight {width:30%;font-weight:600;text-align:right;}
.order-info-inner .group_item_in li button.btn_info_remove {position:absolute;top:50%;right:0;transform:translateY(-50%);width:16px;height:16px;border-radius:30px;background:url("/img/main/close_btn.svg") no-repeat center #b7b7b7;border:0;text-indent:-9999px;}
.order-info-inner .partial_total {padding:15px;background:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:5px;}
.order-info-inner .partial_total span {display:flex;justify-content:space-between;align-items:center;}
.order-info-inner .partial_total span em {font-style:normal;font-weight:600;color:#666;}
.order-info-inner .partial_total span strong {font-size:15px;font-weight:600;}
.sct_item .more_btn {position:absolute;bottom:15px;left:25px;}
.sct_item .more_btn button {position:relative;width:16px;height:16px;text-indent:-9999px;border:0;background:#ccc;border-radius:2px;transition:all .3s;}
.sct_item .more_btn button:hover {background:#999;}
.sct_item .more_btn button:before {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:2px;height:10px;background:#fff;}
.sct_item .more_btn button:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:2px;background:#fff;}
.sct_item .more_btn button.on:before {width:0;}

@media(max-width:1459px){
    .sct_order .sct_item {flex-wrap:wrap;padding:0;}
    .sct_order .sct_item .sct_txt {width:100%;border-bottom:1px solid #eee;padding:30px;}
    .sct_order .sct_item .item_options {width:auto;padding:30px;flex:1;border-left:0;}
    .sct_order .sct_item .sct_qty {flex-direction:column;}
    .sct_order .sct_item .sct_flow {}
    .sct_order .sct_item .sct_notes {}
    .sct_order .sct_info {padding:30px;}
    .sct_order .sct_img img {border-radius:10px;}
}

@media(max-width:1199px){
    .sct_order .sct_item .panel {padding:20px;border-left:1px solid #eee;}
    .sct_order .sct_item .sct_txt {padding:20px;}
    .sct_order .sct_item .item_options {width:100%;flex:none;border-bottom:1px solid #eee;border-left:0}
    .sct_order .sct_item .item_options .option_row {gap:10px;}
    .sct_order .sct_item .item_options .option_row .opt_name {}
    .sct_order .sct_item .item_options .option_row .opt_price {}
    .sct_order .sct_item .item_options .option_row .opt_ctrl {flex:none;}
    .sct_order .sct_item .item_options .option_row .opt_ctrl button {width:30px;height:30px;}
    .sct_order .sct_item .item_options .option_row .opt_ctrl .opt_qty_count {width:30px;height:30px;line-height:28px;}
    .sct_order .sct_item .sct_qty {width:30%;border-left:0;}
    .sct_order .sct_item .sct_flow {width:30%;}
    .sct_order .sct_item .sct_notes {width:40%;}
    .sct_order .sct_info {padding:20px 0 0;border-top:0;}
    .sct_order .sct_info .sct_info_inner {gap:15px;}
    .sct_order .sct_info .sit_explan {padding:0;}
    .sct_order .sct_info .sit_explan_inner p {font-size:12px;margin:0;}
    .sct_order .sct_img {}
    .sct_item .more_btn {bottom:auto;left:auto;top:20px;right:20px;}
}

@media(max-width:991px){
    
}

@media(max-width:767px){
    .sct_order .sct_item .item_options {flex-wrap:wrap;gap:6px;flex-direction:row;}
    .sct_order .sct_item .item_options .option_row {flex-direction:column;background:#f9f9f9;padding:15px 0;width:calc(50% - 3px);border-radius:5px;}
    .sct_order .sct_item .item_options .option_row:last-child {border-bottom:0;}
    .sct_order .sct_item .item_options .option_row .opt_name {text-align:center;width:100%;}
    .sct_order .sct_item .item_options .option_row .opt_price {text-align:center;width:100%;}
    .sct_order .sct_item .item_options .option_row .opt_ctrl .opt_qty_count {background:#fff;}
    .sct_order .sct_item .item_options .option_row .opt_ctrl.add button {background:#fff;border:1px solid #fff;}
    
    /* order */
    .order-info {position:relative;}
    .order-info-btn {display:block;}
    .order-info-inner {position:fixed;bottom:60px;left:20px;right:20px;padding:15px;border-radius:10px;z-index:100;display:none;}
    .order-info-inner ul#selected-items {max-height:250px;}
    .order-info-inner .item_name {font-size:14px;}
    .order-info-inner .group_item_in li {font-size:12px;}
    .order-info-inner .group_item_in li span.btn_box {width:auto;flex:1;}
    .order-info-inner .group_item_in li span.btn_box .btn_count {width:20px;}
    .order-info-inner .group_item_in li span.btn_weight {width:auto;flex:1;}
    .order-info-inner .partial_total span strong {font-size:14px;}
    .order-info-inner .order-summary {padding:15px 0;}
    .order-info-inner .order-summary p {font-size:16px;}
    .order-info-inner .order-summary #currency-total-container p {font-size:16px;}
    .order-info-inner .btn_order {height:40px;font-size:14px;}
}

@media(max-width:575px){
    .sct_order .sct_info .sct_info_inner {flex-direction:column;}
    .lists-row .sct_img img {width:100%;}
}