/* BASIC css start */ #productDetail .thumb-info .thumb-ctrl a:hover,#toggleButton:hover,.pad_keypoint dl dt,.text-btn{text-decoration:underline} #productDetail .shopdetailInner{width:1200px;margin:0 auto} #productDetail .page-body .prd-detail{} #productDetail .list_hd{border-top:2px solid #000;padding:15px 0!important} #productDetail .related_product .list_hd{padding:0!important;margin-bottom:0!important} #productDetail .list_body{padding:20px 0!important} #productDetail .list_hd .thumb,#productDetail .list_hd ul li{text-align:center!important} #productDetail .item-wrap.related_product .item-cont .item-list{float:none;width:100%;text-align:left;margin:0 0 20px;font-size:0;padding:0;border-bottom:1px solid #ccc} #productDetail .item-wrap.related_product .item-cont .item-list dt{margin-bottom:0;width:80px;display:inline-block;vertical-align:middle;height:auto;text-align:center} #productDetail .item-wrap.related_product .item-cont .item-list dt a{font-weight:600;font-size:16px} #productDetail .item-wrap.related_product .item-cont .item-list .thumb img{width:100px;height:100%;margin:0 auto;display:block} #productDetail .item-wrap.related_product .item-cont .item-list .prd-info{display:inline-block;vertical-align:middle;width:calc(100% - 80px);padding:0} #productDetail .item-wrap.related_product .item-cont .item-list .prd-info ul{display:table;width:100%} #productDetail .item-wrap.related_product .item-cont .item-list .prd-info ul li{display:table-cell;vertical-align:middle;text-align:center;font-weight:600;font-size:16px;padding:0;margin:0} .item-wrap.related_product .item-cont .item-list li.prd-name{width:380px;text-align:left!important} .item-wrap.related_product .item-cont .item-list li.prd-thumb{width:140px} .item-wrap.related_product .item-cont .item-list li.prd-thumb img{width:70%} .item-wrap.related_product .item-cont .item-list li.prd-name a{color:#000;font-size:16px} .item-wrap.related_product .item-cont .item-list li.prd-name .enpro{color:#727272;margin-top:10px} .item-wrap.related_product .item-cont .item-list li.prd-price{width:140px} .item-wrap.related_product .item-cont .item-list li.prd-price span{color:#000;font-weight:600} #productDetail .item-wrap.related_product .prd-point{width:180px} #productDetail .item-wrap.related_product .list_body .prd-point{color:#000;font-weight:700!important} #productDetail .item-wrap.related_product .list_body .prd-opt,#productDetail .item-wrap.related_product .prd-opt{font-size:13px;width:270px} #productDetail .with-item ul.info{text-align:left} #productDetail .with-item .dsc{width:100%;margin-bottom:5px;margin-left:3px;text-align:left} #productDetail .with-item .price{display:block;margin-left:3px;font-weight:700;font-size:14px} #productDetail .item-wrap.related_product .list_body .prd-opt .tit{min-width:62px!important;display:inline-block;padding:0!important;width:62px!important;text-align:left!important} #productDetail .item-wrap.related_product .prd-opt select{width:200px;height:50px;font-size:16px;color:#000;border:1px solid #ccc} #productDetail .item-wrap.related_product .prd-opt .vo_value_list{height:33px;line-height:33px;width:250px;border:1px solid #ddd} #productDetail .item-wrap.related_product .prd-qty{position:relative;width:180px;height:auto;padding:28px 0!important} #productDetail .item-wrap.related_product .prd-qty input{width:100px;height:28px;line-height:28px;border:0;text-align:center!important;font-size:16px;font-weight:700;color:#000} #productDetail .item-wrap.related_product .prd-qty .btn-dw,#productDetail .item-wrap.related_product .prd-qty .btn-up{display:inline-block;width:30px;height:30px;margin:0;top:34px;float:left;text-indent:-9999em;vertical-align:top;position:absolute} #productDetail .item-wrap.related_product .prd-qty .btn-up{background:url(/design/cosrx/phps/common/shopdetail_ctrl.jpg) 0 -30px no-repeat;right:26px} #productDetail .item-wrap.related_product .prd-qty .btn-dw{background:url(/design/cosrx/phps/common/shopdetail_ctrl.jpg) no-repeat;left:26px} #productDetail .item-wrap.related_product .prd-qty .MS_related_quantity,#productDetail .item-wrap.related_product .prd-qty .btns{float:left} #productDetail .item-wrap.related_product .prd-qty .MS_related_quantity{width:70px;height:20px;line-height:20px;border:none;font-size:13px;text-align:center!important;font-weight:700;margin:0 auto;display:block;float:none!important} #productDetail .item-wrap.related_product .prd-qty .btns a{display:inline-block;margin-left:0;width:11px;height:11px;text-indent:-9999em;vertical-align:top;top:50%;position:absolute;margin-top:-5px} #productDetail .item-wrap.related_product .prd-qty .btns a.btn-dw{background:url(/design/nana3549/renewal/icon_minus.png) no-repeat;left:20px} #productDetail .item-wrap.related_product .prd-qty .btns a.btn-up{background:url(/design/nana3549/renewal/icon_plus.png) no-repeat;right:20px} #productDetail .item-wrap.related_product .prd-ico{width:90px} #productDetail .related-allbasket{margin-top:50px} .scroll-prd-price{display:none} .cursorNone{cursor:default} #productDetail.scroll .scroll-prd-price{display:block;margin-top:25px} #productDetail .price{display:inline-block} #productDetail .consumerPrice{color:#8d8d8d;font-size:18px;display:block;margin-bottom:5px} #productDetail .originPrice{font-size:30px;color:#000;font-weight:700} #detailpage .discount,#productDetail .disCntPer{color:#e72d4e;font-weight:700;font-size:20px} #productDetail .txt-wrap .ptit{margin-bottom:15px} #productDetail .discount{vertical-align:3px;border:1px solid #e72d4e;color:#e72d4e;margin-left:15px;border-radius:30px;padding:2px 10px;font-size:20px;display:inline-block} .totalPriceWrap{overflow:hidden;margin-bottom:25px} #productDetail.scroll .thumb-info .info .tit-prd{font-size:25px;line-height:32px} #productDetail.scroll .btnFix a.btnType01 .dcPercent,#productDetail.scroll .btnFix a.btnType01 del{color:#8d8d8d} #productDetail.scroll .btnFix{position:fixed;bottom:-50px;text-align:center;box-sizing:border-box} #productDetail.scroll .infoArea{position:fixed;bottom:0px;text-align:center;box-sizing:border-box} #productDetail .thumb-info>.container{margin-bottom:100px} #productDetail .btnFix{display:none} #productDetail.scroll .btnFix{display:block;left:50%;width:1200px;height:50px;transform:translateX(-50%);line-height:50px;z-index:9999999;cursor:pointer;background:#fff;font-size:0;color:#000;border:1px solid #000; transition: all 0.2s;} #productDetail.scroll .btnFix a{display:inline-block;height:50px;width:25%;font-size:18px;line-height:50px} #productDetail.scroll .btnFix a.btnType01{background-color:#000;color:#fff;font-weight:700} #productDetail.scroll .btnFix a.btnType02{background-color:#FFF;color:#000;font-weight:700} #productDetail.scroll .btnFix a:first-child{font-weight:500} #productDetail.scroll .thumb-info .info .table-opt{border-top:0} #productDetail.scroll .thumb-info .info .table-opt>table.tableWrap{border-top:1px solid #ccc} #productDetail.scroll .infoArea{display:none;z-index:999999;width:1200px} #productDetail.scroll .infoArea::before{content:'';width:1px;height:100%;display:inline-block;vertical-align:middle} #productDetail.scroll .infoArea .infoAreaInner{display:inline-block;vertical-align:bottom;margin-bottom:50px;position:relative;height:auto;background:#fff;overflow:hidden;padding:50px 50px 0;max-width:1200px;border:1px solid #000;border-bottom:0;box-sizing:border-box;max-height:670px;min-height:620px;overflow-y:auto;width:1200px} #productDetail .prd-detail img,#productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img{max-width:100%} #productDetail.scroll .infoArea.show{display:block} #productDetail.scroll .thumb-info .thumb,#productDetail.scroll .thumb-info .thumb-wrap{width:500px;max-height:500px;padding-bottom:100px} .scrollBuyClose{display:none} #productDetail.scroll .thumb-info .scrollBuyClose{display:block;position:absolute;right:20px;top:20px;font-size:0;background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_close_layer.gif) no-repeat;width:25px;height:25px;background-size:25px 25px;cursor:pointer} #productDetail.scroll .infoTit,#productDetail.scroll .thumb-info .engName,#productDetail.scroll .thumb-info .prd-btns a.buyBtns,#productDetail.scroll .thumb-info .subName{display:none} #basketpage{position:fixed!important;top:40%!important;width:350px!important;height:auto!important;left:50%!important;transform:translate(-50%,0);z-index:999999!important;border:1px solid #000} #basketpage table img{display:none!important} #basketpage>table{border:none!important;padding:0 0 25px!important;display:block!important;background:#fff!important;animation:1s fadeIn!important;animation-fill-mode:forwards!important} #basketpage #contents{padding:15px 0 0!important;margin-bottom:15px!important;margin-top:0!important} #basketpage #contents .text{letter-spacing:-.5px;line-height:1.4} #basketpage #contents strong{font-weight:600} #basketpage #popupclose a img{display:none!important} #basketpage #popupclose a{transition:unset!important;position:absolute;right:10px;top:18px;background:url(/design/cosrx/phps/common/basket_close.png) no-repeat;width:15px;height:15px;background-size:15px 15px} #bottombutton{width:280px;font-size:0;background:url(/design/cosrx/phps/common/cos_basket_btn.png) center center no-repeat;background-size:100% 100%;height:50px} #basketpage table td{padding:0!important} #powerReview .paging a.now{border-radius:inherit} #powerReview .paging a{font-size:12px;background:0 0;text-indent:inherit} .paddingZero,.paddingZero td,.paddingZero td div,.paddingZero th{padding:0!important;line-height:0!important} .prd-detail table:nth-child(1) td{display:none} #basketpage table td img{position:relative} #basketpage table td img::after{content:'';position:absolute;display:block;width:100%;height:100% background: #fff;top:0 left:0} #basketpage #contents{border:0!important;background:url(/design/cosrx/phps/common/cos_basket_title.png) 10px 20px no-repeat #fff!important;width:100%;padding-top:50px!important} #basketpage #contents .text,#basketpage #contents .text #ItemNo,#basketpage #contents .text strong{font-size:15px!important;color:#000!important;font-weight:600!important} #basketpage #contents .text #ItemNo{padding:20px 10px;padding-bottom:0!important;border-top:1px solid #000;display:block;width:98%;box-sizing:border-box} #basketpage #contents br{display:none!important} #basketpage #bottombutton{font-size:0} #basketpage #bottombutton input{opacity:0;border:0!important;border-radius:0!important;width:140px;height:50px;margin:0} #basketpage #popupclose{position:absolute;right:0;top:0} #productDetail .thumb-info{background-color:#f8f8f8; background-size:cover; background-position: 50% 50%; background-repeat: no-repeat;} #productDetail .thumb-info:after{content:"";display:block;clear:both} #productDetail .thumb-info .thumb-wrap{position:relative;float:left;width:600px;text-align:center} #productDetail .thumb-info .thumb-wrap .prd-icon{position:absolute;top:30px;right:40px} #productDetail .thumb-info .thumb-wrap .bigThumb{margin-left:100px} #productDetail .thumb-info .thumb-wrap .bigThumb img{width:100%} #productDetail .thumb-info .thumb-wrap .smallThumb{width:80px;position:absolute;top:0} #productDetail .thumb-info .thumb-wrap .smallThumb img{width:100%!important;display:block;margin-top:10px;border:1px solid #ddd} #productDetail .thumb-info .thumb-wrap .smallThumb img:nth-child(1){margin-top:0} #productDetail .thumb-info .thumb{margin:0 auto;width:600px} #productDetail .thumb-info .thumb 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 .info{float:right;text-align:left;width:560px} #productDetail .thumb-info .info .prd-icon img{margin-right:3px} #productDetail .thumb-info .info .tit-prd{letter-spacing:-2px;line-height:45px;font-weight:600;font-size:40px;color:#000} #productDetail .thumb-info .info .engName{margin:15px 0;line-height:30px;font-weight:300;font-size:20px;font-family:Piek-Light} #productDetail .thumb-info .info .subName table td{line-height:24px;font-weight:400;font-size:16px;color:#8d8d8d} #productDetail .thumb-info .info .table-opt{margin-top:40px;border-top:1px solid #ccc} #productDetail .thumb-info .info .table-opt dl{width:50%;float:left;font-size:16px;color:#8d8d8d;padding:20px 0} #productDetail .thumb-info .info .table-opt dd,#productDetail .thumb-info .info .table-opt dt{width:50%;float:left} #productDetail .thumb-info .info .table-opt dl.w100{width:100%;padding:0} #productDetail .thumb-info .info .table-opt dl.w100 dd{padding:20px 0;width:100%;font-weight:700;text-align:right;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:30px;color:#000} #productDetail .thumb-info .info .table-opt dl.w100 dd span{font-size:30px;font-weight:700;color:#000} #productDetail .thumb-info .info .table-opt dl.w100 dd span.listPercent{vertical-align:3px;color:#e72d4e;border:1px solid #e72d4e;border-radius:30px;padding:2px 10px;font-size:20px;font-weight:700} #productDetail .thumb-info .info .table-opt dl.w100 dd #discount_percent_span{color:#e72d4e;font-size:20px;font-weight:700} #productDetail .thumb-info .info .table-opt th{color:#969696;font-weight:400} #productDetail .thumb-info .info .table-opt td .tb-right,#productDetail .thumb-info .info .table-opt th .tb-left{padding:0;font-weight:600} #productDetail .thumb-info .info .table-opt td{color:#555} #productDetail .thumb-info .info .table-opt .price,#productDetail .thumb-info .info .table-opt .sell_price{font-size:16px;font-weight:600;color:#8d8d8d} #goods_amount{float:left} #productDetail .thumb-info .info .table-opt .opt-spin{position:relative;width:52px;height:15px;border:1px solid #acacac} #productDetail .thumb-info .info .table-opt .opt-spin .btns,#productDetail .thumb-info .info .table-opt .opt-spin .txt-spin{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:0 0} #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) 50% 50% no-repeat} #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw{background:url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) 50% 50% no-repeat} #productDetail .thumb-info .info .prd-btns .soldout{width:560px; padding:18px; font-size:18px; color:#fff; text-align:center; line-height:30px; background:#ccc; font-weight:600; } #productDetail .thumb-info .info .prd-btns::after{content:'';display:block;clear:both} #productDetail .thumb-info .info .prd-btns a{float:left;font-weight:700;letter-spacing:-1px} #productDetail .thumb-info .info .prd-btns .btn_buy{display:block;width:278px;height:48px;font-size:18px;color:#fff;text-align:center;line-height:48px;border:1px solid #000;border-right:0;background:#000;-webkit-transition:all .3s ease;transition:all .3s ease} #productDetail .thumb-info .info .prd-btns .btn_cart,#productDetail .thumb-info .info .prd-btns .btn_wish{width:138px;height:48px;text-align:center;line-height:48px;-webkit-transition:all .3s ease;display:block;font-size:18px} #productDetail .thumb-info .info .prd-btns .btn_buy:hover{color:#fff;background:#000} #productDetail .thumb-info .info .prd-btns .btn_cart{color:#000;border:1px solid #000;border-right:0;background:#f8f8f8;transition:all .3s ease} #productDetail .thumb-info .info .prd-btns .btn_cart:hover{color:#fff;background:#000} #productDetail .thumb-info .info .prd-btns .btn_wish{color:#000;border:1px solid #000;background:#f8f8f8;transition:all .3s ease} #productDetail .thumb-info .info .prd-btns .btn_wish:hover{color:#fff;background:#000} #productDetail .thumb-info .info .prd-btns .btn_barotalk{display:block;margin-top:10px} #productDetail .thumb-info .info .table-opt .opt-wrap{width:100%;margin-top:15px} #productDetail .thumb-info .info .table-opt .opt-wrap .tit{margin-bottom:5px;display:none} #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{padding:5px 0;overflow:hidden;box-sizing:border-box;width:100%} #productDetail .thumb-info .info .table-opt .opt-wrap dl:after{display:block;clear:both;content:''} #productDetail .thumb-info .info .table-opt .opt-wrap dt{float:left;width:100px;line-height:60px;color:#8d8d8d} #productDetail .thumb-info .info .table-opt .opt-wrap dd{float:left;width:calc(100% - 100px)} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn{text-align:right;position:absolute;right:0;top:50%;transform:translateY(-50%)} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns, #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:active, #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg{position:relative} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a{display:inline-block;width:138px;height:58px;font-size:18px;font-weight:700;color:#000;text-align:center;line-height:58px;border:1px solid #000;-webkit-transition:all .3s ease;transition:all .3s ease} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover{color:#fff;background:#000} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a img{display:none} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn1 a img{} #productDetail .thumb-info .info .table-opt .opt-wrap select{width:100%;height:60px;font-size:16px;color:#000;border:1px solid #ccc} #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) 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 .option-wrap .option-box,#productDetail .thumb-info .info .table-opt .option-wrap .option-box .list{width:100%} #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 .tit{padding:10px 0 5px;color:#666} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after{clear:both;content:"";display:block} #MK_innerOptTotal:after,#MK_innerOptWrap .MK_inner-opt-cm li:after,#productDetail .detailTab ul:after,#productDetail .table-slide .list-btm:after,#productDetail .tit-detail:after{content:'';clear:both} #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 img{width:70px;height:70px} #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 .sel-img,#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:.4} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname{padding-top:7px;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 input{width:52px;height:24px;line-height:24px;border:1px solid #dfdfdf;text-align:center;background:0 0} #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 .detailTab{width:100%;height:71px;position:relative;z-index:10000} #productDetail .detailBox{position:relative;width:100%;height:70px;background:#fff;border-bottom:1px solid #ccc} #productDetail .detailBox.active{position:fixed;top:0px;left:0} #productDetail .related-allbasket a:active,#productDetail .review-write td .btn_write:active{top:1px;position:relative} #productDetail .detailTab ul{width:1200px;margin:0 auto;padding-left:1px} #productDetail .detailTab ul:after{display:block} #productDetail .detailTab ul li{margin-left:-1px;float:left;width:33.3%;height:69px} #productDetail .detailTab ul li a{display:block;height:69px;font-size:16px;font-weight:600;color:#8d8d8d;line-height:69px;text-align:center} #productDetail .detailTab ul li a.active{height:70px;color:#000;font-weight:700;border-bottom:1px solid #000} #productDetail .tit-detail{position:relative;padding-top:60px} #productDetail .tit-detail:after{display:block} #productDetail .tit-detail h3{float:left;font-size:16px;line-height:18px;font-weight:600} #productDetail .tit-detail .more{float:right} #productDetail .tit-detail .more a{font-size:11px;color:#8c8b8b} #productDetail .prd-detail table{table-layout:auto;border-spacing:0!important;border-collapse:collapse!important} #productWrap table,.line_sheet,table{table-layout:fixed} #productWrap table,.line_sheet,.size-chart-cont table,table{border-collapse:collapse} #productDetail .prd-detail table td{word-break:break-all} #productDetail .prd-detail{width:100%;box-sizing:border-box;} #productDetail .item-wrap{padding-top:40px} #productDetail .item-wrap .prd-opt{padding:5px 0;font-size:13px} #productDetail .item-wrap .prd-opt p{padding-bottom:5px} #productDetail .item-wrap .prd-opt select{height:auto} #productDetail .item-wrap .prd-opt .vo_value_list{height:16px;line-height:16px} #productDetail .item-wrap .prd-qty{padding:5px 0;margin:0 auto;position:relative;width:60px;height:18px} #productDetail .item-wrap .prd-qty .MS_related_quantity,#productDetail .item-wrap .prd-qty .btns{float:left} #productDetail .item-wrap .prd-qty .MS_related_quantity{width:34px;height:16px;line-height:18px;text-align:right;border:1px solid #acacac;font-size:11px} #productDetail .item-wrap .prd-qty .btns{width:17px;height:16px;border:1px solid #acacac;border-left:none} #productDetail .item-wrap .prd-qty .btns a{overflow:hidden;float:left;width:100%;height:8px;text-indent:-999px;background:0 0} #productDetail .item-wrap .prd-qty .btns a.btn-up{border-bottom:1px solid #aaa;background:url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) 50% 2px no-repeat} #productDetail .item-wrap .prd-qty .btns a.btn-dw{background:url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) 50% 2px no-repeat} #productDetail .related-allbasket{padding-bottom:40px;text-align:center} #productDetail .related-allbasket a{display:inline-block;width:298px;height:58px;font-size:18px;color:#fff;font-weight:600;text-align:center;line-height:58px;border:1px solid #000;background:#000;-webkit-transition:all .3s ease;transition:all .3s ease} #productDetail .related-allbasket a:hover{color:#000;background:#fff} #productDetail .review-write{margin-top:30px;padding:20px;border:1px solid #e4e4e5} #productDetail .review-write td,#productDetail .review-write th{padding:4px 0} #productDetail .review-write th{font-weight:400} #productDetail .review-write td input[name=hname]{padding-left:5px;width:210px;height:31px;line-height:31px;border:1px solid #ddd} #productDetail .review-write td label{margin-right:10px} #productDetail .review-write td textarea{padding:5px;width:840px;height:81px;border:1px solid #ddd} #productDetail .review-write td .btn_write{display:inline-block;width:109px;height:91px;font-size:14px;color:#fff;text-align:center;line-height:91px;border:1px solid #231f20;background:#231f20;-webkit-transition:all .3s ease;transition:all .3s ease} #productDetail .review-write td .btn_write:hover{color:#231f20;background:#fff} #productDetail .table-slide{border-top:1px solid #000} #productDetail .table-slide thead th{padding:15px 0;font-size:13px;border-bottom:1px solid #e9e9e9} #productDetail .table-slide td{padding:15px 0;background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif) 0 bottom repeat-x} #productDetail .table-slide td .paging a{font-family:Verdana} #productDetail .table-slide tr.cnt{display:none} #productDetail .table-slide tr.cnt td{padding:20px;color:#999;cursor:default} #productDetail .table-slide tr.cnt td p{word-break:break-all;white-space:normal} #productDetail .table-slide tr.reply .tb-txt{padding-left:30px;background:url(/images/d3/modern_simple/common/bull_reply.gif) 10px 0 no-repeat} #productDetail .table-slide .list-btm{position:relative} #productDetail .table-slide .list-btm:after{display:block} #productDetail .table-slide .btm_write{margin-top:10px;margin-right:-110px;position:relative;float:right;right:110px} #productDetail .table-slide .btm_write a{display:inline-block;width:108px;height:38px;font-size:13px;color:#fff;text-align:center;line-height:38px;border:1px solid #000;background:#000;-webkit-transition:all .3s ease;transition:all .3s ease} #productDetail .table-slide .paging-wrap{margin:0 110px;position:relative;float:left;width:880px} #productDetail .qna-list,#productDetail .review-list{margin-top:10px;min-height:150px} .MK_not_choice{color:red} .MK_optAddWrap,.MK_optAddWrap *{margin:0;padding:0} .MK_optAddWrap li{list-style:none} #MK_optAddList{overflow:hidden} #MK_optAddList li{float:left;width:100%;margin-top:5px} #MK_optAddList .MK_div,#MK_optAddList .MK_st,#MK_optAddList .MK_tit{float:left} #MK_optAddList .MK_div,#MK_optAddList .MK_tit{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} #MK_optAddListPP{overflow:hidden} #MK_optAddListPP .MK_st,#MK_optAddListPP .MK_tit{float:left;width:auto} #MK_optAddListPP .MK_tit{margin-right:5px;margin-top:3px} #MK_innerOptWrap #MK_innerOptScroll.line{padding-top:5px} #MK_innerOptWrap #MK_innerOptScroll.limit{position:relative;height:150px;overflow-y:auto} #MK_innerOptWrap .MK_inner-opt-cm li{position:relative;font-size:13px;margin:16px 0} #MK_innerOptWrap .MK_inner-opt-cm li:after{display:block} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del,#MK_innerOptWrap .MK_inner-opt-cm li .MK_price{position:absolute} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del,#MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name,#MK_innerOptWrap .MK_inner-opt-cm li .MK_price{display:block} #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name{overflow:hidden;width:300px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;font-size:16px} #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{bottom:4px;right:0;font-size:16px;color:#060606;font-weight:400;display:none} #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0,#MK_innerOptWrap .MK_inner-opt-cm li .MK_price span{font-weight:700} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del{top:50%;right:10px;margin-top:-15px;width:30px;height:30px;text-indent:-9999em;background:url(/design/cosrx/phps/common/shopdetail_close.jpg) no-repeat} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl{position:absolute;top:50%;right:75px;margin-top:-15px} #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,#MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option{width:100px;height:28px;line-height:28px;border:0;text-align:center!important;font-size:16px;font-weight:700;color:#000} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a{position:absolute;float:left;display:inline-block;width:30px;height:30px;text-indent:-9999em;margin:0;vertical-align:top;background:url(/design/cosrx/phps/common/shopdetail_ctrl.jpg) no-repeat} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up{background-position:0 -30px;position:absolute;left:-30px} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw{background-position:0 0} .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput{width:200px} #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del,#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{display:inline-block} #MK_innerOptAdd,#MK_innerOptWrap #MK_innerOptPrice{display:none;font-size:12px;color:#333;text-align:right} #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{background:#fff;padding:18px;border:1px solid #ccc} #MK_innerOptWrap #MK_innerOptPrice{padding:12px 5px 10px} #MK_innerOptAdd{padding:0 5px} #MK_innerOptTotal{padding:20px 0;text-align:right} #MK_innerOptTotal:after{display:block} #MK_innerOptTotal .totalLeft{float:left;line-height:47px} #MK_innerOptTotal .totalRight{float:right;line-height:47px} #MK_innerOptTotal .MK_txt-total{font-size:20px;color:#000;font-weight:600} #MK_innerOptTotal .MK_txt-won{font-weight:700;font-size:40px;color:#e72d4e;vertical-align:middle} #MK_innerOptTotal .MK_total{font-size:12px;color:#fd0100} #MK_innerOptTotal .totalRight .MK_total{display:inline-block;margin-top:-4px;font-size:40px;color:#e72d4e;vertical-align:middle} #sorivu{position:relative;margin-top:20px} #productWrap{margin:30px auto;width:800px} #productWrap h3.tb-tit{margin-bottom:10px;text-align:left} #productWrap table{width:100%;font-size:13px;border-width:1px;border-color:#d6d6d6;border-style:solid} #productWrap table td,#productWrap table th{border-bottom:1px solid #e8e8e8;text-align:left;padding:10px 0 10px 20px} #productWrap table th{border-right:1px solid #e8e8e8;color:#5c5c5c;font-weight:400} #productWrap table td{color:#8b8b8b;word-break:break-all} .ingredients,table{word-break:keep-all} td.area-btn-size-chart a.btn-size-chart{display:inline-block;width:84px;height:24px;font-size:11px;color:#231f20;text-align:center;line-height:24px;border:1px solid #231f20;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease} td.area-btn-size-chart a.btn-size-chart:hover{color:#fff;background:#231f20} td.area-btn-size-chart a.btn-size-chart:active{position:relative;top:1px} #sizeChart{padding-bottom:10px;width:810px;position:absolute;display:none;background:#fff} #sizeChart .btn-close-box{width:100%;position:relative} #sizeChart .btn-close-layer{position:absolute;display:block;width:15px;height:14px;top:10px;right:10px;color:#FFF;font-size:15px;font-weight:700} #importune_btn{margin-left:10px} #importune_btn a{vertical-align:top} .couponWrap{text-align:center} .couponBox{display:inline-block} .couponInfo{text-align:left} .size-chart-box{width:100%;border:2px solid #3F4045} .size-chart-box h4{width:100%;margin:0;padding:10px 0;color:#FFF;background:#3F4045;text-align:center} .size-chart-cont{margin:10px auto 0;width:800px;background:#fff} .size-chart-cont table{width:100%;margin:0;padding:0;border:1px solid #D9DBDA} .size-chart-cont table td,.size-chart-cont table th{padding:8px 0;font-size:13px;font-weight:400;text-align:center} #kakaopay_order_btn,#payco_order_btn{padding-top:10px} .size-chart-cont table th{border-bottom:1px solid #d6d6d6} .size-chart-cont table tr,.size-chart-img{height:1px} #sc_img_chart,.size-chart-cont img.sc-img-chart{width:670px;height:300px} #sc_img_guide,.size-chart-cont img.sc-img-guide{width:190px;height:240px} .size-chart-cont p{margin-top:10px;text-align:left;font-size:13px;color:#a7a7a7} #payco_order_btn .payco_checkout.ta .payco_checkout_btn,.ocb-area a{margin-top:0!important} #nhn_btn{padding-top:61px} .ocb-area{width:323px} #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 td.add-option-img{padding-top:10px;vertical-align:middle} #productDetail .thumb-info .info .table-opt td.add-option-wrap{position:relative;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.addition_option,#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option{width:310px} #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option,#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_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} #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:700} #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} #productDetail .thumb-info .info .table-opt .addOptionTable .table-opt{padding-top:7px;text-align:left;margin-top:0;border-top:0} #productDetail .thumb-info .info .table-opt .addOptionTable .trWrap{border-bottom:1px solid #ccc} #productDetail .thumb-info .info .table-opt .addOptionTable td,#productDetail .thumb-info .info .table-opt .addOptionTable th{padding:2.9px 0;font-size:16px;color:#8d8d8d} #productDetail .thumb-info .info .table-opt .addOptionTable td.add-option-img{padding:25px 0} #productDetail .thumb-info .info .table-opt .addOptionTable .tit-prd{line-height:20px;font-size:16px} #productDetail .thumb-info .info .table-opt .addOptionTable .table-opt .tb-left{width:80px;text-align:right} .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 #000} .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.MK-oneclick-color a,.MK-oneclick-list li.MK-oneclick-text a{padding:2px} .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 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.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{line-height:19px;max-width:320px;overflow:hidden;height:19px} #detailReview{display:inline-block;margin-top:100px} .paging{padding-bottom:100px} . .section-title{font-weight:100;font-size:24px} .table-title{font-weight:700;font-size:21px;letter-spacing:-.1em;color:#555;font-family:'nanum gothic';margin-bottom:10px;margin-top:30px} td,td a{font-size:13px} .info-table{border-top:2px solid #444547!important;border-bottom:1px solid #c6c6c6!important} .info-table tr td{padding:12px 21px;line-height:1.7;letter-spacing:-.05em} .border-bottom{border-bottom:1px solid #ddd} td{line-height:18px;color:#666} .info-table tr td h2{font-size:18px} .text-lightgray{color:#979797} #moreMenu{display:none} #toggleButton{text-align:center;font-size:20px;margin:20px auto} #moreMenu table td,#moreMenu table th{padding:10px;color:#666;font-size:12px} #toggleButton:hover{cursor:pointer} #moreMenu table{border:1px solid #f1f1f1;width:100%;margin:0 auto; max-width:1200px; background:#fff; } #moreMenu table th{background:#fafafa;border:1px solid #f1f1f1;width:20%;text-align:left} #moreMenu table tr:nth-child(1) td{border-top:0!important} #moreMenu table td{border-top:1px solid #f1f1f1;display:block} ul.description_icon li,ul.howtouse_img li,ul.ingre_icon li,ul.tip_img li{display:inline-block;vertical-align:top} #moreMenu table td.telnum{color:#333;font-weight:700} .wrap-detail h1{font-weight:800!important;color:#111;letter-spacing:-1px} .wrap-detail h4{font-weight:400} .hd h3,.text-em{font-weight:700} .table-wrap{border-top:2px solid #444;padding:15px;margin-bottom:20px} table{width:100%;border-spacing:0;word-wrap:break-word} .hd{position:relative} .hd h3{padding-bottom:2px;color:#222;font-size:18px} .hd .view{position:absolute;bottom:5px;right:0} .tbl th{padding:8px 0 6px;border-top:1px solid #cdcdcd;background-color:#f9f9f9;color:#838383} .tbl td{padding:6px 0 4px;border-top:1px solid #e2e2e2} .order-wrap{text-align:center;width:100%} .text-btn,.text-em{color:#ee2953} .bottom-info{text-align:left;line-height:1.5} .order-wrap .info{width:100%;height:92px;text-align:left;border:1px solid #ddd} .order-wrap .info tr td{padding:40px;vertical-align:top} .point-info{border:none} .point-info tr td,.point-info tr th{padding:10px 15px;border:1px solid #ddd} .text_box,ul.coodi_product,ul.description_icon,ul.description_icon li,ul.howtouse_img,ul.howtouse_img li,ul.ingre_icon,ul.ingre_icon li,ul.tip_img,ul.tip_img li{border:0 solid red} .point-info small{color:#aaa} .bottom-info tr td{font-size:24px;font-weight:800;line-height:1.1} p.product_tit2,p.product_tit3,p.product_tit3_2,p.product_tit_2in1{font-size:30px;line-height:40px;color:#333;text-align:center} p.product_tit{FONT-SIZE:50px;margin:50px 0 20px;font-weight:700;COLOR:#333;TEXT-ALIGN:center} p.product_stit{FONT-SIZE:35px;margin:150px 0 50px;font-weight:700;COLOR:#333;TEXT-ALIGN:center} p.product_tit2{font-family:Roboto;font-weight:400;margin-bottom:20px} p.product_tit3{font-weight:700;margin-bottom:100px} p.product_tit3_2{font-weight:700;margin:20px;} p.product_tit_2in1{font-weight:700;margin:30px 0;} p.product_text{font-size:20px;line-height:30px;text-align:center;color:#666;margin-bottom:50px} p.product_text_small{font-size:12px;line-height:15px;text-align:center;color:#999;margin-bottom:70px} p.set_sub_tit,p.set_tit{COLOR:#333;text-align:center} p.set_tit{FONT-SIZE:45px;margin:50px 0;font-weight:700;line-height:60px} p.set_sub_tit{FONT-SIZE:26px;margin:0 0 50px;line-height:45px} p.HOONION_text{font-size:30px;line-height:30px;text-align:center;color:#666;margin-bottom:50px} p.AC_text,p.youtube_tit{color:#333;text-align:center;font-weight:700} p.youtube_tit{font-size:35px;line-height:40px;margin-bottom:20px} p.AC_text{font-size:20px;line-height:35px;margin-bottom:30px} p.AC_text_small{FONT-SIZE:13px;COLOR:#999;TEXT-ALIGN:center;LINE-HEIGHT:26px;margin-bottom:100px} p.bttm_text,p.top_text{FONT-SIZE:16px;LINE-HEIGHT:26px} p.product_img{text-align:center;width:100%;margin-top:50px} p.product_img video{max-width:1000px;} .ac_link{position:relative} .ac_link ul li a.ac_01{position:absolute;top:237px;left:69px;width:113px;height:337px} .ac_link ul li a.ac_02{position:absolute;top:226px;left:182px;width:150px;height:250px} .ac_link ul li a.ac_03{position:absolute;top:400px;left:250px;width:100px;height:250px} .ac_link ul li a.ac_04,.ac_link ul li a.ac_05,.ac_link ul li a.ac_06{top:320px;height:323px;position:absolute} .ac_link ul li a.ac_04{left:340px;width:99px} .ac_link ul li a.ac_05{right:450px;width:99px} .ac_link ul li a.ac_06{right:360px;width:71px} .ac_link ul li a.ac_07{position:absolute;top:220px;right:100px;width:240px;height:420px} p.product_tit4{font-size:25px;line-height:40px;text-align:center;font-weight:700;color:#333;margin:100px 0 30px} p.product_tit4 span{color:#3ab050} p.bigtitle{font-family:Roboto;font-size:1.5em;text-align:center;color:#333;font-weight:700;padding-top:130px;padding-bottom:40px;line-height:50px;} p.bigtitle_tit{font-family:Roboto;font-size:3em;text-align:center;color:#333;font-weight:700;padding-top:130px;padding-bottom:40px;line-height:50px;} p.bigtitle_2{font-size:18px;line-height:35px;text-align:center;color:#666;margin-bottom:50px} p.bigtitle_left{font-family:Roboto;font-size:40px;text-align:center;color:#333;font-weight:700;padding-top:100px;line-height:50px} p.bigtitle_left_kr{font-size:30px;text-align:left;color:#333;font-weight:700;padding-top:100px;padding-bottom:40px;line-height:40px} .common_con,.common_con img,ul.ingre_icon li{text-align:center} .bigtitle_left_01 p.rx{font-family:Roboto;position:absolute;top:460px;right:-125px;font-size:40px;color:#333;font-weight:700} p.bttm_text,p.top_text,ul.description_icon li p,ul.ingre_icon li p{COLOR:#666;TEXT-ALIGN:center} p.bttm_text{MARGIN:50px} p.top_text{MARGIN-bottom:50px} .common_con img{width:550px} ul.description_icon{margin:30px auto} ul.description_icon li{width:18%;text-align:center} ul.description_icon li img{width:90px} ul.description_icon li p{FONT-SIZE:20px;MARGIN:30px 0;line-height:26px} ul.ingre_icon{margin:30px auto} ul.ingre_icon li{width:18%} dl.description dd,dl.description dt,dl.description_2 dd,dl.description_2 dt{font-size:18px;line-height:26px;text-align:left;DISPLAY:inline-block} ul.ingre_icon li img{width:50%} ul.ingre_icon li p{FONT-SIZE:16px;MARGIN:10px 0 0 0;LINE-HEIGHT:26px} ul.ingre_icon li p.small_text{FONT-SIZE:12px;COLOR:#999;TEXT-ALIGN:center;LINE-HEIGHT:24px} dl.description{margin:50px auto 0;width:900px;font-family:'nanum gothic'} dl.description dt{width:250px;font-weight:700;color:#333;margin:0 0 20px;vertical-align:top} dl.description dd{width:620px;color:#666;margin:0 0 20px} dl.description dd span{color:#3ab050} dl.description_2{margin:50px auto 30px;width:900px} dl.description_2 dt{width:250px;font-weight:700;color:#333;margin:0 0 10px;vertical-align:top} dl.description_2 dd{width:620px;color:#666;margin:0 0 20px} .bg_box p span,dl.description_2 dd .text_small{font-size:12px} dl.description_2 dd span{color:#3ab050} ul.coodi_product{margin:30px auto} .lt_box_2,.rt_box_2{margin-bottom:160px} ul.coodi_product li,ul.coodi_product li.two{display:inline-block;width:25%;border:0 solid red;vertical-align:top;text-align:center} ul.coodi_product li.arrow{width:5%;height:200px;BACKGROUND:url(http://cosrx.playimage.co.kr/cosrx/product/Poreless/Poreless_14.png) no-repeat 50% 50%} ul.coodi_product li img{width:100%} .bg_box,.lt_box{width:100%} .bg_box,.rt_box{width:500px; float:right;} ul.coodi_product li p{FONT-SIZE:18px;COLOR:#666;TEXT-ALIGN:center;MARGIN:30px 0;LINE-HEIGHT:30px} .bg_box p.bg_tit,.bg_box p.bg_tit2{FONT-SIZE:30px;COLOR:#e9323e;font-weight:700;line-height:40px} .lt_box{float:left; width:500px;} .rt_box{float:right; width:500px;} .lt_box_2{float:left} .rt_box_2{float:right} .bg_box{BACKGROUND:#fff5f6;height:500px} .bg_box p.bg_tit{TEXT-ALIGN:center;PADDING-TOP:160px;PADDING-LEFT:30px;MARGIN:0;PADDING-RIGHT:30px} .bg_box p.bg_tit2{TEXT-ALIGN:center;PADDING-TOP:80px;PADDING-LEFT:30px;MARGIN:0;PADDING-RIGHT:30px} .bg_box p,.bg_box p.bg_tit_text{FONT-SIZE:20px;PADDING-LEFT:30px;MARGIN:0;PADDING-RIGHT:30px;TEXT-ALIGN:center} .bg_box p.bg_tit_text{line-height:40px;COLOR:#333;PADDING-TOP:150px} .bg_box p{line-height:30px;COLOR:#666;PADDING-TOP:30px} .bg_box p span{color:#999} .lt_box2{float:left;padding:0 0 20px} .rt_box2{float:right} .lt_box2 img{width:300px} .text_box{text-align:left;width:600px;height:300px} .text_box p.text_tit{FONT-SIZE:30px;line-height:40px;COLOR:#333;font-family:Roboto;font-weight:400;padding:80px 0 20px;color:#333} .text_box p.text_tit_kr{FONT-SIZE:20px;line-height:30px;COLOR:#333;font-weight:700;padding:80px 0 10px;color:#333} .text_box p,.text_box p.text_info,p.TEST_text{line-height:26px} .text_box p,.text_box p.text_box_2,.text_box p.text_info,ul.howtouse_img li p,ul.howtouse_img p.howtext{FONT-SIZE:16px;COLOR:#666} .text_box p.text_box_2{line-height:26px;margin-top:120px} .text_box p.text_info{padding:100px 0 0} ul.howtouse_img{margin:0 auto} ul.howtouse_img li{width:33%} ul.howtouse_img li p{FONT-SIZE:20px;TEXT-ALIGN:center;MARGIN:30px 0;LINE-HEIGHT:35px;padding:0 10px} ul.howtouse_img p.howtext{TEXT-ALIGN:center;MARGIN:15px;LINE-HEIGHT:30px} ul.howtouse_img p.howtext_2{FONT-SIZE:20px;COLOR:#000;TEXT-ALIGN:center;MARGIN-top:50px} p.caution{FONT-SIZE:16px;COLOR:#999;TEXT-ALIGN:center;LINE-HEIGHT:26px;padding:0 20px} ul.review_list li p,ul.review_list2 li p,ul.tip_img li p{padding:0 10px;LINE-HEIGHT:26px} ul.tip_img{margin:0 auto} ul.tip_img li{width:23%;margin:0 5px} .promotion_box,.promotion_wrap{BOX-SIZING:border-box;BORDER-TOP:#ddd 1px solid;BORDER-RIGHT:#ddd 1px solid;BORDER-BOTTOM:#ddd 1px solid;BORDER-LEFT:#ddd 1px solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box} ul.review_list li p,ul.review_list li p.reviewer,ul.tip_img li p{MARGIN:30px 0;FONT-SIZE:16px;TEXT-ALIGN:center} ul.tip_img li p{COLOR:#666} ul.review_list{width:100%} ul.review_list li{WIDTH:33%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top} ul.review_list li img{width:100px} ul.review_list li p.reviewer{COLOR:#333;font-weight:700;font-family:Roboto} ul.review_list li p{COLOR:#666;font-family:'nanum gothic'} ul.review_list2{width:100%} ul.review_list2 li{WIDTH:33%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top} ul.review_list2 li img{width:100px} ul.review_list2 li p.reviewer{FONT-SIZE:18px;COLOR:#333;TEXT-ALIGN:center;margin:20px 0;font-weight:700;font-family:Roboto} ul.review_list2 li p{FONT-SIZE:16px;COLOR:#666;TEXT-ALIGN:center;margin:0 0 20px;font-family:'nanum gothic'} ul.all_list,ul.review_list2 li ul li.review_list_lt,ul.review_list2 li ul li.review_list_rt{width:100%} ul.all_list li{WIDTH:33%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top} ul.all_list li img{width:150px} ul.all_list li p{FONT-SIZE:14px;COLOR:#666;TEXT-ALIGN:center;LINE-HEIGHT:24px;width:100%;border-bottom:1px solid #ddd;padding:20px 0} ul.all_list li p.tit_kr{FONT-SIZE:20px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:0 0 5px;font-weight:700} ul.all_list li p.tit_kr_2{FONT-SIZE:20px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;margin-top:20px;font-weight:700} ul.all_list li p span.sub_tit_en,ul.all_list li p.tit_en{FONT-SIZE:12px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:0 0 30px} ul.all_list li p span{FONT-SIZE:11px;COLOR:#666;LINE-HEIGHT:20px} ul.all_list_2{width:100%} ul.all_list_2 li{WIDTH:33%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top} ul.all_list_2 li img{width:150px} ul.all_list_2 li p{FONT-SIZE:14px;COLOR:#666;TEXT-ALIGN:center;LINE-HEIGHT:24px;width:100%;border-bottom:1px solid #ddd;padding:20px 0} ul.all_list_2 li p.tit_kr{FONT-SIZE:20px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:0 0 5px;font-weight:700} ul.all_list_2 li p.tit_kr_2{FONT-SIZE:20px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;margin-top:20px;font-weight:700} ul.all_list_2 li p span.sub_tit_en,ul.all_list_2 li p.tit_en{FONT-SIZE:12px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:0 0 30px} ul.all_list_2 li p span{FONT-SIZE:11px;COLOR:#666;LINE-HEIGHT:20px} ul.all_list50{width:100%} ul.all_list50 li{WIDTH:49%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top} ul.all_list50 li img{width:200px} ul.all_list50 li p{FONT-SIZE:14px;COLOR:#666;TEXT-ALIGN:center;LINE-HEIGHT:24px;width:100%;border-bottom:1px solid #ddd;padding:20px 0} ul.all_list50 li p span.sub_tit_en,ul.all_list50 li p.tit_en,ul.all_list50 li p.tit_kr{COLOR:#333;border-bottom:0;TEXT-ALIGN:center} ul.all_list50 li p.tit_kr{FONT-SIZE:20px;padding:20px 0 5px;font-weight:700} ul.all_list50 li p.tit_en{FONT-SIZE:12px;padding:0} ul.all_list50 li p span.sub_tit_en{FONT-SIZE:12px;padding:0 0 30px} ul.all_list50_2 li{WIDTH:49%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top;margin-bottom:70px} p.ingre,p.ingre_left{margin:0 0 30px} ul.all_list50_3{width:100%} ul.all_list50_3 li{WIDTH:49%;TEXT-ALIGN:center;DISPLAY:inline-block;vertical-align:top} .mobile_promotion,.promotion_box p.mobile_subtit{display:none} ul.all_list50_3 li img{width:100%} ul.all_list50_3 li p{FONT-SIZE:14px;COLOR:#666;TEXT-ALIGN:center;LINE-HEIGHT:24px;width:100%;border-bottom:1px solid #ddd;padding:20px 0} ul.all_list50_3 li p.tit_kr{FONT-SIZE:20px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:20px 0 5px;font-weight:700} ul.all_list50_3 li p.tit_en{FONT-SIZE:12px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:0} ul.all_list50_3 li p span.sub_tit_en{FONT-SIZE:12px;COLOR:#333;TEXT-ALIGN:center;border-bottom:0;padding:0 0 30px} p.ingre,p.ingre_e{FONT-SIZE:18px;TEXT-ALIGN:center;LINE-HEIGHT:28px;padding:0 20px} p.ingre{COLOR:#999} p.ingre b{color:#333} p.ingre_e{FONT-FAMILY:Roboto;FONT-WEIGHT:400;COLOR:#999} p.ingre_e b{color:#333} p.ingre_e_left,p.ingre_left{FONT-SIZE:12px;COLOR:#999;TEXT-ALIGN:left;LINE-HEIGHT:22px} p.ingre_e_left{FONT-FAMILY:Roboto;FONT-WEIGHT:400} .promotion_wrap{MAX-WIDTH:1000px;WIDTH:100%;TEXT-ALIGN:center;MARGIN:0 auto} .promotion_wrap p.promotion_tit{FONT-SIZE:35px;FONT-WEIGHT:bold;COLOR:#333;MARGIN:30px 0;LINE-HEIGHT:40px} .promotion_box{BACKGROUND:#f9f9f9;padding:40px 20px;MARGIN:20px} .promotion_box p.subtit{FONT-SIZE:25px;MARGIN:0 0 40px 0;color:#666} .promotion_box p{FONT-SIZE:15px;LINE-HEIGHT:30px;COLOR:#666} .promotion{text-align:center} .faq_box{border-bottom:1px solid #ddd;padding:30px;overflow:hidden} .faq_box .faq_box_lt{float:left;width:300px} .faq_box .faq_box_lt p{text-align:left;FONT-SIZE:20px;font-weight:700;COLOR:#333;LINE-HEIGHT:30px} .faq_box .faq_box_rt{float:right;width:550px} .faq_box .faq_box_rt p{text-align:left;FONT-SIZE:16px;COLOR:#666;LINE-HEIGHT:26px} p.TEST_img{text-align:center;width:100%} p.TEST_text{FONT-SIZE:20px;COLOR:#666;text-align:center;margin:0 0 20px} p.TEST_text_2,p.TEST_text_3{FONT-SIZE:16px;margin:20px 0;COLOR:#666;text-align:center} p.TEST_text_2{line-height:30px} p.TEST_text_3{line-height:35px} p.TIP_text{FONT-SIZE:16px;COLOR:#666;text-align:center;LINE-HEIGHT:28px;margin:5px 0 10px} .TEST_IMG_1 p,.TEST_IMG_2 p{FONT-SIZE:30px;bottom:10px;left:10px} .TEST_IMG{width:1000px;display:inline-block;text-align:center;margin:0 0 50px} .TEST_IMG_1,.TEST_IMG_2{width:470px;display:inline-block;height:470px} .TEST_IMG_1{margin:0 25px 0 0;position:relative} .TEST_IMG_1 p{COLOR:#000;text-align:left;position:absolute} .TEST_IMG_2{margin:0 0 0 25px;text-align:right;position:relative} .TEST_IMG_2 p{COLOR:#000;text-align:left;position:absolute} .COLOR_IMG{width:1000px;display:inline-block;text-align:center;margin:0 0 50px} .COLOR_IMG_1,.COLOR_IMG_2{width:400px;display:inline-block;height:200px;position:relative} .COLOR_IMG_1{margin:0 25px 0 0} .COLOR_IMG_1 p{FONT-SIZE:20px;COLOR:#000;text-align:center;margin-top:20px} .COLOR_IMG_2{margin:0 0 0 25px;text-align:right} .COLOR_IMG_2 p{FONT-SIZE:20px;COLOR:#000;text-align:center;margin-top:20px} p.Feature_text{FONT-SIZE:20px;COLOR:#666;TEXT-ALIGN:center;MARGIN:50px;LINE-HEIGHT:28px} ul.AC_award{margin:0 auto;text-align:center} ul.AC_award li{width:20%;margin:20px 0;DISPLAY:inline-block} .howto_vedio{text-align:center;margin:30px auto;max-width:1200px;padding:0 15px} .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%} .embed-container embed,.embed-container iframe,.embed-container object,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%} .product_motion{margin:0 auto 10px;width:250px;height:250px;text-align:center} .product_motion_2{margin:0 auto;width:450px;height:450px;text-align:center} .review_lt_box{float:left} .review_rt_box{float:right} .review_event_wrap{background:#fff;width:750px;margin:0 auto} .review_event_con_01,.review_event_con_02{border:1px solid #ddd;width:345px;padding:20px 15px;overflow:hidden;position:relative;text-align:center;box-sizing:border-box} .review_event_con_01{margin:0 0 10px 15px;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .review_event_con_02{margin:0 15px 10px 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .review_event_con_03{border:1px solid #ddd;box-sizing:border-box;width:720px;margin:0 15px 10px;padding:20px 15px;overflow:hidden;position:relative;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px} .review_event_wrap p.user_id{font-size:16px;color:#333;font-weight:700;padding:20px 0 10px} .review_event_wrap p{font-size:13px;color:#666;line-height:23px;text-align:left} .review_event_wrap p.sale_item{font-size:14px;color:#ec2224;font-weight:700;padding:10px 0 0} a.more_btn{color:#fff;font-size:14px;background:#ec2224;padding:7px 0;text-align:center;border-radius:20px;width:80px;display:block;position:absolute;bottom:15px;right:15px} p.review_text{font-size:16px;color:#ec2224;font-weight:700;LINE-HEIGHT:26px;text-align:center;margin:30px 0} p.review_text span{font-size:13px;color:#666} p.hwahae_img{text-align:center;width:100%;margin-bottom:50px} .sold_out_banner{text-align:center;font-size:20px;margin:40px auto 60px;line-height:40px;border:1px solid #9b9b9b;width:700px;padding:35px} .line_banner,table.hytable{border:0 solid red} p.BAcare_text,p.BAcare_text_2{font-family:Roboto;color:#fff;padding:10px;background:#ec2224;font-weight:700;text-align:center} p.sold_out_tit{text-align:center;font-size:28px;font-weight:700} p.BAcare_text{font-size:20px;margin:100px 0 -110px;width:200px} p.BAcare_text_2{font-size:25px;margin:150px auto 0;width:250px} .BAcare_box{float:left;padding:50px 0 20px} .text_box p.BAcare_tit_kr{FONT-SIZE:18px;line-height:30px;COLOR:#333;font-weight:700;padding:150px 0 20px;color:#333} .ingre_text{font-size:16px;color:#333;font-weight:700;LINE-HEIGHT:26px;text-align:center;margin:30px 0 0} .line_banner{padding:20px 50px;background:url(http://cosrx.playimage.co.kr/cosrx/product/Hydrium-Triple-Ampoule/line_banner_bg.png) 90% 50% no-repeat #66b1e2;margin:0 0 30px} .line_banner p{color:#fff;font-size:15px;line-height:1.5;font-family:'Nanum Myeongjo',serif} .line_banner p.banner_tit_eng{font-size:25px;letter-spacing:1px;text-transform:uppercase} .line_banner p.banner_tit_kr{font-size:30px;margin:0 0 20px;letter-spacing:-2px} .line_banner p.banner_text_small{font-size:12px;color:#fff;margin-top:20px} ul.hy_wrap{margin:0;padding:0} ul.hy_wrap>li{width:50%;float:left;margin:0 0 30px} ul.hy_wrap>li.hy_wrap_toner{width:100%} table.hytable td{display:block !important; width:250px;} table.hytable td p img,table.hytable_1 td p img{width:300px} table.hytable td,table.hytable th{padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd} table.hytable th{text-align:left} table.hytable td.color_bg,table.hytable td.color_bg2{color:#fff;border-top:none;border-bottom:none;text-align:center;font-size:20px;font-weight:700} table.hytable td.color_bg{background:#badcf2} table.hytable td.color_bg2{background:#66b1e2} table.hytable td p{text-align:center;margin:0 0 15px} table.hytable td p.tit{font-size:20px;font-weight:700} table.hytable td p.color_tag{color:#66b1e2} table.hytable td:first-child,table.hytable th:first-child{border-top:0 solid #ddd} table.hytable_1{border:0 solid red} table.hytable_1 td,table.hytable_1 th{border-top:1px solid #ddd;border-bottom:1px solid #ddd} table.hytable_1 th{padding:10px 10px 10px 264px;text-align:left} table.hytable_1 td{padding:10px} table.hytable_1 td.color_bg2{background:#359dc6;font-size:20px;font-weight:700;color:#fff;text-align:center;border-top:none;border-bottom:none} table.hytable_1 td p{text-align:center;margin:0 0 10px} table.hytable_1 td p.tit{font-size:20px;font-weight:700} table.hytable_1 td p.color_tag{color:#66b1e2} .hy_coordi_001,.hy_coordi_002{font-size:20px;color:#fff;text-align:center;padding:10px 0;width:250px;font-weight:700} table.hytable_1 td:first-child,table.hytable_1 th:first-child{border-top:0 solid #ddd} .con_001_img,.con_001_img_left,.con_text_wrap,.con_top{border:0 solid red} .hy_coordi_001{background:#badcf2} .hy_coordi_002{background:#66b1e2} .con_top{margin-top:80px;position:relative;width:100%} .con_text_wrap{position:absolute;top:600px;left:50px;width:900px;height:400px;z-index:9999;display:table} .con_text,.con_text_right{display:table-cell;vertical-align:bottom} .con_text{text-align:left} .con_text_right{text-align:right} p.con_tit{FONT-SIZE:50px;margin:50px 0 20px;font-weight:700;COLOR:#333} p.con_info_text,p.con_tit2{margin-bottom:20px} p.con_tit2{font-family:Roboto;font-size:30px;line-height:40px;color:#333;font-weight:400} p.con_info_text,p.con_tit3{font-size:20px;line-height:30px;color:#333} p.con_tit3{font-weight:700} .con_001_img{text-align:right;width:100%} .con_001_img_left{text-align:left;width:100%} .con_002,.con_003{border:0 solid orange;width:100%;margin-top:180px;margin-bottom:100px;position:relative;height:840px} .con_002 p.title,.con_003 p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 20px} .con_002 p,.con_003 p{font-size:20px;line-height:1.5} .con_002_left,.con_003_left{position:absolute;top:0;left:0;width:550px;height:640px;border:0 solid red} .con_002_right,.con_003_right{position:absolute;top:0;right:0;border:0 solid red;width:400px;height:840px} .con_002_right_video,.con_003_right_video{position:absolute;bottom:100px;right:0;border:0 solid red;width:400px} .con_002_right_video video,.con_003_right_video video{width:100%;height:100%} .con_002_text,.con_003_text{position:absolute;bottom:0;left:50px;width:700px} .con_004,.con_004_2{width:100%;margin-top:180px;margin-bottom:100px;position:relative;border:0 solid red} .con_004{height:840px} .con_004_2{height:900px} .con_004_left p.title,.con_004_left_video p.title,.con_004_text p.title{line-height:1.5;margin:0 0 20px;font-weight:700} .con_004_right{position:absolute;top:0;right:0;width:550px;height:640px;border:0 solid red} .con_004_left,.con_004_left_2{position:absolute;top:0;left:0;border:0 solid red;width:400px;height:840px} .con_004_left p.title{font-size:25px;letter-spacing:-1px} .con_004_left p{font-size:20px;line-height:1.5;vertical-align:bottom} .con_center_icon li,.con_center_icon2 li,.con_center_icon3 li{display:inline-block;vertical-align:top} .con_004_left_video,.con_004_left_video_2{position:absolute;bottom:100px;left:0;border:0 solid red;width:400px} .con_004_left_video video{width:100%;height:100%} .con_004_left_video p.title{font-size:25px;letter-spacing:-1} .con_004_left_video p{font-size:20px;line-height:1.5} .con_004_text,.con_004_text_2{position:absolute;bottom:0;right:0;border:0 solid red;width:700px;z-index:9999} .con_005_right,.con_005_right_video{right:0;width:400px;position:absolute} .con_004_text p.title{font-size:25px} .con_004_text_2 p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 20px 150px;border:0 solid red} .con_004_text p,.con_004_text_2 p{font-size:20px;line-height:1.5} .con_004_text_2 p{margin:0 0 0 150px} .con_005_right{top:0;border:0 solid red;height:800px} .con_005_right_video{bottom:30px;border:0 solid orange} .con_005_right_video video{width:100%;height:100%;border:0 solid red} .con_005_text{position:absolute;bottom:0;left:600px;width:400px;border:0 solid red} .con_006_text{position:absolute;bottom:0;left:50px;width:700px;margin:362px -53px} .con_007_text{position:absolute;top:5px;right:-200px;font-weight:700;margin-top:20px} .con_007_text li{margin-top:30px} .con_007_text li strong{font-size:25px;font-weight:700} .con_007_text li p{font-size:20px;line-height:1.5;margin-top:20px;font-weight:lighter} .con_center_icon li p,.con_center_icon2 li p,.con_center_icon3 li p{FONT-SIZE:15px;COLOR:#666;TEXT-ALIGN:center;line-height:26px} .con_center,.con_center_5{border:0 solid orange;width:100%;margin-top:80px;position:relative;overflow:hidden} .con_008_left{float:left} .con_008_right{float:right} .con_center{height:870px} .con_center_5{height:500px} .con_center_icon,.con_center_icon2,.con_center_icon3{position:absolute;text-align:center} .con_center img{width:100%:} .con_center_icon{top:0;left:0;width:350px} .con_center_icon ul{margin:30px auto;border:0 solid red} .con_center_icon li{width:32%;border:0 solid red;text-align:center} .con_center_icon li img{width:90px} .con_center_icon li p{MARGIN:30px 0} .con_center_icon2{top:0;right:0;width:350px} .con_center_icon2 ul{margin:30px auto;border:0 solid red} .con_center_icon2 li{width:32%;border:0 solid red;text-align:center} .con_center_icon2 li img{width:90px} .con_center_icon2 li p{MARGIN:30px 0} .con_center_icon3{bottom:-94px;right:-195px;width:350px} .con_center_icon3 ul{margin:30px auto;border:0 solid red} .con_center_icon3 li{width:32%;border:0 solid red;text-align:center} .con_center_icon3 li img{width:90px} .con_center_text_wrap,.con_center_text_wrap_2{display:table;position:absolute;width:900px;height:300px;z-index:9999;left:0} .con_center_icon3 li p{MARGIN:30px 0} .con_center_text_wrap{bottom:0;border:0 solid #00f} .con_center_text_wrap_2{bottom:70px;border:0 solid #00f} .con_center_text_2,.con_center_text_3{bottom:0;display:table-cell;vertical-align:bottom;border:0 solid #00f;position:absolute} .con_center_text{display:table-cell;vertical-align:bottom;padding:0 0 0 40px} .con_center_text_2{padding:0 0 0 40px} .con_center_text_3{padding:0 0 100px 40px} .con_center_text p.title,.con_center_text_2 p.title,.con_center_text_3 p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 20px} .con_center_text p,.con_center_text_2 p,.con_center_text_3 p{font-size:20px;line-height:1.5} .con_center_left{position:absolute;bottom:70px;left:0;width:350px;height:350px;border:0 solid red} .con_center_left2,.con_center_right,.con_center_right_2{width:600px;border:0 solid red;position:absolute} .con_center_right{bottom:70px;right:0;height:830px} .con_center_right_2{bottom:70px;right:0;height:500px} .con_center_left2{top:0;left:0;height:830px} .con_center_right2{position:absolute;bottom:0;right:150px;width:350px;height:350px;border:0 solid red;z-index:9998} .con_center_right3{position:absolute;bottom:70px;right:0;width:600px;height:750px;border:0 solid red} .con_center_right4,.con_center_right5{position:absolute;bottom:0;width:600px;border:0 solid red;right:0} .con_center_right4{height:600px} .con_center_right5{height:500px} .con_center_2{border:0 solid orange;width:100%;margin-top:80px;position:relative;overflow:hidden;height:900px} .con_center_2 img{width:100%:} .con_center_2_text_wrap,.con_center_2_text_wrap2{bottom:30px;width:650px;z-index:9999;position:absolute} .con_center_2_text_wrap{display:table;right:0;height:300px;border:0 solid #00f} .con_center_2_text,.con_center_3_text{display:table-cell;vertical-align:bottom} .con_center_3_text{padding:0 0 90px 100px} .con_center_2_text p.title,.con_center_3_text p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 20px} .con_center_2_text p,.con_center_3_text p{font-size:20px;line-height:1.5} .con_center_2_text p.title_01,.con_center_4_text strong.title_02{font-size:25px;font-weight:700;line-height:1.5} .con_center_2_left{position:absolute;top:0;left:0;height:900px;border:0 solid red} .con_center_2_text p.title_01{position:absolute;top:-450px;left:-349px;letter-spacing:-1px} .con_center_4_text{position:absolute;top:212px;left:-261px} .con_center_4_text p.title_03{font-size:20px;line-height:1.5;font-weight:lighter;margin-top:18px} .con_center_2_text_wrap2{display:table;left:50px;height:300px;border:0 solid #00f} .con_center_2_left2{position:absolute;top:0;right:0;height:900px;border:0 solid red} .con_center_3,.con_center_3_2{border:0 solid orange;width:100%;position:relative} .con_center_3{margin-top:188px} .con_center_3_2{margin-top:100px} .con_center_3_left{float:left;width:350px;border:0 solid red} .con_center_3_left_2{float:left;width:370px;border:0 solid red} .con_center_3_left p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 10px} .con_center_3_left p.title_2{font-size:25px;line-height:1.5;font-weight:700;margin:130px 0 10px;border:0 solid red} .con_center_3_left_2 p.title_2{font-size:25px;line-height:1.5;font-weight:700;margin:350px 0 10px;border:0 solid red} .con_center_3_left p,.con_center_3_left_2 p{font-size:20px;line-height:1.5;margin:0 0 30px} .con_center_3_right{float:right;border:0 solid red;width:600px} .con_center_3_right video{width:100%} .con_center_3_right p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 10px} .con_center_3_right p{font-size:20px;line-height:1.5;margin:0 0 30px} .con_center_4{border:0 solid orange;width:100%;margin-top:80px;position:relative} .con_center_4_left{float:left;width:600px;border:0 solid red} .con_center_4_left video{width:100%} .con_center_4_left p.title{font-size:25px;line-height:1.5;font-weight:700;margin:10px 0} .con_center_4_left p{font-size:20px;line-height:1.5;margin:0 0 30px} .con_center_4_right{float:right;border:0 solid red;width:350px} .con_center_4_right_2{float:right;border:0 solid red;width:360px} .con_center_6,.con_howto{border:0 solid orange;position:relative} .con_center_4_right p.title{font-size:25px;line-height:1.5;font-weight:700;margin:0 0 10px} .con_center_4_right p.title_2,.con_center_4_right_2 p.title_2{font-size:25px;line-height:1.5;font-weight:700;margin:250px 0 10px} .con_center_4_right p,.con_center_4_right_2 p{font-size:20px;line-height:1.5;margin:0 0 30px} .con_center_6{width:100%;margin-top:100px;overflow:hidden;height:600px} .con_center_6 img{width:100%:} .con_howto{width:100%;margin-top:80px} .con_howto_left{float:left;width:450px;border:0 solid red} .con_howto_right{float:right;border:0 solid red;width:500px} .con_howto_right p.title{font-size:20px;line-height:1.5;font-weight:700;margin:0 0 10px} .con_howto_right p{font-size:15px;line-height:1.5;margin:0 0 30px} .con_howto_right p.title_05{position:absolute;top:-6px;left:500px;font-size:25px;line-height:1.5;font-weight:700} .con_howto_right p.title_06{position:absolute;bottom:305px;left:500px;font-size:20px;line-height:1.5} .con_howto_right .con_howto_right_video{border:0 solid green;position:absolute;bottom:0;right:0;width:500px;overflow:hidden} .new_test_img_1 p,.new_test_img_2 p{FONT-SIZE:30px;COLOR:#000;bottom:10px;left:10px} .con_howto_right .con_howto_right_video video{width:100%} .new_test_img{width:1000px;display:inline-block;text-align:center;margin:0 0 50px} .new_test_img_1,.new_test_img_2{width:300px;height:300px;display:inline-block} .new_test_img_1{margin:0 25px 0 0;position:relative} .new_test_img_1 p{text-align:left;position:absolute} .new_test_img_2{margin:0 0 0 25px;text-align:right;position:relative} .new_test_img_2 p{text-align:left;position:absolute} .main_type,.new_img,.new_img p,.piek,.test_icon,.test_img,.time_rt{text-align:center} .test_icon img{width:90px;margin:0 45px} .test_img{border:0 solid #ddd;margin:0 0 30px 30px} .test_img img{width:450px} .contents-center{width:1000px;background:#f7f7f7} .contents-center .contents_01{width:1000px;height:500px} .contents-center .contents_01 img{width:500px;height:500px;float:left} .contents-center .contents_01 .contents_text_box{float:left;width:420px;margin:0 40px;border:0 solid red} .contents-center .contents_01 .contents_text_box p{font-size:18px;margin:0 0 20px;color:#333;line-height:28px} .contents-center .contents_01 .contents_text_box p.tit_2{font-size:18px;margin:50px 0 20px;color:#04b3a9;line-height:30px;font-weight:700} .contents-center .contents_01 .contents_text_box p.tit{font-size:28px;line-height:40px;margin:0 0 20px;font-weight:700} .contents-center .contents_01 .contents_text_box p.tit span{font-size:22px} .contents-center .contents_01 .contents_text_box p.contents-center-btn{width:100px;height:70px;padding:30px 0 0;border:1px solid #333;display:block;font-size:20px;line-height:20px;color:#333;border-radius:50%;text-align:center} .countDownLayer{border:0 solid red;margin:0 0 20px} progress{width:100%;height:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#e55d4d;background:#eee;border:0 solid #e55d4d;box-sizing:border-box} progress::-webkit-progress-bar{background:#eee} progress::-webkit-progress-value{background:#e55d4d} .time_rt{color:#000;font-size:16px} .time_rt span{font-weight:700;font-size:20px} .new_wrap{font-family:'Noto Sans KR',sans-serif; width:1000px; margin:0 auto; } .new_wrap2{font-family:'Noto Sans KR',sans-serif; width:1000px; margin:100px auto; } .new_wrap_1200{font-family:'Noto Sans KR',sans-serif; width:1200px; margin:0 auto; } .new_wrap_1200 h1{margin:200px 0 10px 0; font-size:50px; font-weight: 700; letter-spacing: -1px; text-align:center;} .new_wrap_1200 h2{margin:0 0 20px 0;font-size:40px; font-weight: 700; text-align:center;} .new_wrap_1200 h3{margin:0 0 100px 0; font-size:30px; font-weight: 400; letter-spacing: -1px; text-align:center;} .main_type{font-size:60px!important;font-weight:600;color:#000;line-height:1.2} .piek{font-size:42px!important;font-weight:lighter;color:#000;line-height:1;margin-top:22px!important;font-family:Piek-Light} .piek span{font-size:32px!important;color:#000;font-family:'Noto Sans KR',sans-serif} .new_img{margin-top:80px} .new_img:first-child{margin-top:0} .new_img img{width:100%;margin-top:80px} .new_img img.top_division{margin-top:180px} .new_img p{font-size:33px; color:#000; margin-top:90px; line-height:1.5; letter-spacing: -1px} .new_img p b{font-size:45px;font-weight:600; display:block;} .new_img span{font-weight:700;color:#f54a39} .new_img p strong{font-size:18px} .new_img video{margin:80px 0 0;width:100%} .new_img strong{font-size:45px;font-weight:600; display:block; margin-bottom:-80px} .new_img .new_gif {text-align:center;} .new_img .new_gif img {width:96%;} .new_img2{margin-top:320px} .new_img2 img{width:100%; margin-top:80px} .new_img2 img.bottom_img{width:100%; margin-bottom:80px;} .new_img2 video{margin:80px 0 0;width:100%} .new_img3{width:100%; margin-top:50px;padding-bottom:300px} .vod_01 video,.vod_02 video{width:490px} .img_detail,.ingredients{margin-top:20px;text-align:center} .new_img3 ul li{width:490px;font-size:20px;color:#000;text-align:center} .vod_01{float:left} .vod_02{float:right} .img_detail{font-size:16px;color:#686868} .directions{font-size:24px!important;line-height:36px;padding:30px 0 0 30px} .ingredients{font-size:20px!important;color:#000;line-height:27px;font-weight:500;padding:0 100px} .img_ingre img,.img_why img,.img_why_text>p{margin:0} .img_story{position:relative} .img_story>p{position:absolute;top:5%;left:0;width:100%;font-size:50px;text-align:center;line-height:1.5;font-weight:700;letter-spacing:-1px} .img_story>p>span{color:#333;font-weight:400;font-size:37px;line-height:1.5;display:inline-block} .img_ingre{position:relative} .img_ingre_text{width:500px;height:730px;position:absolute;bottom:0;left:500px;display:table} .img_ingre_text>p{display:table-cell;font-size:30px;text-align:left;line-height:2.5;font-weight:700;vertical-align:middle;margin:0;color:#0c5f35} .img_ingre_text_info{position:absolute;top:20px;right:20px;font-weight:400;font-size:15px;color:#999;text-align:right} .img_why{position:relative} .img_why_text{width:1000px;height:500px;position:absolute;bottom:0;left:0;display:table} .img_why_text>p{display:table-cell;font-size:50px;text-align:center;line-height:1.2;font-weight:700;letter-spacing:-1px;vertical-align:middle} .img_why_text>p>span{font-weight:400;font-size:37px;color:#333} .img_keypoint>p,.img_title>p{left:0;width:100%;text-align:center;font-weight:700;letter-spacing:-1px} .img_keypoint{position:relative;margin:50px 0 0} .img_keypoint>p{position:absolute;top:10%;font-size:40px;line-height:1.5} .img_title{position:relative} .img_title>p{position:absolute;top:100px;font-size:50px;line-height:1.2;color:#333} .img_title>p>span,.img_title>p>span.gothicfont{color:#333;font-size:40px;} .img_title>p>span{font-family:Piek-Light;font-weight:400} .img_title>p>span.gothicfont{font-family:'Noto Sans KR';font-weight:700} .banner_title1{font-size:50px;line-height:1.2; color:#000; text-align:center; font-weight:700;letter-spacing:-1px; margin-top:100px;} .banner_title2{font-family:'Piek-Light'; font-size:40px;line-height:1.2; color:#000; text-align:center; font-weight:600; margin:20px 0;} .banner_title3{font-size:20px;line-height:1.2; color:#000; text-align:center; font-weight:normal; letter-spacing:-1px; margin-bottom:100px;} .bg_banner_title{ position:relative; background-repeat:no-repeat; background-position:center 190px; background-attachment:fixed; padding-bottom:40%; background-size:700px; } .bg_banner{ position:relative; background-repeat:no-repeat; background-position:center center; background-attachment:fixed; padding-bottom:35%; background-size:cover; } .how_img p,.sub_tex{color:#000;text-align:center} .sub_tex{font-size:20px;margin-top:15px} .how_img{margin-top:90px;text-align:center} .how_img img{width:1000px} .how_img p{font-size:40px;font-weight:500;margin:80px 0 40px} .new_icon>ul>li>p,.new_icon_1>ul>li>p{font-size:25px;color:#000;font-weight:600;text-align:center; letter-spacing:-1px;} .new_icon{margin:85px auto} .new_icon ul{width:100%;text-align:center} .new_icon ul li{display:inline-block;width:120px} .new_icon ul li+li{margin-left:60px} .new_icon ul li img{margin-top:0} .new_icon ul li span{text-align:center} .new_icon>ul>li>p{margin-top:20px} .new_icon_1{margin:85px auto} .new_icon_1 ul{width:100%;text-align:center} .new_icon_1 ul li{display:inline-block;width:120px} .new_icon_1 ul li+li{margin-left:60px} .new_icon_1 ul li img{margin-top:0} .new_icon_1 ul li span{text-align:center} .new_icon_1>ul>li>p{margin-top:20px} .naver_review{margin-top:90px;width:1000px;background-color:#f1f1f1;padding:20px 0} .bubble{overflow:hidden} .riview_sub{font-size:15px;color:#555;margin:0 20px;text-align:right} .bubble_left,.bubble_right{background:#FFF;margin:100px 88px;padding:30px} .bubble_right{position:relative;width:750px;border-radius:13px;border:4px solid #03cf5d} .bubble_right:after,.bubble_right:before{content:'';position:absolute;border-style:solid;display:block;width:0} .bubble_right:after{border-width:21px 20px 0;border-color:#FFF transparent;z-index:1;bottom:-21px;left:690px} .bubble_right:before{border-width:24px 23px 0;border-color:#03cf5d transparent;z-index:0;bottom:-28px;left:687px} .bubble_right p:nth-of-type(1){font-size:28px;color:#000;text-align:center;line-height:46px} .bubble_right p:nth-of-type(2){font-size:20px;color:#555;text-align:right} .bubble_left{position:relative;width:750px;border-radius:13px;border:4px solid #03cf5d} .bubble_left:after,.bubble_left:before{content:'';position:absolute;border-style:solid;display:block;width:0} .bubble_left:after{border-width:21px 20px 0;border-color:#FFF transparent;z-index:1;bottom:-21px;left:83px} .bubble_left:before{border-width:24px 23px 0;border-color:#03cf5d transparent;z-index:0;bottom:-28px;left:80px} .new_table1>li>p:last-child,.new_table>li>p:last-child{border-bottom:1px solid #e2e2e2} .bubble_left p:nth-of-type(1){font-size:28px;color:#000;text-align:center;line-height:46px} .bubble_left p:nth-of-type(2){font-size:20px;color:#555;text-align:right} .new_ingredient img{margin:30px 0} .new_ingredient dl{margin:0 0 50px;overflow:hidden} .new_ingredient dt{float:left;font-size:35px;color:#000;font-weight:700;width:40%} .new_ingredient dt span{font-size:27px;font-weight:100;font-family:Piek-Light} .new_ingredient dd{float:right;width:60%;font-size:26px;color:#000} .new_ingredient p{font-size:15px;color:#999;text-align:right} .fullfit_ev p,.new_table li,.new_table1 li,.pad_emblem,.pad_emblem li, .pad_emblem2,.pad_emblem2 li, .pad_emblem3,.pad_emblem3 li, .pad_keypoint dl,.reason dl,.sheet_01,.sheet_02 td{text-align:center} .pad_keypoint{position:relative;width:1000px;margin-top:70px} .pad_keypoint dl{position:absolute;top:0;padding:100px 0 0 30px;width:500px} .pad_keypoint dl dt{font-size:30px;color:#f4301a;font-weight:700; letter-spacing:-1px;} .pad_keypoint dl dd{font-size:23px;color:#000;margin:20px 0 50px;line-height:32px} .reason{position:relative;margin-top:70px} .reason dl{position:absolute;top:0;padding:100px 100px 0;width:800px} .reason dl dt{font-size:30px;color:#333;font-weight:700} .reason dl dt.reasontitle{font-size:40px;color:#0b6238;font-weight:700;margin:0 0 100px;letter-spacing:-1px} .reason dl dd{font-size:23px;color:#333;margin:20px 0 50px;line-height:32px} .pad_emblem{width:100%;margin:100px auto 0;overflow:hidden} .pad_emblem li{display:inline-block;font-size:18px;width:33%;margin:20px 0 0;vertical-align:top} .new_table,.new_table1{margin-top:65px;overflow:hidden} .new_table li+li,.new_table1 li+li{margin-left:5px} .pad_emblem li p strong{font-size:22px;color:#000;font-weight:600} .pad_emblem li img{margin: 0 auto;} .pad_emblem2{width:100%;margin:100px auto 0;overflow:hidden; text-align:center;} .pad_emblem2 li{text-align:center; display:inline-block;font-size:18px;width:23%;margin:20px auto 0 auto;vertical-align:top} .pad_emblem2 li p strong{font-size:22px;color:#000;font-weight:600} .pad_emblem3{width:100%;margin:20px auto 0;overflow:hidden} .pad_emblem3 li{display:inline-block; font-size:18px; width:49%; vertical-align:top; } .pad_emblem3 li p{display:block; border-bottom:1px solid #d8d8d8; padding:20px 0; } .pad_emblem3 li p strong{font-size:22px; color:#000; font-weight:600;} .new_table1>li>p,.new_table>li>p{border-top:1px solid #e2e2e2;padding:20px 0;font-size:24px;font-weight:600;line-height:28px;color:#000} .new_table li{float:left;width:32%} .new_table>li>p>img{width:175px} .new_table1{transform:translateX(10%)} .new_table1 li{float:left;width:40%} dl.new_coordi dd,dl.new_coordi dt{font-size:25px;letter-spacing:-1px;float:left} .new_table1>li>p:first-child{width:100%;border-top:hidden} .new_table1>li>p>img{width:260px} .new_link{position:relative} .new_link ul li a.link_box_1{position:absolute;top:70px;left:150px;width:423px;height:215px} .new_link ul li a.link_box_2{position:absolute;bottom:40px;left:219px;width:340px;height:260px} .new_link ul li a.link_box_3{position:absolute;top:125px;right:60px;width:316px;height:523px} dl.new_coordi{overflow:hidden;padding:30px 0 0;margin:0 0 50px} .sheet_01 td,.sheet_01 th,.sheet_02 th{padding:10px} dl.new_coordi dt{color:#000;font-weight:700;width:20%} dl.new_coordi dd{color:#333;width:80%} .line_sheet{width:1000px;border:1px solid #444;margin-top:50px} .sheet_01 td img{width:90%; max-width:400px !important;} .sheet_01 td,.sheet_02 td{width:333px;border:1px solid #e2e2e2} .sheet_01 th{border:1px solid #e2e2e2} .sheet_02 th{border:1px solid #e2e2e2} .sheet_02 td{padding:28px;font-size:17px;line-height:30px} .fullfit_ev{margin-top:70px} .fullfit_ev p{font-size:23px} .fullfit_ev p b{font-size:40px;font-weight:700} .fullfit_ev p em,.fullfit_ev p strong{font-weight:600;color:#000} .fullfit_ev p em{line-height:24px} .ev_top p,.ev_top1 p{line-height:50px;color:#000;text-align:center} .fullfit_ev p span{font-size:35px;font-weight:500} .ev_box{position:relative;width:1000px;margin:20px auto} .ev_box p{font-size:30px;color:#000;text-align:center;margin-top:30px} .ev_logo{position:absolute;bottom:-32px} .ev_top{padding-top:108px} .ev_top p b{font-size:60px;color:#000;text-align:center;font-weight:600} .ev_top p{font-size:35px;margin-top:39px} .ev_top1 p{font-size:25px} .ev_box1{width:1000px;margin:42px auto} .ev_box1 p{font-size:26px;color:#000;line-height:43px;text-align:center} .ev_main_text{margin-top:120px} .ev_main_text p,.ev_sub{color:#000;text-align:center;margin-top:40px} .ev_main_text p b{font-size:35px;line-height:1;text-align:center;font-weight:600} .ev_main_text p{font-size:26px;line-height:43px} .ev_sub{font-size:30px;line-height:22px;font-weight:600} a.ev_more,a.ev_more1{display:inline-block;font-size:23px;font-weight:600} a.ev_more{background-color:#000;color:#fff;padding:18px 30px;margin:110px 390px} a.ev_more:hover{border:1px solid #555;background-color:#fff;color:#000} a.ev_more1{background-color:#000;color:#fff;padding:18px 14px;margin:26px 390px} a.ev_more1:hover{border:1px solid #555;background-color:#fff;color:#000} #powerReview .hd-t h2{font-size:16px!important;font-weight:600!important} /*이벤트배너*/ .eventBanner {width:100%; background-color:#fffdf8; text-align:center;} .eventBanner img{width:1000px; margin:0 auto;} /*화해그래프*/ .hh_graph_bg{position:relative; height:1000px; padding:80px 0 0 0; margin-top:80px; } .hh_graph_tit_1{border:2px solid #23d2d4; width:300px; padding:10px; text-align:center; font-size:30px; font-weight:bold; color:#23d2d4; margin:0 auto; border-radius:30px;} .hh_graph_tit_1_white{border:2px solid #fff; width:300px; padding:10px; text-align:center; font-size:30px; font-weight:bold; color:#fff; margin:0 auto; border-radius:30px;} .hh_graph_tit_2{margin-top:40px;} .hh_graph_tit_2 p{text-align:center; font-size:50px; color:#000; line-height:1.4; } .hh_graph_tit_3{ margin:70px 0 0 340px;} .hh_graph{margin:0 0 0 340px; width:550px;} .hh_graph_text{ margin:45px 0 0 0;} .hh_graph_text p.title{float:left; font-size:25px; width:80%; } .hh_graph_text p.percent{float:right; font-size:30px; font-weight:bold; color:#23d2d4; width:20%; text-align:right;} .clear{clear:both;} #myProgress { width: 100%; height: 20px; background-color: #ddd; } #myBar1, #myBar2, #myBar3, #myBar4, #myBar5, #myBar6 { width: 1%; height: 20px; background-color: #23d2d4; } /*화해그래프 end*/ /*모공패드_만족도*/ .pore_graph_bg{position:relative; height:860px; padding:80px 0 0 0; margin-top:300px; } .pore_graph_tit_1{border:2px solid #7793c3; width:300px; padding:10px; text-align:center; font-size:30px; font-weight:bold; color:#7793c3; margin:0 auto; border-radius:30px;} .pore_graph_tit_2{margin-top:40px;} .pore_graph_tit_2 p{text-align:center; font-size:50px; color:#000; line-height:1.4; } .pore_graph_tit_3{ margin:70px 0 0 340px;} .pore_graph{margin:0 0 0 340px; width:550px;} .pore_graph_text{ margin:45px 0 0 0;} .pore_graph_text p.title{float:left; font-size:25px; width:80%; } .pore_graph_text p.percent{float:right; font-size:30px; font-weight:bold; color:#7793c3; width:20%; text-align:right;} .clear{clear:both;} #myProgress { width: 100%; height: 20px; background-color: #ddd; } #poreBar1, #poreBar2, #poreBar3, #poreBar4, #poreBar5, #poreBar6 { width: 1%; height: 20px; background-color: #7793c3; } /*모공패드_만족도 end*/ /*차트 그래프*/ canvas {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;} .chart_wrap{ position:relative; margin:0 auto 100px auto;width:1250px; } .chart_wrap img{width:600px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-300px;} .pdp-detail-chart{margin:0 auto; width:1250px; } @keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0} /*차트 그래프 end*/ /*스킨케어 step*/ .skincare-step { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding:80px 0; text-align: center; margin: 300px 0 0 0; } .skincare-step .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .skincare-step .bg_cica { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('//cosrxinc.jpg3.kr/cosrximg/cosrx/product/Pure-Fit-Cica-Oil/cica_oil_bg.jpg')100% 100% no-repeat; background-size: cover; background-position: center; } .skincare-step .bg img.bg_img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .skincare-step h3 { position: relative; width:1200px; margin: 0 auto 50px; text-align: center; word-break: keep-all; word-wrap: break-word; font-family: Piek-Light; font-size: 42px; } .skincare-step h3 em { font-size: 60px; line-height: 1.2; letter-spacing:-1px; font-weight:600; margin:0 0 22px 0; } .skincare-step h4 { position: relative; width:1200px; margin: 0 auto 50px; text-align: center; word-break: keep-all; word-wrap: break-word; font-size: 42px; font-weight:600; } .skincare-step dl{position: relative; width:1200px; margin:0 auto; text-align:center; letter-spacing:-1px;} .skincare-step dt{font-size:20px; font-weight:700; line-height:1.6;} .skincare-step dd{font-size:20px; line-height:1.6; margin:20px 0 60px 0;} .skincare-step_carousel{ width:1200px; margin: 0 auto; } .skincare-step .skincare-step-wrapper { display: flex; width:100%; height: 100%; margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } .skincare-step .skincare-step-box { width:33.3%; flex-shrink: 0; height: 100%; position: relative; } .skincare-step_thumb { position: relative; } .skincare-step_thumb img{ width:100%; max-width:300px; } .skincare-step_cap { display: inline-block; margin-bottom: 30px; border-radius: 1em; padding: .25em 2em; font-size: 16px; line-height: 1.6; color: #000; text-transform: uppercase; } .skincare-step_name { line-height:1.2; color: #000; font-size: 20px; word-break: keep-all; word-wrap: break-word; font-weight: 700; } .skincare-step_category { font-size: 20px; color: #000; margin:5px 0 0 0; } .skincare-step_link, .skincare-step_link2, .skincare-step_link3, .skincare-step_ac, .skincare-step_fullfit, .skincare-step_balancium, .skincare-step_cica, .skincare-step_poreless { display: block; position: relative; } .skincare-step_link::before { content: ''; position: absolute; left: 0; bottom: 95px; width: 100%; border-bottom: 2px solid #f8be74; } .skincare-step_link::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 95px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #f8be74; } .skincare-step_link2::before { content: ''; position: absolute; left: 0; bottom: 95px; width: 100%; border-bottom: 2px solid #f8c6d2; } .skincare-step_link2::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 95px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #f8c6d2; } .skincare-step_link3::before { content: ''; position: absolute; left: 0; bottom: 95px; width: 100%; border-bottom: 2px solid #a9c1d9; } .skincare-step_link3::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 95px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #a9c1d9; } .skincare-step_ac::before { content: ''; position: absolute; left: 0; bottom: 120px; width: 100%; border-bottom: 2px solid #c3181e; } .skincare-step_ac::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 120px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #c3181e; } .skincare-step_balancium::before { content: ''; position: absolute; left: 0; bottom: 120px; width: 100%; border-bottom: 2px solid #ee8483; } .skincare-step_balancium::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 120px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #ee8483; } .skincare-step_cica::before { content: ''; position: absolute; left: 0; bottom: 120px; width: 100%; border-bottom: 2px solid #1d3911; } .skincare-step_cica::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 120px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #1d3911; } .skincare-step_fullfit::before { content: ''; position: absolute; left: 0; bottom: 145px; width: 100%; border-bottom: 2px solid #fabf49; } .skincare-step_fullfit::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 145px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #fabf49; } .skincare-step_poreless::before { content: ''; position: absolute; left: 0; bottom: 120px; width: 100%; border-bottom: 2px solid #7293c0; } .skincare-step_poreless::after { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; width: 14px; height: 14px; bottom: 120px; border-radius: 50%; margin-bottom: -6px; margin-left: -7px; background-color: #7293c0; } /*시카 클렌징_낮밤 */ .cica_together_bg {position:relative; width:100%; height:1000px; background:url('//cosrxinc.jpg3.kr/cosrximg/cosrx/product/Pure-Fit-Cica-Oil/cica_oil_bg.jpg')100% 100% no-repeat; background-size: cover;} .cica_together_bg h1 { font-size:50px; color:#fff; text-align:center; } .cica_together_bg ul{position:absolute; top:200px; left:0; right:0; width:1000px; margin:0 auto; } .cica_together_bg ul li{position:relative; float:left; width:450px; border:1px solid red; } .cica_together_bg ul li + li {margin-left: 20px;} .cica_together_bg ul li .icon{padding:10px 20px; text-align: center;} .cica_together_bg ul li .icon strong {font-size:25px; color:#000; font-weight:bold; } .cica_together_bg ul li .icon span {font-size:25px; color:#000; font-weight:lighter; } .item-deco { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:hidden; } .item-deco-bubble .bubble { position:absolute; width: 14px; height: 14px; background-image: url(//cosrxinc.jpg3.kr/cosrximg/cosrx/product/Real_fit_Vitamin_E/bubble.png); background-size: cover; opacity:1; } @-webkit-keyframes animateBubble { 0% { margin-top: 100%; } 100% { margin-top: -100%; } } @-moz-keyframes animateBubble { 0% { margin-top: 100%; } 100% { margin-top: -100%; } } @keyframes animateBubble { 0% { margin-top: 100%; } 100% { margin-top: -100%; } } @-webkit-keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } } @-moz-keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } } @keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } } .x1 { -webkit-animation: animateBubble 2s linear infinite, sideWays 0.5s ease-in-out infinite alternate; -moz-animation: animateBubble 2s linear infinite, sideWays 0.5s ease-in-out infinite alternate; animation: animateBubble 2s linear infinite, sideWays 0.5s ease-in-out infinite alternate; } .x2 { -webkit-animation: animateBubble 4s linear infinite, sideWays 0.7s ease-in-out infinite alternate; -moz-animation: animateBubble 4s linear infinite, sideWays 0.7s ease-in-out infinite alternate; animation: animateBubble 4s linear infinite, sideWays 0.7s ease-in-out infinite alternate; } .x3 { -webkit-animation: animateBubble 3s linear infinite, sideWays 0.4s ease-in-out infinite alternate; -moz-animation: animateBubble 3s linear infinite, sideWays 0.4s ease-in-out infinite alternate; animation: animateBubble 3s linear infinite, sideWays 0.4s ease-in-out infinite alternate; } .x4 { -webkit-animation: animateBubble 5s linear infinite, sideWays 0.6s ease-in-out infinite alternate; -moz-animation: animateBubble 5s linear infinite, sideWays 0.6s ease-in-out infinite alternate; animation: animateBubble 5s linear infinite, sideWays 0.6s ease-in-out infinite alternate; } /*스킨케어 step end*/ @media screen and (max-width: 1000px) { .skincare-step .bg_cica{background:url('//cosrxinc.jpg3.kr/cosrximg/cosrx/product/Pure-Fit-Cica-Oil/cica_oil_bg1.jpg')100% 100% no-repeat; background-size: cover;} } /*슬라이드*/ .section input[id*="slide"] {display:none;} .section .slidewrap {max-width:1000px;margin:0 auto;} .section .slidelist {white-space:nowrap;font-size:0;overflow:hidden;position:relative;} .section .slidelist > li {display:inline-block;vertical-align:middle;width:100%;transition:all .5s;} .section .slidelist > li > a {display:block;position:relative;} .section .slidelist > li > a img {width:100%;} .section .slidelist label {position:absolute;z-index:10;top:50%;transform:translateY(-50%);padding:50px;cursor:pointer;} .section .slidelist .textbox {position:absolute;z-index:1;top:25%;left:12%;transform:translate(-50%,-50%);line-height:1.6;text-align:left;} .section .slidelist .textbox h3 {font-size:25px;color:#fff;;transform:translateY(30px);transition:all .5s;} .section .slidelist .textbox p {font-size:16px;color:#fff;opacity:0;transform:translateY(30px);transition:all .5s;} /* input에 체크되면 슬라이드 효과 */ .section input[id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);} .section input[id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);} .section input[id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);} /* input에 체크되면 텍스트 효과 */ .section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;} .section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;} .section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;} .section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;} .section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;} .section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;} /* 좌,우 슬라이드 버튼 */ .slide-control > div {display:none;} .section .left {left:30px;background:url('http://cosrxinc.jpg3.kr/cosrximg/cosrx/common/left.png') center center / 100% no-repeat;} .section .right {right:30px;background:url('http://cosrxinc.jpg3.kr/cosrximg/cosrx/common/right.png') center center / 100% no-repeat;} .section input[id="slide01"]:checked ~ .slidewrap .slide-control > div:nth-child(1) {display:block;} .section input[id="slide02"]:checked ~ .slidewrap .slide-control > div:nth-child(2) {display:block;} .section input[id="slide03"]:checked ~ .slidewrap .slide-control > div:nth-child(3) {display:block;} /* 페이징 */ .slide-pagelist {text-align:center;padding:20px;} .slide-pagelist > li {display:inline-block;vertical-align:middle;} .slide-pagelist > li > label {display:block;padding:2px 20px; background:#ccc; margin:20px 5px;cursor:pointer;} .section input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {background:#000;} .section input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {background:#000;} .section input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {background:#000;} /*슬라이드 end*/ /*체스 컨텐츠*/ .ches_con_bg{background:#cbc2db; } .ches_con{margin:0 auto; width:1200px; height:950px; position:relative; background:url('//cosrxinc.jpg3.kr/cosrximg/cosrx/product/Poreless_pad/ches_img.png')100% 100% no-repeat;} .ches_con video{width:700px; margin-top:50px; display:block } .ches_con > p {color:#fff; font-size:30px; padding-top:50px; text-align:center; letter-spacing:-1px;line-height: 1.5} .ches_con > p > span{font-size:45px; font-weight:700; padding:0 5px;} .ches_tip{margin:50px 0 0 0; background:#000; color:#fff; font-size:20px; letter-spacing:-1px; line-height: 1.5; padding:5px 10px; width:140px; border-radius:30px;} ul.ches_tip_txt li{color:#000; font-size:20px; list-style-type:disc; margin:10px 0 0 30px; } /* 이벤트*/ .event_wrap{background:#9eb68e url('//cosrxinc.jpg3.kr/cosrximg/cosrx/main/2103_event/cicacleansing_bg.jpg') 50% 0 no-repeat; background-attachment:fixed;} .event_box{width:100%; max-width:1200px; margin:0 auto; } .event_box h1{padding:140px 0 20px 0; font-family:Piek-Light; color:#fff; font-size:15px; text-align:center; } .event_box h2{color:#fff; font-size:30px; text-align:center;} .event_box h3{margin:10px 0 80px 0; color:#fff; font-size:80px; text-align:center; line-height: 1.0; font-weight:700; letter-spacing:-2px; } .event_box p{text-align:center; } .event_box dl{margin:0 auto; width:690px; font-size:20px; line-height: 1.5; padding:0 0 50px 0; } .event_box dt{font-weight:700; margin-top:50px;} /*상세움직임*/ .wrap2_inner { width:1200px; margin:0 auto; } .wrap2_inner div { clear:both; } .wrap3 { background-color:#aaa; padding:100px 0 200px; } .wrap3_inner { width:1200px; margin:0 auto; } .wrap3_inner div { float:left; width:33%; height:300px; overflow:hidden; position:relative; } .wrap3_inner div:last-child { margin-right:0; } .wrap3_inner div span { display:block; line-height:300px; text-align:center; background-color:#eee; } /* 상세움직임 parallax */ .wrap2_inner div img{animation:top 1s;} .wrap2_inner div strong {animation:top 1s ;} .wrap2_inner div p {animation:top 1s 0.5s backwards;} .wrap2_inner div strong, .wrap2_inner div img, .wrap2_inner div p {display:none;} .wrap2_inner div.on strong, .wrap2_inner div.on img, .wrap2_inner div.on p {display:block;} @keyframes top { from {transform:translateY(100px); opacity:0;} } .wrap3_inner div span {animation:right 1s backwards;} .wrap3_inner div:nth-child(2) span {animation-delay:.3s;} .wrap3_inner div:nth-child(3) span {animation-delay:.6s;} .wrap3_inner div span {display:none;} .wrap3_inner div.on span {display:block;} @keyframes right { from {transform:translateX(-100%);} } /* 패치 상세페이지 PC */ .detail_page_wrap {width:100%; height: auto; text-align: center; margin:0 auto; } .detail_page_wrap h5 {margin:10px 0 70px 0; font-family:'Piek-Light'; font-size:4em; font-weight: 600; letter-spacing:1px;} xxx.detail_page_wrap h5xxx {margin-bottom:80px; font-family:'Piek-Light'; font-size:4em;} /** 상단 타이틀 **/ .top_wrap {position: relative; width: 100%; min-width:1200px;} .top_wrap .txBox {position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); color: #fff;} .top_wrap .txBox .txTit {font-size: 4em; font-family:'Piek-Light'; line-height:1.5;} .top_wrap .txBox .txSub {font-size: 2em; line-height:1.5; margin-bottom: 30px;} .top_wrap .txBox .txDes {font-size: 2em; line-height:1.5; } .top_wrap .topImg {height:650px; background-repeat: no-repeat; background-attachment: fixed; background-size:cover; background-position:center;} .top_wrap .topImg img {width:100%;} /** 엠블럼 / 어워드 **/ .award_wrap {width: 100%; min-width:1200px; overflow:hidden; padding:150px 0; margin:0 auto; } .award_wrap .award_icon {margin: 0 auto; text-align: center; width:700px;} .award_wrap .award_icon li {display: inline-block; width:33%; height: auto;} .award_wrap .award_icon li img{width:100%; max-width:200px !important; } .award_wrap .award_p {font-size: 2em; line-height:1.5; color: #000; width:100%; padding-top:50px;} /** 제품소개 **/ .product_wrap {width: 100%; min-width:1200px; overflow:hidden;} .product_wrap .product_01 {position: relative; float:left; width:50%; } .product_wrap .product_01 .product_focus {width:100%; height: auto;} .product_wrap .product_01 .product_focus img {position: absolute; top: 55%; left: 50%; transform: translate(-55%, -50%); width:50%; height: auto;} .product_wrap .product_01:hover .product_focus .focus-1 {opacity: 0; transition: all 1s;} .product_wrap .product_01 .product_focus .focus-1 {z-index: 100; transition: all 1s;} .product_wrap .product_01 .product_focus .focus-2 {z-index: 10;} .product_wrap .product_01 .textBox {position: absolute; width:100%; } .product_wrap .product_01 .textBox .txTit {font-size:3.5em; font-weight:700; line-height:1.5; color:#fff; margin:7% 20px 0 20px; } .product_wrap .product_01 .textBox .txsub {font-size: 2em; line-height:1.5; color:#fff; margin:0 20px; font-family:'Piek-Light';} .product_wrap .product_01 .txDetail {position:absolute; bottom:0px; width:100%;} .product_wrap .product_01 .txDetail p{font-size: 2em; color: #fff; line-height: 1.5; margin:0 20px 7% 20px;} .product_wrap .product_01 img {width: 100%; height: auto;} .product_wrap .product_02 {position: relative; float:right; width: 100%; } .product_wrap .product_02 .textBox {position: absolute; width:100%; bottom: 10%;} .product_wrap .product_02 .textBox p {font-size: 2em; color:#fff; margin:0 5%;} .product_wrap .product_02 img {width: 100%; height: auto;} /** RX Point **/ .point_wrap {width: 100%; min-width:1200px; height:auto; margin-top:150px; overflow:hidden;} .point_wrap .point_content {width: 100%; background-color:#FFF8F8; overflow:hidden; display: flex; align-items: center;} .point_wrap .point_content .point_img {float:left; width:50%;} .point_wrap .point_content .point_img img {width:100%; height:auto;} .point_wrap .point_content .point_detail {float:right; width: 50%; height: auto; padding: 80px 0;} .point_wrap .point_content .point_detail .point_txt {padding:0 20px; text-align:left; width: 100%; height: auto;} .point_wrap .point_content .point_detail .point_txt dt {margin-bottom: 10px; font-size: 2em; line-height:1.5; font-weight: 700; color: #E12D25;} .point_wrap .point_content .point_detail .point_txt dd {margin-bottom: 35px; font-size: 2em; line-height:1.5;} .point_wrap .point_content .point_detail .point_txt dd .light {color:#777;} .point_wrap .point_content .point_icon { width:100%; height: auto; overflow:hidden;} .point_wrap .point_content .point_icon li {float:left; width:150px; text-align:center;} .point_wrap .point_content .point_icon li img {display:inline-block; width:100%; max-width:100px !important; height: auto;} .point_wrap .point_content .point_icon li p {margin-top: 10px; font-size: 1.5em;} /** description **/ h6.des_wrap_tit {padding-top: 150px; margin-bottom: 80px; font-size:3.5em; font-weight:600; line-height:1.5;} .des_wrap {width: 100%; margin: 0 auto;} .des_wrap img {width: 100%;} .des1 { display: inline-block; position: relative; box-sizing: border-box; width: 39.6%; vertical-align: top; margin-top:80px; } .des2 { display: inline-block; position: sticky; top: 50px; left: 0; width: 60%; box-sizing: border-box; } .des_wrap p {font-size:2em; line-height:1.5; text-align:left; margin-bottom:50px; padding:0 5%;} .des_wrap p b{font-weight: 700; margin-bottom: 10px;} /** effect **/ .effect_wrap {width:100%; min-width:1200px; height:auto; margin-top:150px; overflow:hidden;} .effect_wrap .effect_content {position: relative; width: 100%; height: auto;} .effect_wrap .effect_content .effect_product_img {position: absolute; z-index: 10; top: 50%; transform: translate(-10%, -50%); width:100%;} .effect_wrap .effect_content .effect_product_img img {width:40%;} .effect_wrap .effect_content .effect_txt {position: absolute; z-index:30; top: 50%; transform: translate(0, -50%); right:0; width:38%; text-align: left; } .effect_wrap .effect_content .effect_txt .txTit {font-size:2.5em; line-height:1.5; font-weight: 700;} .effect_wrap .effect_content .effect_txt .txSub {font-size:2em; line-height:1.5; margin-bottom: 50px; font-family:'Piek-Light';} .effect_wrap .effect_content .effect_txt .txDes {font-size:2em; line-height:1.5; } .effect_wrap .effect_content .effect_bg {width:100%; height:auto;} /** RX Tartget **/ .target_wrap {width:100%; min-width:1200px; height:auto; margin-top:150px; overflow:hidden;} .target_detail {width:100%; position:relative; height:350px;} .target_detail_img {width:100%; position:absolute; top:-400px;} .target_detail_img img {width:700px;} .target_detail_img p {font-size:2em; line-height:1.5; margin-bottom: 20px;} /** how to use **/ .how_wrap {width:100%; min-width:1200px; height:auto; margin-top:150px; overflow:hidden;} .how_wrap .how_content {width: 100%; height: auto;} .how_wrap .how_content .how_01 {width:100%; height: auto;} .how_wrap .how_content .how_01 img {width:100%; height: auto; display: block;} .how_wrap .how_content .how_01 p {padding: 80px 0 150px; font-size:2em; line-height:1.5;} .how_wrap .how_content .how_02 {width: 100%; position:relative; height:600px; display: flex; align-items: center;} .how_wrap .how_content .how_02 .how_02_img {position: absolute; z-index:100; left: 50%; margin-left:-300px; width:600px; transition: all 1500ms ease;} .how_wrap .how_content .how_02 .how_size {width:600px; height: auto; position: absolute; left: 50%; margin-left:-300px; transition: all 1500ms ease;} .how_wrap .how_content .how_02 .how_size li {width:100%; float: left;} .how_wrap .how_content .how_02 .how_size li>img {float: left; vertical-align:middle;} .how_wrap .how_content .how_02 .how_size li>p {float: left; font-size: 2em; margin: 0 20px;} .how_wrap .how_content .how_02 .how_size span.red {color: red; border: 1px solid red; border-radius: 50%; width: 100px; height: 50px; line-height:50px; display:inline-block; margin: 0 20px;} .how_02:hover .how_02_img{transform: translate(-50%,0); transition: all 1500ms ease;} .how_02:hover .how_size{transform: translate(50%,0); transition: all 1500ms ease;} .how_wrap .how_content .how_03 {width: 100%; height: auto; margin-top:150px; background:#f3f3f3; } .how_wrap .how_content .how_03 .how_03_img_mo{display: none;} .how_wrap .how_content .how_03 ul {margin: 0 auto; width:60%; height: auto;} .how_wrap .how_content .how_03 li {float: left; width: 32%; height: auto;} .how_wrap .how_content .how_03 p {border-bottom: 1px solid #000; padding: 40px 0; font-size: 2em; line-height:1.5;} .how_wrap .how_content .how_03 p:nth-child(2) {font-size:2em; font-weight:700; line-height:1.5;} /** .how_wrap .how_content .how_03 p:nth-child(3n) {border-bottom:none;} **/ /** ingredients **/ .ingre_wrap {width:100%; max-width:1200px; height:auto; margin:150px auto 0; overflow:hidden;} .ingre_wrap p {font-size: 2em; line-height:1.5; margin-bottom: 20px;} /** fsc **/ .fsc_wrap {width:100%; min-width:1200px; height:auto; margin-top:150px; overflow:hidden;} .fsc_wrap .fsc_bg {position:relative; /*background-image:url('//cosrxinc.jpg3.kr/cosrximg/cosrx/detail/acne_patch/acne_fsc_bg_2x.jpg');*/ background-repeat:no-repeat; background-size:100%; background-position:center; height: 800px; overflow:hidden;} .fsc_wrap .fsc_content {display: flex; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:800px; } .fsc_wrap .fsc_content img {float: left; width:230px; height: 230px;} .fsc_wrap .fsc_content .fsc_txt {text-align: left; color: #fff; padding:30px;} .fsc_wrap .fsc_content .txTit {font-size:2.5em; font-weight:700; line-height:1.5; margin-bottom:10px; } .fsc_wrap .fsc_content .txDes {font-size:2em; line-height:1.5;} .fsc_video{width:100%; position: absolute; left: 0; bottom: 0; z-index: -1; } /* RX 페이지 */ .pc_rx img{width:100%; max-width:1200px !important;} .pc_mo img{width:100%;} .mov_bg{position: fixed; left: 50%; top:0%; transform: translate(-50%, 0%); min-width:100%; min-height:100%; width: auto; height: auto; z-index: -99;} /*1.0 리뉴얼 페이지*/ .pc_1 img {width:100%; max-width:1200px !important;} .pc_full img {width:100%; max-width:1200px !important; min-width:1200px !important;} .detail_renewal_page_wrap .Wrap1200 {width:1200px; margin:0 auto; padding:100px 0; } .detail_renewal_page_wrap .mainBox {width:100%; overflow: hidden; display: flex; align-items: center; justify-content: center;} .detail_renewal_page_wrap .mainBox .imgBox {float:left; width:50%;} .detail_renewal_page_wrap .mainBox .txtBox {float:left; width:50%; margin-left:100px;} .detail_renewal_page_wrap .desImg {margin-top:100px;} .detail_renewal_page_wrap .description {display: flex; align-items: center; justify-content: center;} .detail_renewal_page_wrap .description_2 {margin-bottom:50px;} .detail_renewal_page_wrap .pointWrap_1 {padding:100px 0 10px; overflow: hidden; display: flex; align-items: center; justify-content: center;} .detail_renewal_page_wrap .pointWrap_2 {padding:10px 0 100px; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse;} .detail_renewal_page_wrap .featWrap {padding:100px 0; display:flex; align-items: center; justify-content: center;} .detail_renewal_page_wrap .howWrap { display:flex; align-items: center; justify-content: center;} .detail_renewal_page_wrap .reviewWrap {margin: 0 auto; padding:50px 0;} .detail_renewal_page_wrap .reviewWrap .title {width:1200px; display:inline-block; text-align:left; font-size:30px; font-weight:700; margin:20px 0 15px 0; padding: 0 40px; box-sizing:border-box;} .detail_renewal_page_wrap .reviewWrap .titleWrap {display:flex; align-items: center; justify-content: center; padding-bottom:30px;} .detail_renewal_page_wrap .reviewBox {max-width:1120px; margin:0 auto; display:flex; align-items: center; justify-content: center; } .detail_renewal_page_wrap .ingreWrap {max-width:1100px; padding:50px; text-align:center; margin:0 auto;} .detail_renewal_page_wrap .ingreWrap .title {text-align:left; font-size:30px; font-weight:600; margin:20px 0 15px 0;} .detail_renewal_page_wrap .ingreWrap .texts {text-align:left; font-size:20px; line-height:32px;} /* 통옵 추가 구성 상품 */ #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-start > td .add-option-img, #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-wrap { border-bottom:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; border-bottom:1px solid #e4e4e5; 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; border-bottom:1px solid #e4e4e5; } #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; } /* 0.1 상세페이지 */ @keyframes slide{0% {transform: translate(0px);} 100% {transform: translate(-1000px);}} .flow_container {padding-top: 12px; padding-bottom: 12px; background-color: #000;} .flow_text {display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden;} .flow_text_style {font-size: 18px; animation: slide 20s linear infinite;} /* 비타민 23 인씨 영상 */ .1200_inc {float:center;width:1200px;border:0} /* 영상 */ .influencer_video video{ width:1000px; height: auto;} /* BASIC css end */