@charset "euc-kr";


        table {
            width: 100%;
            border-collapse: collapse;
            background-color: #fff;
        }
        tr {
            border-bottom: 1px solid #ddd;
        }
        td {
            padding: 10px;
            text-align: center;
            font-size: 1rem;
        }
        img {
            max-width: 100%; /* 占싱뱄옙占쏙옙占쏙옙 占십뱄옙 커占쏙옙占쏙옙 占십듸옙占쏙옙 占쏙옙占쏙옙 */
            height: auto;    /* 占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙占싹듸옙占쏙옙 占쏙옙占쏙옙 */
        }
        .product-info {
            text-align: left;
        }
        .price {
            color: #2266BB;
            font-weight: bold;
        }
        .point {
            color: gray;
        }
        @media (max-width: 600px) {
            th {
            font: size 0.9em;;
            }

            td .product-info {
                text-align: left;
            }
            td .btn {
                text-align: left;
            }



        }
    .searchArea {
    position: relative;
    border: 1px solid #e2e2e2;
    }
    .searchArea th {
    padding: 15px 10px;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    font-size: 14px;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
    background: #f1f1f1;
}

.searchArea tr td {
    padding: 4px 6px;
    border-top: 1px solid #eee;
    font-size: 1rem;
}




:root {
    --col_blue: #4d65e1; /* 占쏙옙占시뤄옙 占쏙옙占쏙옙 占쏙옙占쏙옙 */
    --col_white: #ffffff; /* 占쏙옙占시뤄옙 占쏙옙占쏙옙 占쏙옙占쏙옙 */
    --col_box_bg:#f8f8f8;
    --col_btn:#ddd;

}

.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    border-radius: 4px;
}


.medium {
    padding: 0 16px;
    margin: 1px;
    min-width: 80px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
}

.type01 {
    border: 1px solid var(--col_blue);
    color: var(--col_blue);
    font-weight: 600;
}
.type02 {
    border: 1px solid var(--col_blue);
    color: var(--col_white);
    font-weight: 600;
    background-color: var(--col_blue);
}
td, th {
    padding: 10px;
    font-size: 1rem;
    color: #333;
    letter-spacing: -0.5px;
}
.box_table th img {
    font-weight: 600;
    background: var(--col_box_bg) !important;
    border-bottom: 1px solid var(--col_btn);
    max-width: none; /* 占썩본 크占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙 */
    max-height: none; /* 占썩본 크占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙 */
   height: auto; /* 占쏙옙占쏙옙 占쏙옙占쏙옙 */
}






.grid5{
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.grid5 > li{
    position: relative;
    display: inline-block;
    margin: 16px 0;
    color: #757575;
    vertical-align: top;
    padding:10px;

}


.sct_img {
/* 
    width: 200px; */
    height: 120px;
    display: flex; /* Flexbox 사용 */
    align-items: center; /* 상하 중앙 정렬 */
    justify-content: center; /* 좌우 중앙 정렬 */
    gap: 24px;
    border: 1px solid #ebeaec;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding: 10px;


}
.round{
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}
 .round:hover img {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
  -o-transform: scale(1.5);


  transition: transform 0.3s;
}


.sct_img a img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}

.sct_img a {
    overflow: hidden;
}

.sct_ct_wrap {
    margin: 24px auto 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
.sct_txt {
    display: block;
    text-align: center;
    height:50px;
    font-weight: normal;
    margin: 0 0 4px;

}

.sct_cost {
    text-align: center;
    color: #f0352e;
    font-size: 16px;
    font-weight: 700;
}
.sct_basic {
    font-size: 12px;
    color: #555555;
    height:55px;
}
.sct_dict {

    color: #555555;
    text-decoration: line-through;
}
.sct_price{
    font-size: 20px;
    color: #000;
    font-weight: bold;
}



:root {
    --col_blue: #3a8afd; /* ?占쏙옙?占쏙옙占?? 釉붾???占쏙옙?占쏙옙 */
    --col_white: #ffffff; /* ?占쏙옙?占쏙옙占?? 釉붾???占쏙옙?占쏙옙 */
    --col_box_bg:#f8f8f8;
    --col_btn:#ddd;
    --col_line:#ddd;

}

.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    border-radius: 4px;
}


.medium {
    padding: 0 16px;
    margin: 1px;
    min-width: 80px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
}

.type01 {
    border: 1px solid var(--col_blue);
    color: var(--col_blue);
    font-weight: 600;
}
.type02 {
    border: 1px solid var(--col_blue);
    color: var(--col_white);
    font-weight: 600;
    background-color: var(--col_blue);
}
td, th {
    padding: 10px;
    font-size: 1rem;
    color: #333;
    letter-spacing: -0.5px;
}
.box_table th {
    font-weight: 600;
    background: var(--col_box_bg) !important;
    border-bottom: 1px solid var(--col_btn);
    max-width: none; /* 湲곕낯 ?占쏙옙占?? ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
    max-height: none; /* 湲곕낯 ?占쏙옙占?? ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
   height: auto; /* 鍮????占쏙옙占?? */
}
.box_table img {
    max-width: none; /* 湲곕낯 ?占쏙옙占?? ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
    max-height: none; /* 湲곕낯 ?占쏙옙占?? ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
   height: auto; /* 鍮????占쏙옙占?? */
}

.box_table td, th {
    border-bottom: 1px solid var(--col_line);
}


.my_container {
    padding: 30px 40px;
    text-align: center;
    display: flex;
    flex-direction: row; /* 占썩본占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙 占쏙옙占쏙옙 */
    width: 100%;
    height: 100vh;
}

.my_menu {
    font-size: 1.2rem;
    margin:auto;
    position:relative;
    margin-top:50px;
    left: 0;
    bottom: 0;
    width: 200px;
    z-index: 996;
    transition: all 0.3s;
    padding: 50px 20px 50px 20px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aab7cf transparent;
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
    background-color: #fff;
}
.my_menu a ul li {
padding:30px;
font-size: 1.2rem;
}

