@charset "utf-8"; /*********************** 상품상세 *************************/ /*상품사진 확대 레이어(제이쿼리 관련 css)*/ .xzoom{box-shadow: none;} .xzoom-preview{box-shadow: none; border-color: #ccc;} .xzoom-preview img{width: 1200px !important; height: 1200px !important;} /* 단일상품 옵션 한줄일 경우 */ .select_box2.one_option ul li{padding: 25px 15px;} .select_box2.one_option ul li.on{background: url(../../images/choice.png) no-repeat right 20px top 23px;} .select_box2.one_option ul li .border, .select_box2.one_option ul li .stock{margin-left: 16px;} .select_box2.one_option ul li .stock{font-size:12px;} .select_box2.one_option ul li .stock.red{color:#e62642;} /*레이아웃*/ .goods_upper{margin-top: 42px;} .goods_upper .left{float: left; width: 480px;} .goods_upper .left .show{border: 1px solid #eee; position: relative;} .goods_upper .left .show .pic{} .goods_upper .left .show .pic img{width: 478px; height: 478px;} .cast_box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer} .cast_box .dim_box{} .cast_box .play{position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px;} .cast_box .mute{position: absolute; left: 19px; bottom: 19px;} .cast_box .expand{position: absolute; left: 64px; bottom: 19px;} .vid_wrap{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; z-index: 5;} .vid_wrap .vid_cont .vid video { width: 100%; height:auto; position:relative; top:50%; margin-top:-132.5px;} /* 2020-11-26 추가 */ .goods_upper .left .show .like40{position: absolute; right: 19px; bottom: 19px; z-index: 1;} .goods_upper .left .thumb{margin-top: 12px; position: relative;} .goods_upper .left .thumb .thumb_wrap{width: 448px; margin-left: 16px; text-align: center;} .goods_upper .left .thumb .thumb_wrap .bx-wrapper{display: inline-block;} .goods_upper .left .thumb ul{} .goods_upper .left .thumb ul li{border: 1px solid #eee; width: 80px !important; height: 80px;} .goods_upper .left .thumb ul li.on{border-color: #444;} .goods_upper .left .thumb ul li img{width: 78px; height: 78px;} .goods_upper .left .thumb ul li .play_box{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../../images/play.png) no-repeat 50% 50% rgba(0,0,0,0.4);} .goods_upper .left .thumb .btn1{position: absolute; left: 1px; top: 33px;} .goods_upper .left .thumb .btn2{position: absolute; right: 1px; top: 33px;} .goods_upper .left .bnr{margin-top: 20px;} .goods_upper .left .bnr.thumb_detail_pgm.fix{position:fixed;left:50px;bottom:261px;width:411px;height:51px;z-index:3;} .goods_upper .left .bnr img{width:100%;} /* 상품상세 쿠폰 다운로드 버튼 추가 - s */ .goods_upper .left .coupon_box{margin:20px 0;} .goods_upper .left .coupon_box .down_coupon{display:block;overflow:hidden;height:50px;padding:9px 20px;border:1px solid #fb8132;border-radius:3px;text-align:left;background:#fffdfb;} .goods_upper .left .coupon_box .down_coupon .txt01{display:inline-block;vertical-align:top;font-size:17px;line-height:30px;color:#fb8132;} .goods_upper .left .coupon_box .down_coupon .txt01 em{vertical-align:top;font-weight:bold;} .goods_upper .left .coupon_box .down_coupon .box01{display:block;float:right;height:30px;padding-left:10px;border:1px solid #fb8132;font-size:14px;font-weight:bold;line-height:28px;color:#fb8132;} .goods_upper .left .coupon_box .down_coupon .box01:after{content:"";display:inline-block;width:30px;height:28px;margin-left:10px;vertical-align:top;background:#fb8132 url(../../images/ico_download.png) no-repeat center center;} .goods_upper .left .coupon_box .down_coupon.deactive{border:1px solid #c3c3c3;color:#c3c3c3;background:#fff;} .goods_upper .left .coupon_box .down_coupon.deactive .txt01{color:#c3c3c3;} .goods_upper .left .coupon_box .down_coupon.deactive .txt01 em{color:#c3c3c3;} .goods_upper .left .coupon_box .down_coupon.deactive .box01{border-color:#c3c3c3;color:#c3c3c3;} .goods_upper .left .coupon_box .down_coupon.deactive .box01:after{background:#c3c3c3 url(../../images/ico_download.png) no-repeat center center;} /* 상품상세 쿠폰 다운로드 버튼 추가 - e */ .goods_upper .right{float: right; width: 720px;} .goods_upper .right .right_cont{min-height: 480px; padding-bottom: 30px;} .goods_upper .right .right_cont .cont_cate { margin-bottom: 10px; } /* 220708_10044 */ .goods_upper .right .right_cont .cont_cate .l_part{float: left;} .goods_upper .right .right_cont .cont_cate .l_part p{float: left;} .goods_upper .right .right_cont .cont_cate .l_part .cate{font-size: 18px; color: #e62642;} .goods_upper .right .right_cont .cont_cate .l_part .cate span{float: left;margin-right:5px;} .goods_upper .right .right_cont .cont_cate .l_part .cate span.today_sale { color: #ff8400; } /* 220708_10044 */ .goods_upper .right .right_cont .cont_cate .l_part .cate img{float: left; margin-top: 2px; margin-left: 1px;} .goods_upper .right .right_cont .cont_cate .l_part .on_air{margin-left: 10px; margin-top: -5px;} .goods_upper .right .right_cont .cont_cate .l_part .on_air .time{width: auto; padding-left: 33px;} /* 220126_8531 수정 */ .goods_upper .right .right_cont .cont_cate .l_part .note{margin-left: 10px; font-size: 18px;} /* 220126_8531 추가 */ .goods_upper .right .right_cont .cont_cate .l_part .on_air.soon .tit {background-color: #666; color: #fff;} /* // 220126_8531 추가 */ .goods_upper .right .right_cont .cont_cate .r_part{float: right;} /* 220708_10044 */ .goods_upper .right .right_cont .cont_cate .r_part span{font-size: 16px;} .goods_upper .right .right_cont .cont_tit{border-top: 1px solid #e5e5e5; margin-top: 4px; padding-bottom: 20px;} .goods_upper .right .right_cont .cont_tit .upper{} .goods_upper .right .right_cont .cont_tit .upper .l_part{width: 500px; font-size: 24px; padding-top: 22px; line-height: 35px; float: left;} .goods_upper .right .right_cont .cont_tit .upper .r_part{float: right; margin-top: 30px;} .goods_upper .right .right_cont .cont_tit .upper .r_part a{float: left; margin-left: 4px;} .goods_upper .right .right_cont .cont_tit .lower{position: relative; margin-top: 10px; display: inline-block;} .goods_upper .right .right_cont .cont_tit .lower .l_part{float: left; font-family: Nanum_Square_B, 'Nanum_Square_B', 나눔스퀘어 Bold, '나눔스퀘어 Bold', 나눔스퀘어 굵게, '나눔스퀘어 굵게', NanumBarunGothic, 'Nanum_BarunGothic', Nanum_BarunGothic, NanumGothic, "나눔고딕", 'Nanum Gothic', Nanum Gothic, dotum,'돋움',gulim,'굴림', Tahoma, sans-serif; font-weight: bold; letter-spacing:-1px;} .goods_upper .right .right_cont .cont_tit .lower .l_part p{float: left;} .goods_upper .right .right_cont .cont_tit .lower .l_part .sale{font-size: 36px; font-weight: bold; color: #e62642; margin-right: 22px;} .goods_upper .right .right_cont .cont_tit .lower .l_part .price{font-size: 30px; color: #222;margin-right: 9px;} .goods_upper .right .right_cont .cont_tit .lower .l_part .price strong{font-size: 36px;letter-spacing: -1px;} /* 250714_19751 letter-spacing 수정 -3px 에서 -1px 수정 */ .goods_upper .right .right_cont .cont_tit .lower .l_part .origin{/*min-width:110px;*/font-size: 18px; color: #888; text-decoration:line-through; margin-top: 15px; position: relative;text-align:center;margin-left:12px;} .goods_upper .right .right_cont .cont_tit .lower .l_part .origin span{color: #e62642; font-size: 12px; position: absolute; width: 110px; text-align: center; top: -15px; left: 50%; margin-left: -55px;font-family:'Nanum_BarunGothic';} .goods_upper .right .right_cont .cont_tit .lower .l_part .q_mark{margin-left: 8px; margin-top: 15px; cursor: pointer; width: 18px; height: 18px;} /* 상품상세 쿠폰 다운로드 버튼 추가 - s 2020-12-08 수정 */ .goods_upper .right .right_cont .cont_rev.type_coupon { padding:16.5px 0;} .goods_upper .right .right_cont .txt_coupon { float:left; line-height:28px; font-size:16px; color:#444; } .goods_upper .right .right_cont .coupon_box02{float:right; } .goods_upper .right .right_cont .coupon_box02 .down_coupon{display:block;height:28px;padding-left:15px;border:1px solid #f37624; border-radius:2px; text-align:left;font-size:14px;font-weight:bold;line-height:28px;color:#fb8132;} .goods_upper .right .right_cont .coupon_box02 .down_coupon:after{content:"";display:inline-block;width:27px;height:26px;margin-left:15px;vertical-align:top;background:#fb8132 url(../../images/icon/ico_download_coupon.gif) no-repeat center center;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.deactive{border:1px solid #c3c3c3;color:#c3c3c3;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.deactive:after{background:#c3c3c3 url(../../images/ico_download.png) no-repeat center center;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.end_coupon{ min-width:170px; text-align:center; color:#fff; background:#ccc; border:1px solid #ccc;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.end_coupon:after{float:right; margin-top:-1px; margin-right:-1px; width:28px;height:28px; border-radius:0 2px 2px 0; border:1px solid #b5b5b5; background:#b5b5b5 url(../../images/icon/ico_download_couponE.gif) no-repeat center center;} /* 상품상세 쿠폰 다운로드 버튼 추가 - e 2020-12-08 수정 */ /* 210827_7224 추가 24타임딜 안내 팝업 */ .pop_info_timedeal {} .pop_info_timedeal .table_type.row_type {margin-bottom: 16px} .pop_info_timedeal .table_type.row_type table {} .pop_info_timedeal .table_type.row_type table tr {} .pop_info_timedeal .table_type.row_type table tr th {padding: 15px 20px; text-align: left;} .pop_info_timedeal .table_type.row_type table tr td {padding: 15px 20px 15px 10px; line-height: 1.4;} .pop_info_timedeal .info {margin-left:-18px; margin-right: -18px; padding: 20px 38px; background-color: #f5f5f5;} .pop_info_timedeal .btn_area {margin-top: 16px; text-align: center;} .pop_info_timedeal .btn_area .btn48 {width: 160px;} /* // 210827_7224 추가 24타임딜 안내 팝업 */ /* 상품상세 쿠폰 다운로드 버튼 추가 - s 2020-12-08 수정 */ .goods_upper .right .right_cont .cont_rev.type_coupon { padding:16.5px 0;} .goods_upper .right .right_cont .txt_coupon { float:left; line-height:28px; font-size:16px; color:#444; } .goods_upper .right .right_cont .coupon_box02{float:right; } .goods_upper .right .right_cont .coupon_box02 .down_coupon{overflow: hidden; position: relative; display:block; width: 190px; height:28px;padding: 0 32px 0 5px;border:1px solid #f37624; border-radius:2px; text-align:center;font-size:14px;font-weight:bold;line-height:28px;color:#fb8132;}/* 2021-02-22 수정 */ .goods_upper .right .right_cont .coupon_box02 .down_coupon:after{content:"";position: absolute; top: 0; right: 0; width:27px;height:26px;vertical-align:top;background:#fb8132 url(../../images/icon/ico_download_coupon.gif) no-repeat center center;}/* 2021-02-22 수정 */ .goods_upper .right .right_cont .coupon_box02 .down_coupon.deactive{border:1px solid #c3c3c3;color:#c3c3c3;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.deactive:after{background:#c3c3c3 url(../../images/ico_download.png) no-repeat center center;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.end_coupon{ min-width:170px; text-align:center; color:#fff; background:#ccc; border:1px solid #ccc;} .goods_upper .right .right_cont .coupon_box02 .down_coupon.end_coupon:after{float:right; margin-top:-1px; margin-right:-1px; width:28px;height:28px; border-radius:0 2px 2px 0; border:1px solid #b5b5b5; background:#b5b5b5 url(../../images/icon/ico_download_couponE.gif) no-repeat center center;} /* 상품상세 쿠폰 다운로드 버튼 추가 - e 2020-12-08 수정 */ /* 210712_6753 추가 */ .goods_upper .right .right_cont .cont_benefit ul li .today_deli {margin-top: 6px;margin-bottom: 4px;margin-left: 26px;padding: 16px 8px 16px;background-color: #f5f5f5;} .goods_upper .right .right_cont .cont_benefit ul li .today_deli .desc {margin-right: 14px; font-size: 14px; color: #000} .goods_upper .right .right_cont .cont_benefit ul li .today_deli .address {color: #444} .goods_upper .right .right_cont .cont_benefit ul li .today_deli .txt span {position: relative; color: #333; font-weight: bold; vertical-align: baseline;} .goods_upper .right .right_cont .cont_benefit ul li .today_deli a {display: inline-block; width: 100px; margin-left: 10px; font-size: 14px;} /* 210712_6753 추가 */ /* 상단 상품 선택영역 */ .goods_upper .select_box2 ul li{height:auto;} .goods_upper .select_box2 ul li.on{background:url(../../images/choice.png) no-repeat right 20px top 16px;} .goods_upper .select_box2 ul li .name{height:auto;padding-right:60px;} .goods_upper .select_box2 ul li .alarm{top:50%;margin-top:-14px;} /* 하단 상품 선택영역 */ .goods_detail .select_box2 ul li{height:auto} .goods_detail .select_box2 ul li.on{background:url(../../images/choice.png) no-repeat right 20px top 16px;} .goods_detail .select_box2 ul li .name{height:auto;font-size:14px;padding-right:60px;} .goods_detail .select_box2 ul li .lower .price{font-size:14px;} .goods_detail .select_box2 ul li .alarm{top:50%;margin-top:-14px;} .goods_detail .choice_cont article .upper_cont .name{font-size:14px;line-height:18px;} /* 딜상품 상품선택영역 */ .goods_upper .select_box1 ul{max-height:auto;} .goods_upper .select_box1 ul li{min-height:80px;height:auto;} .goods_upper .select_box1 ul li .left_area{top:0px;} .goods_upper .select_box1 ul li .right_area .name{height:auto;} .goods_upper .select_box1 ul li .right_area .price{margin:10px 0;} .goods_detail .select_box1 ul li{min-height:80px;height:auto;} .goods_detail .select_box1 ul li.on{background:url(../../images/choice.png) no-repeat right 20px top 16px;} .goods_detail .select_box1 ul li .name{height:auto;font-size:14px;padding-right:0;} .goods_detail .select_box1 ul li .right_area .price{font-size:14px;margin:5px 0;} .goods_detail .select_box1 ul li .alarm{top:50%;margin-top:-14px;} /* 하단 상품 선택영역 */ .pop_detail .select_box2 ul li{height:auto} .pop_detail .select_box2 ul li.on{background:url(../../images/choice.png) no-repeat right 20px top 16px;} .pop_detail .select_box2 ul li .name{height:auto;font-size:14px;padding-right:60px;} .pop_detail .select_box2 ul li .lower .price{font-size:14px;} .pop_detail .select_box2 ul li .alarm{top:50%;margin-top:-14px;} .pop_detail .choice_cont article .upper_cont .name{font-size:14px;line-height:18px;} .pop_detail .select_box1 ul li{min-height:80px;height:auto;} .pop_detail .select_box1 ul li.on{background:url(../../images/choice.png) no-repeat right 20px top 16px;} .pop_detail .select_box1 ul li .name{height:auto;font-size:14px;padding-right:0px;} .pop_detail .select_box1 ul li .right_area .price{font-size:14px;margin:5px 0;} .pop_detail .select_box1 ul li .alarm{top:50%;margin-top:-14px;} .pop_list{width: 320px; border: 1px solid #444; position: absolute; background: #fff; right: -313px; top: 24px; z-index: 1; display: none;} /* 20200324 SK pay point 추가 및 수정 - s */ .pop_list.width_320{width:320px !important;} .pop_list .container .info_desc{padding:19px 0; font-size:13px; line-height:22px; color:#888;} /* 20200324 SK pay point 추가 및 수정 - e */ /* 20200722 해외직배송 추가_v1 -s */ .pop_list .container p + .info_dl {margin-top: 10px} .pop_list .container .info_dl dt {font-weight: bold; color: #444;} .pop_list .container .info_dl dd + dt {margin-top: 10px} /* 20200722 해외직배송 추가_v1 -e */ .pop_list > img{position:absolute;left:-12px;top:-10px;} .pop_list .header{height: 47px; border-bottom: 1px solid #444;} .pop_list .header .title{float: left; margin-left: 14px; margin-top: 13px; font-size: 18px;} .pop_list .header .x{float: right; margin-right: 16px; margin-top: 16px;} .pop_list .container{padding: 0 19px;} .pop_list .container ul{padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #eee;} .pop_list .container ul:nth-of-type(1){border-top: none;} .pop_list .container .price_line{} .pop_list .container .price_line li{padding-top: 7px;} .pop_list .container .price_line li:nth-of-type(1){padding-top: 0;} .pop_list .container .price_line li.red{color: #e62642;} .pop_list .container .price_line li .tit_area{float: left; font-size: 13px;} .pop_list .container .price_line li .cont_area{float: right; font-size: 13px;} .pop_list .container .price_line li .cont_area strong{font-size: 16px; vertical-align: -2px; margin-right: 0px;} .pop_list .container .discount_line{font-size: 12px; color: #888;} .pop_list .container .discount_line li{margin-top: 8px;} .pop_list .container .discount_line li:nth-of-type(1){margin-top: 0;} .pop_list .container .discount_line li .tit_area{float: left;} .pop_list .container .discount_line li .cont_area{float: right;} .pop_list .container .benefit{} .pop_list .container .benefit li{display: inline-block; margin-right: 15px;} .pop_list .container .benefit li span{font-size: 12px; color: #888; float: left;} .pop_list .container .benefit li img{margin-right: 4px; float: left;} .pop_list .footer{padding: 15px 22px; background: #fafafa; font-size: 12px; color: #888; line-height: 20px;} /* .goods_upper .right .right_cont .cont_tit .lower .r_part{float: right;} .goods_upper .right .right_cont .cont_tit .lower .r_part .btn{margin-top: 5px;} */ .goods_upper .right .right_cont .cont_rev{padding: 20px 0; border-top: 1px solid #e5e5e5;} .goods_upper .right .right_cont .cont_rev .l_part{float: left; margin-top: 4px;} .goods_upper .right .right_cont .cont_rev .l_part p{float: left;} .star.star_percent{height:18px;}/* 마이존 상품평 & 상품상세 상품평 */ .goods_upper .right .right_cont .cont_rev .l_part .txt{margin-left: 18px; font-size: 18px; color: #222; letter-spacing:-1px;} .goods_upper .right .right_cont .cont_rev .l_part .txt span{color: #888;} .goods_upper .right .right_cont .cont_rev .l_part .txt img{margin-left: 5px;} .goods_upper .right .right_cont .cont_rev .r_part{float: right;} .goods_upper .right .right_cont .cont_rev .r_part .btn{width:auto;padding:0 10px;font-size:14px;} .goods_upper .right .right_cont .cont_rev .r_part .btn img{margin: 0 4px; vertical-align: middle;} .goods_upper .right .right_cont .cont_rev .r_part .btn b{} .goods_upper .right .right_cont .cont_benefit{position:relative;padding-top:20px;border-top:1px solid #e5e5e5} /* 2019-11-25 묶음배송 상품 안내 추가 */ .goods_upper .right .right_cont .cont_benefit{padding-top: 20px; border-top: 1px solid #e5e5e5;} .goods_upper .right .right_cont .cont_benefit ul{} .goods_upper .right .right_cont .cont_benefit ul li{} .goods_upper .right .right_cont .cont_benefit ul li.area_bt{margin-bottom: 10px;} .goods_upper .right .right_cont .cont_benefit ul li .ico{vertical-align: middle; width: 22px;} .goods_upper .right .right_cont .cont_benefit ul li .cont{line-height: 26px; font-size: 14px; letter-spacing:-1px;} .goods_upper .right .right_cont .cont_benefit ul li .cont.gray{color: #f47725;} .goods_upper .right .right_cont .cont_benefit ul li .cont span{margin: 0 8px; color: #ccc;} .goods_upper .right .right_cont .cont_benefit ul li .cont .group_tooltip{margin:0 3px 0 6px} /* 2019-11-25 묶음배송 상품 안내 추가 */ .goods_upper .right .right_cont .cont_benefit ul li .cont .group_tooltip .pop_list{width:240px} /* 2019-11-25 묶음배송 상품 안내 추가 */ /* 2019-11-25 묶음배송 상품 안내 추가 - s */ .goods_upper .right .right_cont .cont_benefit .link_benefit{position:absolute;top:17px;right:0;min-width:144px;min-height:28px;padding:6px 17px 4px;border:1px solid #ccc;box-sizing:border-box;text-align:center} .goods_upper .right .right_cont .cont_benefit .link_benefit .img_local{margin:0 4px} .group_tooltip{display:inline-block;position:relative;margin-left:6px;vertical-align:-5px} .group_tooltip .btn_tooltip{display:block;position:relative;z-index:2;width:18px;height:18px;background:url(../../images/q_mark18.png)} .group_tooltip:hover .btn_tooltip, .group_tooltip:focus .btn_tooltip{z-index:20;background-image:url(../../images/q_mark18_on.png)}/*20200602 ok캐쉬백 영역 툴팁수정*/ .group_tooltip:hover .btn_tooltip + .pop_list, .group_tooltip:focus .btn_tooltip + .pop_list{display:block;z-index:10}/*20200602 ok캐쉬백 영역 툴팁수정*/ /* .group_tooltip .pop_list .title{color:#888} */ .group_tooltip .pop_list{top:50%;right:auto;left:100%;margin-left:-7px;line-height:1.15} .group_tooltip .container .info_desc a {color: #444; text-decoration: underline;}/*20200602 ok캐쉬백 영역 툴팁 스타일 추가*/ /* 2019-11-25 묶음배송 상품 안내 추가 - e */ .goods_upper .right .right_cont .cont_select{margin-top: 22px;font-size: 16px;} .goods_upper .right .right_cont .cont_select .upper_select{} .goods_upper .right .right_cont .cont_select .lower_select{margin-top: 8px;} .goods_upper .right .right_cont .cont_r_txt{margin-top: 20px; text-align: right; font-size: 14px; color: #888; position: relative;padding-right:20px;} .goods_upper .right .right_cont .cont_r_txt .det_pop_onoff4{vertical-align: middle; margin-bottom: 2px; margin-left: 4px; width: 18px; height: 18px; background: url(../../images/q_mark18.png);} .goods_upper .right .right_cont .cont_r_txt .det_pop_onoff4.on{background-image: url(../../images/q_mark18_on.png);} .pop_list.shipping_info{display: none; left: auto; right: 0; top: 22px;} .goods_upper .right .right_cont .cont_choice{margin-top: -5px;} .goods_upper .right .right_cont .choice_cont{border: 1px solid #eee; height: auto;} .goods_upper .right .right_cont .cont_notice{margin-top: 57px; font-size: 16px; text-align: center;} .goods_upper .right .right_cont .cont_total.total_con{padding:0 20px;} .goods_upper .right .right_btns{float: right; width: 720px;} .goods_upper .right .right_btns article{} .goods_upper .right .right_btns article .l_area{float: left;} .goods_upper .right .right_btns article .l_area a{float: left; width: 121px; border-left: none;} .goods_upper .right .right_btns article .l_area a:nth-of-type(1){border-left: 1px solid #ccc;} .goods_upper .right .right_btns article .r_area{float: right;} .goods_upper .right .right_btns article .r_area a{float: left;} .goods_upper .right .right_btns article .r_area.long{width: 589px;} .goods_upper .right .right_btns article .r_area.long100{width: 100%;} .goods_upper .right .right_btns article .r_area.long a{font-size: 18px;} .goods_upper .right .right_btns article .r_area.short{width: 470px;} .goods_upper .right .right_btns article .r_area.short a{font-size: 18px;} .slide_boxes{margin-top: 60px;} .slide_boxes article{width: 630px; height: 339px; border: 1px solid #eee; float: left;} .slide_boxes article:last-of-type{border-left: none;} .slide_boxes article .tit{padding-top: 37px; font-size: 18px; margin-left: 59px;} .slide_boxes article .slide{padding-top: 18px; width: 520px; margin: 0 auto; position: relative;} .slide_boxes article .slide ul{} .slide_boxes article .slide ul li{} .slide_boxes article .slide ul li div{width:160px;float:left;margin-right:20px;} .slide_boxes article .slide ul li div:nth-of-type(3n){margin-right:0px;} .slide_boxes article .slide ul li a{} .slide_boxes article .slide ul li a img{border: 1px solid #eee; width: 160px; height: 160px;} .slide_boxes article .slide ul li a .name{margin-top: 10px; height: 32px; font-size: 14px; overflow:hidden;width:100%;} .slide_boxes article .slide ul li a .price{color: #222; font-size: 14px; margin-top:8px;} .slide_boxes article .slide ul li a .price span{font-size: 16px;letter-spacing:-1px;} .slide_boxes article .slide ul li a .price .sale {font-size:11px;text-decoration:line-through;color:#888;margin-left:5px;font-weight:normal;} .slide_boxes article .slide > span{position: absolute; top: 90px; left: -31px;} .slide_boxes article .slide > span:nth-of-type(2){left: auto; right: -32px;} .slide_1260{position: relative;} .slide_1260 .btn{position: absolute; top: 53px; left: 31px;} .slide_1260 .btn:nth-of-type(2){left: auto; right: 28px;} .goods_detail{margin-top: 56px; margin-bottom: 100px;} .goods_detail .r_cont_wrap{float: right; min-height: 1000px;position:relative;} .r_cont{width: 300px; border-top: 1px solid #222; background: #fff;margin-left:-300px;} .r_cont .title{padding-top: 20px; font-size: 18px; line-height: 24px;} .r_cont .select_area{margin-top: 18px;font-size:16px;} .r_cont .select_area .lower_select{margin-top: 8px;} .r_cont .r_txt{text-align: right; margin-top: 10px; font-size: 14px; color: #888;padding:0 20px;} .r_cont .total_con{padding: 0 20px;} .choice_cont{background: #fafafa; height: 400px; padding: 0 20px; overflow-y: auto; margin-top: 20px;} /* .choice_cont.short{height: auto;} */ /* .choice_cont article{height: 141px; border-bottom: 1px solid #eee; padding-top: 16px;} */ .choice_cont article{height: auto; border-bottom: 1px solid #eee; padding: 16px 0;} .choice_cont article.short{height: 109px;} .choice_cont article:last-of-type{border-bottom: none;} .choice_cont article .upper_cont{position: relative; padding-right: 35px;} .choice_cont article .upper_cont .name{line-height: 22px; height: auto;font-size:16px;} .choice_cont article .upper_cont .option{font-size: 14px; color: #666;margin: 7px 0;} .choice_cont article .upper_cont .x_btn{position: absolute; right: 0; top: 0;background:none;} .choice_cont article .lower_cont{margin-top: 15px;} .choice_cont article.short .lower_cont{margin-top: -10px;} .choice_cont article .lower_cont .amount{float: left;} /* 210319 선물하기 추가 */ .choice_cont article .lower_cont .gift_impossible{float: left; position: relative; margin-left: 10px; padding-left: 10px; color: #888; line-height: 30px;} .choice_cont article .lower_cont .gift_impossible::before {content: '*'; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} /* // 210319 선물하기 추가 */ .choice_cont article .lower_cont .price{float: right;text-align:right;}/* 230518_12770 */ .choice_cont article .lower_cont .price.big span{ font-size: 18px; letter-spacing:-1px;} .choice_cont article .lower_cont .price.big .flag_td{display:inline-block;height:19px;margin-right:10px;vertical-align:2px;background: #999;color:#fff;font-size:11px;padding:0 6px;line-height:20px;border-radius: 5px;}/* 230518_12770 */ .choice_cont article .lower_cont .price .flag_td{display:inline-block;height:19px;margin-bottom:5px;vertical-align:2px;background: #999;color:#fff;font-size:11px;padding:0 6px;line-height:20px;border-radius: 5px;}/* 230518_12770 */ .total_con{margin-top: 20px;} .total_con .tit{float: left;font-size:16px;} .total_con .price{float: right;text-align:right;}/* 230518_12770 */ .total_con .price strong{font-size: 24px;letter-spacing:-1px;} .total_con .price .flag_td{display:inline-block;height:19px;margin-right:10px;vertical-align:3px;background: #999;color:#fff;font-size:11px;padding:0 6px;line-height:20px;border-radius: 5px;}/* 230518_12770 */ .pop_detail .right .r_cont form .bottom_area .total_con .price .flag_td{display:inline-block;height:19px;margin-right:0;margin-bottom:5px;vertical-align:3px;background: #999;color:#fff;font-size:11px;padding:0 6px;line-height:20px;border-radius: 5px;}/* 230518_12770 */ .flag_td_wrap{display:block;text-align:right;}/* 230518_12770 */ .bottom_area .total_con .price .flag_td{display:inline-block;height:19px;margin-right:0px;margin-bottom:5px;vertical-align:3px;background: #999;color:#fff;font-size:11px;padding:0 6px;line-height:20px;border-radius: 5px;}/* 230518_12770 */ .goods_detail .r_cont .btns{margin-top: 30px;} .goods_detail .r_cont .btns a{} .goods_detail .r_cont .btns .btn1{} .goods_detail .r_cont .btns .btn2{margin-top: 4px;font-size:18px;} .goods_detail .r_cont .btns .btn3{font-size:18px;} .goods_detail .r_cont form .middle_area.counseling .choice_cont{color:#888;text-align:center;padding-top:20px;} .goods_detail .r_cont form .middle_area.counseling .choice_cont .price{color:#444;} .goods_detail .r_cont form .middle_area .choice_cont .price span{letter-spacing:-1px;} .goods_detail .r_cont form .middle_area .choice_cont .name{height:auto;} .goods_detail .r_cont form .bottom_area.counseling_btn{margin-top:15px;} .goods_detail .r_cont.fix{background: #fff; height: 100%; margin-top: 10px;} /* 231110_14533 position: fixed,top: 0 삭제 */ .goods_detail .r_cont.fix form{height: 100%; position: relative; top: 0;} .goods_detail .r_cont.fix form .top_area{width: 100%;/* position: absolute; */} .goods_detail .r_cont.fix form .middle_area{height: 100%;} /* .goods_detail .r_cont.fix form .middle_area.normal{padding-top: 153px;} .goods_detail .r_cont.fix form .middle_area.one{padding-top: 190px;} 단일옵션일 경우 / .goods_detail .r_cont.fix form .middle_area.long{padding-bottom: 230px;}/*하단 선물하기 버튼이 없는 경우 / .goods_detail .r_cont.fix form .middle_area.no_option{padding-top: 70px;}/*옵션선택 없는 경우 / .goods_detail .r_cont.fix form .middle_area.short1{padding-top: 255px;}/*사은품선택 셀렉트박스 1개가 있는 경우 / .goods_detail .r_cont.fix form .middle_area.short2{padding-top: 310px;}/*사은품선택 셀렉트박스와 사은품옵션선택 셀렉트박스가 있는 경우 / .goods_detail .r_cont.fix form .middle_area.counseling{padding-bottom: 145px;padding-top: 30px;}/*상담신청이 필요한 경우 .goods_detail .r_cont.fix form .middle_area.counseling .choice_cont{color:#888;text-align:center;padding-top:50px;margin-top:40px;}*/ .goods_detail .r_cont.fix form .middle_area .choice_cont{height: 100%;} .goods_detail .r_cont.fix form .middle_area.one .choice_cont{margin-top:30px;} .goods_detail .r_cont.fix form .bottom_area{width: 100%;/* position: absolute; bottom: 0;*/} .goods_detail .r_cont.fix form .bottom_area .btn2, .goods_detail .r_cont.fix form .bottom_area .btn3{font-size:18px;} .goods_detail .r_cont.fix form .bottom_area.counseling_btn .btns{margin-top:25px;} .goods_detail .select_box2 .tit{font-size:16px;} .goods_detail .select_box1 .tit{font-size:16px;} .goods_detail .select_box2 ul li{font-size:16px;} .goods_detail .select_box1 ul li{font-size:16px;} .goods_detail .l_cont_wrap{float: left; width: 940px;} .goods_detail .l_cont_wrap .goods_info{} /* MD 코멘트 영역 수정 - s */ .goods_detail .l_cont_wrap .goods_info .md_note, .pop_detail .md_note {table-layout:fixed; width:100%; margin-top:20px;} /* 210219 수정 */ .goods_detail .l_cont_wrap .goods_info .md_note th, .pop_detail .md_note th {vertical-align:middle; text-align:center; background:#e62642; font-size: 17px; color: #fff; font-weight: normal;} /* 210219 수정 */ .goods_detail .l_cont_wrap .goods_info .md_note td, .pop_detail .md_note td {vertical-align:middle; text-align:left; padding:14px 20px; background:#434159;} /* 210219 수정 */ .goods_detail .l_cont_wrap .goods_info .md_note td p, .pop_detail .md_note p{overflow:hidden; line-height:20px; word-break:break-all; color:#fff;} /* 210219 수정 */ /* MD 코멘트 영역 수정 - e */ .goods_detail .l_cont_wrap .goods_info .bnr1{margin-top: 20px;} .goods_detail .l_cont_wrap .goods_info .bnr2{margin-top: 20px;} /* 딜리셔스 상품상세 배너영역 추가 - s */ .goods_detail .l_cont_wrap .goods_info .bnr3 {margin-top: 20px;} .goods_detail .l_cont_wrap .goods_info .bnr3 a {display:block;} .goods_detail .l_cont_wrap .goods_info .bnr3 img {width:100%; height:auto; vertical-align:top;} /* 딜리셔스 상품상세 배너영역 추가 - e */ .goods_detail .l_cont_wrap .goods_info .info_box1{background: #fafafa; margin-top: 40px; padding: 36px 36px 40px;} .goods_detail .l_cont_wrap .goods_info .info_box1 dl{margin-bottom: 2px;font-size:16px;} .goods_detail .l_cont_wrap .goods_info .info_box1 dl:last-of-type{margin-bottom: 0px;} .goods_detail .l_cont_wrap .goods_info .info_box1 dt{width: 72px; float: left; line-height: 24px; margin-right:6px;} .goods_detail .l_cont_wrap .goods_info .info_box1 dd{width: 790px; float: left; line-height: 24px; color: #888;} .goods_detail .l_cont_wrap .goods_info .info_box1 dd img{width:100%;} /* 딜상품 상세 상품번호 관련 수정 - s */ .goods_detail .l_cont_wrap .goods_info .info_box1 dl.deal dt {width:auto; margin-right:15px;} .goods_detail .l_cont_wrap .goods_info .info_box1 dl.deal dd {width:auto;} /* 딜상품 상세 상품번호 관련 수정 - e */ /* 210202 추가 S */ .goods_detail .l_cont_wrap .goods_info .info_box1 dl.re_dl_size dt {width: 104px;} .goods_detail .l_cont_wrap .goods_info .info_box1 dl.re_dl_size dd {width: 758px;} /* 210202 추가 E */ .cont_gift{margin-top: 20px; background: #fafafa; padding: 36px;} .cont_gift .left_tit{float: left; width: 120px;font-size:16px; padding-top: 1px;} /* 210202 수정 */ .cont_gift .right_area{float: left; width: 590px;} /* 210202 수정 */ .cont_gift .right_area.w700 {width: 700px !important;} /* 210204 추가 */ .cont_gift .right_area dl{margin-top: 15px; padding-top: 11px; border-top: 1px solid #eee;} .cont_gift .right_area dl:nth-of-type(1){border-top: none; margin-top: 0; padding-top: 0;} .cont_gift .right_area dt{font-size: 14px; color: #888; margin-bottom: 3px;} .cont_gift .right_area dd{line-height: 22px;font-size:16px;} .cont_gift .right_area dd.gray{color: #888;} .cont_gift .right_area dd p{padding-left: 20px; background: url(../../images/bg-option-list.gif) no-repeat 7px 6px;} .goods_detail .l_cont_wrap .goods_info .pic1{margin-top: 40px; text-align: center;} .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail{overflow:hidden;position:relative;} .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail img{max-width: 940px; height: auto;} .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail table {max-width:868px; margin:20px auto 0; border:1px solid gray;} .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail table th, .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail table td {border:1px solid gray;} .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail video {max-width: 100%; width: 100%; margin-bottom:40px}/*20200618 상품상세 video 스타일 추가*/ .goods_detail .l_cont_wrap .goods_info .info_tbl{margin-top: 40px;} .goods_detail .l_cont_wrap .goods_info .info_tbl .mark{vertical-align: -6px; margin-right: 4px;} /* 상품상세 표시광고주체 정보 항목 추가 */ .goods_detail .l_cont_wrap .goods_info .info_tbl .basic_tbl{margin-top:15px;} .info_msg{margin-top:13px; font-size:13px; color:#888;} .detail_tooltip{position:relative;} .detail_tooltip .tooltip_area{position:absolute; right:-10px; top:1px; color:#444;} .detail_tooltip .btn_tooltip{display:block; font-size:13px; line-height:15px; color:#444; text-align:center;} .detail_tooltip .btn_tooltip:after{content:""; display:inline-block; vertical-align:middle; margin:-1px 0 0 8px; width:24px; height:24px; background: url(../../images/icon_tooltip_serch.png);} .detail_tooltip .btn_tooltip:hover + .pop_list{display:block; right:0; top:29px;} .detail_tooltip .btn_tooltip:hover:after{background-image:url(../../images/icon_tooltip_serch_on.png)} .pop_detail .detail_tooltip .btn_tooltip:hover + .pop_list{right:0; left: auto;} .pop_detail .detail_tooltip .pop_list .header{height: 47px;} .detail_tooltip .pop_list .info_line{overflow:hidden;} .detail_tooltip .pop_list .info_line .tit_area{float:left; width:20%;} .detail_tooltip .pop_list .info_line .cont_area{float:right; width:80%; text-align:left;} .detail_tooltip .pop_list .info_line .gray_num{color:#888;} /* //상품상세 표시광고주체 정보 항목 추가 */ .goods_review{margin-top: 33px;} .goods_review .score_wrap{text-align: center;} .goods_review .score_wrap p{display: inline-block; vertical-align: middle;} .goods_review .score_wrap .star{text-align: left;} .goods_review .score_wrap .star.star_percent31{height:31px;} .goods_review .score_wrap .score{color: #222; font-size: 24px; font-weight: bold; margin: 0 18px;} .goods_review .score_wrap .txt{font-size: 16px; color: #666;} .goods_review .rev_bbs{margin-top: 40px;} .goods_review .rev_bbs .upper{} .goods_review .rev_bbs .upper .left{float: left;} .goods_review .rev_bbs .upper .left ul{} .goods_review .rev_bbs .upper .left ul li{cursor: pointer; width: 140px; height: 40px; line-height: 40px; display: inline-block; margin-right: 8px; border: 1px solid #ccc; border-radius: 20px; text-align: center;} .goods_review .rev_bbs .upper .left ul li.on{border: 2px solid #e62642; color: #e62642;} .goods_review .rev_bbs .upper .left ul li span{font-size: 12px;} .goods_review .rev_bbs .upper .right{float: right;margin-top:25px;} .goods_review .rev_bbs .list{margin-top: 12px; border-top: 1px solid #222;}/*마우스 오버시 밑줄!*/ .goods_review .rev_bbs .list li{padding: 30px 20px; border-bottom: 1px solid #eee; cursor: pointer;} .goods_review .rev_bbs .list li.empty{height: 174px; text-align: center; padding-top: 77px; color: #888; cursor: auto;} .goods_review .rev_bbs .list li .top{} .goods_review .rev_bbs .list li .top .star_area{float: left;} .goods_review .rev_bbs .list li .top .star_area img{margin-right: 1px;} .goods_review .rev_bbs .list li .top .user_area{float: right; font-size: 12px; color: #888;} .goods_review .rev_bbs .list li .top .user_area .id{float: left; width: 160px; text-align: center;} .goods_review .rev_bbs .list li .top .user_area .date{float: right;} /* 상품상세 상품평 옵션항목 표기 추가 - s */ .goods_review .rev_bbs .list li .top .opt_area {float:left; min-height:22px; padding-left:30px;} .goods_review .rev_bbs .list li .top .opt_area span {vertical-align:top; font-size:13px; line-height:22px; color:#444;} /* 상품상세 상품평 옵션항목 표기 추가 - e */ .goods_review .rev_bbs .list li .txt{width: 650px; max-height: 40px; overflow: hidden; margin-top: 10px; font-size: 14px; color: #888; line-height: 22px;} /* .goods_review .rev_bbs .list li .txt:hover{text-decoration: underline;} */ .goods_review .rev_bbs .list li.on .txt{max-height: 999999px; overflow: auto;} .goods_review .rev_bbs .list li .pic{margin-top: 15px;} .goods_review .rev_bbs .list li .pic article{display: inline-block; margin-right: 5px;} .goods_review .rev_bbs .list li .pic article img{width: 100px; height: 100px;} .goods_review .rev_bbs .list li.on .pic article{display: block; margin-top: 8px;} .goods_review .rev_bbs .list li.on .pic article:first-of-type{margin-top: 0;} .goods_review .rev_bbs .list li.on .pic article img{width: auto; max-width: 800px; height: auto;} /* 상품평 UI 신규 추가 및 개선 */ .star_percent37{display: inline-block; background-image: url("../../images/stars37_gray.png");} /* 상품평 UI 신규 추가 및 개선 > 상품평 */ .goods_review.typeDetail{margin-top:40px;} .goods_review.typeDetail .score_wrap{width:360px; margin:0 auto; text-align:left; color:#222;} .goods_review.typeDetail .score_wrap p{display:block; text-align:left;} .goods_review.typeDetail .score_wrap .score_area p{display:inline-block;} .goods_review.typeDetail .score_wrap .score_area .txt{display:block; font-size:18px; color:#222; padding:8px 0 5px; text-align: center;} .goods_review.typeDetail .score_wrap .score_area{font-size:0; padding-bottom:32px;} .goods_review.typeDetail .score_wrap .score_area .score{font-size:40px; width:140px; padding-right:20px; margin:0; text-align:right;} .goods_review.typeDetail .score_wrap .score_area .star{margin-top:-5px;} .goods_review.typeDetail .score_wrap .premiumMsg{text-align:center;} .goods_review.typeDetail .score_wrap .premiumMsg p{text-align:center;} .goods_review.typeDetail .score_wrap .premiumMsg .mgsTitle{font-size:18px;} .goods_review.typeDetail .score_wrap .premiumMsg .mgsInfo{font-size:16px; margin:11px 0 0;} .goods_review.typeDetail .score_wrap .premiumMsg .mgsInfo strong{font-weight:normal; color:#e62642;} .goods_review.typeDetail .score_wrap .premiumMsg .mgsInfo > span{margin-left:15px;} .goods_review.typeDetail .score_wrap .premiumMsg .mgsInfo > span:first-child{margin-left:0;} .goods_review.typeDetail .score_wrap .premiumMsg .mgsInfoBtn{margin-top:30px;} .goods_review.typeDetail .score_wrap .btnGrayBox{min-width: 290px; padding:0 15px; height:48px; line-height:49px; font-size:16px; color:#444; text-align:center; border:1px solid #ccc;} .goods_review.typeDetail .score_wrap .btnGrayBox .importTxt{color:#e62642;} /* 상품평 UI 신규 추가 및 개선 > 상품평 리스트 */ .goods_review.typeDetail .review_options{padding:0 0 20px; margin:0 -5px;} .goods_review.typeDetail .review_options .review_options_inner{display: table; table-layout: fixed; width: 100%;} .goods_review.typeDetail .review_options .select_option{display:table-cell; padding:0 5px;} .goods_review.typeDetail .review_options select{ max-width:495px; height:48px; line-height:48px; font-size:14px;} .goods_review.typeDetail .select_wrap{margin-left:-5px; margin-right:-5px;} .goods_review.typeDetail .select_wrap .select_inner{display: table; table-layout: fixed; width: 100%;} .goods_review.typeDetail .select_wrap .select_box1{width:auto; max-width:495px;} .goods_review.typeDetail .select_wrap .select_box1 .tit{font-size:14px;} /* 20200309 상품평 UI 신규 추가 및 개선 > 상품평 옵션 -s */ .goods_review.typeDetail .select_wrap .select_box1 ul li{min-height: 0; font-size:0;} .goods_review.typeDetail .select_wrap .select_box1 ul li .left_area{display:inline-block; width:80px; position: static; vertical-align:top;} .goods_review.typeDetail .select_wrap .select_box1 ul li .left_area + .right_area{width:80%; padding:12px 0 0 12px;} .goods_review.typeDetail .select_wrap .select_box1 ul li .right_area{display:inline-block; padding:12px 10px 10px 20px; vertical-align:top;} /* 20200309 상품평 UI 신규 추가 및 개선 > 상품평 옵션 -e */ .goods_review.typeDetail .select_wrap .select_row{display:table-cell; vertical-align:top; padding:0 5px;} .goods_review.typeDetail .select_wrap select{height:48px; line-height:48px; font-size:14px; padding-top:0;} .goods_review.typeDetail .premium_wrap{margin-top:40px; padding-bottom:20px; border-top:1px solid #222; } .goods_review.typeDetail .premium_wrap .premium_img_inner{margin-top:30px; padding:0 27px 30px; border-bottom:1px solid #eee; font-size:0;} .premium_title{padding:23px 0 0; font-size:16px; } .goods_review.typeDetail .premium_wrap .pic article{display: inline-block; position: relative; margin-right: 5px;} .goods_review.typeDetail .premium_wrap .pic article img{width:120px; height:120px;} .goods_review.typeDetail .premium_wrap .pic article .morePic{position:absolute; left:0; top:0; display:block; width:120px; height:120px; background:rgba(210, 104, 130, 0.55); text-align: center; font-size:16px; color:#fff;} .goods_review.typeDetail .premium_wrap .pic article .morePic strong{padding:36px 0 8px; font-size:26px; line-height:28px; display:block;} .goods_review.typeDetail .premium_wrap .pic article .morePic span{padding:0 13px 0 8px; background: url("../../images/img_white_more_arrow.png") no-repeat 100% 2px;} .goods_review.typeDetail .rev_bbs .upper .left ul{font-size:0;} .goods_review.typeDetail .rev_bbs .upper .left ul li{width:210px; height:48px; line-height:48px; vertical-align:top; margin:0; border:1px solid #eee; background:#fafafa; border-radius:0; font-size:16px;} .goods_review.typeDetail .rev_bbs .upper .left ul li:first-child{margin-left:0;} .goods_review.typeDetail .rev_bbs .upper .left ul li.on{line-height:46px; border: 2px solid #222; color:#444; background:#fff;} .goods_review.typeDetail .rev_bbs.typeMsgReview .list li .top .star_area{float:none; padding-bottom:13px;} .goods_review.typeDetail .rev_bbs.typeMsgReview .list li .top .opt_area{float:none; padding-left:0; font-size:13px;} /* 상품평 UI 개선 - 리뷰 이미지 -- s */ .goods_review.typeDetail .rev_bbs .list li{cursor:default;} .goods_review.typeDetail .rev_bbs .list li .txt{margin-top:0; color:#444; width:100%; max-height:none;} .goods_review.typeDetail .rev_bbs .list li .pic img{cursor:pointer;} .goods_review.typeDetail .rev_bbs .list li .pic.on img{width: auto; max-width: 800px; height: auto;} .goods_review.typeDetail .rev_bbs .list li .pic.on article {display: block; margin-top: 8px;} .goods_review.typeDetail .rev_bbs .list li .pic.on article:first-child {margin-top: 0;} /* 상품평 UI 개선 - 리뷰 이미지 -- e */ .goods_review .rev_bbs .list li .top .user_area{font-size:13px;} .goods_review .rev_bbs .list li .top .user_area .id{width:auto;} .goods_review .rev_bbs .list li .top .user_area .id:after{content:'/'; display:inline-block; padding:0 7px;} .goods_review.typeDetail .rev_bbs.typeMsgReview .user_area{font-size:13px; color:#888; margin-top:20px;} .goods_review.typeDetail .rev_bbs.typeMsgReview .user_area .areaDivide{padding:0 5px;} .goods_review.typeDetail .rev_bbs.typeMsgReview .user_area .report{color:#e62642;} .goods_review.typeDetail .rev_bbs.typeMsgReview .user_area .report.disable{color:#888;} .goods_review.typeDetail .rev_bbs.typeMsgReview .help_area{margin-top:25px;} .goods_review.typeDetail .rev_bbs.typeMsgReview .help_area .btn_help{min-width:190px; height:30px; padding:0 15px; font-size:12px; line-height:30px; text-align:left; border:1px solid #ccc;} .goods_review.typeDetail .rev_bbs.typeMsgReview .help_area .btn_help.checked{border:1px solid #444;} .goods_review.typeDetail .rev_bbs.typeMsgReview .help_area .btn_help .help_num{color:#e62642; padding-left:26px; background: url('../../images/icon_help_like.png') no-repeat 6px 4px;} .goods_review.typeDetail .chk_radio li.on{background-image: url('../../images/chk_on.png');} /* 상품평 UI 신규 추가 및 개선 > 프리미엄 상품평 팝업 */ .popup.pop_gallery{width:946px; margin-left:-473px;} .popup.pop_gallery section{min-height:590px; padding:20px 0 30px 37px; position: relative;} .gallery_title{font-size:18px; padding:0 0 15px;} .gallery_title .gallery_num{color: #e62642;} .premium_gallery{overflow:hidden;} .premium_gallery .gallery_viewer{overflow:hidden; width:100%; padding:15px 0 20px;} .premium_gallery .gallery_viewer .review_img_area{float:left; position:relative; width:480px; height:370px; background:#222; text-align:center;} .premium_gallery .gallery_viewer .review_img_area li{position:relative; width:480px; height:370px; } .premium_gallery .gallery_viewer .review_img_area img{position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .premium_gallery .gallery_viewer .review_img_area img{max-width:100%; max-height:100%; height:auto;} .premium_gallery .gallery_viewer .review_img_area .bx-controls a{position: absolute; top:50%; margin-top:-20px; display:block; width:40px; height:40px; font-size:0;} .premium_gallery .gallery_viewer .review_img_area .bx-controls .bx-prev{left:0; background:url('../../images/arr_l40.png') no-repeat 0 0;} .premium_gallery .gallery_viewer .review_img_area .bx-controls .bx-next{right:0; background:url('../../images/arr_r40.png') no-repeat 0 0;} .premium_gallery .gallery_viewer .review_msg_area{float:left; width:390px; padding:0 0 0 20px;} .premium_gallery .gallery_viewer .star_area{padding:20px 0;} .premium_gallery .gallery_viewer .opt_area{font-size:13px;} .premium_gallery .gallery_viewer .txt_area{padding-top:5px; font-size:14px; line-height:22px;} .premium_gallery .gallery_viewer .user_area{padding-top:20px; font-size:13px; color:#888;} .premium_gallery .gallery_viewer .user_area .report{color: #e62642;} .premium_gallery .gallery_viewer .user_area .report.disable{color: #888;} .premium_gallery .gallery_viewer .help_area{margin-top:25px;} .premium_gallery .gallery_viewer .help_area .btn_help{height: 30px; padding: 0 15px; font-size: 12px; line-height: 30px; text-align: left; border: 1px solid #ccc;} /* 250423 min-width제거 */ .premium_gallery .gallery_viewer .help_area .btn_help .help_num{color: #e62642; padding-left: 26px; background: url("../../images/icon_help_like.png") no-repeat 6px 4px;} .premium_gallery .gallery_viewer .help_area .btn_help.checked{border:1px solid #444;} .premium_gallery .gallery_list{overflow:hidden;} .premium_gallery .gallery_list .list_img{overflow:hidden;} .premium_gallery .gallery_list .list_img .list_img_row{overflow:hidden;} .premium_gallery .gallery_list .list_img .list_img_row li{float:left; width:120px; height:120px; margin:0 5px 5px 0;} .premium_gallery .gallery_list .list_img .list_img_row li > a{display:block; width:120px; height:120px; position:relative; overflow:hidden;} .premium_gallery .gallery_list .list_img .list_img_row li.on > a:after{content:''; display:block; position: absolute; left:0; top:0; width:100%; height:100%; border:2px solid #e62642;} .premium_gallery .gallery_list .list_img .list_img_row li img{width:100%; height:100%;} /* //상품평 UI 신규 추가 및 개선 */ .goods_QnA{margin-top: 33px;} .goods_QnA .upper{text-align: right;} .goods_QnA .upper button img{vertical-align: middle; margin-left: 6px;} .qna_list{margin-top: 10px; border-top: 2px solid #222;} .qna_list .empty{height: 174px; text-align: center; padding-top: 77px; color: #888; cursor: auto; border-bottom: 1px solid #eee; line-height: 22px;} .qna_list .ver2{height: 250px;} .qna_list .ver2 .btn48{width: 160px; margin-top: 20px;} .qna_list dl{border-bottom: 1px solid #eee;} .qna_list dl dt{height: 74px; cursor: pointer; font-size: 16px;} .qna_list dl.on dt{} .qna_list dl .left1{float: left; width: 80px; padding-top:28px; text-align: center; color:#888;} /* 문의하기 관련 UI 개선 */ .qna_list dl .left1.complete{color: #444;} .qna_list dl .mid{float: left; padding: 25px 18px; line-height: 22px; width: 580px;} .qna_list dl dt .mid{font-size: 16px;} .qna_list dl.on dt .mid{font-weight: bold; color: #e62642;} .qna_list dl dt .mid img{margin-left: 8px; vertical-align: middle;} .qna_list dl .right1{float: left; width: 145px; text-align: center; line-height: 75px; font-size: 12px; color: #888;} .qna_list dl .right2{float: right; width: 110px; text-align: center; line-height: 75px; font-size: 12px; color: #888;} .qna_list dl dd{background: #fafafa; display: none;} .qna_list dl dd article{border-top: 1px solid #eee;} .qna_list dl dd article .left1{padding-top: 20px;} .qna_list dl dd article .mid{color: #888; font-size: 14px;} .qna_list dl dd article .edit{width: 80px; margin-top: 20px;} /* 문의하기 관련 UI 개선 - s */ .qna_list dl dt .mid strong {padding-right:10px; font-weight:normal;} .qna_list dl dd .mid strong {display:block; margin-top: 1px; text-align: right;} /* 210916_7236 수정 */ .qnaCategory {overflow:hidden;} .qnaCategory .cateSelect {margin-top:15px;} .qnaCategory .guideTxt {margin-top:10px; font-size:12px; line-height:1.3em; color:#888;} .qnaCategory .guideTxt a {padding-right:2px; text-decoration:none; color:#e62642;} /* 문의하기 관련 UI 개선 추가수정 */ .qnaCategory + input.input1 {margin-top:10px;} /* 문의하기 관련 UI 개선 - e */ /* 210524_6249 */ .star_rating { margin-top: 25px; padding: 22px 19px; border: 1px solid #eeeeee; background-color: #fff; } .star_rating .star_rating_tit { display: block; margin-bottom: 17px; font-size: 18px; color: #222; } .star_rating .rate_section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .star_rating .rate_section .question { padding-left: 19px; color: #444; background: url(../../images/chk_on.png) no-repeat 0 5px; } .star_rating .rate_btn_area { margin-top: 30px; text-align: center; } .star_rating .rate_btn_area .btn_red { width: 160px; } .my_shopping_wrap .my_shopping_cont .ask_wrap .ask_list table tr .ask_ico+td .rate_section img { max-width: auto; padding-top: 0; } /* //210524_6249 */ .goods_rule{} .goods_rule .basic_tbl{margin-top: 15px;} .pop_alarm{} /* 221117_11044 */ .pop_alarm .basic_tbl { margin-top: 15px; } .pop_alarm.warehousing .basic_tbl { margin-top: 0; } /* // 221117_11044 */ .pop_alarm .basic_tbl tbody td{padding:12px 12px;}/*20200918 방송알람*/ /* 2019-11-07 앱푸시 설정 개선 수정 *//*padding:12px 16px;*/ .pop_alarm .basic_tbl .goods_area{padding: 10px;} .pop_alarm .basic_tbl .goods_area .pic{float: left;} .pop_alarm .basic_tbl .goods_area .cont{overflow:hidden;padding-left:12px; display: flex; height: 80px;flex-direction: column; justify-content: center;align-items: center;} /* 20201214 css 모두 수정 */ .pop_alarm .basic_tbl .goods_area .cont .group{width: 100%; font-size: 12px; font-weight: bold; color: #e62642;} /* 20201214 width수정 margin-top삭제 */ .pop_alarm .basic_tbl .goods_area .cont .tit{width: 100%; line-height: 19px; font-size: 16px; color: #444;} /* 20201214 width수정 font-size수정 */ .pop_alarm .basic_tbl .goods_area .cont .tit b{margin-right: 4px;} .pop_alarm .basic_tbl .chang_num{float: right; font-size: 12px; margin-right: 20px; padding-right: 18px; margin-top: 6px; background: url(../../images/down5.png) no-repeat right 0 top 50%;} .pop_alarm .basic_tbl .chang_num.on{background-image: url(../../images/up5.png)} /* 221117_11044 */ .pop_alarm .basic_tbl .phone_num { background: #f5f5f5; padding: 20px 19px; } /* // 221117_11044 */ .pop_alarm .basic_tbl .phone_num article{margin-top: 10px;} .pop_alarm .basic_tbl .phone_num article:nth-of-type(1){margin-top: 0;} .pop_alarm .basic_tbl .phone_num article.phone{} .pop_alarm .basic_tbl .phone_num article.phone select{width: 80px; float: left;} .pop_alarm .basic_tbl .phone_num article.phone input{width: 80px; margin-left: 5px; float: left;} .pop_alarm .basic_tbl .phone_num article.phone .btn36{float:right;/* width:120px; */width:30.10471204188%;} /* 2019-11-07 앱푸시 설정 개선 수정 */ /* 221117_11044 */ .pop_alarm .basic_tbl .phone_num article.certification { position: relative; } /* // 221117_11044 */ .pop_alarm .basic_tbl .phone_num article.certification input{width: 250px;} /* 221117_11044 */ .pop_alarm .basic_tbl .phone_num article.certification span { position: absolute; left: 215px; margin-top: 8px; font-size: 12px; color: #e62642; } /* // 221117_11044 */ .pop_alarm .basic_tbl .phone_num article.certification .num_err{color:#e62642;font-size:12px;} .pop_alarm .basic_tbl .phone_num article.certification .btn36{float:right;/* width:120px; */width:30.10471204188%;} /* 2019-11-07 앱푸시 설정 개선 수정 */ .pop_alarm .basic_tbl .phone_num article.notice{} .pop_alarm .basic_tbl .phone_num article.notice .chkbox{color: #222;} .pop_alarm .basic_tbl .phone_num article.notice p{font-size: 13px; color: #888; margin-left: 25px; margin-top: 2px;} /* 221117_11044 */ .pop_alarm .note_box { background: #fafafa; padding: 12px 34px 24px; letter-spacing: -0.5px; } .pop_alarm .note_box .title { margin-bottom: 5px; font-size: 13px; color: #222; } .pop_alarm .note_box .notice12 li { padding-left: 9px; background: url(../../images/dot.png) no-repeat 0 8px; background-color: #fafafa; font-size: 12px; color: #888; line-height: 22px; } .pop_alarm .basic_tbl .radio li { margin-right: 15px; color: #222222 !important; } /* // 221117_11044 */ .pop_alarm .basic_tbl .radio li:last-child {margin-right: 0;} /* 20201214 수정 */ .pop_alarm .basic_tbl .txt_caution{position:relative;margin:5px 0 0 22px;padding-left:7px;font-size:12px;line-height:1.5;color:#888;}/*20200918 방송알람*/ /* 2019-11-07 앱푸시 설정 개선 수정 */ .pop_alarm .basic_tbl .txt_caution:before{position:absolute;top:0;left:0;content:"*";} /* 2019-11-07 앱푸시 설정 개선 수정 */ .pop_alarm .basic_tbl .select_margin {margin: -10px 0; color: #666 !important;;} /* 20201214 추가 */ .pop_alarm .basic_tbl .chkbox_wrap1 {padding: 4px 0 0px 8px; margin: 0 -10px;} /* 20201214 추가 */ .pop_alarm .basic_tbl .chkbox_wrap1 .chkbox {color: #222;} /* 20201214 추가 */ .pop_alarm .basic_tbl .chkbox_wrap1 .chkbox_info_txt1 {margin: 1px 0 -2px 24px; font-size: 12px; letter-spacing: -0.02rem;} /* 20201214 추가 */ /* 20201214 방송알림 안내 추가 */ .note_graybox {margin:16px -20px -30px -20px; padding: 20px 38px 14px; background-color: #f5f5f5;} .note_graybox .title {margin: 0 0 8px 0; font-size: 13px; color: #222222} .note_graybox .note_li {color: #666666; font-size: 12px; line-height: 18px;} .note_graybox .note_li li {position: relative; padding: 2px 0 2px 12px; } .note_graybox .note_li li::before {position: absolute; top: 3px; left:0px; font-size: 22px; content: '·';} .note_graybox .note_li .note_li_red {color: #e62642;} .note_graybox .note_li li .note_li_link {display: initial; border-bottom: 1px solid #919191; padding: 0;} /* //20201214 방송알림 안내 추가 */ .goods_deal{padding-bottom:60px; /*padding-bottom: 100px; width: 680px;*/ margin: 0 auto; background:#fafafa; border:solid 1px #eee;margin-top: 30px;} .goods_deal .goods_deal_info{text-align:center;padding:30px 0;border-bottom:solid 1px #dddddd;margin-bottom:60px;} .goods_deal .goods_deal_info p{font-size:19px;color:#444;margin-top:15px;font-family:'Nanum_Square_R';} .goods_deal .goods_deal_info p b{font-family:'Nanum_Square_B';} .goods_deal article{width: 680px; height: 339px; float: left; padding: 20px 19px; position: relative; margin-left:170px;} .goods_deal article .pic{float: left; border: 1px solid #eee;} .goods_deal article .num_area{position: absolute; left: 360px; top: 20px; border: 2px solid #444; width: 60px; height: 60px; text-align: center; padding-top: 9px; font-weight: bold; background: #fff;} .goods_deal article .num_area .tit{display: block;} .goods_deal article .num_area .num{display: block; font-size: 22px;} .goods_deal article .txt{float: left; margin-left: 41px; width: 300px;height:100%;border-bottom: solid 1px #444;} .goods_deal article .txt .tit{margin-top: 76px; font-size: 18px; line-height: 24px;height: 44px;overflow: hidden;} .goods_deal article .txt .price{margin-top: 10px;} .goods_deal article .txt .price .discount{color: #e62642; font-size: 22px;letter-spacing:-2px;font-family:'Nanum_Square_B';} .goods_deal article .txt .price .total{font-size: 12px; color: #222; margin-left: 5px;} .goods_deal article .txt .price .total strong{font-size: 22px; margin-right: 2px;letter-spacing:-2px;font-family:'Nanum_Square_B';} .goods_deal article .txt .price s{margin-left: 5px; font-size: 11px; color: #888;letter-spacing:-0.5px;} .goods_deal article .dim_box{display: none; position: absolute; left: 0; top: 0; text-align: center; border: 4px solid #e62642; background: rgba(0,0,0,0.4);} .goods_deal article:hover .dim_box{display: block;} .goods_deal article .dim_box span{width: 120px; height: 120px; background: url(../../images/plus24.png) no-repeat 50% 39px #fff; border-radius: 50%; text-align: center; padding-top: 74px; font-size: 16px; cursor: pointer; margin: 110px 4px 0;} .goods_deal article .dim_box .det{} .goods_deal article .dim_box .choice{background-image: url(../../images/chk17.png); background-position: 50% 43px;} .goods_deal article .dim_box .alarm{background-image: url(../../images/alarm22.png); background-position: 50% 40px;} .goods_deal article .dim_box.done{display: block; border: none;} .goods_deal article .dim_box.done:hover{border: 4px solid #e62642;} .goods_deal article .dim_box.done p{width:120px;height:120px;font-size: 22px;color: #fff;border-radius:60px;border:solid 2px #fff;text-align:center;padding-top:37px;position:absolute;left:50%;top:50%;margin:-60px 0 0 -60px;} .goods_deal article .dim_box.done p.deal_none{padding-top:50px;} .goods_deal article .dim_box.done span{display: none;} .goods_deal article .dim_box.done:hover p{display: none;} .goods_deal article .dim_box.done:hover span{display: inline-block;} .goods_deal article.vertical{width: 340px; height: 476px;} .goods_deal article.vertical:nth-of-type(2n){margin-left:0;} .goods_deal article.vertical .num_area{position: absolute; left: 20px; top: 260px;} .goods_deal article.vertical .txt{width: 100%; margin-left: 0; margin-top: 30px; height: 104px;} .goods_deal article.vertical .txt .tit{margin-top: 0;} .goods_deal article.vertical .dim_box span{margin: 153px 4px 0;} .goods_deal article.vertical .dim_box.done p{} .select_wrap{margin-top: 40px; margin-bottom: -20px;} .select_wrap .select_box1{width: 400px;} /* 상품상세 배송/반품/AS */ .goods_rule .note_tit{padding-left:15px;} .goods_rule dl.note_txt{color:#888;line-height:2;padding-top:25px;} .goods_rule dl.note_txt p{color:#444;} /*딜 자세히보기 팝업*/ .pop_detail{display: none; width: 1280px; height: 95%; position: fixed; top: 20px; left: 50%; margin-left: -640px; background: #fff; padding: 0 50px 38px 40px; z-index: 51;} .pop_detail .left{float: left; width: 850px; height: 100%; overflow-y: auto; padding-right: 23px;} .pop_detail .left .header{border-bottom: 1px solid #222; height: 81px; text-align: center;} .pop_detail .left .header .tit{display: inline-block; margin-top: 34px; font-size: 26px; padding-right: 51px; background: url(../../images/arr_down11.png) no-repeat 87px 7px; cursor: pointer;} .pop_detail .left .header .tit.on{background-image: url(../../images/arr_up11.png);} .pop_detail .left .header .select_box1 ul{z-index: 1; top: 18px;} .pop_detail .left .upper{padding-top: 38px; text-align: center;} .pop_detail .left .upper .top{font-size: 18px;} .pop_detail .left .upper .bottom{margin-top: 16px;} .pop_detail .left .upper .bottom .sale{font-size: 26px; font-weight: bold; color: #e62642;} .pop_detail .left .upper .bottom .price{margin-left: 7px; font-size: 16px; color: #222;} .pop_detail .left .upper .bottom .price strong{font-size: 26px;} .pop_detail .left .upper .bottom .origin{margin-left: 8px; font-size: 14px; color: #888; text-decoration:line-through; position: relative;} .pop_detail .left .upper .bottom .origin span{color: #e62642; font-size: 9px; position: absolute; width: 90px; text-align: center; top: -12px; left: 50%; margin-left: -45px;} .pop_detail .left .gray_box{background: #fafafa; border: 1px solid #eee; padding: 30px 44px 35px; margin-top: 30px;} .pop_detail .left .gray_box .l_area{width: 290px; float: left;} .pop_detail .left .gray_box li{} .pop_detail .left .gray_box li .ico{vertical-align: middle; width: 22px;} .pop_detail .left .gray_box li .cont{line-height: 26px; font-size: 14px;padding-left:25px;letter-spacing:-1px;} .pop_detail .left .gray_box li .cont.money{background:url('../../images/icon_money.png') no-repeat;background-position:1px 5px;} .pop_detail .left .gray_box li .cont.delivery{background:url('../../images/icon_car.png') no-repeat;background-position:1px 5px;} .pop_detail .left .gray_box li .cont.coupon{background:url('../../images/icon_percent%20.png') no-repeat;background-position:1px 5px;} .pop_detail .left .gray_box li .cont.sharing{background:url('../../images/icon_card.png') no-repeat;background-position:1px 5px;} .pop_detail .left .gray_box li .cont.gray{color: #888;} .pop_detail .left .gray_box li .cont span{margin: 0 8px; color: #ccc;} .pop_detail .left .gray_box .r_area{width: 100%; float: left; margin-left: 0;} /* 240319_15422 */ .pop_detail .left .pic{margin-top: 20px;} .pop_detail .left .pic img{display: block; margin: 0 auto; max-width: 100%;} .pop_detail .left .basic_tbl{margin-top: 20px;} .pop_detail .left .btn{position: fixed; top: 50%; margin-top: -20px; left: 50%; margin-left: -620px; background: none;} .pop_detail .left .btn.r{margin-left: 0; margin-left: 173px;} .pop_detail .right{} .pop_detail .right .r_cont{width: 300px; position: fixed; top: 20px; left: 50%; margin-left: 290px; background: #fff; height: 95%; border-top: none;} .pop_detail .right .r_cont form{position: relative; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; height: 100%;} /*210426 수정*/ .pop_detail .right .r_cont form .top_area{width: 100%;} /* 210420 수정 */ /*.pop_detail .right .r_cont form .top_area .title{width: 270px; margin-left: 16px;}*/ .pop_detail .right .r_cont form .top_area .select_area{margin-top: 80px;font-size: 16px;} .pop_detail .right .r_cont form .middle_area{/*height: 100%; padding-bottom: 235px;*/ /*padding-top: 179px;*/ margin-top: 20px} /*210426 수정*/ /* .pop_detail .right .r_cont form .middle_area.long{padding-bottom: 230px;}하단 선물하기 버튼이 없는 경우 */ .pop_detail .right .r_cont form .middle_area .choice_cont{margin-top: 0; height: auto; max-height: 273px;} /*210427 수정*/ .pop_detail .right .r_cont form .bottom_area{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 38px; width: 100%; height: 100%; /* position: absolute; bottom: 38px;*/} /*210426 수정*/ .pop_detail .right .r_cont form .bottom_area .btns a{font-size:18px;} .pop_detail .x{position: absolute; right: 20px; top: 23px;} .pop_detail .total_con{margin-bottom:40px;} .pop_detail .cont_gift{border: 1px solid #eee;} /* 딜상품 상세 상품번호 관련 수정 - s */ .pop_detail .info_box1 {padding:30px 36px; margin-top:20px; border:1px solid #eee; background:#fafafa;} .pop_detail .info_box1 dl {overflow:hidden;} .pop_detail .info_box1 dl.deal dt {float:left; margin-right:15px; font-size:16px; color:#444;} .pop_detail .info_box1 dl.deal dd {float:left; font-size:16px; color:#888;} /* 딜상품 상세 상품번호 관련 수정 - e */ .pop_detail .note_tit{padding-left:15px;} .pop_detail dl.note_txt{color:#888;line-height:2;padding-top:25px;} .pop_detail dl.note_txt p{color:#444;} .pop_detail dl.note_txt ul li{margin-top:5px;} /* 제휴팝업 */ /* PC 상품상세 제휴할인 팝업 추가 - s */ .coalition_pop{position:absolute;left:479px;top: 0;border: solid 2px #444;z-index: 10;} /* 높이 고정시 height: 459px; 추가해주세요 */ .coalition_pop_cont{width:400px; padding:50px 0 30px; background:#fff;} .coalition_pop_cont.fullImg {padding:0;} .coalition_pop_cont.fullImg > img {vertical-align:top;} .coalition_pop_cont .pop_cont_tit{padding: 0 43px; text-align:center;} .coalition_pop_cont .pop_cont_tit p:nth-child(1){color: #444;font-size: 33px; line-height:36px;} .coalition_pop_cont .pop_cont_tit p:nth-child(1) span{padding-right:5px; vertical-align:top; line-height:36px; color: #e62642;} .coalition_pop_cont .pop_cont_tit p:nth-child(1) span img {vertical-align: top;} .coalition_pop_cont .pop_cont_tit p:nth-child(2){padding-top:5px; color: #222;font-size: 33px;font-weight: bold;} .coalition_pop_cont .pop_cont_tit p:nth-child(2) span{font-size: 33px;} .coalition_pop_cont .pop_cont_sale{position:relative;margin-top:20px;} .coalition_pop_cont .pop_cont_sale img{width:100%;} .coalition_pop_cont .pop_cont_sale .cont_area{position:absolute;left:90px;top:26px;color: #fff;} .coalition_pop_cont .pop_cont_sale.per .cont_area p:nth-child(1){margin-bottom: 10px; color:#f72544; } .coalition_pop_cont .pop_cont_sale.per .cont_area p:nth-child(1) span:nth-child(1){font-family:Roboto; font-size: 74px;font-weight: bold;margin-right: 9px;} .coalition_pop_cont .pop_cont_sale.per .cont_area p:nth-child(1) span:nth-child(2){font-size: 21px;} .coalition_pop_cont .pop_cont_sale.per .cont_area p:nth-child(1) span:nth-child(2) b{font-size: 40px;} .coalition_pop_cont .pop_cont_sale.per .cont_area p:nth-child(2){text-indent: 3px;font-size: 17px; color:#f72544;} .coalition_pop_cont .pop_cont_sale.won .cont_area{left: 60px;} .coalition_pop_cont .pop_cont_sale.won .cont_area p{text-align:center;color: #e62642;font-size:18px;margin-bottom: 5px;} .coalition_pop_cont .pop_cont_sale.won .cont_area p:nth-child(2) span{font-size:48px;font-weight:bold;} .coalition_pop_cont .pop_cont_sale.won .cont_area p:nth-child(3){font-size:14px;} .coalition_pop_cont > a {display:block; padding:9px 0 0; margin-bottom:15px; text-align:center;} .coalition_pop_cont > p {padding: 0 43px 0 53px; padding-top: 2px;font-size:15px; line-height:21px; color: #888;background:url("../../images/dot.png") no-repeat 40px 10px;} .coalition_pop_cont > p span {font-size:13px; line-height:21px;} .coalition_pop_fot{height:58px;vertical-align:middle;background: #666;padding-top: 21px;} .coalition_pop_fot span{margin-left: 20px;color: #fff;} .coalition_pop_fot button{background: none;float:right;margin-right: 22px;margin-top: 2px;} /* PC 상품상세 제휴할인 팝업 추가 - e */ /* 장바구니 팝업 */ .favorite_lpop_cart{position:fixed;top:50%;left:50%;z-index:2;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:80px;background:rgba(67,65,89,0.85);text-align:center} /* 2019-11-25 묶음배송 상품 안내 수정 */ /* 2020-12-08 상품상세 차세대2차 추가 S */ /* 2020-12-17 */ /* 220614_9834 */ .goods_upper .togg_btn { line-height:22px; } .goods_upper .togg_btn a { display:block; padding:0 18px 0 0; font-size:16px; color:#444; background:url(../../images/icon/ico_arrowDetail.gif) no-repeat right 18px center; } .goods_upper .togg_btn a .card_sale_list { display: block; margin-top: 5px; } .goods_upper .togg_btn a .card_sale_list:first-child { margin-top: 0; } /* // 220614_9834 */ .goods_upper .togg_btn.active a { background:url(../../images/icon/ico_arrowDetail_up.gif) no-repeat right 18px center;} /* 210119 추가 */ .goods_upper .togg_btn a strong{ color:#222; padding-left:8px; } .goods_upper .togg_cont { margin-top:20px; } .goods_upper .card_infos{ padding:20px; background:#fafafa;} .goods_upper .card_infos .card_saleList{ padding-left:5px;} .goods_upper .card_infos .card_saleList li { line-height:1em; font-size:14px; color:#444; margin-bottom:8px; } .goods_upper .card_infos .card_saleList li:last-child{ margin-bottom:0; } .goods_upper .card_infos .card_saleList li strong{color:#222; } .goods_upper .card_infos .card_saleList li .price01 { padding-left:10px;} .goods_upper .card_infos .card_saleList li .price02 { color:#888; font-size:12px; } .goods_upper .card_infos .card_sale_guide { margin-top:20px; line-height:1em; } .goods_upper .card_infos .card_sale_guide dt{ margin-bottom:12px; color:#444; font-size:12px; font-weight:bold; } .goods_upper .card_infos .card_sale_guide dd{ color:#666; font-size:12px; margin-bottom:8px; padding-left:8px; background:url(../../images/icon/ico_detailBlet.gif) no-repeat 0 center; } .goods_upper .card_infos .card_sale_guide dd:last-child{ margin-bottom:0; } .goods_upper .right:after{ content:''; display:block; clear:both; } .detail_banner_list{ clear:both; padding-top:30px; } /* 230304_12328 */ .detail_banner_list .card_sale_link { display: block; padding: 15px 14px 15px 0; border-bottom: 1px solid #eee; background: url(../../images/icon/ico_arrowDetail2.gif) no-repeat right 14px center; font-size: 14px; /* 230323_12157 */ color: #444; line-height: 21px; } .detail_banner_list .card_sale_link:first-child { border-top: 1px solid #eee; } /* // 230304_12328 */ /* 2020-12-08 상품상세 차세대2차 추가 E */ /* 210830_7200 추가 */ /* 211222_7705 */ /* 211227_7705 */ .goods_upper .cardInfo.tworldInfo .togg_btn { padding-left: 27px; background:url(../../images/ico_t_world.png) no-repeat 0 center; } /* //211227_7705 */ /* //211222_7705 */ .goods_upper .card_infos .hyphen_type02 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f3f3f3;} /* // 210830_7200 추가 */ /* 211222_7705 */ .goods_upper .card_infos .hyphen_type02.single_type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* //211222_7705 */ /* 선택불가상품포함 얼럿 210319 추가 */ .popup .except_gift {margin-top: 16px;} .popup .except_gift strong {font-size: 16px; color: #444;} .popup .except_gift .prd_list {margin-top: 6px; padding-bottom: 20px; font-size: 14px; color: #888;} .gift_alert_info {padding: 40px 0; height: 134px; text-align: center; line-height: 28px;} .gift_alert_info p {font-size: 18px; color: #444;} .gift_alert_info p.center {position: relative; top: 50%; transform: translateY(-50%);} .gift_alert_info p.center.twoline {font-size: 16px; line-height: 22px;} .gift_alert_info span {font-size: 14px; color: #888;} /* // 선택불가상품포함 얼럿 210319 추가 */ /* 210901_7224 */ .banner_24time_area > .banner_24time { margin-top: 20px; } .banner_24time_area .notice_24time_area { margin-top: 20px; background: #ffefe9; } /* 220222_8769 */ .banner_24time_area .notice_24time_area .togg_btn, .banner_24time_area .notice_24time_area .togg_btn_fake { text-align: center; border: none; } .banner_24time_area .notice_24time_area .togg_btn a, .banner_24time_area .notice_24time_area .togg_btn_fake a { display: block; padding: 23px 0 26px; } .banner_24time_area .notice_24time_area .togg_btn a span, .banner_24time_area .notice_24time_area .togg_btn_fake a span { padding-right: 35px; font-size: 19px; background: url(../../images/down.png) no-repeat right 0 center; } /* //220222_8769 */ .banner_24time_area .notice_24time_area .togg_btn.active a span { background: url(../../images/up.png) no-repeat right 0 center; } .banner_24time_area .notice_24time_area .togg_cont .notice_list { padding: 0 30px 40px; } .banner_24time_area .notice_24time_area .togg_cont .notice_list li { padding-left: 10px; text-indent: -10px; font-size: 14px; line-height: 26px; } /* //210901_7224 */ /* 210910_7236 추가 */ .popup section .text_area {position: relative; margin-top: 10px; border-radius: 4px; overflow: hidden;} .popup section .text_area textarea {margin-top: 0;} .popup section .text_area .qna_nothing {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 0px; background-color: rgba(0,0,0,.6); text-align: center;} .popup section .text_area .qna_nothing .qna_nothing_txt {font-size: 13px; color: #fff; line-height: 2} .popup section .text_area .qna_nothing > a {width: 160px} /* 210910_7236 추가 */ /* 220106_8215 */ .pop_detail .left .gray_box li .cont.pl0 {padding-left: 0;} /* //220106_8215 */ /* 220317_8935 추가 */ .goods_upper .right .right_cont .cont_rev.cont_flex {display: flex; align-items: center; justify-content: space-between;} .goods_upper .right .right_cont .cont_rev.cont_flex .left_area .txt {font-size: 16px; color: #444;} .goods_upper .right .right_cont .cont_rev.cont_flex .right_area .price strong {font-size: 16px; color: #222} .goods_upper .right .right_cont .cont_rev.cont_flex .right_area .price > a {display: inline-block; width: 18px; height: 18px; margin-top: -2px; margin-left: 2px; background: url(../../images/q_mark18.png); vertical-align: middle;} /* // 220317_8935 추가 */ /* 220520_9098 */ .goods_detail_new .img_pop { position: fixed; top: 50%; left: 50%; z-index: 100; transform: translate(-50%, -50%); } /* // 220520_9098 */ /* 220530_9737 상품 상세 내 모바일라이브 영역 추가 */ .banner_live_area {display: flex; width: 1260px; padding-top: 40px;} .banner_live_area .banner_slide {position:relative; width: 620px; margin-right: 20px;} .banner_live_area .banner_slide .btn{position: absolute; top: 56px; left: 25px;} .banner_live_area .banner_slide .btn:nth-of-type(2){left: auto; right: 25px;} .banner_live_area .banner_slide ul li img {width: 100%; border-radius: 8px;} .banner_live_area .live_slide {position: relative; width: 620px; height: 126px; background: #6b8ac2; border-radius: 8px;} .banner_live_area .live_slide ul li {position: relative; height: 126px; color: #fff;} .banner_live_area .live_slide .text_box {display:block; position:absolute; top: 36px; left: 61px; width: 65%;} .banner_live_area .live_slide .text_box h5 {font-size: 20px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .banner_live_area .live_slide .text_box h5 span {display: inline-block; height: 22px; margin-right: 6px; padding: 0 8px; font-size: 14px; font-weight: normal; text-align: center; line-height: 20px; border: 1px solid #fff; background: rgba(255,255,255,0.1); border-radius: 4px;} .banner_live_area .live_slide .text_box p.text {width: 100%; margin-top: 12px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .banner_live_area .live_slide .img_box {position: absolute; top: 18px; right: 61px;} .banner_live_area .live_slide .img_box img {width: 90px; height: 90px; border-radius: 50%;} .banner_live_area .live_slide .img_box .notify_time {display: none;} .banner_live_area .live_slide .notify .img_box .notify_time {display: block; position: absolute; top: 0; right: 0; width: 90px; height:90px; padding-top: 29px; font-size: 16px; text-align:center; background: rgba(34,34,34,0.3); border-radius: 50%;} .banner_live_area .live_slide .notify .img_box .notify_time span {display: block;} .banner_live_area .live_slide .btn{position: absolute; top: 56px; left: 25px;} .banner_live_area .live_slide .btn:nth-of-type(2){left: auto; right: 25px;} .banner_live_area .live_slide .today_only .text_box h5 span, .banner_live_area .live_slide .today_live .text_box h5 span, .banner_live_area .live_slide .today_ing .text_box h5 span {height: 24px; line-height: 24px; border: 0; background: #394863;} .banner_live_area .live_slide .today_only .text_box h5 span::before {content: ''; display: inline-block; width: 8px; height: 14px; margin-right: 4px; vertical-align: middle; background: url(../../images/icon/icon_today_only.png) no-repeat 0 0;} {height: 24px; line-height: 24px; border: 0; background: #394863;} .banner_live_area .live_slide .today_live .text_box h5 span::before {content: ''; display: inline-block; width: 17px; height: 14px; margin-right: 4px; vertical-align: middle; background: url(../../images/icon/icon_today_live.png) no-repeat 0 0;} .banner_live_area .live_slide .today_ing .text_box h5 span::before {content: ''; display: inline-block; width: 7px; height: 9px; margin-right: 4px; vertical-align: middle; background: url(../../images/icon/icon_today_ing.png) no-repeat 0 0;} /* //220530_9737 상품 상세 내 모바일라이브 영역 추가 */ /* 220628_9968 : 딜페이지 섬네일 하단 배너생성 */ .banner_event-cate {display: flex; width: 1260px; padding-top: 40px;} .banner_event-cate .banner_slide {position:relative; width: 480px; margin-right: 20px;} .banner_event-cate .banner_slide .btn{position: absolute; top: 40px; left: 15px;} .banner_event-cate .banner_slide .btn:nth-of-type(2){left: auto; right: 15px;} .banner_event-cate .banner_slide ul li img {width: 100%; border-radius: 8px;} /* //220628_9968 : 딜페이지 섬네일 하단 배너생성 */ /* 220902_10525 */ .delivery_badge { margin:-2px 0 0 8px; } .hyphen_list > li { display: flex; } .hyphen_list > li > .text { display: inline-block; margin-left: 3px; } /* // 220902_10525 */ /* 20220927_10758 */ .btnCard{ text-decoration: underline; } .popup-dimmed{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display:none; } /* // 20220927_10758 */ /* 220928_10664 */ .new_people_area{ padding: 16.5px 0; border-top: 1px solid #e5e5e5; } .new_people_area .benefit_price{ display:flex; justify-content: space-between; align-content: center; align-items: center; } .new_people_area .benefit_price .more{ border-bottom:solid 1px #e94159; color:#e94159; margin-left:5px; display:block; font-size:13px; position:relative; padding-right:7px; } .new_people_area .benefit_price .more::after{ content: "";display: inline-block;width: 4px;height: 4px;border-right: 1px solid #e62642;border-top: 1px solid #e62642;transform: rotate(45deg);margin-right: 0.5em;position: absolute;top: 5px;right: -7px; } .new_people_area .benefit_price .benefit{ display:flex; align-content: center; align-items: center; } .new_people_area .benefit_price .benefit .title{ font-weight:bold; font-size:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background:#e62642; position:relative; } .new_people_area .benefit_price .benefit .title .tri{ width: 0px; height: 0px; border-bottom: 12px solid #e62642; border-right: 12px solid transparent; border-left: 12px solid transparent; display: inline-block; position: absolute; right: -18px; top: 6px; transform: rotate(90deg); } .new_people_area .benefit_price .benefit .percent{ font-size:21px; color:#e62642; font-weight: bold; margin-right:10px; margin-left:20px; } .new_people_area .benefit_price .benefit .price{ font-size:21px; font-weight: bold; color:#222; } .new_people_area .coupon_area{ margin-top:10px; } .new_people_area .coupon_area .txt{ font-size:13px; color:#797979; padding-left:20px; background: url(../../../assets/images/icon_percent%20.png) no-repeat left top; background-size: 16px; } /* // 220928_10664 */ /* 221117_11044 */ .warehousing.popup { width: 450px; } .warehousing .chkbox { margin-right: 0; margin-left: 20px; } .warehousing .chkbox:first-child { margin-left: 0; } /* // 221117_11044 */ /*221207_11233*/ .slide_boxes.two_slide_boxes article { width: 100%; height: auto; border:none; float: none; position:relative; } .slide_boxes.two_slide_boxes article .tit{ margin-left:0; padding-top:0; margin-bottom: 20px; } .slide_boxes.two_slide_boxes{ padding:42px 56px 34px 56px; border:solid 1px #eee; margin-bottom: 50px; } .slide_boxes.two_slide_boxes li:nth-child(odd){ padding-right:59px; } .slide_boxes.two_slide_boxes li:nth-child(even){ padding-left:59px; border-left:solid 1px #eee; } .slide_boxes.two_slide_boxes a{ display:flex; align-items: center; align-content: center; } .slide_boxes.two_slide_boxes article ul li div{ width:auto; margin-right:0; } .slide_boxes.two_slide_boxes article ul li div.img_box{ border:1px solid #eee; width:160px; margin-right:22px; flex-shrink: 0; } .slide_boxes.two_slide_boxes a .img_box img{ border:none; width:100%; height:100%; } .slide_boxes.two_slide_boxes a .txt_box{ text-align: left; width: 330px; } .slide_boxes.two_slide_boxes a .txt_box .name{ font-size:16px; color:#444; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; display: block; line-height: 1.4; height:45px; } .slide_boxes.two_slide_boxes a .txt_box .name em{ font-weight: bold; } .slide_boxes.two_slide_boxes a .txt_box .price{ margin-top:12px; } .slide_boxes.two_slide_boxes a .txt_box .price span{ margin-left:8px; } .slide_boxes.two_slide_boxes a .txt_box .price span:first-child{ margin-left:0; } .slide_boxes.two_slide_boxes a .txt_box .price .percent{ color:#E51737; font-weight: bold; font-size: 24px; } .slide_boxes.two_slide_boxes a .txt_box .price .atprice{ color:#444; font-weight: bold; font-size: 24px; } .slide_boxes.two_slide_boxes a .txt_box .price .bfprice{ color:#888; text-decoration: line-through; font-size: 14px; } .slide_boxes.two_slide_boxes .swiper{ position:initial; } .slide_boxes.two_slide_boxes .swiper-button-next, .slide_boxes.two_slide_boxes .swiper-container-rtl .swiper-button-prev { top: 105px; right: -31px; left: auto; z-index: 1; width: 9px; height: 15px; margin-top: 0; background-image:url(../../../assets/images/btn_next.png); background-size: contain; } .slide_boxes.two_slide_boxes .swiper-button-prev, .slide_boxes.two_slide_boxes .swiper-container-rtl .swiper-button-next { top: 105px; left: -32px; z-index: 1; width: 9px; height: 15px; margin-top: 0; background-image:url(../../../assets/images/btn_prev.png); background-size: contain; } .slide_boxes.two_slide_boxes .swiper_slide_wrap .swiper_box .swiper .swiper-slide .swiper-pagination, .slide_boxes.two_slide_boxes .swiper-container-horizontal > .swiper-pagination { display: inline-block; top: 7px; right: 19px; bottom: auto; left: auto; z-index: 1; width: auto; font-size: 12px; color: #222; } .slide_boxes.two_slide_boxes .swiper-button-prev.swiper-button-disabled, .slide_boxes.two_slide_boxes .swiper-button-next.swiper-button-disabled { opacity: 1; } /* //221207_11233*/ /* 230116_11365 */ .title_badge.type2 { display: inline-flex; margin:0 6px 0 0; padding: 6px 6px 5px 6px; height: 26px; border: 1px solid #775858; border-radius: 4px; font-size: 13px; color: #603939; line-height: normal; letter-spacing: -0.65px; vertical-align: text-top; align-items: center; justify-content: space-between; box-sizing: border-box; } /* // 230116_11365 */ /*230203_11667*/ .goods_upper .right .right_cont .cont_tit .product_subTxt{ font-size:16px; color:#888; margin-top:15px; margin-bottom: 5px; } .goods_upper .right .right_cont .cont_tit.subTxtplus .upper .l_part{ padding-top:0; } .goods_upper .right .right_cont .cont_tit.subTxtplus .upper .r_part{ margin-top:0; } /* //230203_11667*/ /* 230316_12122 */ .qlt_mrk_img{margin-top:20px;} .qlt_mrk_img img{width:100%;} .pop_detail .qlt_mrk_img img{width:100%;} /* //230316_12122 */ /* cream_230731 추가 */ .banner_live_area .banner_slide ,.banner_live_area .live_slide, .banner_live_area .banner_slide ul li , .banner_live_area .live_slide ul li {height: 101px;} .banner_live_area .banner_slide .btn,.banner_live_area .live_slide .btn {top: calc(50% - 7px);} .banner_live_area .banner_slide ul li a img {position: absolute;left: 0 ;top: 0;object-fit: cover;height: 100%;} .banner_live_area .live_slide .text_box {top: calc(50% - 27px);} .banner_live_area .live_slide .img_box {top: calc(50% - 45px);} .goods_detail .l_cont_wrap .goods_info .goods_info_noti, .goods_detail .l_cont_wrap .goods_info .info_box1, .goods_detail .l_cont_wrap .goods_info .goods_banner_list {width: 650px;margin: 0 auto;} .goods_detail .l_cont_wrap .goods_info .goods_info_noti {margin-top: 20px;} .js_conts.goods_info .goods_banner_list li,.js_conts.goods_info .goods_banner_list li a {position: relative;} .js_conts.goods_info .goods_banner_list img {width: 100%;} .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail img {width: 100%;} /* //cream_230731 추가 */ /***** goode_detail_new.html을 반영이 아닌 goode_detail을 적용해달라고 요청으로 cream_230810 수정 부분들을 삭제하면 goode_detail_new.html 반영이 된다. *****/ /* cream_230810 수정 */ .goods_detail_new .goods_detail {display: block;margin-top: 40px;} .goods_detail_new .goods_detail .l_cont_wrap {float: left;width: 940px;display: block;} .goods_detail_new .goods_detail .l_cont_wrap .goods_info .info_box1 {margin: 20px auto;background-color: #fafafa} .goods_detail .l_cont_wrap .goods_info .info_box1 dl {display: flex;} .goods_detail_new .goods_detail .l_cont_wrap .goods_info .info_box1 dd {float: none;width: auto;flex: 1;} .goods_detail_new .goods_detail .r_cont_wrap {float: right;min-height: 1000px;} .goods_detail .l_cont_wrap .goods_info .goods_banner_list {margin-top: 15px;} .goods_detail_new .r_cont {width: 300px;margin-left: -300px;} .goods_detail_new .choice_cont article .lower_cont {display: block;margin-top: 15px;} .goods_detail_new .choice_cont article .lower_cont .amount {display: block;float: left;border: 0;border-radius: 0;width: auto;height: auto;} .goods_detail_new .r_cont .total_con {display: block;margin-top: 20px;} .goods_detail_new .total_con .tit {float: left;} .goods_detail_new .total_con .price {float: right;} .goods_detail .l_cont_wrap .goods_info .bnr2 {margin-top: 10px;} .goods_detail .l_cont_wrap .goods_info .bnr2 img {vertical-align: top;} /* //cream_230810 수정 */ /* //cream_230810 수정 */ /* cream_230814_13556 */ .detail_delivery_wrap {width: 650px;margin: 0 auto;} .detail_delivery_wrap .box {position: relative;background: #f5f5f5;padding: 22px 40px 20px 104px;margin: 20px 0;} .detail_delivery_wrap .box:after {content: "";position: absolute;left: 40px;top: 20px;width: 48px;height: 48px;background: url(../../images/bg_delivery.svg) no-repeat;} .detail_delivery_wrap .box strong {display:block;margin-bottom: 8px;font-size: 16px;font-weight: bold;letter-spacing: -0.45px;line-height: 22px;color: #222;} .detail_delivery_wrap .box strong .red_color {color: #E62642;} .detail_delivery_wrap .box ul {display: flex;gap: 0 16px;} .detail_delivery_wrap .box ul li {position: relative;color: #444;font-size: 14px;letter-spacing: -0.39px;line-height: 18px;padding: 0 0 0 9px;} .detail_delivery_wrap .box ul li:after {content: "";position: absolute;left: 0;top: 7px;width: 3px;height: 3px;background: #222;border-radius: 100%;} /* //cream_230814_13556 */ /* cream_230904_13823 */ .detail_delivery_wrap .box ul li {font-size: 13px;} .detail_delivery_wrap .box ul.column {flex-flow: column;} .detail_delivery_wrap .box ul.column li + li {margin-top: 4px;} .detail_delivery_wrap .box .txt {margin-bottom: 6px;font-size: 13px;line-height: 22px;} .detail_delivery_wrap .box .txt strong {display: inline;font-size: 13px;} .my_shopping_wrap .my_shopping_cont .detail_delivery_wrap {width:1000px;} .title_badge_area .title_badge.send {position: relative;height: 22px;line-height: 22px;border:1px solid #FFD8D8;background-color: #FEF6F6;color: #E62642;padding: 0 6px 0 33px;} .title_badge_area .title_badge.send:after {content: "";position: absolute;left: 5px;top: 3px;width: 20px;height: 16px;background: url(../../images/icon/ico_truck.png) no-repeat;background-size: cover;} /* // cream_230904_13823 */ /* 231019_14060 */ .goods_upper .right .right_cont .cont_tit .lower.flex_wrap {display: block;} /* 231020 display: inline-block 에서 block수정 */ .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part {float: none;display: flex;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part p {float: none;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_benefits {display: inline-block;float: left;font-size: 17px;font-weight: bold;color: #3617CE;padding-top: 15px;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .q_mark {position: relative} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .pop_list {position: absolute;left: 11px;top: 9px;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon {position: relative;top: 5px;display: inline-block;margin-left: 13px;height: 30px;border-radius: 4px;background-color: #3617CE;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon a {display: block;height: 30px;padding: 0 12px;line-height: 30px;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon span {position: relative;color: #fff;font-size: 13px;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon span:before {content: "";display: inline-block;position: relative;top: 2px;width: 20px;height: 14px;background: url(../../images/ico_coupon.svg) no-repeat;margin-right: 8px;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon span:after {content: "";display: inline-block;position: relative;top: 4px;width: 20px;height: 20px;background: url(../../images/ico_download.svg) no-repeat;margin-left: 8px;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon.complete {background-color: #ccc;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon.complete span:before {background: url(../../images/ico_coupon2.svg) no-repeat;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .skt_sale_coupon.complete span:after {display: none;} .goods_upper .right .right_cont .cont_tit .lower.flex_wrap .l_part .layer_hover .pop_list .header .x {float: none;position: absolute;right: 0;top: 0;z-index: 2;} /* //231019_14060 */ /* 231227_14811 */ .goods_detail .l_cont_wrap .goods_info .bnr2 {width: 650px;margin: 10px auto;} .goods_detail .l_cont_wrap .goods_info .bnr2 img {width: 100%;} /* 240207_15306 */ .vid_wrap .vid_cont .vid {position: relative;} .vid_wrap .vid_cont .vid video {position: absolute;left: 0;top: 0;margin: 0;padding: 0;object-fit: contain;height: inherit;} .vid_wrap .vid_cont .vid:before {content: "";display: block;width: 100%;height: 0;padding-top: 100%;} /* 240312_15570 */ .goods_detail .l_cont_wrap .goods_info .pic1 .pic1_info_detail iframe {width: 100%;height: 500px;} /* 240603_16232 */ .goods_review .rev_bbs .list.no_border {border: none;} .goods_review.typeDetail .premium_wrap {border-top: 1px solid #eee;} /* 241008_17260 */ .slide_boxes.two_slide_boxes .swiper-button-next:after, .slide_boxes.two_slide_boxes .swiper-button-prev:after {display: none;} /* 241104_ */ .h550 {height: 550px;} /* 211115 추가 */ .goods_upper .right .right_cont .coupon_box02 .down_coupon {width: auto;padding: 0 31px 0 4px;} /* 20241118 width값 수정 */ .discCoupon {padding: 20px 0;} .discCoupon .blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;} .discCoupon .discCoupon__item {position: relative;display: flex;align-items: center;min-height: 132px;border: 1px solid #ddd;border-radius: 8px;margin-top: 10px;} .discCoupon .discCoupon__item:after {content: '';display: block;position: absolute;bottom: 0;right: 60px;width: 17px;height: 16px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-radius: 50%;background-color: #fff;transform: translate(50%, 50%) rotate(-40deg);} .discCoupon .discCoupon__item:before {content: '';display: block;position: absolute;top: 0;right: 60px;width: 17px;height: 16px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-radius: 50%;background-color: #fff;transform: translate(50%, -50%) rotate(135deg);} .discCoupon .discCoupon__content {flex: 1;padding: 15px 0 15px 20px;} .discCoupon .discCoupon__content .num {font-size: 18px;color: #E62642;letter-spacing: -0.88px;line-height: 32px;} .discCoupon .discCoupon__content .num strong {font-weight: 900;} .discCoupon .discCoupon__content .txt {font-size: 14px;color: #333;margin-top: 5px;} .discCoupon .discCoupon__download {position: absolute;right: 0;top: 0;min-width: 60px;height: 100%;flex-direction: column;align-items: center;justify-content: center;} .discCoupon .discCoupon__download:after {content:"";position: absolute;left: calc(50% - 9px);top: calc(50% - 10px);width: 18px;height: 20px;background: url(../../images/icon/img_get_coupon_2022_red.png) no-repeat center;background-size: contain;} .discCoupon .discCoupon__download:before {content:"";display: block;position: absolute;top: 50%;left: -1px;width: 1px;height: calc(100% - 36px);background-color: #ddd;transform: translateY(-50%);} .discCoupon .discCoupon__content ul {margin-top: 5px;} .discCoupon .discCoupon__content ul li {position: relative;color: #666;font-size: 13px;letter-spacing: -0.52px;margin-top: 4px;padding: 0 0 0 11px;line-height: 16px;} .discCoupon .discCoupon__content ul li:before {content: "";position: absolute;left: 0;top: 7px;width: 3px;height: 3px;border-radius: 3px;background: #666;} .discCoupon .discCoupon__content .discCoupon__flag {margin-top: 10px;} .discCoupon .discCoupon__content .discCoupon__flag .flag {border: 1px solid #ccc;height: 20px;padding: 0 8px;font-size: 11px;color: #666;border-radius: 100px;line-height: 21px;} .discCoupon .discCoupon__item.completed {background: #f5f5f5;} .discCoupon .discCoupon__item.completed .discCoupon__content .num {color: #666;} .discCoupon .discCoupon__item.completed .discCoupon__download {display: flex;align-items: center;pointer-events: none;} .discCoupon .discCoupon__item.completed .discCoupon__download .txt {position: relative;top: 17px;font-size: 11px;} .discCoupon .discCoupon__item.completed .discCoupon__download:after { background: url(../../images/icon/ico_check_gray.png) no-repeat;background-size: contain;width: 18px;height: 20px;} .discCoupon__item .tooltipContent {display: none;position: absolute;border-radius: 6px;border: 1px solid #DDD;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);width: 256px;padding: 16px 40px 12px 16px;z-index: 2;} .discCoupon__item .tooltipContent.active {display: block;} .discCoupon__item .btnTooltip {position: relative;top: 1px;width: 14px;height: 14px;background: url(../../images/icon/ico_tooltip.svg) no-repeat;margin-left: 4px;background-size: cover;} .discCoupon__item .tooltipContent ul li {position: relative;font-size: 13px;line-height: 18px;letter-spacing: -0.52px;color: #666;margin-bottom: 4px;padding: 0 0 0 9px;} .discCoupon__item .tooltipContent ul li:before {content: "";position: absolute;left: 0;top: 7px;width: 3px;height: 3px;border-radius: 3px;background: #999;} .discCoupon__item .tooltipContent .tooltipClose {position: absolute;right: 12px;top: 15px;width: 20px;height: 20px;background: url(../../images/icon/ico_close_20x20.svg) no-repeat;} /* 20241118 */ .couponExh {display: inline-block;margin: 4px 0;padding: 0 5px;color: #E62642;background: #FFE6EA;height: 20px;font-size: 12px;line-height: 20px;} /* 250213추가 */ .goods_review.typeDetail .rev_bbs .list li .txt span {background-color: #ffe2e2;line-height: 18px;} /* 250421추가 */ .premium_gallery .gallery_list .list_img .list_img_row .number {position: absolute;right: 0;bottom: 0;min-width: 25px;height: 21px;border-radius: 4px 0 0 4px;overflow: hidden;text-align: center;line-height: 21px;padding: 0 3px;} .premium_gallery .gallery_list .list_img .list_img_row .number:after { content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 0;} .premium_gallery .gallery_list .list_img .list_img_row .number em {position: relative;color: #fff;font-size: 13px;font-family: "Roboto";font-weight: 600;z-index: 1;} /* 250806_19939 */ .goods_upper .right .right_cont .cont_tit.borNone {border-top: 0 none;} /* 260408_21950 */ .brand_link_shop {margin: 16px 0 -6px;} .brand_link_shop a {position: relative;color: #666;font-size: 16px;font-weight: 500;padding: 0 15px 0 38px;} .brand_link_shop a::before {content: "";position: absolute;left: 0;top: -8px;width: 32px;height: 32px;border: 1px solid #D9D9D9;border-radius: 100%;background: url(../../images/icon/ico_home.svg) no-repeat center;background-size: 16px;} .brand_link_shop a::after {content: "";position: absolute;right: 0;top: 4px;width: 8px;height: 8px;border-top: 1px solid #999;border-right: 1px solid #999;transform: rotate(45deg);} .brand_link_shop a strong {color: #222;font-weight: 700;} /* 260413 추가 */ .goods_upper .right .right_cont .cont_tit.borNone .brand_link_shop {margin: 16px 0;}