@charset "utf-8"; /* ★★★ 해당파일에 전체 "복붙" 후 css 편집 ★★★ */ /*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ #wrap{position: static;min-width:1200px;max-width:1920px;margin:0 auto;} #container{border-top:none;margin:0;position: relative;} address, em {font-style:normal;} /* clear type */ .clear, .after_div {*zoom:1;} .clear:after, .after_div:after {content:"";display:block;clear:both;} .fl {float:left;} .fr {float:right;} .clear_fl {clear:both;float:left;} /* display type */ .db {display:block;} .dn {display:none;} .di {display:inline-block;} .dt {display:table;} .dr {display:table-row;} .dc {display:table-cell;} /* hidden type */ .blind {width:0;height:0;text-indent:-9999999px} .opacityhidden {opacity:0;} /* position type */ .relative {position:relative;} .absolute {position:absolute;} .dis_table {display:table;table-layout:fixed;margin:0 auto;width:100%;box-sizing:border-box;border-collapse:collapse;} /*** align type ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .va_top {vertical-align:top !important;} .va_middle {vertical-align:middle !important;} .va_bottom {vertical-align:bottom !important;} /* 일반 */ .main_w_custom{width:1720px;margin:0 auto;box-sizing:border-box;} .main_w_custom:after{clear:both;content:"";display: block;} .w_custom{width:1280px;margin:0 auto;box-sizing:border-box;} @media only screen and (max-width:1800px) { .main_w_custom{width:100%;padding:0 30px;} } /*─────────────────────────────────────────────────────────── 상단 outline/header ───────────────────────────────────────────────────────────*/ #header_warp{background:#fff;position:sticky;z-index:15;top:0;transition:all 0.5s;} #header .top_bnr{position: relative;width:100%;height:35px;background:#eee9e5;text-align: center;opacity:1;overflow:visible;transition:all 0.5s;} #header .top_bnr.hide{opacity:0;height:0;overflow:hidden;transition:all 0.5s;} #header .top_bnr p{font-size:14px;color:#130e0e;font-weight:400;letter-spacing:-0.28px;line-height:35px;} #header .top_bnr p em{font-size:inherit;color:inherit;font-weight:500;} #header .top_bnr p span{display: inline-block;width:1px;height:12px;vertical-align: middle;background:#aaa;margin:0 14px;} #header .top_bnr .btn_close{display: inline-block;font-size:0;position: absolute;width:12px;height:12px;background:url('../images/yzZJAChkvsxH.png')no-repeat center;top:12px;right:11px;cursor:pointer;} #header .hd_box{position: relative;box-sizing:border-box;border-bottom:1px solid #ddd;padding:0 51px;height:70px;} #header .hd_box:after{clear:both;content:"";display: block;} #header .hd_box .h1_logo{display: inline-block;float: left;position: relative;z-index:2;padding:15px 0;} #header .hd_box .gnb_box{text-align: center;clear:both;position: absolute;top:0;left:0;width:100%;} #header .hd_box .gnb_box .sub_depth0{position: relative;margin:0 auto;} /* #header .hd_box .gnb_box .sub_depth0 > li:nth-child(-n+7){display: none;} */ /*임시*/ #header .hd_box .gnb_box .sub_depth0 > li:nth-child(n+10){display: none;} #header .hd_box .gnb_box .sub_depth0 > li{display: inline-block;box-sizing:border-box;vertical-align: top;position: static;} #header .hd_box .gnb_box .sub_depth0 > li > a{font-size:15px;color:#000;font-weight:600;letter-spacing:-0.3px;line-height:70px;display: block;padding:0 42px;position: relative;} #header .hd_box .gnb_box .sub_depth0 > li > a:before{width:0;height:1px;content:"";background:#ff7900;position: absolute;bottom:0;left:0;transition:all 0.5s;} #header .hd_box .gnb_box .sub_depth0 > li:hover > a:before{width:100%;transition:all 0.5s;} #header .hd_box .sub_depth0 .sub_depth1{margin-top:27px;} /* #header .hd_box .sub_depth0 > li:nth-child(8) .sub_depth1{display: block;} */ #header .hd_box .sub_depth0 .sub_depth1{max-width:800px;text-align: left;display: inline-block;vertical-align: top;margin-top: 0;position: static;float: left;margin-left:17px;} #header .hd_box .sub_depth0 .sub_depth1 > li{display: inline-block;vertical-align: top;padding:0 32px;text-align: center;} #header .hd_box .sub_depth0 .sub_depth1 > li > a{font-size:16px;color:#555;font-weight:500;letter-spacing:-0.32px;padding:0;} #header .hd_box .sub_depth0 .sub_depth1 li:hover a{background:none;} #header .hd_box .sub_depth0 .sub_depth2{text-align: center;margin-top:10px;} #header .hd_box .sub_depth0 .sub_depth2 li a{font-size:15px;color:#777;font-weight:400;letter-spacing:-0.3px;line-height:34px;padding:0;} #header .hd_box .hd_icons{float: right;position: relative;z-index:2;padding:20px 0;} #header .hd_box .hd_icons ul{} #header .hd_box .hd_icons ul li{display: inline-block;vertical-align:middle;height:30px;position: relative;} #header .hd_box .hd_icons ul li + li{margin-left:21px;} #header .hd_box .hd_icons ul li a{display: block;font-size:0;height:100%;} #header .hd_box .hd_icons ul li.icon_search a{width:24px;background:url('../images/e29h2dctrIeH.png')no-repeat center;} #header .hd_box .hd_icons ul li.icon_menu01 a{width:24px;background:url('../images/tvO2lQwPz4GS.png')no-repeat center;} #header .hd_box .hd_icons ul li.icon_menu02 a{width:27px;background:url('../images/a5z4LKaDbHyz.png')no-repeat center;} #header .hd_box .hd_icons ul li.icon_menu03 a{width:24px;background:url('../images/iptVjtVtQxwp.png')no-repeat center;} #header .hd_box .hd_icons ul li a strong{font-size:11px;color:#222;font-weight:700;position: absolute;display: block;width:100%;text-align: center;left:0;top:62%;transform:translateY(-50%);} /*상단 검색 레이어*/ .header_search_layer{width:500px;height:100%;position: fixed;top:0;right:0;background:#fff;z-index:251;display: none;} .header_search_layer.on{display: block;} .header_search_layer .search_box{width:100%;height:100%;position: relative;box-sizing:border-box;} .header_search_layer .search_box .search_top{box-sizing:border-box;position: relative;border-bottom:1px solid #333;padding:17px 20px 16px;} .header_search_layer .search_box .search_top:after{clear:both;content:"";display: block;} .header_search_layer .search_box .search_top span{display: inline-block;font-size:18px;color:#000;font-weight:400;} .header_search_layer .layer_close{width:13px;height:13px;background:url('../images/x4UPHmcpf5GZ.png')no-repeat center;position: absolute;right:11px;top:24px;cursor:pointer;} .header_search_layer .layer_close a{display: block;width:100%;height:100%;position:relative;} .header_search_layer .search_cont_box{width:100%;display: block !important;box-sizing:border-box;padding:20px 20px;} .header_search_layer .top_search legend{display: none;} .header_search_layer .top_text_cont{width:100%;box-sizing:border-box;position: relative;background:#f5f5f5;} .header_search_layer .top_text_cont #search_form{width:100%;background:transparent;border:none;height:50px;padding:0;font-size:15px;color:#777;font-weight:400;padding-left:20px;} .header_search_layer .top_text_cont #btnSearchTop{position: absolute;right:15px;top:13px;} .header_search_layer .search_cont{display: block !important;} .header_search_layer .recent_box{width:100%;padding:0;text-align:left;padding-top:26px;} .header_search_layer .js_recent_area{padding:0;} .header_search_layer .recent_box dt, .header_search_layer .recent_box > div > span{font-size:17px;color:#333;font-weight:700;} .header_search_layer .recent_box dt{position: relative;} .header_search_layer .recent_box dt .btn_top_search_all_del{position: relative;display: inline-block;box-sizing:border-box;float: right;padding-right:22px;margin-top:2px;} .header_search_layer .recent_box dt .btn_top_search_all_del strong{font-size:14px;color:#333;font-weight:300;position: relative;} .header_search_layer .recent_box dt .btn_top_search_all_del strong:before{width:12px;height:1px;content:"";background:#888;transform:rotate(45deg);position: absolute;top:9px;right:-19px;} .header_search_layer .recent_box dt .btn_top_search_all_del strong:after{width:12px;height:1px;content:"";background:#888;transform:rotate(-45deg);position: absolute;top:9px;right:-19px;} .header_search_layer .recent_box dd{padding:0;} .header_search_layer .recent_box ul{width:calc(100% + 10px);margin-left:-5px;box-sizing:border-box;font-size:0;margin-top:13px;} .header_search_layer .recent_box li{margin:0 5px 10px 5px;box-sizing:border-box;border:1px solid #aaa;display: inline-block;vertical-align: top;} .header_search_layer .recent_box li a{display: block;box-sizing:border-box;height:34px;line-height:34px;font-size:15px;color:#555;font-weight:400;padding:0 16px;width:auto;} .header_search_layer .recent_box li span{font-size:13px;vertical-align:top;line-height:27px;} .header_search_layer .recent_box.hitkey_box li{border-color:#ff7900;} .header_search_layer .recent_box.hitkey_box li a{color:#ff7900;} /*전체메뉴 박스*/ #header .dep2_box{position: absolute;top:100%;left:0;width:100%;z-index:10;background:#fff;border-bottom:1px solid #ddd;display: none;} #header .dep2_box.on{display: block;} #header .dep2_box .content_box{box-sizing:border-box;position: relative;padding:31px 51px 30px 21%;} #header .dep2_box .content_box:after{clear:both;content:"";display: block;} #header .dep2_box .brand_box{display: inline-block;vertical-align: top;float: left;box-sizing:border-box;padding-right:66px;text-align:left;position: relative;} #header .dep2_box .brand_box:before{width:1px;height:calc(100% - 12px);content:"";background:#ddd;position: absolute;right:0;top:4px;} #header .dep2_box .brand_box .title{font-size:15px;color:#555;font-weight:600;} #header .dep2_box .brand_box .depth0{margin-top:11px;} #header .dep2_box .brand_box .depth0 > li > a{font-size:15px;color:#777;font-weight:400;letter-spacing:-0.3px;line-height:36px;} #header .dep2_box .brand_box .depth0 > li > a img{display: none;} #header .dep2_box .brand_box .depth1{display: none !important;} #header .dep2_box .bnr_box{float: right;display: inline-block;vertical-align: top;margin-top:5px;} #header .dep2_box .bnr_box .thumb a{display: block;width:100%;height:100%;} #header .dep2_box .bnr_box .info{margin-top:14px;text-align:left;} #header .dep2_box .bnr_box .info p{font-size:20px;color:#000;font-weight:500;letter-spacing:-0.4px;line-height:26px;text-transform:uppercase;margin-bottom:6px;} #header .dep2_box .bnr_box .info span{font-size:15px;color:#888;font-weight:400;letter-spacing:-0.3px;} @media only screen and (max-width:1600px) { #header .dep2_box .content_box{padding-left:7%;} #header .hd_box .gnb_box .sub_depth0 > li > a{padding:0 25px;} } /*─────────────────────────────────────────────────────────── 하단 outline/footer ───────────────────────────────────────────────────────────*/ #footer_wrap .btn_top{position: fixed;width:50px;height:50px;right:50px;bottom:50px;box-sizing:border-box;border-radius:100%;border:1px solid #ddd;background:#fff url('../images/mlFXogYMvB6b.png')no-repeat center;cursor:pointer;} #footer_wrap{border:none;} #footer{padding:0;} #footer .ft_top_box{background:#f5f5f5;} #footer .ft_top_box .foot_list{font-size:0;display: inline-block;border:none;vertical-align: top;} #footer .ft_top_box .foot_list li{display: inline-block;vertical-align: top;} #footer .ft_top_box .foot_list li + li{margin-left:30px;} #footer .ft_top_box .foot_list li a{font-size:15px;color:#555;font-weight:300;letter-spacing:-0.3px;line-height:60px;} #footer .ft_top_box .foot_list li a strong{color:#222;font-weight:00;} #footer .ft_top_box .ft_sns{display: inline-block;float: right;vertical-align: top;font-size:0;} #footer .ft_top_box .ft_sns li{display: inline-block;vertical-align: top;line-height:60px;} #footer .ft_top_box .ft_sns li + li{margin-left:26px;} #footer .ft_top_box .ft_sns li a{display: block;line-height:60px;} #footer .ft_top_box .ft_sns li a img{vertical-align: middle;} #footer .foot_content{padding-top:59px;padding-bottom:81px;} #footer .foot_content > div{display: inline-block;box-sizing:border-box;vertical-align: top;} #footer .foot_info{} #footer .foot_info .logo_box{display:flex;align-items:center;margin-bottom:24px;} #footer .foot_info .ft_logo{margin-right:20px;} #footer .foot_info .logo_box span{font-size:14px;color:#333;font-weight:400;letter-spacing:-0.28px;} #footer .foot_info address{} #footer .foot_info address span{font-size:13px;color:#666;font-weight:300;letter-spacing:-0.26px;display: inline-block;vertical-align: top;line-height:26px;font-family:'Noto Sans KR';} #footer .foot_info address span + span{margin-left:28px;} #footer .foot_info address span a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;border:none;} #footer .foot_info .copyright{font-size:13px;color:#888;font-weight:300;letter-spacing:-0.26px;margin-top:21px;} #footer .foot_info .copyright span{font-size:inherit;color:inherit;font-weight:400;display: inline-block;margin-left:15px;} #footer .foot_info .copyright a{display: inline-block;font-size:inherit;color:#bbb;font-weight:300;margin-left:15px;} #footer .foot_certify{width:auto;text-align:left;margin-top:30px;} #footer .foot_content .cs_info_box{float: right;} #footer .foot_content .cs_info_box dl{display: inline-block;vertical-align: top;} #footer .foot_content .cs_info_box dl dt{font-size:15px;color:#222;font-weight:500;letter-spacing:-0.3px;text-transform:uppercase;} #footer .foot_content .cs_info_box dl dd{} #footer .foot_content .cs_info_box dl.ft_cs{margin-right:98px;} #footer .foot_content .cs_info_box dl.ft_cs .cs_num{font-size:30px;color:#222;font-weight:500;letter-spacing:-0.6px;margin:6px 0 8px;} #footer .foot_content .cs_info_box dl.ft_cs .cs_hours{font-size:13px;color:#666;font-weight:300;letter-spacing:-0.26px;line-height:22px;font-family:'Noto Sans KR';} #footer .foot_content .cs_info_box dl.ft_bank{} #footer .foot_content .cs_info_box dl.ft_bank p{font-size:15px;color:#333;font-weight:400;letter-spacing:-0.3px;margin-top:9px;margin-bottom:11px;} #footer .foot_content .cs_info_box dl.ft_bank p strong{display: inline-block;font-size:24px;color:#222;font-weight:500;letter-spacing:-0.48px;margin-left:11px;} #footer .foot_content .cs_info_box dl.ft_bank .depositor{font-size:14px;color:#444;font-weight:300;letter-spacing:-0.28px;} @media only screen and (max-width:1400px){ #footer .foot_info address span{font-size:12px;} #footer .foot_info address span + span{margin-left:15px;} #footer .foot_content .cs_info_box dl.ft_cs{margin-right:40px;} #footer .foot_content .cs_info_box dl.ft_cs .cs_num{font-size:26px;} #footer .foot_content .cs_info_box dl.ft_bank p strong{font-size:20px;} } /*─────────────────────────────────────────────────────────── 상품공통 ───────────────────────────────────────────────────────────*/ #wrap .item_custom_type{} #wrap .item_custom_type ul{float:none;} #wrap .item_custom_type ul:after{clear:both;content:"";display: block;} #wrap .item_custom_type ul li{float: left;margin:0 0 45px 20px;} #wrap .item_custom_type ul .item_line4{width:calc(25% - 23px);margin-left:30px;} #wrap .item_custom_type ul .item_line4:nth-of-type(4n+1){clear:both;float: left;margin-left:0;} #wrap .item_custom_type ul .item_line5{width:calc(20% - 24px);margin-left:30px;} #wrap .item_custom_type ul .item_line5:nth-of-type(5n+1){clear:both;float: left;margin-left:0;} #wrap .item_custom_type ul .item_cont{padding:0;} #wrap .item_custom_type ul .item_photo_box{border:none;width:100%;overflow:visible;} #wrap .item_custom_type ul .item_photo_box a{width:100%;height:0;padding-bottom:100%;position: relative;overflow:hidden;} #wrap .item_custom_type ul .item_photo_box a img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #wrap .item_custom_type ul .item_info_cont{display: block;padding-top:20px;} #wrap .item_custom_type ul .item_info_cont .item_icon_box{position: relative;} #wrap .item_custom_type ul .item_info_cont .item_icon_box .icon{font-size:0;width:calc(90% + 5px);margin-left:-2.5px;height:21px;} #wrap .item_custom_type ul .item_info_cont .item_icon_box .icon img{padding:0;margin:0 2.5px 5px;} #wrap .item_custom_type ul .item_info_cont .item_icon_box:after{clear:both;content:"";display: block;} #wrap .item_custom_type ul .item_info_cont .item_icon_box .goods_btn_cart{position: absolute;right:5px;top:-5px;} #wrap .item_custom_type ul .item_info_cont .item_icon_box .btn_basket_cart{font-size:0;width:21px;height:27px;background:url('../images/620wi8nBx0ne.png')no-repeat center;} #wrap .item_custom_type ul .item_info_cont .item_icon_box .btn_basket_cart:hover{background:url('../images/pFYiJtMNB87C.png')no-repeat center;} #wrap .item_custom_type ul .item_info_cont .item_tit_box{} #wrap .item_custom_type ul .item_info_cont .item_tit_box .item_brand{font-size:15px;color:#130e0e;font-weight:500;letter-spacing:-0.3px;margin-top:5px;height:23px;} #wrap .item_custom_type ul .item_info_cont .item_tit_box .item_name{display: block;width:100%;font-size:14px;color:#130e0e;font-weight:500;letter-spacing:-0.28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:3px;} #wrap .item_custom_type ul .item_info_cont .item_money_box{box-sizing:border-box;border-bottom:1px solid #ddd;padding:13px 0 14px;position: relative;} #wrap .item_custom_type ul .item_info_cont .item_money_box:after{clear:both;content:"";display: block;} #wrap .item_custom_type ul .item_info_cont .item_money_box .mileage{display:inline-block;margin-top:7px;} #wrap .item_custom_type ul .item_info_cont .item_money_box .item_mileage{display: inline-block;padding:4px 0 0 0;} #wrap .item_custom_type ul .item_info_cont .item_money_box .item_price{font-size:15px;color:#130e0e;font-weight:700;padding:0;display:block;} #wrap .item_custom_type ul .item_info_cont .item_money_box .right{float: right;position: absolute;top:13px;right:0;} #wrap .item_custom_type ul .item_info_cont .item_money_box .right .c_price{font-size:13px;} #wrap .item_custom_type ul .item_info_cont .item_money_box .right .item_dc_per{font-size:16px;color:#ff7900;font-weight:600;display: inline-block;margin-left:9px;} #wrap .item_custom_type ul .item_info_cont .item_money_box .mem_money_box{margin-top:10px;} #wrap .item_custom_type ul .item_info_cont .item_money_box .mem_money_box .item_number_box{font-size:12px;color: #ff7900;font-weight: 600;} #wrap .item_custom_type ul .item_info_cont .color_box{margin-top:12px;} #wrap .item_custom_type ul .item_info_cont .color_box .color{width:calc(100% + 5px) !important;margin:0 0 0 -2.5px;font-size:0;} #wrap .item_custom_type ul .item_info_cont .color_box .color > div{width:40px;height:10px;border:1px solid #ddd;box-sizing:border-box;margin:0 2.5px 5px;} #wrap .item_custom_type ul .item_info_cont .review_box{margin-top:18px;} #wrap .item_custom_type ul .item_info_cont .review_box span{display: inline-block;vertical-align: top;position: relative;font-size:13px;color:#777;font-weight:300;} #wrap .item_custom_type ul .item_info_cont .review_box .review_score{color:#555;font-weight:400;padding-left:20px;background:url('../images/UK3oTpEn8uEP.png')no-repeat left center;} #wrap .item_custom_type ul .item_info_cont .review_box .review_cnt{font-family:'Noto Sans KR';padding-left:10px;margin-left:10px;} #wrap .item_custom_type ul .item_info_cont .review_box .review_cnt:before{width:1px;height:10px;content:"";background:#ccc;position: absolute;left:0;top:4px;} /*슬라이드*/ #wrap .item_custom_type ul .item_slide_container{overflow:hidden;} #wrap .item_slide_container .slide_control{position: absolute;bottom:-40px;left:0;box-sizing:border-box;padding:0 20px;display:flex;align-items:center;justify-content:space-between;width:100%;transition:all 0.5s;} #wrap .item_custom_type ul li:hover .item_slide_container .slide_control{bottom:13px;transition:all 0.5s;} #wrap .item_slide_container .slide_control .slide_pagination {/*width:83.2%;*/width:82%;height:2px;background:rgba(255,255,255,0.7);position: static;display: block;position: relative;overflow:hidden;} #wrap .item_slide_container .slide_control .slide_pagination .slider__label{height:100%;background:#ff7900;position: absolute;top:0;left:0;transition:all 0.5s;width:30%;} #wrap .item_slide_container .slide_control .cnt_box{font-size:0;width:auto;z-index:11;} #wrap .item_slide_container .slide_control .cnt_box span{font-size:15px;color:#888;font-weight:400;letter-spacing:-0.3px;display: inline-block;position: relative;} #wrap .item_slide_container .slide_control .cnt_box .slideCountItem:before{content:"0";font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;vertical-align: top;} #wrap .item_slide_container .slide_control .cnt_box span + span{padding-left:10px;} #wrap .item_slide_container .slide_control .cnt_box span + span:after{width:2px;height:2px;content:"";background:#555;box-sizing:border-box;border-radius:100%;position: absolute;left:4px;top:11px;} @media only screen and (max-width:1400px) { #wrap .item_slide_container .slide_control{padding:0 10px;} #wrap .item_slide_container .slide_control .swiper-pagination-progressbar{width:76%;} } /*─────────────────────────────────────────────────────────── 상품진열영역 goods/list ───────────────────────────────────────────────────────────*/ .goods_sub_content{width:100%;margin:0 auto;box-sizing:border-box;padding-left:51px;padding-right:51px;} .goods_sub_content .goods_list_content{display:flex;justify-content:space-between;} .goods_list_content .goods_category{width:14%;} .goods_list_content .goods_category h2{font-size:40px;color:#000;font-weight:600;} .goods_list_content .goods_category > ul{margin-top:24px;} .goods_list_content .goods_category > ul > li > a{font-size:16px;color:#000;font-weight:400;letter-spacing:-0.32px;line-height:38px;} .goods_list_content .goods_category > ul > li:hover > a{} .goods_list_content .goods_category > ul > li{display: none;} .goods_list_content .goods_category > ul > li.on{display: block;} .goods_list_content .goods_category > ul > li.on > .depth1 li a{font-size: 16px;color: #000;font-weight: 400;letter-spacing: -0.32px;line-height: 38px;} .goods_list_content .goods_list_item{width:1520px;box-sizing:border-box;vertical-align: top;margin-top:14px;} .goods_list_item .list_top{} .goods_list_item .list_top:after{clear:both;content:"";display: block; } .goods_list_item .pick_list_num{font-size:15px;color:#333;font-weight:400;display: inline-block;margin-top:24px;} .goods_list_item .pick_list_num strong{font-size:inherit;color:#ff7900;font-weight:600;} .goods_list_item .goods_sort_list{float: right;vertical-align: top;font-size:0;display:flex;} .goods_list_item .goods_sort_list .btn_filter{display: inline-block;box-sizing:border-box;vertical-align: top;cursor:pointer;width:90px;height:40px;text-align: center;line-height:38px;border:1px solid #333;} .goods_list_item .goods_sort_list .btn_filter span{display: block;width:100%;height:100%;position: relative;font-size:14px;color:#000;font-weight:400;box-sizing:border-box;padding-right:33px;} .goods_list_item .goods_sort_list .btn_filter span:before{width:20px;height:18px;content:"";background:url('../images/GR74SDnx6udO.png')no-repeat center;position: absolute;right:15px;top:11px;} .goods_sort_list .pick_list_box{position: relative;margin-left:10px;} .goods_sort_list .pick_list_box strong{display: inline-block;box-sizing:border-box;vertical-align: top;width:130px;height:40px;line-height:38px;border:1px solid #ccc;font-size:14px;color:#333;font-weight:400;padding-left:14px;background:url('../images/8Ijr9OwVPAaf.png')no-repeat right 15px center;cursor:pointer;} .goods_sort_list .pick_list_box .pick_list{display: none;position: absolute;top:100%;left:0;width:100%;z-index:10;background:#fff;box-sizing:border-box;border:1px solid #ccc;border-top:none;padding:12px 10px;} .goods_sort_list .pick_list_box .pick_list li input{display: none;} .goods_sort_list .pick_list_box .pick_list li label{font-size:14px;color:#333;font-weight:400;line-height:24px;cursor:pointer;} .goods_list_item .goods_list{margin-top:23px;} /*필터*/ .filter_wrap{width:500px;height:100%;position:fixed;top:0;right:-100%;z-index:250;background:#fff;transition:all 0.5s;} .filter_wrap.on{right:0;transition:all 0.5s;} .filter_wrap .filter_content{width:100%;height:100%;box-sizing:border-box;position: relative;} .filter_wrap .hd_cont{box-sizing:border-box;position: relative;border-bottom:1px solid #333;padding:17px 20px 16px;} .filter_wrap .hd_cont:after{clear:both;content:"";display: block;} .filter_wrap .hd_cont span{display: inline-block;font-size:18px;color:#000;font-weight:400;} .filter_wrap .btn_close{width:13px;height:13px;background:url('../images/x4UPHmcpf5GZ.png')no-repeat center;position: absolute;right:11px;top:24px;cursor:pointer;} .filter_wrap .filter_tab{display:flex;position: relative;height:100%;overflow-y:auto;} .filter_wrap .filter_tab:before{width:120px;height:100%;content:"";background:#eee;position: absolute;left:0;top:0;} .filter_wrap .filter_tab .tab_ul{width:120px;height:100%;position: relative;z-index:3;} .filter_wrap .filter_tab .tab_ul li{box-sizing:border-box;line-height:60px;font-size:16px;color:#333;font-weight:400;padding-left:20px;cursor:pointer;} .filter_wrap .filter_tab .tab_ul li.on{background:#222;color:#fff;} .filter_wrap .filter_tab_content > div{display: none;box-sizing:border-box;padding-left:30px;} .filter_wrap .filter_tab_content > div.on{display: block;} .filter_wrap .filter_tab_content dl{margin-top:24px;} .filter_wrap .filter_tab_content dl dt{font-size:16px;color:#333;font-weight:600;} .filter_wrap .filter_tab_content dl dd{margin-top:25px;} .filter_wrap .filter_tab_content dl dd ul li + li{margin-top:13px;} /*색상*/ .filter_wrap .filter_tab_content dl dd.color_list{} .filter_wrap .filter_tab_content dl dd.color_list ul{font-size:0;} .filter_wrap .filter_tab_content dl dd.color_list ul:after{clear:both;content:"";display: block;} .filter_wrap .filter_tab_content dl dd.color_list ul li{width:50px;height:50px;box-sizing:border-box;float: left;margin:0 0 10px 10px !important;} .filter_wrap .filter_tab_content dl dd.color_list ul li:nth-of-type(5n+1){clear:both;float: left;margin-left:0;} .filter_wrap .filter_tab_content dl dd.color_list ul li + li{margin-top:0;} .filter_wrap .filter_tab_content dl dd.color_list ul li input{display: none;} .filter_wrap .filter_tab_content dl dd.color_list ul li input + label{display: block;width:100%;height:100%;box-sizing:border-box;border:1px solid #ccc;padding:5px;position: relative;cursor:pointer;} .filter_wrap .filter_tab_content dl dd.color_list ul li input[type="checkbox"]:checked + label{border-color:#333;} .filter_wrap .filter_tab_content dl dd.color_list ul li input + label div{width:100%;height:100%;box-sizing:border-box;} /*가격*/ .filter_wrap .filter_tab_content dl.price_box{margin-top:22px;} .filter_wrap .filter_tab_content dl.price_box dd{margin-top:8px;font-size:0;} .filter_wrap .filter_tab_content dl.price_box dd input{display: inline-block;box-sizing:border-box;width:120px;height:40px;line-height:40px;border:1px solid #ccc;} .filter_wrap .filter_tab_content dl.price_box dd span{display:inline-block;vertical-align: middle;font-size:15px;color:#555;font-weight:400;margin:0 6px;} .filter_wrap .filter_tab_content dl.price_box dd .filter_search{display: inline-block;box-sizing:border-box;width:40px;height:40px;font-size:0;border:1px solid #333;margin-left:10px;background:url('../images/e29h2dctrIeH.png')no-repeat center;background-size:auto 19px;} /*버튼*/ .filter_btn_box{position:fixed;bottom:-100%;;right:0;background:#fff;width:100%;max-width:500px;padding:10px;box-sizing:border-box;transition:all 0.5s;z-index:10;} .filter_btn_box.on{bottom:0;transition:all 0.5s;} .filter_btn_box .btn_content{position: relative;} .filter_btn_box .choice_txt{width:calc(100% + 10px);margin-left:-5px;display:flex;flex-wrap:wrap;} .filter_btn_box .choice_txt > div{display: inline-block;vertical-align: top;margin:0 5px 10px 5px;background:#f2f2f2;padding:0 0 0 10px;position: relative;display:flex;} .filter_btn_box .choice_txt > div span{font-size:14px;color:#333;font-weight:400;line-height:23px;} .filter_btn_box .choice_txt > div .close{width:23px;height:23px;background:url('../images/x4UPHmcpf5GZ.png')no-repeat center;cursor:pointer;display: inline-block;background-size:auto 9px;} .filter_btn_box .btn_box{font-size:0;} .filter_btn_box .btn_box button{width:calc(50% - 10px);height:45px;line-height:43px;font-size:16px;color:#000;font-weight:400;box-sizing:border-box;border:1px solid #000;} .filter_btn_box .btn_box button + button{margin-left:20px;color:#fff;background:#000;} @media only screen and (max-width:1600px){ .goods_list_content .goods_list_item{width:86%;padding-left:20px;} } /*─────────────────────────────────────────────────────────── 상품검색 goods/search ───────────────────────────────────────────────────────────*/ .body-goods-search #wrap .sub_tit{padding-top:0;} #wrap .goods_search_box{border:none;margin:23px 0 41px;background:#f5f5f5;padding:40px 0;box-sizing:border-box;display: flex;align-items: center;justify-content: center;} #wrap .search_again_box{background:#fff;padding:0;box-sizing:border-box;border:1px solid #ddd;height:50px;text-align:left;overflow:hidden;width:500px;position: relative;} #wrap .search_again_box .chosen-container{display: none;} #wrap .search_again_box .keyword-div{width:calc(100% - 50px);} #wrap .search_again_box .keyword_input{border:none;width:100%;box-sizing:border-box;height:50px;line-height:50px;padding:0 0 0 20px;font-size:15px;color:#777;font-weight:400;} #wrap .btn_goods_search{width:50px;height:50px;border:none;background:url('../images/e29h2dctrIeH.png')no-repeat center;background-size:auto 24px;position: absolute;top:0;right:0;min-width:auto;} #wrap .goods_search_list .item_custom_type ul li{width:calc(25% - 18px);margin:0 0 40px 24px;} #wrap .goods_search_list .item_custom_type ul li:nth-of-type(4n+1){clear:both;float: left;margin-left:0;} /*─────────────────────────────────────────────────────────── 상품상세 goods/view ───────────────────────────────────────────────────────────*/ /*탑버튼*/ .btn_top_view{position:fixed;left:50%;bottom:0;z-index:10;cursor:pointer;width:180px;height:60px;background:#ff7900;text-align: center;opacity:0;transform:translate(-50%, 100px);transition:all 0.5s;} .btn_top_view.on{opacity:1;transform:translate(-50%, 0);transition:all 0.5s;} .btn_top_view span{display: block;font-size:18px;color:#fff;font-weight:400;line-height:58px;} /*이미지*/ #wrap .item_photo_info_sec{margin:60px auto 0 auto;width: 1310px;box-sizing: border-box;padding-left: 15px;padding-right: 15px;} #wrap .item_photo_slide{margin-top:30px;} #wrap .item_photo_slide .slider_goods_nav{width:498px;} #wrap .item_photo_slide .slider_goods_nav li{height:80px;position: relative;} #wrap .item_photo_slide .slider_goods_nav li a{width:100%;position: relative;} /**2023.09.01웹앤모바일 주석처리 시작**/ /*#wrap .item_photo_slide .slider_goods_nav li a:before{width:calc(100% - 2px);height:calc(100% - 2px);content:"";border:1px solid #333;position: absolute;top:0;left:0;display: none;} #wrap .item_photo_slide .slider_goods_nav li .slide_a_tagba img{border:1px solid #333;width:auto;} */ /**2023.09.01웹앤모바일 주석처리 종료**/ /**2023.09.01웹앤모바일 추가시작**/ #wrap .item_photo_slide .slider_goods_nav li .slide_a_tag:before{width:calc(100% - 2px);height:calc(100% - 2px);content:"";border:1px solid #ff7900;position: absolute;top:0;left:0;display: none;} #wrap .item_photo_slide .slider_goods_nav li .slide_a_tagb:before{width:calc(100% - 2px);height:calc(100% - 2px);content:"";border:1px solid #fff;position: absolute;top:0;left:0;display: none;} #wrap .item_photo_slide .slider_goods_nav li .slide_a_taga{width:auto !important;height:calc(100% - 2px);content:"";border:1px solid #ff7900;/*position: absolute;*/top:0;left:0;display: block;} /**2023.09.01웹앤모바일 추가종료**/ #wrap .item_photo_slide .slider_goods_nav li a img{width:100%;height:100%;margin:0;opacity:0.5;} #wrap .item_photo_slide .slider_goods_nav li.slick-current a img{opacity:1;} #wrap .item_photo_slide .slider_goods_nav li.slick-current a:before{display: block;} .item_photo_slide .slider_goods_nav li a:hover{border:none;} .item_photo_slide .slick_goods_prev, .item_photo_slide .slick_goods_next{width:10px;height:17px;padding:0;top:25px;} .item_photo_slide .slick_goods_prev{background:url('../images/yM4qnDJcXwU3.png')no-repeat center;left:10px;} .item_photo_slide .slick_goods_next{background:url('../images/1W9VfcZmhkIl.png')no-repeat center;right:10px;} .item_photo_slide .slick_goods_prev:hover{background:url('../images/23oaNV2FLdSi.png')no-repeat center;left:10px;} .item_photo_slide .slick_goods_next:hover{background:url('../images/Z4HHwdA49cRH.png')no-repeat center;right:10px;} /*정보*/ #wrap .item_info_box{width:calc(100% - 600px);box-sizing:border-box;padding-left:80px;} .item_detail_tit{border-bottom:2px solid #111;box-sizing:border-box;padding-bottom:23px;} .item_detail_tit .brand{font-size:16px;color:#130e0e;font-weight:300;line-height:1;} .item_detail_tit h3{font-size:28px;color:#130e0e;font-weight:500;letter-spacing:-0.56px;width:100%;margin-top:6px;} .item_detail_tit .detail_price_box{display:flex;margin-top:23px;justify-content:space-between;} .item_detail_tit .item_detail_price{display:flex;align-items:center;} .item_detail_tit .item_detail_price .item_price{font-size:26px;color:#130e0e;font-weight:700;} .item_detail_tit .item_detail_price .item_price strong{font-size:inherit;color:inherit;font-weight:inherit;} .item_detail_tit .item_detail_price .item_price strong em{font-size:16px;color:#222;font-weight:400;} .item_detail_tit .item_detail_price .item_price_ori{font-size:13px;color:#bbb;font-weight:300;margin-left:19px;} .item_detail_tit .item_detail_price .item_price_ori em{display: none;} .item_detail_tit .item_detail_price .item_price_ori b{font-size:inherit;color:inherit;font-weight:inherit;} .item_detail_tit .item_dc_per{font-size:18px;color:#ff7900;font-weight:600;margin-left:16px;} .item_detail_tit .item_dc_per em{font-size:inherit;color:inherit;font-weight:inherit;} .item_detail_tit .btn_qa_share_box{position: static;display:flex;align-items:center;} .item_detail_tit .btn_add_wish{width:22px;height:19px;margin:0;padding:0;border:none;background:url('../images/u9Vg2ZwU16uw.png')no-repeat center;font-size:0;} .item_detail_tit .btn_gray_mid{width:24px;height:24px;border:none;padding:0;background:url('../images/HxRpjI5Di4TF.png')no-repeat center;font-size:0;margin-left:15px;} .item_detail_tit .btn_gray_mid:hover{background:url('../images/HxRpjI5Di4TF.png')no-repeat center;} .item_detail_tit .btn_gray_mid em{background:none;padding:0;font-size:0;} .item_detail_top{} .item_detail_top dl{display:flex;} .item_detail_top dl dt, .item_detail_top dl dd{box-sizing:border-box;border-bottom:1px solid #ddd;padding:17px 0;} .item_detail_top dl dt{width:50px;font-size:15px;color:#000003;font-weight:500;letter-spacing:-0.45px;} .item_detail_top dl dd{width:calc(100% - 50px);font-size:15px;color:#666;font-weight:400;padding-left:27px;} .item_detail_top dl dd .layer_area{font-size:12px;} #wrap .ly_wrap.delivery_layer .ly_tit, #wrap .ly_wrap.delivery_zone_layer .ly_tit{padding:13px 35px 11px 15px;} #wrap .layer_wrap .delivery_layer .ly_cont{padding:0 15px 15px 15px;} #wrap .ly_wrap .delivery_list:after{clear:both;content:"";display: block;} .item_detail_top dl.item_delivery .btn_layer{float: right;margin-left:10px;} .item_detail_top dl.item_delivery .btn_layer .btn_gray_small{display: inline-block;box-sizing:border-box;border:1px solid #ccc;background:none;height:32px;padding:0;} .item_detail_top dl.item_delivery .btn_layer .btn_gray_small em{background:none;line-height:30px;font-size:13px;color:#666;font-weight:400;padding:0 12px;} .item_detail_top dl.item_color dd span{color:#333;} .item_detail_top dl.item_size dd span{color:#555;} .item_detail_top dl .opt_list{width:calc(100% + 10px);margin-left:-5px;font-size:0;margin-top:9px;} .item_detail_top dl .opt_list li{display: inline-block;box-sizing:border-box;vertical-align: top;margin:0 5px 10px 5px;} .item_detail_top dl .opt_list li input{display: none;} .item_detail_top dl .opt_list li input + label{display: block;width:100%;border:1px solid #ccc;position: relative;overflow:hidden;cursor:pointer;height:32px;box-sizing:border-box;} .item_detail_top dl .opt_list.color_list li{width:32px;} .item_detail_top dl .opt_list.color_list li input + label{padding:3px;} .item_detail_top dl .opt_list.color_list li div{width:100%;height:100%;background-size:100%;} /*.item_detail_top dl .opt_list.color_list li input[type="radio"]:checked + label{border-color:#333;}*/ .item_detail_top dl .opt_list.color_list li input[type="radio"]:checked + label{border-color:#ff7900;} .item_detail_top dl .opt_list.size_list li{width:50px;} .item_detail_top dl .opt_list.size_list li span{display: block;width:100%;height:100%;font-size:14px;color:#555;font-weight:400;line-height:30px;text-align: center;} .item_detail_top dl .opt_list.size_list li input[type="radio"]:disabled + label{cursor:default;} .item_detail_top dl .opt_list.size_list li input[type="radio"]:disabled + label span{color:#aaa;} .item_detail_top dl .opt_list.size_list li input[type="radio"]:disabled + label:before{width:200%;height:1px;content:"";background:#aaa;position: absolute;transform:rotate(-32deg);top:7px;left:-12px;} .item_detail_top dl .opt_list.size_list li input[type="radio"]:checked + label{border-color:#ff7900;} .item_detail_top dl .opt_list.size_list li input[type="radio"]:checked + label span{color:#ff7900;} /*옵션*/ #wrap .item_info_box .item_choice_list{margin-top:0;} #wrap .item_choice_list table {border-bottom:1px solid #e5e5e5;} #wrap .item_detail_list + .item_choice_list table{border-bottom:none;} #wrap .item_info_box .item_choice_list table tbody tr td{border-bottom:none;padding:20px 0;vertical-align: top;position: relative;} #wrap .item_info_box .item_choice_list table tbody tr + tr td {} #wrap .item_info_box .item_detail_list + .item_choice_list table.option_display_area td.cart_prdt_name{padding-left:30px;} #wrap .item_info_box .item_choice_list table tbody tr td:nth-child(2){padding-right:20px;} #wrap .item_info_box .item_choice_list .cart_btn_box{padding:0;} #wrap .item_choice_list .cart_tit span{font-size:15px;color:#555;font-weight:500;letter-spacing:-0.75px;} #wrap .item_choice_list .cart_tit span.opt_name{display: block;font-size:15px;color:#666;font-weight:400;letter-spacing:-0.45px;margin-top:6px;} #wrap .item_choice_list .cart_tit .btn_alert_login span{display: inline-block;height:18px;margin: 0 0 0 5px; padding: 0 6px;background: #ff7900; color: #ffffff;border-radius: 3px;border: 1px solid #ff7900;font-size:12px;} #wrap .item_info_box .item_choice_list .count{margin-top:14px;} #wrap .item_choice_list .count{padding:0;display: block;position: relative;width:120px;text-align: center;} #wrap .item_choice_list .goods_cnt{width:35px;height:35px;box-sizing:border-box;vertical-align: top;position: absolute;top:0;font-size:0;margin:0;} #wrap .item_choice_list .down{background:url('../images/hXvDj5MBZfok.jpg')no-repeat center;left:0;} #wrap .item_choice_list .up{background:url('../images/H78qrnaclg87.jpg')no-repeat center;right:0;} #wrap .item_choice_list .count .goods_qty .text{float:none;width:50px;border:1px solid #ccc;border-width:1px 0;height:35px;font-size:15px;color:#333;font-weight:400;} #wrap .item_choice_list .delete_box{margin-bottom:14px;} #wrap .item_choice_list .item_choice_price{font-size:18px;color:#333;font-weight:400;} #wrap .item_choice_list .item_choice_price em{font-size:16px;color:inherit;font-weight:400;} #wrap .item_choice_list .item_choice_price .price{position: absolute;right:20px;bottom:20px;} /* 옵션 수량 천만단위 틀어짐 수정 */ #wrap .item_info_box .item_choice_list table.option_display_area td {box-sizing:border-box;} #wrap .item_info_box .item_choice_list table.option_display_area td.cart_prdt_name {padding-left:20px;} #wrap .item_info_box .item_choice_list table.option_display_area col:nth-of-type(1) {width:300px !important;} #wrap .item_info_box .item_choice_list table.option_display_area col:nth-of-type(3) {width:110px !important;} /*총 금액*/ #wrap .item_tatal_box .total_amount{margin:20px 0 0 0;padding:0;border:none;;} #wrap .item_tatal_box .total_amount:after{clear:both;content:"";display: block;} #wrap .item_tatal_box .total_amount dt{float:left;font-size:17px;color:#333;font-weight:500;width:auto;} #wrap .item_tatal_box .total_amount dd strong{font-size:26px;color:#ff7900;font-weight:600;} #wrap .item_tatal_box .total_amount dd strong b{font-size:18px;color:#222;font-weight:400;} /* 총 합계금액 가로값 수정 */ #wrap .item_info_box .item_tatal_box {float:none;width:100%;padding:0;} #wrap .item_info_box .item_tatal_box dd {padding-left:25px;width:auto;min-width:125px;box-sizing:border-box;text-align:right;} /*버튼*/ .item_tit_detail_cont .btn_choice_box{padding:13px 0 0 0;} .item_tit_detail_cont .btn_choice_box > div{font-size:0;} .item_tit_detail_cont .btn_choice_box button{width:calc(50% - 10px);height:60px;line-height:60px;font-size:18px;font-weight:500;} .item_tit_detail_cont .btn_choice_box .btn_add_cart{border:1px solid #333;color:#333;} .item_tit_detail_cont .btn_choice_box .btn_add_order{margin-left:20px;} /*페이*/ .item_tit_detail_cont .pay_box{font-size:0;} .item_tit_detail_cont .pay_box > div{margin:0;width:calc(50% - 10px);} .item_tit_detail_cont .pay_box > .naver_pay{margin-left:20px;} .item_tit_detail_cont .payco_checkout.ta{width:100%;} /*하단정보*/ .item_detail_list.item_info{border:1px solid #ddd;box-sizing:border-box;padding:20px 30px;margin-top:20px;} .item_detail_list.item_info .item_delivery{display: none;} .item_detail_list.item_info dl{padding:8px 0 7px;} .item_detail_list.item_info dt{font-size:15px;color:#000003;font-weight:400;letter-spacing:-0.45px;} .item_detail_list.item_info dd{font-size:15px;color:#777;font-weight:400;letter-spacing:-0.45px;font-family:'Noto Sans KR';width:calc(100% - 90px);} /*탭*/ /* 상품 정보내용 탭 */ #wrap .item_goods_tab{padding:0; border-bottom:1px solid #ddd;box-sizing:border-box;margin-bottom:60px;} #wrap .item_goods_tab ul{float:none; width:1280px;height:auto; margin:0 auto;padding:0; font-size:0;text-align: center;} #wrap .item_goods_tab ul:after{clear:both;content:"";display: block;} #wrap .item_goods_tab li{float:left; position:relative;width:25%;font-size:12px; text-align:center; z-index:10;box-sizing:border-box;} #wrap .item_goods_tab li.on{margin-top:0; z-index:0;} #wrap .item_goods_tab li.on:before{width:100%;height:2px;content:"";background:#222;position: absolute;bottom:-1px;left:0;} #wrap .item_goods_tab li a{display:block;margin:0;padding:0; color:#888;font-size:17px;border:none;background:#ffffff;line-height:58px;} #wrap .item_goods_tab li.on a{padding-top:0;margin-top:0;color:#333333;font-weight:500;border:none;} #wrap .item_goods_tab li.on a span{display:inline-block; position:relative;top:0;} #wrap .item_goods_tab li:first-child a{margin-left:0;} #wrap .item_goods_tab li a strong{color:inherit;font-weight:inherit;} /* 상세 탭과 정보 사이 간격 조정 */ #wrap .item_goods_sec {margin-top:100px;} #wrap .item_goods_sec > div{position: relative;margin-top:80px;} #wrap .item_goods_sec > div > a{position: absolute;top:-80px;} /*상세정보*/ .item_goods_sec .detail_container{text-align:center;padding-bottom:20px;} .item_goods_sec .detail_explain_box{display: block; height: auto !important; max-height:1800px;overflow:hidden;} .item_goods_sec .detail_explain_box.on {max-height: inherit; overflow: visible;} .item_goods_sec .detail_container .detail_view_more{margin-top:50px; margin-bottom: 20px;} .item_goods_sec .detail_container .detail_view_more a{display: inline-block;box-sizing:border-box;width:320px;height:60px;line-height:58px;border:1px solid #ff7900;font-size:16px;color:#ff7900;font-weight:500;position: relative;padding-right:45px;} .item_goods_sec .detail_container .detail_view_more a:before{width:10px;height:10px;content:"";border:1px solid #ff7900;border-width:1px 1px 0 0;transform:rotate(135deg);position: absolute;right:85px;top:20px;} .item_goods_sec .detail_container .detail_view_more a.on:before{transform:rotate(-45deg);top:25px;} /*배송/교환/반품*/ .item_goods_sec .sub_delivery_cont:first-of-type h3{padding-top:0;} .item_goods_sec .sub_delivery_cont h3{font-size:18px;color:#1e3227;font-weight:500;} .item_goods_sec .sub_delivery_cont .admin_msg{font-size:15px;color:#777;font-weight:400;line-height:25px;min-height:initial;} /*상품문의*/ .item_goods_sec .qna_title{position: relative;} .item_goods_sec .qna_title h3{font-size:25px;color:#000002;font-weight:500;letter-spacing:-0.75px;line-height:50px;padding:0 0 28px;} .item_goods_sec .btn_qna_box{right:0;top:0;font-size:0;} .item_goods_sec .btn_qna_box a{width:150px;height:50px;line-height:48px;font-size:15px;font-weight:500;box-sizing:border-box;padding:0;} .item_goods_sec .btn_qna_box .btn_qna_more{border-color:#ccc;color:#555;} .item_goods_sec .btn_qna_box .btn_qna_write{margin-left:9px;} .item_goods_sec .qna_table_type td{box-sizing:border-box;border-bottom:1px solid #ccc;font-size:14px;color:#777;font-weight:400;padding:18px 10px 17px 10px;} .item_goods_sec .qna_table_type td.board_num, .item_goods_sec .qna_table_type td.board_tit{color:#444;} .item_goods_sec .qna_table_type td.board_status{color:#333;} .item_goods_sec .qna_table_type td.board_tit a{color:inherit;display: block;width:100%;} /* 플러스리뷰 */ #wrap .plus_review_cont {} #wrap .plus_review_cont .plus_review_tit {padding:0 0 20px;display:flex;align-items: center;justify-content: space-between;flex-direction: row;} #wrap .plus_review_cont .plus_review_tit h3 {padding:0;font-size:25px;font-weight:500;color:#000;line-height:1;} #wrap .plus_review_cont .plus_review_tit ul {font-size:0;position:static;top:auto;left:auto;} #wrap .plus_review_cont .plus_review_tit ul li {font-size:15px;line-height:1;font-weight:400;color:#555;letter-spacing:-0.03em;display:inline-block;border:0;padding:0;position:relative;} #wrap .plus_review_cont .plus_review_tit ul li + li {padding-left:17px;margin-left:16px;} #wrap .plus_review_cont .plus_review_tit ul li + li:before {content:'';display:block;position:absolute;width:1px;height:12px;background:#ddd;left:0;top:50%;transform:translateY(-50%);} #wrap .plus_review_cont .plus_review_tit ul li a {font-size:inherit;font-weight:inherit;color:inherit;padding:0;text-decoration:none;} /* 평가,셍부평가,포토리뷰 모아보기 */ #wrap .plus_review_info{display:flex;align-items: center;padding:40px 0; border:0;border-top:1px solid #333;border-bottom:1px solid #ddd;} /* 평가 */ #wrap .plus_review_num{display:inline-block; overflow:hidden; width:24.923%;width:320px; height:auto; vertical-align:top;} #wrap .plus_review_num_cont{padding:0; font-size:0; text-align:center;} #wrap .plus_review_num_tit{display:block; min-width:auto; height:100%;} #wrap .plus_review_num_tit h4{display:none;} #wrap .plus_review_num_tit > strong{font-size:50px;font-weight:500;color:#000;line-height:1;padding-bottom:13px;display:block;} #wrap .plus_review_num_tit > em{display:block;color:none; font-size:0;} #wrap .plus_review_num_tit > em span {font-size:0;width:20px;height:20px;background:url('../images/I8K2hqZznwlF.png') no-repeat center;background-size:20px;display:inline-block;} #wrap .plus_review_num_tit > em span + span {margin-left:5px;} #wrap .plus_review_num_tit > span{display:block; font-size:12px;} #wrap .plus_review_num ul{display:block; padding:24px 0 0; font-size:0; background:none; vertical-align:top;width:144px;margin:0 auto;} #wrap .plus_review_num ul li{width:100%; padding:0; text-align:left;display:flex;justify-content: space-between;align-items: center;} #wrap .plus_review_num ul li + li {margin-top:14px;} #wrap .plus_review_num ul li em{display:inline-block; width:auto;font-size:14px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.03em;} #wrap .plus_review_num ul li strong{text-align:right; float:none;font-size:14px;line-height:1;font-weight:400;color:#333;letter-spacing:-0.03em;} #wrap .plus_review_num ul li strong b{font-weight:600;color:#000;} /* 세부평가 */ #wrap .plus_review_grade{display:inline-block; width:570px; height:170px; margin-left:-1px; border-left:1px solid #ddd; vertical-align:top;padding:0 40px;box-sizing:border-box;} #wrap .plus_review_grade_cont{padding:11px 0;} #wrap .plus_review_grade h4{display:none;} #wrap .plus_review_grade ul{width:100%;} #wrap .plus_review_grade li{display:table; width:100%; margin:0; padding:0; font-size:0;} #wrap .plus_review_grade li + li {margin-top:12px;} #wrap .plus_review_grade .grade_star{display:inline-block; width:9%;font-size:16px;line-height:1;font-weight:500;color:#333;text-align:left;} #wrap .plus_review_grade .grade_star span{padding:0;display:inline-block;width:16px;height:16px;background:url('../images/I8K2hqZznwlF.png') no-repeat center;background-size:16px;font-size:0;color:#ffcc00;margin-right:7px;vertical-align:text-top;} #wrap .plus_review_grade .grade_stick{display:inline-block; width:81.72%; height:7px; margin:0; background:#f9f9f9;} #wrap .plus_review_grade .grade_stick em{display:inline-table; height:7px; background:#ff7900;} #wrap .plus_review_grade .grade_num{display:inline-block; width:7%; font-size:12px; text-align:right;} /* 포토리뷰 모아보기 */ .plus_review_photo{display:inline-block;width:390px;height:170px;margin-left:-1px;border-left:1px solid #eee;vertical-align:top;} .plus_review_photo_cont{padding: 0;} .plus_review_photo h4{display:none;} .plus_review_photo ul{overflow:hidden;height: 100%;margin: 0 0 0 40px;font-size:0;} .plus_review_photo ul li{display:inline-block;width: 80px;height: 80px;margin: 0;overflow: hidden;} .plus_review_photo ul li + li {margin-left:10px;} .plus_review_photo ul li:nth-of-type(4n+1) {margin-left:0;} .plus_review_photo ul li:nth-of-type(n+5) {margin-top:10px;} .plus_review_photo ul li img{width:100%;} /* 별선택 + 혜택안내 */ #wrap .plus_review_write{padding:20px 0 0 0; background:#ffffff;} #wrap .plus_review_write .plus_review_write_select{} #wrap .plus_review_write .plus_review_write_select select{width:74.5%; color:#ff7900; font-size:14px;} #wrap .plus_review_write_select .chosen-container {border-color:#ddd;width:200px !important;height:36px;} #wrap .plus_review_write_select .chosen-single {width:100%;height:100%;line-height:34px;} #wrap .plus_review_write_select .chosen-single, #wrap .plus_review_write_select .chosen-container .chosen-results{color:#ff7900 !important; font-size:14px !important;border-color:#ddd;} #wrap .plus_review_write .plus_review_write_select option, #wrap .plus_review_write_select .chosen-single > span{line-height:34px !important;} #wrap .plus_review_write_select .chosen-single .js_pr_star_selected {display:none;} #wrap .plus_review_write_select .chosen-single div b {background:url('../chosen-sprite.png') no-repeat 0px 5px;} #wrap .plus_review_write_select .chosen-single div {width: 28px;} #wrap .plus_review_write_select .chosen-single div b {background: url('../images/8Ijr9OwVPAaf.png') no-repeat center right 15px;} /* 혜택안내버튼 */ .plus_review_write .btn_layer{width:25%; float:right; text-align:right;} .plus_review_write .btn_layer .btn_gray_big{width:93%; height:29px; text-align:center;} .plus_review_write .btn_layer .btn_gray_big em{font-weight:bold;} /* 상품 상세 선택 */ .plus_review_write_cont{margin:10px 0 0 0; border:1px solid #f0f0f0;} .plus_review_write_cont .plus_review_detail_select{position:relative; padding:20px 20px 20px 20px; border-bottom:1px solid #f0f0f0; background:#f8f8f8;} .plus_review_write_cont .plus_review_detail_select dl{display:block; min-height:31px; padding:4px 0 4px 0; font-size:0;} .plus_review_write_cont .plus_review_detail_select dt{display:inline-block; width:130px; padding:0 0 0 10px; color:#484848; font-size:12px; vertical-align:middle;} .plus_review_write_cont .plus_review_detail_select dd{display:inline-block; height:21px; padding:7px 0 0 0; font-size:12px; font-weight:bold; vertical-align:middle;} .plus_review_write_cont .plus_review_detail_select .btn_differ_choice{position:absolute; bottom:20px; right:20px; color:#666666; font-size:11px; border-bottom:1px solid #666666;} .plus_review_write_cont .plus_review_detail_select input, .plus_review_write_cont .plus_review_detail_select select{width:280px; margin-top:-7px; font-weight:normal;} .plus_review_detail_select .chosen-container{margin-top:-7px !important; font-weight:normal;} .plus_review_write_textarea{height:130px; padding:20px 20px 20px 20px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;} .plus_review_write_textarea textarea{width:100%; height:100%; color:#333333; border:none;} .plus_review_write_cont .board_write_agree{padding:0 20px 20px 20px;} /*─────────────────────────────────────────────────────────── 메인 main/index ───────────────────────────────────────────────────────────*/ /*타이틀*/ .main_content{overflow:hidden;width:100%;} .main_content .main_title{position: relative;} .main_content .main_title h3{font-size:38px;color:#130e0e;font-weight:300;letter-spacing:-0.76px;display: inline-block;} #wrap .goods_list_tit{padding:0;border:none;margin-bottom:38px;} /*더보기*/ .btn_goods_more{bottom:2px;} .btn_goods_more .btn_goods_view_more{font-size:14px;color:#130e0e;font-weight:500;letter-spacing:-0.28px;position: relative;padding:0;padding-right:11px;border:none;} .btn_goods_more .btn_goods_view_more:before{width:6px;height:6px;content:"";border:1px solid #555;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:-3px;top:7px;} /*비주얼*/ .main_visual_box{box-sizing:border-box;position: relative;padding:30px 0 0 0;margin:0;} .main_visual_box .slick_cut{position: relative;height:700px;box-sizing:border-box;padding:0 15px;outline:none;} .main_visual_box .slick_cut:before{width:calc(100% - 30px);height:100%;content:"";background:rgba(0,0,0,0.2);position: absolute;left:15px;top:0;} .main_visual_box .slick_cut.slick-active:before{display: none;} .main_visual_box .slick_cut > a{display: block;width:100%;height:100%;position:absolute;top:0;left:0;} .main_visual_box .slick_cut .slick_txt{position: absolute;text-align: left;top:86px;left:84px;} .main_visual_box .slick_cut .slick_txt h3{font-size:50px;color:#130e0e;font-weight:700;letter-spacing:-0.84px;line-height:54px;text-transform:uppercase;} .main_visual_box .slick_cut .slick_txt p{font-size:16px;color:#130e0e;font-weight:300;letter-spacing:-0.8px;line-height:24px;margin-top:18px;} .main_visual_box .slick_cut .slick_txt h3, .main_visual_box .slick_cut .slick_txt p{transform:translateY(100px);opacity:0;transition:all 0.5s;} .main_visual_box .slick_thumb{width:100%;height:100%;} /*화살표*/ .main_visual_box .slick-arrow{width:40px;height:40px;top:49.5%;} .main_visual_box .slick-prev{left:22.3%;} .main_visual_box .slick-next{right:22.3%;} .main_visual_box .slick-arrow:before{width:19px;height:19px;content:"";border:2px solid #fff;border-width:2px 2px 0 0;position: absolute;top:10px;} .main_visual_box .slick-prev:before{transform:rotate(-135deg);left:16px;} .main_visual_box .slick-next:before{transform:rotate(45deg);right:16px;} /*프로그래스바*/ .main_visual_box .slideController{text-align: center;display:flex;align-items:center;justify-content:center;margin-top:35px;} .main_visual_box .slider-progress{width:900px;height:1px;background:#ccc;margin-right:51px;} .main_visual_box .slider-progress .progress{height:1px;background:#ff7900;} .main_visual_box .cnt_box{} .main_visual_box .cnt_box span{font-size:15px;color:#555;font-weight:500;letter-spacing:-0.3px;position: relative;display: inline-block;} .main_visual_box .slideCountItem:before{content:"0";font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit;display: inline-block;vertical-align: top;} .main_visual_box .cnt_box span + span:before{width:2px;height:2px;content:"";background:#555;box-sizing:border-box;border-radius:100%;display: inline-block;vertical-align: middle;margin:0 4px 0 1px;} /*active*/ .main_visual_box .slick_cut.active .slick_txt h3, .main_visual_box .slick_cut.active .slick_txt p{transform:translateY(0);opacity:1;transition:all 0.5s;} .main_visual_box .slick_cut.active .slick_txt p{transition-delay:0.5s;} @media only screen and (max-width:1500px){ .main_visual_box .slick-prev{left:16.3%;} .main_visual_box .slick-next{right:16.3%;} } @media only screen and (max-width:1300px){ .main_visual_box .slick-prev{left:10.3%;} .main_visual_box .slick-next{right:10.3%;} } /*카테고리 탭*/ .main_hd_tab{text-align: center;margin-top:64px;} .main_hd_tab .tab_title{font-size:0;} .main_hd_tab .tab_title li{display: inline-block;vertical-align: top;position: relative;font-size:15px;color:#666;font-weight:400;letter-spacing:1.2px;cursor:pointer;} .main_hd_tab .tab_title li.on{color:#130e0e;font-weight:700;} .main_hd_tab .tab_title li + li{margin-left:54px;padding-left:54px;} .main_hd_tab .tab_title li + li:before{width:1px;height:12px;content:"";background:#ddd;position: absolute;left:1px;top:5px;} .main_hd_tab .tab_content{margin-top:34px;} .main_hd_tab .tab_content > div{display: none;} .main_hd_tab .tab_content > div.on{display: block;} .main_hd_tab .tab_content ul{font-size:0;} .main_hd_tab .tab_content ul li{display: inline-block;vertical-align: top;} .main_hd_tab .tab_content ul li + li{margin-left:30px;} .main_hd_tab .tab_content ul li .thumb{} .main_hd_tab .tab_content ul li p{font-size:15px;color:#444;font-weight:600;margin-top:10px;} /*상품*/ /*신상품*/ .main_new{margin-top:83px;} .main_new .new_tab{display: inline-block;vertical-align: top;margin-top:21px;margin-left:33px;} .main_new .new_tab li{display: inline-block;font-size:15px;color:#333;font-weight:500;cursor:pointer;} .main_new .new_tab li + li{margin-left:35px;} .main_new .new_tab li.on{color:#ff7900;font-weight:700;} .main_new .prd_content{margin-top:27px;} .main_new .prd_content > div{width: 100%;margin: 0;padding: 0;overflow: hidden; height: 0;transition: opacity 1s;opacity:0;} .main_new .prd_content > div.on{height: auto;overflow: inherit;transition: opacity 1s;opacity:1;} #wrap .main_new .goods_list_tit{margin-bottom:0;} .main_new .btn_goods_more{bottom:auto;top:-55px;} /*#wrap .main_new .prd_content #new01 .item_custom_type ul li:nth-last-child(-n+2){display: none;} *//*임시*/ #wrap .main_prd .item_custom_type ul .item_line5{width:calc(20% - 20px);margin-left:20px;} /*배너 + 상품*/ .main_thumb_prd{width:1100px;margin:0 auto;box-sizing:border-box;position: relative;padding-bottom:100px;} #wrap .main_thumb_prd .goods_list_tit{margin-bottom:0;} .main_thumb_prd .arw_box{width:76px;position: absolute;z-index:13;} .main_thumb_prd .arw_box:after{clear:both;content:"";display: block;} .main_thumb_prd .slick-arrow{width:16px;height:30px;display: inline-block;vertical-align: top;position: static;transform:none;} .main_thumb_prd .slick-prev{background:url('../images/SeVe5L3PqIfa.png')no-repeat center;float: left;} .main_thumb_prd .slick-next{background:url('../images/FfBs0DXRBZ9K.png')no-repeat center;float: right;} .main_thumb_prd .slide_box{position: relative;overflow: visible;} .main_thumb_prd .slick-list{overflow: visible;} .main_thumb_prd .slick-slide{display:flex;justify-content: space-between;} .main_thumb_prd .slick-slide .thumb_box{position: relative;box-sizing:border-box;} .main_thumb_prd .slick-slide .thumb_box > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;} .main_thumb_prd .slick-slide .thumb_box .txt_box{display: inline-block;position: absolute;top:8.5%;} .main_thumb_prd .slick-slide .thumb_box .txt_box h3{font-size:60px;color:#130e0e;font-weight:300;letter-spacing:-3px;line-height:66px;} .main_thumb_prd .slick-slide .thumb_box .txt_box p{font-size:18px;color:#130e0e;font-weight:400;letter-spacing:-0.36px;line-height:28px;margin-top:23px;} .main_thumb_prd .slick-slide .thumb_box .thumb{width:100%;} .main_thumb_prd .slick-slide .thumb_box .thumb img{width:100%;} .main_thumb_prd .product_box{width:160px;padding-left:20px;background:#fff;} .main_thumb_prd .product_box .goods_list{padding-bottom:0;} #wrap .main_thumb_prd .item_custom_type ul li{margin-left:0;margin-bottom:20px;display: block;width:100%;} #wrap .main_thumb_prd .item_custom_type ul li:last-child{margin-bottom:0;} #wrap .main_thumb_prd .item_custom_type ul .item_info_cont{padding-top:13px;} #wrap .main_thumb_prd .item_custom_type ul .item_info_cont .icon{height:auto;} #wrap .main_thumb_prd .item_custom_type ul .item_info_cont .item_tit_box .item_brand{margin-top:-4px;font-size:14px;} #wrap .main_thumb_prd .item_custom_type ul .item_info_cont .item_money_box{border-bottom:none;padding:3px 0 2px 0;} #wrap .main_thumb_prd .item_custom_type ul .item_info_cont .item_money_box .item_price{display: inline-block;} #wrap .main_thumb_prd .item_custom_type ul .item_info_cont .item_money_box .right{position: static;} #wrap .main_thumb_prd .item_custom_type ul li .review_box{margin-top:0;} /*left*/ .main_prd_box01{background:#f5f5f5;box-sizing:border-box;padding-top:59px;} /* .main_thumb_prd.left{margin-top:59px;} */ /* .main_thumb_prd.left:before{left:-37.2%;width:100%;height:460px;content:"";background:#f5f5f5;position: absolute;bottom:0;} */ .main_thumb_prd.left .arw_box{top:36.7%;left:-111px;} .main_thumb_prd.left .slick-slide .thumb_box{/* padding-right:20px; */padding-left:179px;} .main_thumb_prd.left .slick-slide .thumb_box .txt_box{text-align: left;left:-112px;opacity:0;transition:all 0.5s;} .main_thumb_prd.left .slick-active .thumb_box .txt_box{opacity:1;transition:all 0.5s;transition-delay:0.5s;} /*right*/ .main_prd_box02{background:#f5f5f5;box-sizing:border-box;padding-top:60px;} .main_thumb_prd.right{/* margin-top:60px */;width:1100px;} /* .main_thumb_prd.right:before{right:-37.2%;width:100%;height:460px;content:"";background:#f5f5f5;position: absolute;bottom:0;} */ .main_thumb_prd.right .arw_box{top:36.7%;right:-111px;} .main_thumb_prd.right .slick-slide{flex-direction:row-reverse;} .main_thumb_prd.right .slick-slide .thumb_box{/* padding-left:20px; */padding-right:184px;} .main_thumb_prd .slick-slide .thumb_box .txt_box{text-align:right;right:-103px;} .main_thumb_prd.right .product_box{padding:0 20px 0 0;} .main_thumb_prd.right .slick-slide .thumb_box .txt_box{opacity:0;transition:all 0.5s;} .main_thumb_prd.right .slick-active .thumb_box .txt_box{opacity:1;transition:all 0.5s;transition-delay:0.5s;} @media only screen and (max-width:1400px){ .main_thumb_prd.left .slick-slide .thumb_box .txt_box{left:-30px;} .main_thumb_prd.left .arw_box{left:-30px;} .main_thumb_prd.right .slick-slide .thumb_box .txt_box{right:-30px;} .main_thumb_prd.right .arw_box{right:-30px;} } /*시즌상품*/ .prd_season{margin-top:140px;} /*베스트상품*/ #wrap .main_best{margin-top:142px;} #wrap .main_best .goods_list_tit{text-align: center;margin-bottom:47px;} #wrap .main_best .goods_list{margin:0 auto;box-sizing:border-box;} #wrap .main_best .item_custom_type{/* width:1480px; */margin:0 auto;box-sizing:border-box;} #wrap .main_best .item_custom_type{overflow:visible;} #wrap .main_best .item_custom_type ul{counter-reset:list-number;} #wrap .main_best .item_custom_type ul li{margin:0;counter-increment:list-number;} #wrap .main_best .item_custom_type ul li:nth-child(-n+9):before{content:"0" counter(list-number);} #wrap .main_best .item_custom_type ul li:before{content:counter(list-number);font-size:26px;color:#130e0e;font-weight:500;letter-spacing:-0.52px;position: absolute;top:-18px;left:9px;z-index:5;} #wrap .main_best .item_slide_container .slide_control{padding:0 15px;} #wrap .main_best .item_custom_type ul li:hover .item_slide_container .slide_control{bottom:9px;} #wrap .main_best .item_slide_container .slide_control .slide_pagination{width:76.8%;} #wrap .main_best .item_slide_container .slide_control .cnt_box span{font-size:14px;} #wrap .main_best .item_custom_type ul .item_info_cont .item_icon_box .goods_btn_cart{top:-10px;right:4px;} #wrap .main_best .item_custom_type ul .item_info_cont .item_icon_box .btn_basket_cart{background-size:auto 23px;} @media only screen and (max-width:1550px){ #wrap .main_best .goods_list{width:100%;padding:0 30px;} } /*온라인전용*/ .prd_online{margin-top:131px;} /*배너 + 상품*/ .middle_bnr{width:1400px;box-sizing:border-box;margin:0 auto;margin-top:125px;} .bnr_content{display:flex;} .middle_bnr .bnr_wrap{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(33.3333% - 17px);} .middle_bnr .bnr_wrap + .bnr_wrap{margin-left:25px;} .middle_bnr .bnr_wrap .thumb a{display: block;width:100%;height:100%;} .middle_bnr .bnr_wrap .thumb img{width:100%;} .middle_bnr .bnr_wrap .txt_box{margin-top:19px;} .middle_bnr .bnr_wrap .txt_box p{font-size:26px;color:#130e0e;font-weight:400;letter-spacing:-0.78px;line-height:38px;} .middle_bnr .product_box{margin-top:25px;} #wrap .middle_bnr .goods_list_tit{margin-bottom:0;} #wrap .middle_bnr .item_custom_type ul li{margin:0;display: block;width:100%;} #wrap .middle_bnr .item_custom_type ul li + li{margin-top:20px;} #wrap .middle_bnr .item_custom_type ul .item_cont{display:flex;align-items:center;} #wrap .middle_bnr .item_custom_type ul .item_photo_box{width:110px;} #wrap .middle_bnr .item_custom_type ul .item_info_cont{width:calc(100% - 110px);box-sizing:border-box;padding:0 0 0 20px;} #wrap .middle_bnr .item_custom_type ul .item_info_cont .item_money_box{padding:20px 0 0 0;border-bottom:none;} #wrap .middle_bnr .item_custom_type ul .item_info_cont .item_money_box .right{float:none;display: inline-block;vertical-align: top;margin-left:7px;} @media only screen and (max-width:1450px){ .middle_bnr{width:100%;padding:0 30px;} .middle_bnr .bnr_wrap .txt_box p{font-size:20px;line-height:28px;} } /*와이드배너*/ .main_wide_bnr{margin-top:22px;} .main_wide_bnr .main_w_custom{display:flex;} .main_wide_bnr .bnr_box{display: inline-block;box-sizing:border-box;width:50%;vertical-align: top;} .main_wide_bnr .bnr_box a{display: block;width:100%;height:100%;} .main_wide_bnr .bnr_box a img{max-width:100%;} /*게시판*/ .main_bbs{position: relative;margin-top:120px;padding-top:90px;} .main_bbs:before{width:50%;height:320px;content:"";background:#f5f5f5;position: absolute;left:-17.3%;top:0;} .main_bbs .main_w_custom{font-size:0;} .main_bbs .btn_goods_more{bottom:8px;} .main_bbs .main_w_custom .sub_bbs_box{display: inline-block;box-sizing:border-box;width:calc(50% - 30px);vertical-align: top;} .main_bbs .main_w_custom .sub_bbs_box + .sub_bbs_box{margin-left:60px;} .main_bbs .event_ul{margin-top:18px;} .main_bbs .event_ul li .thumb{width:100%;height:380px;} .main_bbs .event_ul li .thumb a{display: block;width:100%;height:100%;position: relative;overflow:hidden;} .main_bbs .event_ul li .thumb a img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .main_bbs .slick-dots{bottom:20px;} .main_bbs .slick-dots li{margin:0 6px;} .main_bbs .slick-dots li button{padding:0;box-sizing:border-box;background:#fff;border-radius:100%;opacity:0.8;width:8px;height:8px;} .main_bbs .slick-dots li.slick-active button{background:#ff7900;opacity:1;} .main_bbs .notice_ul{box-sizing:border-box;border-top:1px solid #eee;margin-top:20px;} .main_bbs .notice_ul li{box-sizing:border-box;padding:0 20px 0 10px;border-bottom:1px solid #eee;} .main_bbs .notice_ul li:after{clear:both;content:"";display: block;} .main_bbs .notice_ul li a{display: inline-block;font-size:16px;color:#555;font-weight:300;letter-spacing:-0.32px;line-height:61px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main_bbs .notice_ul li .date{float: right;font-size:15px;color:#bbb;font-weight:300;letter-spacing:-0.3px;line-height:61px;} /*─────────────────────────────────────────────────────────── 브랜드 ───────────────────────────────────────────────────────────*/ #wrap .goods_brand .sub_tit{padding-top:0;} #wrap .brand_all_list{background:#f8f8f8;box-sizing:border-box;padding:40px 60px 33px;margin-top:43px;text-align: center;margin-bottom:50px;} #wrap .brand_search_box{width:500px;border:1px solid #ddd;height:50px;margin:0 0 30px 0;text-align:left;position: relative;} #wrap .brand_search_box #brand_search{width:calc(100% - 50px);height:100%;line-height:50px;padding:0 0 0 20px;font-size:15px;color:#777;font-weight:400;} #wrap .brand_search_box .btn_brand_search{border:none !important;position: absolute;right:14px;top:12px;} #wrap .brand_key{font-size:0;} #wrap .brand_all_list .bnt_all_brand, #wrap .brand_all_list .alphabet .all{margin-left:0;width:64px;} #wrap .brand_key button{width:36px;height:36px;box-sizing:border-box;border:1px solid #ddd;margin:0 3px 8px;font-size:14px;color:#666;font-weight:400;line-height:36px;} #wrap .brand_key button.on{color:#fff;} #wrap .brand_all_list .bnt_all_brand{color:#fff;border-color:#ff7900;background:#ff7900;} #wrap #brandArea{margin:0;font-size:0;display:flex;flex-wrap:wrap;} #wrap #brandArea:after{clear:both;content:"";display: block;} #wrap #brandArea > li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(25% - 15px);margin:0 0 40px 20px;border:1px solid #ddd;height:140px;} #wrap #brandArea > li:nth-of-type(4n+1){margin-left:0;} #wrap #brandArea > li .all_menu_cont{padding:0;width:100%;height:100%;} #wrap #brandArea > li .all_menu_cont a{display:flex;width:100%;height:100%;padding:0;align-items:center;justify-content:center;} #wrap #brandArea li .all_depth1{display: none;} /*─────────────────────────────────────────────────────────── 기획전 ───────────────────────────────────────────────────────────*/ .goods_event_sale{margin-top:36px;} .goods_event_sale h3{font-size:26px;color:#130e0e;font-weight:500;letter-spacing:-0.52px;border-bottom:1px solid #000;padding-bottom:42px;} .goods_event_sale .btn_goods_more{bottom:auto;top:10px;} .goods_event_sale .top_banner{} .goods_event_sale .top_banner p{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.36px;} /*─────────────────────────────────────────────────────────── 게시판 | 이벤트 ───────────────────────────────────────────────────────────*/ #wrap .board_zone_tit.sub_tit{padding:0;margin:0;} #wrap .board_zone_tit h2{} #wrap .event_hot_list{border:none;padding:39px 0 40px 0;} #wrap .event_hot_list ul{font-size:0;text-align: center;} #wrap .event_hot_list ul li{display: inline-block;box-sizing:border-box;vertical-align: top;border-bottom:2px solid #f5f5f5;width:50%;text-align: center;padding-bottom:13px;margin:0;} #wrap .event_hot_list ul li a{display: block;width:100%;font-size:17px;color:#888;font-weight:400;height:auto;border:none;} #wrap .event_hot_list ul li.on{border-bottom:2px solid #333;} #wrap .event_hot_list ul li.on a{color:#111;font-weight:500;} .board_list_event ul li{text-align: center;} .board_list_event .event_list ul{font-size:0;} .board_list_event .event_list ul:after{clear:both;content:"";display: block;} .board_list_event .event_list ul li{display: inline-block;box-sizing:border-box;vertical-align: top;float: left;margin:0 0 34px 28px;width:calc(33.333% - 19px);} .board_list_event .event_list ul li.no_data{width:100%;font-size:22px;color:#130e0e;font-weight:400;letter-spacing:-0.44px;} .board_list_event .event_list ul li:nth-of-type(3n+1){clear:both;float: left;margin-left:0;} .board_list_event .event_cont{display: block;} .board_list_event .board_img{display: block;border:none;} .board_list_event .board_img a{width:100%;height:0;padding-bottom:260px;position: relative;overflow:hidden;display: block;} .board_list_event .board_img a img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;} .board_list_event .board_img .end{display: block;width:100%;height:100%;position: absolute;left:0;top:0;z-index:2;background:rgba(0,0,0,0.2);} .board_list_event .board_img .end span{display: inline-block;box-sizing:border-box;position: absolute;top:0;left:0;width:50px;height:30px;line-height:32px;background:#000;text-align: center;font-size:15px;color:#fff;font-weight:400;} .board_list_event .event_info_cont{display: block !important;padding:0;text-align:left;margin-top:16px;} .board_list_event .event_info_cont .board_tit a:hover strong{text-decoration:none;} .board_list_event .event_info_cont .board_tit a strong {font-size:22px;color:#130e0e;font-weight:400;letter-spacing:-0.44px;} .board_list_event .event_info_cont .board_txt {font-size:16px;} .board_list_event .event_info_cont .board_event_day {font-size:15px;color:#888;font-weight:400;margin:12px 0 0 0;} /*뷰페이지*/ .board_zone_view .board_view_tit{border:none;border-bottom:1px solid #000;background:transparent;padding:0 0 33px;margin-top:34px;} .board_zone_view .board_view_tit h3{font-size:26px;color:#130e0e;font-weight:400;letter-spacing:-0.52px;} .board_zone_view .board_view_tit .view_info_day{font-size:15px;color:#888;font-weight:400;display: block;margin-top:14px;} .board_zone_view .board_view_content{border-bottom:1px solid #ddd;} #wrap .board_view_comment{margin-top:45px;} #wrap .view_comment_top{border:none;padding:0;} #wrap .view_comment_top span{font-size:16px;color:#555;font-weight:400;} #wrap .view_comment_top span strong{font-size:inherit;color:#ff7900;font-weight:600;} #wrap .view_comment_list{padding:0;border-top:1px solid #222;box-sizing:border-box;background:none;margin-top:14px;} #wrap .view_comment_list ul li{border:none;border-bottom:1px dotted #ddd;box-sizing:border-box;position: relative;} #wrap .view_comment_list ul li .write_box{position: relative;} #wrap .view_comment_list ul li .write_box em{font-size:14px;color:#333;font-weight:400;} #wrap .view_comment_list ul li .write_box .comment_name_box{margin-top:5px;} #wrap .view_comment_list ul li .write_box .comment_name_box span{font-size:13px;color:#999;font-weight:400;position: relative;display: inline-block;padding:0;} #wrap .view_comment_list ul li .write_box .comment_name_box span + span:before{width:1px;height:11px;content:"";background:#ccc;display: inline-block;vertical-align: middle;margin:0 10px 0 7px;} #wrap .comment_btn_box{position: absolute;right:20px;bottom:5px;font-size:0;} #wrap .comment_btn_box span{display: inline-block;vertical-align: top;} #wrap .comment_btn_box span + span{margin-left:5px;} #wrap .comment_btn_box span button{border:none;background:none !important;padding:0;} #wrap .view_comment{border-bottom:1px solid #ddd;} #wrap .board_comment_box{background:#fff;padding:0 0 30px;} #wrap .board_comment_write{padding:30px 0 0 0;} #wrap .board_comment_write .comment_textarea{display:flex;} #wrap .board_comment_write .comment_textarea textarea{width:calc(100% - 150px);height:120px;background:#f5f5f5;box-sizing:border-box;padding:20px 20px;font-size:14px;color:#777;font-weight:400;border:none;} #wrap .board_comment_write .comment_textarea textarea::placeholder{color:#777;} #wrap .board_comment_write .btn_comment_box{position: static;width:140px;border:none;} #wrap .board_comment_write .btn_comment_ok{height:100%;width:100%;background:#222;border:1px solid #ccc;box-sizing:border-box;} #wrap .board_comment_write .btn_comment_ok em{font-size:18px;color:#fff;font-weight:400;} #wrap .board_zone_sec .btn_center_box{margin-top:50px;} #wrap .btn_board_list{width:140px;height:50px;line-height:50px;border:1px solid #ff7900;background:#ff7900;} #wrap .btn_board_list strong{font-size:16px;color:#fff;font-weight:500;} #wrap .board_zone_cont .related_prd{box-sizing:border-box;border-bottom:1px solid #ddd;margin-top:23px;} #wrap .board_zone_cont .related_prd h3{font-size:24px;color:#111;font-weight:400;margin-bottom:21px;} #wrap .board_zone_cont .related_prd .goods_list_tit{display: none;} #wrap .board_zone_cont .related_prd .item_custom_type ul .item_line4:nth-child(n+5){display: none;} /*─────────────────────────────────────────────────────────── 고객센터 ───────────────────────────────────────────────────────────*/ .cs_tab{border-bottom:1px solid #ddd;margin:30px 0 60px;} .cs_tab ul{font-size:0;text-align: center;} .cs_tab ul li{display: inline-block;box-sizing:border-box;vertical-align: top;} .cs_tab ul li + li{margin-left:52px;} .cs_tab ul li a{font-size:18px;color:#777;font-weight:400;position: relative;padding-bottom:13px;display: block;} .cs_tab ul li.on a{color:#222;font-weight:500;} .cs_tab ul li.on a:before{width:100%;height:1px;content:"";background:#ff7900;position: absolute;left:0;bottom:-1px;} .body-qa .cs_tab{margin-bottom:50px;} /*─────────────────────────────────────────────────────────── 서브페이지 기본 ───────────────────────────────────────────────────────────*/ /*** 마이페이지 - 최근본상품 ***/ #wrap .mypage_main .item_photo_box a > img {width:auto;height:auto;} #wrap .mypage_main .item_photo_box > a > img.middle {width:100%;height:auto;} /*** 공통 버튼 - 회색버튼 ***/ .btn_center_box .btn_pw_cancel + .btn_pw_certify {margin:0 5px;} /* 장바구니 옵션선택 레이어팝업 옵션수량 천만단위 틀어짐 수정 */ #wrap .option_list.item_choice_list table col:nth-of-type(1) {width:350px !important;} #wrap .option_list.item_choice_list table col:nth-of-type(3) {width:110px !important;} /*─────────────────────────────────────────────────────────── 플러스 리뷰 ───────────────────────────────────────────────────────────*/ /* 플러스리뷰 */ #wrap .sub_tit.plusreview {padding-bottom:42px;} #wrap .board_zone_tit.area_title {padding:0 0 30px;margin:0;border:0;} #wrap .board_zone_tit.area_title h2 {font-size:26px;line-height:1;font-weight:400;color:#222;letter-spacing:0;display:block;display: flex;align-items: center;justify-content: space-between;} #wrap .board_zone_tit.area_title .button {} #wrap .board_zone_tit.area_title .button a {width:100px;height:46px;font-size:16px;line-height:46px;font-weight:500;color:#fff;padding:0;margin:0;} #wrap .board_zone_tit.area_title .button a em {font-size:inherit;font-weight:inherit;color:inherit;} #wrap .board_list_plus_review{position:relative; /*width:100%;*/ padding:0; border-top:0;} #wrap .board_list_plus_review:after{display:block; clear:both; content:"";} #wrap .board_list_plus_review > ul{float:left; width:100%; font-size:0;} #wrap .board_list_plus_review > ul > li{display:inline-block; position:relative; margin:0 0 40px 0; font-size:12px; text-align:center; vertical-align:top;} #wrap .board_list_plus_review .plus_review_cont{overflow:hidden; margin:0 10px 0 10px; padding:0; border:1px solid #dbdbdb;} /* 리스트 더보기 */ #wrap .btn_list_more_box{text-align: center;margin-top:60px;} #wrap .btn_list_more_box.hide{display:none;} #wrap .btn_list_more{display:inline-block; min-width:160px;height:60px;padding:0; color:#fff; font-weight:500; border:1px solid #ff7900; background:#ff7900; text-align:center;cursor: pointer;font-size:18px;line-height:48px;font-weight:400;} #wrap .btn_list_more:hover{color:#fff; border:1px solid #ff7900;} /* ------ 플러스리뷰 상세 내용 ------ */ .plus_review_view{margin:40px 0 0 0; background:#ffffff;border-top:1px solid #333;} .plus_review_view_list{display:table; width:100%; margin-top:0; padding:40px 0; border-top:0; border-bottom:1px solid #eee;} .plus_review_view_list.view_point_bg{background:#fff;} /* 별 + 날짜 + 이름 */ .plus_review_view .star_day_name{display:block;width:100%;padding:0 0 20px;} .plus_review_view .star_day_name strong{display:inline-block; color:#ffcc00; font-size:0;vertical-align:text-top;} .plus_review_view .star_day_name strong span {width:16px;height:16px;display:inline-block;background:url('../images/I8K2hqZznwlF.png') no-repeat center;background-size:16px;padding:0;margin:0;font-size:0;} .plus_review_view .star_day_name strong span + span {margin-left:4px;} .plus_review_view .star_day_name .date {display:inline-block;font-size:14px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.0em;vertical-align:middle;margin-left:17px;} .plus_review_view .star_day_name span{display:block; padding:5px 0 5px 0; color:#787878;} .plus_review_view .star_day_name .goods_photo{display:block;width: 108px;height: 108px;border:1px solid #dbdbdb;margin-bottom:15px;} .plus_review_view .star_day_name .goods_photo img{width:100%; height:100%;} .plus_review_view .star_day_name .goods_photo + strong {margin-bottom: 15px;} /* 옵션, 내용 */ .plus_review_view .option_text_file_box{display:table-cell; width:calc(100% - 320px); padding:0 20px 0 0; vertical-align:top;} /* 옵션 */ .plus_review_view .option_list_cont{display:table-cell;width:320px; padding:0 0 0 40px; border-bottom:0;border-left:1px solid #eee;background:#fff;box-sizing:border-box;} .plus_review_view .option_list_cont .write {font-size:14px;line-height:1;font-weight:400;color:#666;letter-spacing:-0.03em;padding-bottom:13px;} .plus_review_view .option_list_cont .write strong {font-size:inherit;font-weight:600;color:#333;} .plus_review_view .option_list_cont dl{display:block; width:100%; min-height:auto; padding:0; font-size:0;} .plus_review_view .option_list_cont dt{display:inline-block; width:60px; padding:0; color:#666; font-size:14px;line-height:24px; font-weight:400;letter-spacing:-0.03em;vertical-align:middle;} .plus_review_view .option_list_cont dd{display:inline-block; height:21px; padding:0; font-size:14px;line-height:24px;font-weight:400;color:#777;vertical-align:middle;} /* 내용 */ .plus_review_view .text_file_cont{} .plus_review_view .text_file_cont .review_text{min-height:auto; margin:0 0 15px 0;} .plus_review_view .text_file_cont .goods_tit {font-size:15px;line-height:1;font-weight:500;color:#333;letter-spacing:-0.03em;} .plus_review_view .text_file_cont .review_text.reviews_new{text-indent:0; background:none;font-size:14px;line-height:24px;font-weight:400;color:#666;letter-spacing:-0.03em;margin-top:-7px;} .plus_review_view .text_file_cont .btn_review_text_more{margin:0 0 0 10px; color:#484848; font-size:11px; border-bottom:1px solid #484848;} .plus_review_view .text_file_cont .btn_view_comment_box{margin:0 0 20px 0;} /* 내용안에 이미지 */ .plus_review_view .text_file_cont .file_upload_list{} .plus_review_view .text_file_cont .file_upload_list{float:none; font-size:0;} .plus_review_view .text_file_cont .file_upload_list ul{} .plus_review_view .text_file_cont .file_upload_list ul li{display:inline-block; position:relative; width:auto; height:auto; margin:10px 8px 10px 0;} .plus_review_view .text_file_cont .file_upload_list ul li img{width:110px; height:110px; border:0;} .plus_review_view .text_file_cont .file_upload_list .img_pr_zoom{position:absolute; top:120px; left:0px; max-width:600px; width:auto; height:auto; z-index:999000;} /* 댓글 */ .plus_review_view .review_comment_box{display:block;} .plus_review_view .review_comment{padding:0 0 10px 0;} .plus_review_view .review_comment_top{overflow:hidden; width:100%; padding:20px 0 0; border-bottom:none 0;} .plus_review_view .review_comment_top .comment_num{padding:0;font-size:14px;line-height:1;font-weight:400;color:#222;letter-spacing:-0.02em;} .plus_review_view .review_comment_top .comment_num strong{ border-bottom:1px solid #333;} .plus_review_view .review_comment_top .comment_best_num{color:#ff7900;font-size:14px;font-weight:400;letter-spacing:-0.03em;margin-right:25px;} .plus_review_view .review_comment_top .comment_best_num strong {font-weight:500;} .plus_review_view .review_comment_top .comment_best_num .btn_comment_best {width:auto;height:25px;border:1px solid #ff7900;background:#fff;box-sizing:border-box;padding:0 10px;font-size:13px;line-height:23px;font-weight:400;color:#ff7900;} .plus_review_view .review_comment_top .comment_best_num .btn_comment_best em {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;} .plus_review_view .review_comment_top .btn_gray_list {} .plus_review_view .review_comment_top .btn_gray_list button {width:auto;height:25px;border:1px solid #666;background:#fff;box-sizing:border-box;padding:0 10px;font-size:13px;line-height:23px;font-weight:400;color:#666;vertical-align:top;} .plus_review_view .review_comment_top .btn_gray_list button span {font-size:inherit;font-weight:inherit;color:inherit;padding:0;} .plus_review_view .review_comment_top .btn_view_comment_box{float:right;} /* 전체후기 */ #wrap .board_zone_sec .plus_review_view_list {/* display:flex; */padding:30px 0;justify-content: space-between;} #wrap .board_zone_sec .plus_review_view_list > .star_day_name {display: table-cell;width:150px !important;padding: 0;} #wrap .board_zone_sec .plus_review_view_list > .star_day_name + .option_text_file_box {width: calc(100% - 830px);} #wrap .board_zone_sec .plus_review_view_list > .star_day_name .date {margin-left:0;display:block;} #wrap .board_zone_sec .plus_review_view_list > .option_list_cont {width: 300px;} #wrap .plus_review_goods_search{margin:0 0 30px 0;} #wrap .plus_review_goods_search .plus_review_goods_option{padding:0; width:100%; margin:0;} #wrap .plus_review_goods_search .plus_review_goods_option > *{float:left; margin:0 0 0 10px} #wrap .plus_review_goods_search .plus_review_goods_option > *:first-child{margin:0;} #wrap .plus_review_goods_search .plus_review_goods_option select{width:297px;} #wrap .plus_review_goods_search .plus_review_goods_option .chosen-single{height:50px;padding-left:15px;} #wrap .plus_review_goods_search .plus_review_goods_option .chosen-single, #wrap .plus_review_goods_search .plus_review_goods_option .chosen-container .chosen-results{color:#333 !important; font-size:16px !important;border-color:#ccc;} #wrap .plus_review_goods_search .plus_review_goods_option option, #wrap .plus_review_goods_search .plus_review_goods_option .chosen-single > span{line-height:48px !important;} #wrap .plus_review_goods_search .plus_review_goods_option .chosen-single div {width: 28px;} #wrap .plus_review_goods_search .plus_review_goods_option .chosen-single div b {background: url('../images/8Ijr9OwVPAaf.png') no-repeat center right 15px;} #wrap .plus_review_goods_search .plus_review_goods_option input{width:297px; height:50px;font-size:16px;line-height:48px;color:#777;border:#cccccc 1px solid;padding-left:15px;} #wrap .plus_review_goods_search .plus_review_goods_option a.btn_search{width:50px;height:50px;background:#333;padding:0;margin:0;margin-left:10px;} #wrap .plus_review_goods_search .plus_review_goods_option a.btn_search span{font-size:0;padding:0;display:block;width:100%;height:100%;background:url('../images/pUO3MLhaIrd8.png') no-repeat center;background-size:24px auto;} #wrap .best_review_sec {background:#f5f5f5;padding:60px 0;margin-bottom:90px;} #wrap .best_review_sec .board_zone_tit.area_title {padding-bottom:20px;} #wrap .best_review_sec .board_list_best_review {} #wrap .best_review_sec .board_list_best_review .review_list {width:calc(100% + 28px);margin-left:-14px;overflow: visible;counter-reset: section;} #wrap .best_review_sec .board_list_best_review .review_list li {padding:10px 14px 0;position:relative;cursor:pointer;} #wrap .best_review_sec .board_list_best_review .review_list li:before {content: "0" counter(section);counter-increment: section;font-size:26px;line-height:1;font-weight:400;color:#130e0e;position:absolute;top:-2px;left:23px;} #wrap .best_review_sec .board_list_best_review .review_list li:first-of-type:before {color:#ff7900;} #wrap .best_review_sec .board_list_best_review .review_list li:nth-of-type(n+10):before {content: counter(section);} #wrap .best_review_sec .board_list_best_review .review_list li a {position:absolute;width:100%;height:100%;display:block;top:0;left:0;z-index:10;} #wrap .best_review_sec .board_list_best_review .review_list li .thumb {font-size:0;} #wrap .best_review_sec .board_list_best_review .review_list li .thumb img {width:100%;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box {background:#fff;text-align:left;padding:30px;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box > strong {font-size:16px;line-height:1;font-weight:500;color:#130e0e;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-bottom:12px;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box > p {font-size:14px;line-height:24px;font-weight:400;color:#666;letter-spacing:-0.02em;word-break:break-all;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box .star_day_name {display:flex;align-items: center;justify-content: space-between;padding-top:11px;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box .star_day_name strong {font-size:0;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box .star_day_name strong span {width:17px;height:17px;display:inline-block;font-size:0;background:url('../images/I8K2hqZznwlF.png') no-repeat center;background-size:17px;} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box .star_day_name strong span + span {} #wrap .best_review_sec .board_list_best_review .review_list li .txt_box .star_day_name .write {font-size:14px;font-weight:600;color:#333;letter-spacing:-0.02em;} #wrap .best_review_sec .board_list_best_review .review_list .slick-arrow {width:16px;height:30px;font-size:0;top:50%;transform:translateY(-50%);} #wrap .best_review_sec .board_list_best_review .review_list .slick-prev {left:-20px;background:url('../images/Fi2hPyNJNkWf.png') no-repeat center;background-size:16px auto;} #wrap .best_review_sec .board_list_best_review .review_list .slick-next {right:-20px;background:url('../images/59BplGUYTFVX.png') no-repeat center;background-size:16px auto;} /*베스트리뷰 레이어*/ .layer_wrap_cont.bestreview_view_layer{position:fixed;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:201;} .layer_wrap_cont.plusreview_view_layer {width:800px !important;height: 80% !important;overflow-y: scroll;overflow-x:hidden;} .layer_wrap_cont.plusreview_view_layer .plus_review_view_cont {padding:60px 30px;} .layer_wrap_cont.bestreview_view_layer .layer_wrap_cont{width:800px;height:auto;box-sizing:border-box;position: relative;padding:60px 30px;font-size:0;top:50% !important;transform:translate(-50%,-50%);position:absolute;margin:0;left:50%;height: 80%;overflow-y: scroll;} .layer_wrap_cont.bestreview_view_layer .layer_wrap_cont .ly_cont{width:100%;box-sizing:border-box;position: relative;font-size:0;} .layer_wrap_cont.bestreview_view_layer {} .layer_wrap_cont.bestreview_view_layer .ly_close {} .layer_wrap_cont .review_photo_box {width:500px;height:500px;margin:0 auto 60px;position:relative;} .layer_wrap_cont .review_photo_box {width:500px;height:500px;margin:0 auto 60px;position:relative;} .layer_wrap_cont .review_photo_box .photo_slide_box {width:100% !important;height:100% !important;margin:0 auto;overflow:visible;} .layer_wrap_cont .review_photo_box .photo_slide_box .slick-list {overflow:hidden;height: 100%;} .layer_wrap_cont .review_photo_box .photo_slide_box li {width:500px !important;display:block;overflow:hidden;height:500px;position: relative;} .layer_wrap_cont .review_photo_box .photo_slide_box li img {display:block;width:100% !important;height:auto !important;position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;} .layer_wrap_cont .review_photo_box .slick-arrow {width:16px;height:30px;font-size:0;top:50%;transform:translateY(-50%);} .layer_wrap_cont .review_photo_box .slick-prev {left:-46px;background:url('../images/Fi2hPyNJNkWf.png') no-repeat center;background-size:16px auto;} .layer_wrap_cont .review_photo_box .slick-next {right:-46px;background:url('../images/59BplGUYTFVX.png') no-repeat center;background-size:16px auto;} /*슬라이드*/ .layer_wrap_cont .review_photo_box .slide_control{position: absolute;bottom:14px;left:0;box-sizing:border-box;padding:0 20px;display:flex;align-items:center;justify-content:space-between;width:100%;transition:all 0.5s;} .layer_wrap_cont .review_photo_box .slide_control .slide_pagination {width:87.2%;height:2px;background:rgba(255,255,255,0.7);position: static;display: block;position: relative;overflow:hidden;} .layer_wrap_cont .review_photo_box .slide_control .slide_pagination .slider__label{height:100%;background:#ff7900;position: absolute;top:0;left:0;transition:all 0.5s;width:30%;} .layer_wrap_cont .review_photo_box .slide_control .cnt_box{font-size:0;width:auto;z-index:11;} .layer_wrap_cont .review_photo_box .slide_control .cnt_box span{font-size:14px;color:#888;font-weight:400;letter-spacing:-0.3px;display: inline-block;position: relative;} .layer_wrap_cont .review_photo_box .slide_control .cnt_box .slideCountItem:before{content:"0";font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;vertical-align: top;} .layer_wrap_cont .review_photo_box .slide_control .cnt_box span + span{padding-left:10px;} .layer_wrap_cont .review_photo_box .slide_control .cnt_box span + span:after{width:2px;height:2px;content:"";background:#555;box-sizing:border-box;border-radius:100%;position: absolute;left:4px;top:11px;} .layer_wrap_cont .plus_review_view_list {display:block;border: 0 !important;padding:20px 0 !important;} .layer_wrap_cont .plus_review_view .star_day_name {width:150px !important;display:inline-block !important;} .layer_wrap_cont .plus_review_view .star_day_name .date {margin-left:0 !important;} .layer_wrap_cont .plus_review_view .option_text_file_box {display:inline-block;width:calc(100% - 170px) !important;padding:0;} .layer_wrap_cont .plus_review_view .option_list_cont {display:block !important;padding:0 !important;background:#fff;width: 100% !important;border: 0;margin-top: 33px;border-top:1px solid #eee;padding-top:30px !important;border-left:0 !important;} /* 시스템 팝업 시작 */ #wrap .sys_pop{position:absolute; padding:30px; border:0; background:#fff;} #wrap .sys_pop .ly_head{height:auto; padding:0; text-align:center;text-align:left;padding-bottom:20px;border-bottom:1px solid #333;} #wrap .sys_pop .ly_head h2 {font-size:26px;line-height:1;font-weight:400;color:#222;} #wrap .sys_pop .box{position:relative; padding:0;} #wrap .sys_pop .box .close{display:block; position:absolute; top:6px; right:0; width:18px; height:18px; text-indent:-9999px; background:url('../images/jQzsYRgdCOGG.png') no-repeat left top;} #wrap .sys_pop .box .view{border:1px solid #dbdbdb;} #wrap .sys_pop .box .check{padding:9px 10px 9px 0; text-align:right;} #wrap .sys_pop .box .check label{padding:0 22px 0 0; background-position:right 2px; font-size:11px; color:#7c7c7c;} #wrap .sys_pop .box .check input{left:auto; right:1px; top:1px;} /* 플러스리뷰 메인 레이어팝업 */ #plusReviewPopup { position: absolute; z-index: 500; background-color: #ffffff;} #plusReviewPopup.sys_pop{padding:30px;border:0;width:700px;} #plusReviewPopup.sys_pop .ly_head{height:auto; padding:0; text-align:center;text-align:left;padding-bottom:20px;border-bottom:1px solid #333;} #plusReviewPopup.sys_pop .ly_head h2 {font-size:26px;line-height:1;font-weight:400;color:#222;} #plusReviewPopup.sys_pop .box{padding-top:0;} #plusReviewPopup.sys_pop .view{border:none 0;width:100% !important;} /* 리뷰혜택 안내 문구 */ #plusPlusReviewForm .plus_review_register .pr_info_text{padding:12px 0 12px 20px; color:#ffffff; font-size:14px; background:#666666;} #plusPlusReviewForm .plus_review_register .plus_review_write_select{width:260px;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-container {border-color:#ddd;width: 300px !important;height: 50px;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single {width:100%;height:100%;line-height:34px;padding-left:17px;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single, #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-container .chosen-results{color:#ff7900 !important; font-size:14px !important;border-color:#ddd;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-container .chosen-results li {padding-left:13px;padding-right:13px;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-container .chosen-drop {border-color:#ddd;} #plusPlusReviewForm .plus_review_register .plus_review_write_select option, #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single > span{line-height: 48px !important;color:#ff7900 !important;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single .js_pr_star_selected {display:none;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single div b {background:url('../chosen-sprite.png') no-repeat 0px 5px;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single div {width: 28px;} #plusPlusReviewForm .plus_review_register .plus_review_write_select .chosen-single div b {background: url('../images/8Ijr9OwVPAaf.png') no-repeat center right 15px;} /* 상단 사용자 */ #plusPlusReviewForm .plus_review_register .pr_user_info_select{position:relative; padding:0; border-top:0; background:#ffffff;margin:30px 0 10px;} #plusPlusReviewForm .plus_review_register .pr_user_info_select dl{display:block;min-height:50px;padding:0;font-size:0;border-bottom:0;display: table;table-layout: fixed;width:100%;} #plusPlusReviewForm .plus_review_register .pr_user_info_select dt{display: table-cell !important;min-height:50px;width:137px !important;padding:10px 0;color:#333;font-size:16px;font-weight:500;vertical-align:middle;vertical-align: top;line-height: 50px;border-bottom:0 !important;} #plusPlusReviewForm .plus_review_register .pr_user_info_select dd{display: table-cell !important;min-height:50px;padding:10px 0;color:#333;font-size:16px;font-weight:400;vertical-align:middle;} #plusPlusReviewForm .plus_review_register .pr_user_info_select dd input[type="text"], #plusPlusReviewForm .plus_review_register .pr_user_info_select dd input[type="password"] {width:300px;height:50px;border:1px solid #ddd;} /* 다른 상품 선택 */ #plusPlusReviewForm .plus_review_register dl.pr_differing_select .pr_empty_goods_txt {padding-left:16px;font-size:16px;font-weight:400;color:#333;} #plusPlusReviewForm .plus_review_register dl.pr_differing_select .pr_cell_info {width: 75%;display:inline-block;vertical-align: middle;} #plusPlusReviewForm .plus_review_register dl.pr_differing_select .pr_remove_goods {position: absolute;top: 50%;transform: translateY(-50%);font-size: 0;right: 15px;} #plusPlusReviewForm .plus_review_register .pr_goods_cont{padding:15px;width:100%;box-sizing:border-box; color:#333333;border:1px solid #ddd;margin-top:8px;position:relative;} #plusPlusReviewForm .plus_review_register .pr_goods_cont .pr_photo{display:inline-block; width:100px; height:100px; margin:0 20px 0 0; border:1px solid #ccc; vertical-align:middle;} #plusPlusReviewForm .plus_review_register .pr_goods_cont .pr_photo img{width:100%; height:100%;} #plusPlusReviewForm .plus_review_register .pr_goods_cont span{display:block; width:100%;font-size:14px;font-weight:400;color:#130e0e;letter-spacing:-0.02em;} #plusPlusReviewForm .plus_review_register .pr_goods_cont strong{display:block; padding:0; font-size:14px;font-weight:400;color:#130e0e;} #plusPlusReviewForm .plus_review_register .pr_goods_cont em{display:block; padding:10px 0 0 0; font-size:15px;font-weight:600;color:#130e0e;} #plusPlusReviewForm .plus_review_register .pr_goods_cont b{display:block; padding:5px 0 0 0; font-size:16px; color:#ff7900;} /* 주문선택 버튼 */ #plusPlusReviewForm .plus_review_register .btn_pr_goods{display:inline-block; position:relative; top:auto; right:auto; padding:0;width:116px; height:50px; color:#222; font-size:16px; line-height:50px; border:1px solid #222; font-weight:400; background:#fff !important;text-align:center;} #plusPlusReviewForm .plus_review_register .btn_pr_goods:hover{background:#f8f8f8;} /* 이 상품 리뷰등록 안함 버튼 */ #plusPlusReviewForm .plus_review_register .btn_pr_none{position:absolute; bottom:20px; right:20px; color:#707070; font-size:11px; border-bottom:1px solid #707070; font-weight:normal;} /* 상품 상세 선택 */ #plusPlusReviewForm .plus_review_register .plus_review_edit_cont{margin:10px 0 0 0; border:1px solid #f0f0f0;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select{position:relative; padding:0; border-bottom:0; background:#fff;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select dl{display:block; min-height:31px; padding:4px 0 4px 0; font-size:0;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select dt{display:inline-block; width:100px; padding:0; color:#484848; font-size:12px; vertical-align:middle;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select dd{display:inline-block; height:21px; padding:7px 0 0 0; font-size:12px; font-weight:bold; vertical-align:middle;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select input, #plusPlusReviewForm .plus_review_register .plus_review_detail_select select{width:260px; margin-top:-7px; font-weight:normal;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select .btn_differ_choice{position:absolute; bottom:20px; right:20px; color:#666666; font-size:11px; border-bottom:1px solid #666666;} #plusPlusReviewForm .plus_review_register .plus_review_detail_select .chosen-container{margin-top:-7px !important; font-weight:normal;} /* 리뷰 내용 쓰기 */ #plusPlusReviewForm .plus_review_write_textarea{height:150px; padding:10px 20px 10px 20px;border:1px solid #ddd;} #plusPlusReviewForm .plus_review_write_textarea textarea{width:100%; height:100%; color:#333333; border:none;} /* 리뷰 파일 첨부 */ #plusPlusReviewForm .plus_review_register .review_file_upload{border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;padding: 20px 0;} /* 플러스 리뷰등록 취소,등록 버튼 */ .sys_pop .btn_center_box, .ly_cont .btn_center_box{margin:43px 0 20px;font-size:0;} .sys_pop .btn_center_box button, .ly_cont .btn_center_box button {width:160px;height:60px;padding:0;font-size:18px;line-height:58px;font-weight:400;} .ly_cont .btn_center_box button + button {margin-left:20px;} .ly_cont .btn_center_box button strong {font-weight:inherit;} .sys_pop .btn_center_box .btn_pr_cancle, .ly_cont .btn_center_box .btn_pr_cancle, .ly_cont .btn_center_box .btn_ly_cancel {color:#333; border:1px solid #333; text-align:center; cursor:pointer; } .sys_pop .btn_center_box .btn_pr_save, .ly_cont .btn_center_box .btn_pr_save {color:#ffffff; border:1px solid #ff7900; background:#ff7900; text-align:center; cursor:pointer; } /* 플러스 리뷰 파일 업로드 */ #plusPlusReviewForm .review_file_upload{overflow:hidden; width:100%; height:auto; margin:-1px 0 0 0; border-top:1px solid #f0f0f0;} #plusPlusReviewForm .review_file_upload .btn_upload_box{overflow:hidden;position:relative;float:left;width:auto;padding:0;margin-right: 20px;} #plusPlusReviewForm .review_file_upload .btn_upload_box .btn_upload{width:70px; height:70px; color:#fff; border:none; background:#ffffff; text-align:center;border:1px solid #222;} #plusPlusReviewForm .review_file_upload .btn_upload_box .file{position:absolute; top:0; left:0; width:68px; height:68px; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} #plusPlusReviewForm .review_file_upload .file_upload_list{float:left; font-size:0;} #plusPlusReviewForm .review_file_upload .file_upload_list ul{} #plusPlusReviewForm .review_file_upload .file_upload_list ul li{display:inline-block;position:relative;width: 70px;height: 70px;margin: 0;} #plusPlusReviewForm .review_file_upload .file_upload_list ul li + li{margin-left:10px;} #plusPlusReviewForm .review_file_upload .file_upload_list ul li:before {content:'';display:block;position:absolute;width:11px;height:11px;background:url('../images/oQSIc9YXXoS8.png') no-repeat center;background-size:11px;top:5px;right:5px;} #plusPlusReviewForm .review_file_upload .file_upload_list ul li img{width:100%; height:100%; border:1px solid #ddd;} #plusPlusReviewForm .review_file_upload .file_upload_list ul li:hover .btn_file_photo_close{display:block;} #plusPlusReviewForm .review_file_upload .file_upload_list .btn_file_photo_close{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:#000000; filter:alpha(opacity=60); background-color:rgba(0, 0, 0, 0.6);} #plusPlusReviewForm .review_file_upload .btn_right_box{float:right; width:140px;} #plusPlusReviewForm .review_file_upload .btn_right_box .btn_plus_review_enroll{width:140px; height:60px; color:#ffffff; font-size:15px; font-weight:bold; background:#ff7900;} #plusPlusReviewForm .review_file_upload .btn_right_box .btn_plus_review_enroll:hover{background:#ff7900;} /* 플러스 리뷰 동의 */ #plusPlusReviewForm .plus_review_register .plus_review_agree_check {padding: 20px 0 0 0;width: 100%;} #plusPlusReviewForm .plus_review_register .plus_review_agree_check .check_s {font-size:16px;font-weight:400;color:#333;} #plusPlusReviewForm .plus_review_register .plus_review_agree_check .check_s strong {font-weight:inherit;} #plusPlusReviewForm .plus_review_register .plus_review_agree_check a {font-size:14px;font-weight:300;color:#444;position:relative;padding-right:17px;margin-left:10px;} #plusPlusReviewForm .plus_review_register .plus_review_agree_check a:after {width:5px;height:5px;content:"";border:1px solid #666;border-width:1px 1px 0 0;transform:rotate(45deg);position: absolute;right:2px;top:7px;} /* 딤 레이어 */ #wrap .layer_wrap .layer_wrap_cont{position:relative;border: 0;background:#ffffff;padding: 30px;} #wrap .layer_wrap .ly_tit{padding: 0 0 30px;} #wrap .layer_wrap .ly_tit h2{padding:0 30px 15px 0; font-size:18px; border-bottom:1px solid #717171;} #wrap .layer_wrap .ly_tit h4{padding: 0 0 20px;font-size: 26px;font-weight: 400;line-height: 1;border-bottom: 1px solid #000;} #wrap .layer_wrap .ly_tit h4 span{padding:0 0 0 5px; color:#777777; font-size:12px; font-weight:normal;} #wrap .layer_wrap .ly_tit h4 strong{color:#ff7900;} #wrap .layer_wrap .ly_cont{min-height:250px;padding: 0;} #wrap .layer_wrap .scroll_box{overflow-x:hidden; overflow-y:auto;} .ly_close{display:block; position:absolute; top:0px; right:0px; padding:20px;background:url('../images/XxAxEFl6LMQH.png') no-repeat center;background-size:13px;} .ly_close img {display:none;} /* 검색영역 */ #wrap .ly_date_list_box{margin:0 0 30px 0; padding:30px; border:0;background:#f5f5f5;} #wrap .ly_date_list_box:after{display:block; clear:both; content:"";} #wrap .ly_date_list_box + .btn_center_box{padding: 0 0 50px 0;margin: 0;border-bottom: 1px solid #ddd;} #wrap .ly_date_list_box + .btn_center_box button {width:160px;height:60px;font-size:18px;line-height:58px;font-weight:400;} #wrap .ly_date_list_box + .btn_center_box button em {font-size:inherit;font-weight:inherit;color:inherit;padding:0;background:none;} /* 조회기간 영역 */ #wrap .ly_date_check_list{margin:0 0 10px 0;} #wrap .ly_date_check_list h5{float:left; width:67px; padding:6px 15px 0 0; color:#777777; font-size:13px;} #wrap .ly_date_check_list{float:left;} #wrap .ly_date_check_list button{float:left; width:54px; height:31px; margin:0 0 0 -1px; color:#777777; font-size:12px; border:1px solid #d6d6d6;} #wrap .ly_date_check_list button:hover, #wrap .ly_date_check_list button.on{color:#ffffff; background:#aeaeae;} #wrap .ly_date_check_calendar{position:relative; float:left; margin:0 10px 0 10px;} #wrap .ly_date_check_calendar .anniversary{width:114px; background:url('../images/RLLfVnxqfB0m.png') no-repeat right center;} /* 카테고리 영역 */ #wrap .ly_date_select_list{margin: 0 0 9px 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} #wrap .ly_date_select_list h5{display:none;} #wrap .ly_date_select_list select{float:left; width:auto;} #wrap .ly_date_select_list .select_box {width:calc(25% - 10px);} #wrap .ly_date_select_list .select_box select{width:100%;} #wrap .ly_date_select_list .select_box + .select_box {margin-left:10px;} #wrap .ly_date_select_list .select_box .chosen-single {height:50px;padding-left:15px;} #wrap .ly_date_select_list .select_box .chosen-single, #wrap .ly_date_select_list .select_box .chosen-container .chosen-results{color:#333 !important; font-size:16px !important;border-color:#ccc;} #wrap .ly_date_select_list .select_box .chosen-container .chosen-results li {padding-left:9px;} #wrap .ly_date_select_list .select_box option, #wrap .ly_date_select_list .select_box .chosen-single > span{line-height:48px !important;} #wrap .ly_date_select_list .select_box .chosen-single div {width: 28px;} #wrap .ly_date_select_list .select_box .chosen-single div b {background: url('../images/8Ijr9OwVPAaf.png') no-repeat center right 15px;} #wrap .ly_date_select_list .select_box{display:inline-block;} /* 검색어 영역 */ #wrap .ly_date_search_list{} #wrap .ly_date_search_list:after{display:block; clear:both; content:"";} #wrap .ly_date_search_list h5{display:none;} #wrap .ly_date_search_list input[type="text"]{width:calc(100% - 230px);height:50px;border-color:#ccc;font-size:16px;line-height:48px;font-weight:400;color:#777;float: right;} #wrap .ly_date_search_list select{width:220px;} #wrap .ly_date_search_list .chosen-single {height:50px;padding-left:15px;} #wrap .ly_date_search_list .chosen-single, #wrap .ly_date_search_list .chosen-container .chosen-results{color:#333 !important; font-size:16px !important;border-color:#ccc;} #wrap .ly_date_search_list .chosen-container .chosen-results li {padding-left:9px;} #wrap .ly_date_search_list option, #wrap .ly_date_search_list .chosen-single > span{line-height:48px !important;} #wrap .ly_date_search_list .chosen-single div {width: 28px;} #wrap .ly_date_search_list .chosen-single div b {background: url('../images/8Ijr9OwVPAaf.png') no-repeat center right 15px;} /* 상품 리스트 */ #wrap .add_goods_layer .pick_list_num{display:block; padding:10px 0 10px; font-size:15px;font-weight:400;color:#333;line-height:1;} #wrap .add_goods_layer .pick_list_num strong{color:#ff7900;font-weight:600;} #wrap .add_goods_layer .form_element{margin:0 0 0 20px;} #wrap .add_goods_layer .form_element label > .pick_add_cont{margin:0 0 0 30px;} /* 상품 리스트 이미지 + 내용 */ #wrap .add_goods_layer .pick_add_cont{display:table; position:relative;} #wrap .add_goods_layer .pick_add_cont .pick_add_img{display:table-cell; width:70px; vertical-align:top;} #wrap .add_goods_layer .pick_add_cont .pick_add_img img{width:70px;height:70px;border:1px solid #ddd; vertical-align:middle;} #wrap .add_goods_layer .pick_add_cont .pick_add_info{display:table-cell; padding:0 0 0 10px; vertical-align:middle;} #wrap .add_goods_layer .pick_add_cont .pick_add_info em{display:block; font-weight:400;font-size:15px;color:#555;letter-spacing:-0.02em;} #wrap .add_goods_layer .pick_add_cont .text_type_cont{display:block; padding:3px 0 3px 0; color:#a9a9a9; font-size:11px; line-height:1;} #wrap .add_goods_layer .pick_add_cont .pick_add_plus{display:inline-block; margin:15px 10px 0 10px; padding:1px 5px 3px 5px; color:#ffffff; font-size:11px; background:#959595;} #wrap .add_goods_layer .pick_add_cont .js_item_price {} #wrap .add_goods_layer .pick_add_cont .js_item_price strong {font-size:inherit;font-weight:600;color:#130e0e;} #wrap .add_goods_layer .order_num_link{color:#329cff; border-bottom:1px solid #329cff;} /* 테이블 공통(텍스트 센터 기본) */ #wrap .top_table_type{} #wrap .top_table_type .td_left{text-align:left;} #wrap .top_table_type table{width:100%; border:0; border-spacing:0; border-collapse:collapse; text-align:center;} #wrap .top_table_type th{padding: 20px 0;color: #333;border-top: 1px solid #333;border-bottom: 1px solid #ddd;background: #fff;font-size: 16px;line-height: 1;font-weight: 400;letter-spacing: -0.02em;} #wrap .top_table_type td{padding:15px 10px 14px 10px; color:#777777; border-bottom:1px solid #dbdbdb;font-size:14px;font-weight:400;color:#555;} #wrap .top_table_type .btn_down_box{} #wrap .top_table_type .text_info{display:block; padding:2px 0 2px 0; color:#999999; font-size:11px;} #wrap .top_table_type .coupon_price{color:#333333; font-size:14px;} #wrap .top_table_type .coupon_price b{padding:0 2px 0 0; font-size:16px; color:#ff7900;} /* ------------------------ 상품선택, 주문내역 ------------------------ */ #wrap .layer_wrap.add_goods_layer{width:800px;} #wrap .add_goods_layer .scroll_box{height:250px;margin: 20px 0;padding:0 0 30px 0;border-top: 0;border-bottom: 0;} #wrap .add_goods_layer .scroll_box::-webkit-scrollbar{width: 5px;height: 5px;margin:10px 0;border-radius: 2.5px;background-color: #eee;} #wrap .add_goods_layer .scroll_box::-webkit-scrollbar-thumb {background:#aaa;border-radius:2.5px;} #wrap .add_goods_layer .scroll_box::-webkit-scrollbar-thumb {background:#aaa;border-radius:2.5px;} #wrap .add_goods_layer .scroll_box .top_table_type {padding:0 15px 0 20px;} #wrap .add_goods_layer .scroll_box + .btn_center_box {border-top:1px solid #ddd;padding:30px 0 20px;margin:0;} /**포토게시판**/ #wrap .photo_wrap{width: 100%;position: relative;overflow: visible;margin:30px 0 0;/* width:calc(100% + 15px); */padding-top: 30px;border-top:1px solid #000;box-sizing: border-box;} /*#wrap .photo_wrap:before {content:'';display:block;width:100%;position:absolute;height:1px;background:#000;top:-30px;left:0;}*/ #wrap .photo_wrap .photo{float: left;border: 1px solid #ddd;} #wrap .photo_wrap .photo + .photo {/*margin-left:18px;*/} #wrap .photo_wrap .photo:nth-of-type(4n+1) {/*margin-left:0;*/} #wrap .photo_wrap .photo a + a{display: block;border-top: 1px solid #e8e8e8;} #wrap .photo_wrap .photo .img{position: relative;min-height:50px} #wrap .photo_wrap .photo .img img{width: 100%} #wrap .photo_wrap .photo .img strong{position: absolute;right: 0;bottom: 0;width:40px;height:40px;line-height:40px;font-size: 16px;font-weight:500;color: #ffffff;background-color:#333; text-align: center;} #wrap .photo_wrap .photo .text{font-size:14px;line-height:24px;font-weight:400;color:#666;letter-spacing:-0.02em;margin: 30px 23px;padding-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.5;height: 55px;} #wrap .photo_wrap .photo .cont_wrap{position: relative;padding:20px 30px;font-size: 0;} #wrap .photo_wrap .photo .cont_wrap .img{position: static;min-height: 70px;display: inline-block;vertical-align: middle;} #wrap .photo_wrap .photo .cont_wrap .img img {width:70px;height:70px;} #wrap .photo_wrap .photo .cont_wrap .cont{padding: 0 0 0 20px;display: inline-block;vertical-align: middle;width: calc(100% - 90px);} #wrap .photo_wrap .photo .cont_wrap .cont strong{color: #130e0e;font-size: 14px;line-height: 1;font-weight: 400;white-space: nowrap;overflow: hidden;width: 100%;display: block;text-overflow: ellipsis;margin-bottom: 10px;} #wrap .photo_wrap .board_review_num{overflow: hidden;} #wrap .photo_wrap .board_review_num li{float: none;display: inline-block;position:relative;} #wrap .photo_wrap .board_review_num li + li {margin-left:9px;padding-left:10px;} #wrap .photo_wrap .board_review_num li + li:before {content:'';display:block;position:absolute;width:1px;height:10px;background:#ccc;top:50%;transform:translateY(-50%);left:0;} #wrap .photo_wrap .board_review_num li:first-child .tit{margin: 0 2px 0 0;width: 12px;height: 12px;font-size: 0;background: url('../images/I8K2hqZznwlF.png') no-repeat center top;background-size: 12px auto;display: inline-block;margin-top: -2px;} #wrap .photo_wrap .board_review_num .tit{font-size: 13px;color: #777;margin: 0;line-height: 1;font-weight: 300;vertical-align: middle;} #wrap .photo_wrap .board_review_num .con{font-size: 13px;color: #555;font-weight: 500;padding: 0 0 0 5px;vertical-align: middle;} /** 상품기준리뷰 **/ #wrap .photo_wrap .plus_review_info_cont {padding:0;} #wrap .photo_wrap .plus_review_info_cont .board_tit {margin:30px 30px 0;border-bottom:1px solid #ddd;padding:0 0 20px;} #wrap .photo_wrap .plus_review_info_cont .board_tit a {padding:0;margin:0;font-size:16px;line-height:1;font-weight:400;color:#130e0e;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;display:block;width:100%;text-overflow:ellipsis;} #wrap .photo_wrap .plus_review_info_cont .board_tit a strong {font-size:inherit;font-weight:inherit;color:inherit;} #wrap .photo_wrap .plus_review_info_cont .board_review_list {padding:16px 30px 0;} #wrap .photo_wrap .plus_review_info_cont .board_review_list ul {} #wrap .photo_wrap .plus_review_info_cont .board_review_list ul li {background:url('../images/mZRLepcRrfAF.png') no-repeat top left;background-size:16px;font-size:14px;line-height:20px;font-weight:400;color:#666;letter-spacing:-0.02em;padding-bottom:9px;} #wrap .photo_wrap .plus_review_info_cont .board_review_list ul li + li {} #wrap .photo_wrap .plus_review_info_cont .board_review_num {margin-top:7px;background:#fff;border-top:1px solid #ddd;padding:16px 30px;} /** 마이페이지 플러스리뷰 **/ #wrap .mypage_cont .board_zone_sec .plus_review_view_list > .option_list_cont {width:207px;} #wrap .mypage_cont .plus_review_goods_search {height:50px;} #wrap .mypage_cont .plus_review_goods_search .plus_review_goods_option select{width:220px;} #wrap .mypage_cont .plus_review_goods_search .plus_review_goods_option select[name="sort"]{width:160px;} #wrap .mypage_cont .plus_review_goods_search .plus_review_goods_option input[type="text"] {width:290px;}