.my_content {
    width: 80%; 
    background-color: #fff;
    padding: 10px;
    margin-left: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

  .my_menu > li {
    border-bottom: 1px solid #ddd;
  }
  
  .my_menu > li > a {
    position: relative;
    display: block;
    line-height: 55px;
    font-size: 1rem;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: -1px;
  }
  
  .my_menu > li > a i {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 2px;
    color: #666;
  }
  
  .my_menu > li > ul {
    padding: 5px 0 25px 0;
    display: none;
  }
  
  .my_menu > li > ul li a {
    position: relative;
    padding: 5px 0;
    padding-left: 30px;
    font-size: 1rem;
    letter-spacing: -0.5px;
    color: #000;
    display: block;
    text-decoration: none;
    line-height: 19px;
    word-break: keep-all !important;
  }
  
  .my_menu > li.on > a {
    color: #6963db;
  }
  
  .my_menu > li.on > ul {
    display: block;
  }
  
  .my_menu> li > ul li.on a {
    color: #6963db;
  }
  
  /* 占쏙옙占쏙옙臼占쏙옙占? #cont-left 占쏙옙占쏙옙占? */
  @media (max-width: 768px) {
    .my_menu {
        display: none; /* 占쏙옙占싱듸옙占? 占쏙옙占쏙옙 */
    }
  }





@media (max-width: 600px) {
    .my_container {
        flex-direction: column; /* 占쏙옙占쏙옙臼占쏙옙占쏙옙占?? 占쏙옙占쏙옙 占쏙옙占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙 */
    }
    .my_menu {
        width: 100%; /* 占쌨댐옙 占쏙옙占쏙옙占쏙옙 占쏙옙체 占십븝옙占?? 占쏙옙占쏙옙 */
    }
    .my_content {
        width: 100%; /* 占쏙옙占쏙옙 占쏙옙占쏙옙占쏙옙 占쏙옙체 占십븝옙占?? 占쏙옙占쏙옙 */
    }
}



.t1 {
    text-align:center;
    font-size: 1.5rem;
}


.t2 {
    text-align:left;
    font-size: 1.2rem;
}




/* 由ъ??占쏙옙 怨듯??*/
.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}

/* aside:gnb */

#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.167em}
.gnb_1da i {position:absolute;right:0;top:0;display:inline-block;color:#c4c4c4;padding:15px;font-size:1.45em}

.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 {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}

/* ?占쏙옙?占쏙옙 紐⑸? ?占쏙옙?占쏙옙 10 */
.sct_10 {margin:25px 0}
.sct_10.lists-row{margin-right:-10px;margin-left:-10px}
.sct_10 .sct_li {position:relative;float:left;margin-bottom:40px;text-align:left}
.sct_10 .sct_last {margin-right:0}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}

.sct_10 .sct_img {position:relative;text-align: center;justify-content: space-between;gap: 24px;border: 1px solid #ebeaec;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);border-radius: 4px;padding: 10px;}
.sct_10 .sct_img a {display:block}
.sct_10 .sct_cart {left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#3a8afd;color:#fff;font-size:1em;font-weight:bold}
.sct_10 .sct_img:hover .sct_cart {display:block}
.sct_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_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)}

.sct_10 .sct_ct_wrap {position:relative}
.sct_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_10 .sct_star {margin: 10px 0 5px}
.sct_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_10 .sct_bottom {position:relative;min-height:20px}
.sct_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_10 .sct_dict {display:block;text-decoration:line-through;font-weight:normal;font-size:0.85em;color:#858a8d}

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

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

/* ?占쏙옙?占쏙옙 紐⑸? ?占쏙옙?占쏙옙 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}

/* ?占쏙옙?占쏙옙 紐⑸? ?占쏙옙?占쏙옙 40 */
.sct_40 {margin:20px 0}
.sct_40 .sct_clear {border-top:1px solid #dadada}
.sct_40 .sct_li {position:relative;padding:15px 0;border-bottom:1px solid #dadada}
.sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}

.sct_40 .sct_img {text-align:center;float:left;margin-right:20px}
.sct_40 .sct_img a {display:block;position:relative;z-index: 9;}
.sct_40 .sct_cart {right:0;bottom:0;border:0;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:1}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c70e9;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
.sct_40 .list-10-btn .sct_cart i{display:none}
.sct_40 .sct_img:hover .sct_cart {display:block}
.sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_40 .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_40 .sit_icon_li{margin-top:10px}

.sct_40 .sct_ct_wrap {position:relative}
.sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_star {margin:10px 0 5px}
.sct_40 .sct_txt {font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_40 .sct_txt a{font-weight:600;font-size:1.2em}
.sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_40 .sct_cost {position:absolute;right:200px;top:15px;font-size:1.35em;font-weight:bold}
.sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

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

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



/* 媛??멸껐?? 紐⑸? */
.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 {width:125px;position:relative;margin:auto;}
.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;text-align:center;}
.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:0;left:0;z-index:9999;width:100%;height:100%;padding:10px;text-align:left;background:rgba(0,0,0,0.5);opacity:0.98}
.sct_cartop_wr .it_option {width:100%;height:35px;margin-bottom:5px;}
.sct_cartop_wr .cartopt_cart_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;margin-bottom:5px;background:#3a8afd;color:#fff;border-radius:3px}
.sct_cartop_wr .cartopt_close_btn {width:100%;border:1px solid #1c70e9;padding:8px 5px;background:#fff;color:#1c70e9;border-radius:3px}

/* 硫????占쏙옙?占쏙옙 紐⑸? ?占쏙옙?占쏙옙 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 {margin:0}
.sct_admin {text-align:right}
.sct_admin a {}

/* ?占쏙옙?占쏙옙 紐⑸? ?占쏙옙?占쏙옙 ?占쏙옙占??? */
#sct_location {display:inline-block;float:right;padding:12px 0;right:0;top:12px;font-size:1.0rem;}
#sct_location .go_home {display:inline-block;font-size:1.4em;color:#a2a2a2;line-height:17px;text-decoration:none;vertical-align:top;padding:0 12px}
#sct_location i.dividing-line {vertical-align:top;font-size:1.2em;color:#a2a2a2;display:inline-block;margin:0;line-height:17px}
#sct_location select {float:left;border:1px solid #d3d3d3;height:26px;padding:0 5px;margin:0 12px}
#sct_location.is_right select{float:right}
#sct_location.view_location{display:block;float:none!important;position:relative;top:0;left:0}
#sct_location.view_location:after{display:block;visibility:hidden;clear:both;content:""}
.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 {clear:both;margin:10px 0 20px;background:#fff;border:1px solid #d3d3d3;border-top:2px solid #000;padding:10px}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

#sct_ct_1 li {float:left;width:20%;border-right:1px solid #f6f6f6}
#sct_ct_1 li:nth-child(5n) {border-right:0}
#sct_ct_1 li a {display:block;padding:0 10px;line-height:40px;font-weight:bold}
#sct_ct_1 li a:hover {color:#3a8afd}

#sct_ct_2 li {margin:0 0 10px}
#sct_ct_2 a {display:inline-block;width:120px}

#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 由ъ??占쏙옙 ?占쏙옙????占쏙옙 ?占쏙옙?占쏙옙 怨듯??*/
#sct_sortlst {clear:both;background:#fff;border:1px solid #e3e5e8}
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
#sct_sort {float:left;width:80%}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort ul {margin:0;padding:0 0 0 1px;list-style:none}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px;height:45px;padding:15px 0;line-height:15px}
#sct_sort li a {border-left:1px solid #ddd;display:block;padding:0 10px}
#sct_sort li a:hover {color:#be334a}
#sct_sort li:first-child a {border:0}

/* ?占쏙옙?占쏙옙 由ъ??占쏙옙 ?占쏙옙????占쏙옙 ?占쏙옙?占쏙옙 */
#sct_lst {float:right;margin:0 0;padding:0;list-style:none}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left}
#sct_lst button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;color:#adadad;font-size:15px}
#sct_lst button:hover {color:#000}
#sct_lst button.sct_lst_list {}
#sct_lst button .icon {display:block}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 */
#sit {margin:0 0 10px}
.sit_admin {position:absolute;right:0;top:2px;text-align:right}
.sit_admin a {line-height:35px;padding:0 10px}
.sit_empty {padding:60px 0;text-align:center}

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

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 - 媛??? */
#sit_ov_from {background:#fff;border-bottom:1px solid #e3e3e3;clear:both}
#sit_ov_wrap {width:1200px;margin:0 auto;padding:45px;border-top:0px solid #e3e3e3}



#sit_ov_wrap {
    width: 1400px;
    display: flex;
    flex-wrap: wrap; /* 占?? 諛붽퓞?占쏙옙 占???占쏙옙?占쏙옙占?? ?占쏙옙 */
}

#sit_ov_wrap > div {
    flex: 1 1 50%; /* 湲곕낯?占쏙옙?占쏙옙占?? ?占쏙옙 媛??? ?占쏙옙占?? ?占쏙옙?占쏙옙 */
    box-sizing: border-box; /* ?占쏙옙?占쏙옙 占?? 蹂대뜑占?? ?占쏙옙?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙占?? 怨???*/
    padding: 10px; /* 占?? ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
}

/* 紐⑤??占쏙옙?占쏙옙?占쏙옙 ?占쏙옙 媛??? ?占쏙옙占?? ?占쏙옙?占쏙옙 */
@media (max-width: 768px) {
    #sit_ov_wrap > div {
        flex: 1 1 100%; /* ?占쏙옙 媛??? ?占쏙옙占?? ?占쏙옙?占쏙옙 */
    }
}



#sit_pvi {
    width: 650px;
}

