@charset "utf-8";

/* 리스트 공통 */
.lists-row { display:flex; flex-wrap:wrap; }
.lists-row .a:before,
.lists-row .a:after { display:none; }
.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 { min-height:1px; }
.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%; }


/* aside:gnb */
#gnb {margin-bottom:15px;background:#fff;border:1px solid #e8e8e8;border-top:0}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative;word-wrap:break-word}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:0 20px;line-height:48px;color:#010101;text-decoration:none;font-size:1.125rem}
.gnb_1da i {position:absolute;right:0;top:0;display:inline-block;color:#c4c4c4;padding:15px;font-size:1.25rem}

.gnb_1dam {background:url('img/gnb_bg.png') center right no-repeat}
.gnb_1dli_on .gnb_1da {background-color:#f5f5f5;color:#3a8afd;font-weight:bold;text-decoration:none}
.gnb_1dli_on .gnb_1da:after {position:absolute;left:-1px;top:0;content:"";background:#3a8afd;width:3px;height:100%}

.gnb_1dli_on .gnb_1dam {text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #e8e8e8;padding:10px}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:inline-block;top:0;left:263px;width:200px;background:#fff}
.gnb_1dli_over .gnb_2dul:after, .gnb_1dli_over2 .gnb_2dul:after {content:"";position:absolute;top:10px;left:-6px;display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff}
.gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before {content:"";position:absolute;top:9px;left:-7px;display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e8e8e8}

.gnb_2da {}
.gnb_1dli_over .gnb_2da {display:block;padding:5px 10px;line-height:20px;font-size:1.083em}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#3a8afd}

/* 오늘 본 상품 */
#stv {position:relative;height:100%}
#stv .li_empty {text-align:center;line-height:100px}
#stv_pg {display:block;position:fixed;right:0;bottom:0;width:229px;text-align:center;margin:10px 0 0;padding:15px;line-height:20px;background:#fff}
.stv_item {display:none;padding:15px;word-break:break-all;border-bottom:1px solid #f6f6f6}
.stv_item:after {display:block;visibility:hidden;clear:both;content:""}
.stv_item .prd_img {display:inline-block;float:left;margin-right:10px}
.stv_item .prd_cnt {display:inline-block;float:left}
.stv_item .prd_cnt span {display:block;max-width:105px}
.stv_item .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}

#stv_btn {position:absolute;top:10px;right:10px;width:60px;height:50px}
#up {position:absolute;top:0;left:0;background:url('img/btn_sb_prev.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}
#down {position:absolute;top:0;right:0;background:url('img/btn_sb_next.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}

/* 이벤트 링크 */
#sev {margin:20px 0;text-align:center}
#sev header {margin:0 0 20px}
#sev header:after {display:block;visibility:hidden;clear:both;content:""}
#sev h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
#sev h2:after {display:block;visibility:hidden;clear:both;content:""}
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
#sev>ul {margin:0 -10px}
#sev .ev_li {float:left;padding:0 10px;width:33.333%}
#sev .ev_li:first-child {margin-left:0}
#sev .ev_li .sev_img img {width:100%;height:auto}
#sev .ev_prd {border:1px solid #ddd;text-align:center;background:#fff}
#sev .ev_prd li {position:relative;display:block;padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #f6f6f6}
#sev .ev_prd li:last-child {border-bottom:0}
#sev .ev_prd li:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd .ev_prd_tit {display:block;color:#000;font-size:1.1em;margin-bottom:5px}
#sev .ev_prd .ev_prd_img {float:left;display:inline-block}
#sev .ev_prd .ev_txt_wr {float:left;max-width:139px;margin-left:10px}
#sev .ev_prd .ev_prd_price {font-weight:bold;display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
#sev .ev_prd .sev_more {color:#3a8afd;background:#fff;display:block;text-align:center}


/* 커뮤니티 링크 */
#scomm {padding:20px}
#scomm h2 {margin:0 0 5px}
#scomm li {display:block;margin:3px}
#scomm li a {line-height:25px;color:#555}
#scomm li a:hover {color:#be334a}

/* 메인배너 */
#main_bn {border:1px solid #e3e5e8;position:relative;margin:19px 0 30px}
#main_bn:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .slide-wrap {padding:0;margin:0}
#main_bn .slide-wrap img {max-width:100%;height:auto}
#main_bn .main_image_area{position:relative}
#main_bn .owl_pager {position:relative;width:100%;background:#fff;border-top:1px solid #e3e5e8}
#main_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .owl_pager li {float:left;position:relative;width:20%;border-left:1px solid #e3e5e8;text-align:center;line-height:45px;height:45px;font-size:1.2em}
#main_bn .owl_pager li:first-child, #main_bn .owl_pager li:nth-child(5n+1) {border-left:0}
#main_bn .owl_pager li a {display:block}
#main_bn .owl_pager li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#e3e5e8}
#main_bn .owl_pager li.active a {color:#3a8afd}
#main_bn .owl_pager li.active a:after {background:#3a8afd;top:-1px}

.btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;right:20px;bottom:65px;border-radius:30px;padding:3px 5px}
#main_bn .btn_wr{z-index:2}
.btn_wr .pager-prev {margin-left:5px;font-weight:bold}
.btn_wr .pager-next {margin-right:5px;font-weight:bold}
.btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {float:left;display:inline-block;padding:5px;color:#fff}
#slide-counter {margin:0 5px}

/*서브배너*/
#sbn_side {position:relative;width:100%;margin-bottom:20px}
.sb_bn {}
.sb_bn img {width:100%;height:auto}
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side .bx-controls {position:absolute;bottom:10px;left:15px}
#sbn_side .bx-pager-item {display:inline-block}
#sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5}
#sbn_side .bx-pager-item a.active {opacity:1}
#sbn_side .bx-controls-direction {display:none}

/*장바구니*/
#sbsk {position:relative}
#sbsk li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#sbsk li:after {display:block;visibility:hidden;clear:both;content:""}
#sbsk .go_cart {position:absolute;top:11px;right:15px;display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;background:#fff;padding:2px 5px}
#sbsk .btn_buy {padding:15px;font-weight:bold;text-align:center}
#sbsk .btn_buy .btn_submit {width:100%;height:40px}
#sbsk .li_empty {text-align:center;line-height:100px}
#sbsk .prd_img {display:inline-block;float:left;margin-right:10px}
#sbsk .prd_cnt {display:inline-block;float:left}
#sbsk .prd_cnt a, #sbsk .prd_cnt span {display:block;max-width:105px}
#sbsk .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}
#sbsk .cart_del {border:0;width:35px;height:35px;text-align:center;position:absolute;right:0;bottom:0;color:#c5c8ca;background:#fff;font-size:1.25em}

/*위시리스트*/
#wish {}
#wish li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#wish li:after {display:block;visibility:hidden;clear:both;content:""}
#wish .li_empty {text-align:center;line-height:100px}
#wish .prd_img {display:inline-block;float:left;margin-right:10px}
#wish .prd_cnt {display:inline-block;float:left}
#wish .prd_cnt a {display:block;max-width:105px}
#wish .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}



/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */

/* 공통 */
.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 { position:relative; clear:both; }
#sct:after { content:""; display:block; clear:both; }

.sct_noitem { padding:100px 0; text-align:center; }

.sct { margin-top:20px !important; }
.sct a { display:block; }
.sct .a { text-align:left; }
.sct .sct_img { position:relative; overflow:hidden; background:#f8f8f8; }
.sct .sct_img img { max-width:100%; height:auto; transition-duration:400ms; }
.sct .a:not(:hover) .sct_img img:nth-of-type(2),
.sct .a:hover .sct_img img:nth-of-type(1) { position:absolute; opacity:0; visibility:hidden; }

.sct .sct_ct_wrap { position:relative; padding:20px 0; }
.sct .sct_star { margin:10px 0 5px; }

.sct .sct_txt { position:relative; padding-right:70px; }
.sct .sct_txt .ca_name { font-weight:400; color:#000; margin-bottom:5px; font-size:.875rem; }
.sct .sct_txt .tit { font-size:1.125rem; color:#000; font-weight:600; }
.sct .sct_txt .discount { position:absolute; top:0; right:0; border-radius:99px; width:45px; height:45px; text-align:center; line-height:45px; border:1px solid #333; transition-duration:400ms; font-size:.875rem; }
.sct .a:hover .sct_txt .discount { background:#333; color:#fff; }

.sct .sct_basic { color:#aaa; line-height:1.3; height:1.3em; overflow: hidden; margin:5px 0; }


.sct .sct_cost { margin-top:20px; }
.sct .sct_cost .sct_price { font-size:1.25rem; font-weight:700; }
.sct .sct_cost .sct_dict { display:inline-block; font-weight:300; margin-left:20px; text-decoration:line-through; color:#ccc; }

.sct .sit_icon_li { margin:10px 0; }
.sct .labeling { position:absolute; top:-10px; right:-35px; color:#fff; background:var(--main-color1); padding:25px 0 5px; width:100px; transform:rotate(45deg); font-size:.875rem; text-align:center; }


.sct .sct_hover { display:flex; position:absolute; opacity:0; visibility:hidden; z-index:9; }
.sct .a:hover .sct_hover { opacity:1; visibility:visible; }
.sct .sct_hover button { padding:0 5px; }
.sct .sct_hover i { display:inline-block; font-size:1rem; }

.sct .sct_op_btn { display:flex; }
.sct .sct_sns h5 { padding:15px; border-bottom:1px solid #e8e8e8; text-align:left; color:#333; }

/* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.shop_icon { display:inline-block; color:#fff; line-height:20px; padding:0 5px; font-size:0.75em; margin:1px; border-radius:2px; font-weight:600; }
.shop_icon_1 { background:#8958fa; }
.shop_icon_2 { background:#fcaf15; }
.shop_icon_3 { background:#6fd633; }
.shop_icon_4 { background:#369cf0; }
.shop_icon_5 { background:#ff5959; }

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


.sct .sct_sns_wrap { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
.sct .sct_sns { background: #fff; border: 1px solid #dde7e9; border-radius: 5px; box-shadow: 1px 1px 18px rgba(0,0,0,0.2); left: 50%; transform:translate(-50%, -50%); position: absolute; text-align: center; top: 50%; padding:0 35px; display:flex; justify-content:center; align-items:center; }
.sct .sct_sns a { border-radius: 50%; height: 50px; line-height: 25px; margin: 20px 5px; padding: 10px 0; text-align: center; width: 50px; }
.sct .sct_sns .share-facebook { background: #415b92; }
.sct .sct_sns .share-twitter { background: #35b3dc; }
.sct .sct_sns img { width: 24px; }
.sct .sct_sns_bg { background: rgba(0,0,0,0.1); height: 100%; width: 100%; }
.sct .sct_sns .sct_sns_cls { color: #b5b8bb; font-size: 16px; width:30px; height:30px; position: absolute; right: 0; top: 0; }


/* 갤러리뷰 공통 */
.sct.lists-row .sct_bottom { position:relative; }

.sct.lists-row .sct_hover { left:0; top:-50px; width:100%; height:50px; background:rgba(0,0,0,0.5); color:#fff; font-weight:bold; justify-content:center; align-items:center; }
.sct.lists-row .sct_hover > div > button { line-height:50px; }

/* 리스트뷰 */
.sct:not(.lists-row) .tile > .a { padding:40px 0; border-bottom:1px solid #dadada; display:flex; }
.sct:not(.lists-row) .tile.overlay > .a { z-index:9; }
.sct:not(.lists-row) .tile:first-child > .a { padding-top:0; }
.sct:not(.lists-row) .sct_img { width:25%; max-width:350px; margin-right:50px; }
.sct:not(.lists-row) .sct_ct_wrap { flex:1; overflow:hidden; }
.sct:not(.lists-row) .tile.overlay .sct_ct_wrap { overflow:visible; }

.sct:not(.lists-row) .sct_hover { display:flex; left:0; bottom:-50px; color:#333; border-radius:3px; transition-duration: 400ms; }
.sct:not(.lists-row) .a:hover .sct_hover { bottom:0; }
.sct:not(.lists-row) .sct_hover i { margin-right:3px; }
.sct:not(.lists-row) .sct_hover > div > button > span { position:relative; font-size:.875rem !important; overflow:visible !important; }
.sct:not(.lists-row) .sct_op_btn { bottom:0; }



@media (max-width: 1024px) {
    .sct .sct_txt .ca_name { margin-bottom:3px; }
    .sct .sct_txt .discount { font-size:.75rem; width:35px; height:35px; line-height:35px; }
    .sct .sct_cost { margin-top:10px; }
    .sct .sct_basic { margin:3px 0; font-size:.875rem; }

    .sct .sct_cost .sct_price { font-size:1rem; }
    .sct .sct_cost .sct_dict { font-size:.75rem; margin-left:10px; }
    .sct .sct_hover button { padding:0; margin-right:5px; }
    .sct .sct_hover i { font-size:.875rem; }


    .sct.lists-row .sct_hover { display:flex; height:30px; top:-30px; }
	.sct.lists-row .sct_hover > div > button { line-height:30px; }


    .sct:not(.lists-row) .tile > .a { padding:25px 0; }
    .sct:not(.lists-row) .sct_img { width:30%; margin-right:30px; }
    .sct:not(.lists-row) .sct_ct_wrap { padding:0; }

    .sct:not(.lists-row) .sct_hover { position:relative; bottom:0; margin-top:20px; }
    .sct:not(.lists-row) .sct_hover > div > button > span { font-size:0 !important; overflow:hidden !important; font-size:0 !important; }
}

@media (max-width: 767px) {

    .sct .sct_txt .tit { font-size:1rem; }

    .sct .sct_ct_wrap { padding:10px 0; }

    .sct .labeling { top:-15px; right:-45px; font-size:.625rem; padding-bottom:2px; }

    .sct:not(.lists-row) .tile > .a { padding:15px 0; }
    .sct:not(.lists-row) .sct_img { width:35%; margin-right:15px; }

    .sct:not(.lists-row) .sct_hover { margin-top:5px; }
}

/* 재생/정지/이전/다음 버튼 */
.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}



/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {}
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
.sct_20 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img {position:absolute;top:0;left:0}
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_30 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}




/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left;margin:0 18px 15px 0}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none;font-size:1.1em}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.sct_pv .sct_icon {margin:0 0 10px}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_pv .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 10 */
.smt_10 {margin:0 -5px}
.smt_10 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_10 .sct_last {margin-right:0}
.smt_10 .sct_clear {clear:both}
.smt_10 .sct_a {text-decoration:none}
.smt_10 .sct_a:focus, .smt_10 .sct_a:hover {text-decoration:none}
.smt_10 .sct_ct_wrap {position:relative}
.smt_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.smt_10 .sct_img {position:relative;text-align:center}
.smt_10 .sct_img a {display:block}
.smt_10 .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}
.smt_10 .sct_img:hover .sct_cart {display:block}
.smt_10 .sct_li.overlay .sct_cart{display:none !important}
.smt_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.smt_10 .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)}

.smt_10 .sct_star {margin: 10px 0 5px}
.smt_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.smt_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_10 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

.smt_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.smt_10 .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}
.smt_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.smt_10 .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}
.smt_10 .sct_sns .share-facebook {background:#415b92}
.smt_10 .sct_sns .share-twitter {background:#35b3dc}
.smt_10 .sct_sns img {width:24px}
.smt_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.smt_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

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

.sct_cartop_wr {position:absolute;top:100%;left:0;z-index:9999;width:100%;padding:10px;text-align:left;background:#fff;opacity:0.98;color:#111;}
.sct_cartop_wr.on {border:1px solid #ddd;}
.sct_cartop_wr .it_option {width:100%;height:35px;margin:5px 0;padding-left:10px;}
.sct_cartop_wr button { width:100%; font-size:.875rem; padding:10px !important; border-radius:3px; }
.sct_cartop_wr .cartopt_cart_btn {margin-bottom:5px;background:var(--main-color1);color:#fff;}
.sct_cartop_wr .cartopt_close_btn {border:1px solid var(--main-color1);color:var(--main-color1);}

/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden;margin:0 -5px}
.smt_20 .sct_ul {width:100%;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;width:215px;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_clear {clear:both}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {position:relative;text-align:center}
.smt_20 .sct_img a {display:block}
.smt_20 .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}
.smt_20 .sct_img:hover .sct_cart {display:block}
.smt_20 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.smt_20 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_20 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_20 .sct_dict {text-decoration:line-through;display:block;font-size:0.85em;color:#858a8d}

.smt_20 .sct_sns {margin-bottom:10px}
.smt_20 .sct_sns a {display:inline-block;border-radius:50%;width:30px;height:30px;line-height:28px;margin-right:5px;text-align:center}
.smt_20 .sct_sns .share-facebook {background:#415b92}
.smt_20 .sct_sns .share-twitter {background:#35b3dc}
.smt_20 .sct_sns img {width:20px}

.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block;margin:0 0 5px}


/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative}
.smt_30 li {position:relative;min-height:50px;padding:10px 15px;background:#fff}
.smt_30 li:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_clear {clear:both}
.smt_30 .sct_img {float:left;width:80px;margin-right:10px}
.smt_30 .sct_img img {width:100%;height:auto}
.smt_30 .sct_cnt {display:inline-block;float:left;max-width:143px;line-height:20px}
.smt_30 .sct_txt a {display:block;font-size:1em;color:#000;max-height:40px;overflow:hidden;text-overflow:ellipsis;list-style:none}
.smt_30 .sct_cost {font-weight:bold;font-size:1.2em}


/* 메인 상품 목록 스킨 40 */
.smt_40 {background:#fff;padding:20px;border:1px solid #e3e5e8}
.smt_40 .sct_li {position:relative;float:left;width:20%;margin:0 8px}
.smt_40 .sct_last {}
.smt_40 .sct_clear {clear:both}
.smt_40 .sct_img {position:relative;text-align:center}
.smt_40 .sct_star {margin:10px 0 5px}
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}


/* 관련상품 목록 스킨 10 */
#sit_rel {position:relative;border:1px solid #e8e8e8;padding:35px;margin-top:20px;background:#fff}
#sit_rel:after {display:block;visibility:hidden;clear:both;content:""}
#sit_rel h2 {font-size:1.6em;margin:0 0 30px;text-align:center}
#sit_rel .bx-wrapper {margin:0 auto}
#sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px}
#sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%}
#sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%}
.scr_10 li img {width:100%;height:auto}
.scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct .header { text-align:center; }
.sct_admin { text-align:right; }

/* 상품 목록 현재 위치 숨김 */
#sct_location { display: inline-block; display: none !important; float: right; padding: 12px 0; position: absolute; right: 0; top: 12px; }
#sct_location .go_home { color: #a2a2a2; display: inline-block; font-size: 1.4em; line-height: 17px; padding: 0 12px; text-decoration: none; vertical-align: top; }
#sct_location i.dividing-line { color: #a2a2a2; display: inline-block; font-size: 1.2em; line-height: 17px; margin: 0; vertical-align: top; }
#sct_location select { border: 1px solid #d3d3d3; float: left; height: 26px; margin: 0 12px; padding: 0 5px; }
#sct_location.is_right select { float: right; }


.view_location .go_home{float:left}
.view_location i.dividing-line{float:left}
.view_location .shop_select_to_html.shop_hover_selectbox{float:left}
.shop_select_to_html{position:relative;display:inline-block}
.shop_select_to_html span{padding:10px 20px 15px}
.shop_select_to_html .menulist{position:absolute;top:20px;display:none;opacity:0;transition:all .2s ease-in-out}
.view_location .shop_select_to_html .menulist{left:0}
.is_right .shop_select_to_html .menulist{right:0}
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:#69aa6f}
.shop_select_to_html:hover .menulist{display:block;opacity:1;transition:all .2s ease-in-out}
.shop_select_to_html .menulist{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);box-sizing:border-box;margin-top:4px;overflow:hidden;padding:6px 0;-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;white-space:nowrap;width:auto}
.shop_select_to_html .menulist ul.wide{display:inline-block!important;width:146px;vertical-align:top;min-height:360px}
.shop_select_to_html .menulist ul.left-border{border-left:1px dashed #e6e9ed}
.shop_select_to_html .option{font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;text-align:left;-webkit-transition:all .2s;transition:all .2s}
.shop_select_to_html .option:hover,.shop_select_to_html .option.focus,.shop_select_to_html .option.selected.focus{background-color:#f6f7f9}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:#69aa6f}
.shop_select_to_html .option.disabled{background-color:transparent;color:#90a1b5;cursor:default}
.shop_select_to_html .option a{display:block;padding-left:28px;padding-right:49px}
.shop_select_to_html .category_title{color:#4F4F4F;font-size:1.1em}
.shop_select_to_html .category_title i{margin-left:5px;color:#a2a2a2}

.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct { margin-bottom:50px; }
.sct_ct ul { display:flex; justify-content:center; align-items:center; }
.sct_ct a { display:block; padding:10px 20px; border:1px solid #666; border-radius:5px; margin:5px; font-size:.875rem; line-height:1; }
.sct_ct a:hover { background:var(--main-color2); border-color:var(--main-color2); color:#fff; }


/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst { display:flex; align-items:flex-end; --sct-height:40px; }
#sct_sortlst .total { margin-right:auto; color:#aaa; font-size:.75rem; font-weight:300; }
#sct_sortlst .total span { color:#333; font-size:.875rem; }


/* 상품 정렬 */
#sct_sort { }
#sct_sort select { border:1px solid #ddd; padding:5px 30px 5px 15px; height:var(--sct-height); border-radius:5px; }

/* 상품 리스트 스타일 선택 */
#sct_lst { display:flex; align-items:center; }

#sct_lst li { }
#sct_lst button { border:1px solid #ddd; width:var(--sct-height); height:var(--sct-height); display:flex; justify-content:center; align-items:center; color:#aaa; border-radius:5px; margin-left:2px; }
#sct_lst button:hover,
#sct_lst button.sct_lst_on { border-color:#333; }
#sct_lst button svg { fill:#aaa; }
#sct_lst button.sct_lst_on svg { fill:#333; }


@media (max-width: 767px) {
    #sct_sortlst { --sct-height:32px; }
    #sct_lst svg { width:20px; height:20px; }
}



/* 상품 상세보기 */
#sit {  }
.sit_admin { position: absolute; right: 0; text-align: right; top: 2px; }
.sit_admin a { line-height: 35px; padding: 0 10px; }
.sit_empty { padding: 60px 0; text-align: center; border-top:1px solid #333; border-bottom:1px solid #ddd; }

.is_search #wrapper_title,
.is_item #wrapper_title { display:none; }

/* 상품 상세보기 - 개요 */
#sit_ov_wrap { display:flex; align-items: flex-start; margin-bottom:50px; }

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi { position:relative; width:50%; margin-right:5em; padding-left:calc(var(--thumbs-w) + var(--thumbs-margin)); --thumbs-w:100px; --thumbs-margin:20px; }
#sit_pvi .swiper-container { width:100%; height:100%; }
#sit_pvi .swiper-slide .img { padding-bottom:100%; background:none no-repeat center; }


#sit_pvi_big { position:relative; }
#sit_pvi_big .swiper-slide .img { background-size:contain; }
#sit_pvi_big .popup_item_image { position:absolute; right:10px; bottom:10px; width:35px; height:35px; border-radius:99px; box-shadow:0 0 3px rgba(0,0,0,.1); text-align:center; line-height:35px; background:rgba(255,255,255,.8); z-index:50; }
#sit_pvi_big .popup_item_image:hover { background:#fff; }

#sit_pvi_thumb { position:absolute; left:0; top:0; bottom:0; width:var(--thumbs-w); margin-right:var(--thumbs-margin); }
#sit_pvi_thumb .swiper-slide { border:1px solid #ddd; cursor:pointer; height:auto; }
#sit_pvi_thumb .swiper-slide .img { background-size:cover; opacity:0.7; }
#sit_pvi_thumb .swiper-slide-thumb-active { border-color:#333; }
#sit_pvi_thumb .swiper-slide-thumb-active .img { opacity:1; }


#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

@media (max-width: 1200px) {
	#sit_pvi { margin-right:3em; --thumbs-w:80px; }
}

@media (max-width: 1024px) {
	#sit_pvi { width:40%; margin-right:2em; padding-left:0; --thumbs-w: 100%; --thumbs-margin:0; }
	#sit_pvi_thumb { position:relative; margin-top:5px; }
	#sit_pvi_thumb .swiper-slide { width:20%; }
}

@media (max-width: 767px) {
	#sit_ov_wrap { display:block; }
	#sit_pvi { width:100%; margin-bottom:40px; }
}


/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov { flex:1; }
#sit_ov h3 { margin: 0 0 10px; }

#sit_title { font-size: 2.4rem; margin-bottom:10px; }
#sit_desc { color: #474747; font-size: 1.125em; margin-bottom:15px; padding: 0; }
#sit_opt_info { font-size: 0; line-height: 0; overflow: hidden; position: absolute; text-indent: -9999em; }


@media (max-width: 1024px) {
	#sit_title { font-size:2rem; }
}

@media (max-width: 767px) {
	#sit_title { font-size:1.5rem; }
}

#sit_btn_opt { position: absolute; right: 0; bottom: 0; color: #666; }

#sit_star_sns { position: relative; }
#sit_star_sns span { display: inline-block; letter-spacing: 0; margin: 0 5px 0 0; }
#sit_star_sns .sit_star { margin: 0 5px 0 0; position: relative; top: -2px; }

#sit_star_sns a { display: inline-block; vertical-align: middle; }
#sit_star_sns .btn_sns_share { border: 0; color: #666; font-size: 1rem; font-weight: bold; height: 25px; width: 25px; }
#sit_star_sns .btn_sns_share:hover { color: var(--main-color1); }
#sit_star_sns .sns_area { background: #fff; border: 1px solid #e2e2e2; display: none; max-width: 175px; padding: 10px; position: absolute; right: 0; text-align: center; top: 45px; z-index: 10; }
#sit_star_sns .sns_area:before { border-color: transparent transparent #e2e2e2 transparent; border-style: solid; border-width: 0 6px 8px 6px; content: ""; height: 0; position: absolute; right: 13px; top: -8px; width: 0; }
#sit_star_sns .sns_area:after { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 6px 8px 6px; content: ""; height: 0; position: absolute; right: 13px; top: -7px; width: 0; }
#sit_star_sns .sns_area a { background: #eee; border-radius: 50%; display: inline-block; height: 35px; line-height: 35px; margin-bottom: 5px; text-align: center; width: 35px; }
#sit_star_sns .sns_area a img { height: auto; width: 24px; }
#sit_star_sns .sns_area #sit_btn_rec { font-size: 15px; }
#sit_star_sns .sns_area .share-facebook { background: #415b92; }
#sit_star_sns .sns_area .share-twitter { background: #35b3dc; }


#btn_wish { position:relative; color: #666; display: inline-block; font-size: .875rem; font-weight: bold; width:25px; height: 25px; text-align: center; }
#btn_wish i { font-size: 1rem; font-weight: bold; }
#btn_wish .btn_wish_num { background: #fff; border-radius: 30px; bottom: -2px; color: #333; font-size: 0.75em; height: 17px; line-height: 15px; margin: 0; padding: 0 2px; position: absolute; right: 0; }

.sit_info { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; margin: 10px 0 0; padding: 10px 0; }
.sit_info .tr_price { border-bottom: 1px solid #e2e2e2; }
.sit_info .tr_price th,
.sit_info .tr_price td { padding: 10px 0 20px; }

.sit_info .tr_price + tr th,
.sit_info .tr_price + tr td { padding: 20px 0 10px; }

.sit_info .default_price td { text-decoration: line-through; color:#aaa; }

.sit_ov_tbl { border: 0; border-collapse: collapse; color: #666; width: 100%; }
.sit_ov_tbl th { font-weight: normal; text-align: left; }
.sit_ov_tbl td { padding: 10px 0; }
.sit_ov_tbl td strong { color: #000; font-size: 1.25em; line-height: 5px; }
.sit_ov_ro { background: transparent; border: 0; padding: 2px 2px 3px; text-align: right; vertical-align: middle; }
.sit_ov_opt { background: transparent; border: 0; padding: 2px 2px 3px; vertical-align: middle; }
.sit_ov_input { background: transparent; border: 1px solid #b8c9c2; margin: 0 1px 0 0; padding: 2px 2px 3px; vertical-align: middle; }
#sit_ov_tbl button { margin: 0 1px 0 0; }

.sit_option { margin: 10px 0 0; padding: 10px 0; }
.sit_option label { color: #666; display: block; margin: 0 0 5px; }
.sit_option label.label-title { display: none; }
.sit_option select { height: 50px; margin: 0 0 10px; padding: 0 10px; width: 100%; }

.sit_option h3 {font-size:1.083em}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}

#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sit_tot_price {font-size:1.125rem;line-height:45px;font-weight:bold;text-align:right}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span {float:left}
#sit_tot_price strong {font-size:1.5em;margin-left:15px}

#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;font-weight:bold;text-align:center}

#sit_ov_btn { display:flex; flex-wrap:wrap; margin:20px -2.5px 0; }
#sit_ov_btn .btn { flex:1 0 auto; height:50px; line-height: 50px; margin:0 2.5px 10px; font-weight:bold; text-align: center; font-size:1rem; border-radius: 3px; }

#sit_ov_btn .sit_btn_buy { flex:2 0 auto; background: #222; color: #fff; }
#sit_ov_btn .sit_btn_buy:hover { background: #000; }
#sit_ov_btn .sit_btn_cart,
#sit_ov_btn .sit_btn_wish { border: 1px solid #666; }
#sit_ov_btn .sit_btn_cart:hover,
#sit_ov_btn .sit_btn_wish:hover { background: #f3f3f3; border-color:#aaa; }
#sit_ov_btn #sit_btn_alm { flex:2 0 auto; background: #d50c0c; color:#fff; }

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings { background: #fff; border-top: 1px solid #f1f3f6; clear: both; position: relative; text-align: center; width: 100%; }
#sit_siblings:after { clear: both; content: ""; display: block; visibility: hidden; }
#sit_siblings h2 { font-size: 0; line-height: 0; overflow: hidden; position: absolute; text-indent: -9999em; }
#sit_siblings a { color: #999; display: block; line-height: 35px; margin: 15px; padding: 0; position: relative; }
#sit_siblings a#siblings_prev { float: left; padding-left: 20px; }
#sit_siblings a#siblings_prev:after { background: url('img/sit_siblings.jpg') no-repeat; content: ""; display: inline-block; height: 15px; left: 0; position: absolute; top: 10px; width: 10px; }
#sit_siblings a#siblings_next { float: right; padding-right: 20px; }
#sit_siblings a#siblings_next:after { background: url('img/sit_siblings.jpg') -14px 0px no-repeat; content: ""; display: inline-block; height: 15px; position: absolute; right: 0; top: 10px; width: 10px; }
#sit_siblings a span { font-size: 0; line-height: 0; overflow: hidden; position: absolute; text-indent: -9999em; }


#sit_info { min-height: 600px; }

#sit_tab h6 { margin-bottom:5px; }

#sit_tab .tab_tit { display:flex; margin-top:70px; }
#sit_tab .tab_tit li { flex:1; }
#sit_tab .tab_tit li a { background: #fff; border: 1px solid #ddd; color: #666; display:block; padding: 15px; text-align: center; display:flex; justify-content:center; align-items:center; }
#sit_tab .tab_tit li:not(:last-child) a { border-right:none; }
#sit_tab .tab_tit li .selected { border-top-color:#333; border-bottom-color: #fff; color: #000; font-weight: bold; font-size: 1.125rem; }

#sit_tab .tab_con { background: #fff; padding: 30px 0; }
#sit_tab .item_use_count,
#sit_tab .item_qa_count { background: #eee; border-radius: 10px; color: #777; font-size: 0.75rem; height: 20px; line-height: 20px; min-width: 20px; padding: 0 5px; }


@media (max-width: 767px) {
	#sit_tab .tab_tit { margin-top:40px; }
	#sit_tab .tab_tit li a { padding:10px 0; font-size:.875rem; }
	#sit_tab .tab_tit li .selected { font-size:.875rem; }
}

/* 스크롤시 하단 구매하기 버튼 */
#sit_buy { position:absolute; left:50%; top:100%; transform:translateX(-50%); bottom:0; opacity:0; transition-duration:400ms; }
.shop-buy #sit_buy { position:fixed; top:auto; bottom:20px; opacity:1; z-index:999; }
.buy-pop #sit_buy { background:#fff; border:1px solid #ddd; border-top:1px solid #333; box-shadow:5px 5px 10px rgba(0,0,0,.1); }

#sit_buy .btn-popup { --effect-size:500px; }

body:not(.buy-pop) #sit_buy .btn-popup { font-weight: bold; border-radius:5px; background:#222; color:#fff; padding:10px; width:200px; }

.shop-buy:not(.buy-pop) #sit_buy .btn-popup:not(:hover) { animation:twinkle_btn 1.5s infinite; }

.buy-pop #sit_buy .btn-popup { position:absolute; top:0; right:0; width:40px; height:40px; font-size:0; border:none !important; transition:0s 0s; }
.buy-pop #sit_buy .btn-popup:before,
.buy-pop #sit_buy .btn-popup:after { content:""; position:absolute; width:1px; height:30px; background:#333; left:50%; top:calc(50% - 15px); transition:0s 0s; }
.buy-pop #sit_buy .btn-popup:before { transform:rotate(45deg); }
.buy-pop #sit_buy .btn-popup:after { transform:rotate(-45deg); }

@keyframes twinkle_btn {
	0% { opacity:1; }
	50% { opacity:0.5; }
	100% { opacity:1; }
}


.sit_buy_inner { display:none; overflow-y:auto; }
.buy-pop .sit_buy_inner { display:flex; flex-direction:column; width:400px; height:300px; max-height:90vh; padding:20px 30px 30px; }


.sit_side_option { padding: 10px 0; }
.sit_side_option:nth-child(n+2) { border-top:1px solid #ddd; }
.sit_side_option h3 { margin-bottom: 10px; }
.sit_side_option label { color: #666; display: block; margin: 0 0 5px; }
.sit_side_option label.label-title { display: none; }


.sit_sel_option h3 { font-size: 0; line-height: 0; overflow: hidden; position: absolute; }
.sit_sel_option:after { clear: both; content: ""; display: block; visibility: hidden; }
.sit_sel_option li { border-bottom: 1px solid #ddd; padding: 15px 0; position: relative; }

.sit_sel_option .opt_name { font-weight: bold; margin-bottom:10px; }
.sit_sel_option .opt_count { display:flex; }
.sit_sel_option .num_input { border: 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; height: 30px; text-align: center; }
.sit_sel_option .sit_opt_prc { flex:1; display: block; font-size: 1.25rem; font-weight: bold; line-height: 30px; padding: 0 3px; text-align: right; width: 100px; }

.sit_sel_option button { background: #fff; border: 1px solid #ddd; border-radius: 0; color: #666; font-size: .875rem; height: 30px; width: 30px; }
.sit_sel_option button:hover { color: #000; }
.sit_sel_option .sit_opt_del { color: #333; font-size: 15px; height: 30px; width: 30px; border:none; }


.sit_tot_price { font-size: 1.125rem; font-weight: bold; line-height: 25px; padding: 25px 0; text-align: right; }
.sit_tot_price strong { font-size: 1.5rem; margin-left: 15px; }
.sit_tot_price span { float: left; }
.sit_order_btn { display:flex; margin:0 -5px; }
.sit_order_btn button { font-weight: bold; padding:10px 30px; border-radius:5px; margin:0 5px; }
.sit_order_btn .sit_btn_cart { border:1px solid #666; }
.sit_order_btn .sit_btn_cart:hover { background:#f3f3f3; border-color:#aaa; }
.sit_order_btn .sit_btn_buy { background:#222; color:#fff; flex:1; }
.sit_order_btn .sit_btn_buy:hover { background:#000; }


@media (max-width: 767px) {
	.shop-buy #sit_buy { bottom:70px; }
	.buy-pop #sit_buy { width:100%; }
	.buy-pop .sit_buy_inner { width:100%; }

	.sit_sel_option .opt_name { margin-bottom:5px; }
	.sit_sel_option .sit_opt_prc { font-size:1rem; }
	.sit_tot_price strong { font-size:1.25rem; }
}



/* 상품 재입고 알림 (SMS) */
#sit_sms_new .form_01 { padding: 20px; }
#sit_sms_new #sms_agree { padding: 5px 0 20px; }
#sit_sms_new li strong { display: inline-block; margin: 10px 0; }
#sit_sms_new textarea { color: #555; line-height: 1.5em; }
#sit_sms_new .prd_name { background: #f3f3f3; font-size: 1.125rem; font-weight: bold; padding: 15px 20px; }
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span { background: url('img/chk.png') no-repeat 50% 50% var(--main-color1); }


/* 상품 상세보기 - 상품정보 */
#sit_inf { margin: 20px 0; }
#sit_inf h6 { padding-top:50px; margin-top:50px; border-top:1px solid #ddd; }

#sit_inf_basic { line-height: 1.7em; margin: 0 0 20px; }
#sit_inf_explan { line-height: 1.7em; margin: 0 0 10px; overflow: hidden; width: auto !important; }
#sit_inf_explan img { height: auto; max-width: 100%; }

#sit_inf_open { border: 0; border-collapse: collapse; border-top: 1px solid #777; width: 100%; }
#sit_inf_open th { background: #f8f8f8; width:30%; border-bottom: 1px solid #e5e5e5; padding: 10px; text-align: left; vertical-align: top; }
#sit_inf_open td { background: #fff; border-bottom: 1px solid #e5e5e5; padding: 10px; vertical-align: top; }


#sit_info div[id*="_wbtn"] a { display:inline-block; border-radius:5px; padding:10px 30px; }
#sit_info div[id*="_wbtn"] .btn-write { background:#333; color:#fff; }
#sit_info div[id*="_wbtn"] .btn-more { border:1px solid #666; }

@media (max-width: 767px) {
	#sit_info div[id*="_wbtn"] a { padding:7px 20px; font-size:.875rem; }
}

/* 상품 상세보기 - 사용후기 */
#sit_use { }

.sit_use_top { margin: 0 0 20px; display:flex; justify-content:flex-end; align-items:flex-end; }
.sit_use_top.star-score { justify-content:space-between; }
.sit_use_top h4 { font-size: 1.25rem; }
.sit_use_top h4 span { color: #aaa; font-size: 0.875rem; font-weight: normal; }
.sit_use_top .sit_star { height: 20px; }
.sit_use_top .st_bg { background: #666; }


#sit_use_ol { border-top: 1px solid #666; list-style: none; margin: 0 0 5px; padding: 0; }
.sit_use_li { border-bottom: 1px solid #e0e0e0; min-height: 120px; padding:10px 110px; position: relative; }
.sit_use_li:after { clear: both; content: ""; display: block; visibility: hidden; }
.sit_use_li_title { background: #fff; border: 1px solid #ddd; border-radius: 3px; bottom: 20px; color: #666; font-size: 0.92em; padding: 8px 10px; position: absolute; right: 20px; }
.sit_use_li_title:hover { background: var(--main-color1); border-color: var(--main-color1); color: #fff; }

.sit_thum { left: 0; margin: 0; position: absolute; top: 10px; }
.sit_use_dl:after { clear: both; content: ""; display: block; visibility: hidden; }
.sit_use_dl dt { content: ""; font-size: 0; line-height: 0; position: absolute; }
.sit_use_dl dd { color: #7f7f7f; line-height: 1.5em; }
.sit_use_dl .sit_use_star { margin: 0 0 5px; }
.sit_use_dl .sit_use_tit { color: #000 !important; font-size: 1.125rem; font-weight: bold; }

.sit_use_con { display: none; }
.sit_use_p { margin: 10px 0; padding: 10px 0; }
.sit_use_cmd { }

.sit_use_reply { border-top: 1px dotted #bbb; margin: 10px 0 0; padding: 10px 0 0 40px; position: relative; }
.use_reply_icon { background: url('./img/use_reply.png') no-repeat 0 0; height: 17px; left: 5px; overflow: hidden; position: absolute; text-indent: -999px; top: 10px; width: 28px; }
.use_reply_tit { font-weight: bold; line-height: 1.5em; padding-right: 100px; }
.use_reply_name { color: #777; font-size: 0.92em; margin: 5px; position: absolute; right: 0; top: 10px; }
.use_reply_p { background: #fff; line-height: 1.5em; padding: 10px 0; }

#sit_use_write_star { display:flex; flex-wrap: wrap; }
#sit_use_write_star li { display:flex; align-items:center; width: 33%; }
#sit_use_write_star li img { height:50%; margin-left:5px; }


@media (max-width: 767px) {
	.sit_use_top { display:block; }
	#sit_use_wbtn { margin-top:20px; text-align:right; }

	.sit_use_li { padding:10px 80px; min-height:110px; }
	.sit_use_li_title { right:0; }

	.sit_thum img { max-width:70px; height:auto; }

	.sit_use_dl .sit_use_tit { font-size:1.125rem; }

	.sit_use_con[style="display: block;"] + .sit_use_li_title { }

    #sit_use_write_star li { width:50%; }
}
@media (max-width: 500px) {
    #sit_use_write_star li { width:100%; margin:5px 0; }
}

/* 상품 상세보기 - 상품문의 */
#sit_qa_ol { border-top: 1px solid #333; list-style: none; margin: 0 0 5px; padding: 0; }
.sit_qa_li { border-bottom: 1px solid #f0f0f0; padding: 15px 10px; position: relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.sit_qa_li_title { font-size: 1.125em; font-weight: bold; line-height: 25px; text-align: left; width: 80%; display:flex; align-items:center; margin-bottom:5px; }
.sit_qa_li_title img { margin-left:5px; }

.sit_qa_li_title > span { border-radius: 3px; color: #fff; display: inline-block; font-size: .75rem; height: 30px; line-height: 30px; margin-right: 10px; padding: 0 8px; }
.sit_qaa_done { background: var(--main-color1); }
.sit_qaa_yet { background: #aaa; }

.sit_qa_dl { color: #7f7f7f; }
.sit_qa_dl dt { font-size: 0; line-height: 0; position: absolute; }
.sit_qa_dl dd { display:flex; align-items:center; }
.sit_qa_dl dd i { margin-right:3px; }

.sit_qa_con { width:100%; display: none; }
.sit_qa_p { background: #f8f8f8; line-height: 1.5em; margin: 10px 0; }
.sit_qa_p .qa_alp { color: #000; font-size: 2em; left: 15px; position: absolute; top: 13px; }
.sit_qa_qaa { border-top: 1px solid #fff; min-height: 50px; padding: 15px 20px; padding-left: 50px; position: relative; }
.sit_qa_qaq { min-height: 50px; padding: 15px 20px; padding-left: 50px; position: relative; }
.sit_qa_con textarea { display: none; }
.sit_qa_cmd { text-align: right; }
.sit_qa_cmd a { border-radius:5px; border:1px solid #666; padding:5px 10px; }
.sit_qa_cmd a.itemqa_form { border-color:var(--main-color1); color:var(--main-color1); }

.sit_qa_pw { background: #fff; border: 1px solid #000; display: none; left: 175px; padding: 10px; position: absolute; text-align: center; top: 30px; width: 348px; }
.sit_qa_pw span { display: block; margin: 0 0 5px; }

#sit_qa_wbtn { margin: 0 0 20px; text-align: right; }


#sit_qa_write {}
#sit_qa_write #iq_subject {width:100%}
#sit_qa_write .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}

@media (max-width: 767px) {
	.sit_qa_li_title { font-size:1rem; }
	.sit_qa_li_title > span { margin-right:5px; height:25px; line-height:25px; }

	.sit_qa_dl { font-size:.875rem; }
}
/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:20px 0}
#sit_dvr h2 {position:absolute;font-size:0;line-height:0;content:""}

/* 상품 상세보기 - 교환정보 */
#sit_ex {margin:20px 0}
#sit_ex h2 {position:absolute;font-size:0;line-height:0;content:""}


/* 상품 게시판 검색창 */
.item_board_search { margin: 0 0 50px; display:flex; justify-content:center; }
.item_board_search select { border-radius: 3px; margin-right: 5px; width: 175px; }
.item_board_search .sch_wr { position:relative; width: 300px; }
.item_board_search .sch_btn { position:absolute; right:0; top:50%; transform:translateY(-50%); background: none; border: 0; font-size: 15px; height: 40px; width: 40px; }
.item_board_search a { background: #444; border-radius: 3px; color: #fff !important; font-weight: bold; padding: 0 15px; margin-left:5px; display:flex; justify-content:center; align-items:center; }

#sps { border-top: 1px solid #333; }
#sps ol { list-style: none; margin: 0; padding: 0; }
#sps li { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 15px; position: relative; }

.sps_img { left: 15px; position: absolute; top: 15px; }
.sps_img_inner { position: relative; }
.sps_img a span { font-size: 0; line-height: 0; overflow: hidden; position: absolute; }
.sps_img .prd_detail { background: #078601; border: 0; bottom: 0; color: #fff; height: 34px; opacity: 0.8; position: absolute; right: 0; text-align: center; width: 34px; }
.sps_img .prd_detail:hover { opacity: 1; }

.review_detail_cnt { background: rgba(0,0,0,0.1); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
.review_detail_in { background: #fff; border-radius: 20px; left: 50%; transform:translate(-50%, -50%); max-height: 450px; overflow-y: auto; position: absolute; text-align: left; top: 50%; width:100%; max-width: 590px; }
.review_detail_in h3 { border-bottom: 1px solid #e8e8e8; font-size: 1.5rem; padding: 15px 25px; margin:0; }
.review_cnt { padding: 25px; }
.rd_cls { background: #fff; border: 0; color: #b5b8bb; font-size: 16px; padding: 12px 15px; position: absolute; right: 0; top: 0; }

.review_tp_cnt { border-bottom: 1px solid #f1f1f1; margin-bottom: 15px; padding: 0 0 10px; position: relative; }
.review_tp_cnt>span { display: block; font-size: 1.2em; }
.review_tp_cnt:after { clear: both; content: ""; display: block; visibility: hidden; }
.review_tp_cnt .sps_opt_btn_more { background: #fff; border: 0; color: #c4c8cb; font-size: 1.4em; padding: 5px 5px 5px 10px; position: absolute; right: 0; top: 0; }
.review_tp_cnt .sps_opt_li { border: 1px solid #b8bfc4; display: none; position: absolute; right: 0; top: 40px; }
.review_tp_cnt .sps_opt_li:before { border-color: transparent transparent #b8bfc4 transparent; border-style: solid; border-width: 0 6px 8px 6px; content: ""; height: 0; position: absolute; right: 5px; top: -8px; width: 0; }
.review_tp_cnt .sps_opt_li:after { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 6px 8px 6px; content: ""; height: 0; position: absolute; right: 5px; top: -6px; width: 0; }
.review_tp_cnt .sps_opt_li li { border-bottom: 1px solid #f1f1f1; color: #6b757c; padding: 10px !important; }

.review_summ { background: #fcfcfc; border: 2px solid #efeff1; padding: 10px; }
.review_bt_cnt { margin: 15px 0; }

.sps_reply { border-top: 1px dotted #bbb; margin-top: 10px; padding-top: 10px; }
.sps_reply .sps_img { text-align: right; width: 70px; }
.sps_reply .sps_section h2 { background: url('./img/use_reply.png') no-repeat 0 0; line-height: 1.5em; text-indent: 30px; }

#sps dl { margin: 5px 0; display:flex; }
#sps dd { position:relative; color: #999; margin-right: 10px; padding-right:10px; }
#sps dd:not(:last-child):before { content:""; position:absolute; right:0; top:calc(50% - 6px); width:1px; background:#ddd; height:12px; }
#sps dd img { position: relative; top: -2px; }


.sps_section { padding-left: 115px; }
.sps_section span { display:block; }
.sps_section .sps_pd_name { margin:10px 0 5px; }
.sps_section .sps_rv_tit { font-size: 1.25rem; font-weight: bold; }
.sps_section .sps_rv_thum { position: absolute; right: 15px; top: 15px; }
.sps_section p { padding: 0; width: 100%; }
.sps_con_full { height: auto !important; padding: 0; }
.sps_con_btn { clear: both; margin: 5px 0; }
.sps_con_btn:after { clear: both; content: ""; display: block; visibility: hidden; }
.sps_con_btn .sps_dl { float: left; }
.sps_con_btn button.review_detail { background: #fff; border: 1px solid #d4d6db; border-radius: 3px; color: #666; float: right; font-size: 0.92em; padding: 5px 7px; }
.sps_con_btn button.review_detail:hover { background: var(--main-color1); border-color: var(--main-color1); color: #fff; }


@media (max-width: 767px) {
	#sps li { padding:15px 0; }
	.sps_img { left:0; }
	.sps_img img { max-width:80px; height:auto; }

	.sps_section { padding-left:95px; }
}


#sqa { border-top:1px solid #333; }
#sqa ol { list-style: none; margin: 0; padding: 0; }
#sqa li { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 15px 20px 15px 15px; position: relative; display:flex; }

.sqa_img { margin: 0 10px 0 0; }
.sqa_img span { font-size: 0; line-height: 0; overflow: hidden; position: absolute; }

#sqa dl { margin: 5px 0; display:flex; }
#sqa dd { position:relative; color: #999; margin-right: 10px; padding-right:10px; }
#sqa dd:not(:last-child):before { content:""; position:absolute; right:0; top:calc(50% - 6px); width:1px; background:#ddd; height:12px; }
#sqa dd img { position: relative; top: -2px; }

.sqa_con { background: #f3f3f3; line-height: 1.5em; margin: 10px 0; }
.sqa_con .qa_alp { color: #000; font-size: 2em; left: 15px; position: absolute; top: 13px; }

.sqa_section { width: calc(100% - 60px); }
.sqa_section h2 { font-size: 1.2em; font-weight: bold; padding-right: 70px; }
.sqa_section > span { position: absolute; right: 20px; top: 20px; padding:5px 15px; border-radius:3px; color:#fff; }
.sqa_section .sqa_con { line-height: 1.7em; }
.sqa_section p { padding: 0; width: 100%; }
.sqa_con_full { height: auto !important; padding: 0; }
.sqa_con_btn button { background: #fff; border: 1px solid #ddd; color: #666; font-size: 0.92em; margin: 5px 0; padding: 5px 8px; }
.sqa_con_btn button:hover { background: var(--main-color1); border-color: var(--main-color1); color: #fff; }

/* 상품검색 */
#ssch {margin:20px 0}
#ssch h2 {font-size:1.8em;line-height:30px;margin:10px 0}
#ssch h2 .ssch_result_total {float:right;color:#6f6f6f;font-size:0.55em;font-weight:normal}
#ssch h2 strong {color:#ff005a}
#ssch_frm {background:#fff;border:1px solid #e3e5e8}
#ssch_frm .ssch_scharea {padding:15px;border-bottom:1px solid #e3e5e8}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_scharea .ssch_input {height:45px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
#ssch_frm .ssch_scharea .btn_submit {width:90px;height:45px;margin-right:5px;padding:0 5px;font-weight:bold;border:1px solid #2e3745;background:#434a54}
#ssch_frm .ssch_scharea .tooltip { display:none !important; }
#ssch_frm .ssch_scharea .tooltip_icon:hover + .tooltip { filter:none; opacity:1; display:block !important; }

#ssch_frm .ssch_left {}
#ssch_frm .ssch_option {padding:15px;border-bottom:1px solid #e3e5e8}
#ssch_frm .ssch_option .ssch_input {height:32px;padding:0 10px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}

#ssch_frm p {padding:15px;color:#737373;border-bottom:1px solid #e3e5e8}

#ssch_cate {background:#fff;border-bottom:1px solid #e3e5e8;padding:15px}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;width:20%;border-right:1px solid #f6f6f6}
#ssch_cate li:nth-child(5n) {border-right:0}
#ssch_cate li span {font-weight:normal}
#ssch_cate a {display:block;padding:0 10px;line-height:40px}
#ssch_cate a:hover {color:#3a8afd}

#ssch_sort {float:left;width:80%}
#ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ssch_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
#ssch_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#ssch_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
#ssch_sort li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
#ssch_sort li:hover a {color:#3a8afd}
#ssch_sort li:first-child a {border:0}

#ssch_sort_all {margin:0;padding:0 15px;list-style:none}
#ssch_sort_all:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_sort_all li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#ssch_sort_all li a {display:block;padding:0 10px}
#ssch_sort_all li:hover:after {content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#3a8afd}
#ssch_sort_all li:hover a {color:#3a8afd}
#ssch_sort_all li:first-child a {border:0}

/*쿠폰존 리스트*/
.couponzone_list {margin:0 0 20px;position:relative}
.couponzone_list h2 {padding:15px 20px;font-size:1.25em;border:1px solid #e3e5e8;background:#fff}
.couponzone_list p {position:absolute;top:5px;right:0;margin:15px 20px;color:#666}
.couponzone_list ul {padding:30px;margin:0;list-style:none;background:#fff;border:1px solid #e3e5e8;border-top:0}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li {float:left;width:262px;margin:0 0 30px 30px;background:#fff}
.couponzone_list ul li:nth-child(4n+1) {clear:both;margin-left:0}
.couponzone_list ul li img {width:100%;height:auto;line-height:1.2em;border-radius:5px 5px 0 0}
.couponzone_list ul li .cp_inner {border:1px solid #ddd;border-radius:5px;
-webkit-box-shadow:0px 1px 6px 0 #dedede;
-moz-box-shadow:0px 1px 6px 0 #dedede;
box-shadow:0px 1px 6px 0 #dedede
}
.couponzone_list ul li .coupon_img {position:relative;height:98px;overflow:hidden;border-bottom:1px dashed #ccc}
.couponzone_list ul li .coupon_tit {position:absolute;top:0;left:0;width:100%;height:98px;padding-top:30px;text-align:center;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_tit strong {display:inline-block;font-size:1.3em}
.couponzone_list ul li .coupon_tit .cp_evt,
.couponzone_list ul li .coupon_tit .cp_evt b {font-size:1.4em}
.couponzone_list ul li .cp_cnt {padding:10px}
.couponzone_list ul li .coupon_date {display:inline-block;float:right;padding:2px 3px;margin:5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target {display:inline-block;margin:5px 0px}
.couponzone_list ul li .coupon_target>button {display:inline-block;max-width:125px;padding:2px 3px;font-size:0.92em;border:0;border-radius:3px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/
.couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/
.couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/
.couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/

.couponzone_list ul li .coupon_info {display:none;position:absolute;min-width:235px;background:#fff;border:1px solid #000;padding:15px}
.couponzone_list ul li .coupon_info:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li .coupon_info h4 {font-size:1.2em;margin-bottom:10px}
.couponzone_list ul li .coupon_info ul {padding:0;margin:0;position:relative;border:0}
.couponzone_list ul li .coupon_info li {width:auto;margin:0;float:inherit;color:#5e5e5e;line-height:18px}
.couponzone_list ul li .coupon_info li a {text-decoration:underline;color:#5e5e5e}
.couponzone_list ul li .coupon_info .coupon_info_cls {position:absolute;right:0;top:0;color:#c7c9cc;border:0;background:#fff;padding:10px;font-size:1.2em}

.couponzone_list ul li .coupon_btn {text-align:center}
.couponzone_list ul li .coupon_btn .btn02 {width:100%;height:42px;line-height:28px;margin-top:15px;border:0;color:#fff;background:#3a8afd;border-radius:5px;font-weight:bold}
.couponzone_list ul li .coupon_btn .btn02:hover {background:#2176f1;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list ul li .coupon_btn .disabled:hover {background:#c6c6c6;border:1px;color:#fff;border-color:#c6c6c6}
.couponzone_list .no_coupon {position:relative;padding:100px 0;text-align:center;color:#999}