/* RESET */ img { vertical-align:top; border:0; margin:0; padding:0; } ul, ol { list-style-type:none; } .clear { clear:both;} /* web */ #prod_template { width:1200px; padding:0 20px; margin:0 auto; } #prod_template .prod_template_info { } #prod_template .prod_template_title { color:#222222; font-size:20px; border-bottom:1px solid #cccccc; padding:80px 0 10px; margin-bottom:28px; font-weight:bold; letter-spacing:-1px; } #prod_template .prod_template_stitle { color:#222222; font-size:18px; margin-bottom:15px; } #prod_template .prod_template_line { text-align:center; } #prod_template .prod_template_line dt { font-size:40px; color:#222222; font-weight:bold; background:url('//image.prospecs.com/front/images/common/bg_titlebar.png') center bottom no-repeat; letter-spacing:-1px; padding-bottom:12px; } #prod_template .prod_template_line dd { font-size:16px; color:#222222; margin-top:12px; line-height:26px; padding:0px; } #prod_template .prod_template_img { } #prod_template .prod_template_img img { } #prod_template .prod_template_img p { margin-bottom:2px; width:100%; text-align:center; } #prod_template .prod_template_img p img { } #prod_template .prod_template_img ul { float:left; width:100%; margin-bottom:2px; } #prod_template .prod_template_img ul li.lf { float:left; width:49.9%; text-align:center; } #prod_template .prod_template_img ul li.rf { float:right; width:49.9%; text-align:center; } #prod_template .prod_template_img ul li img { width:100%; height:100%; } #prod_template .prod_template_img ul li img { width:100%; height:100%; } #prod_template .prod_template_img .prod_top_content { margin-top:20px;margin-bottom:20px;text-align:center;} #prod_template .prod_html_template { margin-bottom:2px; width:100%; text-align:center; } #prod_template .prod_tag_img { float:left; padding-bottom:50px; width:100%; } #prod_template .prod_tag_img li { float:left; width:32.3%; margin:0 15px 15px 0px; } /* 전체 레이아웃이 작아질 경우 width 의 % 값 조정 */ #prod_template .prod_tag_img li img { } #prod_template .prod_tag_img li:nth-child(3n) { margin:0 0 15px 0px; } #prod_template .prod_graphic_img { display:inline-block; text-align:left; width:100%; margin-bottom:50px; } #prod_template .prod_graphic_img li { display:inline; padding:0 15px 0px 15px; } #prod_template .prod_graphic_img li img { margin-bottom:30px; } /* mobile */ #prod_template.prod_template_mo { padding:0 20px; } #prod_template.prod_template_mo .prod_template_info { } #prod_template.prod_template_mo .prod_template_title { color:#222222; font-size:16px; border-bottom:1px solid #cccccc; padding:20px 0 10px; margin-bottom:28px; font-weight:bold; letter-spacing:-1px; } #prod_template.prod_template_mo .prod_template_stitle { color:#222222; font-size:16px; margin-bottom:15px; } #prod_template.prod_template_mo .prod_template_line { text-align:center; } #prod_template.prod_template_mo .prod_template_line dt { font-size:20px; color:#222222; font-weight:bold; background:url('//image.prospecs.com/front/images/common/bg_titlebar.png') center bottom no-repeat; letter-spacing:-1px; padding-bottom:12px; } #prod_template.prod_template_mo .prod_template_line dd { font-size:small; color:#222222; margin-top:12px; line-height:20px; padding:0 0px; } #prod_template.prod_template_mo .prod_template_img { } #prod_template.prod_template_mo .prod_template_img p { margin-bottom:2px; width:100%; } #prod_template.prod_template_mo .prod_template_img p img { width:100%; height:100%; } #prod_template.prod_template_mo .prod_template_img ul { float:none; width:100%; } #prod_template.prod_template_mo .prod_template_img ul li.lf { float:none; width:100%; margin-bottom:2px; } #prod_template.prod_template_mo .prod_template_img ul li.rf { float:none; width:100%; margin-bottom:2px; } #prod_template.prod_template_mo .prod_template_img ul li img { width:100%; height:100%; } #prod_template.prod_template_mo .prod_tag_img { float:none; padding-bottom:50px; width:100%; } #prod_template.prod_template_mo .prod_tag_img li { float:none; width:100%; margin:0 0px 10px 0px; } #prod_template.prod_template_mo .prod_tag_img li img { width:100%; } #prod_template.prod_template_mo .prod_tag_img li:nth-child(3n) { margin:0 0 15px 0px; } #prod_template.prod_template_mo .prod_graphic_img { display:inline-block; text-align:center; width:100%; margin-bottom:50px; } #prod_template.prod_template_mo .prod_graphic_img li { display:inline-block; width:20%; padding:0 0px 0px; } #prod_template.prod_template_mo .prod_graphic_img li img { margin-bottom:30px; width:100%; height:100%; } /*상품상세 리뉴얼 추가 */ .bcw {background-color:white !important;} /* product view */ .product_detail_wrap2 { overflow:hidden; } .product_detail_wrap2 .detail_photo { float:left; width:600px; height:600px !important; } .product_detail_wrap2 .detail_photo .largeImg a { width:600px; height:600px; } .product_detail_wrap2 .detail_photo .largeImg a .zoomPad { width:100%; text-align:center; } .product_detail_wrap2 .detail_photo .tit { font-size:13px; color:#000; font-family:'Noto Sans KR',GothamB; margin-top:5px; margin-bottom:10px; padding:25px 0 0 20px; } .product_detail_wrap2 .detail_photo .bigImg { width:530px; height:530px; position:relative; } .product_detail_wrap2 .detail_photo .bigImg li { position:absolute; z-index:1; } .product_detail_wrap2 .detail_photo .bigImg li:first-child { z-index:2; } .product_detail_wrap2 .detail_photo .bigImg li.active { z-index:3; } .product_detail_wrap2 .detail_photo .bigImg .btn { position:absolute; top:222px; z-index:3; width:36px; height:36px; font-size:0; display:block; text-indent:-9999px; border:0; cursor:pointer; } .product_detail_wrap2 .detail_photo .bigImg .btn.prev { left:0; background:url('//image.prospecs.com/front/images/common/btn_precir.png') 0 0 no-repeat; } .product_detail_wrap2 .detail_photo .bigImg .btn.next { right:0; background:url('//image.prospecs.com/front/images/common/btn_nextcir.png') 0 0 no-repeat; } .product_detail_wrap2 .detail_photo .bigImg img { width:530px; height:530px; } .product_detail_wrap2 .detail_photo .thumbImg { position:absolute; overflow:hidden; } .product_detail_wrap2 .detail_photo .thumbImg .cont { position:relative; width:600px; float:left; } .product_detail_wrap2 .detail_photo .thumbImg .cont .slider { position:relative; overflow:hidden; width:520px; height:89px; margin:0 0px 0 39px; } .product_detail_wrap2 .detail_photo .thumbImg .btn { position:absolute; top:30px; z-index:3; width:16px; height:29px; font-size:0; display:block; text-indent:-9999px; border:0; cursor:pointer; } .product_detail_wrap2 .detail_photo .thumbImg .btn.prev { left:0; background:url('//image.prospecs.com/front/images/common/arr_prev.png') no-repeat; } .product_detail_wrap2 .detail_photo .thumbImg .btn.next { right:0; background:url('//image.prospecs.com/front/images/common/arr_next.png') no-repeat; } .product_detail_wrap2 .detail_photo .thumbImg ul { overflow:hidden; position:absolute; left:0; top:0; } .product_detail_wrap2 .detail_photo .thumbImg ul li { float:left; width:88px; height:88px; margin-right:16px; position:relative; cursor:pointer; } .product_detail_wrap2 .detail_photo .thumbImg ul li.active:after { content:''; position:absolute; left:0; top:0; right:0px; bottom:0; border:1px solid #222; } .product_detail_wrap2 .detail_photo .thumbImg ul li img { max-width:88px; max-height:88px; } .product_detail_wrap2 .detail_photo .thumbImg ul#thumblist { display:block; } .product_detail_wrap2 .detail_photo .thumbImg ul#thumblist li { float:left; list-style:none;text-align:center; } .product_detail_wrap2 .detail_photo .thumbImg ul#thumblist li a { display:block; width:88px;border:1px solid #fff; } .product_detail_wrap2 .detail_photo .thumbImg ul#thumblist li a img { max-width:86px; max-height:86px; } .product_detail_wrap2 .detail_photo .thumbImg ul#thumblist li a.zoomThumbActive { border:1px solid #222; } .product_detail_wrap2 .detail_photo .thumbImg ul#thumblist li a.zoomThumbActive img { max-width:86px; max-height:86px; } .product_detail_wrap2 .detail_photo .thumbImg:after {content:''; display:block; clear:both;} .product_detail_wrap2 .detail_info { margin-left:708px; min-height:900px;} .product_detail_wrap2 .detail_info .brn p { font-size:16px; color:#333; font-family:GothamBd; display:inline-block; vertical-align:middle; margin-right:12px; font-weight:normal; } .product_detail_wrap2 .detail_info .bn p { font-size:12px; color:#666666; font-family:GothamL; display:inline-block; vertical-align:middle; margin-right:12px; padding-bottom:25px; } .product_detail_wrap2 .detail_info .pn { padding:5px 0 5px 0; } .product_detail_wrap2 .detail_info .pn h3 { font-size:25px; color:#222222; font-family:'Noto Sans KR',GothamB; display:inline-block; vertical-align:middle; margin-right:10px; font-weight:400px; } .product_detail_wrap2 .detail_info .price p { font-size:25px; color:#000; font-family:GothamM; display:inline-block; vertical-align:middle; letter-spacing:-1px; margin-right:8px; } .product_detail_wrap2 .detail_info .price p del { color:#b1b1b1; } .product_detail_wrap2 .detail_info .price p.discount { color:#e86b1f; margin-left:20px; } .product_detail_wrap2 .detail_info .price span img { margin:2px 0 0 0; } .product_detail_wrap2 .detail_info .price .cpicon { position:absolute; right:40px; } /* 2017.05.24 최대혜택가 추가 */ .product_detail_wrap2 .detail_info .benefit_price p { font-size:25px; color:#000; font-family:GothamM; display:inline-block; vertical-align:middle; letter-spacing:-1px; margin-right:8px;margin-top:5px; } .product_detail_wrap2 .detail_info .benefit_price p.discount { color:#e86b1f; margin-left: 14px; } .product_detail_wrap2 .detail_info .benefit_price .od_summary { background:url('//image.prospecs.com/front/images/common/icon_que.gif') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; z-index:30; } .product_detail_wrap2 .detail_info .benefit_price .od_summary em { background-color:#FFF; border:1px solid #999999; color:#666666; position:absolute; left:-10px; bottom:-125px; width:200px; padding:10px 10px; margin-bottom:10px; font-size:13px; line-height:22px; font-family:'Noto Sans KR'; z-index:30; } .product_detail_wrap2 .detail_info .benefit_price .od_summary em:after { content:''; display:block; width:13px; height:8px; background:url('//image.prospecs.com/front/images/common/bg_arr.png') 100% 100% no-repeat; position:absolute; left:11px; bottom:-8px; } /*******/ .product_detail_wrap2 .detail_info .section {margin-top:40px;} .product_detail_wrap2 .detail_info .section dt {padding-top:15px;} .product_detail_wrap2 .detail_info .section dd {text-align:right;} .product_detail_wrap2 .detail_info .section dd .dc_rate {display:inline-block; width:44px; height:44px; color:#fff; font-weight:bold; text-align:center; line-height:44px; font-size:15px; background:url('//image.prospecs.com/front/images/renewal/bg_dc_rate.jpg') 0 0 no-repeat; margin-right:5px;} .product_detail_wrap2 .detail_info .section dd .discount { color:#b1b1b1; text-decoration:line-through; font-size:18px; margin-right:10px;} .product_detail_wrap2 .detail_info .section1 { margin-bottom:5px; } .product_detail_wrap2 .detail_info .section2 { border-top:1px solid #c4c4c4; line-height:44px; padding-top:5px; } .product_detail_wrap2 .detail_info .section2 dd {text-align:right;} .product_detail_wrap2 .detail_info .section3 { border-top:1px solid #c4c4c4; padding:20px 0 10px; } .product_detail_wrap2 .detail_info .section3 dd {font-size:14px; color:#999; font-weight:normal;} .product_detail_wrap2 .detail_info .section3 dd > span {float:left; font-size:14px; color:#999;} /* .product_detail_wrap2 .detail_info .section3 dt {padding-top:32px;} */ .product_detail_wrap2 .detail_info .section3 .btn_mem_join { display:inline-block; width:106px; height:24px; background: url('//image.prospecs.com/front/images/renewal/btn_mem_join.jpg') 0 0 no-repeat; cursor:pointer; margin-left:5px;} .product_detail_wrap2 .detail_info .section3 .btn_coupon_down { display:inline-block; width:106px; height:24px; background: url('//image.prospecs.com/front/images/renewal/btn_coupon_down.jpg') 0 0 no-repeat; cursor:pointer; margin-left:5px; } .product_detail_wrap2 .detail_info .delivery_p {margin-left:88px; font-weight: 500;} .product_detail_wrap2 .detail_info .card_info {font-size:14px; font-weight: normal;} .product_detail_wrap2 .detail_info .section4 { border-top:1px solid #c4c4c4; padding-top:5px; } .product_detail_wrap2 .detail_info dl { font-family:GothamBk; } .product_detail_wrap2 .detail_info dl dt { float:left; margin:10px 0 10px 0; font-weight:normal; font-size:14px; color:#222222; text-align:left; } .product_detail_wrap2 .detail_info dl dt.po { margin:0px 0 0px 0; } .product_detail_wrap2 .detail_info dl dt.po .od_summary { background:url('//image.prospecs.com/front/images/renewal/btn_help.jpg') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; } .product_detail_wrap2 .detail_info dl dt.po .od_summary em { background-color:#FFF; border:1px solid #999999; color:#666666; position:absolute; left:-10px; bottom:-95px; width:270px; padding:10px 10px; margin-bottom:10px; font-size:12px; line-height:18px; font-family:'Noto Sans KR'; z-index:30; } .product_detail_wrap2 .detail_info dl dt.po .od_summary em:after { content:''; display:block; width:13px; height:8px; background:url('//image.prospecs.com/front/images/common/bg_arr.png') 100% 100% no-repeat; position:absolute; left:11px; bottom:-8px; } .product_detail_wrap2 .detail_info dl dt.de .od_summary { background:url('//image.prospecs.com/front/images/common/icon_que.gif') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; z-index:20; } .product_detail_wrap2 .detail_info dl dt.de .od_summary em { background-color:#FFF; border:1px solid #999999; color:#666666; position:absolute; left:-10px; bottom:-115px; width:508px; padding:10px 0 10px 10px; margin-bottom:10px; font-size:12px; line-height:18px; font-family:'Noto Sans KR'; z-index:20; } .product_detail_wrap2 .detail_info dl dt.de .od_summary em:after { content:''; display:block; width:13px; height:8px; background:url('//image.prospecs.com/front/images/common/bg_arr.png') 100% 100% no-repeat; position:absolute; left:11px; bottom:-8px; } .product_detail_wrap2 .detail_info dl dd { margin:0 0 10px 100px; font-size:22px; color:#222222; font-weight:bold; text-align:right; } .product_detail_wrap2 .detail_info dl dd.amount { margin:0 0 10px 100px; font-size:22px; color:#e96b1e; font-weight:bold; text-align:right; } .product_detail_wrap2 .detail_info dl dd img { margin:5px 12px 0 0; } .product_detail_wrap2 .detail_info dl dd p.icon { float:left; } .product_detail_wrap2 .detail_info dl dd p.btn { float:right; margin:4px 0 0 0; } .product_detail_wrap2 .detail_info dl dd div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height:28px; line-height:29px; cursor: pointer; text-indent:10px; text-align:left !important; position:absolute; left:0; right:0; top:0; color:#222222; font-size:12px; } .product_detail_wrap2 .detail_info dl dd select { border:1px solid #afafaf; width:160px; cursor:pointer; font-family:GothamBk; font-size:12px; color:#222222; } .product_detail_wrap2 .detail_info dl .optionyn div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height:28px; line-height:29px; cursor: pointer; text-indent:10px; text-align:left !important; position:absolute; left:0; right:0; top:0; color:#222222; font-size:12px; } .product_detail_wrap2 .detail_info dl .optionyn select { border:1px solid #afafaf; width:250px; cursor:pointer; font-family:GothamBk; font-size:12px; color:#222222; } .product_detail_wrap2 .detail_info dl dd.color button { border:0; width:34px; height:34px; overflow:hidden; text-indent:-9999px; cursor:pointer; margin-right:3px; margin-bottom:3px; } .product_detail_wrap2 .detail_info dl dd.color button.active { border:1px solid #000; } .product_detail_wrap2 .detail_info dl dd.color strong { font-family:GothamL; font-size:11px; color:#666666; margin:0 0 0 2px; } .product_detail_wrap2 .detail_info button.white_color_img {background:#FFF url('//image.prospecs.com/front/images/planning/etc/color_w02.png') 0 0 no-repeat; width:34px; height:34px; } .product_detail_wrap2 .detail_info dl dd.size { overflow:hidden; margin-top:10px; } /* .product_detail_wrap2 .detail_info dl dd.size ul {padding-left:172px;} */ /* .product_detail_wrap2 .detail_info dl dd.size li { float:right; border:1px solid #cbcbcb; font-family:GothamL; padding:0px 0 0 0; margin:0 3px 7px 0; background:#FFF; } */ .product_detail_wrap2 .detail_info dl dd.size li { float:left; border:1px solid #cbcbcb; font-family:GothamL; padding:0px 0 0 0; margin:0 3px 7px 0; background:#FFF; } .product_detail_wrap2 .detail_info dl dd.size li button { border:0; cursor:pointer; display:block; overflow:hidden; width:32px; height:32px; background:#FFF; font-family:GothamL; font-size:11px; } .product_detail_wrap2 .detail_info dl dd.size li.soldout { } .product_detail_wrap2 .detail_info dl dd.size li.soldout button { background:#FFF url('//image.prospecs.com/front/images/common/bg_diagonal.png') 0 0 no-repeat; width:32px; height:32px; } .product_detail_wrap2 .detail_info dl dd.size li.active { border:1px solid #000; } .product_detail_wrap2 .detail_info dl dd.size li.active button { width:32px; height:32px; } .product_detail_wrap2 .detail_info dl dd.size p.sizeguide { display:inline; background:url('//image.prospecs.com/front/images/common/icon_size.png') 0 0 no-repeat; font-family:GothamL; font-size:11px; color:#666666; padding-left:22px; margin-right:14px; } .product_detail_wrap2 .detail_info dl dd p.offline { display:inline; background:url('//image.prospecs.com/front/images/common/icon_offline.png') 0 1px no-repeat; font-family:'Noto Sans KR'; font-size:11px; color:#999999; padding-left:20px; font-family:200; } .product_detail_wrap2 .detail_info dl dd.quantity p { font-weight:normal; font-size:14px; color:#222222; padding-top:10px; } .product_detail_wrap2 .detail_info dl dd.optionsize { overflow:hidden; margin-top:10px; } .product_detail_wrap2 .detail_info dl dd.optionsize select { border:1px solid #afafaf; width:auto; min-width:160px; cursor:pointer; font-family:GothamBk; font-size:12px; color:#222222; } .product_detail_wrap2 .detail_info .btn_wrap { overflow:hidden; margin-top:30px; } .product_detail_wrap2 .detail_info .btn_wrap button { margin:0 0 0 10px; } .product_detail_wrap2 .detail_info .btn_wrap button:first-child { margin-left:0px; } .product_detail_wrap2 .detail_info .btn_wrap .button.wish { width:54px; height:52px; background:url('//image.prospecs.com/front/images/renewal/btn_favolate.jpg') 0 0 no-repeat; border:0; } .product_detail_wrap2 .detail_info .btn_wrap .button.bk { background-color:#000000; text-align:center; color:#fff; width:203px; height:52px; font-size:14px; font-family:GothamM; } .product_detail_wrap2 .detail_info .btn_wrap .button.sb { background-color:#e96b1f; text-align:center; color:#fff; width:203px; height:52px; font-size:14px; font-family:GothamM; } .product_detail_wrap2 .detail_info .md_talk { margin-top:26px; } .product_detail_wrap2 .detail_info .md_talk dl.tit { width:100%; border-bottom:1px solid #e2e2e2; position:relative; height:35px; } .product_detail_wrap2 .detail_info .md_talk dl.tit dt { font-family:GothamBk; font-size:14px; color:#222222; } .product_detail_wrap2 .detail_info .md_talk dl.tit dd { position:absolute; top:11px; right:0px; } .product_detail_wrap2 .detail_info .md_talk ul.lst { margin:10px 0 0 0; } .product_detail_wrap2 .detail_info .md_talk ul.lst li { font-family:'Noto Sans KR'; font-size:12px; color:#666666; background:url('//image.prospecs.com/front/images/common/blt_sq.png') 0 7px no-repeat; padding-left:7px; margin-bottom:4px; } .product_detail_wrap2 .detail_info .etc { float:left; width:100%; margin-top:20px; } .product_detail_wrap2 .detail_info .etc .sns { float:left; } .product_detail_wrap2 .detail_info .etc .sns li { float:left; } .product_detail_wrap2 .detail_info .etc .benefit { float:right; } .product_detail_wrap2 .detail_info .etc .benefit li { float:left; margin-left:-1px; } .product_detail_wrap2 .detail_info .btn_fullview { text-align:right; margin-top:30px; } /* .product_detail_wrap2 .od_summary {background:url('//image.prospecs.com/front/images/renewal/btn_help.jpg') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; z-index:29; } */ .product_detail_wrap2 .od_summary {background:url('//image.prospecs.com/front/images/renewal/btn_help.jpg') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; } .item_rolling2 { position:relative; height:395px; margin-bottom:17px; } .item_rolling2 .bx-wrapper .bx-prev { left:0px; z-index:10; background: url('//image.prospecs.com/front/images/common/btn_pre.png') no-repeat; background-size:18px 35px; } .item_rolling2 .bx-wrapper .bx-next { right:0px; z-index:10; background: url('//image.prospecs.com/front/images/common/btn_next.png') no-repeat; background-size:18px 35px; } .item_rolling2 .bx-wrapper .bx-controls-direction a { position:absolute; top:100px; outline:0; width:18px; height:35px; text-indent:-9999px; z-index:5; } .item_rolling2 .bx-wrapper .bx-pager { display:none; } .item_rolling2.like { padding-bottom:0; } .item_rolling2 .tit { position:absolute; top:-10px; left:50%; font-family:GothamBd; background:#fff; display:inline-block; font-size:20px; line-height:14px; padding:0 40px; margin-left:-125px; } .item_rolling2 .tit.long { padding:0 20px; margin-left:-115px; } .item_rolling2 ul.item_list { overflow:hidden; height:395px; margin-left:5px; } .item_rolling2 ul.item_list li { float:left; text-align:center; width:318px; position:relative; z-index:9; height:395px; padding-top:19px; } .item_rolling2 ul li a:hover { text-decoration:underline; } .item_rolling2 ul li strong.cate { margin:12px 0 -25px 0; } .item_rolling2 ul li strong { display:block; margin:27px 0 10px; font-family:'Noto Sans KR'; color:#222; text-align:left; padding-left:36.5px; width:245px; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; } .item_rolling2 ul li strong span.p_n { color:#666 !important; font-family:'Noto Sans KR'; font-size:13px; padding-left:0px; float:none; } .item_rolling2 ul li span { font-family:GothamBd; color:#222; font-size:15px; text-align:left; padding-left:36.5px; } .item_rolling2 ul li span.discount { color:#b1b1b1; text-align:left; margin-right:-23px; padding-left:0; text-decoration:line-through; } .item_rolling2 ul li .txt_info {text-align:left; padding-left:39px;} .item_rolling2 ul li .txt_info .season {padding-left:0; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;} .item_rolling2 ul li .txt_info .name {padding-left:2px; color:#666; width:200px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;} .item_rolling2 ul li img.badgeimg { position:absolute; left:36px; top:20px; z-index:20; } .etc_info_wrap {width:600px; margin-top:100px; } .etc_info_wrap .txt_info { text-align:left; border-top:1px solid #ddd; } /* .etc_info_wrap .txt_info dt { font-family:'Noto Sans KR'; font-size:13px; color:#222222; padding-bottom:5px; } */ /* .etc_info_wrap .txt_info dd {font-family:'Noto Sans KR';font-size:12px;color:#666666;background:url('//image.prospecs.com/front/images/common/blt_sq.png') 0 9px no-repeat;padding-left:7px;margin-bottom:4px;} */ .etc_info_wrap .review_wrap {clear:both; padding:10px 0 10px;} .etc_info_wrap .review_wrap .sns {float:right; margin-top:-20px;} .etc_info_wrap .review_wrap .sns li {float:left;} .etc_info_wrap .review_wrap .sns li a {display:inline-block; width:25px; height:25px;} .etc_info_wrap .review_wrap .sns li a img {width:100%;} .product_detail_wrap2 .size_guide {display:inline-block; width:86px; height:14px; float:left; margin-top:12px; background:url('//image.prospecs.com/front/images/renewal/btn_size_guide.jpg') 0 0 no-repeat; cursor:pointer;} /* .product_detail_wrap2 .detail_photo .zoomPad img {width:100%;} */ .vmenu_wrap {height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; background-color:#fff; z-index:999; position:relative; margin-bottom: 20px;} .vmenu_wrap.fix {position:fixed; top:0;} .vmenu_wrap .list {width:1200px; height:60px; margin:auto;} .vmenu_wrap .list > li {float:left; width:300px;} .vmenu_wrap .list > li a {color:#9c9c9c; font-size:16px; font-family:GothamBk; display:inline-block; width:299px; height:60px; line-height:60px; text-align:center; border-left:1px solid #ddd;} .vmenu_wrap .list > li.on a {color:#222; height:57px; border-bottom:4px solid #e96b1f;} .vmenu_wrap .list > li.shopp .shp {color:#fff; background-color:#e96b1f; border-left:0; border-right:1px solid #ddd; height:61px;} .vmenu_wrap .list > li.shopp {position:relative;} /* 쇼핑백담기 레이어 */ .vmenu_wrap .list li.shopp dl { font-family:GothamBk; } .vmenu_wrap .list li.shopp dl dt { float:left; margin:10px 0 10px 0; font-weight:normal; font-size:14px; color:#222222; text-align:left; } .vmenu_wrap .list li.shopp dl dt.po { margin:0px 0 0px 0; } .vmenu_wrap .list li.shopp dl dt.po .od_summary { background:url('//image.prospecs.com/front/images/renewal/btn_help.jpg') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; z-index:30; } .vmenu_wrap .list li.shopp dl dt.po .od_summary em { background-color:#FFF; border:1px solid #999999; color:#666666; position:absolute; left:-10px; bottom:-150px; width:270px; padding:10px 10px; margin-bottom:10px; font-size:12px; line-height:18px; font-family:'Noto Sans KR'; z-index:30; } .vmenu_wrap .list li.shopp dl dt.po .od_summary em:after { content:''; display:block; width:13px; height:8px; background:url('//image.prospecs.com/front/images/common/bg_arr.png') 100% 100% no-repeat; position:absolute; left:11px; bottom:-8px; } .vmenu_wrap .list li.shopp dl dt.de .od_summary { background:url('//image.prospecs.com/front/images/common/icon_que.gif') 0 0 no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; background-color:#FFF; z-index:20; } .vmenu_wrap .list li.shopp dl dt.de .od_summary em { background-color:#FFF; border:1px solid #999999; color:#666666; position:absolute; left:-10px; bottom:-115px; width:508px; padding:10px 0 10px 10px; margin-bottom:10px; font-size:12px; line-height:18px; font-family:'Noto Sans KR'; z-index:20; } .vmenu_wrap .list li.shopp dl dt.de .od_summary em:after { content:''; display:block; width:13px; height:8px; background:url('//image.prospecs.com/front/images/common/bg_arr.png') 100% 100% no-repeat; position:absolute; left:11px; bottom:-8px; } .vmenu_wrap .list li.shopp .section4 {width:450px; border:1px solid #e96b1f; padding:25px; margin-left:-203px; display:none; position:absolute; z-index:10; background-color:#fff;} .vmenu_wrap .list li.shopp dl dd { margin:0 0 10px 199px; font-size:22px; color:#222222; text-align:right; } .vmenu_wrap .list li.shopp dl dd img { margin:5px 12px 0 0; } .vmenu_wrap .list li.shopp dl dd p.icon { float:left; } .vmenu_wrap .list li.shopp dl dd p.btn { float:right; margin:4px 0 0 0; } .vmenu_wrap .list li.shopp dl dd div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height:28px; line-height:29px; cursor: pointer; text-indent:10px; text-align:left !important; position:absolute; left:0; right:0; top:0; color:#222222; font-size:12px; } .vmenu_wrap .list li.shopp dl dd select { border:1px solid #afafaf; width:160px; cursor:pointer; font-family:GothamBk; font-size:12px; color:#222222; } .vmenu_wrap .list li.shopp dl .optionyn div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; height:28px; line-height:29px; cursor: pointer; text-indent:10px; text-align:left !important; position:absolute; left:0; right:0; top:0; color:#222222; font-size:12px; } .vmenu_wrap .list li.shopp dl .optionyn select { border:1px solid #afafaf; width:250px; cursor:pointer; font-family:GothamBk; font-size:12px; color:#222222; } .vmenu_wrap .list li.shopp dl dd.color button { border:0; width:34px; height:34px; overflow:hidden; text-indent:-9999px; cursor:pointer; margin-right:3px; margin-bottom:3px; } .vmenu_wrap .list li.shopp dl dd.color button.active { border:1px solid #000; } .vmenu_wrap .list li.shopp dl dd.color strong { font-family:GothamL; font-size:11px; color:#666666; margin:0 0 0 2px; } .vmenu_wrap .list li.shopp button.white_color_img {background:#FFF url('//image.prospecs.com/front/images/planning/etc/color_w02.png') 0 0 no-repeat; width:34px; height:34px; } .vmenu_wrap .list li.shopp dl dd.size { overflow:hidden; margin-top:10px; } .vmenu_wrap .list li.shopp dl dd.size ul {} .vmenu_wrap .list li.shopp dl dd.size li { float:left; border:1px solid #cbcbcb; font-family:GothamL; padding:0px 0 0 0; margin:0 3px 7px 0; background:#FFF; } /* .vmenu_wrap .list li.shopp dl dd.size li { float:right; border:1px solid #cbcbcb; font-family:GothamL; padding:0px 0 0 0; margin:0 3px 7px 0; background:#FFF; } */ .vmenu_wrap .list li.shopp dl dd.size li button { border:0; cursor:pointer; display:block; overflow:hidden; width:32px; height:32px; background:#FFF; font-family:GothamL; font-size:11px; } .vmenu_wrap .list li.shopp dl dd.size li.soldout { } .vmenu_wrap .list li.shopp dl dd.size li.soldout button { background:#FFF url('//image.prospecs.com/front/images/common/bg_diagonal.png') 0 0 no-repeat; width:32px; height:32px; } .vmenu_wrap .list li.shopp dl dd.size li.active { border:1px solid #000; } .vmenu_wrap .list li.shopp dl dd.size li.active button { width:32px; height:32px; } .vmenu_wrap .list li.shopp dl dd.size p.sizeguide { display:inline; background:url('//image.prospecs.com/front/images/common/icon_size.png') 0 0 no-repeat; font-family:GothamL; font-size:11px; color:#666666; padding-left:22px; margin-right:14px; } .vmenu_wrap .list li.shopp dl dd p.offline > a { display:inline; background:url('//image.prospecs.com/front/images/common/icon_offline.png') 0 1px no-repeat; font-family:'Noto Sans KR',GothamBd,GothamBk,GothamM,GothamL,GothamTh,'Malgun Gothic',Dotum, Arial;font-weight:bold; font-size:12px; color:#000; padding-left:20px; font-family:200; outline: none; border: none; } .vmenu_wrap .list li.shopp dl dd.quantity p { font-weight:normal; font-size:14px; color:#222222; padding-top:10px; } .vmenu_wrap .list li.shopp dl dd.optionsize { overflow:hidden; margin-top:10px; } .vmenu_wrap .list li.shopp dl dd.optionsize select { border:1px solid #afafaf; width:auto; min-width:160px; cursor:pointer; font-family:GothamBk; font-size:12px; color:#222222; } .vmenu_wrap .list li.shopp .btn_wrap { overflow:hidden; margin-top:18px; } .vmenu_wrap .list li.shopp .btn_wrap button { margin:0 0 0 10px; } .vmenu_wrap .list li.shopp .btn_wrap button:first-child { margin-left:0px; } .vmenu_wrap .list li.shopp .btn_wrap .button.wish { width:54px; height:52px; background:url('//image.prospecs.com/front/images/renewal/btn_favolate.jpg') 0 0 no-repeat; border:0; } .vmenu_wrap .list li.shopp .btn_wrap .button.bk { background-color:#000000; text-align:center; color:#fff; width:205px; height:52px; margin-left:10px; font-size:14px; font-family:GothamM; } .vmenu_wrap .list li.shopp .btn_wrap .button.sb { background-color:#e96b1f; text-align:center; color:#fff; width:205px; height:52px; font-size:14px; font-family:GothamM; } .vmenu_wrap .list li.shopp dl.price {border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:50px; line-height:50px; margin-top:18px;} .vmenu_wrap .list li.shopp dl.price dt {margin:0;} .vmenu_wrap .list li.shopp dl.price dd {font-weight:bold;} .desc_bn {text-align:center; margin-top:90px;} .roll_img_wrap {width:962px; height:800px; border:1px solid #ddd; margin:auto;} /* .roll_img_wrap .big_img {float:left; width:800px; height:800px; border-right:1px solid #ddd; text-align: center;} */ .roll_img_wrap .big_img {float:left; width:800px; height:800px; border-right:1px solid #ddd; text-align: center; position: relative;} /* .roll_img_wrap .big_img > img {max-height: 800px; max-width: 800px; vertical-align: middle;} */ .roll_img_wrap .big_img > img {max-height: 800px; max-width: 800px; width:auto; height:auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; vertical-align: middle; } .roll_img_wrap .thumb_wrap {float:right; width:159px; height:800px; position:relative;} .roll_img_wrap .thumb_wrap .thumb_list {width:160px; height:670px; margin-top:75px; overflow:hidden; position:relative;} .roll_img_wrap .thumb_wrap .thumb_list > ul {width:160px; height:2000px; padding-left:25px; position:absolute;} /* .roll_img_wrap .thumb_wrap .thumb_list > ul > li {width:110px; height:110px; margin-bottom:25px; border:1px solid #ddd; text-align: center;} */ .roll_img_wrap .thumb_wrap .thumb_list > ul > li {width:110px; height:110px; margin-bottom:25px; border:1px solid #ddd; text-align: center; position: relative;} /* .roll_img_wrap .thumb_wrap .thumb_list > ul > li > img {max-height: 110px; max-width: 110px; vertical-align: middle; cursor: pointer;} */ .roll_img_wrap .thumb_wrap .thumb_list > ul > li > img { max-height: 110px; max-width: 110px;vertical-align: middle; width: auto; height: auto; cursor: pointer; position: absolute; margin: auto; top: 0px; bottom: 0px;left: 0px;right: 0px;} .roll_img_wrap .thumb_wrap .btn-prev {display:inline-block; position:absolute; top:0; left:50%; margin-left:-18px; width:37px; height:37px; background:url('//image.prospecs.com/front/images/renewal/btn-thumb-up.jpg') 0 0 no-repeat; cursor:pointer;} .roll_img_wrap .thumb_wrap .btn-next {display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-18px; width:37px; height:37px; background:url('//image.prospecs.com/front/images/renewal/btn-thumb-down.jpg') 0 0 no-repeat; cursor:pointer;} h3.desc_tit { text-align:left; color:#222222; font-size:20px; font-family:GothamBd; letter-spacing:-1px; width:960px; margin:auto; margin-bottom:30px; margin-top:100px;} h3.desc_tit2 { text-align:left; color:#222222; font-size:20px; font-family:GothamBd; letter-spacing:-1px; width:1200px; margin:auto; margin-bottom:18px; margin-top:100px; border-bottom:1px solid #ddd; padding-bottom:10px; font-weight:bold;} .desc_bn2 {text-align:center; margin-top:10px;} .desc_bn3 {text-align:left; width:1200px; margin:auto; margin-top:10px;} .desc_stit { color:#222222; font-size:20px; font-family:GothamBd; letter-spacing:-1px; margin-left:41px;} .mdtalk_wrap {width:960px; height:660px; padding:20px; border:1px solid #ddd; margin:auto;} .mdtalk_wrap .pic {width:100%} .mdtalk_wrap .pic img {width:100%} .mdtalk_wrap .txt_info {margin:30px 20px 0;} .mdtalk_wrap .txt_info span {font-size:16px; display:inline-block; height:40px; line-height:40px;} .mdtalk_wrap .txt_info li+li {border-top:1px solid #ddd;} .mdtalk_wrap .txt_info .id {color:#000; font-weight:bold; width:65px;} .mdtalk_wrap .txt_info .size {color:#999; width:144px;} .mdtalk_wrap .txt_info .cont {color:#555;} .v_cont .review2 { position:relative; } .v_cont .review2 .review_box { background:#f7f7f7; border:1px solid #e9e9e9; position:relative; height: 310px;} .v_cont .review2 .review_box_in { padding:24px 24px 20px; } .v_cont .review2 .review_box_in dt { font-family:'Noto Sans KR'; font-size:18px; color:#222222; padding-bottom:15px; } .v_cont .review2 .review_box_in dd { font-family:'Noto Sans KR'; font-size:14px; color:#666666; background:url('//image.prospecs.com/front/images/common/blt_sq.png') 0 9px no-repeat; padding-left:7px; margin-bottom:4px; } .v_cont .review2 .review_box .btn { position:relative; left:30px; } .v_cont .review2 .review_box .button.bk { background-color:#000000; text-align:center; border:1px solid #000000; color:#fff; width:102px; height:32px; font-size:12px; line-height:12px; } .v_cont .review2 .review_lst { margin-top:50px; } .v_cont .review2 .review_lst .review_lst_in { border-top:1px solid #666666; } .v_cont .review2 .review_lst .review_lst_in table { table-layout:fixed; width:100%; border-bottom:1px solid #666666; } .v_cont .review2 .review_lst .review_lst_in table td { padding:30px 0 30px; vertical-align:top; } .v_cont .review2 .review_lst .review_lst_in table td dl { float:left; margin:20px 0 0 0; } .v_cont .review2 .review_lst .review_lst_in table td dl dt { float:left; width:67px; font-family:'Noto Sans KR'; font-size:13px; color:#666666; line-height:23px; } .v_cont .review2 .review_lst .review_lst_in table td dl dd { float:left; width:90px; font-family:'Noto Sans KR'; font-size:13px; color:#222222; line-height:23px; } .v_cont .review2 .review_lst .review_lst_in table td.icon { padding:30px 0 30px; } .v_cont .review2 .review_lst .review_lst_in table td.cont { font-family:'Noto Sans KR'; font-size:13px; color:#666666; line-height:23px; padding:25px 0 18px; } .v_cont .review2 .review_lst .review_lst_in table td.cont p.cont_img { margin-top:30px; } .v_cont .review2 .review_lst .review_lst_in table td.date { text-align:right; padding:25px 0 30px; } .v_cont .review2 .review_lst .review_lst_in table td.date ul { float:right; } .v_cont .review2 .review_lst .review_lst_in table td.date ul li { float:left; background:url('//image.prospecs.com/front/images/common/spbar.png') right 4px no-repeat; font-family:'Noto Sans KR'; font-size:13px; color:#999999; padding:0 20px; } .v_cont .review2 .review_lst .review_lst_in table td.date ul li:last-child { background:none; padding-right:0px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy { padding:0px 0 30px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .btn { float:right; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .btn .btn_right { position:relative; right:0px; bottom:15px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .btn .btn_right .button.wh { background-color:#FFF; text-align:center; border:1px solid #999999; color:#666; width:70px; height:22px; font-size:12px; line-height:12px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .btn .btn_right .button.bk { background-color:#000000; text-align:center; border:1px solid #000000; color:#fff; width:70px; height:22px; font-size:12px; line-height:12px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view { padding:10px 25px 50px 45px; background:#fafafa; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:55px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view div { position:relative; width:164px; display:inline-block; margin-right:65px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .wear { } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .size { } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .color { } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .width { } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view em { position:absolute; left:0; font-size:12px; font-style:normal; color:#666666; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view span { font-size:12px; color:#999999; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view span.big { position:absolute; right:0px; top:45px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view span.small { position:absolute; left:0; top:45px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view span.cen { position:absolute; left:65px; top:45px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .wear span.cen { left:72px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .size span.cen { left:68px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .color span.cen { left:58px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view .width span.cen { left:66px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view ul.state { position:absolute; top:28px; left:0px; } .v_cont .review2 .review_lst .review_lst_in table td.satisfy .view ul.state li { } .v_cont .review2 .point_info {height:28px; } .v_cont .review2 .point_info .tit {float:left; } .v_cont .review2 .point_info .tit .line1 {font-size:20px;} .v_cont .review2 .point_info .tit .line2 {font-size:14px; color:#666;} .v_cont .review2 .point_info_icon {border-top:1px solid #ddd; height:45px; margin-top:17px; } .v_cont .review2 .point_info_icon .list {width: 680px;; margin:20px auto;} .v_cont .review2 .point_info_icon .list li {float:left;} .v_cont .review2 .point_info_icon .list li.ico {width:170px; text-align: center;} .v_cont .review2 .point_info_icon .list li.ico .tit {font-size:14px; margin-top:5px; color:#666;} .v_cont .review2 .point_info_icon .list li.ico .txt{font-size:14px; color:#666;} .v_cont .review2 .point_info_icon .list li.ico .point {font-size:15px; font-weight:bold; color:#666;} .v_cont .review2 .status_wrap .tinfo {height:40px; padding:45px 0 15px; text-align:center;} .v_cont .review2 .status_wrap .tinfo .tit {font-size:20px;} .v_cont .review2 .status_wrap .tinfo .cnt {font-size:13px; margin-left:5px; color:#444;} .v_cont .review2 .status_wrap .tinfo .point {border:1px solid #ddd; margin-left:15px; padding:2px 10px; color:#333;} .v_cont .review2 .status_wrap .tinfo > img {margin:9px 0 0 18px;} .v_cont .review2 .status_wrap .view { padding:10px 25px 45px 45px; background:#fafafa; width:1000px; margin:auto; height:55px; } .v_cont .review2 .status_wrap .view div { position:relative; width:164px; display:inline-block; margin-right:65px; } .v_cont .review2 .status_wrap .view .wear { } .v_cont .review2 .status_wrap .view .size { } .v_cont .review2 .status_wrap .view .color { } .v_cont .review2 .status_wrap .view .width { } .v_cont .review2 .status_wrap .view em { position:absolute; left:0; font-size:12px; font-style:normal; color:#666666; } .v_cont .review2 .status_wrap .view span { font-size:12px; color:#999999; } .v_cont .review2 .status_wrap .view span.big { position:absolute; right:0px; top:45px; } .v_cont .review2 .status_wrap .view span.small { position:absolute; left:0; top:45px; } .v_cont .review2 .status_wrap .view span.cen { position:absolute; left:65px; top:45px; } .v_cont .review2 .status_wrap .view .wear span.cen { left:72px; } .v_cont .review2 .status_wrap .view .size span.cen { left:68px; } .v_cont .review2 .status_wrap .view .color span.cen { left:58px; } .v_cont .review2 .status_wrap .view .width span.cen { left:66px; } .v_cont .review2 .status_wrap .view ul.state { position:absolute; top:28px; left:0px; } .v_cont .review2 .status_wrap .view ul.state li { } .reply_content { border-top: 1px solid #cccccc;} .reply_content div{ font-size:13px;} .lsnmall_top_contents {text-align: center; margin-top: 90px;} .lsnmall_top_contents iframe{margin:auto;} /*상품상세 리뉴얼 추가 */ .reviewtext{margin: 10px 0 10px 170px; text-indent: -6px;} .detail_banner{width: 1200px; padding-bottom: 10px;}