#sit_pvi_big {
    width: 100%;
    height: auto; /* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 議곗젙 */
}

#sit_pvi_big a {
    display: none; /* 湲곕낯?占쏙옙?占쏙옙占??? 紐⑤뱺 ?占쏙옙誘몌옙??占??? ?占쏙옙占??? */
}

#sit_pvi_big a:first-child {
    display: block; /* 占??? 踰덉???占쏙옙誘몌옙??占??? ?占쏙옙?占쏙옙 */
}

#sit_pvi ul {
    padding: 10px;
    margin: 10px;
    list-style: none; /* 湲곕낯 紐⑸? ?占쏙옙????占쏙옙 ?占쏙옙占??? */
}

#sit_pvi ul li {
    margin-bottom: 10px; /* 占??? ?占쏙옙誘몌옙?? 占??? 媛꾧??*/
}

#sit_ov {
    flex: 1; /* ?占쏙옙癒몌옙?? 怨듦??占쏙옙 梨꾬??? */
    padding: 20px; /* ?占쏙옙占??? */
}


#sit_pvi_thumb {
    width: 450px;
}


#sit_pvi_thumb img {
    display: block; /* ?占쏙옙誘몌옙?? 釉붾줉?占쏙옙占??? ?占쏙옙?占쏙옙 */
}

#sit_pvi_thumb ul {
    display: flex;           /* Flexbox ?占쏙옙?占쏙옙 */
    flex-wrap: wrap;       /* 以꾨컮占??? ?占쏙옙?占쏙옙 */
    padding: 10px;            /* 湲곕낯 ?占쏙옙?占쏙옙 ?占쏙옙占??? */
    margin: 10px;             /* 湲곕낯 留덉쭊 ?占쏙옙占??? */
    list-style: none;      /* 由ъ??占쏙옙 ?占쏙옙????占쏙옙 ?占쏙옙占??? */
}

#sit_pvi_thumb li {
    display: inline-block;  /* ?占쏙옙?占쏙옙?占쏙옙 釉붾줉?占쏙옙占??? ?占쏙옙?占쏙옙 */
    width: 20%;            /* 占??? li?占쏙옙 ?占쏙옙占??? ?占쏙옙?占쏙옙 (5媛쒙??? ?占쏙옙?占쏙옙 20% ?占쏙옙?占쏙옙) */
    box-sizing: border-box; /* ?占쏙옙?占쏙옙占??? 蹂대뜑占??? ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙占??? 怨???*/
    text-align: center;    /* ?占쏙옙誘몌옙?? 以??? ?占쏙옙?占쏙옙 */
}



#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}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 - 媛???占쏙옙占??? 占??? 援щℓ湲곕??*/
#sit_ov {position:relative;float:right;width:550px;height:auto !important;height:355px;min-height:355px;padding-bottom:20px}
#sit_ov h3 {margin:0 0 10px}

