【公式】頭皮ケアトニック100ml 3種／毛根強化／油気ある頭皮／脱毛／頭皮熱下げ／スッキリ／韓国コスメ
<style><br><span id="mce_marker" data-mce-type="bookmark"></span><span id="__caret">_</span><br><br><br><br><br>body { width:980px; margin:auto; } ul { margin:0; padding: 0; } li { list-style: none; } a {color:#444444; text-decoration: none; } .pdt_detail { position: relative; width: 100%; margin: 0 auto; padding: 80px 0; color: #444; background: #fff; line-height: 1.5; letter-spacing: -.025em; font-size: 16px; box-sizing: initial; } .pdt_detail * { word-break: keep-all; } .pdt_detail div:last-child { margin-bottom: 0; } .pdt_detail .clr_product { color: #1d684c !important; } .pdt_detail .bgc_product { color: white; background-color: #268863 !important; } .pdt_detail .oil_shield .description { margin-top: 60px; font-size: 20px; font-weight: 700; } .pdt_detail .brand_story { background-color: transparent; } .pdt_detail .m_visible { display: none !important; } .red { color:#e70000; } .pdt_detail .fl_l { float: left; } .pdt_detail .fl_r { float: right; } .pdt_detail .ta_l { text-align: left !important; } .pdt_detail .ta_c { text-align: center !important; } .pdt_detail .ta_r { text-align: right !important; } .pdt_detail .mg0 { margin: 0 !important; } .pdt_detail .mg10 { margin: 10px !important; } .pdt_detail .mgt0 { margin-top: 0 !important; } .pdt_detail .mgt10 { margin-top: 10px !important; } .pdt_detail .mgt20 { margin-top: 20px !important; } .pdt_detail .mgt30 { margin-top: 30px !important; } .pdt_detail .mgt60 { margin-top: 60px !important; } .pdt_detail .mgb0 { margin-bottom: 0 !important; } .pdt_detail .mgb10 { margin-bottom: 10px !important; } .pdt_detail .mgb30 { margin-bottom: 30px !important; } .pdt_detail .mgl0 { margin-left: 0 !important; } .pdt_detail .mgl10 { margin-left: 10px !important; } .pdt_detail .mgr0 { margin-right: 0 !important; } .pdt_detail .mgr10 { margin-right: 10px !important; } .pdt_detail .pdt_title { margin-bottom: 81px; color: #222; text-align: center; } .pdt_detail .pdt_title strong { display: block; font-size: 25px; font-weight: 400; } .pdt_detail .pdt_title .h3 { display: inline-block; padding-top: 3px; line-height: 1.2; font-size: 45px; font-weight: 700; } .pdt_detail .pdt_title.type1 strong { margin-bottom: 10px; color: #777; font-size: 25px; } .pdt_detail .pdt_title.type1 .h3 { margin: 0; border-top: 3px solid #222; font-size: 45px; font-weight: 700; } .pdt_detail .pdt_title.type2 strong { font-size: 35px; font-weight: 700; } .pdt_detail .pdt_title.type2 .h3 { margin-bottom: 14px; padding: .16em 0 .2em; border-top: 1px solid #222; border-bottom: 1px solid #222; font-size: 30px; font-weight: 400; } .pdt_detail .pdt_title.type2.bb_only .h3 { border-top: 0; } .pdt_detail .pdt_visual { margin-bottom: 150px; text-align: center; } .pdt_detail .pdt_visual.mb_short { margin-bottom: 90px; } .pdt_detail .pdt_visual .visual_img { position: relative; height: 580px; } .pdt_detail .pdt_visual .visual_img img { width: 100%; } .pdt_detail .pdt_visual .visual_img .img_text { margin-top: -520px; margin-left: 80px; width: 288px; padding: 70px 0px 45px; color: #fff; line-height: 1.4; letter-spacing: -1px; text-align: left; font-size: 38px; font-weight: 700; } .pdt_detail .pdt_visual .visual_img .img_text:after { content: ''; display:block; position: relative; top: -270px; left: 30px; width: 83px; height: 4px; background: #fff; z-index: 1; } .pdt_detail .pdt_visual .visual_img .img_text .txt { position: relative; z-index: 1; width:260px; height:210px; background:#3874bd; opacity: .65; padding:70px 30px 45px; } .pdt_detail .pdt_visual .visual_img .img_text .bg { top: 0; left: 0; width: 100%; height: 100%; opacity: .65; background: #000; filter: alpha(opacity=65); } .pdt_detail .pdt_visual .visual_cont { position: relative; color: #222; line-height: 1.5; font-size: 30px; } .pdt_detail .pdt_visual .visual_cont u { border-bottom: 2px solid #222; text-decoration: none; font-weight: 700; } .pdt_detail .pdt_visual .visual_cont .highlight { padding: 0 .35em; color: white; background-color: #55841d; } .pdt_detail .pdt_visual .visual_cont .txt { display: block; margin-bottom: 8px; padding: 0 3%; } .pdt_detail .pdt_visual .visual_cont.type1 { padding-top: 70px; } .pdt_detail .pdt_visual .visual_cont.type1:before { content: ''; display: inline-block; width: 35px; height: 55px; background: url(https://thearomatica.whoisimg.com/product/3_Hair_Care/5_Common/icon_01.png) no-repeat center top / 100% auto; } .pdt_detail .pdt_visual .visual_cont.type1:after { content: ''; display: inline-block; width: 35px; height: 55px; background: url(https://thearomatica.whoisimg.com/product/3_Hair_Care/5_Common/icon_02.png) no-repeat center bottom / 100% auto; } .pdt_detail .pdt_visual .visual_cont.type2 { padding-top: 150px; } .pdt_detail .pdt_visual .visual_cont.type2:before { content: ''; position: ; top: 40px; left: 50%; width: 1px; height: 71px; background: #dfdfdf; } .pdt_detail .pdt_visual .visual_cont.type1 .txt span, .pdt_detail .pdt_visual .visual_cont.type2 span { padding: 0 5px; line-height: 1.6; } .pdt_detail .pdt_visual .visual_cont.type2 span { color: #fff; background: #888; } .pdt_detail .pdt_visual .visual_desc { margin: 40px 7.5% 0; } .pdt_detail .pdt_visual.fluid .visual_img img { display: block; width: auto; max-width: 100%; margin: 0 auto; } .pdt_detail .pdt_visual .qna_group { margin-top: 50px; } .pdt_detail .pdt_content { position: relative; margin-bottom: 150px; text-align: center; } .pdt_detail .pdt_content.mb_short { margin-bottom: 80px; } .pdt_detail .pdt_content .h4, .pdt_detail .pdt_content .heading { margin: 0 0 20px 0; color: #000; line-height: 1.3; font-size: 25px; font-weight: 700; } .pdt_detail .pdt_content .h4 em { font-style: normal; font-weight: 400; } .pdt_detail .pdt_content .h4 .border { display: table; width: 50px; margin: .5em auto; border-bottom-width: 2px; border-bottom-style: solid; } .pdt_detail .pdt_content .h4 .underline { border-bottom: .08em solid currentColor; } .pdt_detail .pdt_content .heading1 { line-height: 1.4em; font-size: 30px; } .pdt_detail .pdt_content .heading2 { line-height: 1.6em; font-size: 25px; } .pdt_detail .pdt_content .heading3 { line-height: 1.6em; font-size: 20px; } .pdt_detail .pdt_content .prefix { margin-bottom: .5em; } .pdt_detail .pdt_content .atop { margin-bottom: 32px; } .pdt_detail .pdt_content .atop .h4+p { margin-top: -.35em; } .pdt_detail .pdt_content .backdrop_fade { background-color: #f7f7f7; } .pdt_detail .pdt_content .backdrop_fade .tier.bg_white { padding-top: 40px; padding-bottom: 40px; background-color: white; } .pdt_detail .pdt_content .backdrop_fade .tier { margin-bottom: 80px; } .pdt_detail .pdt_content .backdrop_fade .tier:last-child { margin-bottom: 0; } .pdt_detail .pdt_content .spaced { margin-top: 30px; margin-bottom: 30px; } .pdt_detail .pdt_content .spaced_more { margin-top: 40px; margin-bottom: 40px; } .pdt_detail .pdt_content .float_center { display: table; margin-right: auto; margin-left: auto; } .pdt_detail .pdt_content .backdrop_padded { padding-top: 60px; padding-bottom: 60px; } .pdt_detail .pdt_content .txt_strong { display: block; margin-top: 30px; line-height: 1.4; font-size: 24px; font-weight: 400; } .pdt_detail .pdt_content .cont_list { margin: 45px -0.1% 0; overflow: hidden; font-size: 16px; } .pdt_detail .pdt_content .cont_list ul { margin: 0 -1%; overflow: hidden; text-align: center; } .pdt_detail .pdt_content .cont_list ul li { display: inline-block; margin: 0 1%; vertical-align: top; } .pdt_detail .pdt_content .cont_list h5 { margin-bottom: 12px; font-size: 16px; font-weight: 700; } .pdt_detail .pdt_content .cont_list .list_img { display: block; margin-bottom: 23px; } .pdt_detail .pdt_content .cont_list .list_img img { width: 100%; } .pdt_detail .pdt_content .cont_list.list_3 ul { margin: 0 0 0 -1.2555%; } .pdt_detail .pdt_content .cont_list.list_4 ul { margin: 8% 0 0 -4.2555%; } .pdt_detail .pdt_content .cont_list.list_3 ul li { width: 31.7%; margin: 0 0 0 1.2555%; } .pdt_detail .pdt_content .cont_list.list_4 ul li { width: 37%; margin: 0 0 5% 4.2555%; } .pdt_detail .pdt_content .cont_list.img_line .list_img { border: 1px solid #dfdfdf; } .pdt_detail .pdt_content .cont_list.circle .list_img { overflow: hidden; border-radius: 50%; } .pdt_detail .pdt_content .cont_img { position: relative; display: block; margin-bottom: 50px; overflow: hidden; height: 580px; } .pdt_detail .pdt_content .cont_img img { width: 100%; } .pdt_detail .pdt_content .cont_img.small { margin: 50px 15% 0; } .pdt_detail .pdt_content .cont_img .origin { margin-top: .715em; color: #333; line-height: 1.65em; text-align: right; font-size: .875em; } .pdt_detail .pdt_content .cont_img.line img { box-sizing: border-box; border: 1px solid #dfdfdf; } .pdt_detail .pdt_content .cont_img .img_list { margin: 15px 0 0 0; padding: 0; overflow: hidden; } .pdt_detail .pdt_content .cont_img .img_list li { width: 40%; float: left; padding: 0 7% 0 3%; text-align: left; vertical-align: top; list-style: none; } .pdt_detail .pdt_content .cont_img .img_list h5 { display: block; margin: 0; font-size: 18px; font-weight: 700; } .pdt_detail .pdt_content .cont_img .img_text { margin-top: -405px; margin-left: 70px; text-align: left; } .pdt_detail .pdt_content .cont_img .img_text.bottom { top: inherit; bottom: 150px; } .pdt_detail .pdt_content .cont_img .img_text.right { right: 100px; left: inherit; text-align: right; } .pdt_detail .pdt_content .cont_img .img_text .h4 { margin: 0; line-height: 1.7; font-size: 36px; } .pdt_detail .pdt_content .cont_img .img_text .h4 span { border-bottom: 2px solid #222; text-decoration: none; } .pdt_detail .pdt_content .cont_img .img_text .line_box { padding: 20px 0; border-top: 2px solid #000; border-bottom: 2px solid #000; } .pdt_detail .pdt_content .cont_img .img_text .line_box .h4 { font-size: 45px; font-weight: normal; } .pdt_detail .pdt_content .cont_img .img_text .line_box .h4 strong { font-weight: 700; } .pdt_detail .pdt_content .cont_img_desc { margin-top: 1.5em; } .pdt_detail .pdt_content .cont_box { margin-top: 100px; } .pdt_detail .pdt_content .cont_box img { width: 100%; } .pdt_detail .pdt_content .cont_box .box { position: relative; margin-top: 30px; overflow: hidden; text-align: left; } .pdt_detail .pdt_content .cont_box .box .box_img { width: 51%; float: left; } .pdt_detail .pdt_content .cont_box .box .box_con { position: ; top: 0; left: 0; width: 45%; padding-left: 55%; box-sizing: initial; } .pdt_detail .pdt_content .cont_box .box .box_con u { font-weight: 700; } .pdt_detail .pdt_content .cont_box .box.right { text-align: right; } .pdt_detail .pdt_content .cont_box .box.right .box_con { padding: 0 55% 0 0; } .pdt_detail .pdt_content .cont_box .box.right .box_img { float: right; margin-left: 5%; } .pdt_detail .pdt_content .imgBox { overflow: hidden; } .pdt_detail .pdt_content .imgBox .side { display: inline-block; width: 55%; vertical-align: top; } .pdt_detail .pdt_content .imgBox .side img { width: 100%; } .pdt_detail .pdt_content .imgBox .text { display: inline-block; width: 41%; text-align: left; vertical-align: top; } .pdt_detail .pdt_content .imgBox .text.ta_r { padding-right: 3% !important; } .pdt_detail .pdt_content .imgBox .text.ta_l { padding-left: 3% !important; } .pdt_detail .pdt_content .imgBox .text h5 { margin: 0 0 20px; } .pdt_detail .pdt_content .imgBox dl { position: relative; } .pdt_detail .pdt_content .imgBox dl:before { content: ''; position: ; top: 0; right: 0; width: 60px; height: 2px; background: #3b1e09; } .pdt_detail .pdt_content .imgBox dl dt { padding-top: 25px; color: #563b1c; font-size: 24px; } .pdt_detail .pdt_content .imgBox dl dd { margin: 15px 0 0 0; } .pdt_detail .list_square { margin-top: 1em; padding-left: 2.85em; text-align: left; } .pdt_detail .list_square li { list-style: square; } .pdt_detail .pdt_content .em { border-bottom: 1px solid currentColor; font-weight: 700; } .pdt_detail .pdt_content .media_box { position: relative; margin: 40px auto; overflow: hidden; } .pdt_detail .pdt_content .media_box.small { max-width: 60%; } .pdt_detail .pdt_content .media_box:first-child { margin-top: 0; } .pdt_detail .pdt_content .media_box:last-child { margin-bottom: 0; } .pdt_detail .pdt_content .media_box .media { width: 100%; height: auto; padding: 0; box-sizing: border-box; text-align: center; } .pdt_detail .pdt_content .media_box .media img { max-width: 100%; height: auto; } .pdt_detail .pdt_content .media_box .media.bordered { border: 1px solid #dfdfdf; } .pdt_detail .pdt_content .media_box .caption { padding: 1.5em 1em; line-height: 1.3em; font-size: 16px; } .pdt_detail .pdt_content .media_box.padded { padding: 60px 30px; } .pdt_detail .pdt_content .media_box.bg_white { background-color: white; } .pdt_detail .pdt_content .media_box.bordered { border: 1px solid #dfdfdf; } .pdt_detail .pdt_content .media_box.split_2 { font-size: 0; } .pdt_detail .pdt_content .media_box.split_2 .media { display: inline-block; max-width: 41.5%; margin-right: 20px; vertical-align: middle; } .pdt_detail .pdt_content .media_box.split_2 .media:last-child { margin-right: 0; } .pdt_detail .pdt_content .media.successive { margin-top: 25px; } .pdt_detail .frame { display: inline-block; } .pdt_detail .frame.bg_white { background-color: white;} .pdt_detail .frame.border { border: 1px solid #dfdfdf;} .pdt_detail .frame.rounded { overflow: hidden; border-radius: 100%;} .pdt_detail .gallery { max-width: 1030px; margin: 40px auto;} .pdt_detail .gallery.wide { max-width: 100%;} .pdt_detail .gallery_group { margin: 0 -10px; padding: 0; list-style: none; font-size: 0;} .pdt_detail .gallery_group>li { display: inline-block; padding: 0 10px; box-sizing: border-box; vertical-align: top; font-size: 16px;} .pdt_detail .gallery_group.group_of_2>li { max-width: 50%;} .pdt_detail .gallery_group.group_of_3>li { max-width: 33.3%;} .pdt_detail .gallery .image { display: block;} .pdt_detail .gallery .image img { width: 100%; height: auto;} .pdt_detail .gallery .text { margin-top: 20px;} .pdt_detail .gallery .name { display: block; margin-bottom: .5em;} .pdt_detail .grid:after { content: ''; display: block; clear: both;} .pdt_detail .pdt_content .cont_box .box .box_con *+.h4 { margin-top: 45px; } .pdt_detail .ingredient_con.double_title .before, .pdt_detail .ingredient_con.double_title .main { display: block; } .pdt_detail .ingredient_con.double_title .before { line-height: 1.4em; font-size: 24px; font-weight: 400; } .pdt_detail .ingredient_con.double_title .before:after { content: ''; display: block; width: 77px; margin-bottom: 22px; padding-bottom: 26px; border-bottom: 3px solid black; } .pdt_detail .ingredient_con .h4 .border { display: block; width: 77px; margin: 25px 0; border-bottom: 3px solid currentColor; } .pdt_detail .ingredient_con .h4 .weak { line-height: 1.4em; font-size: .8em; font-weight: 300; } .pdt_detail .ingredient_con .tier { margin-bottom: 1.25em; } .pdt_detail .ingredient_con .tier:last-child { margin-bottom: 0; } .pdt_detail .ingredient { position: relative; overflow: hidden; text-align: left; height:565px; } .pdt_detail .ingredient .h4 { margin: 0 0 14px 0; color: #333; font-weight: 700; } .pdt_detail .ingredient .ingredient_img { width: 50%; float: none; display:inline-block; } .pdt_detail .ingredient .ingredient_img2 { width: 50%; float: none; } .pdt_detail .ingredient .ingredient_img img { width: 100%; } .pdt_detail .ingredient .ingredient_img2 img { width: 100%; } .pdt_detail .ingredient .ingredient_con { display: inline-block; width:35%; padding: 0 5%; vertical-align: top; } .pdt_detail .ingredient .ingredient_con.content_middle { bottom: 0; } .pdt_detail .ingredient .ingredient_con.content_middle .sizer_x { display: table; width: 100%; height: 100%; } .pdt_detail .ingredient .ingredient_con.content_middle .sizer_y { display: table-cell; vertical-align: middle; } .pdt_detail .ingredient .ingredient_con.line { padding-top: 150px; } .pdt_detail .ingredient .ingredient_con.line:before { content: ''; display:block; position: relative; top: 0; left: 0; width: 77px; height: 3px; background: #000; margin-bottom: 30px; } .pdt_detail .ingredient .ingredient_con.line_b .h4 { position: relative; padding-bottom: 45px;} .pdt_detail .ingredient .ingredient_con.line_b .h4:before { content: ''; position: ; bottom: 10px; left: 0; width: 77px; height: 3px; background: #000; } .pdt_detail .ingredient.right .ingredient_con { position: ; right: 54%; left: 5%; } .pdt_detail .ingredient.even .ingredient_img { width: 50%; } .pdt_detail .ingredient.right .ingredient_con { position: ; right: 54%; left: 5%; } .pdt_detail .ingredient.right .ingredient_img, .pdt_detail .ingredient.right .ingredient_img2 { float: right; } .pdt_detail .recipe .backdrop { margin-top:35px; padding-top:50px; padding-bottom:55px; background-color:#f4f4f4; } .font_italic { font-style: italic; } .pdt_detail .pOnly { display: block; } .pdt_detail .mOnly { display: none; } .pdt_detail .pdt_content--why .figure { margin-top: 70px; } .pdt_detail .pdt_content--why .figure .border { border: 1px solid #dfdfdf; } .pdt_detail .pdt_content--why .figure .caption { margin-top: 50px; } .pdt_detail .pdt_content--why .img_wrap { display: inline-block;margin: auto; } .pdt_detail .pdt_visual .visual_img .img_text {width: 300px;top: 100px;} .pdt_content.content_type1 .img_wrap{ margin: 0 10px;} .pdt_content.content_type1 .img_wrap .img_text{line-height: 1; margin-top: 20px;} .pdt_detail .pdt_content.content_03 .media_box .media { margin:30px 0; } .pdt_detail .pdt_content.content_03 .media_box .media img { margin:auto; } .pdt_detail .pdt_content.content_03 .media_box .bg_text {display: inline-block; margin:20px 0 6px; color:#4f7236; font-size: 22px; font-weight: bold; } /* 현재 페이지에만 적용되는 선언 */ .pdt_detail .story_alt .story { position: relative; margin-top: 35px; } .pdt_detail .story_alt .story:first-child { margin-top: 0; } .pdt_detail .story_alt .story:after { content: ''; display: table; clear: both; } .pdt_detail .story_alt .story_img img { width: 100%; height: auto; } .pdt_detail .story_alt .story_text { position: relative; text-align: left; } .pdt_detail .story_alt .story_text .section { margin-bottom: 2em; } .pdt_detail .story_alt .story_text .section:last-child { margin-bottom: 0; } .pdt_detail .story_alt .story_text .heading { padding: 0 !important; } .pdt_detail .story_alt .story_text .note { position: ; right: 0; bottom: 0; left: 0; display: block; text-align: right; } .pdt_detail .story_alt .story_text .section { margin-bottom: 2em; } .pdt_detail .story_alt .story_text .section:last-child { margin-bottom: 0; } .pdt_detail .story_alt .story_img { float: left; width: 52%; } .pdt_detail .story_alt .story_text { display: table; width: 44%; height: 440px; margin-left: 56%; } .pdt_detail .story_alt .story_text_sizer { display: table-cell; vertical-align: middle; } .pdt_detail .story_alt .story.reverse .story_img { float: right; } .pdt_detail .story_alt .story.reverse .story_text { float: left; margin-left: 0; text-align: right; } .pdt_detail .pdt_title { margin-bottom: 50px; } .pdt_detail .pdt_content.mb_short { margin-bottom: 100px; } .pdt_detail .pdt_visual .visual_cont .tags { margin-bottom: 1.25em; } .pdt_detail .literal_quality .cont_list ul li { margin: 0 2.85%; } .pdt_detail .literal_quality .desc { margin-top: 40px; } .pdt_detail .multiplayer .tier { margin-bottom: 70px; } .pdt_detail .multiplayer .tier:last-child { margin-bottom: 0; } .pdt_detail .multiplayer .tier_title { margin-bottom: .55em; font-size: 25px; line-height: 1.6em; } .pdt_detail .multiplayer .tier .cont_list { margin-top: 30px; } .pdt_detail .multiplayer .tier .cont_list ul li { margin: 0 2%; } /* 실험 텍스트 박스 css */ .pdt_detail .experiments { max-width: 850px; margin: 40px auto; } .pdt_detail .experiments .desc_section { margin-bottom: 20px; padding: 45px 100px; } /* 실험 텍스트 박스 css END */ @media all and (max-width: 480px) { .pdt_detail { width: 100%; min-width: auto; padding: 80px 0; font-size: 14px; } .pdt_detail .mgt10 { margin-top: 8px !important; } .pdt_detail .mgt30 { margin-top: 20px !important; } .pdt_detail .mgt60 { margin-top: 35px !important; } .pdt_detail .pOnly { display: none; } .pdt_detail .pOnly2 { display: none; } .pdt_detail .mOnly { display: block; } .pdt_detail .m_hidden { display: none !important; } .pdt_detail .m_text_left { text-align: left !important; } .pdt_detail .m_text_center { text-align: center !important; } .pdt_detail .m_text_right { text-align: right !important; } .pdt_detail .pdt_content { margin-bottom: 65px; text-align: left; } .pdt_detail .pdt_content.mb_short { margin-bottom: 50px; } .pdt_detail .pdt_content.mb_short.mb_none { margin-bottom: 0px; } .pdt_detail .pdt_content.mb_short.mb_20 { margin-bottom: 20px; } .pdt_detail .pdt_content .h4, .pdt_detail .pdt_content .heading { margin: 0 0 15px 0; padding: 0 3%; font-size: 18px; } .pdt_detail .pdt_content .heading.padding_none { padding: 0; } .pdt_detail .pdt_content .heading.align_center { text-align: center; } .pdt_detail .pdt_content .heading1 { font-size: 18px; } .pdt_detail .pdt_content .heading2 { margin-bottom: .5em; font-size: 15px; } .pdt_detail .pdt_content .heading3 { margin-bottom: .5em; font-size: 15px; } .pdt_detail .pdt_content .hgroup { margin-bottom: 15px; } .pdt_detail .pdt_content .hgroup .h4 { margin-bottom: 5px; } .pdt_detail .pdt_content .text_centered { text-align: center; } .pdt_detail .pdt_content .inner { padding: 0 3%; } .pdt_detail .pdt_content .txt_strong { margin-top: 23px; font-size: 16px; } .pdt_detail .pdt_content .backdrop_padded { padding-top: 30px; padding-bottom: 30px; } .pdt_detail .pdt_content .backdrop_fade .tier { margin-bottom: 40px; } .pdt_detail .pdt_content .backdrop_fade .tier:last-child { margin-bottom: 0; } .pdt_detail .pdt_content .backdrop_fade .tier.bg_white { padding-top: 20px; padding-bottom: 20px; } .pdt_detail .pdt_content .spaced { margin-top: 20px; margin-bottom: 20px; } .pdt_detail .pdt_content .spaced_more { margin-top: 25px; margin-bottom: 25px; } .pdt_detail .pdt_content .cont_list { width: 94%; margin: 0 auto; font-size: 14px; } .pdt_detail .pdt_content .cont_list ul { margin: 0 !important; padding: 0 !important; } .pdt_detail .pdt_content .cont_list ul li { width: 30%; margin: 30px 0 0 !important; padding: 0 1%; line-height: 1.5; } .pdt_detail .pdt_content .cont_list h5 { margin-bottom: 0; font-size: 14px; } .pdt_detail .pdt_content .cont_list.list_3 { width: 70%; } .pdt_detail .pdt_content .cont_list.list_4 { width: 70%; } .pdt_detail .pdt_content .cont_list.list_3 ul li { display: block; width: 100% !important; padding: 0; } .pdt_detail .pdt_content .cont_list.list_4 ul li { display: block; width: 100% !important; padding: 0; } .pdt_detail .pdt_content .cont_list.circle .list_img { margin-bottom: 5px; } .pdt_detail .pdt_content .cont_img { margin-bottom: 25px; } .pdt_detail .pdt_content .cont_img.small { margin: 20px 0; } .pdt_detail .pdt_content .cont_img .origin { text-align: left; font-size: .725em; } .pdt_detail .pdt_content .cont_img.line img { border: 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .pdt_detail .pdt_content .cont_img .img_text { top: 13%; left: 3%; width: 40%; } .pdt_detail .pdt_content .cont_img .img_text.bottom { top: inherit; bottom: 13%; } .pdt_detail .pdt_content .cont_img .img_text.right { right: 3%; left: inherit; } .pdt_detail .pdt_content .cont_img .img_text .h4 { padding: 0; font-size: 15px; } .pdt_detail .pdt_content .cont_img .img_text .h4 span { border-bottom: 1px solid #222; } .pdt_detail .pdt_content .cont_img .img_list li h5 { font-size: 15px; } .pdt_detail .pdt_content .cont_img .img_list li { width: 50%; font-size: 14px; } .pdt_detail .pdt_content .cont_img .img_text .line_box { display: inline-block; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } .pdt_detail .pdt_content .cont_img .img_text .line_box .h4 { font-size: 20px; } .pdt_detail .pdt_content .cont_box .box .box_img { width: 100%; margin-bottom: 30px; } .pdt_detail .pdt_content .cont_box .box .box_con { position: relative; top: 0 !important; width: 100%; margin-top: 0 !important; padding: 0 !important; -webkit-transform: none !important; transform: none !important; } .pdt_detail .pdt_content .cont_box .box.right { text-align: left; } .pdt_detail .pdt_content .imgBox { width: 80%; margin: 0 auto; } .pdt_detail .pdt_content .imgBox .h4 { padding: 0; } .pdt_detail .pdt_content .imgBox .side { width: 100% !important; margin-bottom: 25px; } .pdt_detail .pdt_content .imgBox .text { width: 100% !important; text-align: left !important; } .pdt_detail .pdt_content .imgBox .text h5 { margin-bottom: 10px; } .pdt_detail .pdt_content .imgBox .text.ta_r { padding-right: 0% !important; } .pdt_detail .pdt_content .imgBox .text.ta_l { padding-left: 0% !important; } .pdt_detail .pdt_content .imgBox dl:before { left: 0; width: 30px; } .pdt_detail .pdt_content .imgBox dl dt { padding-top: 20px; font-size: 14px; } .pdt_detail .pdt_content .imgBox dl dd { margin-top: 10px; } .pdt_detail .pdt_content .media_box { margin-top: 20px; margin-bottom: 20px; } .pdt_detail .pdt_content .media_box.small { max-width: none; } .pdt_detail .pdt_content .media_box.padded { padding: 20px 15px; } .pdt_detail .pdt_content .media_box .caption { text-align: center; font-size: 13px; } .pdt_detail .pdt_content .media_box.split_2 .media { margin-bottom: 8px; } .pdt_detail .pdt_content .media_box.split_2 .media:last-child { margin-bottom: 0; } .pdt_detail .list_square { padding-left: 1.25em; } .pdt_detail .pdt_content .m_pad_edge_more .h4, .pdt_detail .pdt_content .m_pad_edge_more .inner { padding-right: 0 !important; padding-left: 0 !important; } .pdt_detail .pdt_content--why { margin-bottom: 45px; text-align: center} .pdt_detail .pdt_content--why .figure { margin-top: 20px; } .pdt_detail .pdt_content--why .figure .caption { margin-top: 20px; } .pdt_detail .pdt_content--hurb_info { margin-bottom: 40px; } .pdt_detail .pdt_content--how { margin-bottom: 55px; } .pdt_detail .pdt_content--how .cont_box { margin-top: 40px; } .pdt_detail .pdt_content--formula { margin-left: 10px; margin-right: 10px; } .pdt_detail .pdt_content--formula .title { margin-bottom: 25px; text-align: center; } .font_weight {font-weight: normal;} .pdt_content.content_type1 .img_wrap{ width:80%;margin:40px 0 0 0;} .pdt_content.content_type1 .img_wrap .img_text{line-height: 1; margin-top: 20px;} .pdt_detail .pdt_content.content_03 .media_box .media {width: 90%;margin:10px auto;} .pdt_detail .pdt_content.content_03 .media_box .bg_text {display: inline-block;margin:20px 0 6px;color:#4f7236;font-size: 14px;font-weight: bold } .pdt_detail .gallery { margin: 25px auto; } .pdt_detail .gallery_group { margin: 0; } .pdt_detail .gallery_group>li { display: block; max-width: none !important; margin: 0 0 15px; padding: 0; font-size: 14px; } .pdt_detail .gallery_group>li:last-child { margin-bottom: 0; } .pdt_detail .gallery_group.even>li { float: left; width: 50%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .pdt_detail .gallery_group.even>li:last-child { margin-left: 25%; } .pdt_detail .gallery .text { margin-top: 10px; } .pdt_detail .gallery .name { margin-bottom: .33em; } .pdt_detail .pdt_visual { margin-bottom: 70px; } .pdt_detail .pdt_visual .visual_img .img_text { display: none; } .pdt_detail .pdt_visual .visual_cont { font-size: 15px; } .pdt_detail .pdt_visual .visual_cont u { border-bottom: 1px solid #222; } .pdt_detail .pdt_visual .visual_cont.type1 { padding-top: 35px; } .pdt_detail .pdt_visual .visual_cont.type1:before, .pdt_detail .pdt_visual .visual_cont.type1:after { width: 17.5px; height: 27.5px; } .pdt_detail .pdt_visual .visual_cont.type2 { padding-top: 80px; } .pdt_detail .pdt_visual .visual_cont.type2:before { top: 23px; height: 35px; } .pdt_detail .pdt_visual .visual_desc { margin-top: 1.2em; } .pdt_detail .pdt_visual .qna_group { margin-top: 30px; } .pdt_detail .pdt_visual .visual_cont .highlight { padding: 0 .35em; color: white; background-color: #55841d; } .pdt_detail .pdt_visual, .pdt_detail .pdt_visual.mb_short { margin-bottom: 35px; } .pdt_detail .ingredient { margin-right: 0; } .pdt_detail .ingredient .ingredient_img { width: 100%; float: left; margin-bottom: 30px; } .pdt_detail .ingredient .ingredient_img2 { width: 100%; float: left; margin-bottom: 30px; } .pdt_detail .ingredient .ingredient_con { position: relative !important; top: 0 !important; left: 0 !important; display: inline-block; margin-top: 0 !important; padding: 0; -webkit-transform: none !important; transform: none !important; } .pdt_detail .ingredient .ingredient_con.content_middle { padding-bottom: 30px; } .pdt_detail .ingredient .ingredient_con.content_middle .sizer_x, .pdt_detail .ingredient .ingredient_con.content_middle .sizer_y { display: block; height: auto; } .pdt_detail .ingredient .ingredient_con .all_components ul { display: block; height: auto; padding: 10px 0 30px 30px; overflow: hidden; border: 0; } .pdt_detail .ingredient .ingredient_con.line { padding: 15px 0 50px; } .pdt_detail .ingredient .ingredient_con.line:before { left: 3%; width: 63.5px; height: 2px; } .pdt_detail .ingredient.bg .ingredient_con { padding-bottom: 30px !important; } .pdt_detail .ingredient .ingredient_con.line_b .h4:before { left: 3%; width: 60px; } .pdt_detail .ingredient.even .ingredient_img { width: auto; } .pdt_detail .ingredient_con.double_title .before { margin-bottom: 8px; font-size: 14px; } .pdt_detail .ingredient_con.double_title .before:after { content: none; } .pdt_detail .ingredient_con.double_title .main:after { content: ''; display: block; width: 60px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid black; } .pdt_detail .ingredient_con .h4 .border { width: 60px; margin-top: 15px; margin-bottom: 15px; border-bottom-width: 2px; } .pdt_detail .ingredient .h4 { margin-bottom: 32px; } .pdt_detail .pdt_title { margin-bottom: 40px; } .pdt_detail .pdt_title strong { line-height: 1.3; font-size: 12.5px; } .pdt_detail .pdt_title .h3 { font-size: 22.5px; } .pdt_detail .pdt_title.type1 strong { font-size: 12.5px; } .pdt_detail .pdt_title.type1 .h3 { font-size: 22.5px; } .pdt_detail .pdt_title.type2 strong { font-size: 22.5px; } .pdt_detail .pdt_title.type2 .h3 { margin-bottom: 13px; font-size: 15px; } .pdt_detail .pdt_visual .visual_img .tags { position: ; top: 50px; right: 3%; padding: 10px 11px; color: #57644c; background-color: rgba(255, 255, 255, .4); text-align: left; line-height: 20px; font-size: 13px; } .pdt_detail .pdt_visual .visual_cont .tags { margin-bottom: 1.5em; } .pdt_detail .pdt_content.mb_short { margin-bottom: 50px; } .pdt_detail .literal_quality .cont_list ul li { width: 45%; margin-top: 15px !important; box-sizing: border-box; } .pdt_detail .literal_quality .cont_list.circle .list_img { max-width: 100px; margin-left: auto; margin-right: auto; margin-bottom: .75em; } .pdt_detail .story_alt .cont_box { margin-top: 0; } .pdt_detail .multiplayer { padding-top: 34px; padding-bottom: 34px; background-color: #f7f7f7; text-align: center; } .pdt_detail .multiplayer .backdrop_padded { padding-top: 0; } .pdt_detail .multiplayer .atop { margin-bottom: 25px; } .pdt_detail .multiplayer .title { margin-bottom: .65em; } .pdt_detail .multiplayer .tier { margin-bottom: 25px; } .pdt_detail .multiplayer .tier:last-child { margin-bottom: 0; } .pdt_detail .multiplayer .tier_title { margin-bottom: .55em; font-size: 16px; line-height: 1.6em; } .pdt_detail .multiplayer .tier_desc { max-width: 20em; margin-left: auto; margin-right: auto; } .pdt_detail .multiplayer .tier .cont_list { margin-top: 6px; } .pdt_detail .multiplayer .tier .cont_list ul li { width: 48%; margin: 14px 0 0 !important; padding: 0 1%; letter-spacing: -.05em; } .pdt_detail .multiplayer .tier .cont_list .list_img { max-width: 100px; margin-left: auto; margin-right: auto; } .pdt_detail .story_alt .story { margin-top: 32px; } .pdt_detail .story_alt .story:first-child { margin-top: 0; } .pdt_detail .story_alt .story_img { margin-bottom: 25px; } .pdt_detail .story_alt .story_text { height: auto !important; } .pdt_detail .story_alt .story_text .section { margin-bottom: 1.5em; } .pdt_detail .story_alt .story_text .section:last-child { margin-bottom: 0; } .pdt_detail .story_alt .story_text .note { position: static; margin-top: 1.5em; } .pdt_detail .story_alt .story_text .section { margin-bottom: 1.5em; } .pdt_detail .story_alt .story_text .section:last-child { margin-bottom: 0; } /* 실험 텍스트 박스 css */ .pdt_detail .experiments { margin: 12px 0; } .pdt_detail .experiments .desc_section { padding: 20px 6%; } /* 실험 텍스트 박스 css END*/ .youtubeWrap { position: relative; width: 100%; } .youtubeWrap iframe { width: 100% !important; } }</style><div><div class="pdt_title type1" style="text-align: center;"><img src="//gdetail.image-qoo10.jp/905/616152967/2021/6/630b339a-71dc-4d5a-b067-7d1034c83df4.jpg" width="940" height="475" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2021/6/630b339a-71dc-4d5a-b067-7d1034c83df4.jpg'; $(this).attr('onerror','');" ><strong><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/65c57648-17a1-472b-bf48-cd9f93d66dbc.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/65c57648-17a1-472b-bf48-cd9f93d66dbc.jpg'; $(this).attr('onerror','');" ></strong><br><div class="pdt_detail"><div><span style="font-size: 14pt;"><strong><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/e777d169-4c52-44e2-8272-e04d8f3f5c53.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/e777d169-4c52-44e2-8272-e04d8f3f5c53.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/1b1d76e8-ac0d-4353-ba14-4311266fd32c.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/1b1d76e8-ac0d-4353-ba14-4311266fd32c.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/cf5d1feb-aeb4-444a-9d00-7c129d42290e.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/cf5d1feb-aeb4-444a-9d00-7c129d42290e.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/2d4fe531-d806-4695-90bd-4658e126ffb2.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/2d4fe531-d806-4695-90bd-4658e126ffb2.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/b0f186f7-b1db-46db-b380-0bab56131f45.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/b0f186f7-b1db-46db-b380-0bab56131f45.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/b675e62a-9f4a-4ed0-a673-cbf319debf5e.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/b675e62a-9f4a-4ed0-a673-cbf319debf5e.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/47d25073-a909-471c-a561-797e09493902.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/47d25073-a909-471c-a561-797e09493902.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/62158a5d-6883-488e-a032-c6c5049e7526.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/62158a5d-6883-488e-a032-c6c5049e7526.jpg'; $(this).attr('onerror','');" ><br><br><br></strong></span><div class="pdt_title type1"><span style="text-decoration: underline; font-size: 24pt;"><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/a1d88eed-0e86-4b8f-ad61-368249a64730.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/a1d88eed-0e86-4b8f-ad61-368249a64730.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/75a20f6e-d41f-452a-a69c-be69ffc34045.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/75a20f6e-d41f-452a-a69c-be69ffc34045.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/4e7f0491-b176-4dd7-8625-e66e5589e4f9.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/4e7f0491-b176-4dd7-8625-e66e5589e4f9.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/94e707cb-3786-469d-be09-52e8493d7c26.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/94e707cb-3786-469d-be09-52e8493d7c26.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/c6d3135f-f564-4c16-9885-80bbf3b71486.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/c6d3135f-f564-4c16-9885-80bbf3b71486.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/05826fbc-9f8c-4a00-873f-66bdbc4a79fc.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/05826fbc-9f8c-4a00-873f-66bdbc4a79fc.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/ab4924ef-5749-4b2e-b088-b020721d78b7.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/ab4924ef-5749-4b2e-b088-b020721d78b7.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/51cddc58-3015-4489-bd5e-8501d681d3d1.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/51cddc58-3015-4489-bd5e-8501d681d3d1.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/67a887ee-d22b-4dec-801c-3b30a292ee6f.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/67a887ee-d22b-4dec-801c-3b30a292ee6f.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/36d4cdf5-3b3c-40e5-8d0e-93729c6784c5.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/36d4cdf5-3b3c-40e5-8d0e-93729c6784c5.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/ba8c1f6b-bd51-44d6-9659-83c1851484a2.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/ba8c1f6b-bd51-44d6-9659-83c1851484a2.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/683a8e48-23fe-474c-bb19-28fd65afbbc5.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/683a8e48-23fe-474c-bb19-28fd65afbbc5.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/771cbf3b-b932-43be-b486-939d180c0544.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/771cbf3b-b932-43be-b486-939d180c0544.jpg'; $(this).attr('onerror','');" ><br><img src="//gdetail.image-qoo10.jp/905/616152967/2022/3/adffba8e-11bf-44bb-9cb0-b4f91efc4aee.jpg" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2022/3/adffba8e-11bf-44bb-9cb0-b4f91efc4aee.jpg'; $(this).attr('onerror','');" ><br><br><br></span></div></div></div></div></div><div style="text-align: center;"><div class="hide_content"></div></div><div><img src="//gdetail.image-qoo10.jp/905/616152967/2019/11/83962505-e1e7-46ae-b79d-a8053dd89b53.jpg" width="940" height="1410" style="display: block; margin-left: auto; margin-right: auto;" onerror="this.src='https://gdetail.image-qoo10.jp/905/616152967/2019/11/83962505-e1e7-46ae-b79d-a8053dd89b53.jpg'; $(this).attr('onerror','');" ></div>