@charset "utf-8"; /* ******************************************************* * filename : detail.css * description : 제품 상세 페이지 CSS * date : 2019-04-25 ******************************************************** */ @import url("./font.css"); @import url("./reset.css"); /* ******************************************************** ### Reset.css ### ******************************************************** */ #prodcutDetailWrap *, #prodcutDetailWrap2 *{ margin:0; padding:0; } #prodcutDetailWrap ol, #prodcutDetailWrap ul, #prodcutDetailWrap2 ol, #prodcutDetailWrap2 ul{ list-style:none; } #prodcutDetailWrap table, #prodcutDetailWrap2 table{ border-collapse:collapse; border-spacing:0; } #prodcutDetailWrap a, #prodcutDetailWrap2 a{ color:#666; text-decoration:none; } #prodcutDetailWrap a:active, #prodcutDetailWrap a:hover, #prodcutDetailWrap a:focus, #prodcutDetailWrap2 a:active, #prodcutDetailWrap2 a:hover, #prodcutDetailWrap2 a:focus{ text-decoration:none; } #prodcutDetailWrap a:hover, #prodcutDetailWrap2 a:hover{ color:#333; } #prodcutDetailWrap button, #prodcutDetailWrap2 button{ margin:0px; padding:0px; cursor:pointer; border:0px; background:none; } /* ******************************************************** ### 제품 상세 :: 스타일 01 ### ******************************************************** */ /************************** 제품 상세 :: 공통영역 ******************************* */ #prodcutDetailWrap{line-height: 1.6; font-size:13px; text-align: center; color:#231f20; margin:0 15px; font-family: "aritaM"; word-break:keep-all; } #prodcutDetailWrap .clearfix, #prodcutDetailWrap .infoColumn{*zoom:1;} #prodcutDetailWrap .clearfix:after, #prodcutDetailWrap .infoColumn:after{clear:both; content:""; display:block;} /* 이미지 */ #prodcutDetailWrap img {width: auto; max-width: 100%;} #prodcutDetailWrap .onlyWeb{display:none;} /* alt텍스트 */ #prodcutDetailWrap .hdTxt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;} /* 강조단어 line */ #prodcutDetailWrap .line-bg{position: relative;} #prodcutDetailWrap .line-bg:before{display: block; position:absolute; top: 24%; left: -2%; z-index: -1; width: 104%; height: 50%; background-color: #fff3c9; content: '';} #prodcutDetailWrap .rose-water-line .line-bg:before{background-color:#fee4f3} #prodcutDetailWrap .pore-clean-line .line-bg:before{background-color:#e7f1bd} #prodcutDetailWrap .floral-hydro-line .line-bg:before{background: #dcf4fb;} #prodcutDetailWrap .melting-ampoule-mask-line .line-bg:before{background: #e0f4fb;} #prodcutDetailWrap .mix_match_mask-line .line-bg:before{background: #f3f4f1;} #prodcutDetailWrap .vital-vitamin-line .line-bg:before{background-color:#ffe9da} #prodcutDetailWrap .aqua-peel-line .line-bg:before{background-color:#e3f6f4} #prodcutDetailWrap .wild-flower-line.wild-hydrating .line-bg:before{background-color:#dbedff} #prodcutDetailWrap .wild-flower-line.ac-mild .line-bg:before{background-color:#fffac1} #prodcutDetailWrap .wild-flower-line.brightening .line-bg:before{background-color:#ffe1e1} #prodcutDetailWrap .everyday-toneup-line .line-bg:before{background-color:#fff9d7} #prodcutDetailWrap .in-shower-mask .line-bg:before{background: #e0f4fb;} /* Br태그 */ #prodcutDetailWrap .pcBr{display:none;} /* margin */ #prodcutDetailWrap .mt10{margin-top:10px !important;} #prodcutDetailWrap .mt20{margin-top:20px !important;} #prodcutDetailWrap .mt30{margin-top:30px !important;} #prodcutDetailWrap .mt40{margin-top:40px !important;} #prodcutDetailWrap .mt50{margin-top:50px !important;} #prodcutDetailWrap .mt60{margin-top:60px !important;} #prodcutDetailWrap .mt70{margin-top:70px !important;} #prodcutDetailWrap .mt80{margin-top:80px !important;} /************************** 제품 상세 :: 타이틀박스영역 ******************************* */ /* -------- 상단 영역 공통 -------- */ /* 제품타이틀 및 텍스트, 이미지 */ #prodcutDetailWrap .repTitle {margin-top:40px;} #prodcutDetailWrap .repTitle .pdtName {font-family:'AritaSB'; font-size:25px; line-height:1; font-weight:400;} #prodcutDetailWrap .repTitle .pdtName:after {content:''; display:block; width:45px; height:2px; margin:0 auto; background:#333;} #prodcutDetailWrap .repTitle .pdtName span {display:block; margin:10px 0 14px; font-size:12px; line-height:1; font-family:'AritaM'; letter-spacing: 1px; font-weight:400;} #prodcutDetailWrap .repTitle .repDesc {margin-top:35px; font-family: 'aritaM'; line-height:1.4; color:#666; word-break: keep-all;} #prodcutDetailWrap .repTitle .repDesc.type2 {font-size:11px; color:#767676;} #prodcutDetailWrap .repTitle .effect {text-align:center;} #prodcutDetailWrap .repTitle .effect span {display:inline-block; margin-top:10px; padding:5px 10px; background:#231f20; color:#fff;} #prodcutDetailWrap .repImg {margin-top:30px; text-align:center;} #prodcutDetailWrap .repImg.repImgBottom{margin-bottom:30px;} #prodcutDetailWrap .repImg img {width:auto;} /* 제품 포인트설명 (공통) */ #prodcutDetailWrap .point {margin-top:0; padding:20px 0 10px; border-top:2px solid #ededec; border-bottom:2px solid #ededec;} #prodcutDetailWrap .point ul.ul-deco-check li .deco-txt:before{width: 0.74em; background-position: 0 3px;} #prodcutDetailWrap .point li img{max-width:355px;} #prodcutDetailWrap .point .img{margin-bottom:20px;} #prodcutDetailWrap .point.icon li {} #prodcutDetailWrap .point.single {padding:30px 0; border-top-color:#727272;} #prodcutDetailWrap .point.single .dt {font-size:15px;} #prodcutDetailWrap .point .img + .dt{margin-top: 1.5em;} #prodcutDetailWrap .point .dt .num {display:block; margin-bottom:15px; text-align:center;} #prodcutDetailWrap .point .dt .num span {display:inline-block; width:30px; height:30px; border-radius:15px; background:#000; font-size:13px; line-height:30px; color:#fff;} #prodcutDetailWrap .point>ul>li {margin: 20px 0 35px;} #prodcutDetailWrap .point .dt {font-family:'AritaSB'; font-size:15px; line-height:1.375; color:#231f20;} #prodcutDetailWrap .point .dd {min-height: auto; margin-top:10px; line-height:1.48; color:#999;} #prodcutDetailWrap .point.type3 {padding:30px 0;font-size:15.5px;} #prodcutDetailWrap .point.type3 .txt {font-family:'AritaSB'; line-height:1.5} #prodcutDetailWrap .point.type3 li {padding-top:20px;margin:20px 0 0;border-top:1px dotted #e3e3e3;} #prodcutDetailWrap .point.type3 li.L1 {margin-top:0;border-top:0;} #prodcutDetailWrap .point.type3 li .img {max-width:355px;margin:0 auto 12px;} #prodcutDetailWrap .point.type3 li .img img {width:100%;} #prodcutDetailWrap .point .deco-txt img{margin:0px 7px 0 0;} #prodcutDetailWrap .point .line-bg{display:inline-block;} /************************** 제품 상세 :: 하단 상세영역 ******************************* */ /* -------- 제품 상세 :: 하단 공통 -------- */ #prodcutDetailWrap section {padding:40px 0; border-bottom:2px solid #ededec;} #prodcutDetailWrap .img {margin-top:25px; text-align:center;} #prodcutDetailWrap .img.img-left{text-align:left} #prodcutDetailWrap .tit {margin-bottom:30px; font-size:20px; font-weight:bold; color:#231f20; text-align:left; line-height: 1.4;} #prodcutDetailWrap .tit br{display:none;} #prodcutDetailWrap .sTit {margin-bottom: 1.2em; font-family:'AritaSB'; font-size:15px; color:#231f20; text-align:left; line-height:1.4;} #prodcutDetailWrap .sTit.sTitCenter{text-align:center;} #prodcutDetailWrap .sTit:nth-child(n+2){margin-top: 3em;} #prodcutDetailWrap .t-group {margin-top:20px; text-align:left;} #prodcutDetailWrap div + .t-group, #prodcutDetailWrap ul + .t-group{/* margin-top: 5em; */ margin-top:2.5em} #prodcutDetailWrap .t-group:first-child{margin-top: 0;} #prodcutDetailWrap .t-group .bold {margin-bottom:10px; font-family:'AritaSB'; font-size:14px; } #prodcutDetailWrap .txt {font-size:14px; color:#767676; } #prodcutDetailWrap .txt.txt-right{text-align:right;} #prodcutDetailWrap .txt.sub-txt{margin-top: 1em;} #prodcutDetailWrap .txt .bold {color:#231f20; font-family:'AritaM'; font-size: 15px; color:#231f20; font-weight: bold;} #prodcutDetailWrap .t-group ul.txt li {position:relative; margin-top:10px; padding-left:12px;} #prodcutDetailWrap .t-group ul.txt li:before {content:'-'; display:block; position:absolute; left:0; top:0;} #prodcutDetailWrap .t-group ul.txt li:first-child {margin-top:0;} #prodcutDetailWrap .t-sub-group {padding:35px 0 0px;margin-top:35px;text-align:left;color:#767676;border-top:1px dotted #e3e3e3;} #prodcutDetailWrap h5.sTit + .t-sub-group {padding-top: 0; border-top: 0;} #prodcutDetailWrap section .t-sub-group:first-child{margin-top: 0; padding-top: 0; border-top: none;} #prodcutDetailWrap .t-sub-group.bdNone {padding-top:20px;margin-top:0;border-top:0;} #prodcutDetailWrap .t-sub-group h6 {margin-bottom:16px; text-align:left; font-family:'AritaSB'; font-size:15px;color:#231f20;} #prodcutDetailWrap .t-sub-group .bold {font-family:'AritaSB'; font-size:18px; color:#b45053;} #prodcutDetailWrap .name{margin-top: 12px; /*font-family: 'AritaSB';*/ text-align:center; color:#666;} #prodcutDetailWrap .name .num{font-family: 'AritaM'; color:#231f20;} #prodcutDetailWrap section .t-group .bgTxt {display:inline-block;padding:0 6px;margin-top:4px;margin-left:4px;line-height:24px;background:#fec59a;} /* -------- 왼쪽썸네일 + 오른쪽 텍스트 (공통) -------- */ #prodcutDetailWrap .conWrap {margin:20px 0 35px;text-align:left;color:#767676;} #prodcutDetailWrap h4.tit + .detail .conWrap:first-child{margin-top: 0;} #prodcutDetailWrap .conWrap:last-child {margin-bottom:0;} #prodcutDetailWrap .conWrap .img {margin-top:0; } #prodcutDetailWrap .conWrap li .img + .txt{margin-top: 10px;} #prodcutDetailWrap .conWrap.list1 li{padding-top:30px;margin-top:30px;border-top:1px dotted #c9c9c9;} #prodcutDetailWrap .conWrap li li{padding-top: 0; margin-top: 0; border-top: none;} #prodcutDetailWrap .conWrap.list1 li:first-child {padding-top:0;margin-top:0;border-top:0;} #prodcutDetailWrap .conWrap.list1 li .subTit {margin-bottom:10px;color:#231f20; line-height: 1.4} #prodcutDetailWrap .conWrap.list1 li .img {margin-bottom:20px;} #prodcutDetailWrap .conWrap.list1 li .txt .bold {margin-bottom: 4px; font-size: 15px; font-family:'AritaSB'; color:#231f20;} #prodcutDetailWrap .conWrap.list1 li .txt .bold.color-rose{color:#b82d6c} #prodcutDetailWrap .conWrap.list2 li {padding-left:10px;margin-top:6px; line-height: 1.3;/*background:url('/int/en/resource/images/common/dot_type2.gif') no-repeat left 7px;*/} /* -------- 동영상 + 자막 (공통) -------- */ #prodcutDetailWrap .pdtVideo {position:relative; overflow:hidden; width:100%; padding-bottom:56.20%;} #prodcutDetailWrap .pdtVideo iframe {position:absolute; left:0; top:0; width:100%; height:100%;} #prodcutDetailWrap .player-desc{background: #f0f0f0; padding: 2% 3%;} #prodcutDetailWrap .player-desc .desc{width:100%; height: 100px; overflow-y: auto; border: none; background: none; font-family: 'aritaM'; font-size: 13px; line-height: 1.6 !important; text-align: left;} /* -------- 사용 순서 (공통) -------- */ #prodcutDetailWrap .p-d-step .prd-step-list {display: inline-block;} #prodcutDetailWrap .p-d-step .prd-step-list li{float: left; margin-top: 0; } #prodcutDetailWrap .p-d-step .prd-step-list li .img{margin-top: 0;} #prodcutDetailWrap .p-d-step .prd-step-list li .img div{height: 80px; box-sizing: border-box;} #prodcutDetailWrap .p-d-step .prd-step-list li.li-arr{padding: 45px 6px 0;} #prodcutDetailWrap .p-d-step .prd-step-list li.li-arr img{width: 10px;} #prodcutDetailWrap .p-d-step .prd-step-list li .img img{height: 100%;} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop2 .img div{padding-top:10px;} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop2 .img div img{height:70px} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop3 .img div{padding-top:40px;} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop3 .img div img{height:40px} /* -------- 비포어, 에프터 (공통) -------- */ #prodcutDetailWrap .beforeAfter{position: relative; margin-top: 12px;} #prodcutDetailWrap .beforeAfter:nth-last-child(n+2){margin-bottom: 2em;} #prodcutDetailWrap .beforeAfter:after{display: block; clear: both; content: '';} #prodcutDetailWrap .beforeAfter .img-area{float: left; position: relative; width: 49%;} #prodcutDetailWrap .beforeAfter .img-area:nth-child(n+2){float: none; margin-left: 2%; text-align: left} #prodcutDetailWrap .beforeAfter .img-area:last-child{float: right; text-align: right; box-sizing: border-box;} #prodcutDetailWrap .beforeAfter .img{display: inline-block; max-width: 100%; margin-top: 0;} #prodcutDetailWrap .beforeAfter .img-area:nth-child(n+2):before{display: block; position: absolute; top: 50%; margin: -25px 0 0 -7%; width: 42px; height: 50px; background: url(/int/en/resource/images/product/common/arrow_pink.jpg) no-repeat; content: '';} #prodcutDetailWrap .beforeAfter .img-area.arr-grey:nth-child(n+2):before{ background-image: url(/int/en/resource/images/product/common/arrow_grey.jpg); } .tablet #prodcutDetailWrap .beforeAfter{padding: 0 7%;} .mobile #prodcutDetailWrap .beforeAfter .img-area:nth-child(n+2):before{display: none;} /* -------- 라인소개 (번호있는) (공통) -------- */ #prodcutDetailWrap .p-d-flower-toner-line-list{text-align:left;} #prodcutDetailWrap .p-d-flower-toner-line-list .img{margin-bottom: 20px} #prodcutDetailWrap .p-d-flower-toner-line-list span.round, #prodcutDetailWrap .p-d-flower-toner-line-list .num-round{display: inline-block; width: 18px; height: 18px; margin-right: 12px; border-radius: 100%; background: #000; color: #fff; text-align: center; line-height: 18px; font-size: 12px;} #prodcutDetailWrap .p-d-flower-toner-line-list dd {margin-left: 33px;} #prodcutDetailWrap .p-d-flower-toner-line-list dt:first-child{margin-top: 32px; } #prodcutDetailWrap .p-d-flower-toner-line-list dt{margin: 20px 0 4px; font-family: 'AritaSB'; color: #231f20;} /* -------- 선물세트 구성 (공통) -------- */ #prodcutDetailWrap .p-d-set .txt .bold{ padding-top: 22px; color:#231f20; margin-bottom:12px; font-weight:bold; font-family: 'AritaM'} #prodcutDetailWrap .p-d-set em{color:#333;} @media all and (min-width:769px ) { /************************** 제품 상세 :: 공통영역 ******************************* */ #prodcutDetailWrap{max-width:700px; font-family: 'aritaSB'; font-size: 15.5px; letter-spacing: -0.035em;} #prodcutDetailWrap .onlyMobile{display:none;} #prodcutDetailWrap .onlyWeb{display:inline-block;} /* Br태그 */ #prodcutDetailWrap .pcBr{display:block;} #prodcutDetailWrap .tbBr{display:none;} /* Float */ #prodcutDetailWrap .p-d-float-left{float:left;} #prodcutDetailWrap .p-d-float-right{float:right;} /************************** 제품 상세 :: 타이틀박스영역 ******************************* */ /* -------- 상단 영역 공통 -------- */ /* 제품타이틀 및 텍스트, 이미지 (공통) */ #prodcutDetailWrap .repTitle {margin-top:100px;} #prodcutDetailWrap .repTitle .pdtName {font-family:'AritaM'; font-size:45px;} #prodcutDetailWrap .repTitle .pdtName span {margin:30px 0 20px;font-size:15.5px;text-transform:uppercase;} #prodcutDetailWrap .repTitle .pdtName:after {height:1px;} #prodcutDetailWrap .repTitle .repDesc {margin-top:60px; font-size:21px; line-height:1.4; color:#231f20;} #prodcutDetailWrap .repTitle .repDesc.type2 {margin-top:30px; font-size:15.5px;color:#767676;} #prodcutDetailWrap .repTitle .effect span {margin-top:25px; padding:7px 10px; font-size:15.5px; font-family:'AritaSB';} #prodcutDetailWrap .repImg {margin-top:55px;} #prodcutDetailWrap .repImg img {width:auto;} /* 제품 포인트설명 (공통) */ #prodcutDetailWrap .point {padding: 20px 0; border-color:#727272; margin-top:52px} #prodcutDetailWrap .point.mt0{margin-top:0} #prodcutDetailWrap .point ul {position:relative; overflow:hidden;} #prodcutDetailWrap .point > ul > li {float:left; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:33.3%; padding:40px 20px 42px; margin: 0px;} #prodcutDetailWrap .point.icon > ul > li {padding-top:120px; background-repeat:no-repeat; background-position:50% 0; } #prodcutDetailWrap .point>ul>li.L2 {width:33%; border-left:1px solid #ededec; border-right:1px solid #ededec;} #prodcutDetailWrap .point .dt {min-height:44px; font-family:'AritaM'; font-weight:bold; font-size:20px; line-height:1.4 } #prodcutDetailWrap .point .dd {font-size:15.5px; font-family:'AritaSB'; margin-top:18px} #prodcutDetailWrap .point .dd br{display:none;} #prodcutDetailWrap .point .dd br.pcBlock{display:block;} #prodcutDetailWrap .point .img{margin-bottom:40px;} #prodcutDetailWrap .point.type2 {padding:45px 0;} #prodcutDetailWrap .point.type2 ul {position:relative;} #prodcutDetailWrap .point.type2 ul:after {content:''; position:absolute; top:0; left:50%; display:block; width:1px; height:100%; background:#ededec;} #prodcutDetailWrap .point.type2 ul li {position:relative; width:50%; padding:0 60px 0 80px; margin:25px 0; border:none; text-align:left;} #prodcutDetailWrap .point.type2.point-center ul li{text-align:center;} #prodcutDetailWrap .point.type2 ul li.clear {clear:both;} #prodcutDetailWrap .point.type2 ul li .num {position:absolute; left:40px; top:-5px;} #prodcutDetailWrap .point.type2 ul li .dt{font-size:16px;} #prodcutDetailWrap .point.type2 ul li .dd{margin-top: 18px;} #prodcutDetailWrap .point.single {padding:50px 0;} #prodcutDetailWrap .point.type4>ul{position:relative; padding: 0;} #prodcutDetailWrap .point.type4>ul:before{position:absolute; top:0px; left:50%; width:1px; height:100%; content:""; background-color:#ededec} #prodcutDetailWrap .point.type4>ul>li{width:50%; padding:0 1%; border-right: none;} #prodcutDetailWrap .point.type4>ul>li:nth-child(even){border:0} #prodcutDetailWrap .point.type4>ul>li:nth-child(3){clear: both;} #prodcutDetailWrap .point.type4>ul>li:nth-child(n+3){margin-top: 0; padding: 40px 10px 30px; border-top: 1px solid #ededec;} #prodcutDetailWrap .point.type4>ul>li:nth-last-child(n+3){margin-bottom: 0; padding: 10px 10px 40px;} /************************** 제품 상세 :: 하단 상세영역 ******************************* */ /* -------- 제품 상세 :: 하단 공통 -------- */ #prodcutDetailWrap section{overflow:hidden; padding: 60px 0 70px; text-align:left;} #prodcutDetailWrap .img:first-child {margin-top: 0;} #prodcutDetailWrap .tit {font-size:30px; color:#231f20;} #prodcutDetailWrap .sTit {font-family:'AritaM'; font-weight:bold; font-size:22px;} #prodcutDetailWrap .sTit-sub{margin-top: -1em; text-align: left;} #prodcutDetailWrap .t-group .bold {font-family:'AritaM'; font-weight:bold; font-size:18px; line-height:1.4; color:#333;} #prodcutDetailWrap .t-sub-group {padding:0; margin-top:4em; border-top:0;} #prodcutDetailWrap .t-sub-group h6{font-size: 20px;} #prodcutDetailWrap .txt { font-size:15.5px; line-height:1.5;} #prodcutDetailWrap .txt-font-size14{font-size:14px} #prodcutDetailWrap .txt .bold {font-size:18px;} #prodcutDetailWrap .p-d-cosmetic .infoColumn {overflow:hidden; margin:25px -8px 0;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li {float:left; background:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:33.3%; padding:0 8px; border:0; } #prodcutDetailWrap .infoColumn.type2 li {display:inline-block;float:none;width:100%;margin-top:5px;text-align:left;} #prodcutDetailWrap .infoColumn.type2 li .img {float:left;width:215px;margin-top:0;margin-right:25px;} #prodcutDetailWrap .infoColumn.type2 li .txt {float:left;width:400px;} #prodcutDetailWrap.p-d-material .infoColumn {overflow:hidden; margin:0 -8px;} #prodcutDetailWrap.p-d-material .infoColumn li {float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:33.3%; padding:0 8px;} #prodcutDetailWrap.p-d-material .infoColumn li .txt {margin-top:15px;} #prodcutDetailWrap.p-d-material .infoColumn li .num {left:8px; top:25px; width:40px; height:40px; font-size:18px; line-height:40px;} #prodcutDetailWrap .pdtLineArray li {width: 33.33%; text-align:center;} #prodcutDetailWrap .pdtLineArray li .thumb {width:50%;} #prodcutDetailWrap .pdtLineArray li .thumb .new {right:-21px; top:-21px;} #prodcutDetailWrap .pdtLineArray li .thumb .new img {width:42px;} #prodcutDetailWrap .pdtLineArray li .thumb .best {left:-14px; top:-14px;} #prodcutDetailWrap .pdtLineArray li .thumb .best img {width:57px;} #prodcutDetailWrap .pdtLineArray.type2 li {width:50%;} #prodcutDetailWrap .pdtLineArray.type2 li .thumb {width:80%;} #prodcutDetailWrap .pdtLineArray.lineType2 li: {text-align:left;} #prodcutDetailWrap .pdtLineArray.lineType2 li .thumb {display:inline-block; vertical-align:middle; width:30%;} #prodcutDetailWrap .pdtLineArray.lineType2 li .name {display:inline-block; vertical-align:middle; text-align:left; width:55%; margin-top:0; margin-left:8px; line-height:1.2;} /* -------- 왼쪽썸네일 + 오른쪽 텍스트 (공통) -------- */ #prodcutDetailWrap .conWrap.list1 li {display:inline-block;width:100%;padding-top:0; border-top:0;} #prodcutDetailWrap .conWrap.list1 li .subTit {margin-bottom:16px;font-family:'aritaSB';font-size:15.5px;} #prodcutDetailWrap .conWrap.list1 li .img {float:left; width:215px;margin-top:0;margin-right:15px;margin-bottom:0; text-align:left;} #prodcutDetailWrap .conWrap.list1 li .img img {max-width:100%;} #prodcutDetailWrap .conWrap.list1 li .txt {float:left;width:470px;margin-top:0;} #prodcutDetailWrap .conWrap.list1 li .txt .bold{ margin-bottom: 8px; font-family:'AritaM'; font-size: 18px; font-weight: bold;} #prodcutDetailWrap .conWrap.list1 .noImg li .txt {width:100%;} #prodcutDetailWrap .conWrap.list2 {margin-top:15px;} #prodcutDetailWrap .conWrap.list2 ul {float:left;} #prodcutDetailWrap .conWrap.list2 li {margin-top:10px;background-position:left 6px;} #prodcutDetailWrap .conWrap.list2 .img {float:right;} #prodcutDetailWrap .conWrap.list2 .txt {padding-bottom:0;} /* -------- 라인소개 (공통) -------- */ #prodcutDetailWrap .p-d-line .conWrap.list1 li .img{width:auto; display:inline-block; float:none; margin-right:65px;} #prodcutDetailWrap .p-d-line .conWrap.list1 li .txt{display:inline-block; float:none; vertical-align:middle;} /* -------- 사용 순서 (공통) -------- */ #prodcutDetailWrap .p-d-step .prd-step-list{display: block;} #prodcutDetailWrap .p-d-step .prd-step-list li .img div{height: 160px;} #prodcutDetailWrap .p-d-step .prd-step-list li.li-arr{width: 11.8%; padding: 77px 0; text-align:center;} #prodcutDetailWrap .p-d-step .prd-step-list li.li-arr img{width: auto;} #prodcutDetailWrap .p-d-step .prd-step-list li .img img{height: auto !important;} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop1 .img div{padding-top:68px} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop2 .img div{padding-top:38px} #prodcutDetailWrap .p-d-step .prd-step-list li.pdtop3 .img div{padding-top:90px} /* -------- 라인소개 (번호있는) (공통) -------- */ #prodcutDetailWrap .p-d-flower-toner-line-list dt{font-size: 16px;} /* -------- 선물세트 구성 (공통) -------- */ #prodcutDetailWrap .p-d-set li{overflow:hidden;} #prodcutDetailWrap .p-d-set .img{float:left;} #prodcutDetailWrap .p-d-set .txt{float:left; margin-left:40px} } /* -------- 퍼스트 에너지 세럼,에센스 -------- */ #prodcutDetailWrap .txt .orange-txt{display: block; color: #db7021 } /* 미용법 순서 */ #prodcutDetailWrap .p-d-cosmetic .infoColumn li{position:relative; border:2px solid #e4e4e4; margin-bottom:-2px; background:#f8f8f8;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li:after{content:'';display:block;clear:both;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li {position:relative;} #prodcutDetailWrap .p-d-cosmetic .infoColumn.clear {clear:both;} #prodcutDetailWrap .p-d-cosmetic .infoColumn .num {position:absolute; left:-2px; top:-2px; display:block; width:27px; height:27px; line-height:27px; background:#fe8b36; text-align:center; font-weight:bold; color:#fff;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .img{width:135px;margin-top:0;border-right:2px solid #e4e4e4;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .txt{position:absolute;left:0;top:0;width:100%;margin-top:0;text-align:left;font-size:11px;line-height:21px;font-family:'AritaSB';color:#767676;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .txt p {padding:25px 15px 25px 150px;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .txt img{width:auto;} @media all and (min-width:769px ) { /* 미용법 순서 */ #prodcutDetailWrap .p-d-cosmetic .infoColumn li {border:0; background:none;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .img{width:auto; border:0;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .txt {position:static; margin-top:15px; font-size:15.5px; line-height:1.5} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .txt p{padding:0;} #prodcutDetailWrap .p-d-cosmetic .infoColumn li .num {left:8px; top:0px; width:40px; height:40px; font-size:18px; line-height:40px;} #prodcutDetailWrap .p-d-cosmetic .img img {width:100%;} } /* -------- 페이셜 마스크 라인 -------- */ /* 공통 */ #prodcutDetailWrap .p-d-texture .detail .bold{margin: 20px 0; font-family: 'AritaSB'; line-height: 20px;} .bubble-color{text-align:center; color:#ec7385} /*사용법,보관시주의사항*/ #prodcutDetailWrap section .detail ul.list4 li p.txt{line-height: 22px; margin-top: 10px;} #prodcutDetailWrap .p-d-before-after-con .txt{margin-top:20px;} /*보관 시 주의사항*/ section.p-d-caution .detail ul.list4 li p.txt span{text-decoration: underline;} section.p-d-caution .txt.bold:nth-of-type(2){padding: 20px 0;} section.p-d-caution .dashed{border-bottom: 1px dashed #cfcfcf;} #pdtDetail section.p-d-caution .bold{padding: 20px 0; font-family: 'AritaSB'; line-height: 24px; } #pdtDetail section.p-d-caution .bold.strong{padding: 20px 0; color: #231f20;} section.p-d-caution .list5 li p.txt{width: 110%; padding: 15px 0;}/*180322*/ /* 페이셜 마스크 라인소개 */ #prodcutDetailWrap .p-d-line-list li{float:left;} #prodcutDetailWrap .p-d-line-list li.img{margin-top:25px;} @media all and (min-width:769px ) { /* 공통 */ #prodcutDetailWrap .p-d-texture .detail .bold{font-size: 18px; line-height: 28px;} /*사용법,보관시주의사항*/ #prodcutDetailWrap section.p-d-caution .detail ul.list4 li:nth-child(2){width: 51%;} #prodcutDetailWrap section.p-d-caution .detail ul.list4 li:nth-child(3){width: 21%; letter-spacing: -1px;} /* 사용전후 비교 */ #prodcutDetailWrap .p-d-before-after-con .img img{max-width:100%;} #prodcutDetailWrap .p-d-before-after-con .img{float:left; width:428px} #prodcutDetailWrap .p-d-before-after-con .txt{float:left; width:257px; margin-left:15px;} /*보관 시 주의사항*/ #prodcutDetailWrap section.p-d-caution .p-d-caution2 li{float: left; margin-left:38px} #prodcutDetailWrap section.p-d-caution .p-d-caution2 li:nth-child(1), #prodcutDetailWrap section.p-d-caution .p-d-caution2 li:nth-child(3){margin-left:0} #prodcutDetailWrap section.p-d-caution .p-d-caution2 li .txt{text-align:center; margin:18px 0;} #prodcutDetailWrap section.p-d-caution .bold{ padding: 15px 0 25px; font-size: 14px;} #prodcutDetailWrap section.p-d-caution .bold.strong{padding: 28px 0; font-size: 15px; text-align:center;} #prodcutDetailWrap section .detail ul.list4 li{float: left; text-align: left; width: 25%; margin-right: 1.5%; letter-spacing: -0.5px;} #prodcutDetailWrap section .detail ul.list4 li:last-child{margin-right: 0; width: 20%;} /* 라인소개 */ #prodcutDetailWrap .p-d-line-list li.img{margin:0 0 30px 0;} } /* -------- 로즈워터 라인 -------- */ /* 인체효능 실험결과 */ #prodcutDetailWrap .p-d-water-up-list li .img{margin-top:10px; margin-bottom:20px;} /* 젤크림 사용법 */ #prodcutDetailWrap .p-d-rose-step-list li .img{border-top:1px dashed #d7d7d7;border-bottom:1px dashed #d7d7d7; padding:25px 0; margin-bottom:20px; margin-top:10px;} #prodcutDetailWrap .p-d-rose-step-list li.img-arr .img{border:0; padding:0; transform:rotate(90deg); width:30px; margin:0px auto;} /* 수딩젤 사용법 */ #prodcutDetailWrap .rose-water-soothing-gel-use li{text-align:center; margin-top:30px;} #prodcutDetailWrap .rose-water-soothing-gel-use li .line-bg{color:#f32a66} #prodcutDetailWrap .rose-water-soothing-gel-use li .img{margin-top:10px;} @media all and (min-width:769px ) { /* 인체효능실험결과 */ #prodcutDetailWrap .p-d-water-up-list li{float:left; } #prodcutDetailWrap .p-d-water-up-list li:first-child{margin-right:20px} /* 토너패드 사용법 */ #prodcutDetailWrap .p-d-seven-skin-tip .img-right{float:right;} /* 젤크림 사용법 */ #prodcutDetailWrap .p-d-rose-step-list li{float:left;} #prodcutDetailWrap .p-d-rose-step-list li .img{border-top:1px dashed #d7d7d7;border-bottom:1px dashed #d7d7d7; padding:25px 0; margin-bottom:20px; margin-top:10px;} #prodcutDetailWrap .p-d-rose-step-list li.img-arr .img{padding:70px 10px;} /* 로즈워터라인 */ #prodcutDetailWrap .p-d-rose-water-line .conWrap.list1 li .img{width:auto; display:inline-block; float:none; margin-right:65px;} #prodcutDetailWrap .p-d-rose-water-line .conWrap.list1 li .txt{display:inline-block; float:none; vertical-align:middle;} /* 수딩젤 사용법 */ #prodcutDetailWrap .rose-water-soothing-gel-use li{float:left; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:33.3%; padding:0 8px; margin-top:0} } /* -------- 포어 클린 라인 -------- */ @media all and (min-width:769px ) { /* 포어 클린 블랙헤드 스틱 제품특징 */ #prodcutDetailWrap .pore-clean-line .p-d-feature .infoColumn{margin-top:20px;} #prodcutDetailWrap .pore-clean-line .p-d-feature .infoColumn li{float:left; width:358px} #prodcutDetailWrap .pore-clean-line .p-d-feature .infoColumn li:last-child{float:right; width:327px} #prodcutDetailWrap .pore-clean-line .p-d-feature .infoColumn.p-d-pore-clean-toner-feature li{width:345px} #prodcutDetailWrap .pore-clean-line .p-d-feature .infoColumn li .img{display:inline-block; margin-bottom:18px} } /* -------- 플로랄 하이드로 라인 -------- */ /* 라인소개 */ #prodcutDetailWrap .hydro-line {margin-top: 20px; text-align: center;} #prodcutDetailWrap .hydro-line ul:after{content:'';display:block;clear:both;} #prodcutDetailWrap .hydro-line ul li {border-bottom: 1px solid #ededec; padding:6% 4%;} /* 사용법 */ #prodcutDetailWrap .p-d-howto strong{display:block; font-family: 'aritaM'; font-weight: bold; margin-top:10px} @media all and (min-width:769px ) { /* 라인소개 */ #prodcutDetailWrap .hydro-line ul li {float:left; width:50%; box-sizing: border-box;} #prodcutDetailWrap .hydro-line ul li:nth-child(3), #prodcutDetailWrap .hydro-line ul li:nth-child(4){border-bottom:0;} } /* -------- 멜팅 앰플 마스크 -------- */ #prodcutDetailWrap .melting-mask-compo li{margin-top:30px; text-align:left;} #prodcutDetailWrap .melting-mask-compo li:first-child{margin-top:0} #prodcutDetailWrap .melting-mask-compo li .info1{font-size:14px; color:#333; margin:15px 0;} #prodcutDetailWrap .melting-mask-compo li:nth-child(2) .line-bg:before{background: #fae0fb;} #prodcutDetailWrap .melting-mask-compo li:nth-child(3) .line-bg:before{background: #e4ecd2;} @media all and (min-width:769px ) { #prodcutDetailWrap .melting-mask-compo li{margin-top:70px} #prodcutDetailWrap .melting-mask-compo li .img{margin-right:20px;} #prodcutDetailWrap .melting-mask-compo li .info1{font-size:15.5px;} } /* -------- 믹스매치 마스크 -------- */ /* 제품 구성 */ #prodcutDetailWrap .p-d-mask-type li{text-align:left; margin-top:65px; *zoom:1;} #prodcutDetailWrap .p-d-mask-type li:first-child{margin-top:0} #prodcutDetailWrap .p-d-mask-type li .info1{font-size:14px; color:#333; margin:15px 0;} #prodcutDetailWrap .p-d-mask-type li .txt-deco-p span{display:block;} #prodcutDetailWrap .p-d-mask-type li .txt-deco-p em{display:inline-block; } #prodcutDetailWrap .p-d-mask-type li .line-bg:before{top: 30%;} #prodcutDetailWrap .p-d-mask-type li.mask1 .line-bg:before{background: #f0e0df;} #prodcutDetailWrap .p-d-mask-type li.mask2 .line-bg:before{background: #e0eccd;} #prodcutDetailWrap .p-d-mask-type li.mask3 .line-bg:before{background: #f2e3ca;} #prodcutDetailWrap .p-d-mask-type li.mask4 .line-bg:before{background: #f5f3c6;} #prodcutDetailWrap .p-d-mask-type li.mask6 .line-bg:before{background: #d8ecf2;} #prodcutDetailWrap .p-d-mask-type li .mask-func{display: inline-block; padding: 1px 10px 0px; font-size: 0.95em; margin-left: 12px; background-color: #403e3f; color: #fff;} /* 원단 특징 */ #prodcutDetailWrap .txt-deco-p .deco-mark{display:block; position: relative; padding-left: 0.8em;} #prodcutDetailWrap .txt-deco-p .deco-mark:before{display: block; position: absolute; left: 0; top: 0px; content: '-'} /* 사용법 */ #prodcutDetailWrap .p-d-mask-best-combi{text-align:center;} #prodcutDetailWrap .p-d-mask-best-combi li{margin-top:20px;} #prodcutDetailWrap .p-d-mask-best-combi li:first-child{margin-top:0} @media all and (min-width:769px ) { /* 제품 구성 */ #prodcutDetailWrap .p-d-mask-type li:after{clear:both; display:block; content:"";} #prodcutDetailWrap .p-d-mask-type li .img{float:left; margin-right:26px} #prodcutDetailWrap .p-d-mask-type li .txt{float:left; width:388px} #prodcutDetailWrap .p-d-mask-type li .info1{font-size:15.5px;} #prodcutDetailWrap .p-d-mask-type li br.onlyWeb{display:none;} /* 원단 특징 */ #prodcutDetailWrap .p-d-mask-type li .txt-deco-p .txt-deco em{width:295px; vertical-align:top;} #prodcutDetailWrap .p-d-mask-type li .txt-deco-p .txt-deco em:first-child{width:50px} #prodcutDetailWrap .p-d-mask-texture .conWrap.list1 li .img{width:270px} #prodcutDetailWrap .p-d-mask-texture .conWrap.list1 li .txt{width:405px} /* 사용법 */ #prodcutDetailWrap .p-d-mask-best-combi{overflow:hidden; margin:0 -1%;} #prodcutDetailWrap .p-d-mask-best-combi li{float:left; width:31.33%; margin:0 1%;} } /* -------- 바이탈 비타민 라인 -------- */ /* 미용법 */ #prodcutDetailWrap .p-d-vital-vitamin-howto li{margin-bottom:20px} #prodcutDetailWrap .p-d-vital-vitamin-howto li .img{margin-top:6px} @media all and (min-width:769px ) { /* 바이탈 비타민 라인 */ /* 미용법 */ #prodcutDetailWrap .p-d-vital-vitamin-howto{overflow:hidden; margin:0 -1%;} #prodcutDetailWrap .p-d-vital-vitamin-howto li{float:left; width:31.33%; margin:0 1%;} #prodcutDetailWrap .p-d-vital-vitamin-howto li .bold{font-size:16px} #prodcutDetailWrap .p-d-vital-vitamin-howto li .txt{margin-top:15px; font-size:15px;} } /* -------- 아쿠아 필 라인 -------- */ @media all and (min-width:769px ) { #prodcutDetailWrap .p-d-aqua-peel-feature .conWrap.list1 li .img, #prodcutDetailWrap .p-d-aqua-peel-feature .conWrap.list1 li .txt{width:320px} #prodcutDetailWrap .p-d-aqua-peel-feature .conWrap.list1 li br{display:none;} } /* -------- 야생화 라인 -------- */ /* 처방원칙 */ #prodcutDetailWrap .p-d-recipe-point .name{color:#231f20; font-size:15px; letter-spacing:-0.4px; text-decoration:underline; line-height:1.25} #prodcutDetailWrap .p-d-recipe-point .conWrap li{overflow:hidden; margin-bottom:22px;} #prodcutDetailWrap .p-d-recipe-point .conWrap li .txt{text-align:center;} /* 효능/성분 */ #prodcutDetailWrap .list-half li{margin-top:20px;} #prodcutDetailWrap .list-half li:first-child{margin-top:0px;} #prodcutDetailWrap .list-half li .txt{margin-top:12px;} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li{border-top:0; text-align:center;} @media all and (min-width:769px ) { /* 상단 포인트 */ #prodcutDetailWrap .wild-flower-line .point .dd {color:#767676;} #prodcutDetailWrap .wild-flower-line .point > ul > li.L3 .dd{text-align:left; padding-left:10px;} /* 처방원칙 */ #prodcutDetailWrap .p-d-recipe-point .prd-img{float:left; width:255px; text-align:left;} #prodcutDetailWrap .p-d-recipe-point .name{text-align:left;} #prodcutDetailWrap .p-d-recipe-point .conWrap{float:left; width:435px;} #prodcutDetailWrap .p-d-recipe-point .conWrap li .img{display:inline-block; vertical-align:middle;} #prodcutDetailWrap .p-d-recipe-point .conWrap li .txt{display:inline-block; width:300px; vertical-align:middle; text-align:left; margin-top:0; margin-left:15px;} /* 효능/성분 */ #prodcutDetailWrap .list-half{margin:0 -0.75%; text-align:left;} #prodcutDetailWrap .list-half li{float:left; width:48.5%; margin:0 0.75%} #prodcutDetailWrap .list-half li:nth-child(n+3){margin-top:20px;} #prodcutDetailWrap .list-half li:nth-child(3){clear:both;} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li{text-align:left;} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li .img{width:120px} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li .txt{width:565px;} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li .txt ul{} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li .txt li{width:272px; margin-top:0} #prodcutDetailWrap .p-d-wild-effect .conWrap.list1 li .txt li .name{font-size:16px; color:#333} } /* -------- 인샤워 마스크 -------- */ #prodcutDetailWrap .sTit .txt-blue{color:#1476a5} #prodcutDetailWrap .sTit .txt-green{color:#1d9776} /*성분스토리*/ #prodcutDetailWrap .p-d-inshower-story ul li{margin-bottom:20px} #prodcutDetailWrap .p-d-inshower-story ul li .thumb{width:auto} #prodcutDetailWrap .round-bg{height: 90px; display: table; width: 90px; text-align: center; margin: auto; border-radius: 100%; font-family: 'aritaSB'; font-size: 1.16em; line-height: 1.2;} #prodcutDetailWrap .round-bg span{display: table-cell; vertical-align: middle;} #prodcutDetailWrap .round-bg.orange{background: #f6dbc5;} #prodcutDetailWrap .round-bg.sky{background: #daeff5;} #prodcutDetailWrap .round-bg.green{background: #d5ebdd;} #prodcutDetailWrap .round-bg.grey{background: #d5d5d5;} #prodcutDetailWrap .round-bg.purple{background: #eae4f9;} #prodcutDetailWrap .round-bg span.txt-blue{color: #1476a5;} #prodcutDetailWrap .round-bg span.txt-green{color: #1d9776;} /* 사용법 */ #prodcutDetailWrap .p-d-inshower-mask-use .num-round{display: inline-block; width: 18px; height: 18px; margin-right: 3px; margin-top:-2px; border-radius: 100%; background: #000; color: #fff; text-align: center; line-height: 18px; font-size: 12px; vertical-align:middle;} #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area, #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area:last-child{float:none; width:auto; text-align:center; margin:0} #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area:last-child{margin-top:20px;} #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area:last-child:before{display:none;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap{ padding-top: 1em; margin-top: 5.5%; border-top: 1px solid #ededec;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap:after{display: block; clear: both; content: '';} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap .list-box{float: left; width: 48.75%;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap .list-box:nth-child(n+2){margin-left: 2.5%;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap .list-box .list-vrt>li{max-width: 300px; margin: auto;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap .list-box .list-vrt>li + li{margin-top: 8.6%;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap h6.tit-bg{position: relative; padding: 0.9em 0; text-align: center; font-weight: bold; font-family: 'aritaM'; color: #fff;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap h6.tit-bg.blue{background: #2f7baf;} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap h6.tit-bg.green{background: #1d9776;} #prodcutDetailWrap .p-d-inshower-mask-use .name{min-height:40px} #prodcutDetailWrap .p-d-inshower-mask-use .img.arr-under{transform: rotate(90deg); margin: 6.5% 0 10px;} @media all and (min-width:769px ) { /*성분스토리*/ #prodcutDetailWrap .p-d-inshower-story ul {overflow:hidden; margin:0 -1%;} #prodcutDetailWrap .p-d-inshower-story ul li{margin-bottom:0} #prodcutDetailWrap .p-d-inshower-story ul li{float:left; width:31.33%; margin:0 1%; text-align:center;} #prodcutDetailWrap .round-bg{height: 111px; width: 111px;} /* 사용법 */ #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area{float:left; width:431px} #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area:last-child{float:right; width:215px; margin-top:0} #prodcutDetailWrap .p-d-inshower-mask-use .beforeAfter .img-area.arr-grey:nth-child(n+2):before{left:-30px} #prodcutDetailWrap .p-d-inshower-mask-use .list-vrt-wrap{border-top:1px solid #ededec;} #prodcutDetailWrap .p-d-inshower-mask-use .name{min-height:0} } /* -------- 트리플 멀티 클렌징 폼 -------- */ @media all and (min-width:769px ) { #prodcutDetailWrap .multi-cleansing-foam .point .dt{min-height:auto;} #prodcutDetailWrap .multi-cleansing-foam .point.type2 ul li{padding:0 50px;} } /* detail_eb.css ------------------------------------------------------ */ /* -------- 공통부분(국문) -------- */ #wrap legend, #sideNaviWrap legend, #wrap .hdTxt, #sideNaviWrap .hdTxt, .hide_txt {position: absolute;top: -9999px;left: -9999px;overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;text-indent: -9999em;z-index: -1;} #prodcutDetailWrap .sTit .txt-small {font-size: 0.85em;} /* -------- 네추럴 오토 팬슬 아이브로우 -------- */ /* 컬러 */ #prodcutDetailWrap .natral-auto-pencil-color{margin:0 -1%;} #prodcutDetailWrap .natral-auto-pencil-color li{float:left; width:48%; margin:0 1%; text-align:center;} #prodcutDetailWrap .natral-auto-pencil-color li:nth-child(n+3){margin-top:25px;} /* -------- 롱래스팅 리퀴드 아이라이너 -------- */ /* 컬러 */ #prodcutDetailWrap .liquid-eyeliner-color{margin:0 -1%;} #prodcutDetailWrap .liquid-eyeliner-color li{float: left; width:48%; margin:0 1%; text-align:center;} #prodcutDetailWrap .liquid-eyeliner-color img{display: inline-block;} /* -------- 브라이트닝 커버 앰플 쿠션 -------- */ /* 특징 */ .powderColor{color: #ea5a77;} #prodcutDetailWrap .puff-point .detail .sTit.lspace{margin-bottom: 1.2em;font-family: 'AritaSB';font-size: 15px;color: #231f20;text-align: left;line-height: 1.4;} /* 컬러 */ #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li {width: 100%; border-top: none; padding-top: 0; margin-top: 2px; overflow: hidden; font-family: 'AritaSB';font-size: 14px;line-height: 22px;color: #767676; display: inline-block; padding-left: 5px;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li:first-child {margin-top: 0px;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li img {float: left; width: 6%;max-width: 25px; padding: 3px 5px 0 0;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li p {float: left; width: 92%;} #prodcutDetailWrap .br-cover-ampoule-cushion{margin:0 -1%;} #prodcutDetailWrap .br-cover-ampoule-cushion li {float: left; width:48%; margin:0 1%; text-align: center;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li img, #prodcutDetailWrap .t-group .ul_v li p {float: left;} #prodcutDetailWrap .p-d-line .t-group {position: relative; margin-bottom: 80px;} #prodcutDetailWrap .br-cover-ampoule-cushion li:nth-child(n+3) {margin-top: 25px;} /* -------- 빅아이 롱앤컬 마스카라, 빅아이 볼륨래쉬 마스카라 공통 -------- */ /* HOW-TO */ #prodcutDetailWrap .b-e-l-c-mascara li{margin-bottom: 0; text-align: left; float: left; margin-bottom: 30px;} #prodcutDetailWrap .b-e-l-c-mascara li + li {padding-top: 30px;border-top: 1px dotted #c9c9c9;} #prodcutDetailWrap .b-e-l-c-mascara {margin-top: 10px;} /* 볼륨래쉬 HOW TO */ #prodcutDetailWrap .p-d-mascara .b-e-l-c-mascara li{float: none;} /* -------- 소프트 블러 비비 -------- */ /* 텍스트 백그라운드 효과 */ .bg_stroke{position: relative;} .bg_stroke:after{display: block; position: absolute; top: 20%; left: 0; z-index: -1; width: 100%; height: 50%; background-color: #fddce3; content: ''} /* 전격 test */ .p-d-test .sub-txt{color: #666; text-align: right;} #pdtDetail section .sTit .txt-small{font-size: 0.85em;} /* 라인설명 */ .web #pdtDetail section .p-d-line .pdtLineArray li:nth-child(1){width: 38%;} .web #pdtDetail section .p-d-line .pdtLineArray li:nth-child(2){width: 34.5%;} .web #pdtDetail section .p-d-line .pdtLineArray li:nth-child(3){width: 27.5%;} #pdtDetail section .p-d-line .pdtLineArray li .name{margin-top: 1.6em; line-height: 1.6; text-align: left;} #pdtDetail section .p-d-line .pdtLineArray li .name span{display: block; margin-top: 8px; font-family: 'AritaM'; font-weight: bold; font-size: 16px;} .color_gray{color: #969696;} .color_orange{color: #d79b51;} .color_purple{color: #946b90;} #prodcutDetailWrap .p-d-color .pdtLineArray.type3 li .name strong {color: #a2664c;} #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt {padding-left: 6%;} #prodcutDetailWrap .p-d-test-new .txt .ul_v.pink01 li {background: url("/int/en/resource/images/product/soft_blur_bb_cream/bullet_pink.jpg") 0px 0px no-repeat;} #prodcutDetailWrap .p-d-test-new .txt .ul_v li {padding-left: 1.2em; font-size: 15.5px;} #prodcutDetailWrap .p-d-test-new .txt .ul_v li {float: none;width: 100%;padding-left: 20px;margin: 10px 0 0 0;line-height: 1.3;color: #767676;text-align: left;} #prodcutDetailWrap .name .num.bb-cream-num{display: block;} #prodcutDetailWrap .name .num.bb-cream-num > span{display: block;} #prodcutDetailWrap .p-d-bb-cream-line .name {text-align: left; margin-top: 1.6em;} #prodcutDetailWrap .p-d-bb-cream-line .name span {display: block; margin-top: 8px; font-family: 'AritaM'; font-weight: bold; font-size: 16px;} #prodcutDetailWrap .pdtLineArray.bb_cream_txt li {width: auto; text-align: center; float: left;} .point .txt {padding: 0.6em 0 3em 0; color: #767676; text-align: left; line-height: 1.5;} #prodcutDetailWrap .point.point-soft_blur_bb_cream .dd {line-height: 1.4; color: #666;} /* -------- 수퍼롱웨어 오토펜슬 슬림라이너 -------- */ /* 수퍼롱웨어 오토펜슬 슬림라이너 :: 컬러, 발색컷 */ #prodcutDetailWrap .liquid-eyeliner-color.eyeliner li:nth-child(n+3) {margin-top: 25px;} /* -------- 아쿠아 글로우볼 베이스 -------- */ /* 아쿠아 글로우볼 베이스 */ #prodcutDetailWrap .p-d-color .t-group .ul_v li {width: 90%; margin-left: 5%; font-size: 13px;} #prodcutDetailWrap .txt .ul_v li {float: none;width: 100%;padding-left: 20px;line-height: 1.3;color: #767676;text-align: left;} #prodcutDetailWrap .t-group .ul_v.icon_p-aqua {margin-top: 22px; height: 64px;} #prodcutDetailWrap .liquid-eyeliner-color .ul_v.green01 li {background: url("/int/en/resource/images/product/aqua_glow_ball_base/bullet_green.jpg") 0px 0px no-repeat;} #prodcutDetailWrap .liquid-eyeliner-color .txt + .thumb {margin-top: 30px;} #prodcutDetailWrap .source-from {display: block; height: 26px; font-family: 'AritaM'; font-size: 14px; color: #999 !important; text-align: right;} .pdtDetailWrap .aqua-base .name .num {font-family: 'AritaM'; color: #231f20; text-align: left;} .aqua-base{font-size: 13px;} #prodcutDetailWrap .p-d-use-new .detail .txt {margin-top: 10px; color: #767676;line-height: 1.5em; font-size: 13px;} /* 아쿠아 글로우볼 베이스 :: 추천 메이크업 */ #prodcutDetailWrap .p-d-story-new .img {margin-top: 25px; text-align: left;} #prodcutDetailWrap .p-d-story-new dl.thumb-txt dt {float: left; color: #000; font-family: 'aritaSB'; font-weight: bold;} #prodcutDetailWrap .p-d-story-new dl.thumb-txt dd:nth-of-type(1) {padding-left: 48px; padding-bottom: 25px;} #prodcutDetailWrap .p-d-story-new dl.thumb-txt dd:nth-of-type(2) {padding-left: 35px;} #prodcutDetailWrap .p-d-story-new dl.thumb-txt dd strong {color: #555; font-weight: bold; font-family: 'AritaSB';} /* -------- 수퍼롱웨어 오토펜슬 슬림라이너 -------- */ /* 수퍼롱웨어 오토펜슬 슬림라이너 :: 컬러, 발색컷 */ #prodcutDetailWrap .liquid-eyeliner-color.cover-fit-powder li:nth-child(n+3) {margin-top: 25px;} #prodcutDetailWrap .liquid-eyeliner-color.cover-fit-powder li .thumb {width: 85%; margin: 0 auto;} #prodcutDetailWrap .liquid-eyeliner-color.cover-fit-powder img{width: auto; max-width: 100%;} #prodcutDetailWrap .liquid-eyeliner-color.cover-fit-powder li:nth-child(3){clear: both;} /* -------- 컬러 톤업 베이스 -------- */ /* 컬러 톤업 베이스 :: 성분특징 */ .color-t-u-base .txt {margin-top: 15px; font-size: 14px; color: #767676;} /* 컬러 톤업 베이스 :: 컬러 */ #prodcutDetailWrap .color-tone-up-base li {width: 50%; margin-right: 0; text-align: center; float: left; margin-top: 0;} #prodcutDetailWrap .color-tone-up-base li .thumb {width: 100%; margin: 0 auto;} #prodcutDetailWrap .color-tone-up-base li .name {width: 90%; text-align: left; line-height: 20px; margin-top: 12px;} #prodcutDetailWrap .p-d-line-t-u-base .t-group {margin-bottom: 0;} /* 컬러 톤업 베이스 :: 솔루션 */ #prodcutDetailWrap .p-d-t-u-base .t-group .ul_v {margin-top: 20px;} #prodcutDetailWrap .p-d-t-u-base .t-group .ul_v li {padding-left: 15px; font-family: 'AritaSB';font-size: 14px;line-height: 23px;color: #767676;} .p-d-t-u-base .f_left45 .img {margin-bottom: 15px; margin-top: 25px;} /* 컬러 톤업 베이스 :: 사용법 */ #prodcutDetailWrap .p-d-line-t-u-base .infoColumn li .txt {margin-top: 15px;} #prodcutDetailWrap .t-group .ul_v.icon_g li {background: url("/int/en/resource/images/product/color_tone_up_base/icon_check_gr.jpg") no-repeat 0 0;} #prodcutDetailWrap .t-group .ul_v.icon_p li {background: url("/int/en/resource/images/product/color_tone_up_base/icon_check_pp.jpg") no-repeat 0 0;} /* -------- 코튼 베일 파우더 팩트 -------- */ /* 코튼 베일 파우더 팩트 :: 활용 TIP */ #prodcutDetailWrap .p-d-use-c-v-powder-pact .t-group {margin-top: 20px; text-align: left;} #prodcutDetailWrap .p-d-use-c-v-powder-pact .t-group p.bold {font-family: 'AritaSB'; margin-bottom: 0; font-size: 14px; color: #999;} #prodcutDetailWrap .p-d-use-c-v-powder-pact .t-group .img {margin-top: 15px; margin-bottom: 30px;} /* 코튼 베일 파우더 팩트 :: 연출컷 */ #prodcutDetailWrap .p-d-look-c-v-powder-pact .t-group p.bold {font-family: 'AritaSB'; margin-top: -4%; margin-bottom: 0; font-size: 14px; color: #999;} /* 코튼 베일 파우더 :: 활용 TIP */ #prodcutDetailWrap .p-d-use-c-v-powder .t-group .img {margin-top: 10px; margin-bottom: 6%;} #prodcutDetailWrap .sTit.sTit-new:nth-child(n+2){margin-top: 2em; padding-top: 2em;border-top: 1px dotted rgb(227, 227, 227);} #prodcutDetailWrap .point.point-new {margin-top: 35px; padding: 20px 0 10px; border-top: 2px solid #ededec; border-bottom: 2px solid #ededec; word-wrap: break-word; word-break: keep-all;} #prodcutDetailWrap .p-d-use-c-v-powder .t-group p.bold {margin-bottom: 0; font-family: 'aritaSB';} /* -------- 코튼 베일 파우더 -------- */ /* 코튼 베일 파우더 */ #prodcutDetailWrap .point.c-v-powder .dt {min-height: auto;} #prodcutDetailWrap .point.point-new.c-v-powder{border-color: #727272;} /* -------- 크리미 멀티 컬러 밤 -------- */ /* 크리미 멀티 컬러 밤 :: 사용법 */ #prodcutDetailWrap .p-d-howTo-new dl dt {float: left; color: #231f20; font-weight: bold;} #prodcutDetailWrap .p-d-howTo-new dl {color: #767676; font-family: 'aritaM'} #prodcutDetailWrap .p-d-howTo-new dd {margin-bottom: 30px; font-family: 'AritaSB'; padding-left: 72px; line-height: 22px;} #prodcutDetailWrap .p-d-howTo-new dl dd:last-of-type {padding-left: 45px;} #prodcutDetailWrap .p-d-howTo-new dd:last-child {margin-bottom: 0;} /* 크리미 멀티 컬러 밤 :: HOW-TO */ #prodcutDetailWrap .p-d-use-new .txt {padding-top: 10px;} #prodcutDetailWrap .p-d-use-new .sTit.sTit-new:nth-child(n+2){margin-top: 2em; padding-top: 2em; border-top: 1px dotted #e3e3e3; margin-top: 50px;} /* -------- 크리미 컬러 립 라이너 -------- */ /* 크리미 컬러 립 라이너 :: 메이크업 TIP */ #prodcutDetailWrap .creamy-color-lipliner li .txt {font-family: 'AritaSB'; text-align: left; color: #767676;} /* -------- 토탈 솔루션 비비크림 -------- */ /* 토탈 솔루션 비비크림 :: 컬러 */ #prodcutDetailWrap .br-cover-ampoule-cushion-new li:nth-child(n+3) {margin-top: 0px;} /* -------- 트루 컬러 립스틱 -------- */ /* 트루 컬러 립스틱 :: 컬러 */ #prodcutDetailWrap .point.point-c-c .dd {line-height: 1.4; color: #666;} /* -------- 팡팡 헤어 스틱 섀도우 -------- */ /* 팡팡 헤어 스틱 섀도우 :: 설명 */ #prodcutDetailWrap .point-p-p-h-s-shadow .line-bg{display: inline-block; letter-spacing: -1.77px;} #prodcutDetailWrap .point-p-p-h-s-shadow .line-bg:before {background-color: #eeddce; display: block; position: absolute; top: 24%; left: -2%; z-index: -1; width: 104%; height: 50%; content: '';} /* 팡팡 헤어 스틱 섀도우 :: 제품 특징 */ #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 li {display: inline-block; width: 100%; padding-top: 0; border-top: 0; margin-top: 30px;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 li .img {width: auto;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 li .img {float: none; margin-right: 0; text-align: center;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap li:nth-child(3), #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap li:nth-child(4) {margin-top: 60px;} #prodcutDetailWrap .conWrap.list1 .ul-deco-check-new li {margin-top: 0;} #prodcutDetailWrap .ul-deco-check-new li .deco-txt {padding-left: 1.2em; display: inline-block; position: relative;} #prodcutDetailWrap .ul-deco-check-new li .deco-txt::before {display: block; position: absolute; left: 0px; top: 0px; width: 0.78em; height: 1em; content: ""; background: url("/int/en/resource/images/product/common/bullet_grey.jpg") 0px 4px / contain no-repeat;} #prodcutDetailWrap .ul-deco-check-new li .deco-txt .brMo {display: none;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 > ul > li {padding-top: 30px; margin-top: 30px; border-top: 1px dotted #c9c9c9;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 > ul > li:first-child{border-top: none; margin-top: 0; padding-top: 0;} /* 팡팡 헤어 스틱 섀도우 :: 주요성분 */ #prodcutDetailWrap .p-p-h-s-shadow li{width: 47%; float: left; text-align: center;} #prodcutDetailWrap .p-d-use-p-p-h-s-shadow .name {text-align: left;} #prodcutDetailWrap .conWrap.list1 .ul-deco-check.ul-deco-check-new li {padding-top: 15px;} /* 팡팡 헤어 스틱 섀도우 :: HOW-TO */ #prodcutDetailWrap .p-p-h-s-shadow-color li{width: auto;} #prodcutDetailWrap .txt-p-p-h-s-shadow .txtColor1 {padding: 16px 0; font-size: 15.5px; color: #333333;} #prodcutDetailWrap .txt-p-p-h-s-shadow .txtColor1 span {color: #767676;} #prodcutDetailWrap .txt-p-p-h-s-shadow .txtColor2 {padding-top: 16px; font-size: 15px; color: #999;} #prodcutDetailWrap .t-group-p-p-h-s-shadow {margin-top: 55px;} #prodcutDetailWrap .line-bg.line-bg-br{font-size: 18px;} #prodcutDetailWrap .line-bg.line-bg-br:before{background-color: #eeddce;} #prodcutDetailWrap .beforeAfter.step-new .img-area {width: 100%;} #prodcutDetailWrap .p-d-howto .detail .txtStyle {background-color: #f7f7f7;color: #999999;line-height: 36px;text-align: center;} #prodcutDetailWrap .img.img-p-p-h-s-shadow{position: relative;} #prodcutDetailWrap .LinkWeb {top: 11.5%; left: 54.5%; width: 28%; height: 5.5%; position: absolute; opacity: 0; background: #ffffff;} #prodcutDetailWrap .txt.txt-down{font-size: 14.8px; color: #999999; line-height: 1.5; text-align: left;} #prodcutDetailWrap .txt.sub-txt.t-a-l {text-align: left;} /* -------- 퓨어 립 스틱 마스크 -------- */ /* 퓨어 립 스틱 마스크 :: 특별한 성분 */ #prodcutDetailWrap .p-d-material-p-l-s-mask .conWrap .img .bord-b img{border-bottom: 1px solid #d3d3d3;} #prodcutDetailWrap .txt .bold.bold-new {color: #231f20; font-family: 'aritaM'; font-size: 14px; color: #231f20; font-weight: bold;} /* 퓨어 립 스틱 마스크 :: 용기 사용법 */ #prodcutDetailWrap .stick_mask li .name {width: 94%;margin-top: 15px;margin-left: 4.5%;line-height: 1.5em; color: #999; text-align: left; font-size: 12px;} #prodcutDetailWrap .stick_mask li .name strong {display: block;padding-top: 10px;color: #333; font-size: 12px; font-family: 'aritaM';} /* 퓨어 립 스틱 마스크 :: 발색컷 */ #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li{margin: 0 auto; width: 50%;} #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li .thumb {width: 89.67%; position: relative; margin: 0 auto;} #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li .thumb img {width: auto;} #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li .name {width: 90%; margin: 15px auto 0; line-height: 1.5em; color: #999; text-align: left; letter-spacing: -0.6px; font-size: 12px;} /* -------- 퓨어 립 컬러 립밤 -------- */ /* 퓨어 립 컬러 립밤 :: 추천 메이크업 */ #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm .thumb {padding: 20px 0;} #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt {color: #767676; text-align: left; line-height: 25px;} #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt dd:nth-of-type(1) {padding-left: 9%;} #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt dd:nth-of-type(2) {padding-left: 12%;} #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt dd strong {color: #232323;font-weight: bold;font-family: 'AritaM';} #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt dd:nth-of-type(1) {padding-bottom: 0;} /* -------- 퓨어 립 컬러 립밤 -------- */ /* 플라워 팝 아이 브릭 :: 메이크업 TIP */ #prodcutDetailWrap .b-e-l-c-mascara.eye-brick li {text-align: center; float: none; margin-bottom: 0;} #prodcutDetailWrap .b-e-l-c-mascara.eye-brick li .name.mb10 {margin-bottom: 10px;} #prodcutDetailWrap .b-e-l-c-mascara.eye-brick li + li {border-top: none; padding-top: 20px;} #prodcutDetailWrap .f-p-eye-brick .sTit.sTit-non{border-top: none;} #prodcutDetailWrap .p-d-line.f-p-eye-brick .t-group.mt50 {margin: 0;} /* 플라워 팝 아이 브릭 :: HOW-TO */ .conWrap-eye-brick .txt_step dt {width: 50px; float: left; clear: both; height: 20px; margin: 4px 5px 10px 0; background-color: #333; color: #fff; text-align: center; line-height: 20px;} .conWrap-eye-brick .txt_step dd {float: left; width: calc(100% - 55px);} #prodcutDetailWrap .conWrap-eye-brick.conWrap.list1 li {padding-top: 0; margin-top: 0; border-top: none;} /* -------- 하이 커버 쿠션 퍼펙트 리퀴드 -------- */ /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 제품 특징 */ #prodcutDetailWrap .line-bg.bgc-beige:before {background-color: #ffebd5;} #prodcutDetailWrap .point.type-coshion .dt {min-height: 84px;} #prodcutDetailWrap .beforeAfter-new:nth-last-child(n+2) {margin-bottom: 2em;} #prodcutDetailWrap .beforeAfter-new {position: relative; margin-top: 12px;} #prodcutDetailWrap .beforeAfter.beforeAfter-new .img-area{text-align: center;} #prodcutDetailWrap .beforeAfter.beforeAfter-new .img-area:nth-child(n+2) {float: none; margin-left: 0; margin-top: 15px; text-align: center;} #prodcutDetailWrap .beforeAfter.beforeAfter-new .img-area:last-child {float: none;text-align: center;} #prodcutDetailWrap .beforeAfter-new.type02 .img-area {width: 100%; float: none; position: relative;} #prodcutDetailWrap .t-sub-group .beforeAfter-new .img {text-align: center; display: inline-block;max-width: 100%;} #prodcutDetailWrap .beforeAfter-new.type02 .img-area:nth-child(n+3) {margin-left: 0;margin-top: 45px;} #prodcutDetailWrap .beforeAfter.beforeAfter-new.type02 .img-area:nth-child(n+3):before {top: -25px; width: 30px; margin-left: -22px; background-size: contain;} #prodcutDetailWrap .beforeAfter.beforeAfter-new .img-area:nth-child(n+3)::before {transform: rotate(90deg);background-size: contain;display: block;position: absolute;top: -22%; left: 50%; width: 42px; height: 50px; content: ""; margin: -22px 0px 0px 0px;background: url("/int/en/resource/images/product/high_cover_cushion_perfect_liquid/arrow_pink.jpg") no-repeat;} #prodcutDetailWrap .txt.with-img-new {margin-top: 1em;} #prodcutDetailWrap .txt.with-img-new strong {color: #333333;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 전격 TEST */ #prodcutDetailWrap .txt .ul_v.coshion-pink li {padding-left: 1.2em; background: url("/int/en/resource/images/product/high_cover_cushion_perfect_liquid/bullet_pink.jpg") 0px 1px no-repeat; list-style-type: none;} #prodcutDetailWrap .txt.txt-new {font-family: 'aritaM'; margin-top: -1em; text-align: left; color: #767676;} #prodcutDetailWrap .txt.txt-new small {font-family: 'aritaSB'; color: #767676;} #prodcutDetailWrap .txt.txt-new strong {font-family: 'aritaM'; color: #333;} #prodcutDetailWrap .txt.with-img01 {margin-top: 1em;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 어플리케이터 특징 */ #prodcutDetailWrap .sTit.sTit-new:nth-child(n+2) {margin-top: 2em; padding-top: 2em; border-top: 1px dotted #e9e9e9;} #prodcutDetailWrap .p-d-color .pdtLineArray.type3.names-new li .name strong {font-family: 'AritaM'; color: #231f20;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 추천 메이크업 */ #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid .t-group {text-align: center;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid .thumb.thumb-new{float: none; margin-right: 0;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid .txt-right{float: none; margin-top: 2em; text-align: center; display: inline-block;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco-p{display: block;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco{float: left;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco {color: #231f20;font-size: 1.2em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span {line-height: 1.95em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span.prd-face {padding-left: 0.6em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span.prd-lip {padding-left: 0.7em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span.prd-eye {padding-left: 0.6em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.prd-face, #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.prd-lip, #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.prd-eye{float: left; text-align: left;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid .txt {font-size: 14px; color: #767676;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 컬러 */ #prodcutDetailWrap .p-d-color.p-d-color-h-c-c-concealer .t-group.group-3{text-align: center;} #prodcutDetailWrap .p-d-color.p-d-color-h-c-c-concealer .names li {float: left; margin-top: 0; font-size: 13px;} #prodcutDetailWrap .p-d-color.p-d-color-h-c-c-concealer .names li + li {margin-left: 0.5em;} #prodcutDetailWrap .p-d-color.p-d-color-h-c-c-concealer .names {display: inline-block; margin: 1.2em auto 0;} #prodcutDetailWrap .t-group.group-3-new{text-align: center;} #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt.names-new {display: inline-block; margin: 1.2em auto 0; width: auto; padding-left: 0; text-align: center;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 팔뚝 발색 */ #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt.names-new li + li {margin-left: 1.4em;} /* -------- 하이라이트 립 틴트 글로우 -------- */ /* 하이라이트 립 틴트 글로우 :: 컬러 */ #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.type2 li{width: 100%; float: none; text-align: center;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.type2 li .thumb {width: 80%; display: inline-block;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.last45 li .name strong {color: #231f20;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.last45 li .name {text-align: center;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.type2 li {padding: 20px 0; border-bottom: 2px dotted #c6c6c6;} /* 하이 커버 크림 코렉터, 하이 커버 크림 컨실러 공통 css */ #prodcutDetailWrap .liquid-eyeliner-color.high-cover-line li:nth-child(3) {margin-top: 15px;} @media all and (min-width:769px ) { /* 공통 :: 숨김 텍스트 */ #wrap legend, #sideNaviWrap legend, #wrap .hdTxt, #sideNaviWrap .hdTxt, .hide_txt { position: absolute; top: -9999px; left: -9999px; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; z-index: -1; } /* 네추럴 오토 팬슬 아이브로우 :: 컬러 */ #prodcutDetailWrap .natral-auto-pencil-color{margin: 0 -0.675%;} #prodcutDetailWrap .natral-auto-pencil-color li{width:23.65%; margin: 0 0.675%;} #prodcutDetailWrap .natral-auto-pencil-color li:nth-child(n+3){margin-top:0;} /* 롱래스팅 리퀴드 아이라이너 :: 컬러 */ #prodcutDetailWrap .liquid-eyeliner-color{} #prodcutDetailWrap .liquid-eyeliner-color li{float:left; width:33.33%; text-align:center; margin: 0;} #prodcutDetailWrap .liquid-eyeliner-color img{display: inline-block;} /* 브라이트닝 커버 앰플 쿠션 :: 특징 */ #prodcutDetailWrap .puff-point .detail .sTit.lspace{font-size: 19px; line-height: 32px;} /* 브라이트닝 커버 앰플 쿠션 :: 컬러 */ #prodcutDetailWrap .br-cover-ampoule-cushion li {float: left; width: 33.33%; text-align: center; margin: 0;} #prodcutDetailWrap .br-cover-ampoule-cushion li:nth-child(n+3) {margin-top: 0;} #prodcutDetailWrap .br-cover-ampoule-cushion img{display: inline-block; width: auto; max-width: 100%;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li {padding-left: 5px;font-family: 'AritaSB';font-size: 14px;line-height: 22px; color: #767676;margin-top: 14px;display: inline-block; overflow: hidden;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li img {padding: 3px 5px 0 0; width: 18px;} #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li img, #prodcutDetailWrap .t-group-br-cover-ampoule-cushion .ul_v li p {float: left;} /* 빅아이 롱앤컬 마스카라 :: HOW-TO */ #prodcutDetailWrap .b-e-l-c-mascara li{width: 50%; margin-bottom: 0; text-align: left; float: left; margin-bottom: 30px;} #prodcutDetailWrap .b-e-l-c-mascara li + li {padding-top: 0; border-top: none;} #prodcutDetailWrap .b-e-l-c-mascara img {width: auto; max-width: 100%;} /* 소프트 블러 비비 :: */ #prodcutDetailWrap .name .num.bb-cream-num {display: none;} #prodcutDetailWrap .p-d-bb-cream-line li {width: 33.33%;text-align: center; float: left; padding-left: 10%; letter-spacing: -0.035em; margin: 10px 0 0 0;} #prodcutDetailWrap .p-d-bb-cream-line-new li{padding-left: 0;} #prodcutDetailWrap .p-d-bb-cream-line li:nth-child(1) {width: 38%;} #prodcutDetailWrap .p-d-bb-cream-line li:nth-child(2) {width: 34.5%;} #prodcutDetailWrap .p-d-bb-cream-line li:nth-child(3) {width: 27.5%;} #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt {padding-left: 6%; width: 570px; margin: auto;} #prodcutDetailWrap .point.point-soft_blur_bb_cream > ul > li {padding: 30px 10px; margin: 20px 0px;} #prodcutDetailWrap .point.point-soft_blur_bb_cream .dd {min-height: 110px; margin-top: 26px;} #prodcutDetailWrap .point.point-soft_blur_bb_cream .dt{min-height: 56px;} /* 아쿠아 글로우볼 베이스 :: 컬러 */ #prodcutDetailWrap .p-d-color .t-group .ul_v.icon_p-aqua li {width: 90%; margin-left: 5%; padding-left: 1.2em; font-size: 15.5px;} #prodcutDetailWrap .txt .ul_v li {float: none;width: 100%;padding-left: 20px;line-height: 1.3;color: #767676;text-align: left; margin: 10px 0 0 0;} #prodcutDetailWrap .aqua-base .source-from {display: block; height: 26px; font-family: 'AritaM'; font-size: 14px; color: #999 !important; text-align: right;} #prodcutDetailWrap .t-group .ul_v.icon_p-aqua {margin-top: 22px; height: 100px;} #prodcutDetailWrap .liquid-eyeliner-color .ul_v.green01 li {background: url("/int/en/resource/images/product/aqua_glow_ball_base/bullet_green.jpg") 0px 0px no-repeat;} #prodcutDetailWrap .aqua-base .txt + .thumb {margin-top: 50px;} #prodcutDetailWrap .source-from {display: block; height: 26px; font-family: 'AritaM'; font-size: 14px; color: #999 !important; text-align: right;} #prodcutDetailWrap .aqua-base .name strong.num {font-family: 'AritaM'; color: #231f20; text-align: left;} .aqua-base{font-size: 13px;} /* 아쿠아 글로우볼 베이스 :: 사용법 */ #prodcutDetailWrap .p-d-use-new .infoColumn {overflow: hidden; /*margin: 0 -8px;*/} #prodcutDetailWrap .p-d-use-new .infoColumn > li{width: 25.7%; margin-top: 0; padding: 0; float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #prodcutDetailWrap .p-d-use-new .infoColumn > li + li {margin-left: 5.6%;} #prodcutDetailWrap .p-d-use-new .t-group.t-group-new .txt:last-of-type{width: auto;} #prodcutDetailWrap .p-d-use-new .t-group.t-group-new .infoColumn li .txt {width: 110%;} /* 아쿠아 글로우볼 베이스 :: 원료 */ #prodcutDetailWrap .p-d-material-new .conWrap .img {float: left; margin-right: 15px; text-align: left;} #prodcutDetailWrap .p-d-material-new .pd-right {padding-right: 9.5%;} #prodcutDetailWrap .p-d-material-new .txt p.fa-c {text-align: center;} /* 아쿠아 글로우볼 베이스 :: 메이크업 TIP */ #prodcutDetailWrap .left .img {text-align: left;} /* 수퍼롱웨어 오토펜슬 슬림라이너 :: 컬러, 발색컷 */ #prodcutDetailWrap .liquid-eyeliner-color.cover-fit-powder li:nth-child(n+3) {margin-top: 0px;} #prodcutDetailWrap .liquid-eyeliner-color.eyeliner li:nth-child(n+3) {margin-top: 0px;} #prodcutDetailWrap .liquid-eyeliner-color.cover-fit-powder li:nth-child(3){clear: none;} /* 컬러 톤업 베이스 :: 성분 특징 */ .color-t-u-base .txt {font-size: 15.5px; line-height: 1.5; color: #767676;} /* 컬러 톤업 베이스 :: 컬러 */ #prodcutDetailWrap .color-tone-up-base li {width: 34%; margin-right: 50px; text-align: center; float: left;} #prodcutDetailWrap .color-tone-up-base li .thumb {width: 90%; margin: 0 auto;} #prodcutDetailWrap .color-tone-up-base li .name {width: 90%; text-align: left; line-height: 20px; margin-top: 12px;} /* 컬러 톤업 베이스 :: 솔루션 */ #prodcutDetailWrap .p-d-t-u-base .img.img-tip {max-width: 293px;float: left;margin: 0 25px 0 0 !important;} /* 코튼 베일 파우더 */ #prodcutDetailWrap .point.c-v-powder .dt {min-height: 114px;} /* 코튼 베일 프라이머 :: 컬러 */ #prodcutDetailWrap .infoColumn-c-v-primer li {float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 33.3%; padding: 0 8px;} #prodcutDetailWrap .infoColumn-c-v-primer .img-c-v-primer img{width: 100%;} #prodcutDetailWrap .infoColumn-c-v-primer li .txt {margin-top: 15px; font-size: 15.5px; line-height: 1.5; font-family: 'AritaSB'; text-align: left; color: #767676;} #prodcutDetailWrap .t-group .infoColumn-c-v-primer .bold {font-size: 14px; font-family: 'AritaSB'; color: #231f20; line-height: 1.4; font-weight: bold;} /* 크리미 멀티 컬러 밤 :: 컬러 */ #prodcutDetailWrap .creamy-multi-color-balm li {width: 33.3%; float: left; text-align: center;} #prodcutDetailWrap .creamy-multi-color-balm li:nth-child(n+3) {margin-top: 0;} #prodcutDetailWrap .creamy-multi-color-balm li:nth-child(n+4) {margin-top: 35px;} /* 크리미 멀티 컬러 밤 :: 사용법 */ #prodcutDetailWrap .p-d-howTo-new dd {margin-bottom: 30px; padding-left: 72px; line-height: 22px;} #prodcutDetailWrap .p-d-howTo-new dl dd:last-of-type {padding-left: 45px;} #prodcutDetailWrap .p-d-howTo-new dd:last-child {margin-bottom: 0;} /* 크리미 멀티 컬러 밤 :: HOW-TO */ #prodcutDetailWrap .p-d-use-new .t-group .step-3 .txt, #prodcutDetailWrap .p-d-use-new .detail .t-group .txt {margin-right: 6.2%;width: 30%;letter-spacing: -0.5px; float: left; text-align: left; font-size: 15.5px; line-height: 1.5; color: #767676;} #prodcutDetailWrap .p-d-use-new .t-group .txt:last-of-type {margin-right: 0;width: 27%;} #prodcutDetailWrap .p-d-use-new .t-group .img.img_left {text-align: left;} #prodcutDetailWrap .p-d-use-new .t-group .img.onlyWeb {display: block;} /* 크리미 컬러 립 라이너 :: 메이크업 TIP */ #prodcutDetailWrap .creamy-color-lipliner li {float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 33.3%; padding: 0 8px;} #prodcutDetailWrap .creamy-color-lipliner li .txt {margin-top: 15px;} #prodcutDetailWrap .point.point-soft_blur_bb_cream.new .dd {min-height: 130px;} /* 토탈 솔루션 비비크림 :: 추천 메이크업 */ #prodcutDetailWrap .p-d-makeup-new .conWrap li .img {width: 415px; float: left; margin-right: 15px; text-align: left;} #prodcutDetailWrap .p-d-makeup-new .conWrap li .txt {width: 260px; float: left; letter-spacing: -0.035em;} #prodcutDetailWrap .p-d-makeup-new dl.thumb-txt dt {float: left; color: #000; font-family: 'aritaSB'; font-weight: bold;} #prodcutDetailWrap .p-d-makeup-new dl.thumb-txt dd:nth-of-type(1) {padding-left: 48px; padding-bottom: 25px;} #prodcutDetailWrap dl.thumb-txt dd:nth-of-type(2) {padding-left: 35px;} /* 트루 컬러 립스틱 :: 컬러 */ #prodcutDetailWrap .t-c-lip-stick li:nth-child(n+4){margin-top: 35px;} /* 팡팡 헤어 스틱 섀도우 :: 제품 특징 */ #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 li {display: inline-block; width: 100%; padding-top: 0; border-top: 0; margin-top: 30px;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 li .img {width: auto;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 li .img {float: left; /*width: 215px;*/ margin-top: 0; margin-right: 15px; margin-bottom: 0; text-align: left;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap li:nth-child(3), #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap li:nth-child(4) {margin-top: 60px;} #prodcutDetailWrap .conWrap.list1 .ul-deco-check-new li {margin-top: 0;} #prodcutDetailWrap ul.ul-deco-check-new li .deco-txt {padding-left: 1.2em; display: inline-block; position: relative;} #prodcutDetailWrap ul.ul-deco-check-new li .deco-txt::before {display: block; position: absolute; left: 0px; top: 0px; width: 0.78em; height: 1em; content: ""; background: url("/int/en/resource/images/product/common/bullet_grey.jpg") 0px 4px / contain no-repeat;} #prodcutDetailWrap .p-d-feature-p-p-h-s-shadow .conWrap.list1 > ul > li {border-top: none;} /* 팡팡 헤어 스틱 섀도우 :: 주요성분 */ #prodcutDetailWrap .p-p-h-s-shadow li{width: auto; float: left;} #prodcutDetailWrap .p-p-h-s-shadow li:nth-child(2) {margin-left: 22px;} #prodcutDetailWrap .conWrap.list1 .ul-deco-check.ul-deco-check-new li {padding-top: 0;} #prodcutDetailWrap .LinkWeb {top: 42.5%; left: 63.5%; width: 19%; height: 9%;} /* 퓨어 립 스틱 마스크 :: 특별한 성분 */ #prodcutDetailWrap .p-d-material-p-l-s-mask .conWrap .img, #prodcutDetailWrap .p-d-material-p-l-s-mask .conWrap .txt {width: auto;} #prodcutDetailWrap .p-d-material-p-l-s-mask .conWrap .img {float: left;margin-right: 15px;text-align: left;} #prodcutDetailWrap .txt .bold.bold-new {font-family: 'aritaSB'; font-size: 15px;} /* 퓨어 립 스틱 마스크 :: 용기 사용법 */ #prodcutDetailWrap .stick_mask li .name{font-size: 15.5px;} #prodcutDetailWrap .stick_mask li .name strong {font-family: 'aritaSB'; font-size: 15.5px;} /* 퓨어 립 스틱 마스크 :: 발색컷 */ #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li .name {margin-left: 0; font-size: 15.5px;} #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li{margin: 0; width: 33.3%;} #prodcutDetailWrap section.p-d-color-p-l-s-mask .p-l-s-mask-array li .thumb {width: 89.67%; position: relative; margin: 0;} #prodcutDetailWrap .liquid-eyeliner-color.stick_mask li.mt20 {margin: 0 !important;} /* 퓨어 립 컬러 립밤 :: 추천 메이크업 */ #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt dd:nth-of-type(1) {padding-left: 4.6%;} #prodcutDetailWrap .p-d-story.p-d-story-new .thumb-list.color-lip-balm dl.thumb-txt dd:nth-of-type(2) {padding-left: 6.6%;} /* 플라워 팝 아이 브릭 :: 메이크업 TIP */ #prodcutDetailWrap .b-e-l-c-mascara.eye-brick li {float: left;} #prodcutDetailWrap .b-e-l-c-mascara.eye-brick li + li {padding-top: 0px;} /* 플라워 팝 아이 브릭 :: HOW-TO */ .conWrap-eye-brick .txt_step dt{width: 60px;} .conWrap-eye-brick .txt_step dd {width: calc(100% - 65px);} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 제품 특징 */ #prodcutDetailWrap .beforeAfter.beforeAfter-new .img-area:nth-child(n+2) {float: left; margin-left: 6.25%; margin-top: 0;} #prodcutDetailWrap .beforeAfter-new.type02 .img-area {width: 29%; float: left; position: relative;} #prodcutDetailWrap .beforeAfter-new.type02 .img-area:nth-child(n+3) {margin-top: 0;} #prodcutDetailWrap .t-sub-group .beforeAfter-new .img {text-align: left;display: inline-block;max-width: 100%;} #prodcutDetailWrap .beforeAfter.beforeAfter-new.type02 .img-area:nth-child(n+3):before {top: 45%; margin-left: -68%;} #prodcutDetailWrap .beforeAfter.beforeAfter-new .img-area:nth-child(n+3)::before {top: 50%; margin: -25px 0px 0px -7%; transform: rotate(0);} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 전격 TEST */ #prodcutDetailWrap .beforeAfter.beforeAfter02 .img-area:nth-child(n+2)::before {display: block; position: absolute; top: 50%; width: 42px; height: 50px; content: ""; margin: -45px 0px 0px -7%; background: url("/int/en/resource/images/product/high_cover_cushion_perfect_liquid/arrow_pink.jpg") no-repeat;} #prodcutDetailWrap .txt.txt-new {font-family: 'aritaSB';} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 어플리케이터 특징 */ #prodcutDetailWrap .sTit.sTit-new.sTit-pc-none:nth-child(n+2) {border-top: none;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 추천 메이크업 */ #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid .thumb.thumb-new{float: left; margin-right: 15px;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid .txt-right{float: left;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco-p{display: block;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco{float: left;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco {color: #231f20;font-size: 1.2em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span {line-height: 1.95em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span.prd-face {padding-left: 0.6em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span.prd-lip {padding-left: 0.7em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.txt-deco + span.prd-eye {padding-left: 0.6em;} #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.prd-face, #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.prd-lip, #prodcutDetailWrap .h-c-c-p-liquid .detail-h-c-c-p-liquid span.prd-eye{float: left;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 컬러 */ #prodcutDetailWrap .p-d-color.p-d-color-h-c-c-concealer .names li .name{font-size: 12px;} /* 하이라이트 립 틴트 글로우 :: 컬러 */ #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.type2 li{width: 50%; float: left;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.type2 li .thumb {width: 80%;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.last45 li .name strong {color: #fb081e;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.last45 li .name {text-align: left;} #prodcutDetailWrap .p-d-material-h-l-t-glow .pdtLineArray.type2.no-line li {border-bottom: none;} /* 하이 커버 크림 코렉터, 하이 커버 크림 컨실러 공통 css */ #prodcutDetailWrap .liquid-eyeliner-color.high-cover-line li:nth-child(3) {margin-top: 0;} #prodcutDetailWrap .p-d-color.p-d-color-h-c-c-concealer .colors-on-arm-kr .names li .name{float: left; font-family: 'aritaSB'; font-size: 15.5px; letter-spacing: -0.035em;} } @media all and (max-width:1041px){ #pdtDetail section .t-group .txt{font-size: 13px;} #pdtDetail section.p-d-how .pdtLineArray li:nth-last-child(n+2){margin-top: 0;} #pdtDetail section.p-d-story dl.thumb-txt dd:nth-of-type(1){padding-left: 45px;} #pdtDetail section.p-d-story dl.thumb-txt dd:nth-of-type(2){padding-left: 32px;} section.p-d-material .pd-right{margin-top: 20px;} #pdtDetail section.p-d-color .t-group .img.img-txt img{max-width: 547px;} #pdtDetail section.p-d-material .pd-right .img img{max-width: 633px;} #pdtDetail section .pdtLineArray li{margin-top: 0px;} #pdtDetail section .pdtLineArray li .name{width: 90%; margin-left: 5%;} #pdtDetail section .pdtLineArray li .thumb{width: 90%;} #pdtDetail section .infoColumn li + li{margin-top: 20px;} #pdtDetail section.p-d-color .t-group .ul_v li{width: 90%; margin-left: 5%;} /* 코튼 베일 프라이머 :: 컬러 */ #prodcutDetailWrap .infoColumn-c-v-primer li {float: none; width: 100%; text-align: center;} #prodcutDetailWrap .infoColumn-c-v-primer li .img{margin-top: 25px;} #prodcutDetailWrap .p-d-line-c-v-primer .sTit {margin-bottom: 1.2em;font-family: 'AritaSB';font-size: 15px;color: #231f20;text-align: left;line-height: 1.4;} #prodcutDetailWrap .p-d-line-c-v-primer .pcBr{display: none;} #prodcutDetailWrap .infoColumn-c-v-primer li .txt, #prodcutDetailWrap .infoColumn-c-v-primer li .txt .bold{margin-top: 10px; text-align: left; font-family: 'AritaSB'; text-align: left; font-size: 14px;} #prodcutDetailWrap .infoColumn-c-v-primer li .txt{color: #767676;} /* 크리미 멀티 컬러 밤 :: 사용법 */ #prodcutDetailWrap .p-d-howTo-new dl dd {padding-left: 65px; text-align: left;} /* 크리미 멀티 컬러 밤 :: HOW-TO */ #prodcutDetailWrap .p-d-use-new .txt {text-align: center;} /* 크리미 컬러 립 라이너 :: 메이크업 TIP */ #prodcutDetailWrap .creamy-color-lipliner li {float: none; width: 100%;} #prodcutDetailWrap .creamy-color-lipliner li .txt {margin-top: 10px; font-size: 14px;} /* 크리미 멀티 컬러 밤 :: HOW-TO */ #prodcutDetailWrap .p-d-use-new .t-group .img.img_left.creamy {text-align: center;} /* 토탈 솔루션 비비크림 :: 추천 메이크업 */ #prodcutDetailWrap .p-d-makeup-new .conWrap li .img {float: none; margin: 0 auto; text-align: center;} #prodcutDetailWrap .p-d-makeup-new .conWrap li .txt {width: 100%; float: none; font-size: 14px;} #prodcutDetailWrap .p-d-makeup-new dl.thumb-txt dt {float: left; color: #000; font-family: 'aritaSB'; font-weight: bold;} #prodcutDetailWrap .p-d-makeup-new dl.thumb-txt dd:nth-of-type(1) {padding-left: 48px; padding-bottom: 25px;} #prodcutDetailWrap dl.thumb-txt dd:nth-of-type(2) {padding-left: 35px;} #prodcutDetailWrap .p-d-makeup-new .t-group .bold {margin-bottom: 10px; font-size: 14px; color: #231f20; font-family: 'AritaSB';} #prodcutDetailWrap .p-d-makeup-new dl.thumb-txt dd strong {color: #555; font-weight: bold; font-family: 'AritaSB';} #prodcutDetailWrap .p-d-makeup-new .pcBr{display: none;} } @media all and (max-width:785px ) { /* 크리미 멀티 컬러 밤 */ #prodcutDetailWrap .creamy-multi-color-balm li {margin-top: 0;float: left;width: 50%;} #prodcutDetailWrap .creamy-multi-color-balm li:nth-child(n+3) {margin-top: 25px;} #prodcutDetailWrap .creamy-multi-color-balm li .thumb {width: 89.67%; margin: 0 auto; position: relative; text-align: center;} } @media all and (max-width:768px ) { /* 아쿠아 글로우볼 베이스 :: 사용법 */ #prodcutDetailWrap .p-d-line-t-u-base .infoColumn li {width: 100%; float: none;} #prodcutDetailWrap .p-d-line-t-u-base .infoColumn li .txt {margin-top: 10px; font-size: 14px; font-family: 'AritaSB'; color: #767676;} /* 트루 컬러 립스틱 :: 컬러 */ #prodcutDetailWrap .t-c-lip-stick li:nth-child(n+3){margin-top: 25px;} #prodcutDetailWrap .sTit:nth-child(n+2){margin-top: 2em; padding-top: 2em; border-top: 1px dotted #e3e3e3;} } @media all and (min-width:561px ) { /* 소프트 블러 비비 :: 팔뚝발색 */ #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt li + li {margin-left: 40px;} #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt {width: 570px;margin: auto;padding-left: 10%;letter-spacing: -0.035em;} } @media all and (max-width:560px ) { /* 소프트 블러 비비 :: 팔뚝발색 */ #prodcutDetailWrap .p-d-color .bb_cream_txt {position: relative; height: 84px; padding-bottom: 1.6em;} #prodcutDetailWrap .p-d-color .bb_cream_txt li {position: absolute;left: 50%;top: 0;letter-spacing: -0.04em; width: auto; margin-top: 6px;} #prodcutDetailWrap .p-d-color .bb_cream_txt li .name span {display: block;} #prodcutDetailWrap .p-d-color .bb_cream_txt li:nth-child(1) {margin-left: -135px;} #prodcutDetailWrap .p-d-color .bb_cream_txt li:nth-child(2) {margin-left: -35px;} #prodcutDetailWrap .p-d-color .bb_cream_txt li:nth-child(3) {margin-left: 60px;} #prodcutDetailWrap .p-d-color .bb_cream_txt li .name strong {display: block;padding-bottom: 5px;} /* 하이 커버 쿠션 퍼펙트 리퀴드 :: 팔뚝발색 */ #prodcutDetailWrap .p-d-color .pdtLineArray.bb_cream_txt.names-new.cover-cushion li + li {margin-left: -35px;} #prodcutDetailWrap .p-d-color .bb_cream_txt.names-new.cover-cushion li:nth-child(3) {margin-left: 60px !important;} } /* detail_hj.css ------------------------------------------------------ */ /* -------- 에이지 컨트롤 라인 -------- */ /* 세트구성 */ /* 사용법 */ #prodcutDetailWrap .p-d-flower-toner-line-list.p-d-enriched-line-list p.txt {margin-left: 33px;} #prodcutDetailWrap .p-d-flower-toner-line-list.p-d-enriched-line-list span.round {background-color: #5a5a5a;} #prodcutDetailWrap.camomile-fomula .txt {text-align: center;} #prodcutDetailWrap .txt.kor {text-align: center;} #prodcutDetailWrap.camomile-fomula .txt-list-feature li,#prodcutDetailWrap.camomile-fomula .txt-list-feature li.kor {float: left;width: 50%;} /* --------국문 MOBILE 공통 클래스 -------- */ .w100per {width: 100% ! important;} #prodcutDetailWrap.camomile-fomula .txt-list-feature li.kor {float: none; width: 100%;} /* 올 스테이 파운데이션 글로우 */ #prodcutDetailWrap.all-stay-foundation .img {text-align: left;} #prodcutDetailWrap.all-stay-foundation .txt-deco {display: inline-block; vertical-align: top;} #prodcutDetailWrap.all-stay-foundation .prd-face {display: inline-block; vertical-align: top; margin-left: 5px;} #prodcutDetailWrap.all-stay-foundation .prd-eye, #prodcutDetailWrap.all-stay-foundation .prd-lip {margin-left: 5px;} #prodcutDetailWrap.all-stay-foundation .list01,#prodcutDetailWrap.all-stay-foundation .list02,#prodcutDetailWrap.all-stay-foundation .list03 {margin-top: 10px;} @media all and (min-width:769px ){ /* PC공통*/ .tal {text-align: left ! important;} #prodcutDetailWrap.camomile-fomula .txt-list-feature li.kor {float: left;width: 50%;} #prodcutDetailWrap.camomile-fomula .txt {text-align: center;} /*세트구성*/ #prodcutDetailWrap .p-d-age-control-gift-set .txt{margin:25px 0 0 40px} #prodcutDetailWrap .p-d-enriched-nutri-2set .tit {} #prodcutDetailWrap .p-d-enriched-nutri-2set .detail {} /* 사용법 */ /* -------- 인리피드 뉴트리 라인 -------- */ /*라인소개*/ #prodcutDetailWrap .conWrap.list02 .img {margin-right: 15px;} /*사용법 선언방식 다름*/ #prodcutDetailWrap.p-d-enriched-nutri .t-group .bold {margin-bottom: 5px;} #prodcutDetailWrap.p-d-enriched-nutri .p-d-flower-toner-line-list .img {margin-bottom: 30px;} /* 페탈 스파 오일 투폼 */ #prodcutDetailWrap .skinCare.petalspaoil .detail ul.list4 li, #prodcutDetailWrap .skinCare.petalspaoil .detail ul.list4 li:last-child {width: 100%;} /* 올 스테이 파운데이션 글로우 */ #prodcutDetailWrap.all-stay-foundation .pdtLineArray li {width: 25%; float: left;} #prodcutDetailWrap.all-stay-foundation .pdtLineArray li .thumb {width: 100%;} #prodcutDetailWrap.all-stay-foundation .comment {text-align: left;} #prodcutDetailWrap.all-stay-foundation .list01 .img, #prodcutDetailWrap.all-stay-foundation .list02 .img, #prodcutDetailWrap.all-stay-foundation .list01 .txt, #prodcutDetailWrap.all-stay-foundation .list02 .txt {float: left; width: 50%;} #prodcutDetailWrap.all-stay-foundation .list01,#prodcutDetailWrap.all-stay-foundation .list02,#prodcutDetailWrap.all-stay-foundation .list03 {margin-top: 20px;} } #prodcutDetailWrap.p-d-enriched-nutri .p-d-line .t-group, #prodcutDetailWrap .skinCare.p-d-enriched-nutri-2set .p-d-line .t-group {margin-top: 10px; margin-bottom: 5px;} #prodcutDetailWrap .skinCare .p-d-line .t-group {margin-top: 10px; margin-bottom: 5px;} /* -------- 인리피드 뉴트리 라인 -------- */ /*라인소개*/ /* -------- 카모마일 핸드크림 -------- */ /* 제품 특징 */ #prodcutDetailWrap.camomile-fomula {} /* 저자극 포뮬라 */ #prodcutDetailWrap .txt-list-feature li {text-align: left;} /*.p-d-feature02.camomile-fomula .ul_v.grey li:before {content: ''; display: inline-block; margin-right: 11px; vertical-align: middle; width: 12px; height: 13px; background: url(/int/en/resource/images/product/common/bullet_grey.jpg) 0px 0px no-repeat;}*/ #prodcutDetailWrap.camomile-fomula .t-group .bold {display: inline-block;} #prodcutDetailWrap.camomile-fomula .ul_v.icon_p.grey {display: inline-block;} #prodcutDetailWrap.camomile-fomula h5 {text-align: center;} #prodcutDetailWrap .txt-list-feature.type02 li.nbdr {border-bottom:0;} #prodcutDetailWrap .txt-list-feature.type02 li.nbdrr {border-right: 0;} #prodcutDetailWrap.camomile-fomula .txt-list-feature.type02 li {border-bottom: 1px dashed #ddd; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-height: 106px; padding: 24px 0;} #prodcutDetailWrap.camomile-fomula .txt-list-feature.type02 li.hol {border-right: 1px dashed #ddd;} #prodcutDetailWrap.camomile-fomula .txt-list-feature.type02 li.zak {} #prodcutDetailWrap.camomile-fomula .txt-list-feature.type02 li.trd-row {border-bottom: 0;} /* 플라워 팝 블러셔 */ #prodcutDetailWrap.flower_pop_blusher .pdtLineArray li {float: left; width: 50%;} #prodcutDetailWrap.flower_pop_blusher .pdtLineArray li .thumb {width: 90%; text-align: center;} #prodcutDetailWrap.flower_pop_blusher .img {text-align: left;} #prodcutDetailWrap.flower_pop_blusher .txt.txt2.txt_center p {float: left;width: 45%; text-align: center; margin-top: 10px;} #prodcutDetailWrap.flower_pop_blusher .t-group .txt_center p:first-child {margin-right: 10%; margin-top: 10px;} @media all and (min-width:769px ) { /*상품설명*/ #prodcutDetailWrap .point.longer > ul > li {padding-left: 5px; padding-right: 5px;} /*세트구성*/ #prodcutDetailWrap .conWrap.list1.flower-mask-line li {display:block; float: left; width: 25%; margin-top: 0;} #prodcutDetailWrap .conWrap.list1.flower-mask-line div.img {margin-top: 25px;} #prodcutDetailWrap .img.text-a-l {text-align: left;} #prodcutDetailWrap.camomile-fomula .txt-list-feature.type02 li.nbdr {border-bottom:0;} #prodcutDetailWrap.camomile-fomula .txt-list-feature.type02 li.nbdrr {border-right: 0;} /********* 캐모마일 퓨어 토너 **********/ /*.p-d-feature02.camomile-fomula .ul_v.grey li:before {content: ''; display: inline-block; margin-right: 11px; vertical-align: middle; width: 12px; height: 13px; background: url(/int/en/resource/images/product/common/bullet_grey.jpg) 0px 0px no-repeat;}*/ #prodcutDetailWrap .txt-list-feature.type02 li {width: 230px; height: 140px; float: left; border-right: 1px dashed #ddd; border-bottom: 1px dashed #ddd; text-align: center; padding-top: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /*저자극 포뮬라*/ .p-d-feature02.camomile-fomula ul.txt-list-feature>li {float: left; width: 50%;} .p-d-feature02.camomile-fomula .bold {text-align: center;} .p-d-feature02.camomile-fomula ul.ul_v {display: block; width: 200px; margin: 0 auto; } .p-d-feature02.camomile-fomula .txt>p {text-align: center;} .p-d-feature02.camomile-fomula p.bold {height: 50px;} #prodcutDetailWrap .point.type2.type03 ul li {min-height: 88px;} /*로즈워터 젤 크림*/ #prodcutDetailWrap .p-d-rose-step-list li.img-arr .img { transform: rotate(0deg) !important;} /* 플라워 팝 블러셔 */ #prodcutDetailWrap.flower_pop_blusher .pdtLineArray li {float: left;} #prodcutDetailWrap.flower_pop_blusher .pdtLineArray li .thumb {width: 100%; text-align: center;} #prodcutDetailWrap.flower_pop_blusher .txt.txt2.txt_center p {float: left;width: 29%; text-align: center;} #prodcutDetailWrap.flower_pop_blusher .t-group .txt_center p:first-child {margin-right: 6.5%;} /*토탈 솔루션*/ #prodcutDetailWrap.total-solution-line .point > ul > li.L4 {border-left:1px solid #ededec ;} #prodcutDetailWrap.total-solution-line .point .dt {font-size: 18px;} #prodcutDetailWrap.total-solution-line .point > ul > li {width: 25%;} #prodcutDetailWrap.total-solution-line .point > ul > li.L2 {width: 25%;} } /* ******************************************************** ### 제품 상세 :: 스타일 02 ### ******************************************************** */ #prodcutDetailWrap2{line-height: 1; font-size:13px; text-align: center; color:#231f20; margin:0; font-family: 'Arita Dotum', sans-serif; word-break:keep-all;} #prodcutDetailWrap2 .clearfix{*zoom:1;} #prodcutDetailWrap2 .clearfix:after{clear:both; content:""; display:block;} /* margin 공통 */ #prodcutDetailWrap2 .mt0{margin-top:0px !important;} #prodcutDetailWrap2 .mt10{margin-top:15px !important;} #prodcutDetailWrap2 .mt20{margin-top:10px !important;} #prodcutDetailWrap2 .mt30{margin-top:15px !important;} #prodcutDetailWrap2 .mt40{margin-top:20px !important;} #prodcutDetailWrap2 .mt50{margin-top:25px !important;} #prodcutDetailWrap2 .mt60{margin-top:30px !important;} #prodcutDetailWrap2 .mt70{margin-top:35px !important;} #prodcutDetailWrap2 .mt80{margin-top:40px !important;} #prodcutDetailWrap2 .mt90{margin-top:45px !important;} #prodcutDetailWrap2 .mt100{margin-top:50px !important;} /* Layout */ #prodcutDetailWrap2 .prd-detail-wide-content{padding:40px 0; margin:0 10px; border-top:1px solid #bfbfbf;} #prodcutDetailWrap2 .prd-detail-wide-content.bort0{border-top:0 } #prodcutDetailWrap2 .prd-detail-wide-content.padt0{padding-top:0 !important;} #prodcutDetailWrap2 .prd-detail-wide-content.padb0{padding-bottom:0 !important;} #prodcutDetailWrap2 .prd-detail-wide-content:first-child{border-top:0; padding-top:0 } /* Only Image */ #prodcutDetailWrap2 .img-no-margin{margin:0 -10px;} #prodcutDetailWrap2 .only-img-box img{max-width:100%;} /* 공통 */ #prodcutDetailWrap2 .line-bg{position: relative;} #prodcutDetailWrap2 .line-bg:before{display: block; position:absolute; top: 24%; left: -2%; z-index: -1; width: 104%; height: 50%; background-color: #fff0f0; content: '';} /* 상단 타이틀 */ #prodcutDetailWrap2 .prd-detail-wide-title-box{padding:30px 0 20px;} #prodcutDetailWrap2 .prd-detail-wide-tit{color:#ff9191; font-size:21px; line-height:1; margin-bottom:13px; font-family: "aritaSB"; } #prodcutDetailWrap2 .prd-detail-wide-en-tit{margin-bottom:10px; font-size:12px; font-family:'arita-buriSB'; color:#000; } #prodcutDetailWrap2 .prd-detail-wide-kr-tit{color:#000; font-size:11px; font-family:'aritaM'} /* 서브타이틀 */ #prodcutDetailWrap2 .prd-detail-wide-content-tit{margin:0 0 35px 0;} #prodcutDetailWrap2 .prd-detail-wide-content-tit.mt70{margin-top:35px;} #prodcutDetailWrap2 .prd-detail-wide-content-tit.mt60{margin-top:30px;} #prodcutDetailWrap2 .prd-detail-wide-content-tit h4{font-size:17.5px; color:#ec9b9b; font-family:'arita-buriSB'; letter-spacing:-0.1px;} #prodcutDetailWrap2 .prd-detail-wide-content-tit .kr-tit{font-family:'aritaM'; } /* alt텍스트 */ #prodcutDetailWrap2 .hide-txt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;} /* 레이아웃 수정(eb) */ #prodcutDetailWrap2 .content-pos-r{position: relative;} #prodcutDetailWrap2 .pd-30{padding: 15px 0;} #prodcutDetailWrap2 .pd-80{padding: 40px 0;} #prodcutDetailWrap2 .pt-150{padding-top: 75px;} #prodcutDetailWrap2 .pb-40{padding-bottom: 20px;} #prodcutDetailWrap2 .pb-60{padding-bottom: 30px;} #prodcutDetailWrap2 .pb-80{padding-bottom: 40px;} #prodcutDetailWrap2 .pb-100{padding-bottom: 50px;} #prodcutDetailWrap2 .pb-110{padding-bottom: 55px;} #prodcutDetailWrap2 .mt-0{margin-top: 0 !important;} /* -------- 한개 리스트 -------- */ #prodcutDetailWrap2 .prd-detail-list-1row-list li{margin-top:10px;} #prodcutDetailWrap2 .prd-detail-list-1row-list li:first-child{margin-top:0} /* -------- 번호+스펙 리스트 -------- */ #prodcutDetailWrap2 .spec-list-box{margin:0px auto;} #prodcutDetailWrap2 .spec-list-box li{position:relative; margin-top:6px; padding-left:8px; letter-spacing:-0.1px; font-family:'AritaSB';} #prodcutDetailWrap2 .spec-list-box li:first-child{margin-top:0px} #prodcutDetailWrap2 .spec-list-box li .spec-num{position:absolute; top:5px; left:0; width:20px; height:20px; font-size:14px; border-radius:50%; color:#fff; line-height:20px; color:#fff; font-weight:400; background-color:#f8b3b3;} #prodcutDetailWrap2 .spec-list-box li .spec-txt{min-height:30px; font-size:12px; line-height:1.5; text-align:left; background-color:#ffebeb; color:#707070; /* border-radius:0 10px 10px 0;*/ border-radius:5px; padding:6px 10px 6px 20px; webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #prodcutDetailWrap2 .spec-list-box li .spec-txt b{ font-family:'AritaM'; color:#ef7f7f;} /* -------- 동영상 + 자막 (공통) -------- */ #prodcutDetailWrap2 .prd-detail-video-wrapper{margin:0 -10px; } #prodcutDetailWrap2 .prd-detail-video-box {position:relative; overflow:hidden; padding-bottom:56.20%;} #prodcutDetailWrap2 .prd-detail-video-box iframe {position:absolute; left:0; top:0; width:100%; height:100%;} #prodcutDetailWrap2 .prd-detail-video-box2{position:relative; overflow:hidden; } #prodcutDetailWrap2 .prd-detail-video-box2 video{width:100%; height:auto} #prodcutDetailWrap2 .player-desc{background: #f0f0f0; padding: 2% 3%;} #prodcutDetailWrap2 .player-desc .desc{width:100%; height: 100px; overflow-y: auto; border: none; background: none; font-family: 'aritaM'; font-size: 11px; line-height: 1.6 !important; text-align: left;} /* -------- 홀,짝 배경변경 리스트 -------- */ #prodcutDetailWrap2 .spec-list-box2 {margin:0 -10px} #prodcutDetailWrap2 .spec-list-box2 li{padding:35px 5% 30px} #prodcutDetailWrap2 .spec-list-box2 li.bg{background-color:#fff8f8} #prodcutDetailWrap2 .spec-list-box2 li .spec-list-box2-tit{display:block; font-family:'arita-buriSB'; font-size:18px; color:#e77d7d; letter-spacing:-0.1px; margin-bottom:15px;} #prodcutDetailWrap2 .spec-list-box2 li .spec-list-box2-txt{font-family:'aritaL'; font-size:13px; letter-spacing:-0.1px; line-height:1.4} /* -------- 라인 소개 -------- */ #prodcutDetailWrap2 .prd-line-list-box-con{padding-top:50px;} #prodcutDetailWrap2 .prd-line-list-box-con li{float:left; width:50%;} #prodcutDetailWrap2 .prd-line-list-box-con.prd-3-list-box li{width:33.33%; margin-bottom:30px;} #prodcutDetailWrap2 .prd-line-list-box-con li dl dt img{height:160px} #prodcutDetailWrap2 .prd-line-list-box-con li dl dd{font-family:'aritaL'; color:#000; font-size:12px; letter-spacing:-0.1px; line-height:1.5; margin-top:10px;} #prodcutDetailWrap2 .prd-line-list-box-con li dl dd .prd-line-list-tit-sub-txt{display:block; margin-bottom:5px} #prodcutDetailWrap2 .prd-line-list-box-con li dl dd .skin-test-txt{display:block; opacity:0.5;filter:Alpha(opacity=50); margin-top:5px;} @media all and (min-width:769px ) { /* margin 공통 */ #prodcutDetailWrap2 .mt0{margin-top:0px !important;} #prodcutDetailWrap2 .mt10{margin-top:10px !important;} #prodcutDetailWrap2 .mt20{margin-top:20px !important;} #prodcutDetailWrap2 .mt30{margin-top:30px !important;} #prodcutDetailWrap2 .mt40{margin-top:40px !important;} #prodcutDetailWrap2 .mt50{margin-top:50px !important;} #prodcutDetailWrap2 .mt60{margin-top:60px !important;} #prodcutDetailWrap2 .mt70{margin-top:70px !important;} #prodcutDetailWrap2 .mt80{margin-top:80px !important;} #prodcutDetailWrap2 .mt90{margin-top:90px !important;} #prodcutDetailWrap2 .mt100{margin-top:100px !important;} /* Layout */ #prodcutDetailWrap2{max-width:750px} #prodcutDetailWrap2 .prd-detail-wide-content{padding:80px 0; margin:0 20px; border-top-width:2px;} /* Only Image */ #prodcutDetailWrap2 .img-no-margin{margin:0 -20px;} /* 상단 타이틀 */ #prodcutDetailWrap2 .prd-detail-wide-title-box{padding:60px 0 40px;} #prodcutDetailWrap2 .prd-detail-wide-tit{font-size:50px; margin-bottom:15px;} #prodcutDetailWrap2 .prd-detail-wide-kr-tit{font-size:24px; } #prodcutDetailWrap2 .prd-detail-wide-en-tit{font-size:28px; margin-bottom:20px;} /* 서브타이틀 */ #prodcutDetailWrap2 .prd-detail-wide-content-tit{margin:0 0 70px 0;} #prodcutDetailWrap2 .prd-detail-wide-content-tit.mt70{margin-top:70px;} #prodcutDetailWrap2 .prd-detail-wide-content-tit.mt60{margin-top:60px;} #prodcutDetailWrap2 .prd-detail-wide-content-tit h4{font-size:36px; } /* 번호+스펙 리스트 */ #prodcutDetailWrap2 .spec-list-box li{padding-left:15px;} #prodcutDetailWrap2 .spec-list-box li .spec-num{top:12px;width:32px; height:32px; font-size:26px; line-height:32px;} #prodcutDetailWrap2 .spec-list-box li .spec-txt{min-height:50px; font-size:26px; padding:10px 10px 10px 28px;/* border-radius:0 25px 25px 0; */ border-radius:15px; } /* 동영상 + 자막 */ #prodcutDetailWrap2 .prd-detail-video-wrapper{margin:0 -20px;} #prodcutDetailWrap2 .player-desc .desc{font-size:13px;} /* 홀,짝 배경변경 리스트 */ #prodcutDetailWrap2 .spec-list-box2 {margin:0 -20px} #prodcutDetailWrap2 .spec-list-box2 li{padding:72px 5% 60px} #prodcutDetailWrap2 .spec-list-box2 li .spec-list-box2-tit{font-size:36px; margin-bottom:25px;} #prodcutDetailWrap2 .spec-list-box2 li .spec-list-box2-txt{font-size:28px;} #prodcutDetailWrap2 .spec-list-box2 li .spec-list-box2-txt br{display:block;} /* 라인소개 */ #prodcutDetailWrap2 .prd-line-list-box-con{padding-top:110px;} #prodcutDetailWrap2 .prd-line-list-box-con.prd-3-list-box li{float:left; width:33.33%;} #prodcutDetailWrap2 .prd-line-list-box-con li dl dt img{height:auto;} #prodcutDetailWrap2 .prd-line-list-box-con li dl dd{font-size:22px; margin-top:20px;} #prodcutDetailWrap2 .prd-line-list-box-con li dl dd .skin-test-txt{margin-top:5px;} /* 레이아웃 수정(eb) */ #prodcutDetailWrap2 .pd-30{padding: 30px 0;} #prodcutDetailWrap2 .pd-80{padding: 80px 0;} #prodcutDetailWrap2 .pt-150{padding-top: 150px;} #prodcutDetailWrap2 .pb-40{padding-bottom: 40px;} #prodcutDetailWrap2 .pb-60{padding-bottom: 60px;} #prodcutDetailWrap2 .pb-80{padding-bottom: 80px;} #prodcutDetailWrap2 .pb-100{padding-bottom: 100px;} #prodcutDetailWrap2 .pb-110{padding-bottom: 110px;} #prodcutDetailWrap2 .m-br{display: none;} #prodcutDetailWrap2 .pc-br{display: block;} } @media all and (max-width:480px ) { /* 레이아웃 수정(eb) */ #prodcutDetailWrap2 .pc-br{display: none;} } /* ****************** 로즈워터토너 ********************** */ /* 로즈워터 컨텐츠1 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-wide-title-box{padding-bottom:40px} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box{margin:40px 0;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box .prd-detail-tit{font-family:'AritaSB'; font-size:21px; margin-bottom:10px; color:#ff9999; letter-spacing:-0.25px;} #prodcutDetailWrap2.rose-water-toner .mark-txt{display:inline-block; padding:4px 8px; background-color:#f29797; margin:5px 0; color:#fff;} #prodcutDetailWrap2.rose-water-toner .prd-detail-sub-txt{font-family:'AritaSB';font-size:15px; letter-spacing:-0.1px; color:#f57d7d; } #prodcutDetailWrap2.rose-water-toner .rose-water-txt-box1{font-family:'arita-buriSB'; margin-top:40px; letter-spacing:-0.1px; margin-bottom:15px; } #prodcutDetailWrap2.rose-water-toner .rose-water-txt-box1 b{font-family:'arita-buriM';} #prodcutDetailWrap2.rose-water-toner .rose-water-txt1{font-size:18px; color:#f57777; display:block; margin-bottom:10px;} #prodcutDetailWrap2.rose-water-toner .rose-water-txt2{font-family:'arita-buriM'; font-size:15px; color:#5f5d5d;} #prodcutDetailWrap2.rose-water-toner .spec-list-box{max-width:320px;} #prodcutDetailWrap2.rose-water-toner .spec-list-box li .spec-txt{min-height:26px} /* 로즈워터 컨텐츠 2 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2{margin-bottom:20px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit{display:inline-block; position:relative; line-height:1.18; font-size:23px; color:#ff9999; letter-spacing:-0.25px; font-family:'AritaSB';} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit b{color:#e67979; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit-icon{position:absolute; top:-20px; right:100%; margin-right:-5px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit-icon img{width:30px;} /* 로즈워터 컨텐츠 3 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3{letter-spacing:-0.1px; margin-bottom:20px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit{font-family:'arita-buriSB'; font-size:24px; color:#e67777; letter-spacing:-0.25px; margin-bottom:20px; margin-left:-20%} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit span{display:inline-block; margin-left:30%; color:#ff9999; font-size:21px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit span b{font-family:'arita-buriM';} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit-sub-txt{font-family:'aritaL'; font-size:13px; line-height:1.5; letter-spacing:-0.1px; color:#525151; font-weight:400;} /* 로즈워터 컨텐츠 5 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5{letter-spacing:-0.1px; margin:65px 0 42px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit{display:inline-block; position:relative; font-family:'arita-buriM'; font-size:28px; color:#ff9999; letter-spacing:-0.25px; margin-bottom:20px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit strong{color:#f48585; font-family:'arita-buriSB';} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit-icon{position:absolute; left:-40px; bottom:100%;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit-icon img{height:30px} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit-sub-txt{font-family:'aritaL'; font-size:15px; line-height:1.5; letter-spacing:-0.1px; color:#898989; font-weight:400;} @media all and (min-width:769px ) { /* 로즈워터 컨텐츠1 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-wide-title-box{padding-bottom:80px} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box{margin:80px 0;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box .prd-detail-tit{font-size:50px; margin-bottom:20px } #prodcutDetailWrap2.rose-water-toner .mark-txt{padding:8px 12px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-sub-txt {font-size:31px;} #prodcutDetailWrap2.rose-water-toner .rose-water-txt-box1{margin-top:80px; margin-bottom:32px; } #prodcutDetailWrap2.rose-water-toner .rose-water-txt1{font-size:36px} #prodcutDetailWrap2.rose-water-toner .rose-water-txt2{font-size:28px;} #prodcutDetailWrap2.rose-water-toner .spec-list-box{max-width:540px;} #prodcutDetailWrap2.rose-water-toner .spec-list-box li .spec-txt{min-height:58px; font-size:26px; padding:16px 10px 16px 48px;border-radius:15px; } /* 로즈워터 컨텐츠 2 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2{margin-bottom:47px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit{font-size:54px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit-icon{top:-40px;margin-right:-10px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box2 .prd-detail-tit-icon img{width:auto;} /* 로즈워터 컨텐츠 3 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3{margin-bottom:42px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit{font-size:50px; margin-bottom:40px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit span{font-size:44px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box3 .prd-detail-tit-sub-txt{font-size:26px;} /* 로즈워터 컨텐츠 5 */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5{margin:30px 0 20px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit{font-size:60px; margin-bottom:42px;} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit-icon{left:-85px; } #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit-icon img{height:auto} #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box5 .prd-detail-tit-sub-txt{font-size:30px;} } /* ****************** 에이지 컨트롤 파워 아이크림 ********************** */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-wide-tit, #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-wide-content-tit h4{color:#bf2c52;} /* 에이지 아이크림 컨텐츠1 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box{padding-top:30px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-mark-icon{font-size:12px; letter-spacing:-0.1px; font-weight:600; display:inline-block; border:2px solid #bf2c52; padding:0px 6px 0px 6px; height:20px; line-height:20px; color:#bf2c52; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; margin-bottom:15px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-tit{font-family:'arita-buriSB'; color:#000; font-size:22px; letter-spacing:-0.1px; margin-bottom:11px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-sub-txt{color:#000; font-size:13px; line-height:1.45; letter-spacing:-0.1px; margin-bottom:30px} #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box{max-width:320px; margin-top:20px} #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box li .spec-txt{background-color:#faf4e4; border-radius:0 30px 30px 0 } #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box li .spec-num{background-color:#bf2c52} #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box li .spec-txt b{color: #bf2c52;} /* 에이지 아이크림 컨텐츠2 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2{margin:40px 0} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2 .prd-detail-mark-icon{font-size:14px; color:#f4e000; border-color:#f4e000} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2 .prd-detail-con-tit {color:#bf2c52; font-size:22px; font-weight:600; letter-spacing:-0.1px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2 .prd-detail-con-tit span{font-family:'arita-buriSB'; color:#898989; font-size:15px; font-weight:600; letter-spacing:-0.25px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-list-1row-list li{margin-top:20px} /* 에이지 아이크림 컨텐츠3 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3{padding-top:0} #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box2 li .spec-list-box2-tit{color:#bf2c52; font-family:'arita-buriSB'} #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box2 li .spec-list-box2-tit b{font-family:'arita-buriM'} /* 에이지 아이크림 컨텐츠4 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3{padding-bottom:25px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3 .prd-detail-con-tit{font-family:'arita-buriM'; color:#555; font-size:19px; letter-spacing:-0.1px; margin-bottom:10px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3 .prd-detail-con-tit2{color:#bf2c52; font-size:23px; letter-spacing:-0.25px; font-weight:900;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box{margin-bottom:60px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl{margin-top:40px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl dt{margin-bottom:20px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl dt img{height:70px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl dd{color:#000; font-size:13.5px; line-height:1.45; font-family:'aritaL';} #prodcutDetailWrap2.age-control-power-eye-cream .prd-icon-sub-txt-box{border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf;margin:0 25px; padding:15px 0;color:#000; font-size:11.5px; line-height:1.4; opacity:0.6;filter:Alpha(opacity=60);} /* 에이지 아이크림 컨텐츠5 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box4{padding:30px 0} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box4 .prd-detail-con-tit img{height:72px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box4 .prd-detail-con-tit2{color:#000; font-size:12px; letter-spacing:-0.25px; font-family:'aritaL'; margin-top:10px;} /* 에이지 아이크림 컨텐츠6 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box5{padding-bottom:35px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box5 .prd-detail-con-tit img{height:60px;} /* 에이지 아이크림 컨텐츠7 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box6{padding-bottom:35px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box6 .prd-detail-con-tit{color:#464646; font-size:20px; letter-spacing:-0.25px; line-height:1.2; font-family:'aritaL'; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box6 .prd-detail-con-tit b{font-size:23px; color:#bf2c52; font-weight:900; font-family:'aritaM'; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-sub-test-txt{padding-top:30px; color:#838383; font-size:11px; line-height:1.4; text-align:left; letter-spacing:-0.1px; opacity:0.6;filter:Alpha(opacity=60);} /* 에이지 아이크림 컨텐츠8 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-use-txt{text-align:left; font-family:'aritaL'; margin:20px 0 0 0; font-size:15px; letter-spacing:-0.1px; color:#000; line-height:1.4;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-use-txt b{font-weight:700; font-family:'aritaM'; color:#bf2c52;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list{margin:30px -1% 0;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li{float:left; width:48%;margin:0 1% 60px 1%; text-align:left;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li img{width:100%; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li dl{margin-top:15px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li dt{color:#bf2c52; font-size:16px; letter-spacing:-0.1px; font-weight:700; font-family:'aritaM'; margin-bottom:10px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li dd{line-height:1.35; color:#000; font-size:13.5px; letter-spacing:-0.1px; font-family:'aritaL';} /* 에이지 아이크림 컨텐츠9 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box7{padding:40px 0 46px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box7 .prd-detail-con-tit{color:#bf2c52; font-size:20px; letter-spacing:-0.25px; line-height:1.2; font-family:'aritaL'; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box7 .prd-detail-con-tit b{ font-weight:900; font-family:'aritaM'; } #prodcutDetailWrap2.age-control-power-eye-cream .age-control-cream-content9-txt{color:#000; font-size:13px; letter-spacing:-0.1px; line-height:1.3; font-family:'aritaL'; margin-top:25px;} @media all and (min-width:769px ) { /* 에이지 아이크림 컨텐츠1 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-wide-content{padding:100px 0;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-wide-content:first-child{padding-top:0;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-wide-title-box{padding:60px 0;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box{padding-top:97px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-mark-icon{height:auto; height:46px; line-height:46px; padding:0 15px; font-size:21px; margin-bottom:30px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-tit{font-size:36px; margin-bottom:28px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-sub-txt{font-size:21px;margin-bottom:70px; } #prodcutDetailWrap2.age-control-power-eye-cream .spec-list-box{max-width:640px; margin-top:75px} /* 에이지 아이크림 컨텐츠2 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2{margin:80px 0} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2 .prd-detail-mark-icon{font-size:33px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2 .prd-detail-con-tit {font-size:52px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box2 .prd-detail-con-tit span{font-size:33px;} /* 에이지 아이크림 컨텐츠4 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3{padding-bottom:60px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3 .prd-detail-con-tit{font-size:43px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box3 .prd-detail-con-tit2{font-size:58px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box{margin-bottom:125px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl{margin-top:78px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl dt{margin-bottom:36px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl dt img{height:auto} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-icon-list-box dl dd{font-size:28px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-icon-sub-txt-box{margin:0 80px; font-size:22px; padding:23px 0; } /* 에이지 아이크림 컨텐츠5 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box4{padding:60px 0} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box4 .prd-detail-con-tit img{height:auto} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box4 .prd-detail-con-tit2{font-size:24px; } /* 에이지 아이크림 컨텐츠6 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box5{padding-bottom:66px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box5 .prd-detail-con-tit img{height:auto;} /* 에이지 아이크림 컨텐츠7 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box6{padding-bottom:75px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box6 .prd-detail-con-tit{font-size:47px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box6 .prd-detail-con-tit b{font-size:54px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-sub-test-txt{padding-top:60px; font-size:21px; text-align:center;} /* 에이지 아이크림 컨텐츠8 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-wide-content-tit{margin-bottom:55px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-use-txt{margin:40px 0 0 0; font-size:32px; } #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list{overflow:hidden; margin:60px -1% 20px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li{margin-bottom:55px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li dl{margin-top:35px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li dt{font-size:35px;} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-howto-step-list li dd{font-size:28px} /* 에이지 아이크림 컨텐츠9 */ #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box7{padding:55px 0 94px} #prodcutDetailWrap2.age-control-power-eye-cream .prd-detail-title-box7 .prd-detail-con-tit{font-size:45px} #prodcutDetailWrap2.age-control-power-eye-cream .age-control-cream-content9-txt{margin-top:52px; font-size:24px;} } /* ****************** 비타민 바이탈 에센스 ********************** */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-wide-tit, #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-wide-content-tit h4{color:#fe8e0a;} /* 바이탈 비타민 에센스 컨텐츠1 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box{padding-top:30px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-mark-icon{font-size:11px; letter-spacing:-0.1px; font-weight:900; display:inline-block; border:2px solid #e5c619; padding:6px 8px 4px; color:#e5c619; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; margin-bottom:15px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tit{font-family:'arita-buriM'; color:#fe8e0a; font-size:21px; letter-spacing:-0.1px; margin-bottom:10px; font-weight:900} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tit span{display:block; font-size:14px; opacity:0.68;filter:Alpha(opacity=68); margin-bottom:8px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-hash-list{font-family:'aritaSB'; margin-bottom:15px; font-size:12px; color:#fe8e0a; letter-spacing:-0.25px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-sub-txt{font-family:'arita-buriM'; color:#5f5d5d; font-size:12px; line-height:1.3; letter-spacing:-0.1px; margin-bottom:30px} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box{max-width:none; width:330px; margin-top:20px} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box li .spec-txt{background-color:#feeed2; border-radius:5px; color:#595858;} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box li .spec-num{background-color:#fe8e0a} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box li .spec-txt b{color: #fe8e0a;} /* 바이탈 비타민 에센스 2 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2{overflow:hidden;margin-top:35px; margin-bottom:22px;} #prodcutDetailWrap2.vital-vitamin-essence .line-bg:before{background-color:#fef9db} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-tit {color:#fe8e0a; font-size:22px; font-weight:600; letter-spacing:-0.1px; line-height:1.2} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-tit span{font-family:'aritaL'; font-size:21px; letter-spacing:-0.25px; font-weight:300;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-img-tit{margin-top:15px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-img-tit img{height:38px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-img-sub-txt-box{color:#000; font-size:12px; letter-spacing:-0.1px; opacity:0.5;filter:Alpha(opacity=50); margin:10px 0 30px} /* 바이탈 비타민 에센스 3 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box3{margin:50px 0 35px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box3 .prd-detail-con-tit{font-size:16px; font-family:'arita-buriM'; color:#707070; letter-spacing:-0.25px; margin-bottom:10px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box3 .prd-detail-con-tit2{font-size:22px; font-family:'arita-buriSB'; color:#fe8e0a; letter-spacing:-0.1px; } #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li.bg{background-color:#fff9e3} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li{padding:17px 5%;} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li:last-child{padding:27px 5% 0;} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li .spec-list-box2-tit{color:#eb9b00; font-family:'aritaL'; font-weight:300;} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li .spec-list-box2-tit b{font-family:'aritaM';} /* 바이탈 비타민 에센스 4 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box4{margin-bottom:35px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box4 .prd-detail-con-tit{color:#fe8e0a; font-size:18px; letter-spacing:-0.25px; margin-bottom:6px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box4 .prd-detail-con-tit2 img{height:34px;} /* 바이탈 비타민 에센스 5 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con{background-color:#fffbf2; border:3px dashed #ffe3b1; padding:30px 0; -webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;} #prodcutDetailWrap2.vital-vitamin-essence .dashed-tit-box{margin-bottom:25px} #prodcutDetailWrap2.vital-vitamin-essence .dashed-tit-box img{height:45px} #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con p{font-family:'arita-buriM'; font-size:13px; line-height:1.44; color:#000; } #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con p span{color:#fea944;} #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con .prd-dashed-txt-box1{position:relative; margin-bottom:55px} #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con .prd-dashed-txt-box1:after{position:absolute; top:100%; left:50%; width:1px; height:25px; margin-top:15px; background-color:#8b8b8a; content:""; } /* 바이탈 비타민 에센스 6 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6{margin-bottom:25px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6 .prd-detail-con-tit{color:#fe8e0a; font-size:21px; letter-spacing:-0.25px; font-family:'aritaM'; font-weight:600; margin-bottom:10px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6 .prd-detail-con-tit img{margin-top:-3px; height:25px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6 .prd-detail-con-tit2{line-height:1.5; letter-spacing:-0.25px; color:#92722c; font-size:13px; font-family:'aritaL'; font-weight:600;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con{max-width: 619px; margin:0px auto; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con li{margin-bottom:15px;font-family:'aritaM'; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con li dt{background-color:#fcf49f; padding:8px 0; color:#eb9835; font-size:14px; font-weight:600; letter-spacing:-0.28px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; line-height:1.2} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con li dd{background-color:#fffbcf; padding:10px 0; color:#957a40; font-size:12px; line-height:1.2} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con li dd b{display:block;} @media all and (min-width:769px ) { /* 바이탈 비타민 에센스 컨텐츠1 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-wide-title-box{padding-bottom:75px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box{padding-top:90px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-mark-icon{font-size:21px; margin-bottom:30px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tit{font-size:45px; margin-bottom:20px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-sub-txt{font-size:26px;margin-bottom:65px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tit span{font-size:29px; margin-bottom:15px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-hash-list{margin-bottom:30px; font-size:25px; } #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box{width:auto; margin-top:45px} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box li .spec-txt{padding:10px 10px 10px 30px; min-height:50px; border-radius:10px} /* 바이탈 비타민 에센스 컨텐츠2 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2{margin-top:70px; margin-bottom:45px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-tit{font-size:51px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-tit span{font-size:48px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-img-tit{margin-top:30px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box2 .prd-detail-con-img-tit img{height:auto;} #prodcutDetailWrap2.vital-vitamin-essence .prd-img-sub-txt-box{font-size:22px; margin:20px 0 50px} /* 바이탈 비타민 에센스 컨텐츠3 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box3{margin:107px 0 70px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box3 .prd-detail-con-tit{font-size:34px; margin-bottom:20px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box3 .prd-detail-con-tit2{font-size:49px;} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li, #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li:last-child{padding:36px 5%;} #prodcutDetailWrap2.vital-vitamin-essence .spec-list-box2 li .spec-list-box2-txt{font-size:23px} /* 바이탈 비타민 에센스 컨텐츠4 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box4{margin-bottom:75px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box4 .prd-detail-con-tit{font-size:40px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box4 .prd-detail-con-tit2 img{height:auto} /* 바이탈 비타민 에센스 컨텐츠5 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con{padding:50px 0;} #prodcutDetailWrap2.vital-vitamin-essence .dashed-tit-box{margin-bottom:50px} #prodcutDetailWrap2.vital-vitamin-essence .dashed-tit-box img{height:auto} #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con p{font-size:25px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con .prd-dashed-txt-box1{margin-bottom:110px} #prodcutDetailWrap2.vital-vitamin-essence .prd-dashed-box-con .prd-dashed-txt-box1:after{height:53px; margin-top:30px;} /* 바이탈 비타민 에센스 컨텐츠6 */ #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-wide-content-tit{margin-bottom:50px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6{margin-bottom:50px} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6 .prd-detail-con-tit{font-size:48px; margin-bottom:20px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6 .prd-detail-con-tit img{height:auto;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-title-box6 .prd-detail-con-tit2{font-size:26px; } #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con li dt{font-size:28px;} #prodcutDetailWrap2.vital-vitamin-essence .prd-detail-tip-list-con li dd{font-size:25px; padding:20px 0;} } /* ****************** 모이스처 세라마이드 인텐스 크림 컨텐츠 ********************** */ #prodcutDetailWrap2 .dtd-txt {text-indent: -9999px; height: 0; position: fixed; left: -9999px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 1 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-title-box{padding-bottom:40px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-tit{color:#ff9191; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box{margin:49px 0 37px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-mark-icon{display:inline-block; color:#fff; background-color:#ff9191; padding:5px 8px; border-radius:30px; font-size:12px; box-shadow:1px 1px 1px rgba(0, 0, 0, .5);} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-tit{font-weight:600; margin:13px 0; color:#ff9191; font-size:23px; letter-spacing:-0.6px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-hash-txt{color:#cd7878; font-size:13px; letter-spacing:-0.5px; margin-bottom:15px; font-weight:600;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-sub-txt{font-size:13px; color:#846b6b; line-height:1.32} #prodcutDetailWrap2.moisture-ceramide-intense-cream .spec-ps-txt {font-size: 11px; margin-top: 8px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .spec-list-box{max-width:300px; margin-top:27px} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 2 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 {font-family : "arita-buriSB"; font-size: 15px; line-height: 1.6; color: #905858; letter-spacing: -0.5px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 ul {margin: 14px 0 25px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-img-box2 {margin-top: 50px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-img-box2 img {width: 100%; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 > img {width: 53.5%;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 ul {width:230px; margin:15px auto 25px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 ul li {text-align: left;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 ul li img{height:15px; margin-top:-3px; margin-right:3px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 3 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box3 .prd-detail-tit {font-size: 20px; line-height: 1.35; letter-spacing: -0.65px; color: #a05c5c; font-family: 'aritaM'; font-weight: 400; margin-bottom: 40px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box3 .prd-detail-tit > span { color: #ff9191; font-size: 22px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box3 .prd-detail-tit b{font-weight: 600;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt {position: relative; font-weight: 400; color: #3a3636; line-height: 1.3; font-size: 14px; margin-bottom: 25px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span { position: absolute; top: -15px; left: 50%; margin-left:-100px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span img {height:25px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt b {margin-top: 5px; color: #d96f6f; display: block;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 {position: relative;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 span {position: absolute; top: -33px; left: 50%; margin-left:-100px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span img {height:25px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 b {display: block; margin-top: 60px; margin-bottom: 20px; font-weight: 600; font-size: 30px; color: #ee8989; font-family : "aritaSB";} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 b strong {color: #88b8de;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 span img{height:25px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-content .prd-txt02 {font-weight: 400; font-size: 12px; letter-spacing: -0.25px; line-height: 1.48; color: #421e1e;-ms-word-break: keep-all; word-break: keep-all;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-content .ceramide-img-width img{max-width:84%} #prodcutDetailWrap2.moisture-ceramide-intense-cream .mt50 {margin-top: 25px ! important;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-wrapper {margin: 0;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 4 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit4 {font-family: 'arita-buriM'; font-size: 21px; letter-spacing: -0.5px; color: #d78f91;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.cont4 {margin-top: 30px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 5 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit5 {font-family: 'arita-buriM'; font-weight: 400; font-size: 23px; line-height: 1.27; color: #d78f91;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit5 span {display: block; font-weight: 600;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.cont5 {margin-top: 45px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .ceramide-prd-compare-img{} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-cont05list {text-align: left; margin-top: 12px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-cont05list li {font-family: 'aritaL'; font-size: 10px; line-height: 1.45; color: #838383; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.cont6 {margin-top: 60px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 {margin-top: 30px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 .video-wrap {float: left; width: 49%; margin-left: 2%;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 .video-wrap:first-child {margin-left: 0; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 .video-wrap video {width: 100%;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit6 {margin-top: 47px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box video {max-width: 100%;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 .prd-detail-txt-img{margin-top:-5%} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 6 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .content06-tit {font-family: 'aritaM'; font-size: 21px; color: #be9b9b; font-weight: 300; line-height: 1.24; letter-spacing: -0.5px; margin: 50px 0 28px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .content06-tit b {color: #fb7f7f; font-size: 21px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.content06 {margin-top: 30px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont06 {font-family: 'aritaL'; font-weight:400; font-size: 21px; line-height: 1.25; letter-spacing: -0.25px; color: #ff9797; margin-bottom: 40px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont06 b {font-family: 'aritaM'; font-size:21px; color: #ea8181;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont07 {font-family: 'aritaL'; font-weight:400; font-size: 21px; line-height: 1.25; letter-spacing: -0.25px; color: #be9b9b; margin: 50px 0 30px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont07 b {font-family: 'aritaM'; font-size:21px; color: #ea8181;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 7 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .content07-tit {font-family: 'arita-buriM'; font-size: 23px; letter-spacing: -0.1px; color: #ff9191; margin-bottom: 35px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 8 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-content.content8 video {max-width:100%;} @media all and (min-width:769px ) { /* 모이스처 세라마이드 인텐스 크림 컨텐츠 1 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-title-box{padding-bottom:80px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box{margin:98px 0 74px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-mark-icon{padding:10px 17px; font-size:24px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-tit{margin:26px 0 15px;font-size:50px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-hash-txt{margin-bottom:30px; font-size:26px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-sub-txt{font-size:25px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .spec-ps-txt {font-size: 22px; line-height: 1.9; color: #707070; margin-top: 15px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-main-img-box img{max-width:none;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .spec-list-box{max-width:550px; margin-top:53px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .spec-list-box li .spec-txt{border-radius:15px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 2 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 {font-size: 30px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 ul { display:inline-block; width:auto;margin: 29px 0 50px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-img-box2 {margin-top: 100px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box2 ul li img{height:auto; margin-top:-3px; margin-right:3px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 3 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box3 .prd-detail-tit {font-size: 47px; margin-bottom: 80px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box3 .prd-detail-tit > span { font-size: 52px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt { font-size: 30px; margin-bottom: 50px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt b {margin-top: 10px;;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span {position: absolute; top: -23px; left: 137px; margin-left:0px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span img {height: auto;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 span img{height:auto} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 span {top: -63px; left: 145px; margin-left:0} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 b {font-size: 50px; margin-top: 160px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-content .prd-txt02 {font-size: 27px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-content .ceramide-img-width img{max-width:none} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 4 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit4 {font-size: 50px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.cont4 {margin-top: 60px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 5 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit5 {font-size: 48px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.cont5 {margin-top: 90px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .mt40 {margin-top: 40px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-cont05list {margin-top: 24px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-cont05list li {font-size: 21px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 {margin-top: 70px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit6 {margin-top: 94px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 6 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .content06-tit {font-size: 48px; margin: 100px 0 56px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .content06-tit b {font-size: 50px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .only-img-box.content06 {margin-top: 60px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont06 {font-size: 48px; margin-bottom: 80px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont06 b {font-size: 50px;} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont07{font-size:50px; margin:100px 0 60px} #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit.cont07 b{font-size:50px;} /* 모이스처 세라마이드 인텐스 크림 컨텐츠 7 */ #prodcutDetailWrap2.moisture-ceramide-intense-cream .content07-tit {font-size: 36px; margin-bottom: 70px;} } /* ****************** 에브리데이 선스틱 ********************** */ #prodcutDetailWrap2.everyday-sun-stick .prd-detail-wide-tit, #prodcutDetailWrap2.everyday-sun-stick .prd-detail-wide-content-tit h4{color:#feaa19;} #prodcutDetailWrap2.everyday-sun-stick .line-bg:before{background-color:#fffac0;} /* 에브리데이 선스틱 컨텐츠1 */ #prodcutDetailWrap2.everyday-sun-stick .spec-list-box li .spec-txt{background-color:#feeed2;} #prodcutDetailWrap2.everyday-sun-stick .spec-list-box li .spec-num{background-color:#feaa19;} #prodcutDetailWrap2.everyday-sun-stick .spec-list-box li .spec-txt b{color:#feaa19;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box{margin:35px 0 22px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box .prd-detail-tit{color:#feaa19; font-size:23px; letter-spacing:-0.5px; font-family:'aritaM'; font-weight:900; margin-bottom:10px; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box .prd-detail-sub-txt{line-height:1.5; font-size:13px; letter-spacing:-0.25px; color:#8d826f;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box .prd-detail-sub-txt b{color:#feaa19;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-hash-list-box{margin:35px 0 22px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-hash-list-box img{max-width:300px;} #prodcutDetailWrap2.everyday-sun-stick .spec-list-box{width:320px; margin-bottom:65px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-list-1row-list{margin:40px 0 15px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1{margin:29px 0;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1 .prd-detail-title-txt1{display:inline-block; color:#feaa19; font-size:16px; letter-spacing:-0.25px; font-family:'aritaSB'; margin-bottom:12px; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1 .prd-detail-title-txt1 strong{font-family:'aritaM'; font-weight:900; letter-spacing:0.25px; font-size:20px; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1 .prd-detail-title-txt2{font-size:14px; letter-spacing:-0.25px; line-height:1.3; font-family:'aritaL'; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt2{margin:40px 0 20px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt2 .prd-detail-title-txt{color:#a18e6e; font-size:17px; letter-spacing:-0.5px; font-family:'aritaM'; line-height:1.2; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt2 .prd-detail-title-txt span{color:#feaa19; font-size:20px;} /* 에브리데이 선스틱 컨텐츠2 */ #prodcutDetailWrap2.everyday-sun-stick .prd-detail-content-tit-box2 img{height:46px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list{margin-bottom:52px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li{max-width:630px; margin:0px auto; width:90%; margin-top:45px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl{overflow:hidden; text-align:left;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dt{float:left; margin-bottom:10px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dt img{height:33px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dd{float:right; width:calc(100% - 170px); text-align:center; color:#6a5d46; font-size:14px; letter-spacing:-0.5px; font-family:'aritaSB'; line-height:1.28} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1{display:inline-block; position:relative; color:#feaa19; font-size:15px; line-height:1.28; letter-spacing:-0.25px; font-weight:600; margin-bottom:17px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1:before{position:absolute; top:-15px; left:-15px; width:12px; height:10px; content:""; background:url(/int/en/resource/images/product/everyday_sun_line/sun_stick/everyday_sun_stick_img_14.gif) no-repeat; background-size:12px 10px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1:after{position:absolute; top:-15px; right:-15px; width:12px; height:10px; content:""; background:url(/int/en/resource/images/product/everyday_sun_line/sun_stick/everyday_sun_stick_img_13.gif) no-repeat; background-size:12px 10px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1 b{color:#b29d78;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt2{color:#000; font-size:12px; line-height:1.2; letter-spacing:-0.1px; opacity:0.5;filter:Alpha(opacity=50);} #prodcutDetailWrap2.everyday-sun-stick .prd-line-list-box-con li dl dd .prd-line-list-tit-sub-txt{color:#feaa19} @media all and (min-width:769px ) { /* 에브리데이 선스틱 컨텐츠1 */ #prodcutDetailWrap2.everyday-sun-stick .prd-detail-wide-title-box{padding-bottom:80px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box{margin:98px 0 70px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box .prd-detail-tit{font-size:55px;margin-bottom:18px; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-box .prd-detail-sub-txt{font-size:26px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-hash-list-box{margin:70px 0 47px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-hash-list-box img{max-width:none} #prodcutDetailWrap2.everyday-sun-stick .spec-list-box{width:auto; margin-bottom:130px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-list-1row-list{margin:80px 0 40px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1{margin:80px 0;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1 .prd-detail-title-txt1{font-size:36px; margin-bottom:24px; } #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1 .prd-detail-title-txt1 strong{font-size:46px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt1 .prd-detail-title-txt2{font-size:27px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt2{margin:80px 0 40px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt2 .prd-detail-title-txt{font-size:38px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-title-con-txt2 .prd-detail-title-txt span{font-size:46px;} /* 에브리데이 선스틱 컨텐츠2 */ #prodcutDetailWrap2.everyday-sun-stick .prd-detail-content-tit-box2 img{height:auto;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list{margin-bottom:75px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li{margin-top:95px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dt{float:left; margin-bottom:0} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dt img{height:auto;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dd{float:right; width:calc(100% - 365px);font-size:28px} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-list li dl dd br{display:block;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1{font-size:32px; margin-bottom:35px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt2{font-size:22px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1:before, #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1:after{width:18px; height:15px; background-size:18px 15px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1:before{left:-25px;} #prodcutDetailWrap2.everyday-sun-stick .prd-detail-complex-txt-box .prd-detail-complex-txt1:after{right:-25px;} } /* ****************** 플로랄 하이드로 엠플 토너 ********************** */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-wide-tit{color:#7ebee6; margin-bottom:10px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-wide-content-tit h4{color:#0a81cb;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .line-bg:before{background-color:#eef7fd} /* 플로랄 하이드로 앰플 토너 컨텐츠1 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box{margin:40px 0 35px; font-family:'aritaM';} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-img-tit img{height:35px; margin-left:-20px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-tit{color:#76b9e3; font-size:21px; margin-bottom:20px; font-weight:900; letter-spacing:-0.25px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-sub-txt{color:#617686; font-size:13px; letter-spacing:-0.25px; line-height:1.4; font-weight:400;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-sub-txt span{color:#77baec;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .spec-list-box{max-width:680px; width:95%; margin-top:30px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .spec-list-box li .spec-txt{background-color:#edf7fc} #prodcutDetailWrap2.floral-hydro-ampoule-toner .spec-list-box li .spec-num{background-color:#7ebee6} #prodcutDetailWrap2.floral-hydro-ampoule-toner .spec-list-box li .spec-txt b{color:#4fa0d2;} /* 플로랄 하이드로 앰플 토너 컨텐츠2 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2{margin-bottom:25px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2-1{margin-top:45px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2 img{height:52px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2 .prd-detail-tit-box-img-tit1{height:90px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list { width:86%; margin:0px auto 20px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li{border-top:1px solid #a8d7f5; padding:20px 0;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li:first-child{border-top:0; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl{position:relative; padding-left:70px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl .icon{position:absolute; top:0px; left:0px; display:block; margin-bottom:20px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl .icon img{width:60px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl dt{font-size:16px; color:#858585; letter-spacing:-0.1px; margin-bottom:10px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl dt b{color:#5aaee2;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li:last-child dl dt b{color:#5aaee2} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl dd{color:#393838; font-size:12px; line-height:1.3; letter-spacing:-0.25px; font-family:'aritaL'; } /* 플로랄 하이드로 앰플 토너 컨텐츠3 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3{background-color:#f0f8fd; margin-bottom:55px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dt, #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dd{padding:15px 0; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dt{background-color:#7ebee6;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dt img{height:45px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dd strong{display:block; color:#7c7c7d; font-size:15px; margin-bottom:7px; letter-spacing:-0.1px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dd span{line-height:1.2; color:#4fa0d2; font-size:12px; letter-spacing:-0.5px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list{max-width:340px; margin:0px auto;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li{position:relative; margin-top:75px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li:before{width:15px; height:30px; content:""; position:absolute; top:-55px; left:73px; margin-left:-15px; background:url(/int/en/resource/images/product/floral-hydro-line/toner/floral_hydro_ampoule_toner_img_17.gif) no-repeat; background-size:15px auto;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li:first-child{margin-top:0;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li:first-child:before{display:none;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-img{float:left; width:135px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-img img{height:100px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-txt{float:left; width:calc(100% - 140px);color:#000; font-size:12px; padding-top:30px; line-height:1.4; letter-spacing:-0.1px; font-family:'aritaL'; text-align:left;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-txt .blue{color:#4fa0d2;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-txt .black{color:#525151; font-weight:600;} /* 플로랄 하이드로 앰플 토너 컨텐츠4 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4{margin-bottom:30px; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4 p{font-family:'arita-buriM'; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4 .prd-detail-tit-box1{color:#72afd5; font-size:17px; letter-spacing:-0.5px; margin-bottom:8px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4 .prd-detail-tit-box2{color:#edbf13; font-size:27px; letter-spacing:-0.5px; font-weight:900} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-list-box{overflow:hidden; margin:0 -1%;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-list-box li{float:left; width:48%; margin:1%;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-list-box li img{width:100%;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box{margin:28px 0 47px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt1{font-size:14px; color:#6f6e6e; letter-spacing:-0.25px;font-family:'arita-buriM'; font-weight:300; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt1 b{font-weight:900;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt2{font-size:19px; color:#7ebee6; letter-spacing:-0.25px; margin:14px 0 17px; font-family:'aritaM';} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt3{font-size:14px; color:#4e4d4d; letter-spacing:-0.25px; font-family:'arita-buriSB'; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt3 b{font-size:15px; color:#feaa19; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt-box{margin:38px 0 40px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt1 {font-size:15px; letter-spacing:-0.25px;color:#838383; margin-bottom:8px; font-family:'aritaSB';} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt1 b{font-size:18px; letter-spacing:-0.5px;color:#4e9eed;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt2{font-size:13px; letter-spacing:-0.5px;color:#555353;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-detail-last-video-con{margin-top:20px} @media all and (min-width:769px ) { /* 플로랄 하이드로 앰플 토너 컨텐츠1 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2-1{margin-top:90px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-wide-title-box{padding-bottom:80px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-wide-tit{margin-bottom:20px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box{margin:80px 0 75px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-img-tit img{height:auto;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-tit{font-size:48px; margin-bottom:38px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box .prd-detail-sub-txt{font-size:25px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .spec-list-box{max-width:680px;} /* 플로랄 하이드로 앰플 토너 컨텐츠2 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2{margin-bottom:30px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2 img, #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box2 .prd-detail-tit-box-img-tit1{height:auto;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list {margin-bottom:40px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li{padding:42px 0; border-top-width:2px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl{padding-left:150px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl .icon{margin-bottom:0} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl .icon img{width:auto} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl dt{font-size:36px; margin-bottom:20px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-hydro-toner-icon-list li dl dd{font-size:23px;} /* 플로랄 하이드로 앰플 토너 컨텐츠3 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dt, #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dd{padding:24px 0; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dt img{height:auto} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dd strong{font-size:30px; margin-bottom:13px; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box3 dd span{font-size:22px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list{max-width:650px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li{margin-top:90px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li:before{width:22px; height:43px; content:""; top:-65px; left:105px; margin-left:0} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-img{width:auto;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-img img{height:auto} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-froral-hydro-toner-step-list li .step-txt{float:left; width:400px; text-align:left; font-size:26px ; padding-top:50px; } /* 플로랄 하이드로 앰플 토너 컨텐츠4 */ #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4{margin-bottom:75px; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4 .prd-detail-tit-box1{font-size:33px; margin-bottom:15px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-title-box4 .prd-detail-tit-box2{font-size:50px; } #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box{margin:55px 0 95px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt1{font-size:30px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt2{font-size:41px; margin:30px 0 33px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt3{font-size:30px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-squeez-txt-box .prd-detail-squeez-txt3 b{font-size:35px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt-box{margin:75px 0 80px} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt1{margin-bottom:15px; font-size:31px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt1 b{font-size:40px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .prd-detail-content4-txt2{font-size:26px;} #prodcutDetailWrap2.floral-hydro-ampoule-toner .floral-detail-last-video-con{margin-top:40px} } /* ****************** 맨 리차징 올인원 플루이드 ********************** */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-wide-tit, #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-wide-content-tit h4{color:#20244c; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-wide-tit{line-height:1.25} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .line-bg:before{background-color:#e2e7ed;} /* 맨 리차징 올인원 플루이드 컨텐츠1 */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box{margin:45px 0 35px; color:#20244c; letter-spacing:-0.5px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box .prd-detail-img-tit img{height:30px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box .prd-detail-tit{font-size:20px; font-weight:900; margin:25px 0 12px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box .prd-detail-sub-txt{ font-size:13px; line-height:1.3} /* 맨 리차징 올인원 플루이드 컨텐츠2 */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list-con{max-width:650px;margin:48px auto 40px; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list-con h3{ position:relative; z-index:1; height:40px; line-height:40px; font-size:16px; letter-spacing:-0.5px;color:#fff; background-color:#23264e; font-weight:400; margin:0 3%; -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list{background-color:#f6f8f9; padding:45px 10% 23px 10%; margin-top:-20px; -webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px; box-shadow:10px 10px 5px rgba(225, 230, 236, 1.0) } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list li{text-align:left; color:#3d3e4f; font-size:15px; letter-spacing:-0.5px; margin-top:15px; padding-left:18px; background:url(/int/en/resource/images/product/men_recharging/men_recharging_all_in_one_fluid/men_recharging_all_in_one_fluid_bullet.png) no-repeat; background-size:13px auto;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list li:first-child{margin-top:0;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list li b{ font-family:'AritaSB';} /* 맨 리차징 올인원 플루이드 컨텐츠3 */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-hash-tag-con{margin-bottom:45px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-hash-tit{font-size:20px; color:#060e60; font-weight:900; letter-spacing:-0.35px; margin-bottom:28px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-list span{display:inline-block; padding:0 13px; margin:5px; color:#6385ce; font-size:11px; letter-spacing:-0.25px;line-height:25px; font-family:'AritaSB'; background-color:#fff; box-shadow:4px 6px 2px rgba(201, 209, 236, 0.8); -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2{background-color:#eeeff4; padding:50px 30px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 h3 img{height:23px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top{ position:relative; margin:32px 0 30px; background-color:#fff; border:2px solid #c2c2c2; padding:20px 15px 20px 30px; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; color:#1f202a; font-size:13px; letter-spacing:-0.25px; line-height:1.4; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top img{position:absolute; top:-2px; left:-2px; height:40px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top span{color:#5e68c8; font-weight:600} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top b{color:#060e60; font-size:14px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top sup{font-size:11px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con{padding-top:45px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl{margin-top:35px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl:first-child{margin-top:0} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dt{margin-bottom:15px; color:#2a54b1; font-size:15px; line-height:1.3; letter-spacing:-0.25px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dt b{display:block; font-size:21px; color:#060e60; letter-spacing:-0.5px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd{ position:relative; max-width:535px; margin:0px auto; border:2px solid #c2c2c2; padding:20px 0; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; color:#333335; font-size:13px; letter-spacing:-0.25px; line-height:1.4; color:#333; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd .num-icon{position:absolute; top:-2px; left:-2px; width:50px; height:49px; text-align:left; color:#fff; text-indent:10px; line-height:30px; background:url(/int/en/resource/images/product/men_recharging/men_recharging_all_in_one_fluid/men_recharging_all_in_one_fluid_num_bg.png) no-repeat; background-size:50px auto;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd{} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd b{color:#060e60} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd span{color:#5e68c8;} @media all and (min-width:769px ) { /* 맨 리차징 올인원 플루이드 컨텐츠1 */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-wide-title-box{padding-bottom:80px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box{margin:90px 0 70px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box .prd-detail-img-tit img{height:auto} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box .prd-detail-tit{font-size:45px; margin:50px 0 23px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .prd-detail-title-box .prd-detail-sub-txt{ font-size:25px} /* 맨 리차징 올인원 플루이드 컨텐츠2 */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list-con{margin:97px auto 60px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list-con h3{height:70px; line-height:70px; font-size:35px; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list{ padding:75px 5% 43px 13%; margin-top:-40px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-list li{font-size:32px; margin-top:30px; padding-left:45px; background-size:auto;} /* 맨 리차징 올인원 플루이드 컨텐츠3 */ #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-hash-tag-con{margin-bottom:90px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-hash-tit{font-size:45px; margin-bottom:52px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-list span{padding:0 36px; font-size:28px; line-height:50px; margin:10px 15px; } #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2{padding:100px 60px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 h3 img{height:auto;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top{padding:30px 0 30px 70px; font-size:25px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top img{height:auto;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-box2 .men-recharging-spec-txt-top b{font-size:27px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con{padding-top:95px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl{margin-top:75px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dt{margin-bottom:30px; font-size:29px;} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dt b{font-size:47px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd{font-size:26px} #prodcutDetailWrap2.men-recharging-all-in-one-fluid .men-recharging-spec-txt-detail-con dl dd .num-icon{width:81px; height:79px; background-size:auto; text-indent:20px; line-height:50px; } } /* ****************** 마이크로 딥 클렌징폼 컨텐츠 ********************** */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-wide-tit, #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-wide-content-tit h4{color:#218c63; line-height:1.3 } /* 마이크로 딥 클렌징폼 컨텐츠1 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box{margin:47px 0 39px; color:#20244c; letter-spacing:-0.5px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box .prd-detail-sub-tit{color:#218c63; font-size:16px; letter-spacing:-0.75px ; font-family:'AritaSB';} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box .prd-detail-img-tit img{height:35px} #prodcutDetailWrap2.micro-deep-cleansing-form .hash-tag-txt{margin-top:35px} #prodcutDetailWrap2.micro-deep-cleansing-form .hash-tag-txt img{height:25px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box .prd-detail-tit{margin-top:25px; color:#218c63; font-size:21px; letter-spacing:-0.5px; font-weight:900;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line{max-width:555px; width:300px; margin:0px auto 30px; text-align:left;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line li{position:relative; padding-left:45px; margin-top:14px;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line .spec-num{position:absolute; top:5px; left:16px;width:20px; height:20px; line-height:20px; color:#fff; text-align:center; font-size:14px; background-color:#13ca84; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; } #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line .spec-txt{display:inline-block; position:relative; line-height:30px; letter-spacing:-0.7px; color:#218c63; font-size:14px; } #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line .spec-txt:before{position:absolute; bottom:-5px; width:31px; height:8px; content:""; background:url(/int/en/resource/images/product/micro_deep_cleansing_foam/micro_deep_cleansing_foam_img_05.jpg) no-repeat} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line .spec-txt:after{position:absolute; bottom:-5px; left:31px; right:0; height:8px; content:""; background:url(/int/en/resource/images/product/micro_deep_cleansing_foam/micro_deep_cleansing_foam_img_06.jpg) repeat-x} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-sub-txt{position:relative; text-align:left; max-width:555px; width:250px; margin:50px auto 40px; font-size:12px; letter-spacing:-0.25px; line-height:1.45; color:#000; opacity:0.5;filter:Alpha(opacity=50);} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-sub-txt:before{position:absolute; top:-20px; left:-10px; width:16px; height:16px; content:""; background:url(/int/en/resource/images/product/micro_deep_cleansing_foam/micro_deep_cleansing_foam_img_07.jpg) no-repeat; background-size:10px auto} /* 마이크로 딥 클렌징폼 컨텐츠 2 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-box{padding:44px 0 34px; background-color:#e8f3ef;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-box h3{color:#218c63; font-size:16px; line-height:1.2; font-weight:400; margin-bottom:25px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-box h3 strong{font-size:20px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box{font-family:'arita-buriSB'; color:#464444; font-size:13px; line-height:1.5; letter-spacing:-0.25px; margin-bottom:22px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box .green{color:#218c63;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box .black{font-weight:600; font-family:'arita-buriM'; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box .mark{ /* font-family:'AritaM'; background-color:#218c63; color:#fff; letter-spacing:-0.5px; padding:5px 10px; */ display:inline-block; width:193px; height:20px; vertical-align:middle; background:url(/int/en/resource/images/product/micro_deep_cleansing_foam/micro_deep_cleansing_foam_img_17.jpg) no-repeat; font-size:0; background-size:auto 20px} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box .mark sup{font-size:10px;position:relative; top:-1px; display:none;} /* 마이크로 딥 클렌징폼 컨텐츠 3 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl{padding:30px 0 50px} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl:last-of-type{padding-bottom:0;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt{display:inline-block; margin-bottom:15px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt .num{width:20px; height:20px; line-height:20px; margin-right:10px; margin-top:-2px; background-color:#f4faf8; color:#7d7d7d; display:inline-block; color:#7d7d7d; font-size:12px; letter-spacing:-0.2px; vertical-align:middle; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; font-weight:600; box-shadow:0px 5px 0px rgba(165, 161, 161, 0.5)} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt .prd-detail-mise-detail-txt{display:inline-block;vertical-align:middle; color:#218c63; font-family:'AritaM'; line-height:1.2; font-size:16px; letter-spacing:-0.5px; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt .prd-detail-mise-detail-txt b{font-weight:600;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dd{color:#000; font-size:14px; line-height:1.3; letter-spacing:-0.5px;} /* 마이크로 딥 클렌징폼 컨텐츠 4 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box4{margin-bottom:37px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box4 h3{font-size:18px; letter-spacing:-0.5px;color:#218c63; line-height:1.3; font-weight:400; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box4 h3 b{font-weight:900; font-size:21px; font-family:'AritaM'; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box {margin:50px 0 25px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box h4{font-size:16px; letter-spacing:-0.5px; color:#218c63; font-weight:400; line-height:1.3; margin-bottom:15px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box h4 b{font-weight:900;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box p{color:#000; font-size:13px; letter-spacing:-0.5px; line-height:1.4; font-family:'AritaL'; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box b{font-weight:600;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box span{color:#218c63; font-weight:600; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li{float:left; width:33.33%; font-family:'arita-buriSB';} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dt{width:80px; height:80px;background-color:#f4faf7; border:2px dotted #b8d6c9; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; margin:0 auto 25px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dt strong{display:table; width:100%; height:100%; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dt span{display:table-cell; vertical-align:middle; color:#218c63; font-size:14px; letter-spacing:-0.5px; line-height:1.2} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dd{line-height:1.4; letter-spacing:-0.75px;color:#857f7f; font-size:13px;} /* 마이크로 딥 클렌징폼 컨텐츠 5 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5{margin-bottom:35px} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5 h3{color:#218c63; font-size:21px; letter-spacing:-0.5px; font-weight:400; margin-bottom:25px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5 h3 b{font-weight:600;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5 h3 .mark{color:#fff; background-color:#218c63; display:inline-block; padding:5px 10px; font-size:17px; font-style:italic; font-weight:600; margin-bottom:7px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-sub-txt {color:#000; line-height:1.4; letter-spacing:-0.2px; font-family:'AritaL'; font-size:14px;} @media all and (min-width:769px ) { #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-wide-content{padding:100px 0;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-wide-content:first-child{padding-top:0} /* 마이크로 딥 클렌징폼 컨텐츠1 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box{margin:95px 0 78px; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box .prd-detail-sub-tit{font-size:33px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box .prd-detail-img-tit img{height:auto} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-title-box .prd-detail-tit{margin-top:50px; font-size:55px; } #prodcutDetailWrap2.micro-deep-cleansing-form .hash-tag-txt{margin-top:70px} #prodcutDetailWrap2.micro-deep-cleansing-form .hash-tag-txt img{height:auto;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line{width:auto; margin-bottom:60px;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line li{padding-left:75px; margin-top:35px;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line .spec-num{width:40px; height:40px; line-height:40px; font-size:29px;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line .spec-txt{font-size:29px; line-height:40px;} #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-sub-txt{width:auto; margin:0 auto 100px; font-size:22px; } #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-sub-txt:before{background-size:auto auto} /* 마이크로 딥 클렌징폼 컨텐츠 2 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-box{padding:88px 0 68px} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-box h3{font-size:35px; margin-bottom:50px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-box h3 strong{font-size:45px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box{font-size:26px; margin-bottom:45px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box .mark{width:357px; height:37px; background-size:auto;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-mise-complex-txt-box .mark sup{font-size:15px;} /* 마이크로 딥 클렌징폼 컨텐츠 3 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl{padding:60px 0 100px} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt{margin-bottom:30px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt .num{width:40px; height:40px; line-height:40px; font-size:35px; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dt .prd-detail-mise-detail-txt{font-size:36px; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-mise-complex-detail-box dl dd{font-size:27px; } /* 마이크로 딥 클렌징폼 컨텐츠 4 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box4{margin-bottom:75px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box4 h3{font-size:40px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box4 h3 b{font-size:47px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box {margin:100px 0 50px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box h4{font-size:36px; margin-bottom:30px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box p{font-size:26px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-box p br{display:block;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dt{width:135px; height:135px; } #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dt span{font-size:28px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-txt4-spec-list li dd{font-size:25px;} /* 마이크로 딥 클렌징폼 컨텐츠 5 */ #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5{margin-bottom:55px} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5 h3{font-size:50px; margin-bottom:50px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-tit-box5 h3 .mark{font-size:38px; padding:10px 15px; margin-bottom:15px;} #prodcutDetailWrap2.micro-deep-cleansing-form .prd-detail-sub-txt{font-size:28px;} } /* ****************** 팡팡 헤어 섀도우 컨텐츠 ********************** */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-wide-tit, #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-wide-content-tit h4{color:#976e58; line-height:1.3 } #prodcutDetailWrap2.pang-pang-hair-shadow .line-bg:before{height:100%; background-color:#e8dbce;} /* 팡팡 헤어 섀도우 컨텐츠1 */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box{margin:50px 0 28px; color:#20244c; letter-spacing:-0.5px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-sub-tit-mark{display:inline-block; padding:3px 10px; color:#fff; font-size:14px; letter-spacing:-0.75px ; background-color:#83563d; font-family:'AritaSB';} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-tit{color:#83563d; font-size:24px; letter-spacing:-0.5px; margin:10px 0; font-weight:600;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-hash-tag{color:#794b31; font-size:12px; letter-spacing:-0.7px; font-family:'AritaSB'; margin-bottom:20px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-sub-tit{color:#666461; font-size:13px; line-height:1.3; letter-spacing:-0.3px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-sub-tit b{color:#ad8873;} #prodcutDetailWrap2.pang-pang-hair-shadow .pang-pang-tit img{height:100px} /* 팡팡 헤어 섀도우 컨텐츠2 */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-hairline-txt-box{margin-bottom:55px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2{margin-bottom:20px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3{color:#b28f7c; font-size:21px; font-weight:400; line-height:1.2; padding-top:35px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3 b{position:relative; color:#966d56; font-weight:600} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3 .point-mark-con{position:relative;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3 .point-mark{position:absolute; bottom:101%; left:0; margin-bottom:3px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3 .point-mark img{height:30px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-hairline-txt-box .hair-line-txt{color:#77675f; font-size:16px; letter-spacing:-0.5px; line-height:1.3; margin-top:35px; } /* 팡팡 헤어 섀도우 컨텐츠 3 */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box3{margin-bottom:15px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box3 h3{color:#b48166; font-size:21px; letter-spacing:-0.5px; font-weight:400; line-height:1.2} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box3 h3 strong{font-size:24px; color:#9a6d54; font-weight:900;} @media all and (min-width:769px ) { #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-wide-title-box{padding:60px 0 75px} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-wide-content-tit{margin-bottom:50px;} /* 팡팡 헤어 섀도우 컨텐츠1 */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box{margin:100px 0 57px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-sub-tit-mark{padding:6px 16px; font-size:30px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-tit{font-size:59px; margin:20px 0;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-hash-tag{font-size:24px; margin-bottom:40px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box .prd-detail-sub-tit{font-size:25px;} #prodcutDetailWrap2.pang-pang-hair-shadow .pang-pang-tit img{height:auto} /* 팡팡 헤어 섀도우 컨텐츠2 */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-hairline-txt-box{margin-bottom:110px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2{margin-bottom:60px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3{font-size:50px; padding-top:65px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3 .point-mark{margin-bottom:10px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box2 h3 .point-mark img{height:auto;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-hairline-txt-box .hair-line-txt{font-size:35px; margin-top:55px;} /* 팡팡 헤어 섀도우 컨텐츠 3 */ #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box3{margin-bottom:35px;} #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box3 h3{font-size:50px; } #prodcutDetailWrap2.pang-pang-hair-shadow .prd-detail-title-box3 h3 strong{font-size:57px;} } /* ****************** 올 스테이 파운데이션 컨텐츠 ********************** */ #prodcutDetailWrap2.all-stay-foundation .prd-detail-wide-tit, #prodcutDetailWrap2.all-stay-foundation .prd-detail-wide-content-tit h4{color:#ad8873; line-height:1.3 } #prodcutDetailWrap2.all-stay-foundation .line-bg:before{height:100%; background-color:#e8dbce;} /* 올 스테이 파운데이션 컨텐츠1 */ #prodcutDetailWrap2.all-stay-foundation .prd-name-txt{color:#000; font-size:12px; line-height:1.25} #prodcutDetailWrap2.all-stay-foundation .all-stay-main-img{margin-bottom:20px;} /* 올 스테이 파운데이션 컨텐츠2 */ #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-img-con{margin-top:30px} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-img-con:first-child{margin-bottom:0px} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-tit{margin:40px 0 30px;} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-con:first-child .prd-detail-foundation-detail-tit{margin-top:0} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-tit h3{color:#ad8873; font-size:17px; letter-spacing:-0.25px; margin-bottom:15px; font-weight:400;display:inline-block; padding-left:20px; background:url(/int/en/resource/images/product/all_stay_foundation/foundation/all_stay_foundation_img_05.jpg) no-repeat; background-size:16px auto} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-tit h3 b{font-weight:600;} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-txt {color:#000; font-size:13px; letter-spacing:-0.1px; line-height:1.4; font-family:'aritaL';} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-txt span{color:#ad8873;} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-con .prd-detail-video-box2{margin-top:40px} /* 올 스테이 파운데이션 컨텐츠3 */ #prodcutDetailWrap2.all-stay-foundation .freeze-fix-powder-content{background-color:#f7f0ed; padding:48px 0 41px;} #prodcutDetailWrap2.all-stay-foundation .freeze-tit-mark{display:inline-block; background-color:#d9b6a3; color:#fff; padding:8px 25px; margin-bottom:20px; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;box-shadow:2px 9px 10px rgba(191, 154, 135, 0.96); font-size:17px;} #prodcutDetailWrap2.all-stay-foundation .freeze-tit-mark sup{font-size:10px; position:relative; top:-5px;} #prodcutDetailWrap2.all-stay-foundation .freeze-sub-txt{font-size:14px; line-height:1.4; letter-spacing:-0.1px; margin-bottom:32px;} #prodcutDetailWrap2.all-stay-foundation .freeze-img-list-con{margin:0 10px;} #prodcutDetailWrap2.all-stay-foundation .freeze-img-list-con li{float:left; width:48%; margin:0 1%;} #prodcutDetailWrap2.all-stay-foundation .freeze-img-list-con li dl dt{height:70px; color:#ad8873; font-size:12px; letter-spacing:-0.5px; line-height:1.5; font-family:'aritaSB';} #prodcutDetailWrap2.all-stay-foundation .freeze-img-list-con dl dd img{width:100%;} #prodcutDetailWrap2.all-stay-foundation .freeze-img-detail{margin-top:25px} #prodcutDetailWrap2.all-stay-foundation .freeze-img-detail img{width:100%;} #prodcutDetailWrap2.all-stay-foundation .freeze-fix-powder-content-img-con{margin-top:50px;} #prodcutDetailWrap2.all-stay-foundation .freeze-fix-powder-content-img-con .only-img-box{margin:10px 0;} /* 올 스테이 파운데이션 컨텐츠4 */ #prodcutDetailWrap2.all-stay-foundation .prd-all-stay-howto-tit{height:50px; line-height:50px; margin-bottom:30px;background-color:#d9b6a3; color:#7c5a48; font-size:21px; font-family:'aritaSB'; letter-spacing:-0.25px;} #prodcutDetailWrap2.all-stay-foundation .prd-all-stay-howto-tit span{color:#f3e1d8; font-size:16px; margin-right:10px; position:relative; top:0px;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con{margin-bottom:135px;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con li{margin:0 -1%;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .img{float:left; width:48%; margin:0 1%;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .img img{max-width:100%;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .step-txt{float:left; width:48%; margin:0 1%; text-align:left; font-style:italic;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .step-txt .step-tit{display:inline-block; padding:5px 10px; background-color:#7c5a48; color:#f1d7c0; font-size:13px; letter-spacing:-0.1px; margin-bottom:10px;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .step-txt p{color:#d9b6a3; line-height:1.25; font-size:14px; font-family:'aritaSB';} #prodcutDetailWrap2.all-stay-foundation .howto-list-con li.step01-02{margin-top:-25%} #prodcutDetailWrap2.all-stay-foundation .howto-list-con li.step02 .step-txt{padding-top:20%} #prodcutDetailWrap2.all-stay-foundation .howto-list-con li.step02-02{margin-top:-5%} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con h3{line-height:1.5; margin-bottom:35px; font-weight:400;} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con h3 span{font-size:16px; color:#f4bcad;} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con h3 strong{display:block; font-size:21px; color:#ad8873; letter-spacing:-0.5px; font-weight:400;} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con ul li{float:left; width:33.33%; text-align:center; } #prodcutDetailWrap2.all-stay-foundation .foundation-list-con ul li:nth-child(4){clear:both} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con ul li .img img{max-width:100%; } #prodcutDetailWrap2.all-stay-foundation .foundation-list-con ul li .txt{display:block; height:45px; margin-top:8px; padding:0 5px; opacity:0.7;filter:Alpha(opacity=70); color:#000; font-size:11px; letter-spacing:-0.1px; line-height:1.2; text-indent:5px;} #prodcutDetailWrap2.all-stay-foundation .foundation-my-color-con h3{margin:30px 0 26px; line-height:1.2; color:#ad8873; font-weight:400; letter-spacing:-0.25px; font-size:17px;} #prodcutDetailWrap2.all-stay-foundation .foundation-my-color-con .my-color-txt{color:#000; font-size:12px; letter-spacing:-0.1px; margin-top:25px; opacity:0.5;filter:Alpha(opacity=50); font-family:'aritaL';} @media all and (min-width: 769px){ /* 올 스테이 파운데이션 컨텐츠1 */ #prodcutDetailWrap2.all-stay-foundation .prd-name-txt{font-size:24px;} #prodcutDetailWrap2.all-stay-foundation .all-stay-main-img{margin-bottom:50px;} /* 올 스테이 파운데이션 컨텐츠2 */ #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-img-con{margin-top:100px} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-tit{margin:100px 0 60px;} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-tit h3{font-size:37px; margin-bottom:30px; padding-left:40px; background-size:auto} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-txt {font-size:28px;} #prodcutDetailWrap2.all-stay-foundation .prd-detail-foundation-detail-con .prd-detail-video-box2{margin-top:95px} /* 올 스테이 파운데이션 컨텐츠3 */ #prodcutDetailWrap2.all-stay-foundation .freeze-fix-powder-content{padding:96px 0 82px;} #prodcutDetailWrap2.all-stay-foundation .freeze-tit-mark{padding:12px 35px 12px; margin-bottom:40px; font-size:38px;} #prodcutDetailWrap2.all-stay-foundation .freeze-tit-mark sup{font-size:15px; top:-10px;} #prodcutDetailWrap2.all-stay-foundation .freeze-sub-txt{font-size:28px; margin-bottom:65px;} #prodcutDetailWrap2.all-stay-foundation .freeze-img-list-con{margin:0 20px;} #prodcutDetailWrap2.all-stay-foundation .freeze-img-list-con li dl dt{height:105px; font-size:24px;} #prodcutDetailWrap2.all-stay-foundation .freeze-fix-powder-content-img-con{margin-top:100px;} #prodcutDetailWrap2.all-stay-foundation .freeze-fix-powder-content-img-con .only-img-box{margin:20px 0;} /* 올 스테이 파운데이션 컨텐츠4 */ #prodcutDetailWrap2.all-stay-foundation .prd-all-stay-howto-tit{height:100px; line-height:100px; margin-bottom:60px; font-size:60px;} #prodcutDetailWrap2.all-stay-foundation .prd-all-stay-howto-tit span{font-size:34px; top:-5px;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .step-txt .step-tit{padding:4px 10px; font-size:32px; margin-bottom:17px;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con .step-txt p{font-size:32px;} #prodcutDetailWrap2.all-stay-foundation .howto-list-con li.step02-02{margin-top:-10%} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con h3{margin-bottom:75px;} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con h3 span{font-size:36px} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con h3 strong{font-size:50px;} #prodcutDetailWrap2.all-stay-foundation .foundation-list-con ul li .txt{height:95px; margin-top:15px; font-size:24px;} #prodcutDetailWrap2.all-stay-foundation .foundation-my-color-con h3{margin:60px 0 52px; font-size:38px;} #prodcutDetailWrap2.all-stay-foundation .foundation-my-color-con .my-color-txt{font-size:24px; margin-top:45px;} } /* ****************** 빅아이 워터프루프 마스카라 컨텐츠 ********************** */ #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-wide-tit, #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-wide-content-tit h4{color:#002285; line-height:1.3 } /* 빅아이 워터프루프 마스카라 컨텐츠1 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box{margin:50px 0 39px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-tit{color:#002285; font-size:14px; letter-spacing:-0.1px; line-height:1.4; margin-bottom:15px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-tit b{display:block; font-size:20px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-hash-tag{display:inline-block; font-size:14px; letter-spacing:-0.1px; color:#fff; background-color:#002285; font-family:'AritaSB'; padding:7px 12px; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:10px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-img-tit{color:#000; font-size:12px; letter-spacing:-0.1px; margin-top:20px} /* 빅아이 워터프루프 마스카라 컨텐츠2 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con{margin-top:50px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li{margin-bottom:35px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li dt{display:inline-block; color:#002285; font-size:18px; letter-spacing:-0.3px; font-weight:400; margin-bottom:15px; padding-left:30px; background:url(/int/en/resource/images/product/big_eye_waterproof_mascara/big_eye_waterproof_mascara_img_04.jpg) no-repeat; background-size:20px auto} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li dd{color:#000; font-size:14px; letter-spacing:-0.1px; font-weight:400; line-height:1.4} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li dd span{display:block; font-size:12px; font-family:'AritaL'; margin-top:5px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .multiproof-tit-box{margin:48px 0 30px} #prodcutDetailWrap2.big-eye-waterproof-mascara .multiproof-tit-box .multiproof-sub-tit{color:#33363d; font-size:17px; letter-spacing:-0.5px; line-height:1.3; margin-bottom:15px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .multiproof-tit-box .multiproof-tit{color:#002285; font-size:24px; letter-spacing:-0.24px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con{margin-bottom:30px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li{ position:relative; margin-bottom:10px; background-color:#e5e8f3; height:0; padding-top:49.50%; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; } #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-video{position:absolute; width:49.5%;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-video video{width:100%; height:100%;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-txt{ position:absolute; -ms-transform:translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li.left-video-con .prd-detail-multiproof-video{left:0; top:0;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li.right-video-con .prd-detail-multiproof-video{right:0; top:0;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li.left-video-con .prd-detail-multiproof-txt{top:50%; left:50%; right:0px; } #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li.right-video-con .prd-detail-multiproof-txt{top:50%; right:50%; left:0px; } #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-txt strong{display:block; color:#204bc5; font-size:14px; letter-spacing:-0.2px; font-style:italic; margin-bottom:10px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-txt p{color:#555555; font-size:15px; letter-spacing:-0.5px; line-height:1.2} /* 빅아이 워터프루프 마스카라 컨텐츠3 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box3{margin-bottom:35px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box3 h3{color:#002285; font-size:18px; letter-spacing:-0.1px; line-height:1.3; font-weight:300;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box3 h3 b{font-size:20px; } /* 빅아이 워터프루프 마스카라 컨텐츠4 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .img-margin-con{margin:15px 0; } @media all and (min-width:769px ) { /* 빅아이 워터프루프 마스카라 컨텐츠1 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box{margin:100px 0 78px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-tit{font-size:28px; margin-bottom:40px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-tit b{font-size:45px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-hash-tag{font-size:27px; padding:13px 25px; } #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-img-tit{font-size:24px; margin-top:40px;} /* 빅아이 워터프루프 마스카라 컨텐츠2 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con{margin-top:100px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li{margin-bottom:75px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li dt{padding-left:45px; font-size:36px; background-size:auto; margin-bottom:25px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li dd{font-size:28px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-mascara-list-con li dd span{font-size:24px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .multiproof-tit-box{margin:95px 0 60px} #prodcutDetailWrap2.big-eye-waterproof-mascara .multiproof-tit-box .multiproof-sub-tit{font-size:38px; margin-bottom:30px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .multiproof-tit-box .multiproof-tit{font-size:60px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con{margin-bottom:60px} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li{margin-bottom:20px; -webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-txt strong{font-size:36px; margin-bottom:20px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-multiproof-video-con li .prd-detail-multiproof-txt p{font-size:33px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box3{margin-bottom:65px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box3 h3{font-size:43px;} #prodcutDetailWrap2.big-eye-waterproof-mascara .prd-detail-title-box3 h3 b{font-size:45px; } /* 빅아이 워터프루프 마스카라 컨텐츠4 */ #prodcutDetailWrap2.big-eye-waterproof-mascara .img-margin-con{margin:40px 0; } } /* ****************** 내추럴 엣지 브러쉬 라이너 컨텐츠 ********************** */ #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-wide-tit, #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-wide-content-tit h4{color:#785946; line-height:1.3 } /* 내추럴 엣지 브러쉬 라이너 컨텐츠1 */ #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-title-box{margin:50px 0 30px} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-sub-txt{color:#785946; font-size:15px; line-height:1.2; letter-spacing:-0.5px; margin-bottom:15px; font-weight:600;} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-hash-tag img{height:20px;} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-tit{color:#533119; font-size:22px; letter-spacing:-0.75px; font-weight:600; margin-top:20px; line-height:1.1} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-img-txt{color:#785946; font-size:15px; letter-spacing:-0.5px; font-weight:600; margin-top:27px; line-height:1.4; font-family:'aritaSB'; } /* 내추럴 엣지 브러쉬 라이너 컨텐츠2 */ #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dt{margin:45px 0 10px; color:#785946; font-size:18px; letter-spacing:-0.25px; line-height:1.2; font-weight:400;} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item:first-child dt{margin-top:0} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item .italic{font-style:italic; } #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .detail-liner-spec-txt{color:#000; font-size:14px; letter-spacing:-0.25px; line-height:1.4; margin-bottom:20px} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item .img-detail-txt{color:#000; font-size:12px; letter-spacing:-0.1px; font-style:italic; font-weight:400;} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .prd-detail-video-con .prd-detail-video-box2{position:relative;} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .prd-detail-video-con .prd-detail-video-box2:first-child{margin-bottom:10px} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .prd-detail-video-con .video-cover-txt{position:absolute; top:10px; left:15px; z-index:1; font-size:14.5px; letter-spacing:-0.1px; color:#fff; font-style:italic; font-family:'aritaSB';} /* 내추럴 엣지 브러쉬 라이너 컨텐츠3,4 */ #prodcutDetailWrap2.natural-edge-brush-liner .liner-detail-img-box > div{margin-top:20px} #prodcutDetailWrap2.natural-edge-brush-liner .liner-detail-img-box > div:first-child{margin-top:0} @media all and (min-width:769px ) { /* 내추럴 엣지 브러쉬 라이너 컨텐츠1 */ #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-title-box{margin:100px 0 60px} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-sub-txt{font-size:31px; margin-bottom:25px;} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-hash-tag img{height:auto;} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-tit{font-size:53px; margin-top:38px;} #prodcutDetailWrap2.natural-edge-brush-liner .prd-detail-img-txt{font-size:31px; margin-top:53px;} /* 내추럴 엣지 브러쉬 라이너 컨텐츠2 */ #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dt{margin:90px 0 25px; font-size:40px;} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .detail-liner-spec-txt{font-size:28px; margin-bottom:60px;} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item .img-detail-txt{font-size:24px;} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .prd-detail-video-con .prd-detail-video-box2:first-child{margin-bottom:20px} #prodcutDetailWrap2.natural-edge-brush-liner .detail-liner-spec-item dd .prd-detail-video-con .video-cover-txt{font-size:30px; left:24px; top:22px;} /* 내추럴 엣지 브러쉬 라이너 컨텐츠3,4 */ #prodcutDetailWrap2.natural-edge-brush-liner .liner-detail-img-box > div{margin-top:40px} } /* ****************** 플라워 랩 에센스 마스크 컨텐츠 ********************** */ /* 플라워랩 에센스 마스크 컨텐츠1 */ #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-wide-tit { color: #ec6d8a; } #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-title-box{margin:48px 0 25px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-sub-tit{color:#a98e8e; font-size:13px; letter-spacing:-0.25px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit{color:#ec6d8a; font-size:21px; letter-spacing:-0.5px; font-weight:600; margin:10px 0 12px; line-height:1.1; font-weight:400;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit b{} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-hash-tag{display:inline-block; font-size:13px; letter-spacing:-0.1px; color:#fff; background-color:#ec6d8a; padding:4px 12px; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; margin-bottom:13px; font-family:'aritaSB';} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-sub-txt{color:#6a6969; font-size:14px; letter-spacing:-0.25px; font-weight:400; line-height:1.4; } /* 플라워랩 에센스 마스크 컨텐츠2 */ #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit-box2{margin-bottom:27px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit-box2 h3{color:#ec6d8a; font-size:21px; letter-spacing:-0.5px; font-weight:400;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con{margin-bottom:15px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li{height:0; padding-top:50%; margin-bottom:10px; background-color:#fff8f8;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li.second-mask-spec-con{background-color:#fff8f8} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li{ position:relative; margin-bottom:13px; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px; } #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-img{position:absolute; width:50%; top:0px; ;left:0px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-img img{width:100%; height:100%; } #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt{ position:absolute; left:50%; right:0; top:50%; -ms-transform:translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt strong{display:block; color:#e86784; font-size:16px; letter-spacing:-0.25px; margin-bottom:10px; line-height:1.25; font-weight:400;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt strong b{display:block;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt p{color:#000; font-size:13px; letter-spacing:-0.25px; line-height:1.3; font-family:'aritaL'; } /* 플라워랩 에센스 마스크 컨텐츠3 */ #prodcutDetailWrap2.flower-lab-essence-mask .flower-essecence-mask-list-container{background-color:#fff8f8; padding:45px 0; margin:0} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-list-tit-box{margin-bottom:25px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-list-tit-box h3{color:#af9191; font-size:16px; letter-spacing:-0.1px; line-height:1.47} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-list-tit-box h3 strong{display:block; color:#e86784; font-size:21px; letter-spacing:-0.75px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box {margin:0 10px 30px 10px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box:last-of-type{margin-bottom:0;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box > dl > dt{color:#fff; font-size:16px; letter-spacing:-0.1px; background-color:#e86784; padding:10px 0 30px; -webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-o-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0; text-align:left; font-family:'aritaSB';} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box > dl > dt strong{display:inline-block; margin-left:20px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box > dl > dd{overflow:hidden; margin-top:-20px; -webkit-border-radius:0 0 30px 30px ;-moz-border-radius:0 0 30px 30px ;-o-border-radius:0 0 30px 30px ;border-radius:0 0 30px 30px ;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essnece-top-img{position:relative; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list{position:absolute; top:15px; left:5px} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl{overflow:hidden; margin-bottom:7px} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dt{float:left; width:45px; color:#000; font-family:'aritaL'; font-size:13px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dd{float:left; margin-top:2px; margin-left: 28px; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dd .one{display:inline-block; width:10px; height:10px; margin-right:5px; background-color:#e86784; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dd .off{background-color:#e5e5e5;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con{background-color:#fff; padding-top:16px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li{float:left; width:50%; margin-bottom:20px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .flower-mask-list-inner{position:relative; max-width:272px; width:86%; margin:0px auto;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .prd-item-photo {height:0; padding-top:150%; position:relative; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .prd-item-photo img{position:absolute; top:0px; left:0px; width:100%; max-height:100%;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .prd-item-tit{color:#000; font-size:14px; letter-spacing:-0.1px; font-weight:400; display:block; margin-top:7px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark{position:absolute; width:50px; height:50px;top:-18px; right:-5%; font-size:0; /* background:url(/int/en/resource/images/product/flower_lab_essence_mask/flower_lab_essence_mask_img_31.png) no-repeat; background-size:50px auto; border:3px solid #ff9999; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#fff; z-index:1; color:#ff9999; font-size:11px; */} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark img { max-width: 100%;} /* #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark b{display:inline-block; position:relative; margin-top:20px; font-weight:400; margin-left:5px; font-family:'aritaSB'; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark.clamp2 b{margin-top:15px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark b em{position:absolute; top:0px; left:-10px; } */ #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark.clamp2{/*background-image:url(/int/en/resource/images/product/flower_lab_essence_mask/flower_lab_essence_mask_img_32.png)*/} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark b{display:none;} /* 플라워랩 에센스 마스크 컨텐츠4 */ #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box{padding:38px 10px 45px; -webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px; background-color:#e5f5fd; margin-top:35px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box > h3{font-size:21px; color:#008ccd; letter-spacing:-0.25px; line-height:1.2; text-align:left; margin-bottom:15px; font-weight:400; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box > h3 strong{display:block;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box .flower-essence-mask-care-txt{color:#636363; font-size:14px; letter-spacing:-0.25px; line-height:1.3; text-align:left; margin-bottom:30px; font-family:'aritaSB'; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con{margin:0 -2%;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li{float:left; width:29.33%; margin:0 2%;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li .essence-img img{width:100%;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li dl{margin-top:15px; font-style:italic;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li dl dd{color:#000; font-size:11px; line-height:1.28; letter-spacing:-0.2px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li dl dt{color:#008ccd; font-size:16px; letter-spacing:-0.1px; margin-top:10px; font-weight:900;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box.pink-style{background-color:#fff8f8} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box.pink-style > h3{color:#e86784} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box.pink-style > h3, #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box.pink-style .flower-essence-mask-care-txt{text-align:right;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box.pink-style li dl dt{color:#e86784;} /* 플라워랩 에센스 마스크 컨텐츠5 */ #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-content-tit-box5{margin:27px 0 40px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-content-tit-box5 p{color:#ec6d8a; font-size:20px; line-height:1.2} @media all and (min-width:769px ) { #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-wide-title-box{padding:60px 0 80px} /* 플라워랩 에센스 마스크 컨텐츠1 */ #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-title-box{margin:97px 0 50px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-sub-tit{font-size:28px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit{font-size:47px; margin:20px 0 24px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit b{display:inline;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-hash-tag{font-size:27px; padding:9px 20px; margin-bottom:26px; } #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-sub-txt{font-size:28px; } /* 플라워랩 에센스 마스크 컨텐츠2 */ #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit-box2{margin-bottom:55px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-tit-box2 h3{font-size:47px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con{margin-bottom:30px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li {margin-bottom:27px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-img{width:50%;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-img img{max-width:none;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt strong{font-size:36px; margin-bottom:20px; margin-top:0} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt p{font-size:28px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-spec-list-con li .prd-detail-multiproof-txt p span{display:inline} /* 플라워랩 에센스 마스크 컨텐츠3 */ #prodcutDetailWrap2.flower-lab-essence-mask .flower-essecence-mask-list-container{padding:85px 0} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-list-tit-box{margin-bottom:65px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-list-tit-box h3{font-size:34px;} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-mask-list-tit-box h3 strong{font-size:50px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box {margin:0 20px 60px 20px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box > dl > dt{font-size:37px; padding:15px 0 52px; -webkit-border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0;-o-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0; letter-spacing: -1.2px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box > dl > dt strong{margin-left:50px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-box > dl > dd{margin-top:-42px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list{top:35px; left:30px} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dt{font-size:28px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dd{margin-top:10px; margin-left:110px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-img-gangdo-list dl dd .one{width:20px; height:20px; margin-right:10px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con{padding-top:36px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li{margin-bottom:40px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .prd-item-tit{font-size:30px; margin-top:15px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark{width:112px; height:112px; right:-18px; border-width:5px; font-size:24px; background-size:auto auto} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark b{margin-top:40px; margin-left:10px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark.clamp2 b{margin-top:30px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-list-con li .function-mark b em{left:-15px; } /* 플라워랩 에센스 마스크 컨텐츠4 */ #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box{padding:78px 20px 90px; -webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;border-radius:40px; margin-top:65px; } #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box > h3{font-size:50px; margin-bottom:35px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-mask-care-box .flower-essence-mask-care-txt{font-size:32px; margin-bottom:70px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li dl{margin-top:25px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li dl dd{font-size:26px;} #prodcutDetailWrap2.flower-lab-essence-mask .flower-essence-care-list-con li dl dt{font-size:36px;} /* 플라워랩 에센스 마스크 컨텐츠5 */ #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-content-tit-box5{margin:55px 0 85px} #prodcutDetailWrap2.flower-lab-essence-mask .prd-detail-content-tit-box5 p{font-size:46px;} } /* ****************** 브라이트닝 커버 파우더 쿠션 컨텐츠********************** */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-wide-tit, #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-wide-content-tit h4{color:#ad8873; line-height:1.3 } /* 브라이트닝 커버 파우더 쿠션 컨텐츠 1 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit.content01 {font-family: 'aritaM'; font-size: 25px; line-height: 1; letter-spacing: -0.1px; color: #ad8873;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub.content01.eng {font-family: 'arita-buriM'; font-size: 19px; font-weight: 600; line-height: 1.78; color: #000;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub.content01 {font-size: 17px; line-height: 1.78; color: #000; font-weight: 600;} #prodcutDetailWrap2.brightening-cover-powder-cushion .only-img-box.content01 {margin-top: 40px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub02.content01 {font-family: 'aritaM'; font-weight: 400; font-size: 15px; line-height: 1.25; letter-spacing: -0.25px; color: #ad8873; margin-top: 45px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit02.content01.only-img-box {margin-top: 10px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub03.content01 {font-size: 13px; letter-spacing: -0.1px; line-height: 1.43; color: #000; margin-top: 20px;} /* 브라이트닝 커버 파우더 쿠션 컨텐츠 2 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit.content02 {font-size: 15px; line-height: 1;letter-spacing: -0.1px; color: #ad8873; margin-bottom: 20px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub01.content02 {font-size: 15px;line-height: 1.37; font-weight: 600; letter-spacing: -0.25px; color: #e5b499;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub02.content02 {font-size: 12px; line-height: 2.27; letter-spacing: -0.5px; color: #ad8873;} #prodcutDetailWrap2.brightening-cover-powder-cushion .video-bx.content02 {margin-top: 40px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .video-bx.content02 video {max-width: 100%;} #prodcutDetailWrap2.brightening-cover-powder-cushion .content02.only-img-box {margin-top: 20px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub03.content02 {font-size: 15px; font-weight: 600; line-height: 1.7; letter-spacing: -0.5px; color: #ad8873; margin-top: 24px;} /* 브라이트닝 커버 파우더 쿠션 컨텐츠 3 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit.content03 {font-size: 15px; letter-spacing: -0.1px; color: #ad8873; margin-bottom: 20px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub01.content03 {font-weight: 600; font-size: 15px; color: #e5b499; letter-spacing: -0.25px; line-height: 1.37;} #prodcutDetailWrap2.brightening-cover-powder-cushion .only-img-box.content03 {margin: 28px 0 28px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-list01.content03 {text-align: left; margin-top: 13px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-list01.content03 li {font-size: 11px; color: rgba(0,0,0,0.7); letter-spacing: -0.25px; line-height: 1.45;} #prodcutDetailWrap2.brightening-cover-powder-cushion .only-img-box.content03.img-no-margin li {margin: 10px -10px 10px;} /* 브라이트닝 커버 파우더 쿠션 컨텐츠 4 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-wide-content.content05 video {width: 100%;} @media all and (min-width:769px ) { /* 브라이트닝 커버 파우더 쿠션 컨텐츠 1 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit.content01 {font-size: 48px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub.content01.eng {font-size: 28px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub.content01 {font-size: 24px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .only-img-box.content01 {margin-top: 80px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub02.content01 {font-size: 32px; margin-top: 90px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit02.content01.only-img-box {margin-top: 20px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub03.content01 {font-size: 28px; margin-top: 40px;} /* 브라이트닝 커버 파우더 쿠션 컨텐츠 2 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit.content02 {margin-bottom: 40px; font-size: 32px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub01.content02 {font-size: 32px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub02.content02 {font-size: 22px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .video-bx.content02 {margin-top: 80px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .content02.only-img-box {margin-top: 40px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub03.content02 {font-size: 36px; margin-top: 48px;} /* 브라이트닝 커버 파우더 쿠션 컨텐츠 3 */ #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-tit.content03 {font-size: 32px; margin-bottom: 40px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-detail-sub01.content03 {font-size: 32px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .only-img-box.content03 {margin: 56px 0 56px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-list01.content03 {margin-top: 26px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .prd-list01.content03 li {font-size: 22px;} #prodcutDetailWrap2.brightening-cover-powder-cushion .only-img-box.content03.img-no-margin li {margin: 20px -10px 20px;} } /* ****************** 투스텝 퍼펙트 브로우 컨텐츠********************** */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-wide-tit, #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-wide-content-tit h4{color:#785946; line-height:1.3 } /* 투스텝 퍼펙트 브로우 컨텐츠 1 */ #prodcutDetailWrap2.two-step-perfect-brow .content01 .prd-detail-sub.content01.eng {margin-top: 0;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-tit.content01 {font-family: 'aritaM'; font-size: 18px; line-height: 1; letter-spacing: -0.1px; color: #785946;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-sub.content01.eng {font-family: 'arita-buriM'; font-size: 14px; font-weight: 600; line-height: 1.78; color: #000;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-sub.content01 {font-size: 12px; line-height: 1.78; color: #6f6b6b; font-weight: 600; margin-top: 40px;} #prodcutDetailWrap2.two-step-perfect-brow .content01.only-img-box {margin-top: 20px;} #prodcutDetailWrap2.two-step-perfect-brow .only-img-box.content01-1 {margin-top: 45px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-bx-group.content01 {margin-top: 50px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-bx-group.content01 li {margin-top: 30px;} #prodcutDetailWrap2.two-step-perfect-brow .content02 .prd-detail-sub.content01 {margin-top: 0;} /* 투스텝 퍼펙트 브로우 컨텐츠 2 */ #prodcutDetailWrap2.two-step-perfect-brow .content02 .prd-detail-tit.content01 {margin-bottom: 30px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list.content02 {margin-top: 10px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list.content02 li {float: left;width: 50%;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list.content02 li img {width: 93%;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list-tit.content02 {font-size: 13px; letter-spacing: -0.5px; line-height: 1.38; font-family: 'arita-buriM'; font-weight: 400; color: #785946; margin: 13px 0;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list-para.content02{font-size: 12px; line-height: 1.4; color: #000;} /* 투스텝 퍼펙트 브로우 컨텐츠 3 */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-sub.content03 {font-size: 16px; line-height: 1.38; margin-bottom: 10px; letter-spacing: -0.1px; color: #785946;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-tit.content03 {font-size: 22px; line-height: 1; letter-spacing: -0.1px;color: #785946; margin-bottom: 25px;} /* 투스텝 퍼펙트 브로우 컨텐츠 4 */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-list02.content04 li {margin-top: 50px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-list02.content04 li:first-child {margin-top: 0;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-bx04 {position: absolute; left: 0; right: 0; margin: 0 auto;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-bx04 span {display: inline-block;} /* 투스텝 퍼펙트 브로우 컨텐츠 5 */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-wide-content.content05 video {width: 100%;} @media all and (min-width:769px ) { /* 투스텝 퍼펙트 브로우 컨텐츠 1 */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-tit.content01 {font-size: 48px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-sub.content01.eng {font-size: 28px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-sub.content01 {font-size: 24px; margin-top: 80px; font-weight: 400;} #prodcutDetailWrap2.two-step-perfect-brow .content01.only-img-box {margin-top: 40px;} #prodcutDetailWrap2.two-step-perfect-brow .only-img-box.content01-1 {margin-top: 90px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-bx-group.content01 {margin-top: 100px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-bx-group.content01 li {margin-top: 60px;} /* 투스텝 퍼펙트 브로우 컨텐츠 2 */ #prodcutDetailWrap2.two-step-perfect-brow .content02 .prd-detail-tit.content01 {margin-bottom: 60px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list-tit.content02 {font-size: 36px; margin: 36px 0;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list.content02 {margin-top: 20px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-list-para.content02 {font-size: 28px;} /* 투스텝 퍼펙트 브로우 컨텐츠 3 */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-sub.content03 {font-size: 36px; margin-bottom: 20px;} #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-tit.content03 {font-size: 50px; margin-bottom: 50px;} /* 투스텝 퍼펙트 브로우 컨텐츠 3 */ #prodcutDetailWrap2.two-step-perfect-brow .prd-detail-list02.content04 li {margin-top: 100px;} } /* ****************** 레드 에너지 리커버리 세럼 컨텐츠 ********************** */ /* 레드 에너지 리커버리 세럼 컨텐츠 1 */ #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-wide-tit, #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-wide-content-tit h4{color:#ff3351; line-height:1.3 } #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-title-box{margin:50px 0;} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-title-box .prd-detail-tit{font-family:'AritaSB'; font-size:21px; margin-bottom:10px; color:#ff3351; letter-spacing:-0.5px;} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-hash-list{display:inline-block; font-family: "aritaSB"; padding:5px 10px 4px; font-size:12px; color:#fff; letter-spacing:-0.1px;background-color:#ff3351; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; margin-bottom:15px;} #prodcutDetailWrap2.red-energy-recovery-serum .mark-txt{display:inline-block; padding:4px 8px; background-color:#f29797; margin:5px 0; color:#fff;} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-sub-txt{font-family:'arita-buriSB';font-size:14px; letter-spacing:-0.1px; color:#000; line-height:1.4; font-weight:400;} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-sub-txt b{font-family:'arita-buriM';} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box{margin:29px auto 0;} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li{position:relative; margin-top:6px; padding-left:8px; letter-spacing:-0.1px; font-family:'AritaSB';} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li:first-child{margin-top:0px} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li .spec-num{position:absolute; top:50%; left:0; width:20px; height:20px; font-size:14px; border-radius:50%; color:#fff; line-height:20px; color:#fff; font-weight:400; background-color:#ff3351; margin-top:-10px} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li .spec-txt{min-height:30px; font-size:12px; line-height:1.23; text-align:left; background-color:#ffeaed; color:#707070; border-radius:15px; padding:10px 10px 8px 20px; webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li .spec-txt b{ font-family:'AritaM'; color:#ff3351;} /* 레드 에너지 리커버리 세럼 컨텐츠2-1 */ #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box{margin-bottom:42px} #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-mark{display:inline-block; width:80px; height:25px; line-height:25px; background-color:#ff3351; color:#fff; font-size:16px; font-family: 'aritaSB'; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px; margin-bottom:15px;} #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-sub-tit{font-size:14px; color:#000; ; letter-spacing:-0.1px; font-family:'arita-buriSB'; margin-bottom:10px;} #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-tit{color:#ff3351; font-size:21px; letter-spacing:-0.1px; font-family: 'aritaSB'; } #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-tit b{font-family: 'aritaM'; } #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-tit .tm{font-size:20px; font-family:'arita-buriSB'} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box{max-width:634px; width:86%; margin:0px auto 48px; text-align:left;} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box li{margin-top:30px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box li:first-child{margin-top:0} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box{position:relative; height:auto; padding-left:120px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box .icon{position:absolute; top:50%; left:0px; margin-top:-45px;} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box .icon img{width:90px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box dl{padding:20px 0} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box dl dt{color:#ff3351; font-size:16px; letter-spacing:-0.5px; margin-bottom:13px;} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box dl dd{color:#000; font-size:13px; letter-spacing:-0.1px; line-height:1.5} #prodcutDetailWrap2.red-energy-recovery-serum .line-bg{position: relative;} #prodcutDetailWrap2.red-energy-recovery-serum .line-bg:before{display: block; position:absolute; top: 40%; left: -2%; z-index: -1; width: 104%; height: 70%; background-color: #ffeaed; content: '';} /* 2-2 */ #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-real-effect-box{padding:35px 24px 45px ; background-color:#f3f2f2;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-real-effect-box .point-top-tit-box{margin-bottom:27px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box{padding:38px 0 35px; width:70%; max-width:550px; margin:0px auto; text-align:left;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box p{display:inline-block; color:#969696; font-size:13px; letter-spacing:-0.1px; margin-top:8px; padding-left:20px; background:url(/int/en/resource/images/product/red_energy_recovery_serum/red_energy_recovery_serum_img_07.png) no-repeat 0 50%; background-size:14px auto;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box p:first-child{margin-top:0;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box p span{color:#ff3351; font-weight:400;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box p span b{font-size:17px;} /* 2-3 */ #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con{padding:40px 0 0 0;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con .point-skin-change-top-tit-box{} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con .point-skin-change-top-tit-box .point-sub-tit{font-size:15px; font-family: 'aritaSB';color:#000; ; letter-spacing:-0.1px; font-style:italic; margin-bottom:10px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con .point-skin-change-top-tit-box .point-tit{color:#ff3351; font-size:21px; margin-bottom:25px;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-content-container{padding-bottom:44px} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con{padding:38px 0} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li{margin-bottom:6px} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-list-inner{overflow:hidden;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-photo{float:left; width:50%;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-photo img{width:100%;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-txt{float:left; width:50%;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-txt p{padding:25px 12px; color:#000; font-size:13px; letter-spacing:-0.1px; text-align:left; line-height:1.57; } #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-txt p span{color:#ff3351; font-family: 'aritaSB';} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-txt p sup{font-size:10px;} /* 2-4 */ #prodcutDetailWrap2.red-energy-recovery-serum .point2-compare-video-tit{line-height:1.38; font-size:17px; color:#ff3351; padding:0 0 27px 0} #prodcutDetailWrap2.red-energy-recovery-serum .point2-compare-video-tit .tm{font-size:20px; font-family:'arita-buriSB'} #prodcutDetailWrap2.red-energy-recovery-serum .compare-video-txt{color:#000; font-size:16px; letter-spacing:-0.1px; font-family: 'aritaSB'; margin-top:17px;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container{padding:40px 24px 45px; background-color:#f6f6f6;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container .point-top-tit-box{margin-bottom:27px;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container .point-sub-tit{font-family: 'aritaSB';} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container .point-sub-txt{color:#000; font-size:13px; margin-top:22px; line-height:1.46; letter-spacing:-0.1px; font-family: 'aritaL'; } #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-point3-txt-box{padding:38px 0 35px; width:200px; margin:0px auto; text-align:left;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-point3-txt-box p{display:inline-block; color:#969696; font-size:16px; letter-spacing:-0.1px; margin-top:17px; padding-left:20px; background:url(/int/en/resource/images/product/red_energy_recovery_serum/red_energy_recovery_serum_img_07.png) no-repeat 0 50%; background-size:14px auto;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-point3-txt-box p:first-child{margin-top:0;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-point3-txt-box p span{color:#ff3351; font-weight:400;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-texture-video-con{padding:39px 0 0 0} #prodcutDetailWrap2.red-energy-recovery-serum .point3-texture-video-con .point-top-tit-box{margin-bottom:27px;} /* 레드 에너지 리커버리 세럼 컨텐츠 3 */ #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-how-to-txt{font-size:14px; letter-spacing:-0.1px; line-height:1.4; font-family: 'aritaL'; margin-top:25px;} @media all and (min-width:769px ) { /* 레드 에너지 리커버리 세럼 컨텐츠1 */ #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-wide-title-box{padding-bottom:75px} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-title-box{margin:100px 0;} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-title-box .prd-detail-tit{font-size:50px; margin-bottom:20px } #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-hash-list{padding:11px 20px 9px;font-size:24px; margin-bottom:30px;} #prodcutDetailWrap2.red-energy-recovery-serum .mark-txt{padding:8px 12px;} #prodcutDetailWrap2.red-energy-recovery-serum .prd-detail-sub-txt {font-size:30px;} #prodcutDetailWrap2.red-energy-recovery-serum .rose-water-txt-box1{margin-top:80px; margin-bottom:32px; } #prodcutDetailWrap2.red-energy-recovery-serum .rose-water-txt1{font-size:36px} #prodcutDetailWrap2.red-energy-recovery-serum .rose-water-txt2{font-size:28px;} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box{max-width:680px; margin:58px auto 0;} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li{padding-left:15px;} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li .spec-num{width:32px; height:32px; font-size:26px; line-height:32px; margin-top:-16px} #prodcutDetailWrap2.red-energy-recovery-serum .spec-list-box li .spec-txt{min-height:58px; font-size:26px; padding:12px 10px 12px 48px;border-radius:30px; } /* 레드 에너지 리커버리 세럼 컨텐츠2-1 */ #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box{margin-bottom:85px} #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-mark{width:174px; height:51px; line-height:52px; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; margin-bottom:30px; font-size:36px; } #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-sub-tit{font-size:30px; margin-bottom:20px;} #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-tit{font-size:50px;} #prodcutDetailWrap2.red-energy-recovery-serum .point-top-tit-box .point-tit .tm{font-size:37px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box{margin-bottom:96px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box li{margin-top:81px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box{height:222px; padding-left:286px} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box .icon{top:0px; margin-top:0} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box .icon img{width:auto;} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box dl{padding:40px 0} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box dl dt{font-size:34px; margin-bottom:35px;} #prodcutDetailWrap2.red-energy-recovery-serum .point1-content-list-box .point1-inner-box dl dd{font-size:27px;} /* 2-2 */ #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-real-effect-box{padding:70px 53px 90px 48px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-real-effect-box .point-top-tit-box{margin-bottom:55px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box{padding:76px 0 70px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box p{font-size:32px; margin-top:35px; padding-left:50px; font-size:21px; margin-top:17px; background-size:auto} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-effect-txt-box p span b{font-size:40px;} /* 2-3 */ #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con{padding:87px 0 0 0;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con .point-skin-change-top-tit-box .point-sub-tit{font-size:32px; margin-bottom:20px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-skin-change-con .point-skin-change-top-tit-box .point-tit{font-size:50px; margin-bottom:50px;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-content-container{padding-bottom:88px} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con{padding:76px 0} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li{margin-bottom:12px} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-txt p{ padding:78px 35px; font-size:28px;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-spec-list-con li .point2-spec-txt p sup{font-size:14px;} /* 2-4 */ #prodcutDetailWrap2.red-energy-recovery-serum .point2-compare-video-tit{font-size:36px; padding-bottom:55px;} #prodcutDetailWrap2.red-energy-recovery-serum .point2-compare-video-tit .tm{font-size:30px; } #prodcutDetailWrap2.red-energy-recovery-serum .compare-video-txt{font-size:32px; margin-top:35px;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container{padding:80px 53px 90px 48px;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container .point-top-tit-box{margin-bottom:55px;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-content-container .point-sub-txt{font-size:30px; margin-top:45px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-point3-txt-box{width:450px;padding:76px 0 70px;} #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-point3-txt-box p{background-size:auto; padding-left:50px; margin-top:35px; font-size:34px;} #prodcutDetailWrap2.red-energy-recovery-serum .point3-texture-video-con{padding:78px 0 0 0} #prodcutDetailWrap2.red-energy-recovery-serum .point3-texture-video-con .point-top-tit-box{margin-bottom:53px;} /* 레드 에너지 리커버리 세럼 컨텐츠 3 */ #prodcutDetailWrap2.red-energy-recovery-serum .red-serum-how-to-txt{font-size:28px; margin-top:50px;} } /* ****************** 하이라이트 립 틴트 벨벳 컨텐츠 컨텐츠 ********************** */ /* -------- 하이라이트 립 틴트 벨벳 컨텐츠 1 -------- */ #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-wide-tit, #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-wide-content-tit h4{color:#e22323; line-height:1.3 } #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box{margin:50px 0 32px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box .prd-detail-tit{margin-bottom:11px} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box .prd-detail-tit img{height:35px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box .prd-detail-sub-txt{font-family:'aritaSB'; color:#e22323; font-size:14px; letter-spacing:-0.1px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .main-prd-img img{max-width:60%} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box1{margin:32px 0 47px} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box1 p{color:#e22323; font-size:17px; letter-spacing:-0.5px; line-height:1.3 } #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box2{margin:32px 0 15px} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box2 p{color:#e22323; font-size:17px; letter-spacing:-0.5px; line-height:1.3 } #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-video-box2{margin-top: 40px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box3{margin: 17px 0 22px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box3 p{font-family:'aritaL'; font-size: 14px; letter-spacing: -0.1px; color: #000; line-height: 1.4;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-sub-txt2{font-family:'aritaSB'; font-size: 21px; letter-spacing: -0.25px; color: #e22323; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit{} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit h5{font-family:'arita-buriSB'; font-size: 50px; letter-spacing: -0.1px; font-style: italic; font-weight:600} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-right{margin-right: 4%; text-align: right; color: #bb3943;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-right span{margin-right: 7.3%;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-right{margin-top: 17px; margin-left: 6%; text-align: left;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-right p{font-family:'aritaSB'; font-size: 21px; letter-spacing: -0.1px; color: #bb3943; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-right span{display: inline-block; font-family:'aritaL'; font-size: 16px; letter-spacing: -0.1px; color: #bb3943; line-height: 1.2; margin-top: 10px;} #prodcutDetailWrap2 .tit-img {margin: -32px -10px 0;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-left{margin-left: 7.6%; text-align: left; color: #e43f24;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-left span{margin-left: 9%;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-left{margin-top: 17px; margin-left: 40.6%; text-align: left;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-left p{font-family:'aritaSB'; font-size: 21px; letter-spacing: -0.1px; color: #e43f24; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-left span{display: inline-block; font-family:'aritaL'; font-size: 16px; letter-spacing: -0.1px; color: #e43f24; line-height: 1.2; margin-top: 15px;} /* -------- 하이라이트 립 틴트 벨벳 컨텐츠 2 -------- */ #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tit{font-family:'aritaSB'; font-size: 22px; letter-spacing: -0.25px; color: #ff6666; margin: 10px 0 30px; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper{} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li{margin-top: 15px; padding: 15px 0;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li:first-child{margin-top: 0;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg01{background-color: #ff0038;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg02{background-color: #f60023;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg03{background-color: #fa0013;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg04{background-color: #ff1017;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg05{background-color: #ff1c4b;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg06{background-color: #ff0053;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg07{background-color: #fe4245;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg08{background-color: #ff5c5b;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg09{background-color: #d94552;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper .bg10{background-color: #c72f1f;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li .tit{font-size: 21px; letter-spacing: -0.25px; color: #fff; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li .txt{margin: 6px 0 14px; font-family:'aritaL'; font-size: 12px; letter-spacing: -0.1px; color: #fff;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tit02{margin: 50px 0 22px; font-size: 16px; letter-spacing: -0.5px; color: #ff6666;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone{margin: -2% 0 50px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li{width: 31.33%; margin: 2% 1%; float: left;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li > div{position: relative; padding-top: 67%;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li.select a span{border-color: #ff6666;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a .tone-13{background-color: #f1e0ce; border-color: #f1e0ce;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a .tone-21c{background-color: #efd4bf; border-color: #efd4bf;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a .tone-21n{background-color: #f0d8c0; border-color: #f0d8c0;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a .tone-23c{background-color: #eccaaf; border-color: #eccaaf;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a .tone-23n{background-color: #eccfb1; border-color: #eccfb1;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a .tone-25{background-color: #deb893; border-color: #deb893;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a span{display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 10px solid #ff6666; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .color-pick-tone li a span em{font-size: 23px; letter-spacing: -0.5px; color: #c2b2a3; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media all and (min-width:769px ) { /* -------- 하이라이트 립 틴트 벨벳 컨텐츠 1 -------- */ #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box{margin:100px 0 65px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box .prd-detail-tit{margin-bottom:22px} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box .prd-detail-tit img{height:auto;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-title-box .prd-detail-sub-txt{font-size:28px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .main-prd-img img{max-width:none} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box1{margin:65px 0 95px} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box1 p{font-size:37px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box2{margin:65px 0 30px} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box2 p{font-size:37px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-video-box2{margin-top: 80px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box3{margin: 35px 0 55px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight-lip-tint-txt-box3 p{font-size: 28px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .prd-detail-sub-txt2{font-size: 60px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit h5{font-size: 100px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-right{margin-right: 63px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-right span{margin-right: 113px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit > div{margin-top: 35px; margin-left: 90px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-right p{font-size: 50px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-right span{font-size: 36px; margin-top: 30px;} #prodcutDetailWrap2 .tit-img {margin: -93px -10px 0;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-left{margin-left: 57px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .h5-left span{margin-left: 68px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-left{margin-top: 35px; margin-left: 305px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-left p{font-size: 50px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .highlight_lip_tint_velvet-tit .div-left span{font-size: 36px; margin-top: 15px;} /* -------- 하이라이트 립 틴트 벨벳 컨텐츠 2 -------- */ #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tit{font-size: 45px; margin: 20px 0 60px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li{margin-top: 30px; padding: 30px 0;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li .tit{font-size: 45px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-wrapper li .txt{margin: 12px 0 28px; font-size: 20px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tit02{margin: 100px 0 55px; font-size: 36px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone{margin: -2% 0 100px;} #prodcutDetailWrap2.highlight-lip-tint-velvet .color-pick-tone li a span em{font-size: 36px;} } /* ****************** 하이라이트 립 틴트 매트 ********************** */ /* -------- 하이라이트 립 틴트 매트 컨텐츠 1 -------- */ #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-wide-tit, #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-wide-content-tit h4{color:#fb2d54; line-height:1.3 } #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box{margin:50px 0 32px;} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box .prd-detail-tit{margin-bottom:11px} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box .prd-detail-tit img{height:35px;} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box .prd-detail-sub-txt{font-family:'aritaSB'; color:#fb2d54; font-size:14px; letter-spacing:-0.1px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box1{margin:32px 0 47px} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box1 p{color:#fb2d54; font-size:17px; letter-spacing:-0.5px; line-height:1.3 } #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box2{margin:32px 0 15px} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box2 p{color:#fb2d54; font-size:17px; letter-spacing:-0.5px; line-height:1.3 } #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-video-box2{margin-top: 40px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box3{margin: 17px 0 22px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box3 p{font-family:'aritaL'; font-size: 14px; letter-spacing: -0.1px; color: #000; line-height: 1.4;} /* -------- 하이라이트 립 틴트 매트 컨텐츠 2 -------- */ #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-sub-txt2{font-family:'aritaSB'; font-size: 21px; letter-spacing: -0.25px; color: #fb2d54; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit{width: 100%; position: absolute;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit.tit-01{top: 50px; left: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit.tit-02 {top: 82px; left: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit h5{font-family:'arita-buriSB'; font-size: 40px; letter-spacing: -0.1px; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-right{font-family:'arita-buriSB'; margin-right: 4%; text-align: right; color: #fdb8b3;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-right span{margin-right: 7.3%;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-right{margin-top: 32px; margin-left: 6%; text-align: left;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-right p{font-family:'aritaSB'; font-size: 21px; letter-spacing: -0.1px; color: #fff; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-right span{display: inline-block; font-family:'aritaL'; font-size: 16px; letter-spacing: -0.1px; color: #fff; line-height: 1.3; margin-top: 20px;} #prodcutDetailWrap2 .tit-img {margin: 30px -10px 0;} #prodcutDetailWrap2 .tit-img.img-02 {margin: 50px -10px 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-left{font-family:'arita-buriSB'; margin-left: 4.4%; text-align: left; color: #fe8565;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-left{margin-top: 17px; /*margin-left: 30%;*/ margin-right: 3.4%; float: right; text-align: left;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-left p{font-family:'aritaSB'; font-size: 21px; letter-spacing: -0.1px; color: #fff; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-left span{display: inline-block; font-family:'aritaL'; font-size: 16px; letter-spacing: -0.1px; color: #fff; line-height: 1.2; margin-top: 15px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit > .model-cut-box{margin-left: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .model-cut-box img{margin-top: 25px;} /* -------- 하이라이트 립 틴트 매트 컨텐츠 3 -------- */ #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tit{font-family:'aritaSB'; font-size: 22px; letter-spacing: -0.25px; color: #ff6666; margin: 10px 0 30px; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper{} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li{margin-top: 15px; padding: 15px 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li:first-child{margin-top: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper .bg01{background-color: #f21c48;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper .bg02{background-color: #ff262a;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper .bg03{background-color: #fe004c;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper .bg04{background-color: #e77b80;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper .bg05{background-color: #f36d71;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li .tit{font-size: 21px; letter-spacing: -0.25px; color: #fff; font-style: italic;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li .txt{margin: 6px 0 14px; font-family:'aritaL'; font-size: 12px; letter-spacing: -0.1px; color: #fff;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tit02{margin: 50px 0 22px; font-size: 16px; letter-spacing: -0.5px; color: #ff6666;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone{margin: -2% 0 50px;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li{width: 31.33%; margin: 2% 1%; float: left;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li > div{position: relative; padding-top: 67%;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li.select a span{border-color: #ff6666;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a .tone-13{background-color: #f1e0ce; border-color: #f1e0ce;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a .tone-21c{background-color: #efd4bf; border-color: #efd4bf;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a .tone-21n{background-color: #f0d8c0; border-color: #f0d8c0;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a .tone-23c{background-color: #eccaaf; border-color: #eccaaf;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a .tone-23n{background-color: #eccfb1; border-color: #eccfb1;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a .tone-25{background-color: #deb893; border-color: #deb893;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a span{display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 10px solid #ff6666; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a span em{font-size: 23px; letter-spacing: -0.5px; color: #c2b2a3; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media all and (min-width:769px ) { /* -------- 하이라이트 립 틴트 벨벳 컨텐츠 1 -------- */ #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box{margin:100px 0 65px;} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box .prd-detail-tit{margin-bottom:22px} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box .prd-detail-tit img{height:auto;} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-title-box .prd-detail-sub-txt{font-size:28px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box1{margin:65px 0 95px} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box1 p{font-size:37px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box2{margin:65px 0 30px} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box2 p{font-size:37px;} #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-video-box2{margin-top: 80px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box3{margin: 35px 0 55px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight-lip-tint-txt-box3 p{font-size: 28px;} /* -------- 하이라이트 립 틴트 매트 컨텐츠 2 -------- */ #prodcutDetailWrap2.highlight-lip-tint-matt .prd-detail-sub-txt2{font-size: 60px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit.tit-01{top: 100px; left: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit.tit-02{top: 165px; left: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit h5{font-size: 100px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-right{margin-right: 63px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-right {margin-top: 55px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-right p{font-size: 50px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-right span {font-size: 36px; margin-top: 20px; line-height: 44px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-right span{margin-right: 113px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit > div{margin-top: 35px; margin-left: 90px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit > div p{font-size: 50px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit > div span{font-size: 36px;} #prodcutDetailWrap2 .tit-img {margin: 60px -10px 0;} #prodcutDetailWrap2 .tit-img.img-02 {margin: 100px -10px 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-left{margin-left: 33px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .h5-left span{margin-left: 68px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-left{margin-top: 35px; margin-left: 355px; margin-bottom: 35px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-left p{font-size: 50px;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit .div-left span{font-size: 36px; margin-top: 15px;} /* -------- 하이라이트 립 틴트 매트 컨텐츠 3 -------- */ #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit > .model-cut-box{margin-left: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .highlight_lip_tint_velvet-tit > .model-cut-box.ver2{margin-top: 35px;} #prodcutDetailWrap2.highlight-lip-tint-matt .model-cut-box img{margin-top: 50px;} #prodcutDetailWrap2.highlight-lip-tint-matt .model-cut-box img:first-child{margin-top: 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tit{font-size: 45px; margin: 20px 0 60px;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li{margin-top: 30px; padding: 30px 0;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li .tit{font-size: 45px;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-wrapper li .txt{margin: 12px 0 28px; font-size: 20px;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tit02{margin: 100px 0 55px; font-size: 36px;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone{margin: -2% 0 100px;} #prodcutDetailWrap2.highlight-lip-tint-matt .color-pick-tone li a span em{font-size: 36px;} } /* ****************** 크리미 틴트 스퀴즈 립 ********************** */ /* -------- 크리미 틴트 스퀴즈 립 컨텐츠 1 -------- */ #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-wide-tit, #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-wide-content-tit h4{color:#f26568; line-height:1.3 } #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box{margin:50px 0 32px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-tit{margin-bottom:11px} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-tit img{height:25px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt-top{font-family:'aritaSB'; font-size:16px; letter-spacing: -0.5px; color: #df6765; margin-bottom: 10px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt.txt-bg{margin: 0 auto; font-family:'aritaSB'; color:#fff; font-size:12px; padding:2px 10px; letter-spacing:-0.1px; background-color: #ec7573; display:inline-block; line-height: 1.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 30px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt-down{margin-top: 10px; font-family:'aritaSB'; font-size:21px; letter-spacing: -0.1px; color: #df6765;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con{} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul{} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li{width: 50%; float: left; display: table; } #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .only-img-box{display: table-cell; vertical-align: middle;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-txt-box{display: table-cell; vertical-align: middle;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .prd-detail-video-box2{display: table-cell; vertical-align: middle;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-up li{text-align: left;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-down li{text-align: right;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-txt-box{padding-top:19%} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-tit{font-family:'aritaSB'; font-size: 17px; line-height: 1.3; letter-spacing: -0.25px; color: #f26568; font-style: italic; -ms-word-break: keep-all; word-break: keep-all;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-txt{font-family:'aritaL'; font-size: 12px; line-height: 1.4; letter-spacing: -0.1px; color: #000; -ms-word-break: keep-all; word-break: keep-all;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-up li .half-lip-tit, #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-up li .half-lip-txt{padding-left: 8%;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-down li .half-lip-tit, #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-down li .half-lip-txt{padding-right: 8%;} /* -------- 크리미 틴트 스퀴즈 립 컨텐츠 2 -------- */ #prodcutDetailWrap2.creamy-tint-squeeze-lip .img-down-txt{} #prodcutDetailWrap2.creamy-tint-squeeze-lip .img-down-txt > div{width: 50%; float: right; text-align: left;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .img-down-txt .tit{font-family:'aritaSB'; font-size: 17px; line-height: 1.3; letter-spacing: -0.25px; color: #f26568; font-style: italic; -ms-word-break: keep-all; word-break: keep-all;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .img-down-txt .txt{font-family:'aritaL'; font-size: 14px; line-height: 1.4; letter-spacing: -0.1px; color: #000; -ms-word-break: keep-all; word-break: keep-all;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .squeeze-lip-list{} #prodcutDetailWrap2.creamy-tint-squeeze-lip .squeeze-lip-list li{margin-bottom: 30px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tit02{margin: 50px 0 22px; font-size: 16px; letter-spacing: -0.5px; color: #ff6666;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone{margin: -2% 0 50px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li{width: 31.33%; margin: 2% 1%; float: left;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li > div{position: relative; padding-top: 67%;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li.select a span{border-color: #ff6666;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a .tone-13{background-color: #f1e0ce; border-color: #f1e0ce;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a .tone-21c{background-color: #efd4bf; border-color: #efd4bf;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a .tone-21n{background-color: #f0d8c0; border-color: #f0d8c0;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a .tone-23c{background-color: #eccaaf; border-color: #eccaaf;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a .tone-23n{background-color: #eccfb1; border-color: #eccfb1;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a .tone-25{background-color: #deb893; border-color: #deb893;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a span{display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 10px solid #ff6666; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a span em{font-size: 16px; letter-spacing: -0.5px; color: #c2b2a3; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media all and (min-width:769px ) { /* -------- 크리미 틴트 스퀴즈 립 컨텐츠 1 -------- */ #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box{margin:100px 0 65px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-tit{margin-bottom:22px} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-tit img{height:auto;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt-top{font-size:34px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt.txt-bg{font-size:24px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt-down{margin-top: 20px; font-size:50px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt-top{font-size:34px; margin-bottom: 20px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt.txt-bg{line-height: 42px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .prd-detail-title-box .prd-detail-sub-txt.txt-bg.pc-txt-bg{} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li{} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-tit{font-size: 36px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-txt{font-size: 28px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-up li .half-lip-tit, #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-up li .half-lip-txt{padding-left: 30px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-down li .half-lip-tit, #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul.half-lip-con-down li .half-lip-txt{padding-right: 30px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .half-lip-con ul li .half-lip-txt-box{padding-top:50px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .img-down-txt .tit{font-size: 36px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .img-down-txt .txt{font-size: 28px;} /* -------- 크리미 틴트 스퀴즈 립 컨텐츠 2 -------- */ #prodcutDetailWrap2.creamy-tint-squeeze-lip .squeeze-lip-list li{margin-bottom: 60px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tit02{margin: 100px 0 55px; font-size: 36px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone{margin: -2% 0 100px;} #prodcutDetailWrap2.creamy-tint-squeeze-lip .color-pick-tone li a span em{font-size: 36px;} } /* ****************** 크리미 틴트 컬러 밤 글라이드 ********************** */ #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-wide-tit, #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-wide-content-tit h4{color:#fc3d3d; line-height:1.3 } #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box{margin:50px 0 40px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-tit{margin-bottom:11px} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-tit img{height:25px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt-top{font-family:'aritaSB'; font-size:16px; line-height: 1.3; letter-spacing: -0.5px; color: #000; margin-bottom: 10px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt.txt-bg{margin: 0 auto; width:auto; font-family:'aritaSB'; color:#fff; font-size:12px; padding:0 10px; display:inline-block; letter-spacing:-0.1px; background-color: #fc3d3d;line-height: 1.5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt-down{margin-top: 10px; font-family:'aritaL'; font-size:21px; letter-spacing: -0.1px; color: #fc3d3d;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt-down b{font-family:'aritaSB';} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info{} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt{font-family:'aritaL'; font-size: 18px; line-height: 1.5; letter-spacing: -0.1px; color: #fc3d3d;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt span{display: inline-block; position:relative; font-family:'aritaSB'; font-size: 21px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt span:before{display: block; position: absolute; top: 0; left: 8px; content:""; width: 5px; height: 5px; background-color: #fc3d3d; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt-down{padding: 10px 0 30px; font-family:'aritaM'; font-size: 14px; line-height: 1.3; letter-spacing: -0.1px; color: #000;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box.title-box2 .prd-detail-sub-txt-top {margin-bottom: 0px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box.title-box2 .prd-detail-sub-txt.txt-bg{background-color: #da010c;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box.title-box2 .prd-detail-sub-txt-down{line-height: 1.2;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper{} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li{margin-top: 15px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li:first-child{margin-top: 0;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg04, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg05, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg07, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg08, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg09{margin-top: 8px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tit02{margin: 50px 0 22px; font-size: 16px; letter-spacing: -0.5px; color: #ff6666; line-height: 1.2;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone{margin: -2% 0 50px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li{width: 31.33%; margin: 2% 1%; float: left;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li > div{position: relative; padding-top: 67%;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li.select a span{border-color: #ff6666;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a .tone-13{background-color: #f1e0ce; border-color: #f1e0ce;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a .tone-21c{background-color: #efd4bf; border-color: #efd4bf;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a .tone-21n{background-color: #f0d8c0; border-color: #f0d8c0;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a .tone-23c{background-color: #eccaaf; border-color: #eccaaf;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a .tone-23n{background-color: #eccfb1; border-color: #eccfb1;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a .tone-25{background-color: #deb893; border-color: #deb893;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a span{display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 10px solid #ff6666; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tone li a span em{font-size: 16px; letter-spacing: -0.5px; color: #c2b2a3; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media all and (min-width:769px ) { /* -------- 크리미 틴트 컬러 밤 글라이드 컨텐츠 1 -------- */ #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box{margin:100px 0 80px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-tit{margin-bottom:22px} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-tit img{height:auto;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt-top{font-size:34px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt.txt-bg{font-size:24px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt-down{margin-top: 10px; font-size:50px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt-top{font-size:34px; margin-bottom: 20px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt.txt-bg{width: 50%; line-height: 42px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .prd-detail-title-box .prd-detail-sub-txt.txt-bg.pc-txt-bg{width: 34%;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt{font-size: 40px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt span{font-size: 50px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt span:before{width: 10px; height: 10px; left:16px} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color_balm-info .info-txt-down{padding: 20px 0 60px; font-size: 27px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li{margin-top: 30px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg04, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg05, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg07, #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-wrapper li.bg08, .color-pick-wrapper li.bg09{margin-top: 16px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tit02{margin: 100px 0 44px; font-size: 36px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tit02 img{height: auto; margin-right: 10px; margin-top: -7px;} #prodcutDetailWrap2.creamy-tint-color-balm-glide .color-pick-tit02-txt{font-size: 36px;} } /* ****************** 크리미 틴트 컬러 밤 인텐스 ********************** */ /* -------- 크리미 틴트 컬러 밤 인텐스 컨텐츠 1 -------- */ #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-wide-tit, #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-wide-content-tit h4{color:#f26568; line-height:1.3 } #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box{margin:50px 0 40px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-tit{margin-bottom:11px} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-tit img{height:30px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-top{font-size:13px; line-height: 1.5; letter-spacing: -0.5px; color: #000; margin-top: 22px; margin-bottom: 10px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt.txt-bg{margin: 0 auto; display:inline-block; font-family:'aritaSB'; color:#fff; padding:0 10px; font-size:18px; letter-spacing:-0.1px; background-color: #de596a; line-height: 1.5; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-down{margin-top: 10px; font-family:'aritaL'; font-size:14px; letter-spacing: -0.1px; color: #de596a;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-down b{font-family:'aritaSB';} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-down-en{margin-top: 17px; font-family:'arita-buriM'; font-size: 21px; letter-spacing: -0.1px; color: #de596a;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info{} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt{font-family:'aritaL'; font-size: 18px; line-height: 1.5; letter-spacing: -0.1px; color: #fc3d3d;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt span{display: inline-block; position:relative; font-family:'aritaSB'; font-size: 30px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt span:before{display: block; position: absolute; top: 0; left: 12px; content:""; width: 5px; height: 5px; background-color: #fc3d3d; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt-down{padding: 10px 0 30px; font-family:'aritaM'; font-size: 14px; line-height: 1.3; letter-spacing: -0.1px; color: #000;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box.title-box2 .prd-detail-sub-txt-top {margin-bottom: 0px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box.title-box2 .prd-detail-sub-txt.txt-bg{background-color: #da010c;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box.title-box2 .prd-detail-sub-txt-down{line-height: 1.2;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper{} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li{margin-top: 6px; padding: 15px 0;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li:first-child{margin-top: 0;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg01{background-color: #cc6666;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg02{background-color: #e22247;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg03{background-color: #9e283e;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg04{background-color: #973744;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg05{background-color: #a8413d;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg06{background-color: #b24256;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg07{background-color: #c55e53;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg08{background-color: #e1271f;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg09{background-color: #d90203;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg10{background-color: #ad291a;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg11{background-color: #a24035;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg12{background-color: #ca3d39;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg13{background-color: #de5043;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg14{background-color: #b24f3f;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg15{background-color: #fd4646;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg16{background-color: #d64f4a;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg17{background-color: #e76469;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg18{background-color: #ff1c31;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg19{background-color: #ca0735;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper .bg20{background-color: #e3142d;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li .tit{font-size: 18px; letter-spacing: -0.25px; color: #fff; font-style: italic;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li .only-img-box{padding-top: 15px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tit02{margin: 50px 0 22px; font-size: 16px; letter-spacing: -0.5px; color: #f26568; line-height: 1.2;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tit02 img{height: 13px; margin-right: 5px; margin-top: -3px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tit02-txt{font-size: 14px; line-height: 1.3; letter-spacing: -0.1px; color: #000;}} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone{margin: -2% 0 50px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li{width: 31.33%; margin: 2% 1%; float: left;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li > div{position: relative; padding-top: 67%;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li.select a span{border-color: #ff6666;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a .tone-13{background-color: #f1e0ce; border-color: #f1e0ce;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a .tone-21c{background-color: #efd4bf; border-color: #efd4bf;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a .tone-21n{background-color: #f0d8c0; border-color: #f0d8c0;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a .tone-23c{background-color: #eccaaf; border-color: #eccaaf;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a .tone-23n{background-color: #eccfb1; border-color: #eccfb1;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a .tone-25{background-color: #deb893; border-color: #deb893;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a span{display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 10px solid #ff6666; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tone li a span em{font-size: 23px; letter-spacing: -0.5px; color: #c2b2a3; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media all and (min-width:769px ) { /* -------- 크리미 틴트 컬러 밤 인텐스 1 -------- */ #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box{margin:100px 0 80px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-tit{margin-bottom:22px} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-tit img{height:auto;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-top{margin-top: 44px; font-size:28px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt.txt-bg{font-size:24px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-down{margin-top: 20px; font-size:30px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-down-en{margin-top: 34px; font-size:60px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt-top{font-size:34px; margin-bottom: 20px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt.txt-bg{width: 50%; line-height: 42px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .prd-detail-title-box .prd-detail-sub-txt.txt-bg.pc-txt-bg{width: 34%;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt{font-size: 40px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt span{font-size: 50px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt span:before{width: 10px; height: 10px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color_balm-info .info-txt-down{padding: 20px 0 60px; font-size: 27px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li{margin-top: 12px; padding: 30px 0;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li .tit{font-size: 36px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-wrapper li .only-img-box{padding-top: 30px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tit02{margin: 100px 0 44px; font-size: 36px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tit02 img{height: auto; margin-right: 10px; margin-top: -7px;} #prodcutDetailWrap2.creamy-tint-color-balm-intense .color-pick-tit02-txt{font-size: 36px;} } /* 공통 부분 */ .clearfix {*zoom:1;} .clearfix:after {content:""; display:block; clear:both;} .sub-content {font-family: 'Arita Dotum', sans-serif; max-width:750px; min-width:320px; margin:0 auto; word-break:keep-all; overflow-x:auto;} .sub-content p {margin:0;} .sub-content .prd-detail-video-box2 video , .sub-content .prd-detail-video-box2 img {max-width:100%; display:block; margin:0 auto;} /* 플라워 팝 아이 팔레트 */ .flower-pop-top {padding-top: 60px; padding-bottom: 75px; text-align:center;} .flower-pop-top .top-tit {font-family: 'aritaSB', sans-serif; font-size:48px; line-height: 50px; letter-spacing: -0.1px; color:#d93b77; font-weight: 700;} .flower-pop-top .top-sub-txt {font-family: 'arita-buriSB', sans-serif; font-size:28px; line-height: 50px; letter-spacing: -0.1px; color:#000000; margin-top: 20px;} .flower-pop-top .top-txt {font-size:24px; line-height: 50px; color:#000;} .flower-img-bx img {max-width:100%;} .flower-pop-tit-bx {padding-top: 85px; padding-bottom: 55px; text-align:center;} .flower-pop-tit-bx .flower-pop-tit {font-family: 'aritaSB', sans-serif; font-size:65px; line-height: 60px; letter-spacing: -0.2px; color:#d93b77; font-weight: 700;} .flower-pop-tit-bx .flower-pop-tit-rnd {display:inline-block; padding:0 30px; border-radius:20px; background-color:#D93B77; margin-top: 30px; margin-bottom: 40px;} .flower-pop-tit-bx .flower-pop-tit-rnd p {font-family: 'aritaSB', sans-serif; font-size:26px; line-height: 44px; letter-spacing: -0.25px; color:#fff;} .flower-pop-tit-bx .flower-pop-tit-txt {font-family: 'aritaSB', sans-serif; font-size:32px; line-height: 43px; letter-spacing: -0.2px; color:#d93b77;} .flower-pop-info {padding-top: 100px; padding-bottom: 105px; text-align:center;} .flower-pop-info .flower-info-tit {font-size:36px; line-height: 55px; letter-spacing: -0.1px; color:#d93b68; font-weight: 500;} .flower-pop-info .flower-info-tit strong {font-family: 'aritaSB', sans-serif; font-size:44px; font-weight: 700;} .flower-pop-info-bx {margin-top: 80px;} .flower-pop-info-bx .flower-info-sub-tit {position:relative; display:inline-block; padding-left: 38px; font-size:36px; line-height: 50px; letter-spacing: -0.25px; color:#d93b77; font-weight: 500;} .flower-pop-info-bx .flower-info-sub-tit::before {content:""; position:absolute; left:0; top:10px; width:33px; height:26px; background:url("/int/en/resource/images/product/flower_pop_eye_pallete/ic_check.png") no-repeat center;} .flower-pop-info-bx .flower-info-sub-tit strong {font-family: 'aritaSB', sans-serif; font-weight: 700;} .flower-pop-info-bx p {font-size:28px; line-height: 40px; letter-spacing: -0.1px; color:#3e3e3e; margin-top: 20px;} .flower-pop-example {background-color:#F9F9F9;} .flower-ex-list {padding-top: 60px; } .flower-ex-list ul {position:relative; z-index:2; padding:0 8%; margin-top: -15px; margin-bottom: 25px;} .flower-ex-list ul li {float:left; width:20%; text-align:center;} .flower-ex-list ul li span {font-size:22px; line-height: 30px; color:#000000;} .flower-ex-list ul li p {font-family: 'aritaSB', sans-serif; font-size:22px; line-height: 30px; color:#000000;} .flower-ex-list.flower-ex-list2 ul {margin-top: 0; margin-bottom: 30px;} .flower-video-bx {padding-top: 115px; padding-bottom: 175px;} .flower-video-bx2 {padding-top: 120px; padding-bottom: 100px;} .flower-video-bx iframe, .flower-video-bx video, .flower-video-bx img, .flower-video-bx2 iframe, .flower-video-bx2 video, .flower-video-bx2 img {max-width:100%; margin:0 auto; display: block;} .flower-pop-rose {position:relative; padding:95px 0; margin:100px 0;} .flower-pop-rose::before {content:""; position:absolute; width:96%; height:1px; background-color:#BFBFBF; left:2%; right:2%; top:0;} .flower-pop-rose::after {content:""; position:absolute; width:96%; height:1px; background-color:#BFBFBF; left:2%; right:2%; bottom:0;} .flower-rose-tit h3 {text-align:center; font-size:75px; letter-spacing: -0.5px; font-weight: 500; font-style: italic; margin-bottom: 60px;} .flower-rose-tit h3 strong {font-family: 'aritaSB', sans-serif; font-weight: 700; font-size:80px;} .flower-rose-list {padding:0 3%; margin-top: 55px;} .flower-rose-list dl {display:table; width:100%; padding:15px 0;} .flower-rose-list dt {font-family: 'aritaSB', sans-serif; display:table-cell; width:175px; padding-right:25px; vertical-align: top; font-size:28px; line-height: 30px; letter-spacing: -0.1px; font-weight: 700; text-align:right; } .flower-rose-list dd {display:table-cell; vertical-align: top; } .flower-rose-list dd p {font-family:'aritaL', sans-serif; font-size:28px; line-height: 30px; letter-spacing: -0.1px; font-weight: 300; color:#000000;} .flower-rose-list dd strong {font-family: 'aritaSB', sans-serif; font-weight: 700; color:#525252;} .flower-pop-rose-bouquet .flower-rose-tit h3 {color:#fc9db9;} .flower-pop-rose-bouquet .flower-rose-list dt {color:#fa789e} .flower-pop-rose-fallen {margin-top: 95px;} .flower-pop-rose-fallen .flower-rose-tit h3 {color:#ffb1ca;} .flower-pop-rose-fallen .flower-rose-list dt {color:#fa789e;} #flowerPopBlusher .color-pick-tone{margin: -2% 20px 50px;} #flowerPopBlusher .color-pick-tone li{width: 31.33%; margin: 2% 1%; float: left; list-style: none;} #flowerPopBlusher .color-pick-tone li > div{position: relative; padding-top: 67%;} #flowerPopBlusher .color-pick-tone li a{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} #flowerPopBlusher .color-pick-tone li.select a span{border-color: #ff6666;} #flowerPopBlusher .color-pick-tone li a .tone-13{background-color: #f1e0ce; border-color: #f1e0ce;} #flowerPopBlusher .color-pick-tone li a .tone-21c{background-color: #efd4bf; border-color: #efd4bf;} #flowerPopBlusher .color-pick-tone li a .tone-21n{background-color: #f0d8c0; border-color: #f0d8c0;} #flowerPopBlusher .color-pick-tone li a .tone-23c{background-color: #eccaaf; border-color: #eccaaf;} #flowerPopBlusher .color-pick-tone li a .tone-23n{background-color: #eccfb1; border-color: #eccfb1;} #flowerPopBlusher .color-pick-tone li a .tone-25{background-color: #deb893; border-color: #deb893;} #flowerPopBlusher .color-pick-tone li a span{display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 10px solid #ff6666; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #flowerPopBlusher .color-pick-tone li a span em{font-size: 16px; letter-spacing: -0.5px; color: #c2b2a3; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media all and (max-width:768px){ .flower-pop-top {padding-top: 30px; padding-bottom: 40px;} .flower-pop-top .top-tit {font-size:23px; line-height: 23px;} .flower-pop-top .top-sub-txt {font-size:14px; line-height: 20px; margin-top: 10px;} .flower-pop-top .top-txt {font-size:14px; line-height: 20px;} .flower-pop-tit-bx {padding:0 3%; padding-top: 40px; padding-bottom: 30px;} .flower-pop-tit-bx .flower-pop-tit {font-size:34px; line-height: 27px;} .flower-pop-tit-bx .flower-pop-tit-rnd {padding:0 15px; margin-top: 15px; margin-bottom: 20px; } .flower-pop-tit-bx .flower-pop-tit-rnd p {font-size:15px; line-height: 25px;} .flower-pop-tit-bx .flower-pop-tit-txt {font-size:14px; line-height: 20px;} .flower-pop-info {padding: 50px 3%;} .flower-pop-info .flower-info-tit {font-size:16px; line-height: 26px;} .flower-pop-info .flower-info-tit strong {font-size:23px;} .flower-pop-info-bx {margin-top: 40px;} .flower-pop-info-bx .flower-info-sub-tit {padding-left: 20px; font-size:17px; line-height: 30px;} .flower-pop-info-bx .flower-info-sub-tit::before {width:14px; background-size:contain; height:15px; top:7px;} .flower-pop-info-bx p {font-size:16px; line-height: 22px; margin-top: 5px;} .flower-ex-list {padding-top: 30px;} .flower-ex-list ul {margin-bottom: 15px;} .flower-ex-list ul li span {font-size:14px; line-height: 20px;} .flower-ex-list ul li p {font-size:11px; line-height: 20px;} .flower-ex-list.flower-ex-list2 ul {margin-bottom: 15px;} .flower-video-bx {padding-top: 50px; padding-bottom: 70px;} .flower-video-bx2 {padding-top: 60px; padding-bottom: 50px;} .flower-pop-rose {padding:40px 0; margin:50px 0;} .flower-rose-tit h3 {font-size:35px; margin-bottom: 20px;} .flower-rose-tit h3 strong {font-size:40px;} .flower-rose-list {margin-top: 20px; padding:0;} .flower-rose-list dl {padding:3px 0; width:325px; margin:0 auto;} .flower-rose-list dt {width:90px; padding-right: 3%; font-size:13px; line-height: 20px; margin-bottom: 10px;} .flower-rose-list dd {width:245px;} .flower-rose-list dd p {font-size:12.5px; line-height: 20px;} .flower-pop-rose-fallen {margin-top: 40px;} } /* 플라워 팝 블러셔 */ /* 플라워 팝 아이 팔레트와 동일한 css 사용. */ #flowerPopBlusher .flower-pop-top .top-tit {color:#f19292;} #flowerPopBlusher .flower-pop-tit-bx .flower-pop-tit {color:#df6765;} #flowerPopBlusher .flower-pop-tit-bx .flower-pop-tit-rnd {background:#EC7573;} #flowerPopBlusher .flower-pop-tit-bx .flower-pop-tit-txt {color:#df6765} #flowerPopBlusher .flower-pop-info {} #flowerPopBlusher .flower-pop-info {padding:95px 0;} #flowerPopBlusher .flower-pop-info-bx:first-child {margin-top: 0;} #flowerPopBlusher .flower-pop-info-bx .flower-info-sub-tit {color:#f08484} #flowerPopBlusher .flower-pop-info-bx .flower-info-sub-tit::before {background:url("/int/en/resource/images/product/flower_pop_blusher/ic_arrow.png") no-repeat center} .blusher-line-bx {position:relative; margin-top: 100px; padding-top: 100px;} .blusher-line-bx::before {content:""; position:absolute; width:96%; height:1px; background-color:#BFBFBF; left:2%; right:2%; top:0;} #flowerPopBlusher .flower-pop-rose {padding:0; padding-bottom: 1px;} #flowerPopBlusher .flower-rose-list {margin:70px 0;} #flowerPopBlusher .flower-pop-rose-fallen {margin-top: 0;} .blusher-content-bx {padding:80px 3%;} .blusher-content-bx img, .blusher-content-bx iframe, .blusher-content-bx video {display:block; max-width:100%; margin:0 auto;} .blusher-content-bx2 {position:relative; padding:100px 3%;} .blusher-content-bx2::after {content:""; position:absolute; width:94%; height:1px; background-color:#BFBFBF; left:2%; right:2%; bottom:0;} .blusher-content-bx2 img, .blusher-content-bx2 iframe, .blusher-content-bx2 video {display:block; max-width:100%; margin:0 auto;} .blusher-content-bx3 {padding:0 3%;} .blusher-content-bx3 img, .blusher-content-bx3 iframe, .blusher-content-bx3 video {display:block; max-width:100%; margin:0 auto;} .blusher-color-tit {text-align:center; margin-bottom: 40px;} .blusher-color-tit h3 {font-size:43px; line-height: 50px; letter-spacing: -0.25px; color:#f19292; font-weight: 500;} .blusher-color-tit h3 strong {font-family: 'aritaSB', sans-serif; font-weight: 700;} .blusher-color-tit p {font-size:30px; line-height: 50px; letter-spacing: -0.25px; color:#ff8383} .blusher-color-tit p strong {font-family: 'aritaSB', sans-serif; font-weight: 700;} .blusher-color-box-wrap {padding-top: 20px; padding-bottom: 120px; text-align:center;} .blusher-color-bx {margin-top: 90px;} .blusher-color-bx h3 {font-size:46px; line-height: 52px; letter-spacing: -0.1px; color:#f19292; font-weight: 400; margin-bottom: 40px;font-style: italic;} .blusher-color-bx h3 strong {font-family: 'aritaSB', sans-serif; font-weight: 700; font-size:53px;} .blusher-tone-tit {padding:0 13%; margin-bottom: 50px;} .blusher-tone-tit h3 {font-size:46px; line-height: 50px; letter-spacing: -0.25px; color:#f19292; font-weight: 500;} .blusher-tone-tit h3 strong {display:inline-block; font-family: 'aritaSB', sans-serif; font-size:53px; font-weight: 700; font-style: italic; margin-left: 32%; margin-top: 10px;} .blusher-tone-list-wrap {text-align:center; padding-bottom: 100px;} .blusher-tone-list-wrap > p {font-size:30px; line-height: 50px; letter-spacing: -0.1px; color:#f19292; padding:40px 0;} .blusher-tone-list-wrap > p strong {font-family: 'aritaSB', sans-serif; font-weight: 700;} .blusher-tone-list li {float:left; width:31.333%;} .blusher-tone-list li a {display:block; position:relative; width:100%; padding-top: 71.43%; border-radius:20px;} .blusher-tone-list li a p {position:absolute; width:100%; height:100%; left:0; top:0;} .blusher-tone-list li a .table-layout {display:table; width:100%; height:100%;} .blusher-tone-list li a .table-cell-layout {display:table-cell; vertical-align: middle;} .blusher-using-tit {position:relative; z-index:5; text-align:center; margin-bottom: -25px; margin-top: 75px;} .blusher-using-tit h3 {font-size:43px; line-height: 50px; letter-spacing: -0.1px; color:#f19292; margin-bottom: 25px;} .blusher-using-tit p {font-size:29px; line-height: 42px; letter-spacing: -0.1px; color:#7a7a7a;} @media all and (max-width:768px){ #flowerPopBlusher .flower-pop-info {padding:40px 0;} #flowerPopBlusher .flower-pop-info-bx .flower-info-sub-tit::before {background-size:contain;} #flowerPopBlusher .flower-rose-list {margin:30px 0;} .blusher-line-bx {margin-top: 50px; padding-top: 50px;} .blusher-color-tit h3 {font-size:20px; line-height: 27px;} .blusher-color-tit p {font-size:16px; line-height: 27px;} .blusher-color-bx h3 {font-size:20px; line-height: 34px; margin-bottom: 20px;} .blusher-color-bx h3 strong {font-size:25px;} .blusher-color-box-wrap {padding-top: 10px; padding-bottom: 60px;} .blusher-color-bx {margin-top: 40px;} .blusher-tone-tit {padding:0; margin-bottom: 25px;} .blusher-tone-tit h3 {font-size:20px; line-height: 24px; width:265px; margin:0 auto;} .blusher-tone-tit h3 strong {font-size:25px; margin-top: 5px; margin-left: 30%;} .blusher-tone-list-wrap > p {font-size:16px; line-height: 34px; padding:20px 0;} .blusher-tone-list-wrap {padding-bottom: 50px;} .blusher-using-tit {margin-bottom: -10px; margin-top: 30px;} .blusher-using-tit h3 {font-size:20px; line-height: 25px; margin-bottom: 10px;} .blusher-using-tit p {font-size:15px; line-height: 25px;} .blusher-content-bx {padding:40px 3%;} .blusher-content-bx2 {padding:50px 3%;} } /* 190513 추가 ------------------------------------------------------ */ /* -------- 로즈워터 미스트 -------- */ @media (min-width: 769px){ #prodcutDetailWrap .repTitle .pdtName span.mt50 {margin-top:50px; } /*#prodcutDetailWrap {margin:0 auto !important; }*/ /*위에꺼는 적용시킬때 미적용!*/ #prodcutDetailWrap .txt .extra_bold {font-size:22px; color:#333; line-height:1.4; font-weight:600; } #prodcutDetailWrap .left_img_wrap__ {display:table; width:100%;} #prodcutDetailWrap .left_img_wrap__ > div {display:table-cell; width:50%; vertical-align:middle; } #prodcutDetailWrap .left_img_wrap__ .left_wrap__ img {max-width:100%; } #prodcutDetailWrap .left_img_wrap__ .right_wrap__ .table_wrap30__ + .table_wrap30__ {margin-top:20px; } #prodcutDetailWrap div + .t-group.mt20 {margin-top:20px; } #prodcutDetailWrap .three_dis_wrap__ {width:100%; overflow:hidden; text-align:center; font-size:0; line-height:0; } #prodcutDetailWrap .three_dis_wrap__ > .three_wrap__ {width:30%; margin-right:5%; display:inline-block; text-align:center; } #prodcutDetailWrap .three_dis_wrap__ > .three_wrap__:last-child {margin-right:0; } #prodcutDetailWrap .three_dis_wrap__ > .three_wrap__ .txt {margin-top:20px; } #prodcutDetailWrap .three_dis_wrap__ > .three_wrap__ .txt.bold {font-weight:600; color:#333; } #prodcutDetailWrap .table_wrap30__ {display:table; width:100%; } #prodcutDetailWrap .table_wrap30__ > div {display:table-cell; vertical-align:middle; } #prodcutDetailWrap .table_wrap30__ .table_wrap30_left__ {width:90px; text-align:left; } #prodcutDetailWrap .table_wrap30__ .table_wrap30_left__ img {max-width:70px; } #prodcutDetailWrap .table_wrap30__ .table_wrap30_right__ {width:calc(100% - 90px); text-align:left; } #prodcutDetailWrap .conWrap.list1 li .t-group {width:100%; overflow:hidden; margin-bottom:20px; } #prodcutDetailWrap .detail.mt25em {margin-top:2.5em; } #prodcutDetailWrap .shortimg {padding:120px 0px; } } @media (max-width: 769px){ #prodcutDetailWrap .repTitle .pdtName.enlongn {font-size:21px; } #prodcutDetailWrap .repTitle .pdtName span.mt50 {margin-top:1.5em; } #prodcutDetailWrap .repTitle .repDesc br {display:none; } #prodcutDetailWrap .txt .extra_bold {font-size:15px; color:#333; line-height:1.4; font-weight:600; } #prodcutDetailWrap .three_wrap__ {text-align:center; } #prodcutDetailWrap .left_img_wrap__ .left_wrap__ {margin-top:10px; text-align:center; } #prodcutDetailWrap .table_wrap30__ .table_wrap30_left__ {text-align:center; margin-bottom:10px;} #prodcutDetailWrap .table_wrap30__ .table_wrap30_right__ {text-align:center; } #prodcutDetailWrap .table_wrap30__ {margin-top:20px; } #prodcutDetailWrap .three_dis_wrap__ > .three_wrap__ .txt {margin:12px 0 15px; } #prodcutDetailWrap .three_dis_wrap__ > .three_wrap__ .txt.bold {font-weight:600; color:#333; } #prodcutDetailWrap .momt20 {margin:20px; } #prodcutDetailWrap .shortimg {padding:20px 0px; } #prodcutDetailWrap .mo_hide {display:none; } } /* 세라마이드 튜브*/ #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-title-box .prd-detail-mark-icon.deep { box-shadow: 5px 3px 5px rgba(0, 0, 0, .3); } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-wide-tit br {line-height:30px; } #prodcutDetailWrap2 .spec-list-box li .spec-num.en_long {top:calc(50% - 10px); } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span.en {margin-left:-128px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit-sub-txt span.en img {height:30px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 span.en img {height:35px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-tit02 span.en {margin-left:-138px; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit5 span.en {display:inline-block; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .pd-detail-tit6.toolong_en {max-width:80%; text-align:center; margin:47px auto 0; } #prodcutDetailWrap2.moisture-ceramide-intense-cream .prd-detail-video-box3 .prd-detail-txt-img.entop {margin-top:0; } @media (min-width: 769px){ .line-bg02 {position:relative; } .line-bg02:after { display: block; position: absolute; top: 53%; left: -2%; z-index: -1; width: 104%; height: 50%; background-color: #fff0f0; content: ''; } } @media (max-width: 769px){ .line-bg02 {position:relative; } .line-bg02:after { display: block; position: absolute; top: 53%; left: -2%; z-index: -1; width: 104%; height: 50%; background-color: #fff0f0; content: ''; } .video_middle_wrap__ {max-width:100%; } .video_middle_wrap__ video {max-width:100%; } } /* 190502 추가 ------------------------------------------------------ */ /* -------- 퓨어 울트라 화이트 -------- */ @media all and (min-width:769px ) { #prodcutDetailWrap .pure-white-ultra-essence .point.type2 ul li{} } /* 190513 추가 ------------------------------------------------------ */ /* -------- 로즈워터 미스트 -------- */ #prodcutDetailWrap .rose-water-mist .p-d-use .t-group p.bold{color:#231f20;} @media all and (min-width:769px ) { #prodcutDetailWrap .rose-water-mist .point > ul > li{padding:40px 10px 42px} #prodcutDetailWrap .rose-water-mist .point > ul > li:first-child .dd br{display:block;} #prodcutDetailWrap .rose-water-mist .point > ul > li:first-child .dd sup{font-size:11px} #prodcutDetailWrap .rose-water-mist .point .dt {font-size:17px; } #prodcutDetailWrap .rose-water-mist .p-d-intro .use, #prodcutDetailWrap .rose-water-mist .p-d-intro .use-2{font-size:19px;font-weight:600;margin-bottom:23px;} #prodcutDetailWrap .rose-water-mist .p-d-intro .use-2{margin-top:5.6em; margin-bottom:0} } /* 190515 추가 ------------------------------------------------------ */ /* -------- 로즈워터 토너 -------- */ #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box .prd-detail-tit img{height:46px;} @media all and (min-width:769px ) { #prodcutDetailWrap2.rose-water-toner .prd-detail-title-box .prd-detail-tit img{height:auto;} } /* 190520 추가 ------------------------------------------------------ */ /* -------- 올 스테이 파운데이션 글로우 -------- */ #prodcutDetailWrap.all-stay-foundation .point .img{text-align:center;} /* 190522 추가 ------------------------------------------------------ */ /* -------- 코튼 베일 프라이머 -------- */ #prodcutDetailWrap .p-d-look-c-v-powder-pact img {max-width:none; width:100%;} @media all and (min-width:769px ) { #prodcutDetailWrap .p-d-look-c-v-powder-pact img{max-width:100%; width:auto;} } /* -------- 아쿠아 글로우 볼 베이스 -------- */ #prodcutDetailWrap .t-group .ul_v.icon_p-aqua{height:100px} @media all and (min-width:769px ) { #prodcutDetailWrap .liquid-eyeliner-color.aqua-base{text-align:center;} #prodcutDetailWrap .liquid-eyeliner-color.aqua-base li{display:inline-block; float:none;} #prodcutDetailWrap .t-group .ul_v.icon_p-aqua {height: 154px;} #prodcutDetailWrap .aqua-base .source-from{margin-right:21px;} } /* 190523 추가 ------------------------------------------------------ */ /* -------- 마이크로 딥 클렌징 -------- */ #prodcutDetailWrap2.micro-deep-cleansing-form .spec-list-box-line{max-width:575px; } /* 190531 추가 :: 라인 붙는 이슈 수정 ------------------------------------------------------ */ @media all and (min-width:769px ) { #prodcutDetailWrap .repTitle .pdtName:after{margin-top:45px} } /* -------- 레드 에너지 리커버리 세럼 기획세트 -------- */ /* 레드 에너지 리커버리 세럼 기획세트 1 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-color {color:#ff3351 !important;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set sup {font-size:.4em;vertical-align:super;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content:first-child {padding-bottom:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content {border-top:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-tit, #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content-tit h4{color:#ff3351;line-height:1.3;font-family:"Arita Dotum";font-weight:600;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content-tit .section-tit.line-bg {display:inline-block;margin-top:0px;font-weight:bold;color:#000;font-size:25px;font-family:"Arita Dotum";} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box {margin:25px 0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box.box2 {margin-top:80px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box .prd-detail-tit{font-family:'AritaSB'; font-size:21px; margin-bottom:10px; color:#ff3351; letter-spacing:-0.5px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box .prd-detail-hash-list {font-family:"Arita Dotum";font-weight:600;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-hash-list{display: inline-block;font-family: "Arita Dotum";font-weight: 600;padding: 5px 10px 4px;font-size: 12px;color: #fff;letter-spacing: -0.1px;background-color: #ff3351;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;margin-bottom: 15px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .mark-txt{display:inline-block; padding:4px 8px; background-color:#f29797; margin:5px 0; color:#fff;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-en-txt {font-family:"Arita Dotum";font-weight:400;color:#000;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-sub-txt{margin:20px 0 25px;font-family:"Arita Dotum";font-size:13px; letter-spacing:-0.2px; color:#000; line-height:1.4; font-weight:400;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-sub-txt.mt100 {margin-top:100px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .only-img-box.mv-box img {border-radius:25px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box{margin:29px auto 0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li{position:relative; margin-top:6px; padding-left:8px; letter-spacing:-0.1px; font-family:'AritaSB';} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li:first-child{margin-top:0px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li .spec-num{position:absolute; top:50%; left:0; width:20px; height:20px; font-size:14px; border-radius:50%; color:#fff; line-height:20px; color:#fff; font-weight:400; background-color:#ff3351; margin-top:-10px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li .spec-txt{min-height:30px; font-size:12px; line-height:1.23; text-align:left; background-color:#ffeaed; color:#707070; border-radius:15px; padding:10px 10px 8px 20px; webkit-box-sizing:border-box;-moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li .spec-txt b{ font-family:'AritaM'; color:#ff3351;} /* 레드 에너지 리커버리 세럼 기획세트2-1 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box {margin-top:30px;margin-bottom:25px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-mark{display:inline-block; width:80px; height:25px; line-height:25px; background-color:#ff3351; color:#fff; font-size:16px; font-family: 'aritaSB'; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px; margin-bottom:15px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-sub-tit{font-size:14px; color:#000; ; letter-spacing:-0.1px; font-family:'arita-buriSB'; margin-bottom:10px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-tit {margin-bottom:25px;color:#ff3351; font-size:19px; letter-spacing:-0.1px; font-family:"Arita Dotum";font-weight:600;line-height:1.5;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-tit b{font-family: 'aritaM'; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-tit .tm{font-size:20px; font-family:'arita-buriSB'} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-sub-txt {font-family:"Arita Dotum";font-weight:400;line-height:1.5;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box{max-width:634px; width:86%; margin:0px auto 48px; text-align:left;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box li{margin-top:30px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box li:first-child{margin-top:0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box{position:relative; height:auto; padding-left:120px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box .icon{position:absolute; top:50%; left:0px; margin-top:-45px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box .icon img{width:90px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box dl{padding:20px 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box dl dt{color:#ff3351; font-size:16px; letter-spacing:-0.5px; margin-bottom:13px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box dl dd{color:#000; font-size:13px; letter-spacing:-0.1px; line-height:1.5} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .line-bg{position: relative;display:inline-block;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .line-bg:before{display: block; position:absolute; top: 40%; left: -2%; z-index: -1; width: 104%; height: 70%; background-color: #ffeaed; content: '';} /* 2-2 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-real-effect-box{padding:35px 24px 45px ; background-color:#f3f2f2;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-real-effect-box .point-top-tit-box{margin-bottom:27px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box{padding:38px 0 35px; width:70%; max-width:550px; margin:0px auto; text-align:left;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box p{display:inline-block; color:#969696; font-size:13px; letter-spacing:-0.1px; margin-top:8px; padding-left:20px; background:url(/int/en/resource/images/product/red_energy_recovery_serum/red_energy_recovery_serum_img_07.png) no-repeat 0 50%; background-size:14px auto;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box p:first-child{margin-top:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box p span{color:#ff3351; font-weight:400;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box p span b{font-size:17px;} /* 2-3 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-skin-change-con{padding:40px 0 0 0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-skin-change-con .point-skin-change-top-tit-box .point-sub-tit{font-size:15px; font-family: 'aritaSB';color:#000; ; letter-spacing:-0.1px; font-style:italic; margin-bottom:10px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-skin-change-con .point-skin-change-top-tit-box .point-tit{color:#ff3351; font-size:21px; margin-bottom:25px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-content-container{padding-bottom:44px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con{padding:38px 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li{margin-bottom:6px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-list-inner{overflow:hidden;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-photo{float:left; width:50%;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-photo img{width:100%;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-txt{float:left; width:50%;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-txt p{padding:25px 12px; color:#000; font-size:13px; letter-spacing:-0.1px; text-align:left; line-height:1.57; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-txt p span{color:#ff3351; font-family: 'aritaSB';} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-txt p sup{font-size:10px;} /* 2-4 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-compare-video-tit{line-height:1.38; font-size:17px; color:#ff3351; padding:0 0 27px 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-compare-video-tit .tm{font-size:20px; font-family:'arita-buriSB'} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .compare-video-txt{color:#000; font-size:16px; letter-spacing:-0.1px; font-family: 'aritaSB'; margin-top:17px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container{padding:40px 24px 45px; background-color:#f6f6f6;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container .point-top-tit-box{margin-bottom:27px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container .point-sub-tit{font-family: 'aritaSB';} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container .point-sub-txt{color:#000; font-size:13px; margin-top:22px; line-height:1.46; letter-spacing:-0.1px; font-family: 'aritaL'; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-point3-txt-box{padding:38px 0 35px; width:200px; margin:0px auto; text-align:left;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-point3-txt-box p{display:inline-block; color:#969696; font-size:16px; letter-spacing:-0.1px; margin-top:17px; padding-left:20px; background:url(/int/en/resource/images/product/red_energy_recovery_serum/red_energy_recovery_serum_img_07.png) no-repeat 0 50%; background-size:14px auto;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-point3-txt-box p:first-child{margin-top:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-point3-txt-box p span{color:#ff3351; font-weight:400;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-texture-video-con{padding:39px 0 0 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-texture-video-con .point-top-tit-box{margin-bottom:27px;} /* 레드 에너지 리커버리 세럼 기획세트 3 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-how-to-txt{font-size:14px; letter-spacing:-0.1px; line-height:1.4; font-family: 'aritaL'; margin-top:25px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list-con-tit {display:block;margin:80px 0 40px;font-family:"Arita Dotum";font-size:21px;font-weight:bold;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list {padding-bottom:30px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list:after {display:block;content:"";clear:both;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list li {float:left;padding:0 2%;width:25%;text-align:center;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list li img {width:100%;margin-bottom:20px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list .img-list-tit {display:block;font-family:"Arita Dotum";font-weight:400;font-size:12px;} @media all and (min-width:769px) { /* 레드 에너지 리커버리 세럼 기획세트 컨텐츠1 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content {border-top:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content:first-child {padding-bottom:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content {padding-top:0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content-tit .section-tit {font-size:40px;font-family:"Arita Dotum";} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-title-box {padding-bottom:75px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box {margin:100px 0 60px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box.box2 {margin-top:100px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box.pc-txt-box .prd-detail-sub-txt {letter-spacing:-0.2px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box .prd-detail-tit{font-size:50px; margin-bottom:20px } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-title-box.tit-box-sub .prd-detail-tit {color:#ff3351;font-size:36px;font-weight:bold;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-hash-list {padding:11px 20px 9px;font-size:24px; margin-bottom:0px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .mark-txt {padding:8px 12px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-sub-txt {margin:40px 0 50px;font-size:28px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-sub-txt.pc-txt {letter-spacing:-1px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-sub-txt.mt100 {margin-top:50px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-sub-txt.default-txt {margin-top:30px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .rose-water-txt-box1{margin-top:80px; margin-bottom:32px; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .rose-water-txt1{font-size:36px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .rose-water-txt2{font-size:28px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box{max-width:680px; margin:58px auto 0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li{padding-left:15px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li .spec-num{width:32px; height:32px; font-size:26px; line-height:32px; margin-top:-16px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .spec-list-box li .spec-txt{min-height:58px; font-size:26px; padding:12px 10px 12px 48px;border-radius:30px; } /* 레드 에너지 리커버리 세럼 컨텐츠2-1 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box{margin-top:80px;margin-bottom:70px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-mark{width:174px; height:51px; line-height:52px; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; margin-bottom:30px; font-size:36px; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-sub-tit{font-size:30px; margin-bottom:20px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-tit{margin-bottom:30px;font-size:36px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-tit{letter-spacing:-2px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-tit .tm{font-size:37px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point-top-tit-box .point-sub-txt {font-family:"Arita Dotum";font-weight:400;font-size:28px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box{margin-bottom:96px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box li{margin-top:81px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box{height:222px; padding-left:286px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box .icon{top:0px; margin-top:0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box .icon img{width:auto;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box dl{padding:40px 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box dl dt{font-size:34px; margin-bottom:35px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point1-content-list-box .point1-inner-box dl dd{font-size:27px;} /* 2-2 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-real-effect-box{padding:70px 53px 90px 48px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-real-effect-box .point-top-tit-box{margin-bottom:55px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box{padding:76px 0 70px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box p{font-size:32px; margin-top:35px; padding-left:50px; font-size:21px; margin-top:17px; background-size:auto} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-effect-txt-box p span b{font-size:40px;} /* 2-3 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-skin-change-con{padding:87px 0 0 0;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-skin-change-con .point-skin-change-top-tit-box .point-sub-tit{font-size:32px; margin-bottom:20px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-skin-change-con .point-skin-change-top-tit-box .point-tit{font-size:50px; margin-bottom:50px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-content-container{padding-bottom:88px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con{padding:76px 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li{margin-bottom:12px} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-txt p{ padding:78px 35px; font-size:28px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-spec-list-con li .point2-spec-txt p sup{font-size:14px;} /* 2-4 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-compare-video-tit{font-size:36px; padding-bottom:55px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point2-compare-video-tit .tm{font-size:30px; } #prodcutDetailWrap2.red-energy-serum-special-recovery-set .compare-video-txt{font-size:32px; margin-top:35px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container{padding:80px 53px 90px 48px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container .point-top-tit-box{margin-bottom:55px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-content-container .point-sub-txt{font-size:30px; margin-top:45px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-point3-txt-box{width:450px;padding:76px 0 70px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-point3-txt-box p{background-size:auto; padding-left:50px; margin-top:35px; font-size:34px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-texture-video-con{padding:78px 0 0 0} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .point3-texture-video-con .point-top-tit-box{margin-bottom:53px;} /* 레드 에너지 리커버리 세럼 기획세트 3 */ #prodcutDetailWrap2.red-energy-serum-special-recovery-set .red-serum-how-to-txt{font-size:28px; margin-top:50px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list-con-tit {font-size:36px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list {padding-bottom:75px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list li {font-size:20px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list .img-list-tit {display:block;font-family:"Arita Dotum";font-weight:400;font-size:20px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .img-list li img {width:100%;margin-bottom:20px;} #prodcutDetailWrap2.red-energy-serum-special-recovery-set .prd-detail-wide-content-tit .section-tit.line-bg {margin-top:100px;font-size:40px;} }