@charset "UTF-8";

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 200;
    src: local('Spoqa Han Sans Neo Thin'),
    url('/font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('/font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'nanum_himnaeraneunmarbodan';
    font-weight: normal;
    src: url('/font/Nanum HimNaeRaNeunMarBoDan.woff2') format('woff2'),
         url('/font/Nanum HimNaeRaNeunMarBoDan.woff') format('woff'),
         url('/font/Nanum HimNaeRaNeunMarBoDan.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica Condensed Bold';
    font-weight: normal;
    src: url('/font/Helvetica Condensed Bold.woff2') format('woff2'),
         url('/font/Helvetica Condensed Bold.woff') format('woff'),
         url('/font/Helvetica Condensed Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetica Neue Medium';
    font-weight: normal;
    src: url('/font/Helvetica Neue Medium.woff2') format('woff2'),
         url('/font/Helvetica Neue Medium.woff') format('woff'),
         url('/font/Helvetica Neue Medium.ttf') format('truetype');
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, textarea, p, a, table, thead, tbody, tfoot, tr, th, td, input, select, textarea, button, span {margin:0; padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}
* {-webkit-text-size-adjust:none; word-break:keep-all; box-sizing:border-box; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; padding:0; margin:0; /*touch-action:pan-y*/}
button, input[type="button"], input[type="reset"], input[type="reset"] {-webkit-font-smoothing:inherit; text-rendering:optimizeLegibility}
*, *:after, *:before {-webkit-box-sizing:border-box; box-sizing:border-box}
body {font-family:'Spoqa Han Sans Neo', Apple Gothic, '맑은 고딕', 'Malgun Gothic', Dotum, '굴림', sans-serif; font-size:14px; line-height:20px; font-weight:400; color:#000; word-break:break-all}
body {overflow:visible; position:relative; background-color:#fff; height:100%}
:root {color-scheme:light only}
img {transform:translateZ(0); -webkit-perspective: 1}
img, video {vertical-align:middle; border:none; width:100%; height:auto; object-fit:cover}
ol, ul {list-style:none}
button {border:0 none; border-radius:0; background-color:transparent; cursor:pointer; text-decoration:none !important; outline: 0 !important}
button:focus,
button:active {border-radius:0; box-shadow:none !important}
textarea:focus {outline: none}
input:focus {outline: none}
input,
textarea,
button,
select,
a {-webkit-tap-highlight-color: rgba(0,0,0,0)}
a {color:inherit; text-decoration:none; border:none}
* {font-family:'Spoqa Han Sans Neo', Apple Gothic, '맑은 고딕', 'Malgun Gothic', Dotum, '굴림', sans-serif; font-size:14px; line-height:20px; font-weight:400; word-break:break-all; color:#000}
* {-webkit-tap-highlight-color:rgba(0,0,0,0) !important; outline:0 !important}
* {image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="search"], input[type="password"] {width:100%}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="date"], input[type="month"], textarea {-webkit-appearance:none}
input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
textarea {resize:none; width:100%; height:100%; background-color:transparent; word-break:break-all}
.scroll_y::-webkit-scrollbar {display:none}
em {font-style:normal}
.anchor {display:block; width:100% !important}
.anchor_fx {width:100%; display:flex; position:relative}
.hide {display:none}
.blind {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px}
caption {text-indent:-9999px; height:0; overflow:hidden; color:transparent; font-size:1px; height:0}
table {border-collapse:collapse; width:100%}
strong.fw-b {font-weight:bold}
.normal {font-weight:400 !important}
.underline {text-decoration:underline}
.preline,
.preline * {white-space:pre-line}
.lts_1,
.lts_1 * {letter-spacing:-0.07rem !important}
.ta_l {text-align:left !important}
.ta_r {text-align:right !important}
.ta_c {text-align:center !important}
.clear_f > *:after, .clear_f:after {content:''; clear:both; display:block}
.clearb {clear:both}
.fll {float:left !important}
.flr {float:right !important}
.bx_none {box-shadow:none !important}
.ablc {position:absolute; top:50%; left:16px; transform:translateY(-50%)}
.afne:after {content:none !important}
.ellipsis {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

/* border */
.s_capture .gbdr {border-bottom:1px solid #000}
.s_capture .gbdt {border-top:1px solid #000 !important}
.s_capture .gbdc {border-top:1px solid #ccc}
.s_capture .gbdb {border-bottom:1px solid #ccc}
.s_capture .gbdt2 {border-top:2px solid #000}
.s_capture .visual_wrap + .gbdc {border-top:0 none}
.s_capture .bd_bl {border:1px solid #000 !important}
.s_capture .gbtn {border-top:0 none !important}
.s_capture .gbbn {border-bottom:0 none !important}

/* text */
.s_capture .txt_1 {font-size:24px; line-height:32px; font-weight:700}
.s_capture .txt_2 {font-size:20px; line-height:28px; font-weight:700}
.s_capture .txt_3 {font-size:16px; line-height:24px; font-weight:700}
.s_capture .txt_4 {font-size:16px !important; line-height:24px !important}
.s_capture .txt_5 {font-size:14px !important; line-height:20px !important; font-weight:700 !important}
.s_capture .txt_5_1 {font-size:14px !important; line-height:20px !important}
.s_capture .txt_6 {font-size:12px; line-height:18px}
.s_capture .txt_7 {font-size:10px !important; line-height:12px !important}

/* color */
.s_capture .t_green {color:#34c759 !important}
.s_capture .t_mint {color:#73c8b4 !important}
.s_capture .t_blue {color:#00539c !important}
.s_capture .t_lightblue {color:#095aba !important}
.s_capture .t_gray {color:#9d9d9d}
.s_capture .t_deep {color:#333}
.s_capture .t_dark {color:#707070 !important}
.s_capture .t_dark * {color:inherit}
.s_capture .t_orange {font-size:14px; line-height:20px; color:#ff3100 !important; letter-spacing:0}
.s_capture .t_red {font-size:14px; line-height:20px; color:#ff3100 !important; letter-spacing:0}
.s_capture .t_black {font-size:14px; line-height:20px; color:#000 !important; letter-spacing:0}
.s_capture .t_pink {color:#ff3100}
.s_capture .bg_point {box-shadow:inset 0 -12px 0 #e2ff62; padding:0 2px}

/* 여백 */
.ma {margin:0 auto}
.m_0 {margin:0 !important}
.mt_4 {margin-top:4px !important}
.mt_8 {margin-top:8px !important}
.mt_12 {margin-top:12px !important}
.mt_16 {margin-top:16px !important}
.mt_20 {margin-top:20px !important}
.mt_24 {margin-top:24px !important}
.mt_25 {margin-top:25px !important}
.mt_32 {margin-top:32px !important}
.mt_42 {margin-top:42px !important}
.mt_52 {margin-top:52px !important}
.mt_96 {margin-top:96px !important}
.mb_4 {margin-bottom:4px !important}
.mb_8 {margin-bottom:8px !important}
.mb_16 {margin-bottom:16px !important}
.mb_18 {margin-bottom:18px !important}
.mb_24 {margin-bottom:24px !important}
.mb_42 {margin-bottom:42px !important}
.mb_96 {margin-bottom:96px !important}
.mt-16 {margin-top:-16px !important}
.p_0 {padding:0 !important}
.pt_0 {padding-top:0 !important}
.pt_8 {padding-top:8px !important}
.pt_16 {padding-top:16px !important}
.pt_18 {padding-top:18px !important}
.pt_24 {padding-top:24px !important}
.pt_32 {padding-top:32px !important}
.pt_40 {padding-top:40px !important}
.pt_42 {padding-top:42px !important}
.pt_72 {padding-top:72px !important}
.pb_0 {padding-bottom:0 !important}
.pb_8 {padding-bottom:8 !important}
.pb_16 {padding-bottom:16px !important}
.pb_42 {padding-bottom:42px !important}
.pb_64 {padding-bottom:64px !important}

/* button */
.s_capture .btn_detail {display:inline-block; position:relative; width:32px; height:32px; overflow:hidden; text-indent:-9999px; z-index:110; cursor:pointer; position:absolute; bottom:8px; right:8px}
.s_capture .btn_detail:after {content:""; display:inline-block; width:32px; height:32px; background:url(/images/btn_search.png) center center no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; position:absolute; top:0; left:0; z-index:110}
.s_capture .btn_detail:before {content:""; display:inline-block; width:32px; height:32px; background-color:#fff; opacity:0.32; position:absolute; bottom:0; right:0}
.s_capture .btn_bk_big {display:block; width:100%; height:48px; line-height:48px; background-color:#000; font-size:14px; text-align:center; color:#fff; font-weight:700}
.s_capture .btn_bk_big.disabled {background-color:#f7f7f7; color:#9d9d9d}
.s_capture .btn_bk_big span {position:relative; display:inline-block; color:inherit; height:inherit; line-height:inherit; font-weight:inherit}

/* 본문 */
.cp_wrapper {position:fixed; top:0; left:0; right:0; bottom:0; height:100vh; min-height:100vh; display:flex; flex-direction:column}
.s_capture {height:100vh}
.s_capture .cp_container {overflow-y:auto; position:relative; overflow-x:hidden}
.s_capture .contents {position:relative}
.s_capture img {vertical-align:unset; object-fit:none; height:unset !important; border:unset}
.s_result .cp_container {height:100%; padding:42px 24px 96px}
.s_result .cp_container .sec {padding:0}
.s_result .cp_container .sec + .sec {padding-top:72px}
.s_result .cp_container .sec .title {padding-bottom:16px; border-bottom:2px solid #000}
.s_result .sec .tit h2 {width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all}
.s_result .sec .tit p {word-break:break-all; white-space:pre-line}
.s_result .sec .tit {display:block; margin-bottom:24px}
.s_result .sec .tit * {font-size:24px; line-height:32px; color:#000; font-weight:700}

.s_capture .sec .gbdr {margin-bottom:0; padding-bottom:24px}

.s_capture .tit_area {position:relative; border-bottom:1px solid #000; margin:6px 0}
.s_capture .tit_area .t_report {font-size:10px; line-height:12px; text-align:center; letter-spacing:0; font-weight:700; position:absolute; top:-6px; left:50%; margin-left:-55px; padding:0 13px; background-color:#fff}
.s_capture .sec_content {text-align:center; margin-top:24px}
.s_capture .sec_content .txt_6 strong,
.s_capture .sec_content .txt_2 strong {font-size:inherit; line-height:inherit; font-weight:700}
.s_capture .sec_content .txt_2 {margin-top:16px; padding:0 22px}
.s_capture .sec_content .hash_area {margin:24px 0}
.s_capture .hash_area li {display:inline-flex}
.s_capture .hash_area li a {display:block; border:1px solid #000; padding:0 3px; line-height:22px; font-size:12px}
.s_capture .point {background-color:#e2ff62; padding:0 2px}
.s_capture .article_txt {padding:24px 0 16px}
.s_capture .article_txt p {color:#333; word-break:break-all; margin-top:16px}
.s_capture .article_txt p:first-child {margin-top:0}
.s_capture .article_txt p .bg_point {color:inherit}
.s_capture .article_txt .txt_result .bg_circle {font-weight:inherit}
.s_capture .bg_circle {display:inline-block; position:relative}
.s_capture .bg_circle[class*="type"]:before {content:""; display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.s_capture .bg_circle.type01:before {width:32px; height:32px; background:url(/images/bg_circle01.png) 0 0 no-repeat; background-size:32px 32px; -webkit-background-size:32px 32px}
.s_capture .bg_circle.type02:before {width:40px; height:32px; background:url(/images/bg_circle02.png) 0 0 no-repeat; background-size:40px 32px; -webkit-background-size:40px 32px}
.s_capture .bg_circle.type03:before {width:58px; height:32px; background:url(/images/bg_circle03.png) 0 0 no-repeat; background-size:58px 32px; -webkit-background-size:58px 32px}
.s_capture .bg_circle.type04:before {width:68px; height:32px; background:url(/images/bg_circle04.png) 0 0 no-repeat; background-size:68px 32px; -webkit-background-size:68px 32px}
.s_capture .bg_circle.type05:before {width:80px; height:32px; background:url(/images/bg_circle05.png) 0 0 no-repeat; background-size:80px 32px; -webkit-background-size:80px 32px}
.s_capture .bg_circle.type06:before {width:92px; height:32px; background:url(/images/bg_circle06.png) 0 0 no-repeat; background-size:92px 32px; -webkit-background-size:92px 32px}
.s_capture .t_line {display:inline-block; position:relative}
.s_capture .t_line:after {content:""; display:inline-block; width:126px; height:4px; background:url(/images/graphy_underline.png) 0 0 no-repeat; background-size:126px 4px; -webkit-background-size:126px 4px; position:absolute; bottom:-1px; left:0; right:0}

.s_capture [class*="skinshot_"] {position:relative}
.s_capture .skinshot_01 {margin-top:16px}
.s_capture .skinshot_01:after {content:""; display:block; background:#000 url(/images/bg_request_skin_shot_01.png) center no-repeat; background-size:auto 80%; -webkit-background-size:100% auto; position:absolute; top:0; left:0; bottom:0; right:0; margin:0 -24px; z-index:36; opacity:0.8}
.s_capture .skinshot_01:before {content:""; display:block; backdrop-filter: blur(3px); -webkit-backdrop-filter:blur(3px); background-size:auto 100%; -webkit-background-size:auto 100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:0 -24px; z-index:35;}
.s_capture .skinshot_02:after {content:""; display:block; background:#000 url(/images/bg_request_skin_shot_02.png) center no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; position:absolute; top:87px; bottom:0; left:0; right:0; margin:0 -24px; z-index:36; opacity:0.8}
.s_capture .skinshot_02:before {content:""; display:block; backdrop-filter: blur(3px); -webkit-backdrop-filter:blur(3px); background-size:auto 100%; -webkit-background-size:auto 100%; position:absolute; top:87px; bottom:0; left:0; right:0; margin:0 -24px; z-index:35;}
.s_capture .skinshot_03:after {content:""; display:block; height:100%; background:#000 url(/images/bg_request_skin_shot_03.png) center no-repeat; background-size:auto 100%; -webkit-background-size:auto 100%; position:absolute; top:0; left:0; right:0; margin:0 -24px; z-index:36; opacity:0.8}
.s_capture .skinshot_03:before {content:""; display:block; height:100%; backdrop-filter: blur(3px); -webkit-backdrop-filter:blur(3px); background-size:auto 100%; -webkit-background-size:auto 100%; position:absolute; top:0; left:0; right:0; margin:0 -24px; z-index:35;}


.s_capture .article_txt2 {padding:24px 0}
.s_capture .article_txt2 p {word-break:break-all; letter-spacing:0}
.s_capture .article_combo {display:grid; grid-template-columns: repeat(2,2fr); grid-auto-rows:auto; position:relative}
.s_capture .article_combo:before {content:""; display:block; width:100%; height:1px; border-bottom:1px solid #000; position:absolute; bottom:0; left:0; right:0}
.s_capture .article_combo li {position:relative; padding:24px 0; text-align:center; border-bottom:1px solid #000}
.s_capture .article_combo li:nth-child(even):after {content:""; display:inline-flex; width:1px; height:50px; border-left:1px solid #000; position:absolute; top:50%; left:0; transform:translateY(-50%)}
.s_capture .article_combo li strong:after {content:""; display:inline-block; width:50px; height:50px; background-size:50px 50px; -webkit-background-size:50px 50px; position:absolute; top:0; left:0}
.s_capture .article_combo li.type01 strong:after {background:url(/images/graphic_dry.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px}
.s_capture .article_combo li.type02 strong:after {background:url(/images/graphic_oily.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px}
.s_capture .article_combo li.type03 strong:after {background:url(/images/graphic_pigmentation.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px}
.s_capture .article_combo li.type04 strong:after {background:url(/images/graphic_pores.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px}
.s_capture .article_combo li.type05 strong:after {background:url(/images/graphic_sensitive.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px}
.s_capture .article_combo li.type06 strong:after {background:url(/images/graphic_wrinkles.png) 0 0 no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px}
.s_capture .article_combo li strong {display:inline-block; width:112px; height:100%; text-align:center; font-weight:700; padding-left:50px; line-height:50px; position:relative}
.s_capture .article_items {padding-top:24px}
.s_capture .article_items span {display:inline-block; font-size:10px; line-height:12px; color:#707070; position:relative; padding-left:18px}
.s_capture .article_items .it_own:before {content:""; display:inline-block; width:6px; height:16px; background-color:#34c759; position:absolute; top:-2px; left:0}
.s_capture .article_items .it_own:after {content:""; display:inline-block; width:6px; height:16px; background-color:#ff3100; position:absolute; top:-2px; left:6px}
.s_capture .article_items .it_average:before {content:""; display:inline-block; width:6px; height:16px; border:1px dashed #000; position:absolute; top:-2px; left:6px}
.s_capture .table_figure {position:relative; width:100%; table-layout:fixed; display:table}
.s_capture .table_figure thead th {position:relative; width:10%}
.s_capture .table_figure thead th span {display:inline-block; width:26px; text-align:center; font-size:10px; line-height:12px; color:#707070; position:absolute; bottom:28px; right:50%; margin-right:-13px}
.s_capture .table_figure tbody tr {display:table-row}
.s_capture .table_figure tbody th,
.s_capture .table_figure tbody td {padding-top:16px}
.s_capture .table_figure tbody th {text-align:center; display:table-cell; font-size:0; text-align:justify; min-width:52px}
.s_capture .table_figure tbody th:after {content:""; display:inline-block; width:100%}
.s_capture .table_figure tbody th span {white-space:nowrap; min-width:52px}
.s_capture .table_figure tbody td {text-align:center}
.s_capture .table_figure .rate_wrap {padding:0 16px}
.s_capture .table_figure .bg_frame {width:100%; height:10px; position:relative; border:1px solid #ccc}
.s_capture .table_figure .bg_frame .bg_safety {background-color:#ccc; height:100%; text-indent:-9999px; font-size:1px}
.s_capture .table_figure .bg_frame .pt_up span {background-color:#34c759}
.s_capture .table_figure .bg_frame .pt_down span {background-color:#ff3100}
.s_capture .table_figure .bg_frame .pt_standard span {border:1px dashed #000}
.s_capture .pt_up, .pt_down, .pt_standard {position:relative}
.s_capture .pt_up span, 
.s_capture .pt_down span, 
.s_capture .pt_standard span {display:inline-block; width:6px; height:16px; text-indent:-9999px; overflow:hidden; position:absolute; top:-3px; right:0}
.s_capture .table_figure .t_red,
.s_capture .table_figure .t_mint {font-weight:700}
.s_capture .article_expert {padding:24px 0}
.s_capture .article_expert.gbdr {padding:24px 0}
.s_capture .article_expert .top {display:inline-block; font-size:12px; line-height:24px; font-weight:700; position:relative; padding-left:32px}
.s_capture .article_expert .top:before {content:""; display:inline-block; width:24px; height:24px; background:url(/images/ic_expert.png) 0 0 no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; overflow:hidden; position:absolute; top:0; left:0}
.s_capture .article_expert .desc,
.s_capture .article_expert .desc * {font-size:20px; line-height:24px; font-family:'nanum_himnaeraneunmarbodan'; color:#ff3100; margin-top:4px}
.s_capture .article_expert .desc .pt_star {position:relative; padding-right:26px; display:inline-block}
.s_capture .article_expert .desc .pt_star:after {content:""; display:inline-block; width:24px; height:24px; background:url(/images/graphic_stars.png) 0 0 no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; overflow:hidden; position:absolute; top:-5px; right:0}
.s_capture .article_expert .desc .pt_check {position:relative; padding-left:22px}
.s_capture .article_expert .desc .pt_check:before {content:""; display:inline-block; width:18px; height:18px; background:url(/images/graphic_check.png) 0 0 no-repeat; background-size:18px 18px; -webkit-background-size:18px 18px; overflow:hidden; position:absolute; top:2px; left:0}
.s_capture .article_expert .desc .pt_star + .pt_check {margin-top:8px}

.s_capture .sec .info_list {padding-top:16px}
.s_capture .info_list {display:grid; grid-template-columns:repeat(2,2fr); grid-gap:16px 8px; grid-auto-rows:auto}
.s_capture .info_list li {border-bottom:1px solid #000}
.s_capture .info_list li .img_wrap {position:relative; height:41.25vw}
.s_capture .info_list li .img_wrap .img_tit {background-color:#000; color:#fff; padding:4px 8px; position:absolute; top:0; left:0; z-index:31}
.s_capture .info_list li .img_wrap .img_opacity {font-size:12px; line-height:18px; color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; background-color:rgba(0, 0, 0, 0.75); position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:30; cursor:pointer}
.s_capture .info_list li .img_wrap .img_pic {width:100%; height:100%; text-align:center}
.s_capture .info_list li .img_wrap .img_pic .selfie {display:block; width:100%; height:100%; position:relative}
.s_capture .info_list li .img_wrap .img_pic .selfie span {display:inline-block; width:24px; height:24px; background:url(/images/btn_search_wt.png) 0 0 no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; overflow:hidden; position:absolute; right:4px; bottom:4px; text-indent:-9999px}
.s_capture .info_list li .img_wrap .img_pic img {height:100%}
.s_capture .info_list li .img_desc {display:flex; justify-content:center; align-items:center; padding:8px 0; min-height:52px}
.s_capture .info_list li .img_desc span {display:inline-block; width:100%; font-size:12px; line-height:18px; padding-left:44px; position:relative}
.s_capture .info_list li .img_desc span:before {content:""; display:inline-block; width:36px; height:36px; background:url(/images/graphic_normal.png) 0 0 no-repeat; background-size:36px 36px; -webkit-background-size:36px 36px; overflow:hidden; position:absolute; top:50%; left:0; margin-top:-18px}
.s_capture .info_list li.active .img_wrap .img_opacity {display:none}
.s_capture .info_list li.ty_good .img_desc span:before {background:url(/images/graphic_good.png) 0 0 no-repeat; background-size:36px 36px; -webkit-background-size:36px 36px}
.s_capture .info_list li.ty_bad .img_desc span:before {background:url(/images/graphic_bad.png) 0 0 no-repeat; background-size:36px 36px; -webkit-background-size:36px 36px}
.s_capture .bt_desc {font-size:12px; line-height:15px; color:#095aba; margin-top:14px; word-break:break-all}

.s_capture .article_shop {border-bottom:1px solid #000; padding-bottom:24px}
.s_capture .article_shop + .article_shop {padding-bottom:42px}
.s_capture .article_shop .txt_2 {margin-top:16px}
.s_capture .article_shop .inner_wrap {margin-top:24px}
.s_capture .article_shop .cosmetics_list {margin-top:24px}
.s_capture .article_shop .hash_img img {max-height:22px}
.s_capture .article_shop .link_btn {margin-top:24px}
.s_capture .article_shop .link_btn + .link_btn {margin-top:10px}
.s_capture .horizontal_info {}
.s_capture .horizontal_info .brand {font-size:12px; line-height:18px; font-weight:700}
.s_capture .horizontal_info .name {font-size:16px; line-height:24px}
.s_capture .horizontal_info .price_area {margin-top:16px}

.s_capture .article_shop {border-bottom:1px solid #000; padding-bottom:24px}
.s_capture .article_shop + .article_shop {padding-bottom:42px}
.s_capture .article_shop .txt_2 {margin-top:16px}
.s_capture .article_shop .inner_wrap {margin-top:24px}
.s_capture .article_shop .cosmetics_list {margin-top:24px}
.s_capture .article_shop .hash_img img {max-height:22px}
.s_capture .article_shop .link_btn {margin-top:24px}
.s_capture .article_shop .link_btn + .link_btn {margin-top:10px}

.s_capture .vertical_list {padding:16px 0}
.s_capture .vertical_list li {padding-left:136px; position:relative; height:120px}
.s_capture .vertical_list li + li {margin-top:16px}
.s_capture .vertical_list li .image_wrap {position:absolute; top:0; left:0; width:120px; height:120px}
.s_capture .vertical_list li .image {position:relative; height:100%; display:inline-block}
.s_capture .vertical_list li .image img {height:100%}
.s_capture .vertical_list li .image .btn_detail {position:absolute; bottom:8px; right:8px}
.s_capture .vertical_list li .info {padding-top:8px}
.s_capture .vertical_list li .info .brand {font-weight:700; font-size:12px; line-height:18px}
.s_capture .vertical_list li .info .name {color:#333; height:40px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all}
.s_capture .vertical_list li .info_subscription {margin:0 0 0 -8px; display:table; height:100%}
.s_capture .vertical_list li .info_subscription p {display:table-cell; height:100%; vertical-align:middle}
.s_capture .price_area {position:relative; margin-top:26px}
.s_capture .price_area .original {font-size:10px; line-height:12px; color:#9d9d9d; text-decoration:line-through; position:absolute; top:-12px; left:0}
.s_capture .price_area .t_orange {display:inline-block; margin:0 8px 0 0; font-weight:700}
.s_capture .price_area .price {font-weight:700}

.s_capture .inner_area {padding-top:16px}
.s_capture .inner_area .header {padding-right:105px}
.s_capture .inner_area .header .mini_hashtag {margin-top:4px}
.s_capture .inner_area .header .mini_hashtag li {display:inline-flex; margin-top:4px; letter-spacing:0; font-size:10px; line-height:12px; color:#707070; background-color:#fbfbfb; padding:1px 2px}
.s_capture .inner_area .point_list {margin-top:24px}
.s_capture .inner_area .point_list dd {color:#707070}
.s_capture .inner_area .point_list dd + dt {margin-top:16px}
.s_capture .inner_area .promise_wrap {margin-top:24px}
.s_capture .promise_wrap .pr_box .users_area {display:flex; position:absolute; bottom:12px; right:11px}
.s_capture .promise_wrap .pr_box .users_area span {display:inline-block; width:20px; height:20px; border-radius:15px; overflow:hidden}
.s_capture .promise_wrap .pr_box .users_area span img {height:100%}
.s_capture .promise_wrap .pr_box .users_area span + span {margin-left:4px}

/* 약속 */
.s_capture .promise_wrap .pr_box {color:#fff; position:relative; height:72px; display:flex}
.s_capture .promise_wrap .pr_box a {display:flex; height:100%; width:100%}
.s_capture .promise_wrap .pr_box + .pr_box {margin-top:16px}
.s_capture .promise_wrap .pr_box .in_tit {width:72px; height:100%; text-align:center; padding:22px 0}
.s_capture .promise_wrap .pr_box .in_tit * {display:inline-block; width:100%; color:#fff; letter-spacing:0.03rem}
.s_capture .promise_wrap .pr_box .in_tit span {font-size:11px; line-height:11px; font-weight:200}
.s_capture .promise_wrap .pr_box .in_tit strong {font-size:13px; line-height:15px; font-weight:700}
.s_capture .promise_wrap .pr_box .in_des {flex:1; padding:16px 24px 16px 16px; display:flex; align-items:center; border:1px solid #ccc; border-left:transparent; position:relative}
.s_capture .promise_wrap .pr_box .in_des p {max-height:40px; vertical-align:middle; position:relative;overflow:hidden; word-break:break-all; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.s_capture .promise_wrap .pr_box .in_des:after {content:""; display:inline-block; width:24px; height:24px; background:url(/images/ic_arrow_right.png) right center no-repeat; padding-right:32px; background-size:24px 24px; -webkit-background-size:24px 24px; opacity:0.3; position:absolute; top:50%; right:0; transform:translateY(-51%)}
.s_capture .promise_wrap .pr_box .in_des * {font-weight:700; color:inherit}
.s_capture .promise_wrap .pr_box.reward .in_des {padding-right:46px}
.s_capture .promise_wrap .pr_box .bt_reward {display:none}
.s_capture .promise_wrap .pr_box.reward .bt_reward {display:block; text-align:right; padding-right:7px; position:absolute; top:3px; right:0}

.s_capture .bt_reward {display:block; color:#ffba00 !important; font-size:12px}
.s_capture .bt_reward:after {content:""; display:inline-block; width:12px; height:12px; background:url(/images/icon_reward.png) 0 0 no-repeat; background-size:12px 12px; -webkit-background-size:12px 12px; position:absolute; top:50%; left:-14px; transform:translateY(-50%)}
.s_capture .bx_skyblue .in_tit {background-color:#29b6f6}
.s_capture .bx_skyblue .in_des {color:#29b6f6}
.s_capture .bx_green .in_tit {background-color:#66bb6a}
.s_capture .bx_green .in_des {color:#66bb6a}
.s_capture .bx_pink .in_tit {background-color:#f06292}
.s_capture .bx_pink .in_des {color:#f06292}
.s_capture .bx_orange .in_tit {background-color:#ff9100}
.s_capture .bx_orange .in_des {color:#ff9100}
.s_capture .bx_orange .in_tit strong {letter-spacing:-0.08rem !important}
.s_capture .bx_purple .in_tit {background-color:#7e57c2}
.s_capture .bx_purple .in_des {color:#7e57c2}
.s_capture .bx_cocoa .in_tit {background-color:#a1887f}
.s_capture .bx_cocoa .in_des {color:#a1887f}

/* 이너뷰티 */
.s_capture .drop_list > li {border-bottom:1px solid #000}
.s_capture .drop_list li * {word-break:break-all}
.s_capture .drop_list li .drop_top {position:relative; padding:24px 33px 24px 0; cursor:pointer}
.s_capture .drop_list li .drop_top .ui-icon {border-bottom: 1px solid #000; border-right: 1px solid #000; display: block; height: 9px; margin-top: -4px; pointer-events: none; position: absolute; right: 4px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 9px}
.s_capture .drop_list li .drop_top[aria-expanded="true"] .ui-icon {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg)}
.s_capture .drop_list li .drop_top [class*="ad_"] {margin-bottom:16px}
.s_capture .drop_list li .drop_top .t_blue {margin-top:4px}
.s_capture .drop_list li.active .drop_bottom {display:block}
.s_capture .drop_list li.active .drop_bottom p {color:#333}
.s_capture .drop_list li .drop_bottom {display:none; padding-bottom:24px}

/* --- 이너뷰티 종류 ---- */
.s_capture [class*="ad_"] {padding:8px 0 8px 44px}
.s_capture .ad_gamma {background:url(/images/graphic_gamma_linolenic_acid.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_lycopene {background:url(/images/graphic_lycopene.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_vitamina {background:url(/images/graphic_vitamin_a.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_vitaminb3 {background:url(/images/graphic_vitamin_b3.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_vitaminb6 {background:url(/images/graphic_vitamin_b6.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_vitaminc {background:url(/images/graphic_vitamin_c.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_vitamine {background:url(/images/graphic_vitamin_e.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_catechins {background:url(/images/graphic_catechins.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_coenzymeq {background:url(/images/graphic_coenzymeq10.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_collagen {background:url(/images/graphic_collagen.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_hyaluronic {background:url(/images/graphic_hyaluronic_acid.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}
.s_capture .ad_nag {background:url(/images/graphic_nag.png) left 0 no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px}

.s_capture .beauty .btn_bk_big {background-color:#f8f6f5; color:#b9a5a4; height:50px; line-height:50px}
.s_capture .naver .btn_bk_big {background-color:#1ec800; height:50px; line-height:50px}
.s_capture .amore .btn_bk_big {background-color:#2e3982; height:50px; line-height:50px}
.s_capture .customme .btn_bk_big {height:50px; line-height:50px}
.s_capture .beauty .btn_bk_big span {padding-left:30px; background:url(/images/logo_beautypoint.png) left center no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px}
.s_capture .naver .btn_bk_big span {padding-left:30px; background:url(/images/btn_logo_naver.png) left center no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px}
.s_capture .amore .btn_bk_big span {padding-left:80px; background:url(/images/btn_logo_amore.png) left center no-repeat; background-size:72px 10px; -webkit-background-size:72px 10px}
.s_capture .customme .btn_bk_big span {padding-left:30px; background:url(/images/logo_custom.jpg) left center no-repeat; background-size:22px 22px; -webkit-background-size:22px 22px}

/* 플러팅 버튼 */
.s_capture .floating_wrap {position:fixed; bottom:88px; right:16px; z-index:112}
.s_capture .floating_wrap .floating_area {position:relative}
.s_capture .floating_wrap .floating_area .btn_floating {width:51px; height:51px; border-radius:50%; background:url(/images/btn_floating_add.png) 0 0 no-repeat; background-size:51px 51px; -webkit-background-size:51px 51px; z-index:50; text-indent:-9999; font-size:1px; overflow:hidden; box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%)}
.s_capture .floating_wrap .floating_area.active .btn_floating {background:url(/images/btn_floating_close.png) 0 0 no-repeat; background-size:51px 51px; -webkit-background-size:51px 51px; border-radius:45px; box-shadow:0 5px 5px 0 rgb(0 0 0 / 20%)}
.s_capture .floating_wrap .floating_area.active .flt_inner {display:block;}
.s_capture .floating_wrap .floating_area .flt_inner {display:none; min-width:170px; z-index:112; box-shadow:0 2px 5px 0 rgb(0 0 0 / 20%); position:absolute; bottom:68px; right:0;}
.s_capture .floating_wrap .floating_area .flt_inner ul {padding:0 16px; background-color:#fff;}
.s_capture .floating_wrap .floating_area .flt_inner ul li + li {border-top:1px solid #000;}
.s_capture .floating_wrap .floating_area .flt_inner ul li a {display:block; font-size:16px; line-height:24px; padding:16px 0; text-align:right; letter-spacing:-0.5px}
.s_capture .floating_wrap .floating_area.capture .btn_floating {background:url(/images/btn_floating_capture.png) 0 0 no-repeat; background-size:51px 51px; -webkit-background-size:51px 51px; border-radius:45px; box-shadow:0 5px 5px 0 rgb(0 0 0 / 20%)}
.s_capture .btn_floating {width:51px; height:51px; background:url(/images/btn_floating_add.png) 0 0 no-repeat; background-size: 51px 51px; -webkit-background-size: 51px 51px}
.s_capture .btn_floating .add {display:inline-block; text-indent:-9999px; font-size:1px; overflow:hidden;} 
.s_capture .floating_wrap.type02 .btn_floating {background:url(/images/btn_floating_share.png) 0 0 no-repeat; background-size:51px 51px; -webkit-background-size:51px 51px}
.s_capture .floating_wrap.type02 .floating_area .flt_inner {min-width:185px}
.s_capture .floating_wrap.type02 .floating_area.active .btn_floating {background:url(/images/btn_floating_close.png) 0 0 no-repeat; background-size:51px 51px; -webkit-background-size:51px 51px; border-radius:45px; box-shadow:0 5px 5px 0 rgb(0 0 0 / 20%)}