.basket_replace{display: none;}
.retina_img{width: 75%;}
.goodsimg-thums{padding: 10px 20px;}
.goodsimg-thums .swiper-slide{height: 100%;opacity: 0.4; border: 1px solid rgb(223, 219, 219);}
.goodsimg-thums .swiper-slide-thumb-active {opacity: 1; border: 2px solid gray; }
.goodsimg-thums .retina_img{width: 100%;}
/* swiper */

.add20_popcontainer{height: auto; overflow-y: auto;}
/*.add20_popcontainer.small{min-height: 0;}*/
.add20_popcontainer.small .rew18_popup_cont{min-height:0;}
.add20_popcontainer .add20_pop .add20_option_area .option_btn{max-width: none;}
.add20_popcontainer .add20_pop .add20_option_area{padding: 0px; display: block; min-height: 280px; max-height: 450px; overflow-y: auto; }
.add20_popcontainer .add20_pop .option_list_area{position: absolute; width: 100%; margin:0 auto; /*padding: 0 15px; top:55px;*/}
.add20_popcontainer .add20_pop .option_list{max-width: 560px;max-height: 213px; width: 100%; margin: 0 auto;}
/*.add20_popcontainer .add20_pop .option_title_area{margin-top: 0;}*/
.add20_popcontainer .add20_pop .result_wapper{height: 300px;}
.add20_popcontainer .add20_pop .add20_option_area .option_btn{width: 100%;}
.add20_popcontainer .result_wapper{padding: 0 16px; min-height: 130px; max-height: 180px; overflow-y: auto;}
.add20_popcontainer .pop_sum{padding: 10px 20px 20px 20px;text-align: right;}
.sumTit{margin-right: 20px;font-size: 16px; color: #c66fc0;}
.sumNum{font-size: 24px; color:#333;}
.sumSv{margin-right: 20px;}
/* pop */

.add20_option_area{padding: 20px 0; border-bottom: 1px solid #eeeeee; width: 100%;}
.add20_option_area .option_title_area{margin-top: 10px;width: 100%;}
.add20_option_area .option_title{line-height: 46px; float: left; width: 20%;}
.add20_option_area .option_btn{position: relative; display: flex;text-align: left;border: 1px solid #a7a7a7; width: 80%; max-width: 440px; margin-left: auto; height: 46px; font-size: 12px; box-sizing: border-box; padding-left: 12px; align-items: center; background:#fff; box-sizing: border-box;}
.add20_option_area .option_btn:focus{border: 2px solid #c66fc0;}
.option_list_open{position: absolute; width: 27px; height: 27px ;background: url(https://resource2018.nuskinkorea.co.kr/images/renew/selectArrow_pc.png) #fff no-repeat right; right: 10px;}
.option_info{font-size: 14px; color:#c66fc0;text-align: right; margin-top: 8px;}
.option_list_area{position: absolute; right: 0; z-index: 999; width: 100%;top: 45px; display: none;}
.option_list{max-width: 440px; width: 100%; margin-left: auto; border: 1px solid #a7a7a7; border-top:none; max-height: 213px; overflow-y: auto; background: #fff;}
.option_list li{border-bottom: 1px solid #eee; width: 100%; padding: 20px 10px;}
.option_list li:hover{background: #f3f3f3}
.option_list li:last-child{border-bottom: none;}
.option_list li a{display: table;color:#555; width: 100%; height: 100%;}
.option_list .option_thums{display: table-cell; width: 30px; height: 30px; /*background: rgb(253, 208, 140);*/}
.option_list .option_thums.none{width: 0;}
.pdt_opt_detail{position: relative;}
.option_name{display: table-cell; vertical-align: middle; padding: 0 20px; max-width: 300px; text-align: left;}
.option_price{display: table-cell;font-weight: bold; vertical-align: middle; text-align: right; word-break:keep-all}
.option_list .option_soldout a{color:rgb(194, 194, 194); cursor: default; margin-right: auto;}
.selectbox_toggle{transform: rotate(180deg); transition: all 0.5s;}
.selection_result_area{position: relative; width: 100%; height: 120px; background: #F5F5F5;margin-top: 10px;}
.selection_top{display: flex;}
.selection_name{font-weight: bold; margin-left: 20px; max-width: 60%; margin-top:20px}
.selection_bottom{display: flex;}
.option_remove_btn{position: absolute; right: 20px; top: 20px; background: url(https://resource2018.nuskinkorea.co.kr/images/renew/btn_close_pc.png) no-repeat center center;cursor: pointer; display: block; width: 16px; height: 13px;}
.rew18_numbering{background:#fff;}
.add20 .rew18_numbering_wrap{margin-top: 0; position: absolute; left: 20px; bottom: 20px;}
.total_option_price{position: absolute;right: 22px; bottom:30px;font-weight: bold;font-size: 16px;}
.package_area{margin-top: 10px;}
.package_option{width: 100%; background: #f7f7f7;padding: 10px 20px;border: 1px solid rgb(231, 231, 231);}
.package_name{font-weight: bold; margin-bottom: 10px;}
.package_totalprice{padding:10px 20px;}
.add20 .rew18_payment_list__infor{padding: 20px;}
.rew18_product_container .package_option{float: right;width: 90%;margin: 0 0 0 20px;}
.rew18_product_container{clear: both;}
.package_incart{border: 1px solid rgb(231, 230, 230); margin: 0 20px 26px 20px; padding-bottom: 0;}
.package_incart_item:first-child{border-top: none; padding-top: 30px;}
.package_cart_item{margin:0 10px !important; border-top: 1px solid  rgb(221, 221, 221); padding-top: 35px;}

#vrIframePopup{top: 65px;}

.rew18_popContainer h2 button.rew18_prev_btn, .rew18_popContainer .rew18_inner_frame button.rew18_prev_btn { position: absolute; width: 24px; height: 24px; left: 20px; top: 25px; background: url("https://resource2018.nuskinkorea.co.kr/images/renew/arrow_page_pre.png") no-repeat center center;}
.rew18_popContainer h2 button.rew18_prev_btn span { font-size: 0; line-height: 0; text-indent: -99999px; color: transparent; }

@media only screen and (max-width: 769px){
    .basket_replace{background: #fff; z-index: 1000;}
    .gallery-top{margin-top: 0;}
    .add20_popcontainer .selection_result_area{height: 140px;}
    .add20_popcontainer .add20_pop .option_list_area{position: absolute; width: 100%; margin:0 auto;  padding: 0 15px; top:120px;}
    .pdt_opt_detail{display: none;}
    .option_name, .option_price{font-size: 12px;}
    .option_title_area_mb{padding:20px;}
    .add20_option_area .option_btn {margin: 0;}
    .add20_option_area{padding: 0 20px;}
    .option_list{max-width: none;}
    .add20_option_area .option_btn{max-width: none; width: 100%;}
    .bar_btn_block{width: 100%; height: 20px; background:#fff;}
    .select_box_mb_area{ display: none; max-height: 400px; overflow-y: auto; }
    .select_box_mb_area .option_list_area{position: relative; top: 0;}
    .select_box_mb_area .result_wapper{overflow-y: auto; max-height: 160px;}
    .bar_open_btn{position: absolute; top:-20px; left: 50%;width: 60px; height: 20px; border: 1px solid #b1b1b1 ;margin: 0 auto;  margin-left: -30px; background: #fff;border-bottom: none; cursor: pointer; text-align: center;}
    .bar_open_btn img{width: 25%; margin-top: 8px;}
    /*.option_info{color: #555; font-weight: bold; padding-bottom: 10px;}*/
    .bar_wrapper{display: none;}
    .pop_sum{padding: 10px 0; text-align: center;}
    .popsum_left, .popsum_right{display: inline;width: 50%;}
    .package_cart_item{padding-top:25px;}

    #vrIframePopup{top: 0;}
    .rew18_popContainer h2 button.rew18_prev_btn, .rew18_popContainer .rew18_inner_frame button.rew18_prev_btn { position: absolute; width: 18px; height: 18px; left: 12px; top: 16px; background: url("https://resource2018.nuskinkorea.co.kr/images/renew/arrow_page_pre.png") no-repeat center center;}
    .rew18_popContainer h2 button.rew18_prev_btn span { font-size: 0; line-height: 0; text-indent: -99999px; color: transparent; }
}