#sit_title {margin:0 0 10px;font-size:1.5em;font-weight: 600;}
#sit_desc {margin:0 0 10px;padding:0;color:#474747;font-size:1.167em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

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

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_star_sns .btn_sns_share:hover {color:#3a8afd}
#sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;max-width:175px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10}
#sit_star_sns .sns_area:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e2e2e2 transparent}
#sit_star_sns .sns_area:after {content:"";position:absolute;top:-7px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#sit_star_sns .sns_area a {display:inline-block;width:35px;height:35px;line-height:35px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%}
#sit_star_sns .sns_area a img {width:24px;height:auto}
#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}

#sit_btn_opt {position:absolute;right:0;bottom:0}
#btn_wish {float:left;position:relative;display:inline-block;padding-right:5px;color:#4b5259;width:35px;height:25px;text-align:center;font-size:1.25em;font-weight:bold}
#btn_wish i {font-size:1.6em;font-weight:bold}
#btn_wish .btn_wish_num {position:absolute;right:0;bottom:-2px;margin:0;padding:0 2px;height:17px;line-height:15px;border-radius:30px;background:#fff;color:#4b5259;font-size:0.75em}

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

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

.sit_option {padding:10px 0;margin:10px 0 0}
.sit_option label {display:block;margin:0 0 5px;color:#666}
.sit_option label.label-title{display:none}
.sit_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
-webkit-appearance:none; /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? for chrome*/
-moz-appearance:none;    /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? for firefox*/
appearance:none;         /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? 怨듯??/
background:url('img/select_arrow.png') no-repeat 96% 50%/* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? 異뷂??? */
}
.sit_option select::-ms-expand {display:none/* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? for IE10, 11*/}

.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.167em;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:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn button {width:145px;float:left;margin-right:5px;height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em}
.sit_btn_buy {background:#3a8afd;border-radius:3px;border:1px solid #1c70e9;color:#fff}
.sit_btn_buy:hover {background:#3a8afd}

.sit_btn_cart {background:#3a8afd;border-radius:3px;border:1px solid #98a3b3;color:#fff}
.sit_btn_cart:hover {background:#ff3061;}


#sit_btn_alm {float:left;display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center}
.sit_btn_wish {float:left;display:inline-block;width:65px;height:50px;margin-bottom:10px;line-height:50px;color:#8c9195;font-size:1.6em;border:1px solid #98a3b3;text-align:center;border-radius:3px;font-weight:bold}
.sit_btn_wish:hover {color:red}

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

#sit_info {display:inline-flex;position:relative;width:100%;min-height:600px;margin-top:20px;margin-bottom:30px;border:1px solid #e8e8e8;background:#fff}
#sit_info:after {display:block;visibility:hidden;clear:both;content:""}

#sit_tab {width:100%;display:table-cell}
#sit_tab:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit {border-bottom:1px solid #e8e8e8;background:#fff;padding:0 10px}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {display:inline-block;float:left}
#sit_tab .tab_tit li button {display:block;width:100%;position:relative;font-size:1.2em;padding:10px 15px;border:0;color:#666;background:#fff;line-height:38px;text-align:center;z-index:1}
#sit_tab .tab_tit li .selected {background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold}
#sit_tab .tab_tit li .selected:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#3a8afd;display:inline-block}
#sit_tab .tab_con {background:#fff;padding:15px}
#sit_tab .item_use_count, #sit_tab .item_qa_count {display:inline-block;min-width:20px;height:20px;font-size:0.75em;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}

#sit_buy {display:table-cell;width:270px;border-left:1px solid #e8e8e8;vertical-align:top}
.sit_buy_inner {position:relative;top:0 !important;vertical-align:top}
.sit_side_option {padding:15px 15px 10px;border-bottom:1px solid #ebeff3}
.sit_side_option h3 {margin-bottom:10px}
.sit_side_option label {display:block;margin:0 0 5px;color:#666}
.sit_side_option label.label-title{display:none}
.sit_side_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
-webkit-appearance:none; /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? for chrome*/
-moz-appearance:none;    /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? for firefox*/
appearance:none;         /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? 怨듯??/
background:url('img/select_arrow.png') no-repeat 96% 50%/* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? 異뷂??? */}
.sit_side_option select::-ms-expand {display:none/* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? for IE10, 11*/}

.sit_sel_option {overflow-y:auto;height:300px}
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed}
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;background:#fff;color:#c6c8ca}
.sit_sel_option .opt_name {font-weight:bold;line-height:28px}
.sit_sel_option .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
.sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
.sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
.sit_sel_option button:hover {color:#000}

.sum_section {padding:15px;z-index:3}
.sum_section:after {display:block;visibility:hidden;clear:both;content:""}
.sit_tot_price {font-weight:bold;padding-bottom:10px;line-height:25px;font-size:1.167em;text-align:right}
.sit_tot_price strong {font-size: 1.5em;margin-left:15px}
.sit_tot_price span {float:left}
.sit_order_btn button {display:block;width:100%;padding:15px 0;font-size:1.25em;font-weight:bold}
.sit_order_btn .sit_btn_cart {margin-bottom:5px}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? ?占쏙옙占??? (SMS) */
#sit_sms_new {}
#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 {line-height:1.5em;color:#555}
#sit_sms_new .prd_name {background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em}
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 - ?占쏙옙?占쏙옙?占쏙옙占??? */
#sit_inf {margin:20px 0}
#sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
#sit_inf_explan {margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 誘몌옙???占쏙옙?占쏙옙 #sit_inf_explan {margin:0 0 10px} 留??쇽??? 異⑸? */
#sit_inf_explan img {max-width:100%;height:auto}

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

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 - ?占쏙옙?占쏙옙?占쏙옙占??? */
#sit_use {margin:20px 0}
#sit_use h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_use h3 {position:absolute;font-size:0;line-height:0;content:""}

.sit_use_top {position:relative;background:#fff;border:2px solid #efeff1;margin:0 0 15px;padding:15px;min-height:90px;vertical-align:middle}
.sit_use_top h4 {font-size:1.2em;margin-bottom:10px}
.sit_use_top h4 span {color:#aaa;font-size:0.85em;font-weight:normal}
.sit_use_top .sit_star {height:20px}
.sit_use_top .st_bg {background:#666}

#sit_use_wbtn {position:absolute;top:20px;right:30px}
#sit_use_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em}

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

.sit_thum {margin:0;position:absolute;top:10px;left:0}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.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 {font-weight:bold;font-size:1.167em;color:#000 !important}

.sit_use_con {display:none;margin-right:110px;margin-bottom:10px}
.sit_use_p {margin:10px 0;padding:10px 0}
.sit_use_cmd {}

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

#sit_use_write_star:after {display:block;visibility:hidden;clear:both;content:""}
#sit_use_write_star li {float:left;width:33.333%}
#sit_use_write_star li img {width:100px}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 - ?占쏙옙?占쏙옙臾몄쓽 */
#sit_qa {margin:20px 0}
#sit_qa h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_qa h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #f0f0f0;list-style:none}
.sit_qa_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_li {position:relative;border-bottom:1px solid #f0f0f0;padding:15px 10px}
.sit_qa_li_title {display:block;float:left;width:80%;text-align:left;background:none;border:0;line-height:25px;font-weight:bold;font-size:1.167em}

.sit_qa_dl {float:right;width:20%;line-height:30px;color:#7f7f7f;text-align:right;margin:0}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;line-height:0;content:""}
.sit_qa_dl dd {display:inline-block;margin-left:10px}
.sit_qaa_done {display:inline-block;height:30px;line-height:30px;background:#f6bb42;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px}
.sit_qaa_yet {display:inline-block;height:30px;line-height:30px;background:#ccd1d9;color:#fff;padding:0 8px;margin-right:10px;font-size:12px;font-weight:normal;border-radius:3px}

.sit_qa_con {display:none;clear:both}
.sit_qa_p {margin:10px 0;background:#f3f3f3;line-height:1.5em}
.sit_qa_p .qa_alp {position:absolute;top:13px;left:15px;font-size:2em;color:#000}
.sit_qa_qaa {padding:15px 20px;padding-left:50px;position:relative;min-height:50px;border-top:1px solid #fff}
.sit_qa_qaq {padding:15px 20px;padding-left:50px;position:relative;min-height:50px}
.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right}

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

#sit_qa_wbtn {text-align:right;margin:0 0 20px}
#sit_qa_wbtn a {padding:0 20px;line-height:45px;font-weight:bold;font-size:1.167em}

#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}

/* ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙蹂닿린 - 諛곗??占쏙옙占??? */
#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:""}


/* ?占쏙옙?占쏙옙?占쏙옙占??? 紐⑥쓬 */
#sps_sch {margin:0 0 10px}
#sps_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
#sps_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
#sps_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sps_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sps_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#sps {}
#sps ol {margin:0;padding:0;list-style:none}
#sps li {position:relative;padding:15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

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

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

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

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

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

#sps dl {margin:5px 0}
#sps dl:after {display:block;visibility:hidden;clear:both;content:""}
#sps dt {float:left}
#sps dd {float:left;margin:0 10px 0 0;color:#999}
#sps dd img {position:relative;top:-2px}

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

/* ?占쏙옙?占쏙옙臾몄쓽 紐⑥쓬 */
#sqa_sch {margin:0 0 10px}
#sqa_sch a {display:inline-block;padding:0 8px;height:40px;line-height:40px;vertical-align:top;border-radius:3px;background:#434a54;color:#fff;font-weight:bold;text-decoration:none}
#sqa_sch .sch_wr {width:300px;border:1px solid #d0d3db;border-radius:3px;display:inline-block;background:#fff}
#sqa_sch:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select {float:left;border:0;width:175px;height:40px;margin-right:5px;border:1px solid #d0d3db;border-radius:3px}
#sqa_sch .sch_input {width:258px;height:38px;border:0;padding:0;background-color:transparent;float:left}
#sqa_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

#sqa {margin-bottom:20px}
#sqa ol {margin:0;padding:0;list-style:none}
#sqa li {position:relative;padding:15px 20px 15px 15px;border-bottom:1px solid #f0f0f0;background:#fff}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
#sqa li .sit_qaa_yet {position:absolute;right:20px;top:20px;margin-right:0}
#sqa li .sit_qaa_done {position:absolute;right:20px;top:20px;margin-right:0}

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

#sqa dl {margin:5px 0}
#sqa dl:after {display:block;visibility:hidden;clear:both;content:""}
#sqa dt {float:left}
#sqa dd {float:left;margin:0 10px 0 0;color:#999}

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

.sqa_section {float:left;width:1100px}
.sqa_section h2 {padding-right:70px;font-size:1.2em;font-weight:bold}
.sqa_section .sqa_con {line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn button {border:1px solid #ddd;padding:5px 8px;color:#666;font-size:0.92em;margin:5px 0;background:#fff}
.sqa_con_btn button:hover {background:#6b99ee;border-color:#6b99ee;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_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:#3a8afd;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}

.button07{
display: block;
min-width: 110px;
color: #ffffff;
background: #3a8afd;
font-size: 13px;
letter-spacing: -0.03em;
text-decoration: none;
padding: 0 25px;
line-height: 35px;
border-radius: 35px;
box-sizing: border-box;
text-align: center;
font-weight: 700;
}

.b_button {
    width: 145px;
    display: inline-block;
    height:50px;
    background: #3a8afd;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #1c70e9;
    font-size: 1.25em;
    letter-spacing: -0.03em;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    font-weight: 700;
}

.w_button {
    width: 145px;
    height:50px;
    display: inline-block;
    background: #3a8afd;
    border-radius: 3px;
    border: 1px solid #1c70e9;
    font-size: 1.25em;
    letter-spacing: -0.03em;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    color:#ffffff;
}
.w_button:hover {background:#ff3061;border: 0;}

.sct_bid_wrap {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}

.sct_bid_history_wrap {

    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 95%; /* Full width */
    height: 95%; /* Full height */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}



.modal-content {
    position: absolute;
    width: 760px;
    height: 630px;
    background-color: #fefefe;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    border: 1px solid #888;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.auction-table {
    width: 100%;
    border: none;
    cellspacing: 0;
    cellpadding: 0;
    background-color: #F9FAFB;
}

.image-cell {
    width: 130px;
	text-align:center;
}

.spacer-cell {
    width: 10px;
}

.auction-image {
    width: 170px;
    cursor: pointer;
    hspace: 15px;
}

.details-cell {
    vertical-align: top;
}

.details-table {
    width: 100%;
    cellspacing: 0;
    cellpadding: 3px;
    background-color: #F9FAFB;
    font-size: 1.1rem;
}


.details-table th, td {
    font-size: 1.1rem;
}

.separator {
    background-color: #D8D8D8;
}

.icon {
    width: 20px;
    vertical-align: top;
}

.item-name {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.item-name:hover {
    text-decoration: underline;
}

.auction-number {
    color: #49A31D;
    font-weight: bold;
}

.auction-quantity {
    color: #52A5F7;
    font-weight: bold;
}

.min-bid {
    color: #FF5400;
    font-weight: bold;
}

.starting-bid, .buy-now, .auction-end {
    color: #666666;
}

.time-left {
    color: red;
    font-weight: bold;
}
.bid-table {
    width: 100%;
    margin-top: 0 auto;
	padding-top:100px;
	border: none;
    cellspacing: 0;
    cellpadding: 0;
}

.title-cell {
    width: 100%;
}



.content-cell {
    background-color: #fff;
}

.bid-details {
    width: 100%;
    margin: 0 auto;
    border: none;
    cellspacing: 0;
    cellpadding: 0;
}

.bid-details th, td {
    font-size: 1.1rem;
}


.icon-cell {
    width: 44px;
    height: 35px;
}

.label-cell {
    width: 25%;
    font-weight: bold;
    color: #000;
}

.input-cell {
    width: 25%;
}

.bid-input {
    border: 1px solid gray;
}

.bid-unit {
    color: #666;
    font-size: 12px;
}

.highlight {
    color: #FF6E03;
}

.quantity-cell {
    width: 25%;
}

.quantity-value {
    color: blue;
    font-weight: bold;
}



.round-label {
  width:150px;
  background-color: #9eacc6;
  padding: 2px 20px;
  border-radius: 25px;
  display: inline-block;
  font-size: 10px;
  text-align: center;
}



.inner {
    max-width: 1430px;
    margin: 0 auto;
    padding: 0 0.9375rem;
}
.container { width: 100%; }
.h_visual { height: 31.25rem; }
.c_list { display: flex; flex-wrap: wrap; }
.c_list > div {
    width: 20%;
    padding: 0.625rem;
    box-sizing: border-box;
}


/* h_go ?占쏙옙????占쏙옙 */
.h_go {
    background-color: #0167B2;
    text-align: left;
    font-size: 0.8125rem;

}
.h_go .inner {
    display: flex;
    justify-content: space-between; /* 醫??곤??? 怨듦??占쏙옙 ?占쏙옙?占쏙옙 */
    align-items: center; /* ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
    flex-wrap: nowrap; /* ?占쏙옙 以꾨줈 ?占쏙옙?占쏙옙占???占??? ?占쏙옙占??? ?占쏙옙?占쏙옙 */
    padding: 1rem 0;
    z-index:90;
        }

/* 醫뚯??h_go_left ?占쏙옙????占쏙옙 */
.h_go_left {
    display: flex; /* ?占쏙옙?占쏙옙 諛곗? */
    gap: 1rem; /* 留???媛꾧??議곗젙 */
}

.h_go_left a {
    color: #ffffff;
    text-decoration: none;
    padding: 5px 25px 5px 25px;
    font-size: 1.5rem;
}


 .h_go_left .active {
    color: #fff;
    background: #f42941;

    border-radius: 5px;
 }



.h_go_left a:hover {
    text-decoration: underline;
}

/* ?占쏙옙占??? h_go_right ?占쏙옙????占쏙옙 */
.h_go_right {
    display: flex; /* ?占쏙옙?占쏙옙 諛곗? */
    gap: 0.5rem; /* 留???媛꾧??議곗젙 */
    align-items: center; /* ?占쏙옙?占쏙옙占??? 占??? ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
}

.h_go_right a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
}

.h_go_right span {
    color: #919191;
    margin: 0 0.3125rem;
}

.h_go_right a:hover {
    text-decoration: underline;
}


#slide-btn {display: none;}
#slide-bg {display: none;}
#slide-menu {display: none;}

/* 紐⑤??占쏙옙?占쏙옙?占쏙옙 ?占쏙옙占??? h_go_right ?占쏙옙占??? */
@media (max-width: 768px) {
    .h_go_right {
        display: none;
    }

    .h_go {
        width:100%;
        position:relative;
        z-index:100;
        }
}
/* h_banner ?占쏙옙????占쏙옙 */
.h_banner {
    display: none;
    background-color: #0167B2;
    height: 3rem; /* 80px */
    position: relative;
    overflow: hidden;
}
.h_banner #inner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-image {
    max-width: 30rem; /* 480px */
    max-height: 100%;
    object-fit: contain;
}
.banner-close {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
}
@media (max-width: 768px) {

    .inner {
        width: 100%;
    }

    
    .h_banner {
        display: none;
    }

    .h_go_right {
    display: none;
    }
    .h_menu
    {
    display: none;
    }
    .h_search
    {
    display: none;
    }
    .c_list > div { width: 50%; }


    .grid5 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .medium {
        font-size: 11px;
    }

    .box_table img {
        width: 100%;
        height: auto;
    }

    .details-table th, td {
        font-size: 1rem; 
    }
}


/* h_logo ?占쏙옙????占쏙옙 */
.h_logo {
display: flex;
justify-content: center; /* 占???占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
align-items: center; /* ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
height: 100px; /* 濡쒓퀬 ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙占??? 占????占쏙옙 */

}

/* inner ?占쏙옙????占쏙옙 (濡쒓퀬 ?占쏙옙占??? ?占쏙옙?占쏙옙) */
.h_logo .inner {
width: 100%; /* ?占쏙옙占??? ?占쏙옙?占쏙옙?占쏙옙 占???濡????占쏙옙 占??? 梨???占쏙옙占??? ?占쏙옙?占쏙옙 */
display: flex;
justify-content: center; /* ?占쏙옙占??? 濡쒓퀬占??? 占???濡쒕줈 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
}

/* 濡쒓퀬 ?占쏙옙誘몌옙?? ?占쏙옙占??? */
.h_logo img {
width: 250px; /* 濡쒓퀬 ?占쏙옙誘몌옙???占쏙옙 占???占??? ?占쏙옙占??? */
height: 50px; /* 濡쒓퀬 ?占쏙옙誘몌옙???占쏙옙 ?占쏙옙占??? ?占쏙옙占??? */
object-fit: contain; /* ?占쏙옙誘몌옙?? 鍮???占쏙옙 ?占쏙옙占????占쏙옙占??? ?占쏙옙占??? 議곗젙 */
}


/* h_menu ?占쏙옙????占쏙옙 */
.h_menu {
flex-grow: 1; /* ?占쏙옙??? 怨듦??占쏙옙 李⑨옙???占쏙옙?占쏙옙占??? ?占쏙옙?占쏙옙 */
padding: 15px 0; /* ?占쏙옙?占쏙옙 10px ?占쏙옙?占쏙옙 異뷂??? */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 洹몃┝?占쏙옙 異뷂??? */
background-color: #fff; /* 諛곌꼍?占쏙옙 ?占쏙옙?占쏙옙 (?占쏙옙?占쏙옙?占쏙옙 異뷂???) */

}


.h_menu span { color: #e1e1e1; /* 媛꾧???占쏙옙?占쏙옙 */}


.h_menu .inner {
display: flex; /* ?占쏙옙?占쏙옙 諛곗? */
align-items: center; /* ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
justify-content: space-between; /* 硫???留????? 占????占쏙옙 ?占쏙옙 ?占쏙옙?占쏙옙 怨듦? 遺꾨??*/
font-size: 1.25rem; /* ?占쏙옙?占쏙옙 ?占쏙옙占??? 議곗젙 */
padding: 0; /* ?占쏙옙占??? ?占쏙옙占??? */
}

/* 硫???留????占쏙옙????占쏙옙 */
.menu-links {
color: #333; /* 留????占쏙옙?占쏙옙 */
display: flex; /* ?占쏙옙?占쏙옙 諛곗? */
align-items: center; /* ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
gap: 1rem; /* 留???占쏙옙 媛??? 媛꾧??*/
}

/* 硫???留????占쏙옙????占쏙옙 */
.menu-links a {
color: #333; /* 留????占쏙옙?占쏙옙 */
text-decoration: none; /* 留???諛묒쨪 ?占쏙옙占??? */
}

.menu-links a:hover {
color: #0167B2; /* 留????占쏙옙?占쏙옙 */
text-decoration: underline; /* 留???占쏙옙 留???占쏙옙占??? ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙 諛묒쨪 異뷂??? */
}

/* 援щ? 湲고???占쏙옙????占쏙옙 */
.menu-links s span {
color: #e1e1e1; /* 援щ? 湲고???占쏙옙?占쏙옙 */
margin: 0 0.5rem; /* 援щ? 湲고???占쏙옙?占쏙옙 ?占쏙옙占??? */
}

/* h_search ?占쏙옙????占쏙옙 */
.h_search {
display: flex; /* ?占쏙옙 ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
align-items: center; /* ?占쏙옙 ?占쏙옙?占쏙옙 ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
width: 100%; /* ?占쏙옙占??? ?占쏙옙占??? ?占쏙옙?占쏙옙 */
max-width: 300px; /* 理쒙??? ?占쏙옙占??? ?占쏙옙?占쏙옙 (?占쏙옙?占쏙옙) */
}

.h_search form {
display: flex; /* ?占쏙옙?占쏙옙 諛곗? */
align-items: center; /* ?占쏙옙占??? 占????占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
width: 100%; /* ?占쏙옙占??? ?占쏙옙占??? ?占쏙옙?占쏙옙 */
}

.h_search input[type="text"] {
width: 238px;
height: 35px;
padding-left: 20px; /* ?占쏙옙占??? ?占쏙옙占??? */
border: 0; /* ?占쏙옙?占쏙옙占??? ?占쏙옙占??? */
color: #aaa; /* ?占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
background-color: #f6f6f6;
border-radius: 10px; /* 紐⑥꽌占??? ?占쏙옙占???占??? */
}


.h_search button {
width: 66px; /* 踰????占쏙옙占??? */
height: 35px; /* 踰????占쏙옙?占쏙옙 */
border: 0; /* ?占쏙옙?占쏙옙占??? ?占쏙옙占??? */
margin-top:6px;
background-color: #3a8afd;
color: #fff; /* 踰????占쏙옙?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
font-size: 0.8125rem;
border-radius: 10px; /* 紐⑥꽌占??? ?占쏙옙占???占??? */
cursor: pointer; /* ?占쏙옙占??? 而ㅼ꽌 */
}


.sound_only_ele {
background: none !important;
border: none !important;
height: 0 !important;
left: 0 !important;
overflow: hidden !important;
position: absolute !important;
text-indent: -999em !important;
top: 0 !important;
width: 0 !important;
}   


@media (max-width: 768px) {


#slide-btn {display: block;height: 60px;position: absolute;right: 0;text-indent: -999em;top: 0;width: 60px;}
#slide-btn button {background: none;border: none;cursor: pointer;height: 100%;left: 0;outline: none;position: absolute;top: 0;width: 100%;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after {background: #fff;border-radius: 2px;height: 2px;left: 50%;margin-left: -10px;overflow: hidden;position: absolute;width: 20px;}
#slide-btn button span {display: block;margin-top: -1px;opacity: 1;top: 50%;transition: all 0.3s;}
#slide-btn button:before {content: '';display: block;top: 37%;transition: all 0.3s;}
#slide-btn button:after {bottom: 37%;content: '';display: block;transition: all 0.3s;}
#slide-btn.on button span {opacity: 0;}
#slide-btn.on button:before {margin-top: -1px;top: 50%;transform: rotate(45deg);}
#slide-btn.on button:after {bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}
#slide-btn.on button span,
#slide-btn.on button:before,
#slide-btn.on button:after {background: #fff;}
#mo-tnb {border: 1px solid #dddddd;border-radius: 4px;border-width: 1px 0 0 1px;margin-bottom: 5px;overflow: hidden;}
#mo-tnb li {border: 1px solid #dddddd;border-width: 0 1px 1px 0;box-sizing: border-box;display: inline-block;vertical-align: top;width: 49%;}
#mo-tnb li:first-child {border-left: none;}
#mo-tnb li a {background: #f7f7f7;color: #666666;display: block;font-size: 13px;letter-spacing: -1px;line-height: 35px;text-align: center;text-decoration: none;}
#mo-tnb li a em {color: #000;font-style: normal;font-weight: 700;margin-left: 5px;}
#mo-sch {margin-bottom: 10px;position: relative;}
#mo-sch legend {display: none;}
#mo-sch fieldset {background: #f7f7f7;border: 1px solid #eee;border-radius: 4px;height: 35px;overflow: hidden;zoom: 1;}
#mo-sch fieldset:after {clear: both;content: '';display: block;}
#mo-sch fieldset > * {float: left;}
#mo-sch fieldset .inp {background: transparent;border: none;height: 35px;padding-left: 15px;width: calc(100% - 35px);}
#mo-sch fieldset .sbm {background: transparent;border: none;color: #999;font-size: 13px;height: 35px;position: relative;text-indent: -999em;width: 35px;}
#mo-sch fieldset .sbm:after {content: '\f002';display: block;font-family: 'Font Awesome 5 Free';font-weight: bold;left: 0;line-height: 35px;position: absolute;text-align: center;text-indent: 0;top: 0;width: 100%;}
#mo-gnb {margin: 20px -20px 0 -20px;}
#mo-gnb > li {border-bottom: 1px solid #eaeaea;}
#mo-gnb > li > a {color: #000000;display: block;font-size: 14px;font-weight: 500;letter-spacing: -1px;line-height: 45px;padding: 0 15px 0 40px;position: relative;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#mo-gnb > li > ul {background: #f7f7f7;display: none;padding: 0;}
#mo-gnb > li > ul > li {border-top: 1px solid #ddd;}
#mo-gnb > li > ul > li > a {color: #333;display: block;font-size: 14px;letter-spacing: -1px;line-height: 45px;padding: 0 15px 0 40px;position: relative;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#mo-gnb > li.on > ul {display: block;}
#mo-gnb > li > ul > li > ul {background: #eee;display: none;}
#mo-gnb > li > ul > li.on > ul {display: block;}
#mo-gnb > li > ul > li > ul > li {border-top: 1px solid #ddd;}
#mo-gnb > li > ul > li > ul > li > a {color: #333;font-size: 14px;letter-spacing: -1px;line-height: 45px;padding: 0 15px 0 25px;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#mo-gnb li > a.have-children:before {color: #333333;content: '\f0d7';display: block;font-family: 'Font Awesome 5 Free';font-size: 13px;font-weight: bold;left: 20px;position: absolute;top: 0;transform: rotate(0);}
#mo-gnb li.on > a.have-children:before {transform: rotate(180deg);}

#slide-bg {background: rgba(0,0,0,0.3);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 88;}
#slide-bg.on {display: block;}
#slide-menu {background: #fff;box-sizing: border-box;height: 100%;padding-top: 60px;position: fixed;right: 0;top: 0;width: 80%;z-index: 89;}
#slide-menu .inner {height: 100%;overflow-y: auto;padding: 20px;position: relative;}
#slide-menu.on {display: block;}

.lists-row .col-row-4 {
width: 100%;
}

}

#footer{background: #182242;padding: 20px 0;}
#footer .fmenuWrap{border-bottom: 1px solid rgba(255,255,255,0.08);padding: 70px 0;}
#footer .fmenuWrap .inner{width: 1430px;position: relative;margin: 0 auto;}
#footer .fmenuWrap .inner .logo{position: absolute;top: 0;left: 0;width: 100px;height: auto;}
#footer .fmenuWrap #fmenu{text-align: left;}
#footer .fmenuWrap #fmenu > li{display: inline-block;vertical-align: top;margin-left: 100px;text-align: left;}
#footer .fmenuWrap #fmenu > li > a{font-size: 16px;color: #fff;letter-spacing: -0.5px;}
#footer .fmenuWrap #fmenu > li > ul{margin-top: 15px;}
#footer .fmenuWrap #fmenu > li > ul li a{display: block;font-size: 14px;line-height: 30px;color: #fff;opacity: 0.6;letter-spacing: -0.5px;font-weight: 300;}
#footer .fmenuWrap .footer-notice{position: absolute;top: 60px;left: 0;z-index: 91;}
#footer .fmenuWrap .footer-notice a{font-size: 14px;color: #fff;letter-spacing: -1px;text-decoration: none;position: relative;font-weight: 300;}
#footer .fmenuWrap .footer-notice a i{display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
#footer .fnbWrap{padding: 70px 0;}
#footer .fnbWrap .inner{width: 1280px;position: relative;margin: 0 auto;}
#footer .fnbWrap .finfo li{display: inline-block;vertical-align: middle;position: relative;padding: 0 15px;font-size: 14px;color: #fff;font-style: normal;font-weight: 300;line-height: 27px;}
#footer .fnbWrap .finfo li:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;transform: translate(0, calc(-50% - 1px));background: #fff;opacity: 0.8;}
#footer .fnbWrap .finfo li:first-child{padding-left: 0;}
#footer .fnbWrap .finfo li:first-child:before{display: none;}
#footer .fnbWrap .finfo li:first-child strong{font-weight: 500;}
#footer .fnbWrap .copyright{display: block;font-size: 14px;line-height: 27px;color: #fff;font-style: normal;font-weight: 300;}
#footer .fnbWrap #fnb {position: absolute;top: 0;right: 0;}
#footer .fnbWrap #fnb li{display: inline-block;vertical-align: middle;position: relative;padding: 0 15px;font-style: normal;font-weight: 300;line-height: 27px;}
#footer .fnbWrap #fnb li:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;transform: translate(0, calc(-50% - 1px));background: #fff;opacity: 0.8;}
#footer .fnbWrap #fnb li:last-child{padding-right: 0;}
#footer .fnbWrap #fnb li:first-child:before{display: none;}
#footer .fnbWrap #fnb li a{font-size: 14px;color: #fff;letter-spacing: -0.5px;}

@media (max-width: 768px) {

#footer{padding: 20px 0;}
    #footer .fmenuWrap{padding: 40px 20px;}
    #footer .fmenuWrap .inner{width: auto;}
    #footer .fmenuWrap .inner .logo{width: 70px;height: auto;position: static;}
    #footer .fmenuWrap #fmenu{text-align: left;}
    #footer .fmenuWrap #fmenu > li{width: 100%;margin-left: 0;margin-bottom: 10px;text-align: left;}
    #footer .fmenuWrap #fmenu > li > a{font-size: 13px;}
    #footer .fmenuWrap #fmenu > li > ul{margin-top: 10px;}
    #footer .fmenuWrap #fmenu > li > ul li a{font-size: 13px;line-height: 20px;}
    #footer .fmenuWrap .footer-notice{position: static;margin: 5px 0 30px 0;}
    #footer .fmenuWrap .footer-notice a{font-size: 12px;margin-top: -1px;}
    #footer .fnbWrap{padding: 40px 20px;}
    #footer .fnbWrap .inner{width: auto;}
    #footer .fnbWrap .finfo{white-space: normal;}
    #footer .fnbWrap .finfo li{padding: 0;margin-right: 10px;font-size: 12px;line-height: 18px;}
    #footer .fnbWrap .finfo li:before{display: none;}
    #footer .fnbWrap .copyright{font-size: 12px;line-height: 18px;margin-top: 15px;}
    #footer .fnbWrap #fnb{position: static;margin-top: 15px;}
    #footer .fnbWrap #fnb li{padding: 0 10px;line-height: 18px;}
    #footer .fnbWrap #fnb li:first-child{padding-left: 0;}
    #footer .fnbWrap #fnb li:before{height: 10px;}
    #footer .fnbWrap #fnb li a{font-size: 12px;}

}


.c_button {
    width: 145px;
    display: inline-block;
    height: 50px;
    background: #3a8afd;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #1c70e9;
    /* font-size: 1.25em; */
    letter-spacing: -0.03em;
    text-decoration: none;
    /* padding: 10px; */
    text-align: center;
    font-weight: 600;
}

#sct_ct_1 li {

    width: 50%;

}


ul.sct.sct_40 {
    width: 100%;
    padding: 0 10px; /* 醫???padding 10px */
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  
  li.sct_li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 1rem;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
  }
  
  .wsct_img {
    text-align:center;
    padding-left:10px;
    width: 25%;
    max-width: 100px; /* ?占쏙옙誘몌옙?? 而⑦뀒?占쏙옙?占쏙옙?占쏙옙 理쒙??? ?占쏙옙鍮꾬??? ?占쏙옙?占쏙옙 */
  }
  
  .wsct_img img {
    width: 100%;
    height: auto;
    max-width: 100%; /* ?占쏙옙誘몌옙??占??? 而⑦뀒?占쏙옙?占쏙옙占??? ?占쏙옙占??? ?占쏙옙?占쏙옙占??? ?占쏙옙?占쏙옙 */
    max-height: 100px; /* ?占쏙옙誘몌옙???占쏙옙 理쒙??? ?占쏙옙?占쏙옙 ?占쏙옙?占쏙옙 */
    object-fit: contain; /* ?占쏙옙誘몌옙?? 鍮???占쏙옙 ?占쏙옙占????占쏙옙硫댁꽌 而⑦뀒?占쏙옙?占쏙옙?占쏙옙 留욎텛?占쏙옙 ?占쏙옙?占쏙옙 */
  }
  .wsct_ct_info {
    width: calc(100% - 66%); /* ?占쏙옙??? 怨듦? 李⑨옙?? (100 - 25 - 25 - 2) */
    padding-left: 1rem;
  }
  
  .wsct_ct_info .wsct_txt a {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    text-decoration: none;
  }
  
  .wsct_ct_info .wsct_txt a:hover {
    text-decoration: underline;
  }
  
  .wsct_ct_info .wsct_basic {
    font-size: 0.9rem;
    color: #666;
    margin-top: 0.5rem;
  }
  
  .wsct_cost {
    text-align:right;
    width: 25%;
    margin-left: auto; /* ?占쏙옙瑜몄そ?占쏙옙占??? 踰???諛곗? */
    font-size: 1.2rem;
    font-weight: bold;
    color: #d32f2f;
    margin-top: 0.5rem;
  }
  
  .wsct_button {
    width: 15%;
    margin-left: auto; /* ?占쏙옙瑜몄そ?占쏙옙占??? 踰???諛곗? */
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  
  .wsct_button button {
    padding: 0.5rem 1rem;
    border: none;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
  }
  
  .wsct_button button:hover {
    background-color: #0056b3;
  }
  
  .cart-layer {
    width: 1%;
  }
  




@media (max-width: 768px) {

      
        .sct_img, .sct_button {
          width: 100%;
          max-width: none;
        }
      
        .sct_ct_info {
          width: 100%;
          padding-left: 0;
          margin-top: 1rem;
        }
      
        .sct_button {
          flex-direction: row;
          justify-content: space-between;
          width: 100%;
        }
      

        #sit_ov_wrap {
            width: 100%;
            margin: 0 auto;
        
        }
        #sit_buy{
            display:none;
        }
        .sod_left{
            width:100%;
        } 
        .sod_right{
            width:100%;
        }
        .od_prd_list .td_prd {
            padding-left: 10px; 
        text-align:center;
        }


        .tbl_head03 thead th {
            font-size: 0.85em;
        }
        .tbl_head03 td {
            font-size: 0.85em;
        }

        #smb_my_ov{
            display: none;
        }

        #board-list{
            width:100%;
        }
        #board-view{
            width:100%;
        }
        .btn-wrap{
            width:100%;

        }
        .pg_wrap{
            width:100%;
        }
        #smb_my_list {
            width:100%;
        }
}

@media (max-width:640px) {
    #sit_inf_open th,#sit_inf_open td {display:block;width:100%}
   }
   
@media (min-width:640px)and (max-width:969px) {
 .couponzone_list ul li {width:50%;float:left;padding:10px}
 .couponzone_list ul li:nth-child(2n+1) {clear:both}
}

@media (min-width:970px) {
 .couponzone_list ul li {width:25%;float:left;padding:10px}
 .couponzone_list ul li:nth-child(4n+1) {clear:both}
}