/* BASIC css start */ .off { display:none !important } #productDetail .page-body { margin-top:100px } .nalbang_tv {width:100%; margin:100px 0 } li.grid4 {display: inline;margin: 0 20px} .insta_prd {width: 100%; margin:auto} .insta_prd li {display: inline-block; margin:20px; vertical-align: top;} .txt_p{clear: both;display: block; margin: 7px 0; color: #fb5135 !important; } .y_review {width: 1000px; text-align:left; margin:auto} /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { margin:0 auto; width:1310px; *zoom:1 } #productDetail .thumb-info:after { display:block; clear:both; content:"" } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float:left; width:750px } #productDetail .thumb-info .thumb { margin:0 auto; width:750px } #productDetail .thumb-info .thumb .originImgArea img { width:100% } #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 다중이미지 */ .prdThumbArea { -ms-user-select:none; user-select:none } .prdThumbArea .multiImgArea { margin:0; width:750px; height:0; visibility:hidden; overflow:hidden } .prdThumbArea .multiImgArea.on { height:auto; visibility:visible; overflow:visible } .prdThumbArea .imgWrap { display:block; position:relative; text-align:center } .prdThumbArea .originImg, .prdThumbArea .multiImg, .prdThumbArea .detail_image { width:750px } #multiPager { padding-top:25px; position:relative; width:750px; height:0; visibility:hidden; overflow:hidden; *zoom:1 } #multiPager.on { height:auto; visibility:visible; overflow:visible } #multiPager .slick-slide { margin-right:14px; float:left } #multiPager .slick-slide .multiImg { width:92px } #multiPager .slick-slide p { position:relative; cursor:pointer } #multiPager .slick-slide:hover p:after { position:absolute; top:0; left:0; right:0; bottom:0; width:90px; height:calc(100% - 2px); border:1px solid #000; content:'' } #multiPager .slick-arrow { margin:0; position:absolute; top:0; width:22px; height:calc(100% - 2px); font-size:0; background:none; z-index:1 } #multiPager .slick-arrow:after { font-family:'xeicon' } #multiPager .slick-arrow.slick-disabled { display:block !important } #multiPager .slick-arrow.slick-disabled:after { opacity:0 } #multiPager .slick-prev { left:0 } #multiPager .slick-prev:after { width:22px; height:calc(100% - 2px); font-size:22px; color:#999; text-align:center; line-height:40px; content:"\e93b" } #multiPager .slick-next { right:0 } #multiPager .slick-next:after { width:22px; height:calc(100% - 2px); font-size:22px; color:#999; text-align:center; line-height:40px; content:"\e93e" } /* 상품옵션 정보 */ #productDetail .thumb-info .prdInfoArea { width: 100%; text-align: center; border-bottom: 1px solid #ccc; padding: 30px 0;} #productDetail .thumb-info .info { } #productDetail .thumb-info .info.prdInfoFixed { padding:20px; position:fixed; bottom:70px; right:100px; width:532px; max-height:610px; border:1px solid #ccc; background:#fff; overflow-y:auto; z-index:205 } #productDetail .thumb-info .info .prdTitleWrap { position:relative } #productDetail .thumb-info .info .prdTitleWrap .tit-prd { font-size:21px; color:#000; font-weight:bold; letter-spacing:-1px } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea { position:absolute; top:-6px; right:0 } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .icoArea { margin-left:8px; position:relative; float:left } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .icoArea .snsIco { display:block; width:38px; height:38px; font-size:20px; text-align:center; line-height:37px; border-radius:50%; background:#eee } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .icoArea .btnShare { cursor:pointer } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer { display:none; margin-left:-62px; position:absolute; top:54px; left:50%; min-width:124px; border:1px solid #ddd; background:#fff; -webkit-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.1); box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.1); z-index:10 } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer:after { margin-left:-7px; position:absolute; top:-10px; left:50%; width:14px; height:10px; background:url(http://chichera.img13.kr/chichera_21/shopdetail/ico_share_arr.png) 0 0 no-repeat; content:'' } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer ul { padding:17px 0 16px 0; text-align:center; *zoom:1 } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer ul:after { display:block; clear:both; content:'' } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer li { display:inline-block; padding:0 5px; height:34px; text-align:center } #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer #FB_btn_over, #productDetail .thumb-info .info .prdTitleWrap .prdShareArea .snsShare .snsShareLayer #TW_btn_over { display:none !important } #productDetail .thumb-info .info .priceArea { padding-top:4px } #productDetail .thumb-info .info .priceArea .price { font-size:36px; color:#000; font-weight:bold; letter-spacing:-1px } #productDetail .thumb-info .info .priceArea .price .unit { font-size:15px; color:#383838; font-weight:normal } #productDetail .thumb-info .info .priceArea strike { margin-left:15px; font-size:20px; color:#c1c1c1; letter-spacing:-1px } #productDetail .thumb-info .info .table-opt { padding-top:15px } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { padding:8px 0; font-size:13px } #productDetail .thumb-info .info .table-opt th { color:#6f6f6f; font-weight: normal; letter-spacing:-1px; vertical-align:top } #productDetail .thumb-info .info .table-opt td { color:#4c4c4c } #productDetail .thumb-info .info .table-opt td.nopd { padding:0 } #productDetail .thumb-info .info .table-opt th.benefitTitle { font-size:15px; color:#000; font-weight:bold } #productDetail .thumb-info .info .table-opt th .tb-left, #productDetail .thumb-info .info .table-opt td .tb-left { padding:0; font-size:inherit; letter-spacing:0 } #productDetail .thumb-info .info .table-opt td .reserveDesc { padding-top:5px; text-decoration:underline } #productDetail .thumb-info .info .table-opt td .reserveDesc span { color:#ed2e0f } #productDetail .thumb-info .info .table-opt td.addInfoArea { padding:0 } #productDetail .thumb-info .info .table-opt td.addInfoArea .appendInfoArea { margin-top:35px; padding:10px 2px 40px; border-top:1px solid #4c4c4c } #productDetail .thumb-info .info .table-opt td.addInfoArea .appendInfoArea dl { padding-top:30px } #productDetail .thumb-info .info .table-opt td.addInfoArea .appendInfoArea dt { font-size:20px; color:#000; font-weight:bold; letter-spacing:-1px } #productDetail .thumb-info .info .table-opt td.addInfoArea .appendInfoArea dd { padding:3px 8px 0; font-size:15px; color:#242424; line-height:22px; letter-spacing:-1px } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #595959; } /* 주문수량 */ #goods_amount { float:left; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 59px; height: 15px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .thumb-info .info .prd-btns { padding-top:29px } #productDetail .thumb-info .info .prd-btns .soldout { width:100%; height:50px; font-size:15px; color:#fff; font-weight:bold; text-align:center; line-height:50px; background:#000 } #productDetail .thumb-info .info .prd-btns .purchaseBtn { font-size:0 } #productDetail .thumb-info .info .prd-btns .purchaseBtn a { display:inline-block; width:50%; text-align:center; } #productDetail .thumb-info .info .prd-btns .purchaseBtn a span { display:block; height:48px; font-size:15px; font-weight:bold; line-height:48px; border:1px solid #d4d4d4 } #productDetail .thumb-info .info .prd-btns .purchaseBtn a.btn_cart span { color:#000; background:#fff } #productDetail .thumb-info .info .prd-btns .purchaseBtn a.btn_buy span { color:#fff; border:1px solid #000; background:#000 } #productDetail .thumb-info .info .prd-btns .btn_barotalk { display:block } /* 려실장의 제작스토리 보러가기 */ .storyInstaArea { margin-top:7px; position:relative; height:49px; background:#f9f9f9 } .storyInstaArea a { display:block; padding:0 19px 0 23px; height:49px } .storyInstaArea .instaName { font-size:16px; color:#000; font-weight:bold; line-height:49px } .storyInstaArea .instaTarget { padding-right:67px; position:absolute; top:0; right:19px; height:49px; font-size:13px; color:#000; letter-spacing:-1px; line-height:49px; background:url(http://chichera.img13.kr/chichera_21/shopdetail/ico_story_insta.png) 100% 50% no-repeat } .storyInstaArea .instaTarget .txtYellow { color:#f6bc0d } #productDetail .thumb-info .info .tb-left{font-size:13px;line-height:20px;} /* 특별한 혜택 */ .midBanner { padding-top:50px; margin:0 auto; width:1315px } /* 상세정보 탭 */ .detailTabWrap { margin:0 auto; width:1310px } .detailTabWrap .detailTab { padding:90px 0 10px } .detailTabWrap .detailTab ul { border-left:1px solid #e0e0e0; *zoom:1 } .detailTabWrap .detailTab ul:after { display:block; clear:both; content:'' } .detailTabWrap .detailTab .list { margin-left:-1px; position:relative; float:left; width:20%; height:50px; text-align:center; border:1px solid #e0e0e0; border-left:0 } .detailTabWrap .detailTab .list a {display:block; font-size:16px; color:#999; line-height:50px } .detailTabWrap .detailTab .list.on:after { position:absolute; top:-1px; left:0; right:0; width:100%; height:3px; background:#333; content:'' } .detailTabWrap .detailTab .list.on a { color:#333; font-weight:bold } /* 바로구매 버튼 */ .fixedBuyWrap { display:none; position:fixed; bottom:10px; right:100px; z-index:100; overflow:hidden } .fixedBuyWrap .prdBuyBtn { width:198px; height:48px; font-size:14px; color:#fff; text-align:center; line-height:48px; cursor:pointer; border:1px solid #000; background:#000 } .fixedBuyWrap .prdBuyBtn.dirBuy { font-weight:bold } .fixedBuyWrap .prdBuyBtn.dirBuy .default { display:block } .fixedBuyWrap .prdBuyBtn.dirBuy .on { display:none } .fixedBuyWrap .prdBuyBtn.dirBuy.on { color:#ccc; border:1px solid #ccc; background:#fff } .fixedBuyWrap .prdBuyBtn.dirBuy.on .default { display:none } .fixedBuyWrap .prdBuyBtn.dirBuy.on .on { display:block } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { padding:38px 55px 29px 20px; border-top: 1px solid #4c4c4c } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit strong { color:#555; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; *zoom:1 } #productDetail .thumb-info .info .table-opt .opt-wrap dl:after { display:block; clear:both; content:'' } #productDetail .thumb-info .info .table-opt .opt-wrap dt { padding:8px 0; float:left; width:95px; font-size:13px; color:#242424; line-height:32px } #productDetail .thumb-info .info .table-opt .opt-wrap dd { padding:8px 0; float:left; width:345px } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { text-align:right; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a { display:inline-block; width:84px; height:24px; font-size:13px; color:#fff; text-align:center; line-height:24px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover { color:#231f20; background:#fff } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:active { position: relative; top: 1px } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a img { display:none } #productDetail .thumb-info .info .table-opt .opt-wrap select { padding-left:8px; width:345px; height:32px; font-size:14px; border:1px solid #cecece } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position:relative } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { margin-right:3px; width:42px; height:24px; border: 1px solid #dfdfdf; text-align:center !important; line-height:24px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a { display:inline-block; width:26px; height:26px; text-indent:-9999em; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-up { background-position:0 0 } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-dw { background-position:0 -26px } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width:350px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { padding-top:5px; clear:both } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list { width:100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first, #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; color:#333; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; line-height:71px; color:#fff; text-align:center; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:12px; height:12px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 타이틀 공통 */ #productDetail .tit-detail { zoom: 1; position: relative; margin-top: 70px; font-size: 0; line-height: 0; } #productDetail .tit-detail .btns { position: absolute; right: 0px; top: -5px; font-size: 0; line-height: 0; } #productDetail .tit-detail .btns a { margin-left: 0px; } /* 상품 상세 이미지 */ #productDetail .prd-detail { margin-top: 100px; width: 100%; overflow: hidden; text-align:center; } #productDetail .prd-detail img { max-width: 100%; text-align:center; } #productDetail .prd-detail .appendInfoWrap { display:none !important } /* 영상 */ #productDetail .prd-detail .videoForSlide, #productDetail .prd-detail .videoNavSlide { height:0; visibility:hidden; overflow:hidden } #productDetail .prd-detail .videoForSlide.on, #productDetail .prd-detail .videoNavSlide.on { height:auto; visibility:visible; overflow:visible } #productDetail .prd-detail .videoForSlide .slick-slide iframe { width:860px; height:1063px; border:0 } #productDetail .prd-detail .videoListArea { margin:20px auto 0; width:860px } #productDetail .prd-detail .videoListArea .slick-track { width:860px !important } #productDetail .prd-detail .videoNavSlide .slick-slide { margin-right:7px; position:relative; width:152px !important } #productDetail .prd-detail .videoNavSlide .slick-slide img { width:150px; border-radius:10px; border:1px solid #b1b1b1 } #productDetail .prd-detail .videoNavSlide .slick-slide .videoMask { position:absolute; top:0; left:0; right:0; bottom:0; height:calc(100% - 2px); font-size:16px; color:#fff; font-weight:bold; line-height:152px; border-radius:10px; background:rgba(0,0,0,0.5); z-index:10 } /* 댓글리스트 공통 */ #productDetail .table-slide { border-top: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; *position: relative; } #productDetail .table-slide thead th { background: #F5F5F5; border-bottom: 1px solid #C1C1C1; font-weight: normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; } #productDetail .table-slide tbody td { border-bottom: 1px solid #F1F1F1; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ /* qna board */ #productDetail .qna-list { margin:15px auto 0 !important } /* avenue */ /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { } #MK_innerOptWrap #MK_innerOptScroll.line { } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; font-size:13px; margin:5px 0; *padding-bottom:0; } #MK_innerOptWrap .MK_inner-opt-cm li:after { display:block; clear:both; content:'' } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display:block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { overflow:hidden; width:365px; font-size:13px; color:#333; vertical-align:middle } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { bottom:18px; right:45px; font-size:13px; color:#333; font-weight:normal } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span { font-size:18px } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { bottom:13px; right:10px; width:28px; height:28px; font-size:14px; text-align:center; line-height:28px } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del:after { font-family:'xeicon'; content:"\e921" } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { display:none } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { position:relative; margin-top:10px; width:116px; *zoom:1 } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl:after { display:block; clear:both; content:'' } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option { margin-left:27px; width:60px; height:26px; font-size:13px; color:#333; line-height:26px; border: 1px solid #ddd; text-align:center !important; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { display:inline-block; margin:0; position:absolute; top:0; width:26px; height:26px; font-size:13px; text-align:center; line-height:26px; border:1px solid #ddd; background:#fff; vertical-align:top } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { right:0 } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up:after { font-family:'xeicon'; content:"\e913" } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { left:0 } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw:after { font-family:'xeicon'; content:"\e91a" } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img { display:none } #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 { font-weight:bold; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 하이브리드옵션 */ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; bottom:0; right:23px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name { width:200px; line-height:26px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl { vertical-align:middle; margin-top:0; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li { padding:17px 15px 15px 20px; background:#f5f5f5 } /* 하이브리드옵션 */ #MK_innerOptWrap #MK_innerOpt_03 {} /* 총합계 */ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { margin-top:-5px; padding-top:35px; border-top:1px solid #4c4c4c; *zoom:1; text-align:right; } #MK_innerOptTotal:after { display:block; clear:both; content:'' } #MK_innerOptTotal .totalLeft { float:left } #MK_innerOptTotal .totalRight { margin-right:18px; float:right } #MK_innerOptTotal .MK_txt-total { font-size:22px; color:#000; font-weight:bold; letter-spacing:-1px } #MK_innerOptTotal .MK_txt-won { font-size:22px; color:#000; font-weight:bold } #MK_innerOptTotal .MK_total { font-size:22px; color:#000; font-weight:bold } #MK_innerOptTotal .totalRight .MK_total { display:inline-block; font-size:22px; color:#000; font-weight:bold; vertical-align:top } /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } /* 통옵 추가 구성 상품 */ #productDetail .thumb-info .info .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#000; font-size:14px; } #productDetail .thumb-info .info .table-opt tr.add-option-not-start { border-top:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; vertical-align:top; } #productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img { max-width:100%; } #productDetail .thumb-info .info .table-opt td.add-option-wrap { padding-top:10px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon, #productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt { padding-left:20px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top:40px; right:0; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name p { overflow:hidden; text-overflow:ellipsis; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name span.extra_option_name { overflow:hidden; text-overflow:ellipsis; display: block; } /* 원클릭옵션 */ .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; max-width: 320px; overflow: hidden; height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding: 5px 0; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } #nhn_btn { padding-top:20px; text-align:right } /************************************************************* 이하 원본 ******************************************************************/ .list-bottom { max-width:1310px;margin:20px auto 0;} .list-bottom span { display: block; text-align: right; } /*재입고알림*/ #soldout_once span{color:#ff0000; font-style: italic; text-decoration: underline;float:left;line-height:25px;margin-right:5px;} #soldout_sms{background:#ff0000;overflow:hidden;clear:both;margin-left:10px} #soldout_sms a{background:#ff0000;color:#fff;font-weight:normal;float:left;display:block;height:25px;line-height:25px;padding:0 5px 0 0 ;} #soldout_once img{display:block;float:left;background:#ff0000;padding:5px} /* 와이드이미지 .wideItem img{width:100%;max-width:100%} .wideItem{overflow:hidden;position:relative} .wideItem .wide_item{position:absolute;top:0;bottom:0;z-index:10; background: #fff;} .wideItem .left{right:85%;left:0} .wideItem .right{left:85%;right:0} .wideItem .inner{position:relative} */ .fixed_bg{background-attachment:fixed;} .fixed_bg>img{margin:-5px auto;width:100%;min-width:1346px;} .flex img{width:100%} .letterSpaing05{letter-spacing:0.5px} .letterSpaing1{letter-spacing:1px} .fl{float:left;} .fr{float:right;} .w50{width:50%;} .w100{width:100%;} .bg_gw{background:#f9f8f6;} .tal{text-align:left;} .tac{text-align:center;} .ml20{margin-left:20%} .pl5{padding-left:5%} .pl10{padding-left:10%} .mb40{margin-bottom:40px} /*app-buy*/ .flex{margin:10px 0} /*0210소연팀장님 팬츠 비메오가 그림중앙에 미친바지*/ .vod_center{width:100%;position:relative;margin-top:-5px;} .vod_center img{width:100%;min-width:1346px;max-width:1900px} .vod_center iframe{position:absolute;left:0;right:0;margin:auto;bottom:17%;width:800px;} /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .vod_center iframe{bottom:-50px;} } /* IE9,10 */ @media screen and (min-width:0\0){ .vod_center iframe{bottom:-50px;} } @media screen and (max-width: 1700px) {.vod_center iframe{width:600px;height:340px;} } /*흐르는 슬라이더 미친바지*/ .simply-scroll .simply-scroll-list li { float: left; /* Horizontal scroll only 너비를 잡아줘야 뚝뚝 안끊김 */ width:8040px; } /*흐르는 슬라이더 파스텔치즈일자팬츠양연양연*/ .scrollerWrap{margin:auto;width:1346px;overflow:hidden;position:relative;} .scrollerWrap .simply-scroll .simply-scroll-list li{width:2381px;} .scrollFix{position:absolute;z-index:10;bottom:20px;left:0;right:0;;} /*흐르는슬라이더-fullfix*/ .scrollerWrap.fullScr{width:100%;} .scrollerWrap.fullScr .simply-scroll .simply-scroll-list li{width:120%;} .scrollerWrap.fullScr .simply-scroll .simply-scroll-list li:nth-child(2){display:none} .scrollerWrap.fullScr .simply-scroll{margin-bottom:0;} .scrollerWrap.fullScr .scrollFix{ bottom: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center;} .soldOutTxt{color:#cc0000;font-size:15px;text-align:center; border: 1px solid #cc0000; padding: 10px!important; margin: 7px!important;} /*박지연매니저 마스크*/ .thumbSlider{width:1171px;margin:auto;overflow:hidden;} .thumbSlider .swiper-wrapper{width:500px;float:right} .thumbSlider .swiper-slide{opacity:0!important} .thumbSlider .swiper-slide img{width:100%} .thumbSlider .swiper-slide-active{opacity:1!important} .thumbSlider .swiper-wrapper .swiper-slide{width:100%!important;} .thumbSlider .swiper-pagination {width:670px!important;float:left; position: relative;} .thumbSlider .swiper-pagination-bullet { width: 163px; height: 254.5px;opacity:0.7; overflow:hidden;border-radius:0;background-repeat:no-repeat;background-size:cover!important;background-color:transparent;margin:0 2px!important; } .thumbSlider .swiper-pagination-bullet-active {opacity:1;} .thumbSlider .swiper-pagination img{width:100%;} /*상세내 유튜브 삽입*/ .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;clip-path: inset(20px 0px);} /*상세탑이미지*/ .detTop img{width:1346px;margin:50px auto;display:block;} /*슈즈팁*/ #shoesWrap{display:none} .shoes_tip_line{width:860px;background:#ccc;height:1px;margin:auto;} .shoesTip{width:860px;overflow:hidden;margin:auto;padding:30px 0 0;} .shoesTip *{text-align:center;} .shoesTip h5{font-size:16px;line-height:25px;} .shoesTip h4{font-size:18px;line-height:35px;} .shoesTip ul{overflow:hidden;width:780px;margin:10px auto 30px;} .shoesTip ul li{ float: left;cursor:pointer; width: 200px; margin: 20px 30px; padding: 5px 10px;font-size:15px; border: 1px solid #000; box-sizing: border-box; line-height: 30px;} .shoes_tip_line{width:860px;background:#ccc;height:1px;margin:auto;} .shoesTip{width:860px;overflow:hidden;margin:auto;padding:30px 0 0;} .shoesTip *{text-align:center;} .shoesTip h5{font-size:16px;line-height:25px;} .shoesTip h4{font-size:18px;line-height:35px;} .shoesTip ul{overflow:hidden;width:780px;margin:10px auto 30px;} .shoesTip ul li{ float: left;cursor:pointer; width: 200px; margin: 20px 30px; padding: 5px 10px;font-size:15px; border: 1px solid #000; box-sizing: border-box; line-height: 30px;} /*슈즈탭*/ .shoes_tab_inner{width:860px;margin:auto;overflow:hidden;} .shoes_tab .tab_con .tab_con_txt { display: block; } .shoes_tab .tab_con_tit { height: 45px; border-top: 1px solid #dcddde; border-bottom: 1px solid #dcddde; position: relative; margin-top: -1px; } .shoes_tab .tab_con_tit h5 { margin-left: 5%;font-size:15px; line-height: 45px; text-align:left } .shoes_tab .tab_con_tit span { background: url(http://chichera.img13.kr/chichera_18_pc/photo/tab_down.png) no-repeat; width: 11px; height: 10px; background-size: 100%; position: absolute; top: 16px; right: 4%; } .shoes_tab .tab_con_tit .tab_btn { transform: rotate(180deg); } .shoes_tab .tab_con_txt { box-sizing: border-box;background:#f9f9f9; display: none; } .shoes_tab .txt_first { padding: 30px 0; line-height: 25px; font-weight: bold; margin-left: 5%; } .shoes_tab .txt_first:last-child { padding-bottom: 30px; } .shoes_tab .txt_first li {color:#000; line-height: 23px; font-size: 13px; font-weight: normal;text-align:left; } .shoes_tab .txt_first li span { font-weight: bold; } /*shoes description*/ .shoesInfoWrap{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:40px 0;} .shoesInfoWrap .infoTxt *{font-family: campton_light,'Noto Sans KR', 나눔바른고딕, NanumBarunGothic, 돋움, Dotum!important;} .shoesInfoWrap .infoTxt h6{font-weight:bold;} .shoesInfo { background: #fbfbfb; width: 100%; overflow: hidden;padding:20px 0 50px; margin: auto; } .shoesInfo .infoWrap { width: 1100px; overflow: hidden; margin: 0 auto; } .shoesInfo .infoLeft { float: left; text-align: left; margin-top: 40px; width: 60%;overflow:hidden; } .shoesInfo .infoLeft .color { overflow: hidden;margin-bottom:40px;max-width:500px; } .shoesInfo .infoLeft .color li{float:left;margin-bottom:20px;} .shoesInfo .infoLeft .color li div{ border:1px solid #e7e7e7; width:70px; height: 30px; margin: 0 20px; } .shoesInfo .infoLeft .color li div:first-child{margin-left:0;} .shoesInfo .infoLeft .leftUp h5 {font-weight:bold; font-size: 20px;margin-top:20px; line-height: 25px; } .shoesInfo .infoLeft .leftUp h5.mt20up{margin-top:-20px} .shoesInfo .infoLeft .leftUp p { font-size: 13px; font-weight: normal; line-height: 25px; margin-bottom: 10px; } .shoesInfo .infoRight { float: right; width: 40%; } .shoesInfo .infoRight .barWrap { margin-top: 40px } .shoesInfo .infoRight .progBar { width: 99%; height: 14px; border: 1px solid #ccc; border-radius: 15px; overflow: hidden; background-color: #fff; background-repeat: repeat; background-image: url(http://chichera.img13.kr/chichera_18_pc/shoes/shape.png); } .shoesInfo .infoRight .progBar span { height: 100%; color: #fff; background: #333; display: block;float:left } .shoesInfo .infoRight .barTit { font-size: 20px; float: left; font-weight: bold; padding-bottom: 12px; } .shoesInfo .infoRight .barTxt { padding-top: 12px; font-size: 13px; overflow: hidden; } .shoesInfo .infoRight .barTxt ul { padding: 0; margin: 0; } .shoesInfo .infoRight .barTxt li { display: inline-block; width: 33.33%; float: left; padding-bottom: 20px; text-align: center; } .shoesInfo .infoRight .barTxt li:first-child{text-align:left} .shoesInfo .infoRight .barTxt li:last-child{text-align:right} .shoes_bg{position:relative;} .shoes_bg p{position:absolute;left:0;right:0;top:43%;margin:auto;} .shoes_tab_inner{width:860px;margin:auto;overflow:hidden;} .shoes_tab .tab_con .tab_con_txt { display: block; } .shoes_tab .tab_con_tit { height: 45px; border-top: 1px solid #dcddde; border-bottom: 1px solid #dcddde; position: relative; margin-top: -1px; } .shoes_tab .tab_con_tit h5 { margin-left: 5%;font-size:15px; line-height: 45px; text-align:left } .shoes_tab .tab_con_tit span { background: url(http://chichera.img13.kr/chichera_18_pc/photo/tab_down.png) no-repeat; width: 11px; height: 10px; background-size: 100%; position: absolute; top: 16px; right: 4%; } .shoes_tab .tab_con_tit .tab_btn { transform: rotate(180deg); } .shoes_tab .tab_con_txt { box-sizing: border-box;background:#f9f9f9; display: none; } .shoes_tab .txt_first { padding: 30px 0; line-height: 25px; font-weight: bold; margin-left: 5%; } .shoes_tab .txt_first:last-child { padding-bottom: 30px; } .shoes_tab .txt_first li {color:#000; line-height: 23px; font-size: 13px; font-weight: normal;text-align:left; } .shoes_tab .txt_first li span { font-weight: bold; } /*장바구니 팝업*/ #basketpage #maxzone *{color: #000; font-size: 14px; margin: 20px auto;} #basketpage #maxzone #contents{border:0!important} #basketpage #popupclose img{opacity:0} #basketpage #popupclose a::after { background: url(https://icongr.am/clarity/times.svg?size=25&color=000000) no-repeat 0px 0px; content: ""; display: inline-block; height: 25px; width: 25px; } #basketpage #popupclose{ position: absolute; right: 15px; top: 12px; z-index: 10000;} #basketpage table tbody table tr:first-child>td{display:none;} #basketpage #bottombutton{ overflow: hidden; margin: auto; position: relative; right: 0; left: 0; width: 300px; } #basketpage #bottombutton input:first-child{ display: block; -moz-box-sizing: border-box;float:left;margin:0 10px; box-sizing: border-box; background: url(http://chichera.img13.kr/chichera_18_pc/icon/go_cart.jpg) no-repeat; width:127px; /* Width of new image */ height: 40px; /* Height of new image */ padding-left: 127px; /* Equal to width of new image */ } #basketpage #bottombutton input:nth-child(2){ display: block; -moz-box-sizing: border-box; box-sizing: border-box;float:left;margin:0 10px; background: url(http://chichera.img13.kr/chichera_18_pc/icon/keep_shop.jpg) no-repeat; width: 127px; /* Width of new image */ height: 40px; /* Height of new image */ padding-right: 127px; /* Equal to width of new image */ } /*쉑쉑이*/ .bgShake{background-color: #e7dfdc!important} /*교환반품배송*/ .phototabWrap{width:1346px;margin:0 auto 60px } .phototab .line{background-image:url('http://chichera.img13.kr/chichera_18_pc/nov/line.jpg');background-repeat-x: repeat;height:2px;width:55%;margin:10px auto; } .phototab {width:1100px;margin:0 auto; overflow: hidden; } .phototab li {font-size:17px; float: left; width: 33.3%; text-align: center; box-sizing: border-box; display: inline-block; padding: 20px; cursor: pointer; } .phototab li.on { font-weight: bold; } .phototab_con { clear: both; } .phototab_con div { display: none; } .phototabWrap .txt_first {font-size:15px; padding: 10px 0; line-height: 25px; font-weight: bold; margin-left: 5%; } .phototabWrap .txt_first:last-child { padding-bottom: 20px; } .phototabWrap .txt_first li {font-size:15px; line-height: 25px; list-style-image: url(https://icongr.am/simple/discover.svg?size=4&color=000000); list-style-position: inside; font-weight: normal } .phototabWrap .txt_first li span { font-weight: bold; } /*중앙정렬모드슬라이더*/ .slider8 .active-slide.slide img { font-weight: bold;opacity:1; } .slider8 img{opacity:0.5;background-color:#000;} .slider8 img::before{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); content: '';} .slider8 .slide{position:relative;width:100%; display:block;background:#000} .slider8Wrap .bx-controls-direction{ position: absolute; top: 50%; width: 100%;} .slider8Wrap .bx-controls-direction a{ position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9999;} .slider8Wrap .bx-prev{ left: 10px; background: url(https://icongr.am/feather/arrow-left-circle.svg?size=40&color=f4f4f4) no-repeat; } .slider8Wrap .bx-next{ right: 10px; background: url(https://icongr.am/feather/arrow-right-circle.svg?size=40&color=f4f4f4) no-repeat; } /*당일배송 #express{ padding:15px;display:block; color: #000; cursor: pointer; text-align: center;} #express_info:hover{text-decoration:underline;cursor:pointer;} .epp{ text-align: center;} #express_pop{z-index:50; display:none; position: absolute; width: 100%; background: #fff; max-height:360px;overflow-y:scroll; top: 40px; margin: auto; border: 1px solid #ccc; padding: 10px 20px; box-sizing: border-box; line-height: 20px; font-size: 12px;} #pop_close{cursor:pointer;} .dpb{display:block!important;} .dpn{display:none;} #express_pop img{position:absolute; right: 20px;top: 15px;} #express_pop h4{font-size:16px;font-weight:bold;padding-bottom:15px;border-bottom:1px dotted #999;color:#990000;} #express_pop h5{ font-weight: bold; font-size: 13px; line-height: 40px;} #express_pop p{text-align:left;} #express_pop th{background:transparent!important;} #express_pop td{padding: 6px 0 8px!important;} #normal{ border: 1px solid #666; padding: 4px; margin-right: 10px; color: #666;} #productDetail .thumb-info .info .opt-note th, #productDetail .thumb-info .info .opt-note td { padding: 6px 0 4px; border-bottom: 1px solid #000; } #productDetail .thumb-info .info .opt-note th { font-weight: bold; } #express_pop .dg_btn{background-color:#f4edeb;padding:2px;text-align:center;width: 54%; margin: 20px auto 0;} */ /*메이드헤라마크*/ .madeMark{ position: absolute; top: 0px; background: #ecdbc1; color: #000;text-align:center; padding: 1px; min-width: 115px; height: 4vh; line-height: 4.1vh; font-size: 1.2em; display: block; letter-spacing: 0.5px; width: 23%; } .withItem .madeMark{ top:2px; min-width: 75px; height: 2vh; line-height: 2.1vh; font-size: 0.8em; width: 18%; } /*리뷰선정기준*/ .standardWrap { padding-bottom: 100px; width:1346px; margin: 0 auto; font-size: 15px; } .rev_standard { padding: 30px 5px; float: left; width: 32%; } .rev_standard:first-child{padding-left:60px;} .rev_standard:last-child{width:28%} .rev_standard img { width: 32%; padding-top: 10px } .rev_standard h5 { color: #996666; font-size: 1.5em; line-height: 35px; font-weight: bold; } .rev_standard h5 span { font-size: 0.7em; color: #333; } .rev_standard h6 { color: #999;font-size: 14px;line-height:30px; } .rev_standard p { color: #999; line-height: 25px; } .circleWrap { width: 100%; box-sizing: border-box; } .circle { box-shadow: 2px 2px 1px #cccccc5e; border-radius: 999px; float: left; width: 90px; height: 90px; background: #faf9f8; padding: 9px; margin: 1em 0.3em; } .circle span { color: #999; font-size:1em; text-align: center; line-height: 25px; display: block } .circle i { color: #996666; font-size: 1.5em; font-style: italic; font-weight: bold; text-align: center; line-height: 30px; display: block; } /*버튼배너 탭배너*/ .btn_banner { width: 100%; min-width: 1100px; height: 100%; max-height: 800px; min-height: 800px; position: relative; } .sliderkit-panel img { width: 100%; } /* Nav */ .btn_banner .sliderkit-nav { top: 56vh; left: 210px; } .sliderkit-nav-clip{height:200%!important} .btn_banner .sliderkit-nav-clip ul li { float: left; margin:5px; width: 23%!important; cursor:pointer; display: block; color: #888; font-size: 1.5em; background: transparent; padding: 5px 0px; border: 1px solid #888; line-height: 1.5em; } .btn_banner .sliderkit-nav-clip ul li.sliderkit-selected{ color: #333;font-weight:bold; border: 1px solid #333; } .btn_banner .sliderkit-nav-clip ul:hover { color: #333; } @media (min-width: 1200px) and (max-width: 1550px) { .btn_banner .sliderkit-nav{top:45vh;left:150px; } } @media all and (max-width: 1199px) { .btn_banner .sliderkit-nav{top:45vh;left:150px; } .btn_banner .sliderkit-nav-clip ul li a{font-size:0.8em; padding:10px} } /*컬러펼치기-문구버전*/ .color_btn{font-size:30px;font-family: 나눔바른고딕, NanumBarunGothic, dotum, sans-serif, AppleGothic, Helvetica!important;cursor:pointer } .color_btn:hover>i{color:#ff4005} .color_btn i{font-size:28px;margin-left:5px;color:#ccc;margin-top:50px;} .color_btn b,.color_btn span{font-family: 나눔바른고딕, NanumBarunGothic, dotum, sans-serif, AppleGothic, Helvetica!important;} .color_btn span{font-size:16px;text-decoration:underline;display:block;padding-bottom:200px;line-height:50px } /*다이어리 슬라이더---*/ .diaryWrap{position:relative;margin:0 auto;left:0;right:0;} .diary_controls{position:absolute;top:45%;z-index:99;} .diary_controls #diary_prev{float:left;margin-left:20px;} .diary_controls #diary_next{float:right;margin-right:20px;} .diaryWrap .bx-wrapper .bx-pager,.diaryWrap .bx-wrapper,.diaryWrap .bx-wrapper .slide{width:relative;} /*다이어리 겸 full-fade슬라이더---*/ .fullfade .bx-controls{display:none;} .diaryWrap.fullfade.sldCenter{margin:auto;width:1100px;} .diaryWrap.fullfade .bx-wrapper .bx-pager, .diaryWrap.fullfade .bx-wrapper, .diaryWrap.fullfade .bx-wrapper .slide{width:100%!important;margin:auto} .fullfade .slide img{width:100%;} /*shoes New design*/ .shoesNew.diaryWrap{width:unset!important;} .shoesNew.diaryWrap .diary_controls{z-index:100!important;display:block!important;opacity:1!important;width:858px;left:0;right:0;margin:auto;} .shoesNew.diaryWrap .bx-wrapper .bx-pager{display:none} .shoesNew.diaryWrap .bx-wrapper,.shoesNew.diaryWrap .bx-wrapper .slide{width:100%!important;margin:auto!important;min-width:unset!important} .shoesNew.diaryWrap .bx-wrapper .diary div img{margin:auto} .shoesNewInfo{overflow:hidden;width:1100px;margin:80px auto;} .shoesNewInfo .shoesIcon{width:25%;float:left;position:relative;} .shoesNewInfo .shoesIcon::after{content:'';width:1px;height:200px;background:#bebebe;position:absolute;right:0;top:0;} .shoesNewInfo .shoesIcon:last-child::after{content:none} .shoesNewInfo .shoesIcon>li{margin-top:25px;} .shoesNewInfo .shoesIcon li>img{width:70px;margin:auto;display:block;} .shoesNewInfo span{text-align:center;font-family: 'Montserrat', 'Noto Sans KR','나눔바른고딕', NanumBarunGothic, '돋움', Dotum, sans-serif;font-size:14px;margin:10px auto;display:block;} .shoesNewInfo h6{font-size:20px;} .shoesNewInfo h6 span{font-size:15px;font-weight:normal} .shoesNewInfo h5{background: #616161;width:205px; display: block; margin: auto;padding: 10px 20px;border-radius: 50px;text-align:center; color: #fff;font-weight: 700;letter-spacing: 1.5px; font-size: 16px;font-family: 'Montserrat', 'Noto Sans KR','나눔바른고딕', NanumBarunGothic, '돋움', Dotum, sans-serif;} .shoesNewInfo .shoeColor .shoeColorChip{ margin: 30px auto 0; max-width: 180px;text-align: center;} .shoesNewInfo .shoeColor .shoeColorChip li{width:15px;height:15px;border:1px solid #eee;display:inline-block;margin:3px;} .shoesNewInfo .shoesIcon .shoeWei{margin:40px auto!important;} .shoesNewInfo .shoesIcon .shoeWei img{ vertical-align: top;width:unset} .shoesNewInfo .shoesIcon .shoeWei font{font-size:15px;} /*--------------쉑쉑쉑 슬라이더-------------------*/ .shakeSld { position: relative; width: 1346px; margin: 0 auto; } .shakeSld .bx-wrapper .bx-pager { position: absolute; bottom:0 } .shakeSld .bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 20px; border-radius: 100px; background: #ccc; } .shakeSld .bx-wrapper .bx-pager.bx-default-pager a.active { background: #333; } .shake_controls { width: 100%; } #shake_prev { position: absolute; top: 40%; left: 0px; z-index: 100; } #shake_next { position: absolute; top: 40%; right: 0px; z-index: 100; } /*백수연매니저요청 어디에나셔츠_소다실키블라우스*/ .shakeSld.bsySld{width:100%; margin-top: -10px;} .shakeSld.bsySld .bx-wrapper .bx-pager{display:none} .shakeSld.bsySld .shake_controls img{max-width:53px!important} .bsySld #shake_prev{left:40px;} .bsySld #shake_next{right:40px;} /*프레시큐롯팬츠*/ .rel{position:relative;} .rel .controls{width:80%;max-width:1500px;margin:auto;left:0;right:0;top:40%} /*--------------상세탭전환시작-------------------*/ .tabSlider{position:relative;margin-top:200px;} .tabSlider #tab_pager{position: absolute; top: -100px; margin: auto; left: 0; right: 0; width: 510px;} .tabSlider #tab_pager li{padding:10px; border:2px solid #990000; float: left;margin-right:30px; width: 80px; height: 40px; line-height: 40px;font-weight:bold; font-size:16px;font-family:Century Gothic;} .tabSlider #tab_pager a:last-child>li{margin-right:0} .tabSlider #tab_pager a{color:#990000} .tabSlider #tab_pager a.active>li{color:#fff;background-color:#990000;} .tabSlider #tab_pager li:hover{color:#fff;background-color:#990000;} /*--------------상세탭끝-------------------*/ .color_view{display:none;} #more_pop{font-size:30px;width:40px;height:40px;border-radius:40px;background-color:#333;color:#fff;font-weight:bold;margin:20px auto;line-height:40px;} /*비디오태그 수동플레이*/ .video_import{position:relative;} .video_import #btn-play{position:absolute; margin:auto;top:0;bottom:0; left:50%;background:none;} /*충돌수정*/ *:focus { outline: none; } html{overflow-x: hidden;} @media (min-width: 400px) and (max-width: 1365px) { html{ overflow-x:visible } img{max-width:1346px;} } /*상품후기/문의등이미지타이틀*/ .imgTit img{width:1310px;} /*우측스크롤높이조정*/ #flashTodayView .lol_list_bt{bottom: 17vh;} /*인스타피드삽입*/ .insta_iframe{width:650px; margin:24px auto; border: 1px solid rgb(219, 219, 219); border-radius: 2px;} .insta_iframe .hideText{ text-indent: -32px!important;} .insta_left { float: left; width: 52%; } .insta_txt{width:48%;float: right;} .insta_txt img{width: 100%;} /*윤화씨요청 201203 인스타슬라이더*/ .instaSld{display:block!important;} .instaSld .fixed_instalogo { position: absolute;top:3%; z-index: 20; left: 0; right: 0;margin: auto;width: 786px;} .instaSld .instaPag.instaSldPag { position: absolute; top: 1.5%; left: 0;right:0; z-index: 10;margin:auto;} .instaSld .instaSldPag .swiper-pagination-bullet { position: relative;width: 70px; height: 3px; border-radius: 0; margin: 0 2.5px; opacity: 1; background: rgba(255, 255, 255, 0) } .instaSld .instaSldPag .swiper-pagination-bullet.activated { background: rgba(255, 255, 255, 1); } .instaSldPag .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0);opacity: 1; } .instaSldPag .swiper-pagination-bullet:before { content: ""; background: rgba(255, 255, 255, 0.3); display: block; z-index: 3;position: absolute; top: 0; left: 0;width: 100%;height: 100%;} .instaSldPag .swiper-pagination-bullet:after { content: ""; background: #fff;display: block; transition: all 0.1ms; z-index: 2;position: absolute;top: 0;left: 0;width: 0%;height: 100%;} .instaSldPag .swiper-pagination-bullet-active:after {transition: all 3s;width: 100%; } /*소확행 페이지*/ .bx-wrapper_2 .controls{position:relative; width:1000px; margin:0 auto;left:0;right:0; top:500px!important;} .bx-wrapper_2 #prevBtn{position:absolute;left:0;} .bx-wrapper_2 #nextBtn{position:absolute;right:0;} .bx-wrapper .controls{position:relative; width:1300px; margin:0 auto;left:0;right:0; top:500px!important;} .bx-wrapper #prevBtn_1{position:absolute;left:0;} .bx-wrapper #nextBtn_1{position:absolute;right:0;} .bx-wrapper_4 .controls{position:relative; width:1000px; margin:0 auto;left:0;right:0; top:500px!important;} .bx-wrapper_4 #prevBtn4{position:absolute;left:0;} .bx-wrapper_4 #nextBtn4{position:absolute;right:0;} .bx-melo .controls{position:relative; max-width:1400px; min-width:800px;margin:0 auto;left:0;right:0; top:450px!important;} .bx-melo #prevBtn{position:absolute;left:0;} .bx-melo #nextBtn{position:absolute;right:0;} .melo img{width:100%important;} .more_img { width: 100%; min-width: 1100px; margin: 0 auto; box-sizing: border-box; overflow: hidden; } .more_img img { width: 100%; } .bx-wrapper { margin: 0 auto; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; margin-bottom: 18px; width: 100%; font-size: 12px; } .tabBack { width: 100%; min-width: 1100px; background: url('http://chichera.img13.kr/shh/detail/main_review_bg.jpg') top center; background-repeat: no-repeat; height: 100%; padding: 750px 0 200px; } .tabWrap { width: 1100px; margin: 0 auto; height:1000px; } .tabWrap img{width: 100%;min-width: 1100px;min-height:980px;} ul.tabs li { float: left; text-align: center; cursor: pointer; width: 150px; height: 50px; line-height: 50px; border-left: none; font-weight: bold; background: #eee; overflow: hidden; position: relative; border-radius: 18px 18px 0 0; font-size: 24px; z-index: 0; } ul.tabs li:last-child { background: #ddd; } ul.tabs li:first-child { border-left: 1px solid #eee; border-radius: 18px 18px 0 0; } ul.tabs li.active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .tab_container { border: 1px solid #eee; border-top: none; clear: both; float: left; width: 1100px; height: 800px; background: #FFFFFF; z-index: 10; } .tab_content { padding: 5px; font-size: 12px; display: none; } .tab_content img { width: 100%; margin: -4px; } .tab_container .tab_content ul { width: 100%; margin: 0px; padding: 0px; } .tab_container .tab_content ul li { padding: 5px; list-style: none } .tstory { width: 100%; background: url('http://chichera.img13.kr/shh/detail/main_interview_bg.jpg'); padding:740px 0 120px; background-size:100%; background-repeat:no-repeat; } @media all and (max-width:1500px) { .tstory {padding:600px 0 120px;} .tstory .bx-wrapper .controls{width:1100px;} } /*바로구매*/ .thumb-info{height:100%;} .moving{ display: block; opacity: 1; z-index: 100; position: fixed; bottom: 70px; padding: 20px; border: 1px solid #ccc; right: 100px; background-color: #fff;overflow-y:auto;max-height:610px; width:370px!important; } .moving #sns_hide{display:none} .moving .prd-btns{margin-top:10px} .f_cg{ font-family:'Century Gothic',나눔바른고딕, NanumBarunGothic, "Nanum Gothic", dotum, sans-serif, AppleGothic, Helvetica; font-size:14px!important;font-weight:bold;} #sale_price{font-weight:normal;float:left;margin-right:5px} .tb-pd{padding:0 0 15px!important;} .buy_now{cursor:pointer; right: 100px; display: none; position: fixed; z-index: 120; bottom: 10px; background: #cc0000; color: #fff; line-height: 50px; width: 200px; text-align: center; font-size: 14px; border: 1px solid #cc0000; transition: 0.1s; } .fff{ background:#fff; color:#ccc; display:block; border: 1px solid #ccc; transition: 0.1s; } /*바로구매끝*/ #productDetail .table-slide { width: 1310px !important; margin: 0 auto; } /*영상 관련 */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } iframe{width:100%;} .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .chic_mov{ width:100%; min-width:1100px; max-width:1346px; margin:0 auto; } /*영상3개 일렬로*/ .mov3 iframe{float: left;width: 30%;margin-right:5%;} .mov3 iframe:last-child{margin-right: 0;} .m1100{ max-width:1098px!important; } /*상세탭*/ .top1px{height;1px;} .detail_tab{width:100%;min-width: 1100px;margin-bottom:50px; margin-top:100px;} .tab{width: 1346px; margin: 0 auto; height:30px;} .tab li{float: left; cursor: pointer; width: 20%; text-align: center; box-sizing: border-box; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-collapse: collapse; height: 50px;box-sizing:border-box;} .tab li a{ width: 100%; height: 100%; display: block; line-height: 50px; font-size: 16px; text-align: center; color:#999; } .tab li a i{color:#999;} .tab_empty{background: #fff!important; border: 0!important; border-bottom: 1px solid #e0e0e0!important; width: 70%!important;} .onclick {background-color: #fff!important; border: 1px solid #e0e0e0!important; border-bottom: none; border-collapse: collapse; border-bottom: 2px solid #fff!important; border-top: 3px solid #333!important; font-weight: 600; } .onclick a {color:#333!important;} .onclick .count_color{color:#333!important;} .count_color{font-style:normal;} /*상세에서만보이는 따라다니는 우측스크롤*/ #sfsnapfit_main #float_image{display:none!important;} .info_go , .snap_go, .review_go{display:block!important;cursor:pointer} /*상세탭끝*/ /* 엠디 인포. */ .info_table {width: 640px; border:1px solid #ccc; display:table; margin:0 auto; margin-top:100px; color: #333; text-align: left;} .info_table li {float:left; list-style:none; border-left:1px solid #ccc; line-height:20px; padding:10px 10px;} .info_table .col {font-weight:bold; width:20%; line-height:20px; border:none; margin-left:10px} .inside {margin-top:-1px;} .md_pic {border:none !important; text-align:center; float: none !important;} .md_pic img {text-align:center; border:none; height:200px; width:auto; margin:-70px 0 30px 0} #bx-pager a:hover , #bx-pager .active { color:#5280DD; font-weight:bold; } .npay_type_D_1_2, .npay_type_D_2_2 { width: 355px !important; height: 83px !important; } .detail_nhn_pay { line-height: 0; width: 355px !important;} p.staff{margin:-1px 0; text-align:center; } p.staff img{width:320px;} .bg_color li{background-color:#fafafa; font-weight:500; color:#000} .bor_line2 li { border-bottom: 1px solid #ccc; } .bor_line li { border: 1px solid #ccc; border-left: 0px;} .txt_info_detail {text-align:left;margin:20px 0; line-height: 20px; } .txt_bold {font-weight:bold; color:#000 !important} .detail_text {height: 100% !important; white-space:normal;} .bor_top{ border-top: 1px solid #ccc; padding: 10px 0 0 0 !important} .bor_bottom{ border-bottom: 1px solid #ccc; padding: 0 0 10px 0 !important} .txt_2line{margin: -5px 0 !important ;line-height: 0px;} .txt_3line{margin: -15px 0 !important ;line-height: 0px;} .size_max { width:max-640px; font-size:12px; margin: 0 auto; display: table; color: #666;} .size_max ul {clear:both;} .size_max li:first-child {padding:0px 03px; background-color:#fafafa; width:135px; line-height: 15px !important; border-left: 1px solid #ccc; padding-top: 25px; height: 45px; font-weight:500; color:#000} .size_max li{list-style:none; float:left; line-height: 68px; width:70px; height:70px ; border-right: 1px solid #ccc; text-align:center;} .size_max li i{ font-style: normal; font-size: 12px; color: #666; font-weight:normal;} .size_min {width:max-640px; font-size:12px; margin: 0 auto; display: table; color: #666;} .size_min ul {clear:both;} .size_min li:first-child {background-color:#fafafa; width:135px; line-height: 15px !important; border-left: 1px solid #ccc; padding-top: 25px; height: 45px; font-weight:500; color:#000} .size_min li{list-style:none; width:80px; float:left; line-height: 68px; padding:0px 03px; height:70px ; border-right: 1px solid #ccc; text-align:center;} .size_min li i{ font-style: normal; font-size: 12px; color: #666; font-weight:normal;} .size_free {max-width:640px; font-size:12px; margin: 0 auto; display: table; color: #666;} .size_free ul {clear:both;} .size_free li:first-child {background-color:#fafafa; width:135px; line-height: 15px !important;border-left: 1px solid #ccc; padding-top: 25px; height: 45px; font-weight:500; color:#000} .size_free li{list-style:none; width:150px; float:left; line-height: 68px; padding:0px 3px; height:70px ; border-right: 1px solid #ccc; text-align:center;} .size_free li i{ font-style: normal; font-size: 12px; color: #666; font-weight:normal;} .prd_info {max-width:640px; height: 550px; font-size:12px; margin: 0 auto; display: table; color: #666;} .prd_info ul {clear:both; padding:0px; margin:0px; text-align:center; height:40px} .prd_info li{list-style:none; width:115px; float:left; line-height: 38px; padding:0px 03px; height:40px ; color:#555 } .prd_info ul li:first-child {text-align:left; font-weight:600; color:#000; border-right: 1px solid #ccc;} .staff{margin:-1px 0; text-align:center; } .staff img{width:320px; padding:0px !important;;} .okcash{margin-top:40px;} .bg_color{background-color:#f7f7f7;} .memver_info i{font-style:normal; letter-spacing: 0px;} .detail_infotxt {line-height:20px; font-size:13px; margin: 50px 0} .detail_infotxt h2{font-weight:bold; color:#000; padding-bottom:10px;} .de_size { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; text-align:left; padding:20px; display:inline-block; line-height:20px; margin:30px 0 50px 0 } .n_type{margin:70px 0;} .f_style{font-size:26px;font-style: italic; margin:15px 0 !important;} .detail_info1 h3{color: #000; font-size: 12px;} .thumb-wrap_right {float:right;} .md_name{padding-bottom:20px;} .shoes_info{text-align:left;} .shoes_texd2 {padding-top:50px; text-align:left; line-height:20px;} .shoes_text dd img{margin-bottom:20px !important;} .text_bold {color:#000000; width:50px; font-weight:bold; display:inline-block; margin-bottom:8px; font-family:dotum !important;} .shoes_det_info span{font-family:dotum !important;} .shoes_det_info {text-align:center; margin:250px auto; display:table; border: 1px solid #cccccc; padding: 100px 150px;} .shoes_det_info .shoes_text h1{font-size: 11px; border-bottom: 1px solid #F50909; width: 93px; padding: 5px 5px; display:inline-block} .shoes_det_info .shoes_text h2{font-size: 50px; font-family:Georgia !important; color:#000000; font-style:italic; padding:20px 0px} .fabric_well { text-align:center; display: inline-block; background-color: #f1f1f1; padding: 20px 20px; font-family:dotum !important;} .fabric_well ul{text-align:left; font-size:12px; color:#333333;} .fabric_well h2{font-size:14px; font-weight:bold; color:#000000; padding-bottom:20px; font-family:dotum !important;} .text-red{color:red;} .fabric_well dd{padding-bottom:10px;} .t_bold{font-weight:bold; padding-left:5px; font-family:dotum !important;} .model_info img {padding:8px;} /* 상세페이지 하단 인포 부분. */ #detail_info {text-align:center; margin:0 auto; position:relative; display: inline-block;} #detail_info .cm_tit {font-size:12px; color:#000000; text-align:left; margin: 0 auto; padding:5px 0; } #size_info{text-align:center; clear:both; zoom:1; margin:0 auto;} /* 인포 사이즈 부분. */ #size_info ul { float:left; padding:0px;} #size_info ul div{ margin:0px; padding:15px; font-size:12px; height:20px; color:#000000;line-height: 22px; width:77px;} #size_info ul div:first-child{ background-color:#f5f5f5; border-top:1px solid #a6a6a6; } #size_info ul div:nth-child(3){border-bottom:1px solid #a6a6a6; } #size_info ul div:nth-child(4){border-bottom:1px solid #a6a6a6; } #size_info ul div:nth-child(5){border-bottom:1px solid #a6a6a6; } #size_info ul div:nth-child(6){border-bottom:1px solid #a6a6a6; } #size_info ul div:nth-child(7){border-bottom:1px solid #a6a6a6; } #size_info ul div:nth-child(8){border-bottom:1px solid #a6a6a6; } #size_info ul div:nth-child(9){border-bottom:1px solid #a6a6a6; } .model_info span{ padding:5px;} .chic_pop { display: none; position:relative; margin:0px auto; background-color: white; z-index:1002; text-align: center; width:644px; } .close_btn1{position:absolute;top:15px;right:3%;cursor:pointer;} .close_btn2{position:absolute;bottom:20px;right:3%;cursor:pointer;} .t_top{border-top:2px solid #000000; padding: 20px 0;} .detail_tit_text {background-color: #333333; padding:5px 20px; color: #ffffff; text-align: center; display: inline-block; font-size:16px; font-weight:bold; margin:100px 0px 50px 0;} #size_info ul div dt:first-child{margin-top:-5px;} #size_info ul div dt:nth-child(2){margin-top:-9px;} /* 인포 텍스트. */ #detail_info .info_txt {clear:both; zoom:1;text-align:left; margin:0 auto; font-size:12px; color:#000000; line-height:21px;padding:10px 0 30px 0; border-bottom: 1px solid #a6a6a6;} #detail_info .info_txt dt:first-child{margin-top:15px;} #detail_info .info_txt dd:first-child{margin-top:15px;} .bxsliderde {z-index:10; margin-top:150px;} .info_tit h2{font-size:14px; color:#000000; font-weight:bold;} .info_tit {border-bottom:1px solid #a6a6a6; padding:10px 0 10px 0; margin-top: 100px; width:1310px; margin: 0 auto; } #event_b { width:100%; height:200px;margin-top: 95px; padding-bottom: 100px; border-bottom: 1px solid #a6a6a6; } #event_b ul{margin-bottom;20px;} #event_b li { float: left; text-align: center; margin-top:30px; margin-right:22px;} #event_b li:last-child { float: left; text-align: center; margin-top:30px; margin-right:0px; } #event_b dt {font-size:14px; color:#000000;padding-top:7px; font-weight:bold} /*높이값에따른 바로구매버튼 높이조절*/ @media screen and (max-height: 849px) { .moving .prd-btns .btn_c_black,.moving .prd-btns .btn_c_white{padding:15px 50px;} .moving{padding:15px; transition: 0s;max-height:500px;overflow-y:auto;} .moving *{transition:0s;} .moving .t_top{padding:15px 0;} .remove{display:none;} .moving .tb-pd{padding:0 0 12px!important;} } /* 관련상품 */ .withItem .thumb,.withItem img,.withItem .thumb a{width:100%!important;height:auto!important;} .withItem .prd-list table tr{height:440px;} .withItem .prd-list table td{float:unset;vertical-align: top;margin-right:22px;height:550px;} .withItem .prd-list .price{text-align:left;font-weight:bold;margin-left:20px;font-size:16px;} .withItem .prd-list .info{padding-right:15px;width:235px;} .withItem .prd-list table td:nth-child(5n) .info{padding-right:0!important;} .withItem .prd-list .info li{ padding: 2px 0;} .list_opt {margin-left: 0px; margin-top: 0px; padding: 0 0 5px 0; text-align: center; display:inline-block; width:100%; } .list_opt select {height: 22px; margin: 0 0 5px 0; width:135px; text-align-last: center;} .list_opt input {height: 22px; margin:0 0 5px 0;text-align:center;} .list_opt dl{margin-top:10px} .list_opt dt{width:49px; line-height:22px; float: left;text-align:left;} .list_opt dd{width:120px;margin-left:50px;} .withItem .quantity input{float: left; } .withItem .btns{position:relative;float: left;width:14px;margin-left:5px;margin-top:-1px;} .withItem .btns a{position:absolute;width:14px;height:8px;} .withItem .btns .btn-dw{top:10px;} .withItem .btns .btn-up{top:0;} .withItem .basket-line{margin:0 auto 200px;} .withItem .basket-line span{color:#990000;font-size: 13px;font-weight: bold;} .withItem .basket-line h6{text-align: center; line-height: 30px; margin-top: 30px;} .withItem .basket-line h6 img{width: 14px!important;} .withItem .related-allbasket{text-align:center;margin:30px auto;} .withItem .related-allbasket a{padding:15px 120px;font-size:14px;font-weight:bold;} #productDetail .guideinfo { font-size: 11px; margin-top: 15px; } #productDetail .guideinfo li {padding-top:5px; } #productDetail .brandinfo { font-size: 11px; padding-top: 8px;line-height: 18px;} .table-slide review-list table { border-collapse: collapse; } #footer .ftlink { position: none !important; } .detail-div { width: 186px; } .detail-div ul { overflow: hidden; } .detail-div ul li { float: left; padding-right: 4px; } .detail-div ul li .MS_related_quantity { width: 20px !important; } .detail-div ul .dsc { margin-top: 0 !important; } #MK_p_s_0{ width: 247px; height:22px; font-size:11px; vertical-align:middle; text-align-last:center;} #MK_p_s_1{ width: 247px; height:22px; line-height:20px; font-size:11px; vertical-align:middle; text-align-last:center;} #MK_p_s_2{ width: 247px; height:22px; line-height:20px;font-size:11px; vertical-align:middle; text-align-last:center;} #MK_p_s_3{ width: 247px; height:22px; line-height:20px; font-size:11px; vertical-align:middle; text-align-last:center;} #MK_p_s_4{ width: 247px; height:22px; line-height:20px; font-size:11px; vertical-align:middle;} #MK_p_s_5{ width: 247px; height:22px; line-height:20px; font-size:11px; vertical-align:middle;} #MK_p_s_0 select * { vertical-align:middle; display:inline;} .sort{text-align-last:center;} #powerReview .review-wrap > li .reply { height: 21px; line-height: 23px; margin-top: 30px; color: #8a8278; display: none; } #powerReview .hd-t h2 { float: left; color: #000; font-size: 14px; /* letter-spacing: -1px; */ line-height: 37px; font-weight: bold; } /*forest 리뷰슬라이드*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { display: block; } .bxslider {overflow: hidden; margin:0; padding: 0; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper {width: 100%;min-width: 1100px; margin: 0 auto 160px; max-width:1346px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -50px; width: 100%; } .bx-wrapper>h3 { font-size: 38px; font-family: 'NanumBarunGothic', Nanum Gothic, dotum, sans-serif, AppleGothic, Helvetica; position: relative; margin: 160px auto 70px!important; width: 350px; } .bx-wrapper>h3>span{font-weight: bold; font-family: 'NanumBarunGothic', Nanum Gothic, dotum, sans-serif, AppleGothic, Helvetica;} .bx-wrapper>h3 img { margin: 0; height: 28px; position: absolute; left: 160px; top: 0px; } .controls {width: 100%;position: absolute; top:400px; z-index: 444; } #prevBtn { position: relative; float:left; } #nextBtn {position:relatvie; float:right; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #f0f0ef; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #f0f0ef; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #d7d7d7; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } .item-wrap .item-cont .item-list .prd-price .soldout {color:#f60000; font-size:14px; font-weight:bold;} /*스와이퍼슬라이드*/ html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /*심플페이드인슬라이더*/ #slideshow { margin: 0 auto; position: relative; width: 100%; height: 100%; padding: 0; } #slideshow > div { position: absolute; } /*탑페이지 영상노출(백그라운드)*/ #con_img_wrap { width: 100%; max-width: 1900px; min-width: 1240px; margin: 0 auto; position: relative; } #con_img_wrap_bg { width: 100%; max-width: 900px; min-width: 1239px; margin: 0 auto; position: relative; } /*디플린*/ #productDetail .page-body { margin-top:20px } .detailConts img{max-width:100%} .orangeTit.tac{text-align:center!important} .whyVideoWrap{padding-bottom:100px!important;} .whyStory{background-image:none!important;width:100%;} .whyStory img,.whyHidden img{max-width:100%;display:block;margin:auto;} .whyClose img{width:50px;} .rela{position:relative; z-index: 19; background: #fff;} .why2 .orangeTit{font-weight:bold} .why2{background:#fbfbfb;padding:200px 0;} .ml10{margin-left:10px;} .pt15{padding-top:15px} .pl50{padding-left:50px} .dflyn {margin-top:24px;} .dflyn .section_tit{width:1346px;margin:auto;font-size:120px;color:#000;font-weight:bold;} .dflyn .section_subtit{width:1346px;margin:auto;font-size:47px;font-weight:bold;color:#000;} .MK-product-icons img{width:35px;} /*크림리뉴얼*/ /*리뷰*/ .dflyn .trueReviewWrap {padding:100px 0; background: #f4f4f2 } .dflyn .trueReview { width: 1346px; margin: auto; overflow: hidden; } .dflyn .trueReview .trueTit { width: 100%; border-bottom: 1px solid #222; } .dflyn .trueReview .trueTit h3 { font-size: 60px; } .dflyn .trueReview .trueTit .starRank { font-size: 40px; } .dflyn .trueReview .trueTit .starRank span{ font-weight: bold; line-height: 75px;} .dflyn .trueReview .trueConts { width: 100%; overflow: hidden; } .dflyn .trueReview .trueConts>ul{margin-top:40px;} .dflyn .trueReview .trueConts .leftTit { width: 40%; float: left; } .dflyn .trueReview .trueConts .leftTit .Rbtn{font-size:17px;text-align:center;padding:10px;border:1px solid #000; width: 220px; margin-top: 90px;} .dflyn .trueReview .trueConts .leftTit p { font-size: 22px; } .dflyn .trueReview .trueConts .rightTxt { width: 60%; float: left; } .dflyn .trueReview .trueConts .rightTxt .rightTit{font-size:18px} .dflyn .trueReview .trueConts .rightTxt .txtWriter{font-size:11px;margin-top:10px;} .dflyn .trueReview .trueConts .rightTxt .txtTit{font-size:16px;font-weight:bold;line-height:40px} .dflyn .trueReview .trueConts .rightTxt .txtConts{font-size:13px;} .dflyn .typetabWrap { width: 1346px; margin: 0 auto 60px } .dflyn .tabWrap .txt_first{font-size:16px;font-weight:bold;margin-top:10px;min-height:200px;overflow:hidden;padding: 20px;border-bottom: 1px solid #666;} .dflyn .tabWrap .txt_first .trueImg{width:26%;float:left;margin-right:20px} .dflyn .tabWrap .txt_first .trueStar{width:100px} .dflyn .tabWrap .txt_first li{font-size:14px;font-weight:normal;width:70%;float:left} .dflyn .tabWrap .txt_first li i{display:inline-block;margin-left:-7px;} .dflyn .trueReview .tabWrap{width:unset;min-width:unset;height:unset} .dflyn .trueReview .tabWrap img{width:unset;min-width:unset;min-height:unset;} .dflyn .typetab .line { background-image: url('http://chichera.img13.kr/chichera_18_pc/nov/line.jpg'); background-repeat-x: repeat; height: 2px; width: 55%; margin: 10px auto; } .dflyn .typetab { margin: 0 auto; overflow: hidden; } .dflyn .typetab img { width: 15px; } .dflyn .typetab li { position: relative; font-size: 17px; float: left; margin-right: 30px; text-align: left; box-sizing: border-box; display: inline-block; padding: 10px 5px 20px; cursor: pointer; } .dflyn .typetab li:after { background-image: url('http://chichera.img13.kr/dflyn/detail/pc/cream/0903/nfill.png'); background-size: cover; position: absolute; right: -15px; top: -5px; bottom: 0; margin: auto; content: ""; width: 15px; height: 15px; } .dflyn .typetab li.on { font-weight: bold; } .dflyn .typetab li.on:after { background-image: url('http://chichera.img13.kr/dflyn/detail/pc/cream/0903/fill.png') } .dflyn .typetab_con {border-top:1px solid #666; clear: both; } .dflyn .typetab_con div { display: none; } .dflyn .typetabWrap .txt_first { font-size: 15px; padding: 10px 0; line-height: 25px; font-weight: bold; margin-left: 5%; } .dflyn .typetabWrap .txt_first:last-child { padding-bottom: 20px; } .dflyn .typetabWrap .txt_first li { font-size: 15px; line-height: 25px; list-style-image: url(https://icongr.am/simple/discover.svg?size=4&color=000000); list-style-position: inside; font-weight: normal } .dflyn .typetabWrap .txt_first li span { font-weight: bold; } .dflyn .tabWrap .hiddenWrap{display:inline} .dflyn .tabWrap .hiddenWrap .hiddenBtn{display:block;text-decoration:underline;margin-top:30px;} .dflyn .tabWrap .hiddenTxt{display:none;font-size:13px;} .dflyn .tabWrap .hiddenTxt.open{display:inline;} .dflyn .effectSection.nightcream ul.rightTxt{padding-top:120px;} .dflyn .ingreSection.nightcream .rel>.miniTxt{left:0} /*PDRN 리퀴드마블*/ .dflyn .point1Section .pdrn{overflow:hidden;} .dflyn .point1Section .pdrn ul{float:left;width:33%} .dflyn .point1Section .pdrn ul.cellConts{margin-top:60px} .dflyn .point1Section .pdrn ul.cellRight{margin-top:80px} .dflyn .point1Section .pdrn ul.cellConts li{font-size:15px;line-height:1.2;border-bottom:1px solid #000;padding-bottom:15px;padding-top:15px;position:relative;} .dflyn .point1Section .pdrn ul.cellLeft li{text-align:left;} .dflyn .point1Section .pdrn ul.cellRight li{text-align:right;} .dflyn .point1Section .pdrn ul.cellLeft li:after{content:'';width:5px;height:5px;background:#000;position:absolute;right:-10px;bottom:-2px;border-radius:100%;} .dflyn .point1Section .pdrn ul.cellRight li:after{content:'';width:5px;height:5px;background:#000;position:absolute;left:-10px;bottom:-2px;border-radius:100%;} .dflyn .point1Section .mov2{text-align:center;margin:auto;padding:80px 0;} .dflyn .point1Section .mov2 .mini{text-align:right;color:#666;font-size:16px} /*나이트크림egf*/ .dflyn .egfSection>div{overflow:hidden;} .dflyn .egfSection .lineTit{font-size:26px;border-bottom:1px solid #000;padding-bottom:10px; line-height: 1; padding-top: 120px;} .dflyn .egfSection .lineTit b{font-size:48px;} .dflyn .egfSection .parag img{width:auto;} .dflyn .egfSection .egf1 .detail_subConts{margin-top:180px;margin-left:60px} .dflyn .egfSection .egf1 .rel{padding-bottom:50px} .dflyn .egfSection .egf2{width:1200px;margin:80px auto 0;position:relative;padding-bottom:40px } .dflyn .egfSection .egf2 p{height:260px; padding: 70px 0; box-sizing: border-box; text-align: center;} .dflyn .egfSection .egf2Tit{font-size:30px;text-align:center;height:170px;padding-top: 40px; border-bottom: 1px solid #989898; box-sizing: border-box;font-weight:bold;} .dflyn .egfSection .detail_graph{margin-left:60px} .dflyn .egfSection .egf2left,.dflyn .egfSection .egf2right{width:500px;height:600px;text-align:center;box-sizing:border-box;} .dflyn .egfSection .egf2left{border:20px solid #f8f8f8} .dflyn .egfSection .egf2right{border:20px solid #d8cbff} .dflyn .egfSection .egfPoint{border-top:1px solid #989898; box-sizing: border-box;height:170px;padding-top: 20px;} .dflyn .egfSection .egfPoint.blue{color:#5223ff} .dflyn .egfSection .egf2img{ margin-top: 200px; padding: 0 20px 0px 10px;box-sizing: border-box; width: 200px;} .dflyn .egfSection .egf2 .miniTxt{right:0;bottom:-0px;} .dflyn .egfSection .egf3Tit{font-size:21px;margin-top:80px;position:relative;font-weight:bold;padding-left:80px;box-sizing:border-box;} .dflyn .egfSection .egf3Tit::before{position:absolute;content:'';width:7px;height:7px;border-radius:100%;background:#d4c6ff;left:60px;top:13px;} .dflyn .egfSection .egf3 p{background:#f9f9f9;padding:30px; box-sizing: border-box; width: 350px; font-size: 15px;} .dflyn .egfSection .egf4 .egf3Tit{overflow:hidden;margin-top:120px;} .dflyn .egfSection .egf4 .egf3Tit ul,.dflyn .egfSection .egf3Tit ul li{float:left} .dflyn .egfSection .egf4 .egf3Tit ul.mr100{margin-right:120px} .dflyn .egfSection .egf4 li{font-weight:normal;font-size:13px;line-height:25px} .dflyn .egfSection .egf4 li>span{width:25px;height:25px;display:block;float:left;margin:0 10px;} .dflyn .egfSection .egf4 li.egfsub1>span{background:#082dc3} .dflyn .egfSection .egf4 li.egfsub2>span{background:#008405} .dflyn .egfSection .egf4 .egf4img img{margin:auto;display:block;} .dflyn .egfSection .egf4 .egf4txt{overflow:hidden;} .dflyn .egfSection .egf4 .egf4txtLeft{width:600px;text-align:center;font-size:15px} .dflyn .egfSection .egf4 .egf4txtRight{width:320px;text-align:center;font-size:15px} .dflyn .egfSection .egf4 p{width:1200px;margin:60px auto;padding:30px 70px;font-size:18px;font-weight:bold;} .dflyn .rel2.flex{margin-bottom:-120px;} .dflyn .testSection.nightcream{margin:auto;padding:200px 0;background:#f0f0f0} .dflyn .testSection.nightcream .fixWrap, .dflyn .testSection.nightcream .ele{background:#f0f0f0!important} .dflyn .graph2Section.nightcream .graph2Wrap{width:1100px} .dflyn .graph2Section.nightcream .graph2{width:33%;padding:50px 10px 0} .dflyn .graph2Section.nightcream .graph2 .graph2Txt{margin:20px} .dflyn .graph2Section.nightcream .graph2Report .fl.mt80{margin-top:100px} .dflyn .graph2Section.nightcream .graph2Report .ml10{padding-left:20px} .dflyn .graph2Section.nightcream .graph2Report>div{width:auto; padding: 16px; box-sizing: border-box;} .dflyn .graph2Section.nightcream .graph2Report .leftTxt{width:355px} .dflyn .graph2Section.nightcream .graph2Report .fl .fl.leftTxt{margin-left:40px;width: 315px;margin-top:20px} .dflyn .graph2Section.nightcream .graph2Report h4{padding-bottom:30px} /*rule*/ .dflyn .ruleSection p{text-align:center;font-size:18px;margin-top:-90px;} .dflyn .ruleSection .ruleColor{background:#ededed;padding:80px 150px;margin:120px auto;overflow:hidden;box-sizing:border-box;} .dflyn .ruleSection h6{font-size:30px;text-align:center;margin-bottom:60px} .dflyn .ruleSection .ruleColor .colorTxt{font-size:18px;margin-left:50px} .dflyn .recomSection.nightcream li{list-style-image: url(https://icongr.am/simple/discover.svg?size=4&color=b3a4f5);} /*퍼스트에센스*/ .dflyn section{margin:200px auto} .dflyn .firstWhy .detail_tit{font-size:45px;} .dflyn .firstWhy .detail_subConts{font-size:24px;} .dflyn .effectSection{} .dflyn .effectSection>div{overflow:hidden;} .dflyn .effectSection ul.leftImg>li{padding:40px;box-sizing:border-box;} .dflyn .effectSection ul.leftImg img{width:100%;} .dflyn .effectSection ul.rightTxt{padding-top:60px;box-sizing:border-box;} .dflyn .effectSection ul.rightTxt li{width:100%} .dflyn .effectSection ul.rightTxt li.bottomLine{border-bottom:1px solid #000;padding:20px 0;width:80%} .dflyn .effectSection ul.rightTxt li.noLine{border:0} .dflyn .effectSection ul.rightTxt li li.effectTit{font-size:30px;color:#000; background: url(https://icongr.am/simple/discover.svg?size=4&color=000000) no-repeat 7px 16px transparent; list-style-type: none; margin: 0; padding: 0px 0px 1px 24px; vertical-align: middle; } .dflyn .effectSection ul.rightTxt li li.effectTxt{font-size:18px;color:#000;line-height:40px} /*성분*/ .dflyn .ingreSection{} .dflyn .ingreSection>div{overflow:hidden;margin-top:20px} .dflyn .ingreSection .rel{height:40px;} .dflyn .ingreSection .rel>.miniTxt{right:0} .dflyn .ingreSection .leftImg img{width:100%} .dflyn .ingreSection .rightTxt{padding:0px 40px;box-sizing:border-box; } .dflyn .ingreSection .rightTxt .ingreTit{font-size:24px;margin-bottom:40px;} .dflyn .ingreSection .rightTxt .ingreTxt{font-size:21px;margin:15px 0;width:95%} .dflyn .ingreSection .rightTxt .ingreTxt span{font-weight:300;} .dflyn .ingreSection .rightTxt .rel{margin-top:90px} /*텍스쳐*/ .dflyn .textureSection{} .dflyn .textureSection .lineBox{font-size: 18px; margin-top:70px; border: 1px solid #000; width: 430px; text-align: left; padding: 30px 80px; box-sizing: border-box;} .dflyn .textureSection .lineBox span{font-size:10px;display:block;} .dflyn .textureSection .usage_img img{padding: 0 60px; box-sizing: border-box;} /*스페셜포인트1 .dflyn .point1Section .cellImg .cell1{float:left;width:50%;} .dflyn .point1Section .cellImg li{margin:20px 0} .dflyn .point1Section .cellImg .cellCont{font-size:24px;margin-left:30px;} .dflyn .point1Section .cellImg .cell1 img{text-align:center;margin:15px auto;display:block;} .dflyn .point1Section .cellImg .cell1 h6{background:#000;color:#fff;border-radius:5px;padding:3px;font-size:18px;text-align:center;width:160px;margin:auto;} .dflyn .point1Section .cellImg .cell2{overflow:hidden;margin-left:25px} .dflyn .point1Section .cellImg .cell2 *{font-size:18px;display:block;float:left;} .dflyn .point1Section .cellImg .cell2 span{margin:10px 0 0px 10px} .dflyn .point1Section .cellTxt{} .dflyn .point1Section .cellTxt li{font-size:18px;margin: 20px 0;} .dflyn .point1Section .cellTxt li span{font-size:25px;color:#fff;background:#e0e0e0;text-align:center;border-radius:100%;width:50px;height:50px;line-height:50px;display:inline-block;margin-right:10px;} .dflyn .point1Section .cellTxt .num3 span{float:left;} .dflyn .point1Section .cellTxt .num3 i{font-style:normal;display:inline-block;} .dflyn .point1Section .cellTxt .cellTxtTit{font-size:21px;font-weight:bold;margin: 50px 0 30px;} .dflyn .point1Section .cellPoint>ul{float:left;width:50%;padding:50px;box-sizing:border-box;} */ .dflyn .point1Section{background:#fbfbfb;margin:auto;padding:200px 0;} .dflyn .point1Section .w1346>div{overflow:hidden;margin-top:50px;} .dflyn .point1Section .cellImg{overflow:hidden;width:600px;margin:50px auto 80px;;padding-left:150px;} .dflyn .point1Section .cellImg li{float:left} .dflyn .point1Section .cellImg .cell1{width:130px;margin: 0 30px;} .dflyn .point1Section .cellImg .cell1 h6{background:#000;color:#fff;border-radius:5px;padding:3px;font-size:16px;text-align:center;width:130px;margin:auto;} .dflyn .point1Section .cellImg .cell2{position:relative;} .dflyn .point1Section .cellImg .cell2 span{position: absolute; width: 85px;top: 12px;} .dflyn .point1Section .cellTxt{overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:50px;} .dflyn .point1Section .cellTxt li{font-size:18px;width:50%;text-align:center;padding:10px;box-sizing:border-box;float:left;margin:20px 0;position:relative;height:70px;line-height:50px;} .dflyn .point1Section .cellTxt li:nth-child(2n-1){border-right:1px solid #000;} .dflyn .point1Section .cellTxt li:nth-child(1):after,.dflyn .point1Section .cellTxt li:nth-child(2):after{content:'';height:0.5px;width:101%;position:absolute;background:#000;top:90px;left:0;} .dflyn .point1Section .cellTxt li:nth-child(3){line-height:1.2} .dflyn .point1Section .cellConts{font-size:18px;} .dflyn .point1Section .rel{clear:both;height:50px;} .dflyn .point1Section .rel .miniTxt{right:0} .dflyn .point1Section .rel .miniTxt.init{top:0;} .dflyn .point1Section .pointGraphWrap{background:#fff;box-shadow:1px 1px 10px #ddd;margin-top:40px;} .dflyn .point1Section .pointGraphWrap .point1top{overflow:hidden;width:600px;margin:70px auto;float:none} .dflyn .point1Section .pointGraphWrap .point1top .pointGraphTit{font-size:26px;text-align:center;line-height:40px;} .dflyn .point1Section .pointGraphWrap .point1top .pointGraphNote{font-size:20px;line-height:40px;margin-top:40px;float:left;width:50%;overflow:hidden;} .dflyn .point1Section .pointGraphWrap .point1top .pointGraphNote span{height:40px;width:40px;margin:0 10px;display:block;float:left} .dflyn .point1Section .pointGraphWrap .point1top .pointGraphNote i{float:left;display:block;font-style:normal;} .dflyn .point1Section .pointGraphWrap .point1top .pointGraphNote.note1 span{background:#e7e7e7} .dflyn .point1Section .pointGraphWrap .point1top .pointGraphNote.note2 span{background:#97cdf0} .dflyn .point1Section .pointGraphWrap .point1graph{overflow:hidden;padding:50px;box-sizing:border-box;} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph{float:left;width:50%;padding:50px;box-sizing:border-box;} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph .pointGraphTxt{text-align:center;overflow:hidden;background:#f0f0f0;padding:10px 20px;width:290px;margin:auto;} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph>span{text-align:center;margin:10px auto;display:block;font-size:13px} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph .pointGraphTxt *{float:left;display:block;} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph .pointGraphTxt img{margin-right:20px; margin-top: 5px;} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph .pointGraphTxt span{font-size:18px;text-align:left;font-weight:bold;} .dflyn .point1Section .pointGraphWrap .point1graph .pointGraph .pointGraphTxt span b{font-size:21px;} /*스페셜포인트2*/ .dflyn .point2Section{overflow:hidden;} .dflyn .point2Section .w1100{margin-top:160px;} .dflyn .point2Section .leftTxt{margin:auto;} .dflyn .point2Section .leftTxt h5{font-size:30px;margin-bottom:30px;} .dflyn .point2Section .leftTxt p{font-size:22px;line-height:30px;margin-bottom:40px} .dflyn .point2Section .leftTxt ul{overflow:hidden;width:730px;margin:auto;} .dflyn .point2Section .leftTxt ul li{float:left;text-align:center;border-radius:100%;border:1px solid #a0d1f1;height:120px;width:120px;margin:20px;line-height:30px;padding:10px;font-size:21px} .dflyn .point2Section .leftTxt ul li span{height:30px;display:block;} .dflyn .point2Section .rightImg{margin:30px auto;} .dflyn .point2Section .rightImg img{max-width:100%;} .dflyn .point2Section .rel{clear:both;float:none;} .dflyn .point2Section .rel>div{right:0;bottom:0px} .dflyn .miniTxt.tac.init{position:initial;margin:0px auto 20px} .dflyn .point2Section .rel>div.miniTxt.tac.init{position:initial;margin:60px auto 40px} /*임상시험*/ .dflyn .testSection .fixWrap,.dflyn .testSection .ele{background:initial!important} .dflyn .testSection .step2 ul li .levelBar{margin-bottom:20px} .dflyn .testSection .step2 ul li .levelBar span.bar {background: #97cdf0;} .dflyn .testSection .step2 ul li .levelBar span{color:#fff} .dflyn .testSection .step2 ul li{overflow:visible;} .dflyn .testSection .step2 .wrap2,.dflyn .testSection .step2 .ele{height:auto;} .dflyn .testSection .step2 .wrap2 .txt{width:100%;padding-top:50px;margin:0;height:auto;} .dflyn .testSection .step2 .txt p{clear:both;margin-top:20px;} .dflyn .testSection .testSectionTit{border-bottom:0;padding-bottom:40px} .dflyn .testSection .w1100{overflow:hidden;} .dflyn .testSection .w1100>div{float:left;width:50%} .dflyn .testSection .rightImg{padding:50px 50px 0;box-sizing:border-box;} .dflyn .graph2Section{} .dflyn .graph2Section .graph2Wrap{width:950px;margin:auto;} .dflyn .testSectionTit{border-bottom:1px solid #000;width:1100px;margin:auto;} .dflyn .testSectionTit{font-size:26px;} .dflyn .testSectionTit span{font-size:48px;} .dflyn .graph2Section .graphTit{width:100%;border:1px solid #000;padding:15px;font-size:27px;clear:both;text-align:center;margin-top:120px;box-sizing:border-box;} .dflyn .graph2Section .graph2{float:left;width:50%;padding:50px 50px 0;box-sizing:border-box;} .dflyn .graph2Section .graph2 .graph2Img{position:relative;} .dflyn .graph2Section .graph2 .graph2Img span{position:absolute;border-radius:100%;width:100px;height:100px;display:block; background:#000;color:#fff;text-align:center;font-size:22px;left:0;right:0;margin:auto;top:0;bottom:0;padding-top:20px;box-sizing:border-box;line-height: 28px;} .dflyn .graph2Section .graph2 .graph2Txt{font-size:22px;border:1px solid #000;padding:10px;margin:auto;text-align:center;} .dflyn .graph2Section .graph2Report{width:850px;margin:120px auto;overflow:hidden;} .dflyn .graph2Section .graph2Report>div{float:left;width:50%;} .dflyn .graph2Section .leftTxt{font-size:15px;} .dflyn .graph2Section .leftTxt.mt80{margin-top:120px} .dflyn .graph2Section .leftTxt h4{font-size:37px;margin-bottom:60px} .dflyn .graph2Section .rightImg img{text-align:center;float:right} /*프로덕션룰*/ .dflyn .ruleSection{background:#fbfbfb;padding:120px 0;} .dflyn .ruleSection ul{margin:120px auto;background:#fbfbfb} .dflyn .ruleSection li{height:80px;font-weight:bold;} .dflyn .ruleSection li span{padding-right:10px} .dflyn .ruleSection li img{width:45px;margin-top:17px;margin-left:10px} .dflyn .ruleSection li.oh{overflow:hidden;} .dflyn .ruleSection li.oh span{padding-right:18px} .dflyn .ruleSection li.oh>*{float:left;display:block;font-style:normal;line-height:80px} /*추천해요*/ .dflyn.tiger .recomSection .leftTxt h5{font-size:26px;font-weight:bold;margin-top:150px} .dflyn .recomSection li{list-style-image: url(https://icongr.am/simple/discover.svg?size=4&color=97cdf0);line-height:40px;font-size:18px; list-style-position: inside;} /*사용법*/ .dflyn .howtoSection{background:#f9f8f6;padding:120px 0;margin:auto;} .dflyn .howtoSection .howTxt h5{font-size:26px;margin-bottom:20px;font-weight:bold;} .dflyn .howtoSection p{font-size:18px;line-height:30px;margin-bottom:40px;} .dflyn .howtoSection .w1100{margin-top:100px;} /*기술특허*/ .confiSection h6.tac{font-size:33px} .confiSection h5.tac{font-size: 60px;} .confiSection .tac{text-align: center;} .confiSection .confiImg{margin:30px auto;display:block;text-align:center;width:1346px} /*--------------------------퍼스트에센스 리뉴얼 추가-----------------------*/ .dflyn.first section.bgGray{margin:auto;padding:160px 0;} .dflyn.first .testSection .fixWrap, .dflyn.first .testSection .ele{background:transparent!important} .w800{width:800px;margin:auto;} /*화해 및 글로우픽*/ .dflyn .emblemSection{width:1020px;} .dflyn .emblemSection .hawhaetitWrap {margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #dadada} .dflyn .emblemSection .hawhaeTit.fl{margin-left:10px;margin-top:65px;letter-spacing: -1px;} .dflyn .emblemSection .hawhaeTit img{width:175px;display:block;} .dflyn .emblemSection span.fs36{position: relative;} .dflyn .emblemSection span.fs36:after{content:'';width:380px;height:20px;background:#fff576;position: absolute;bottom:0;left:-10px;z-index:-1;} .dflyn .emblemSection .sub{background:#dfdfdf;font-size:16px;color:#555;margin:40px;padding:10px;} .dflyn .emblemSection .glowpick .glowTit{margin:120px auto 0px;letter-spacing: -1px;} .dflyn .emblemSection .glowpick .glowMark{margin:100px auto 30px;border-bottom:2px solid #dadada;padding-bottom:50px;} .dflyn .emblemSection .tac.bar{padding:30px 0;} /*포인트부분*/ .dflyn.first .pointSection .pointTit>h5{color:#97cdf0;} .dflyn.first .pointSection .pointTit>h5::after, .dflyn.first .pointSection .pointMid .pointContsTit span{background:#97cdf0;}; /*상세탭*/ .tabHeight{height:1px;} .detail_tab{width:100%;min-width: 1100px;margin-bottom:50px; margin-top:100px;} .detail_tab .tab{width: 1346px; margin: 0 auto; height:30px;} .detail_tab .tab li{float: left; cursor: pointer; width: 25%; text-align: center; box-sizing: border-box; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-collapse: collapse; height: 50px;box-sizing:border-box;} .detail_tab .tab li a{ width: 100%; height: 100%; display: block; line-height: 50px; font-size: 16px; text-align: center; color:#999; } .detail_tab .tab li a i{color:#999;} .detail_tab .tab_empty{background: #fff!important; border: 0!important; border-bottom: 1px solid #e0e0e0!important; width: 70%!important;} .detail_tab .onclick {background-color: #fff!important; border: 1px solid #e0e0e0!important; border-bottom: none; border-collapse: collapse; border-bottom: 2px solid #fff!important; border-top: 3px solid #333!important; font-weight: 600; } .detail_tab .onclick a {color:#333!important;} .detail_tab .onclick .count_color{color:#333!important;} .count_color{font-style:normal;} /*rebuy*/ .rebuy{line-height:30px; } .rebuy:before{ background-color: #9c27b0; border-radius: 50%; content: ""; display: inline-block; margin-right: 10px; margin-top: 2px; height: 5px; width: 5px;} .rebuy span{padding-right:5px;color:#9c27b0} /*성분탭*/ .shopdetailInfoValue{width:450px} .sub_tab{} .sub_tab .tab_bar{overflow:hidden;margin:15px auto;} .sub_tab .tab_bar div{float:left;width:25%;text-align:center;border-top:1px solid #a4a4a4;color:#aeaeae;border-bottom:1px solid #a4a4A4;padding:5px 0;font-style:italic;} .sub_tab .tab_bar div.barOn{color:#000;border-bottom:1px solid #000} .sub_tab .tab_conts{padding-bottom: 10px;} .sub_tab .tab_conts li{display:none;font-size:15px;color:#222} .sub_tab .tab_conts li.tabOn{display:block} /*sns*/ .snsBtn img{border-radius:3px} .share{position: absolute; right: 0; top: 18px; width: 75px; height: 75px;} .shareHidden{display:none;position:absolute;top:0;} .shareBtn{position:absolute;top:40px;right:20px} /*fix-release기능 공통*/ .fixWrap{margin-bottom:0;background:#f9f8f6} .fixWrap .wrap, .fixWrap .wrap2 { width: 100%; height: 100vh; position: sticky; top: 0; } .fixWrap .wrap{height:85vh;} .fixWrap .wrap .ele img,.flex img, .fixWrap .wrap2 .ele img { width: 100%; } .ele1 { z-index: 9; position: absolute; width: 100%; top: 0; } .ele2 { z-index: -1; position: absolute; width: 100%; top: 0; } .ele3 { position: absolute; width: 100%; top: 0; } .ele4 { z-index: -1; position: absolute; width: 100%; top: 0; } .ele {transition:0.5s;opacity:0; height: 100vh;background:#f9f8f6; } .rel { position: relative; } .rel img { width: 100% } .empty { width: 100%; height: 800px; } .zindex { z-index: 10;opacity:1;transition:0.5s; } /*step1*/ .step1 .wrap .img{height:40vh;width:80%;margin:auto;} .step1 .wrap .txt{height:43vh;box-sizing:border-box;width:70%;margin:auto;padding:30px 0 0;margin-bottom:30px;} .step1 .txt{text-align:center;} .step1 .wrap .txt h4{font-size:14px;line-height:2} .step1 .wrap .txt h5{line-height:1.4;margin:15px 0;} /*stpe2*/ .step2 .wrap2{width:100%} .step2 .wrap2 .img{height:100vh;background-size:cover;background-position:center;width:50%;float:left} .step2 .wrap2 .txt{height:100vh;text-align:left;width:30%;margin:auto;float:left;margin-top: 25vh; margin-left: 5%;} .step2 .ele4 .txt{padding-top:5vh;} .step2 .txt p{font-size:15px;width:100%;margin:50px 0;font-weight:300} .step2 .txt h5.varela{font-size:17px;color:#888;line-height:2.5} /*levelBar*/ .step2 ul{margin:15px 0;} .step2 ul li{overflow:hidden;margin:10px 0;} .step2 ul li>div{float:left;} .step2 ul li .levelBar{width:75%;background:#e7e7e7;height:40px;position:relative;box-shadow:3px 3px 5px #ddd; margin-bottom:10px } .step2 ul li .levelBar span{position:absolute;left:10px;top:0;line-height:40px;font-size:15px;} .step2 ul li .levelBar span.bar{background:#ffdf99;left:0;height:40px; -webkit-transition-duration:2s; transition-duration:2s; -webkit-transition-delay:2s;transition-delay:2s;transition:1s;opacity:1} .step2 ul li .levelNum{width:20%;padding-left:5%;font-size:25px;color:#000;text-align:left;font-weight:bold;line-height:40px;} .step2 ul li .levelBar .bar.barOff{width:0!important;opacity:0;} .step{position:relative} .rel{position:relative} .snap-stop-always { scroll-snap-stop: always; } /* IE10+ 익스만해당 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fixWrap .wrap, .fixWrap .wrap2{position:relative;} .fixWrap .ele{position:relative;} .scrollWrap{display:none} .step2 .wrap2 .txt{margin-top:0;padding-top:25vh;box-sizing:border-box;} .zindex{transition:0;} .ele{opacity:1} .fixWrap{overflow:hidden;margin:0} } */ /*필스릴리즈 살릴때여기지우기*/ .fixWrap .wrap, .fixWrap .wrap2{position:relative;} .fixWrap .ele{position:relative;} .scrollWrap{display:none} .step2 .wrap2 .txt{margin-top:0;padding-top:25vh;box-sizing:border-box;} .zindex{transition:0!important;} .ele{opacity:1!important;z-index:1!important} .fixWrap{overflow:hidden;margin:0} /*필스릴리즈 살릴때여기*/ footer{position:relative;} section{margin:120px auto;} .fl{float:left;} .fr{float:right;} .w50{width:50%;} .w100{width:100%;} .w1346{width:1346px;margin:auto;} .w1100{width:1100px;margin:auto;} .bg_gw{/*grayWhite*/background:#f9f8f6;} .tal{text-align:left;} .tac{text-align:center;} .ml20{margin-left:20%} .pt10{padding-top:10%} .mt10{margin-top:10%} .pl5{padding-left:5%} .pr10{padding-right:10%} .pl10{padding-left:10%} .mb40{margin-bottom:40px} .miniRel{position:relative;} .miniTxt{position:absolute;bottom:0;color:#666;font-size:16px;display:block;font-weight:300} .miniTxt.egf02{bottom:100px} .egf1 .miniTxt{margin-left:90px;} .dflyn .miniTxt.tar{text-align:right;right:5%;} /*principal*/ .prin{background:#fff;text-align:center;margin:auto;padding:0px 0 160px;} .prin img{width:100px!important;margin:40px auto;display:block;} /*more about*/ .more_tab {width:1346px; margin:0 auto 200px; padding-top: 180px; border-top: 1px solid #ecf1f2 } .more_tab_inner { width: 1346px; margin: auto ; overflow: hidden; } .more_tab .tab_con .tab_con_txt { display: block; } .more_tab .tab_con_tit { height: 60px; border-top: 1px solid #606060; border-bottom: 1px solid #606060; position: relative; margin-top: -1px; } .tab_con_tit.borderNone{border-top:none;} .more_tab .tab_con_tit h5 { margin-left: 5%; font-size: 15px; line-height: 60px; text-align: left; position: relative; } .more_tab .tab_con_tit h5:before { position: absolute; content: ''; width: 5px; height: 5px; top: 30px; left: -20px; background: #b496b1; border-radius: 100%; } .more_tab .tab_con_tit span { background: url(https://icongr.am/clarity/plus.svg?size=30&color=606060) no-repeat; width: 16px; height: 16px; background-size: 100%; position: absolute; top: 20px; right: 4%; } .more_tab .tab_con_tit .tab_btn { background: url(https://icongr.am/clarity/minus.svg?size=30&color=606060) no-repeat; background-position: center; background-size: cover; } .more_tab .tab_con_txt { box-sizing: border-box; background: #f9f9f9; display: none; } .more_tab .txt_first { padding: 30px ; line-height: 25px; margin-left:30px; font-weight: bold; } .more_tab .txt_first:last-child { padding-bottom: 30px; } .more_tab .txt_first li { color: #606060; line-height: 23px; font-size: 13px; font-weight: normal; text-align: left; } .more_tab .txt_first li span { font-weight: bold; } /*infoTable*/ .infoT li{width:100%;overflow:hidden;} .infoT li h6{float:left;width:30%;font-size:14px;color:#000;line-height:1.7} .infoT li p{float:left;width:60%;font-size:14px;color:#666;line-height:1.7} /*faq*/ .faq_tab{border:none;padding-top:0;padding-bottom:300px;margin-bottom:0;} .faq_tab.more_tab .tab_con_tit h5:before { width: 20px; height: 20px; top: 23px; left: -30px; background: url(http://chichera.img13.kr/Dflinn/detail/Q.png); background-size: contain; background-repeat: no-repeat; } /*상세 내용*/ .detailConts{position:relative;background:#fff;z-index:10; text-align:left} .detailConts .w100 img{width:100%;height:100%} .detailConts .flex img{width:100%} .detailConts h4 { font-size: 40px; line-height: 2.5 } .detailConts .topTxt{font-size:27px;text-align:center;line-height:1.5;color:#666} .detailConts .detail_subConts{color:#000;font-size:19px;line-height:1.6;} .detailConts .detail_subConts b{line-height:1.5;margin:20px 0;} .detailSection{overflow:hidden;height:100%;} .detailSection section{width:1346px;margin:auto;min-height:700px;padding-top:100px} .detailConts .detail_tit{font-size:33px;color:#000;font-weight:bold;margin-bottom:40px} .detailConts .detail_tit b{font-size:26px;} .detailConts .detail_tit.big100{font-size:100px;line-height:2;} .detailConts .detail_tit span{font-size:15px;display:block;} .detailSection .detail_tit span.tit_bg{color:#fff;background:#595959;width:80px; text-align: center;font-size:25px; height: 40px;line-height: 40px;margin-bottom:10px} .detailSection .detail_tit span.tit_sm{font-size:20px;font-weight:normal;} .detailSection .detail_graph{position:relative;overflow:hidden;} .detailSection .detail_graph #graph01{position:absolute;} .img-motion img{opacity: 1;clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);transition: clip-path 1.5s cubic-bezier(.5, .3, .1, .5), opacity 1.5s ease 200ms, -webkit-clip-path 1.5s cubic-bezier(.5, .3, .1, .5);} .clip{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)!important} .detailSection .w50{padding-top:100px;box-sizing: border-box;} .detailSection .img_line{width:100%;height:2px;background:#dfdfdf; margin: 80px 0;} .detailSection .detail_img.egf01{padding:100px;box-sizing:border-box;} .detailSection .detail_img.egf01 img{width:100%;max-width:664px;} /*상세 슬라이더*/ .detail-swiper-container{overflow:hidden;width:1100px;margin:160px auto ;padding-bottom:40px;position:relative;} .detail-swiper-container .d_cont{width:50%;box-sizing: border-box;} .detail-swiper-container .d_cont ul{margin-top:27%;} .detail-swiper-container .d_img{float:right; padding: 50px;} .detail-swiper-container .d_img img{ width: 100%;} .detail-swiper-container .d_txt{float:left;} .detail-swiper-container .d_txt .d_top{font-size:18px;line-height:50px;} .detail-swiper-container .d_txt .d_middle{font-size:36px;line-height:1.5} .detail-swiper-container .d_txt .d_bottom{font-size:16px;margin:40px 0;} .detailSldWrap{width:1346px;margin:auto;position:relative;} .detailSldWrap .swiper-pagination{position:absolute;left:0;right:0;bottom:0;margin:auto;} .detailSldWrap .swiper-pagination .swiper-pagination-bullet{background:#e3e3e3;width:15px;height:15px;margin:5px;} .detailSldWrap .swiper-pagination .swiper-pagination-bullet-active{background:#f4ead7;padding:0 10px;border-radius:10px;} .detailSldWrap .swiper-button-next{background-image:url(http://chichera.img13.kr/dflyn/detail/arr_r.png); width: 61px; height: 20px;right:0; background-size: cover;} .detailSldWrap .swiper-button-prev{background-image:url(http://chichera.img13.kr/dflyn/detail/arr_l.png); width: 61px; height: 20px;left:0; background-size: cover;} /*사용방법 progress-line*/ .usage_img img{margin:auto;display:block;} .usage section{width:1100px;} .usage .detail_subConts{font-size:20px;line-height:1.5;} .progress-line{overflow:hidden;} .progress-line .prolines{margin:32px 0;width:430px;overflow:hidden;position:relative;} .progress-line .prolines .proline:before{content:'';height:10px;width:1px;background:#000;position:absolute;left:20%;top:20px;} .progress-line .prolines .proline:after{content:'';height:10px;width:1px;background:#000;position:absolute;right:0;top:20px;} .progress-line .proline{width:80%;float:left;margin-top:23px} .progress-line .proline .hori_line{width:100%;height:1px;border-bottom:1px solid #000;position:relative;} .progress-line .proline .hori_line:after{content:'';width:10px;height:10px;position:absolute;left:0;background:#ffc96b;border-radius:100%; top: -4px;} .progress-line .prolines p{text-align:left;font-size:17px;line-height:50px;float:left;width:20%;} .progress-line .proline span{display:block;} .usage_warn{background:#f9f8f6;padding:60px 0 80px;clear:both;box-sizing:border-box;margin:120px auto 180px} .usage_warn .notoSerif{font-size:30px;line-height:4} .usage_warn .notoSans{font-size:16px;} /*리뷰*/ .revWrap{background:#f9f8f6;padding:180px 0 0;margin-bottom:180px;overflow:hidden;display:none} .revWrap .section{margin: auto;width:1346px;} #section8{overflow-y:scroll;height:800px;position:relative; background-repeat:no-repeat;scrollbar-width: none;-ms-overflow-style: -ms-autohiding-scrollbar;-ms-overflow-style: none; } #section8::-webkit-scrollbar { display: none; } .revWrap .viewMore{font-size:20px;line-height:50px;margin-top:20px} .revTit{float:left;} .revImg{float:right;width:50%;overflow:hidden;margin-right:5%} .revImg .rImg{float:left;} .revImg ul{float:left;height:250px;} .rTxtWrap{width:60%;margin-left:15px} .rTxtWrap .rTxt{font-size:25px;line-height:35px;} .rTxtWrap .rTxt2{font-size:14px;line-height:50px;color:#bababa} .rTxtWrap .rTxt3{font-size:17px;line-height:35px;color:#707070} .rTxtWrap .rTxt4{font-size:15px;line-height:25px;color:#707070} /*교환반품배송*/ .phototabWrap{width:1346px;margin:0 auto 60px } .phototab .line{background-image:url('http://chichera.img13.kr/chichera_18_pc/nov/line.jpg');background-repeat-x: repeat;height:2px;width:55%;margin:10px auto; } .phototab {width:1100px;margin:0 auto; overflow: hidden; } .phototab li {font-size:17px; float: left; width: 33.3%; text-align: center; box-sizing: border-box; display: inline-block; padding: 20px; cursor: pointer; } .phototab li.on { font-weight: bold; } .phototab_con { clear: both; } .phototab_con div { display: none; } .phototabWrap .txt_first {font-size:15px; padding: 10px 0; line-height: 25px; font-weight: bold; margin-left: 5%; } .phototabWrap .txt_first:last-child { padding-bottom: 20px; } .phototabWrap .txt_first li {font-size:15px; line-height: 25px; list-style-image: url(https://icongr.am/simple/discover.svg?size=4&color=000000); list-style-position: inside; font-weight: normal } .phototabWrap .txt_first li span { font-weight: bold; } /*미스트*/ .oh{overflow:hidden;} .fwb{font-weight:bold} .fs15{font-size:15px!important} .fs16{font-size:16px!important} .fs17{font-size:17px!important} .fs18{font-size:18px!important} .fs19{font-size:19px!important} .fs20{font-size:20px!important} .fs21{font-size:21px!important} .fs25{font-size:25px!important} .fs27{font-size:27px!important} .fs30{font-size:30px!important} .fs36{font-size:36px!important} .fs38{font-size:38px!important} .fs55{font-size:55px!important} .fs72{font-size:72px!important} .fs90{font-size:90px!important} .lh3{line-height: 3!important;} .lh15{line-height:1.5!important;} .lh14{line-height:1.4!important;} .mb100{margin-bottom:100px!important} .mb60{margin-bottom:60px!important} .mtb40{margin:40px 0!important} .mtb20{margin:20px 0!important} .w750{width:750px!important} .fcGreen{color:#44ad33!important} .bgGreen{background-color:#44ad33!important} .bgWhite{background-color:#fff!important} .bgGray{background-color:#f8f8f8!important} .bgLightGray{background-color:#fbfbfb!important} .dblock{display:block;} .tiger .why2.bgGray{ background-image: url(http://chichera.img13.kr/dflyn/detail/pc/tiger/mist_bg.jpg); background-size: cover; background-position: center; margin-top: -4px;} .tiger .why2.bgGray .tac{margin:100px auto;} .tiger .why2.bgGray .tac img{visibility:hidden;} /*포인트1,2,3*/ .dflyn .pointSection{} .dflyn .pointSection .pointTitWrap{overflow:hidden;width:1100px;margin:150px auto;} .dflyn .pointSection .pointTit{text-align: center;float:left;width:33.33%} .dflyn .pointSection .point4 .pointTit{width:25%;} .dflyn .pointSection .pointTit>h5{color:#44ad33;font-size:17px;position:relative;} .dflyn .pointSection .pointTit>h5::after{content:'';width:38px;height:2px;background:#44ad33;position:absolute;left:0;right:0;bottom:-3px; margin: auto;} .dflyn .pointSection .pointTit>h6{font-size:21px;line-height: 4;} .dflyn .pointSection .pointTit>p{font-size:17px;font-weight:300;line-height: 1.4;} /*포인트설명-중간부분*/ .dflyn .pointSection .pointMid{width:770px;margin:120px auto;} .dflyn .pointSection .pointMid .pointConts{width:360px;margin:45px 0;} .dflyn .pointSection .pointMid .pointContsTit{font-size:18px;border-bottom:1px solid #000;padding-bottom:10px;} .dflyn .pointSection .pointMid .pointContsTit span{width:5px;height:5px;background:#44ad33;display:inline-block;margin:5px 10px;} .dflyn .pointSection .pointMid .pointContsTxt{font-size:17px;font-weight:300;margin:10px 15px;} /*포인트 테이블*/ .dflyn .pointSection .pointTable{width:1100px;margin:140px auto;border:1px solid #000;} .dflyn .pointSection .pointTable .pointTableConts{font-size:19px;text-align: center; width: 33.33%;padding:10px 0px;margin: 20px 0;} .dflyn .pointSection .pointTable .pointTableConts.pointTable1{border-right:1px solid #000;box-sizing:border-box;} /*스페셜포인트- 미스트비교 및 2*/ .dflyn .point1Section .bottleWrap{margin:auto;text-align: center;width:550px;} .dflyn .point1Section .bottleWrap .bottle1{position:relative;width:50%;height:600px;} .dflyn .point1Section .bottleWrap .bottle1 ul{background-image:url('http://chichera.img13.kr/dflyn/detail/pc/tiger/bottle1.png');background-repeat: no-repeat;background-size:contain;height:500px;background-position: center;} .dflyn .point1Section .bottleWrap .bottle2{position:relative;width:50%;height:600px;} .dflyn .point1Section .bottleWrap .bottle2 ul{background-image:url('http://chichera.img13.kr/dflyn/detail/pc/tiger/bottle2.png');background-repeat: no-repeat;background-size:contain;height:500px;background-position: center;} .dflyn .point1Section .bottleWrap ul li{font-size:35px;position:absolute;left:0;right:0;margin:auto;color:#fff;line-height: 1.2;} .dflyn .point1Section .bottleWrap ul li>span{font-size:14px;display:block;color:#fff} .dflyn .point1Section .bottleWrap .bottle1 ul li.bottle1_1{top:26px;} .dflyn .point1Section .bottleWrap .bottle1 ul li.bottle1_2{top:115px;} .dflyn .point1Section .bottleWrap .bottle1 ul li.bottle1_3{top:300px;} .dflyn .point1Section .bottleWrap .bottle1 ul li.bottle1_4{font-size:20px;margin:40px auto;bottom:0;color:#000;} .dflyn .point1Section .bottleWrap .bottle2 ul li.bottle2_3{font-size:20px;margin:40px auto;bottom:0;color:#000;} .dflyn .point1Section .bottleWrap .bottle2 ul li.bottle2_1{top:110px;} .dflyn .point1Section .bottleWrap .bottle2 ul li.bottle2_2{top:300px;} .dflyn .point1Section .tigerRound{text-align: center;margin:30px auto 50px;width:390px;overflow: hidden;} .dflyn .point1Section .tigerRound li{border:1px solid #44ad33;padding:25px 10px;border-radius: 100%;margin:15px;display: block;width: 100px; height: 100px;font-size: 16px;box-sizing: border-box;float: left;} .dflyn .point1Section .tigerRound li:last-child{padding-top:37px;} .dflyn .point1Section .bottleSummary{background:#eff5ee;text-align: center;font-size:17px;color:#000;text-decoration: underline; width: 500px;margin: 20px auto; padding: 10px; box-sizing: border-box;} .dflyn .point1Section .bottleSummary span{color:#51b44c;} .dflyn .textureSection.bgLightGray{padding: 200px 0;margin:0;} .dflyn .point2Section.bgLightGray{padding: 200px 0;margin:0;} .dflyn .point2Section .point2Txt>p{margin:20px 0} .dflyn .miniTxt.tac{margin:auto;left:0;right:0;} /*인체적용시험-2번그래프부분*/ .dflyn .graph2Section .graph1{width:100%;margin:20px auto;} .dflyn .graph2Section .graph1 .graph1Txt{width:84%;margin:20px;margin-left:70px;background:#eff5ee;padding:10px;font-size:20px;text-align: center;color:#51b44c;} .dflyn .graph2Section .graph1 .graph1Txt span{font-size:17px;text-decoration: underline;color:#000;} .dflyn .point2Section .tigerGif{width:750px;margin:80px auto 100px;} .dflyn .graphWrap{width:1000px;margin:auto;overflow: hidden;} .dflyn .graphWrap .graphConts{width:480px;margin-right:40px;margin-bottom:40px;height:550px;border:1px solid #000;padding:20px;box-sizing: border-box;} .dflyn .graphWrap .graphConts.mr0{margin-right:0px;} .dflyn .graphWrap .graphConts .graphContsTit{text-align: center;font-size:18px;border-bottom:1px solid #000;padding-bottom:20px;} /*미스트 추천해요*/ .dflyn .mistRecom.leftTxt h5{font-weight:normal} .dflyn .mistRecom.leftTxt p{font-size:17px;line-height: 25px;margin-top: 25px;padding-left:12px;} /*미스트기타*/ .dflyn .levelBottom{font-size:12px;font-weight: 300;} .dflyn .howTxt .section_tit{font-size:55px!important} .dpn { display: block!important; } #pop_btn{text-align: center;font-size: 14px;line-height: 20px;cursor: pointer;} #pop_close{cursor: pointer;float: right;margin-top:10px;} #prdinfo_pop { max-width: 870px; width: 92% !important; text-align: center; margin: 0 auto; margin-bottom: 270px; } #prdinfo_pop h4 { font-size: 15px; text-align: left; margin-bottom: 10px } #prdinfo_pop h6 { font-size: 13px; color: #666;text-align: left;line-height:40px; } #prdinfo_pop ul { max-width: 870px; display: flex; min-height: 30px; } #prdinfo_pop ul li { float: left; border-bottom: 1px solid #efefef; font-size: 13px; font-weight: 400; text-align: left; padding: 20px 20px 17px 20px; } #prdinfo_pop ul li:first-child { width: 38%;padding-right:10px; font-size: 14px; } #prdinfo_pop ul li:last-child { width: 80%; font-weight: 300; } #prdinfo_pop .line_top { border-top: 2px solid #333; border-bottom: 1px solid #333; } #prdinfo_pop .line_top li { text-align: center; line-height: 50px; padding: 0; font-size: 13px; } #productDetail .thumb-info .info .priceArea { font-family: 'Montserrat', 'Noto Sans KR', sans-serif; padding-top: 25px; } #productDetail .thumb-info .info .priceArea strike { display: block; margin-left: 0px; font-weight: 600; font-size: 17px; } #productDetail .thumb-info .info .priceArea .price .unit { font-size: 30px; font-weight: 900; } #productDetail .thumb-info .info .table-opt { padding-top: 35px; } #productDetail .thumb-info .info .table-opt th .tb-left, #productDetail .thumb-info .info .table-opt td .tb-left { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 600; } #productDetail .thumb-info .info .table-opt .opt-wrap { padding-left: 0px; padding-right: 0px; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 600; color: #666666; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { width: 422px; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 422px; } #productDetail .thumb-info .info .prd-btns .purchaseBtn a { width: calc( 50% - 1px ); } #productDetail .thumb-info .info .prd-btns .purchaseBtn a.btn_buy { width: 100%; margin-bottom: 2px; } #productDetail .thumb-info .info .prd-btns .purchaseBtn a.btn_buy span { background: #c2935f; border: 1px solid #c2935f; } .ch_cate_top { position: relative; width: 1301px; margin: 0 auto; padding-top: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #666666; letter-spacing: -0.5px; } .ch_cate_top span >a { position: relative; width: 1301px; margin: 0 auto; padding-top: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #666666; letter-spacing: -0.5px; } .ch_cate_top span:nth-child(2):before, .ch_cate_top span:nth-child(3):before, .ch_cate_top span:nth-child(4):before { content: '>'; display: inline-block; padding: 0px 10px; } /* BASIC css end */