@charset "UTF-8";
@font-face {font-family:NanumBarunGothic; font-style:normal; font-weight:400; src:url(/int/en/resource/css/font/NanumBarunGothic.eot); src:url(/int/en/resource/css/font/NanumBarunGothic.woff2) format("woff2"), url(/int/en/resource/css/font/NanumBarunGothic.woff) format("woff")}
@font-face {font-family:NanumBarunGothic; font-style:normal; font-weight:700; src:url(/int/en/resource/css/font/NanumBarunGothicBold.eot); src:url(/int/en/resource/css/font/NanumBarunGothicBold.woff2) format("woff2"), url(/int/en/resource/css/font/NanumBarunGothicBold.woff) format("woff")}
@font-face {font-family:Muli; font-style:normal; font-weight:100; src:url(/int/en/resource/css/font/Muli-Light.eot); src:url(/int/en/resource/css/font/Muli-Light.woff2) format("woff2"), url(/int/en/resource/css/font/Muli-Light.woff) format("woff")}
@font-face {font-family:Muli; font-style:normal; font-weight:400; src:url(/int/en/resource/css/font/Muli-Regular.eot); src:url(/int/en/resource/css/font/Muli-Regular.woff2) format("woff2"), url(/int/en/resource/css/font/Muli-Regular.woff) format("woff")}
@font-face {font-family:Muli; font-style:normal; font-weight:700; src:url(/int/en/resource/css/font/Muli-Bold.eot); src:url(/int/en/resource/css/font/Muli-Bold.woff2) format("woff2"), url(/int/en/resource/css/font/Muli-Bold.woff) format("woff")}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}
body {margin:0}
article, aside, footer, header, nav, section {display:block}
h1 {font-size:2em; margin:.67em 0}
figcaption, figure, main {display:block}
figure {margin:1em 40px}
hr {box-sizing:content-box; height:0; overflow:visible}
pre {font-family:monospace, monospace; font-size:1em}
a {background-color:transparent; -webkit-text-decoration-skip:objects}
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted}
b, strong {font-weight:inherit}
b, strong {font-weight:bolder}
code, kbd, samp {font-family:monospace, monospace; font-size:1em}
dfn {font-style:italic}
mark {background-color:#ff0; color:#000}
small {font-size:80%}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
audio, video {display:inline-block}
audio:not([controls]) {display:none; height:0}
img {border-style:none}
svg:not(:root) {overflow:hidden}
button, input, optgroup, select, textarea {font-family:sans-serif; font-size:100%; line-height:1.15; margin:0}
button, input {overflow:visible}
button, select {text-transform:none}
[type=reset], [type=submit], button, html [type=button] {-webkit-appearance:button}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {border-style:none; padding:0}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal}
progress {display:inline-block; vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox], [type=radio] {box-sizing:border-box; padding:0}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield; outline-offset:-2px}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button; font:inherit}
details, menu {display:block}
summary {display:list-item}
canvas {display:inline-block}
template {display:none}
[hidden] {display:none}
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list {position:relative; overflow:hidden; display:block; margin:0; padding:0}
.slick-list:focus {outline:0}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-list, .slick-slider .slick-track {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.slick-track {position:relative; left:0; top:0; display:block}
.slick-track:after, .slick-track:before {content:""; display:table}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {float:left; height:100%; min-height:1px; display:none}
[dir=rtl] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
html {font-size:62.5%}
body {font-size:1em; line-height:1.5}
a {text-decoration:none}
a:active, a:hover {text-decoration:underline}
hr {height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #ccc}
pre {white-space:pre-wrap; word-wrap:break-word}
dd, dl, dt, ol, ul {margin:0; padding:0}
li, ol, ul {list-style:none}
address, em {font-style:normal}
figure, form {margin:0}
fieldset {margin:0; padding:0; border:0 none; vertical-align:top}
label {cursor:pointer}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline}
button {-webkit-appearance:none; box-sizing:content-box; padding:0; border:0 none; background:0 0; cursor:pointer}
input[type=checkbox], input[type=radio] {vertical-align:middle}
input[type=search] {-webkit-appearance:none; border-radius:0}
textarea {vertical-align:top; resize:vertical}
input:invalid, textarea:invalid {background-color:#f0dddd}
table {width:100%; empty-cells:show}
td {vertical-align:middle}
select {vertical-align:middle}
::-moz-selection {background:#002d96; color:#fff; text-shadow:none}
::selection {background:#002d96; color:#fff; text-shadow:none}
::-webkit-input-placeholder {color:#ccc}
:-moz-placeholder {color:#ccc}
mark {background-color:#002d96}
html {min-height:100%; background-color:#fff}
body {color:#454545; font-family:Muli, sans-serif; min-width:320px; -webkit-overflow-scrolling:touch}
button, input, select, textarea {color:#333; font-family:Muli, sans-serif}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; color:#222; font-weight:400}
a {color:#454545}
p {margin:0}
img {max-width:100%; height:auto; vertical-align:top; -ms-interpolation-mode:bicubic}
em {color:#002d96}
.is-hidden {visibility:hidden}
.a11y {position:absolute!important; overflow:hidden; height:1px; width:1px; clip:rect(1px,1px,1px,1px)}
em.red {color:#e53935}
@font-face {font-family:icon; src:url(/int/en/resource/css/font/icon.eot); src:url(/int/en/resource/css/font/icon.eot?#iefix) format("eot"), url(/int/en/resource/css/font/icon.woff2) format("woff2"), url(/int/en/resource/css/font/icon.woff) format("woff")}
.icon {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.icon-anti-aging:before {content:""}
.icon-arrow-bottom:before {content:""}
.icon-arrow-right2:before {content:""}
.icon-arrow-step:before {content:""}
.icon-arrow-top:before {content:""}
.icon-arrow-top2:before {content:""}
.icon-blog:before {content:""}
.icon-brightening:before {content:""}
.icon-checkbox-checked:before {content:""}
.icon-checkbox-unchecked:before {content:""}
.icon-checked-circle:before {content:""}
.icon-clock:before {content:""}
.icon-close:before {content:""}
.icon-close2:before {content:""}
.icon-conditioning:before {content:""}
.icon-count-0:before {content:"0"}
.icon-count-1:before {content:"1"}
.icon-count-2:before {content:"2"}
.icon-count-3:before {content:"3"}
.icon-count-4:before {content:"4"}
.icon-count-5:before {content:"5"}
.icon-count-6:before {content:"6"}
.icon-count-7:before {content:"7"}
.icon-count-8:before {content:"8"}
.icon-count-9:before {content:"9"}
.icon-count-comma:before {content:","}
.icon-dropdown-close:before {content:""}
.icon-dropdown-open:before {content:""}
.icon-event:before {content:""}
.icon-facebook:before {content:""}
.icon-fs-product:before {content:""}
.icon-gnb-location:before {content:""}
.icon-hydrating:before {content:""}
.icon-image:before {content:""}
.icon-indicator-default:before {content:""}
.icon-indicator-hover:before {content:""}
.icon-indicator-pause:before {content:""}
.icon-indicator-play:before {content:""}
.icon-instagram:before {content:""}
.icon-invitation:before {content:""}
.icon-iope-lab:before {content:""}
.icon-iope:before {content:""}
.icon-kakao-story:before {content:""}
.icon-lifting:before {content:""}
.icon-link:before {content:""}
.icon-location:before {content:""}
.icon-marker:before {content:""}
.icon-menu:before {content:""}
.icon-moisturizing:before {content:""}
.icon-notice-checked:before {content:""}
.icon-notice:before {content:""}
.icon-pagination-arrow-left:before {content:""}
.icon-pagination-arrow-right:before {content:""}
.icon-password:before {content:""}
.icon-pause:before {content:""}
.icon-peeling:before {content:""}
.icon-play:before {content:""}
.icon-pore-care:before {content:""}
.icon-product-detail-checkbox-checked:before {content:""}
.icon-product-detail-checkbox-unchecked:before {content:""}
.icon-promotion:before {content:""}
.icon-purifying:before {content:""}
.icon-quote-left:before {content:""}
.icon-quote-right:before {content:""}
.icon-radio-checked:before {content:""}
.icon-radio-unchecked:before {content:""}
.icon-sample:before {content:""}
.icon-search:before {content:""}
.icon-sensitive-care:before {content:""}
.icon-shopping-bag:before {content:""}
.icon-slider-next:before {content:""}
.icon-slider-prev:before {content:""}
.icon-star-linear:before {content:""}
.icon-star-solid:before {content:""}
.icon-sun-protection:before {content:""}
.icon-telephone:before {content:""}
.icon-trouble-care:before {content:""}
.icon-twitter:before {content:""}
.icon-user:before {content:""}
.icon-wrinkle-care:before {content:""}
.icon-x-circle:before {content:""}
.icon-youtube:before {content:""}
.icon-zoom-in:before {content:""}
.row {zoom:1; margin-left:-8px; margin-right:-8px}
.row:before {content:''; display:block}
.row:after {content:''; display:table; clear:both}
@media (min-width:45em) {
    .row {margin-left:-9px; margin-right:-9px}
}
@media (min-width:60em) {
    .row {margin-left:-15px; margin-right:-15px}
}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-l-1, .col-l-10, .col-l-11, .col-l-12, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-s-1, .col-s-10, .col-s-11, .col-s-12, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9 {position:relative; min-height:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:8px; padding-right:8px}
.col-s-1 {float:left; width:8.33333%}
.col-s-offset-1 {margin-left:8.33333%}
.col-s-pull-1 {right:8.33333%}
.col-s-push-1 {left:8.33333%}
.col-s-2 {float:left; width:16.66667%}
.col-s-offset-2 {margin-left:16.66667%}
.col-s-pull-2 {right:16.66667%}
.col-s-push-2 {left:16.66667%}
.col-s-3 {float:left; width:25%}
.col-s-offset-3 {margin-left:25%}
.col-s-pull-3 {right:25%}
.col-s-push-3 {left:25%}
.col-s-4 {float:left; width:33.33333%}
.col-s-offset-4 {margin-left:33.33333%}
.col-s-pull-4 {right:33.33333%}
.col-s-push-4 {left:33.33333%}
.col-s-5 {float:left; width:41.66667%}
.col-s-offset-5 {margin-left:41.66667%}
.col-s-pull-5 {right:41.66667%}
.col-s-push-5 {left:41.66667%}
.col-s-6 {float:left; width:50%}
.col-s-offset-6 {margin-left:50%}
.col-s-pull-6 {right:50%}
.col-s-push-6 {left:50%}
.col-s-7 {float:left; width:58.33333%}
.col-s-offset-7 {margin-left:58.33333%}
.col-s-pull-7 {right:58.33333%}
.col-s-push-7 {left:58.33333%}
.col-s-8 {float:left; width:66.66667%}
.col-s-offset-8 {margin-left:66.66667%}
.col-s-pull-8 {right:66.66667%}
.col-s-push-8 {left:66.66667%}
.col-s-9 {float:left; width:75%}
.col-s-offset-9 {margin-left:75%}
.col-s-pull-9 {right:75%}
.col-s-push-9 {left:75%}
.col-s-10 {float:left; width:83.33333%}
.col-s-offset-10 {margin-left:83.33333%}
.col-s-pull-10 {right:83.33333%}
.col-s-push-10 {left:83.33333%}
.col-s-11 {float:left; width:91.66667%}
.col-s-offset-11 {margin-left:91.66667%}
.col-s-pull-11 {right:91.66667%}
.col-s-push-11 {left:91.66667%}
.col-s-12 {float:left; width:100%}
.col-s-offset-12 {margin-left:100%}
.col-s-pull-12 {right:100%}
.col-s-push-12 {left:100%}
.col-s-offset-0 {margin-left:0}
.col-s-pull-0 {right:auto}
.col-s-push-0 {left:auto}
@media (min-width:45em) {
    .col-1, .col-l-1, .col-s-1 {padding-left:9px; padding-right:9px}
    .col-2, .col-l-2, .col-s-2 {padding-left:9px; padding-right:9px}
    .col-3, .col-l-3, .col-s-3 {padding-left:9px; padding-right:9px}
    .col-4, .col-l-4, .col-s-4 {padding-left:9px; padding-right:9px}
    .col-5, .col-l-5, .col-s-5 {padding-left:9px; padding-right:9px}
    .col-6, .col-l-6, .col-s-6 {padding-left:9px; padding-right:9px}
    .col-7, .col-l-7, .col-s-7 {padding-left:9px; padding-right:9px}
    .col-8, .col-l-8, .col-s-8 {padding-left:9px; padding-right:9px}
    .col-9, .col-l-9, .col-s-9 {padding-left:9px; padding-right:9px}
    .col-10, .col-l-10, .col-s-10 {padding-left:9px; padding-right:9px}
    .col-11, .col-l-11, .col-s-11 {padding-left:9px; padding-right:9px}
    .col-12, .col-l-12, .col-s-12 {padding-left:9px; padding-right:9px}
    .col-1 {float:left; width:8.33333%}
    .col-offset-1 {margin-left:8.33333%}
    .col-pull-1 {right:8.33333%}
    .col-push-1 {left:8.33333%}
    .col-2 {float:left; width:16.66667%}
    .col-offset-2 {margin-left:16.66667%}
    .col-pull-2 {right:16.66667%}
    .col-push-2 {left:16.66667%}
    .col-3 {float:left; width:25%}
    .col-offset-3 {margin-left:25%}
    .col-pull-3 {right:25%}
    .col-push-3 {left:25%}
    .col-4 {float:left; width:33.33333%}
    .col-offset-4 {margin-left:33.33333%}
    .col-pull-4 {right:33.33333%}
    .col-push-4 {left:33.33333%}
    .col-5 {float:left; width:41.66667%}
    .col-offset-5 {margin-left:41.66667%}
    .col-pull-5 {right:41.66667%}
    .col-push-5 {left:41.66667%}
    .col-6 {float:left; width:50%}
    .col-offset-6 {margin-left:50%}
    .col-pull-6 {right:50%}
    .col-push-6 {left:50%}
    .col-7 {float:left; width:58.33333%}
    .col-offset-7 {margin-left:58.33333%}
    .col-pull-7 {right:58.33333%}
    .col-push-7 {left:58.33333%}
    .col-8 {float:left; width:66.66667%}
    .col-offset-8 {margin-left:66.66667%}
    .col-pull-8 {right:66.66667%}
    .col-push-8 {left:66.66667%}
    .col-9 {float:left; width:75%}
    .col-offset-9 {margin-left:75%}
    .col-pull-9 {right:75%}
    .col-push-9 {left:75%}
    .col-10 {float:left; width:83.33333%}
    .col-offset-10 {margin-left:83.33333%}
    .col-pull-10 {right:83.33333%}
    .col-push-10 {left:83.33333%}
    .col-11 {float:left; width:91.66667%}
    .col-offset-11 {margin-left:91.66667%}
    .col-pull-11 {right:91.66667%}
    .col-push-11 {left:91.66667%}
    .col-12 {float:left; width:100%}
    .col-offset-12 {margin-left:100%}
    .col-pull-12 {right:100%}
    .col-push-12 {left:100%}
    .col-offset-0 {margin-left:0}
    .col-pull-0 {right:auto}
    .col-push-0 {left:auto}
}
@media (min-width:60em) {
    .col-1, .col-l-1, .col-s-1 {padding-left:15px; padding-right:15px}
    .col-2, .col-l-2, .col-s-2 {padding-left:15px; padding-right:15px}
    .col-3, .col-l-3, .col-s-3 {padding-left:15px; padding-right:15px}
    .col-4, .col-l-4, .col-s-4 {padding-left:15px; padding-right:15px}
    .col-5, .col-l-5, .col-s-5 {padding-left:15px; padding-right:15px}
    .col-6, .col-l-6, .col-s-6 {padding-left:15px; padding-right:15px}
    .col-7, .col-l-7, .col-s-7 {padding-left:15px; padding-right:15px}
    .col-8, .col-l-8, .col-s-8 {padding-left:15px; padding-right:15px}
    .col-9, .col-l-9, .col-s-9 {padding-left:15px; padding-right:15px}
    .col-10, .col-l-10, .col-s-10 {padding-left:15px; padding-right:15px}
    .col-11, .col-l-11, .col-s-11 {padding-left:15px; padding-right:15px}
    .col-12, .col-l-12, .col-s-12 {padding-left:15px; padding-right:15px}
    .col-l-1 {float:left; width:8.33333%}
    .col-l-offset-1 {margin-left:8.33333%}
    .col-l-pull-1 {right:8.33333%}
    .col-l-push-1 {left:8.33333%}
    .col-l-2 {float:left; width:16.66667%}
    .col-l-offset-2 {margin-left:16.66667%}
    .col-l-pull-2 {right:16.66667%}
    .col-l-push-2 {left:16.66667%}
    .col-l-3 {float:left; width:25%}
    .col-l-offset-3 {margin-left:25%}
    .col-l-pull-3 {right:25%}
    .col-l-push-3 {left:25%}
    .col-l-4 {float:left; width:33.33333%}
    .col-l-offset-4 {margin-left:33.33333%}
    .col-l-pull-4 {right:33.33333%}
    .col-l-push-4 {left:33.33333%}
    .col-l-5 {float:left; width:41.66667%}
    .col-l-offset-5 {margin-left:41.66667%}
    .col-l-pull-5 {right:41.66667%}
    .col-l-push-5 {left:41.66667%}
    .col-l-6 {float:left; width:50%}
    .col-l-offset-6 {margin-left:50%}
    .col-l-pull-6 {right:50%}
    .col-l-push-6 {left:50%}
    .col-l-7 {float:left; width:58.33333%}
    .col-l-offset-7 {margin-left:58.33333%}
    .col-l-pull-7 {right:58.33333%}
    .col-l-push-7 {left:58.33333%}
    .col-l-8 {float:left; width:66.66667%}
    .col-l-offset-8 {margin-left:66.66667%}
    .col-l-pull-8 {right:66.66667%}
    .col-l-push-8 {left:66.66667%}
    .col-l-9 {float:left; width:75%}
    .col-l-offset-9 {margin-left:75%}
    .col-l-pull-9 {right:75%}
    .col-l-push-9 {left:75%}
    .col-l-10 {float:left; width:83.33333%}
    .col-l-offset-10 {margin-left:83.33333%}
    .col-l-pull-10 {right:83.33333%}
    .col-l-push-10 {left:83.33333%}
    .col-l-11 {float:left; width:91.66667%}
    .col-l-offset-11 {margin-left:91.66667%}
    .col-l-pull-11 {right:91.66667%}
    .col-l-push-11 {left:91.66667%}
    .col-l-12 {float:left; width:100%}
    .col-l-offset-12 {margin-left:100%}
    .col-l-pull-12 {right:100%}
    .col-l-push-12 {left:100%}
    .col-l-offset-0 {margin-left:0}
    .col-l-pull-0 {right:auto}
    .col-l-push-0 {left:auto}
}
p {line-height:1.5}
.p {color:#454545; font-size:1.6em}
.link {text-decoration:underline}
.link:hover {color:#002d96}
small {font-size:12px}
.h1, h1 {font-size:3.6em; line-height:1.2; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .h1, h1 {font-size:6em}
}
.h2, h2 {font-size:2.6em; line-height:1.2}
@media (min-width:45em) {
    .h2, h2 {font-size:4em}
}
.h3, h3 {font-size:2.4em; line-height:1.2}
@media (min-width:45em) {
    .h3, h3 {font-size:3em}
}
.h4, h4 {font-size:2em; line-height:1.3}
@media (min-width:45em) {
    .h4, h4 {font-size:2.4em; line-height:1.2}
}
.h5, h5 {font-size:1.8em; line-height:1.3}
@media (min-width:45em) {
    .h5, h5 {font-size:2em}
}
.h6, h6 {font-size:1.6em}
@media (min-width:45em) {
    .h6, h6 {font-size:1.8em}
}
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight:700}
.sub-h1 {font-size:2.6em; line-height:1.2; font-weight:400}
@media (min-width:45em) {
    .sub-h1 {font-size:4em}
}
.sub-h2 {font-size:2.4em; line-height:1.2; font-weight:400}
@media (min-width:45em) {
    .sub-h2 {font-size:3.6em}
}
.sub-h3 {font-size:2.2em; line-height:1.2; font-weight:400}
@media (min-width:45em) {
    .sub-h3 {font-size:3.2em}
}
.sub-h4 {font-size:2.2em; line-height:1.2; font-weight:400}
@media (min-width:45em) {
    .sub-h4 {font-size:2.8em}
}
.sub-h5 {font-size:1.8em; line-height:1.3; font-weight:400}
@media (min-width:45em) {
    .sub-h5 {font-size:2.4em; line-height:1.2}
}
.sub-h6 {font-size:1.6em; line-height:1.4; font-weight:400}
@media (min-width:45em) {
    .sub-h6 {font-size:2em; line-height:1.3}
}
.ol, .ul {font-size:14px}
.ol>li, .ul>li {margin-top:.57143em}
.ol>li:first-child, .ul>li:first-child {margin-top:0}
.ul>li {position:relative; padding-left:.85714em}
.ul>li:before {content:""; position:absolute; width:4px; height:4px; margin-top:-4px; left:0; top:.75em; background:#454545; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.ol {padding-left:1.4em}
.ol>li {list-style:decimal; padding-left:.5em}
.btn {padding:10px 30px; font-size:16px; line-height:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; position:relative; color:#333; vertical-align:middle; text-align:center; letter-spacing:-.03em; border:1px solid rgba(51,51,51,.5); -webkit-transition-property:color, border-color, background-color; -moz-transition-property:color, border-color, background-color; -o-transition-property:color, border-color, background-color; transition-property:color, border-color, background-color; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px}
.btn>span {display:inline-block; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.btn:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:relative; display:inline-block; font-size:11px; width:12px; margin-left:-12px; right:-20px; opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.no-touchevents .btn:focus, .no-touchevents .btn:hover {border-color:#333; text-decoration:none}
.no-touchevents .btn:focus>span, .no-touchevents .btn:hover>span {-webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); -o-transform:translateX(-10px); transform:translateX(-10px)}
.no-touchevents .btn:focus:after, .no-touchevents .btn:hover:after {-webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -ms-transform:translateX(-10px); -o-transform:translateX(-10px); transform:translateX(-10px); opacity:1}
.btn--no-icon:after {display:none}
.btn--disabled, .btn[disabled] {color:#999; border:1px solid rgba(51,51,51,.3); background-color:transparent}
.no-touchevents .btn--disabled:focus, .no-touchevents .btn--disabled:hover, .no-touchevents .btn[disabled]:focus, .no-touchevents .btn[disabled]:hover {border:1px solid rgba(51,51,51,.3); background-color:transparent}
.no-touchevents .btn--disabled:focus>span, .no-touchevents .btn--disabled:hover>span, .no-touchevents .btn[disabled]:focus>span, .no-touchevents .btn[disabled]:hover>span {-webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; transform:none!important}
.no-touchevents .btn--disabled:focus:after, .no-touchevents .btn--disabled:hover:after, .no-touchevents .btn[disabled]:focus:after, .no-touchevents .btn[disabled]:hover:after {opacity:0; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; transform:none!important}
.btn--em {color:#fff; border-color:transparent; background-color:rgba(0,89,180,.8)}
.no-touchevents .btn--em:focus, .no-touchevents .btn--em:hover {border-color:transparent; background-color:#0059b4}
.btn--em.btn--disabled, .btn--em[disabled] {color:#767676; border:1px solid transparent; background-color:rgba(153,153,153,.7)}
.no-touchevents .btn--em.btn--disabled:focus, .no-touchevents .btn--em.btn--disabled:hover, .no-touchevents .btn--em[disabled]:focus, .no-touchevents .btn--em[disabled]:hover {border:1px solid transparent; background-color:rgba(153,153,153,.7)}
.btn--white {color:#fff; border-color:rgba(255,255,255,.5)}
.no-touchevents .btn--white:focus, .no-touchevents .btn--white:hover {border-color:#fff; background:0 0}
.btn--white.btn--disabled, .btn--white[disabled] {color:#999; border:1px solid rgba(255,255,255,.5)}
.no-touchevents .btn--white.btn--disabled:focus, .no-touchevents .btn--white.btn--disabled:hover, .no-touchevents .btn--white[disabled]:focus, .no-touchevents .btn--white[disabled]:hover {border:1px solid rgba(255,255,255,.5)}
.btn--fill {color:#333; border-color:transparent; background-color:rgba(255,255,255,.8)}
.no-touchevents .btn--fill:focus, .no-touchevents .btn--fill:hover {border-color:transparent; background-color:#fff}
.btn--fill.btn--disabled, .btn--fill[disabled] {color:#999; border-color:transparent; background-color:rgba(255,255,255,.7)}
.no-touchevents .btn--fill.btn--disabled:focus, .no-touchevents .btn--fill.btn--disabled:hover, .no-touchevents .btn--fill[disabled]:focus, .no-touchevents .btn--fill[disabled]:hover {border-color:transparent; background-color:rgba(255,255,255,.7)}
.btn--gray {color:#fff; border-color:transparent; background-color:rgba(69,69,69,.8)}
.no-touchevents .btn--gray:focus, .no-touchevents .btn--gray:hover {border-color:transparent; background-color:#454545}
.btn--block {display:block; width:100%}
.btn--xs {padding:7px 16px; font-size:12px; line-height:14px}
.btn--xs:after {right:-14px; top:1px}
.no-touchevents .btn--xs:focus>span, .no-touchevents .btn--xs:hover>span {-webkit-transform:translateX(-7px); -moz-transform:translateX(-7px); -ms-transform:translateX(-7px); -o-transform:translateX(-7px); transform:translateX(-7px)}
.no-touchevents .btn--xs:focus:after, .no-touchevents .btn--xs:hover:after {-webkit-transform:translateX(-7px); -moz-transform:translateX(-7px); -ms-transform:translateX(-7px); -o-transform:translateX(-7px); transform:translateX(-7px)}
.btn--s {padding:8.5px 20px; font-size:14px; line-height:18px;}
.btn--l {padding:14px 40px; font-size:18px; line-height:22px}
@media (min-width:45em) {
    .btn--tm {padding:10px 30px; font-size:16px; line-height:20px}
}
@media (min-width:45em) {
    .btn--tl {padding:14px 40px; font-size:18px; line-height:22px}
}
.func .btn+.btn {margin-left:3px}
.func--center {text-align:center}
.flexible-obj {overflow:hidden; position:relative; width:100%; height:0; padding-bottom:56.25%}
.flexible-obj embed, .flexible-obj iframe, .flexible-obj object, .flexible-obj video, .flexible-obj>a, .flexible-obj>img {position:absolute; top:0; left:0; width:100%; height:100%}
.flexible-obj iframe {border:0}
.call-yt-player:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(51,51,51,.2)}
.call-yt-player:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; left:50%; z-index:2; color:#fff; font-size:6em; margin-top:-.5em; margin-left:-.5em; line-height:1}
.call-yt-player:active, .call-yt-player:hover {text-decoration:none}
@media (min-width:60em) {
    .call-yt-player:before {font-size:10em}
}
.dot-list li {position:relative; margin-top:.25em; margin-bottom:.25em; padding-left:.6em}
.dot-list li:before {content:''; position:absolute; top:.5em; left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:3px; height:3px; color:inherit; background-color:#666; border:1px solid; border-radius:50%}
.page-title {font-weight:700; text-align:center; text-transform:uppercase}
@media (max-width:44.99em) {
    .page-title {overflow:hidden; height:0}
}
@media (min-width:45em) {
    .page-title {margin:4.70085% 0}
}
.wipe {position:relative; overflow:hidden}
.wipe-img {overflow:hidden; position:relative}
.wipe-rect {position:absolute; top:0; left:0; right:0; bottom:0}
.list-select-selector, .selectbox-selector, [type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url], select, textarea {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:9px 14px; color:#454545; font-size:16px; line-height:20px; border:1px solid #ccc; background:#fff; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s}
.list-select-selector+.input-icon-button+small, .list-select-selector+small, .selectbox-selector+.input-icon-button+small, .selectbox-selector+small, [type=email]+.input-icon-button+small, [type=email]+small, [type=number]+.input-icon-button+small, [type=number]+small, [type=password]+.input-icon-button+small, [type=password]+small, [type=search]+.input-icon-button+small, [type=search]+small, [type=tel]+.input-icon-button+small, [type=tel]+small, [type=text]+.input-icon-button+small, [type=text]+small, [type=url]+.input-icon-button+small, [type=url]+small, select+.input-icon-button+small, select+small, textarea+.input-icon-button+small, textarea+small {display:block; margin-top:7px}
.list-select-selector:focus, .selectbox-selector:focus, [type=email]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=url]:focus, select:focus, textarea:focus {border-color:#333}
.is-success.list-select-selector, .is-success.selectbox-selector, .is-success[type=email], .is-success[type=number], .is-success[type=password], .is-success[type=search], .is-success[type=tel], .is-success[type=text], .is-success[type=url], select.is-success, textarea.is-success {border-color:#0059b4}
.is-success.list-select-selector+.input-icon-button+small, .is-success.list-select-selector+small, .is-success.selectbox-selector+.input-icon-button+small, .is-success.selectbox-selector+small, .is-success[type=email]+.input-icon-button+small, .is-success[type=email]+small, .is-success[type=number]+.input-icon-button+small, .is-success[type=number]+small, .is-success[type=password]+.input-icon-button+small, .is-success[type=password]+small, .is-success[type=search]+.input-icon-button+small, .is-success[type=search]+small, .is-success[type=tel]+.input-icon-button+small, .is-success[type=tel]+small, .is-success[type=text]+.input-icon-button+small, .is-success[type=text]+small, .is-success[type=url]+.input-icon-button+small, .is-success[type=url]+small, select.is-success+.input-icon-button+small, select.is-success+small, textarea.is-success+.input-icon-button+small, textarea.is-success+small {color:#0059b4}
.is-error.list-select-selector, .is-error.selectbox-selector, .is-error[type=email], .is-error[type=number], .is-error[type=password], .is-error[type=search], .is-error[type=tel], .is-error[type=text], .is-error[type=url], select.is-error, textarea.is-error {border-color:#e53935}
.is-error.list-select-selector+.input-icon-button+small, .is-error.list-select-selector+small, .is-error.selectbox-selector+.input-icon-button+small, .is-error.selectbox-selector+small, .is-error[type=email]+.input-icon-button+small, .is-error[type=email]+small, .is-error[type=number]+.input-icon-button+small, .is-error[type=number]+small, .is-error[type=password]+.input-icon-button+small, .is-error[type=password]+small, .is-error[type=search]+.input-icon-button+small, .is-error[type=search]+small, .is-error[type=tel]+.input-icon-button+small, .is-error[type=tel]+small, .is-error[type=text]+.input-icon-button+small, .is-error[type=text]+small, .is-error[type=url]+.input-icon-button+small, .is-error[type=url]+small, select.is-error+.input-icon-button+small, select.is-error+small, textarea.is-error+.input-icon-button+small, textarea.is-error+small {color:#e53935}
[disabled].list-select-selector, [disabled].selectbox-selector, [disabled][type=email], [disabled][type=number], [disabled][type=password], [disabled][type=search], [disabled][type=tel], [disabled][type=text], [disabled][type=url], select[disabled], textarea[disabled] {color:#999; background:#f7f7f7}
.form-msg {display:block; margin-top:7px}
.form-msg.is-success {color:#0059b4}
.form-msg.is-error {color:#e53935}
.form-group {margin-bottom:4px}
@media (min-width:45em) {
    .form-group {margin-bottom:10px}
}
.form-row {zoom:1; margin:0 -2px}
.form-row:before {content:''; display:block}
.form-row:after {content:''; display:table; clear:both}
.form-row>[class*=col-] {padding:0 2px}
[type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url], textarea {outline:0}
textarea {padding:19px 19px; line-height:1.5; min-height:100px; max-height:500px}
.input-block {width:100%; display:block}
.input-large {padding-top:14px; padding-bottom:14px}
.input-underline {position:relative; padding:3px 0 11px; border-top:none; border-left:none; border-right:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0}
.input-underline.is-error, .input-underline.is-success, .input-underline:focus {padding-bottom:10px; border-bottom-width:2px}
@media (min-width:45em) {
    .input-underline.input-large {font-size:20px; padding-bottom:13px}
    .input-underline.input-large.is-error, .input-underline.input-large.is-success, .input-underline.input-large:focus {padding-bottom:12px}
}
.attach-file {position:relative; display:table; width:100%; margin-top:-6px}
.attach-file-preview {position:relative; width:68px; display:table-cell; vertical-align:bottom; padding-right:10px}
.attach-file-thumb {position:relative; vertical-align:bottom}
.attach-file-thumb:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; right:0; top:0; padding:5px; color:#fff; font-size:10px; background:#666}
.attach-file-thumb>img {display:block; width:100%}
.attach-file-control {display:table-cell; vertical-align:bottom}
.attach-file-input {position:absolute; right:0; top:0; font-size:100px; opacity:0; cursor:pointer; z-index:1}
.attach-file-input:focus+.attach-file-focus {visibility:visible}
.attach-file-focus {position:absolute; left:2px; right:2px; top:2px; bottom:3px; outline:2px solid #77abff; outline-color:rgba(119,171,255,.5); visibility:hidden}
.attach-file-value {position:relative; overflow:hidden; padding-top:6px; padding-bottom:11px; border-bottom:1px solid #ccc; font-size:16px; height:20px; line-height:20px}
.attach-file-value:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; right:2px; top:8px; font-size:20px}
.attach-file-name {position:absolute; left:1px; right:27px; top:9px; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:inline-block; white-space:nowrap}
.input-icon {position:relative}
.input-icon>input {padding-right:40px}
.input-icon-button {position:absolute; right:0; top:0; padding:10px; line-height:1}
.input-icon-button:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:20px; vertical-align:top; line-height:1}
.input-icon .input-large {padding-right:50px}
.input-icon .input-large+.input-icon-button {padding:15px}
.textarea-container {position:relative}
.textarea-container textarea {width:100%}
.textarea-container .counter {position:absolute; right:20px; bottom:5px; pointer-events:none; font-size:14px; color:#b4b4b4}
.textarea-container .counter-current {color:#333}
.textarea-container.is-max .counter-max {color:#333}
::-webkit-input-placeholder {color:#999}
::-moz-placeholder {color:#999}
:-ms-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
input[type=number] {-webkit-appearance:none; -moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {display:none}
input:required, textarea:required {background:#fff}
select {display:inline-block; padding-right:40px; background:#fff url(http://www.iope.com/int/en/static/img/a/arrow-bottom.svg) right 50% no-repeat; -webkit-appearance:none; -moz-appearance:none}
.no-svgasimg select {background-image:url(/int/en/resource/img/a/arrow-bottom.png)}
select::-ms-expand {display:none}
.checkbox, .radio {position:relative; display:inline-block; vertical-align:top; white-space:nowrap}
.checkbox [type=checkbox], .checkbox [type=radio], .radio [type=checkbox], .radio [type=radio] {overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(1px,1px,1px,1px)}
.checkbox [type=checkbox]+label, .checkbox [type=radio]+label, .radio [type=checkbox]+label, .radio [type=radio]+label {padding-left:25px}
.checkbox [type=checkbox]+label:after, .checkbox [type=checkbox]+label:before, .checkbox [type=radio]+label:after, .checkbox [type=radio]+label:before, .radio [type=checkbox]+label:after, .radio [type=checkbox]+label:before, .radio [type=radio]+label:after, .radio [type=radio]+label:before {position:absolute; left:0; top:50%; margin-top:-9px; font-size:17px; line-height:1}
.checkbox [type=checkbox]+label:before, .checkbox [type=radio]+label:before, .radio [type=checkbox]+label:before, .radio [type=radio]+label:before {color:#666}
.checkbox [type=checkbox]+label:after, .checkbox [type=radio]+label:after, .radio [type=checkbox]+label:after, .radio [type=radio]+label:after {color:transparent; -webkit-transition:color .2s; -moz-transition:color .2s; -o-transition:color .2s; transition:color .2s}
.checkbox [type=checkbox]:checked+label:before, .checkbox [type=radio]:checked+label:before, .radio [type=checkbox]:checked+label:before, .radio [type=radio]:checked+label:before {color:#000}
.checkbox [type=checkbox][disabled]+label, .checkbox [type=radio][disabled]+label, .radio [type=checkbox][disabled]+label, .radio [type=radio][disabled]+label {color:#999}
.checkbox [type=checkbox][disabled]+label:before, .checkbox [type=radio][disabled]+label:before, .radio [type=checkbox][disabled]+label:before, .radio [type=radio][disabled]+label:before {color:#ccc; border-color:#ccc}
.checkbox [type=checkbox]:focus+label, .checkbox [type=radio]:focus+label, .radio [type=checkbox]:focus+label, .radio [type=radio]:focus+label {outline:1px dotted #999}
.checkbox>label, .radio>label {font-size:16px}
.checkbox:last-child, .radio:last-child {margin-right:0}
.radio [type=radio]+label:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.radio [type=radio]+label:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.radio [type=radio]:checked+label:after {color:#000}
.checkbox [type=checkbox]+label:before {content:""; width:15px; height:15px; border:1px solid #666; margin-top:-9px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:border-color .2s, background-color .2s; -moz-transition:border-color .2s, background-color .2s; -o-transition:border-color .2s, background-color .2s; transition:border-color .2s, background-color .2s}
.checkbox [type=checkbox]+label:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.checkbox [type=checkbox]:checked+label:after {color:#002d96}
.checkbox--filled [type=checkbox]+label:before {width:20px; height:20px; margin-top:-11px; background:#ccc; border:none}
.checkbox--filled [type=checkbox]+label:after {color:#fff; left:1px; margin-top:-10px}
.checkbox--filled [type=checkbox]:checked+label:before {background:#0059b4}
.checkbox--filled [type=checkbox]:checked+label:after {color:#fff}
.selectbox {position:relative; display:inline-block; text-align:left}
.selectbox-selector {width:100%; padding-right:40px; text-align:left; background:#fff url(http://www.iope.com/int/en/static/img/a/arrow-bottom.svg) right 50% no-repeat}
.no-svgasimg .selectbox-selector {background-image:url(/int/en/resource/img/a/arrow-bottom.png)}
.selectbox-selector .icon {vertical-align:middle}
.selectbox-selector .icon:before {line-height:1}
.selectbox-popup {position:absolute; left:0; right:0; display:none; overflow:hidden; margin-top:-5px; z-index:1}
.selectbox-options {overflow:hidden; position:relative; padding-top:5px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s}
.selectbox-options>li {border-top:1px solid #e5e5e5}
.selectbox-options>li:first-child {border-top-color:#ccc}
.selectbox-options>li>a, .selectbox-options>li>label {display:block; padding:9px 14px; font-size:16px; line-height:20px; text-decoration:none; -webkit-transition:color .2s, background-color .2s; -moz-transition:color .2s, background-color .2s; -o-transition:color .2s, background-color .2s; transition:color .2s, background-color .2s}
.selectbox-options>li>a:focus, .selectbox-options>li>a:hover, .selectbox-options>li>label:focus, .selectbox-options>li>label:hover {color:#002d96; background:#e5eef7; outline:0}
.selectbox-options>li>input {overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(1px,1px,1px,1px)}
.selectbox-options>li>input:checked+label {color:#002d96; background:#e5eef7}
.selectbox-options>li .icon {vertical-align:middle}
.selectbox-options>li .icon:before {line-height:1}
.selectbox-options>li.is-current>a, .selectbox-options>li.is-current>label {color:#002d96; background:#e5eef7}
.selectbox.is-opened .selectbox-selector {border-color:#333}
.selectbox.is-opened .selectbox-popup {display:block}
.selectbox.is-opened .selectbox-options {border-color:#333}
@media (min-width:45em) {
    .selectbox--slim .selectbox-selector {padding-top:6px; padding-bottom:7px; font-size:14px}
    .selectbox--slim .selectbox-options>li>a {padding-top:6px; padding-bottom:7px; font-size:14px}
}
.list-select {position:relative; display:inline-block}
.list-select-selector {width:100%; padding-right:40px; text-align:left; background:#fff url(http://www.iope.com/int/en/static/img/a/arrow-bottom.svg) right 50% no-repeat}
.no-svgasimg .list-select-selector {background-image:url(/int/en/resource/img/a/arrow-bottom.png)}
@media (max-width:44.99em) {
    .list-select {text-align:left}
    .list-select-popup {position:absolute; left:0; right:0; display:none; overflow:hidden; margin-top:-5px; z-index:1}
    .list-select-options {overflow:hidden; position:relative; padding-top:5px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s}
    .list-select-options>li {border-top:1px solid #e5e5e5}
    .list-select-options>li:first-child {border-top-color:#ccc}
    .list-select-options>li>a, .list-select-options>li>label {display:block; padding:9px 14px; font-size:16px; line-height:20px; text-decoration:none; -webkit-transition:color .2s, background-color .2s; -moz-transition:color .2s, background-color .2s; -o-transition:color .2s, background-color .2s; transition:color .2s, background-color .2s}
    .list-select-options>li>a:focus, .list-select-options>li>a:hover, .list-select-options>li>label:focus, .list-select-options>li>label:hover {color:#002d96; background:#e5eef7; outline:0}
    .list-select-options>li>input {overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(1px,1px,1px,1px)}
    .list-select-options>li>input:checked+label {color:#002d96; background:#e5eef7}
    .list-select-options>li.is-current>a, .list-select-options>li.is-current>label {color:#002d96; background:#e5eef7}
    .list-select.is-opened .list-select-selector {border-color:#333}
    .list-select.is-opened .list-select-popup {display:block}
    .list-select.is-opened .list-select-options {border-color:#333}
}
@media (min-width:45em) {
    .list-select-selector {display:none}
    .list-select-options {-webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; transform:none!important}
    .list-select-options>li {position:relative; display:inline-block; margin-left:23px; padding-left:26px}
    .list-select-options>li:before {content:""; position:absolute; height:16px; left:0; top:50%; margin-top:-8px; border-left:1px solid #e5e5e5}
    .list-select-options>li:first-child {margin-left:0; padding-left:0}
    .list-select-options>li:first-child:before {display:none}
    .list-select-options>li>a {color:#666; font-size:1.4em}
    .list-select-options>li>a:focus, .list-select-options>li>a:hover {color:#002d96}
    .list-select-options>li.is-current>a {color:#002d96; text-decoration:underline}
}
.pagination {zoom:1; margin-top:6.25%; text-align:center}
.pagination:before {content:''; display:block}
.pagination:after {content:''; display:table; clear:both}
.pagination .next, .pagination .page, .pagination .prev {display:inline-block; vertical-align:top}
.pagination .next, .pagination .prev {overflow:hidden; width:38px; height:38px; border:1px solid #ccc; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:border-color .2s; -moz-transition:border-color .2s; -o-transition:border-color .2s; transition:border-color .2s}
.pagination .next:before, .pagination .prev:before {position:relative; color:#999; width:38px; line-height:38px; font-size:14px}
.pagination .next:focus, .pagination .next:hover, .pagination .prev:focus, .pagination .prev:hover {border-color:#666}
.pagination .next:focus:before, .pagination .next:hover:before, .pagination .prev:focus:before, .pagination .prev:hover:before {color:#0059b4}
.pagination .next[disabled]:focus, .pagination .next[disabled]:hover, .pagination .prev[disabled]:focus, .pagination .prev[disabled]:hover {border-color:#ccc}
.pagination .next[disabled]:focus:before, .pagination .next[disabled]:hover:before, .pagination .prev[disabled]:focus:before, .pagination .prev[disabled]:hover:before {color:#999}
.pagination .prev {margin-right:13px}
.pagination .prev:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; left:-1px}
.pagination .next {margin-left:13px}
.pagination .next:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; right:-1px}
.pagination .page {color:#999; font-size:16px; line-height:40px; padding:0 13px}
.pagination .page.is-current {color:#324bc6; text-decoration:underline; font-weight:700}
.pagination a.page:focus, .pagination a.page:hover {color:#666; text-decoration:none}
@media (max-width:21.25em) {
    .pagination .prev {margin-right:5px}
    .pagination .next {margin-left:5px}
    .pagination .page {padding:0 8px}
}
@media (min-width:45em) {
    .pagination {margin-top:2.5641%}
}
.slick-dots {text-align:center}
.slick-dots>li {display:inline-block; margin:-6px 0}
.slick-dots>li>button {overflow:hidden; position:relative; width:24px; height:24px; text-indent:-10em}
.slick-dots>li>button:after, .slick-dots>li>button:before {content:""; position:absolute; left:50%; top:50%; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.slick-dots>li>button:before {width:10px; height:10px; margin-left:-5px; margin-top:-5px; background:rgba(153,153,153,.7); -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s}
.slick-dots>li>button:after {margin-left:-6px; margin-top:-6px; width:8px; height:8px; border:2px solid #666; opacity:0; -webkit-transition:opacity .5s; -moz-transition:opacity .5s; -o-transition:opacity .5s; transition:opacity .5s}
.slick-dots>li.slick-active>button:before {opacity:0}
.slick-dots>li.slick-active>button:after {opacity:1}
.slick-initialized .slick-slide {display:block!important}
.slick-arrow {overflow:hidden; position:absolute; top:50%; z-index:2; width:23px; height:53px; margin-top:-50px; padding:5px; font-size:53px; line-height:1; text-indent:30px; opacity:.5}
.slick-arrow:before {position:absolute; top:5px; left:5px; text-indent:0}
.slick-arrow.slick-prev {left:5px}
.slick-arrow.slick-prev:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.slick-arrow.slick-next {right:5px}
.slick-arrow.slick-next:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.slick-slider+.controls {position:absolute; left:0; right:0; bottom:3px; z-index:2; text-align:center}
.slick-slider+.controls.autoplay--on .control--play {display:none}
.slick-slider+.controls.autoplay--off .control--pause {display:none}
.slick-slider+.controls .dots {display:inline-block}
.slick-slider+.controls .control {width:30px; height:30px; margin-left:-3px; color:#999; opacity:.7; vertical-align:middle}
.slick-slider+.controls .control:focus, .slick-slider+.controls .control:hover {opacity:1}
.slick-slider+.controls .control--play:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:12px; line-height:1; vertical-align:top}
.slick-slider+.controls .control--pause:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:12px; line-height:1; vertical-align:top}
@media (min-width:60em) {
    .slick-slider+.controls {bottom:7px}
}
.chart-line {height:10px; background:#f2f2f2}
.chart-line .progress {height:100%; background:#8cbcb8}
.chart-circle {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg)}
.chart-circle .circle {fill:none; stroke-width:10; stroke:#f2f2f2; -webkit-transform:scaleY(-1); -moz-transform:scaleY(-1); -ms-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.chart-circle .progress {visibility:hidden; stroke:#8cbcb8}
.chart-bar .rect {fill:#ccc}
.chart-bar .rect-h {position:absolute; left:0; right:0; text-align:center; padding:5px 0}
.chart-rect {display:inline-block; vertical-align:top; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg)}
.chart-rect .rect {fill:#ccc}
.chart-rect .progress {fill:#8cbcb8}
.chart-cont {position:relative; z-index:10; line-height:1}
.chart-cont .circle-h, .chart-cont .rect-h {color:#338466; font-size:20px; letter-spacing:-.065em; padding-top:7px; white-space:nowrap}
.chart-cont .circle-h span, .chart-cont .rect-h span {display:inline-block; vertical-align:middle; white-space:normal; font-size:26px; font-weight:700; margin-top:-7px}
.chart-cont .circle-h:after, .chart-cont .rect-h:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.chart-cont .circle-h {position:absolute; top:0; left:0; right:0; bottom:0}
.yt-player {text-decoration:none!important}
.sharing>li {display:inline-block; margin-left:7px}
.sharing>li:first-child {margin-left:0}
.sharing--large>li {margin-left:13px}
.sharing--large:first-child {margin-left:0}
.share-btn {overflow:hidden; position:relative; width:30px; height:30px; background:#ccc; text-indent:-100em; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:background-color .2s; -moz-transition:background-color .2s; -o-transition:background-color .2s; transition:background-color .2s}
.share-btn:before {position:absolute; left:50%; top:50%; margin:-8px 0 0 -8px; color:#fff; font-size:16px; text-indent:0; line-height:1}
.share-btn:focus, .share-btn:hover {background:#767676}
.share-btn--facebook:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--youtube:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--instagram:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--twitter:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--kakao-story:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--blog:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--link:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.share-btn--large {width:40px; height:40px; background:#767676}
.share-btn--large:before {margin:-12.5px 0 0 -12.5px; font-size:25px}
.share-btn--large.share-btn--facebook:focus, .share-btn--large.share-btn--facebook:hover {background:#3b589e}
.share-btn--large.share-btn--youtube:focus, .share-btn--large.share-btn--youtube:hover {background:#e62117}
.share-btn--large.share-btn--instagram:focus, .share-btn--large.share-btn--instagram:hover {background:#262626}
.share-btn--large.share-btn--twitter:focus, .share-btn--large.share-btn--twitter:hover {background:#1da1f3}
.share-btn--large.share-btn--kakao-story:focus, .share-btn--large.share-btn--kakao-story:hover {background:#fec601}
.share-btn--large.share-btn--blog:focus, .share-btn--large.share-btn--blog:hover {background:#01c73c}
.share-btn--large.share-btn--link:focus, .share-btn--large.share-btn--link:hover {background:#454545}
.product-label {position:absolute; left:0; top:30px; text-align:center; z-index:2}
.product-label>span {display:block}
.product-label-best, .product-label-new {width:35px; color:#002d96; font-size:1.2em; line-height:1.4; font-weight:700; text-transform:uppercase; border-bottom:1px solid #002d96; margin-bottom:2px; text-align:center}
.product-label-best+.product-label-best, .product-label-best+.product-label-new, .product-label-new+.product-label-best, .product-label-new+.product-label-new {border-bottom:0}
.product-label-ap {overflow:hidden; margin-top:8px; text-indent:-10em; width:35px; height:35px; background:url(/int/en/resource/img/a/label-ap.png) no-repeat; background-size:contain}
@media (min-width:45em) {
    .product-label {left:20px; top:30px}
    .product-label-best, .product-label-new {width:40px; font-size:1.6em; line-height:1.2; margin-bottom:0}
    .product-label-ap {width:40px; height:40px; background-image:url(/int/en/resource/img/a/label-ap-large.png)}
}
.tag {position:relative; display:inline-block; font-size:0; letter-spacing:.02em}
.tag.tag--block>li {display:block}
.tag.tag--block>li+li {margin-top:5px}
.tag.tag--block>li+li .tag-keyword>span {padding-left:.5em}
.tag.tag--yellow>li {font-size:16px}
.tag.tag--yellow .tag-keyword:before {background:#efff66}
.tag>li {display:inline-block; color:#555; font-size:14px}
.tag>li+li .tag-keyword {padding-left:0}
.tag-keyword {position:relative; display:inline-block; padding:0 .5em}
.tag-keyword:before {content:""; position:absolute; left:0; right:0; top:9.6px; bottom:0; background:#e6eef8}
.tag-keyword>span {position:relative; display:inline-block}
.suggest {position:relative; text-align:left}
.suggest-heading {position:relative; left:0; color:#333; font-weight:400; font-size:1.4em; letter-spacing:.02em;line-height: 1.2;}
.suggest-list {margin-top:8px; margin-right:-3px; margin-bottom:-10px}
.suggest-list>li {margin-right:3px; margin-bottom:10px; display:inline-block}
.suggest .keyword {display:inline-block; padding:6px 15px; font-size:1.2em; text-decoration:none; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#eaeaea}
.suggest .keyword:hover {background:#e5e5e5}
@media (min-width:45em) {
    .suggest {padding-left:126px}
    .suggest-heading {position:absolute; top:7px}
}
.notify {position:fixed; left:0; right:0; top:0; z-index:2500; min-height:51px; background:#3b5b86; visibility:hidden}
.notify.is-show {visibility:visible}
.notify.is-btn .notify-msg {margin-right:140px}
.notify .l-wrap {height:100%; white-space:nowrap}
.notify .l-wrap .notify-inner {display:inline-block; vertical-align:middle; white-space:normal}
.notify .l-wrap:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.notify-msg {margin-right:25px; color:#fff; font-size:1.4em}
.notify-btn {position:absolute; top:50%; right:38px; margin-top:-19px}
.notify-close {position:absolute; right:0; top:0; padding:15px}
.notify-close:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#fff; font-size:17px; line-height:1}
@media (min-width:45em) {
    .notify {text-align:center}
    .notify-msg {margin-right:0!important; display:inline-block; vertical-align:middle}
    .notify-btn {position:static; margin-top:0; margin-left:20px; vertical-align:middle}
}
@media (min-width:60em) {
    .notify {min-height:114px}
}
.indicator .nav-list {position:fixed; z-index:15; top:50%; right:-5px; max-width:226px; margin:auto; text-align:right; padding:5px 25px 5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in}
.indicator .item-link {position:relative; display:block; line-height:1; margin:19px 0; padding-right:25px; color:#fff; text-decoration:none; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in}
.indicator .item-link:before {content:''; position:absolute; top:50%; right:6px; width:6px; height:6px; margin-top:-5px; border:2px solid #fff; background:#fff; opacity:.8; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in}
.indicator .item-link.is-active:before {width:8px; height:8px; margin-top:-6px; border:2px solid #fff; background:0 0; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; opacity:1}
.indicator .item-label {display:block; margin-left:10px; padding-top:2px; font-size:13px; text-transform:uppercase; opacity:0; -webkit-transition:transform .3s ease, color .3s ease; -moz-transition:transform .3s ease, color .3s ease; -o-transition:transform .3s ease, color .3s ease; transition:transform .3s ease, color .3s ease; -webkit-transform:translateX(15px); -moz-transform:translateX(15px); -ms-transform:translateX(15px); -o-transform:translateX(15px); transform:translateX(15px)}
.indicator--en .item-label {font-size:12px}
@media (max-width:44.99em) {
    .indicator {display:none}
}
@media (min-width:60em) {
    .indicator .is-hover {background-color:rgba(34,34,34,.5)}
    .indicator .is-hover .item-label {opacity:.8; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0)}
    .indicator .is-hover .is-active .item-label {opacity:1}
}
.scroller {display:none; position:absolute; top:3px; bottom:3px; right:3px; width:4px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; z-index:1000; -webkit-transition:width .1s, background-color .2s; -moz-transition:width .1s, background-color .2s; -o-transition:width .1s, background-color .2s; transition:width .1s, background-color .2s}
.scroller.is-hover {width:10px; background-color:rgba(128,128,128,.2)}
.scroller-drag {position:absolute; left:0; top:0; width:100%; background:#000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; opacity:.4}
.media-subtitle {text-align:left; color:#454545; background:#e5e5e5; overflow:hidden; height:0}
.media-subtitle.is-play {height:inherit}
.media-subtitle-inner {height:145px; overflow-y:auto; max-height:100px; padding:20px 8.33333%; font-size:1.6em; word-break:keep-all; word-wrap:break-word}
.article-title {margin-top:30px}
.article-date {margin-top:12px; color:#454545; font-size:1.4em}
.article-info {margin-top:9px; color:#454545; font-size:1.4em}
.article-info>li {position:relative; display:inline-block; margin-left:9px; padding-left:11px}
.article-info>li:before {content:""; position:absolute; height:12px; left:0; top:50%; margin-top:-6px; border-left:1px solid #e5e5e5}
.article-info>li:first-child {margin-left:0; padding-left:0}
.article-info>li:first-child:before {display:none}
@media (min-width:35em) {
    .article-header {text-align:center}
}
@media (min-width:45em) {
    .article-title {margin-top:4.70085%}
}
.related {margin-top:10.9375%; padding-bottom:20px}
.related-heading {position:relative; color:#333; text-align:center; font-size:2em; text-transform:uppercase}
.related-heading:before {content:""; position:absolute; left:0; width:100%; top:50%; margin-top:-2px; border-top:3px double #e5e5e5}
.related-heading>span {position:relative; display:inline-block; padding:0 .6em; background:#fff}
.related-list {zoom:1; margin:10px -8px 0}
.related-list:before {content:''; display:block}
.related-list:after {content:''; display:table; clear:both}
.related-item {float:left; width:33.33333%}
.related-item .product {margin:0 8px}
.related-product {display:block; text-align:center}
.related-product-name {margin-top:10px; color:#333; font-size:1.6em; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; max-height:38.4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.related .slick-track {margin:0 auto}
.related .slick-dots {margin-top:27px}
@media (min-width:45em) {
    .related {margin-top:5.98291%}
    .related-heading {font-size:3em}
    .related-list {margin-left:-15px; margin-right:-15px}
    .related-item {width:25%}
    .related-item .related-product {margin:0 15px}
    .related .slick-dots {margin-top:47px}
}
.review-list {margin-top:10px; border-top:1px solid #e5e5e5}
.review-list .card {padding:20px 0; border-bottom:1px solid #e5e5e5}
@media (min-width:60em) {
    .review-list {margin-top:20px; border-top:none}
    .review-list .card {padding:0; border-bottom:0}
}
.review-list .card {position:relative}
.review-list .card-inner {position:relative; display:block}
.review-list .card-inner:hover {text-decoration:none}
.review-list .card-inner:hover .card-title {text-decoration:underline}
.review-list .card-thumb {width:110px; height:110px; background:#f7f7f7 url(/int/en/resource/img/a/no-image.png) 50% 50% no-repeat; background-size:cover}
.review-list .card-text {position:absolute; left:130px; right:0; top:0; bottom:0}
.review-list .card-title {position:absolute; left:0; right:0; top:0; color:#454545; font-size:1.6em; line-height:1.5; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word}
.review-list .card-info {position:absolute; left:0; right:0; bottom:0}
.review-list .card-info>li {word-break:keep-all; word-wrap:break-word; position:relative; display:inline-block; margin-left:7px; padding-left:11px}
.review-list .card-info>li:before {content:""; position:absolute; height:12px; left:0; top:50%; margin-top:-6px; border-left:1px solid #ccc}
.review-list .card-info>li:first-child {margin-left:0; padding-left:0}
.review-list .card-info>li:first-child:before {display:none}
.review-list .card-writer {color:#333; font-size:1.4em}
.review-list .card-date {color:#767676; font-size:1.4em}
.review-list .card-action {margin-top:14px; margin-bottom:-4px; width:110px; color:#333; font-size:14px; text-align:center}
.review-list .card-action>li {position:relative; display:inline-block; margin-left:11px; padding-left:15px}
.review-list .card-action>li:before {content:""; position:absolute; height:12px; left:0; top:50%; margin-top:-6px; border-left:1px solid #e5e5e5}
.review-list .card-action>li:first-child {margin-left:0; padding-left:0}
.review-list .card-action>li:first-child:before {display:none}
@media (min-width:35em) {
    .review-list .card-thumb {width:150px; height:150px}
    .review-list .card-text {left:170px}
    .review-list .card-action {width:150px}
}
@media (min-width:60em) {
    .review-list .card:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd}
    .review-list .card-thumb {width:auto; height:0; padding-bottom:100%}
    .review-list .card-text {position:static; padding:10.37037% 9.25926%}
    .review-list .card-title {position:static; height:4.5em}
    .review-list .card-info {position:static; margin-top:13.63636%; height:2.1em}
    .review-list .card-action {margin:-5px 12.96296% 0; padding:13px 0; width:auto; border-top:1px solid #e5e5e5}
}
.review-list--blogger .card-thumb {background-size:contain}
.review-list--blogger .card-writer {overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:inline-block; white-space:nowrap; display:block; color:#767676; margin-top:3px; font-size:1.6em; margin-bottom:10px}
.review-list--blogger .card-title {position:static}
@media (min-width:60em) {
    .review-list--blogger .card {border:1px solid #ddd}
    .review-list--blogger .card:before {display:none}
    .review-list--blogger .card-thumb {position:relative; padding-bottom:43.7037%; background-color:#ebebed}
    .review-list--blogger .card-writer {height:1.5em}
}
.comment {zoom:1; position:relative; font-size:1.6em}
.comment:before {content:''; display:block}
.comment:after {content:''; display:table; clear:both}
.comment-info {font-size:.875em}
.comment-writer {display:inline-block; color:#333}
.comment-date {display:inline-block; color:#666}
.comment-text {margin-top:15px; word-break:break-all}
.comment-action {float:right; margin-top:9px; color:#333; font-size:14px}
.comment-action>li {display:inline-block; position:relative; display:inline-block; margin-left:11px; padding-left:15px}
.comment-action>li:before {content:""; position:absolute; height:12px; left:0; top:50%; margin-top:-6px; border-left:1px solid #e5e5e5}
.comment-action>li:first-child {margin-left:0; padding-left:0}
.comment-action>li:first-child:before {display:none}
.comment .attached {position:relative; margin-top:13px; min-height:96px}
.comment .attached.is-zoom .attached-zoom {position:absolute; left:0; top:0}
.comment .attached.is-zoom .attached-img {display:block}
.comment .attached-zoom {position:relative; display:block; width:96px; height:96px; background:50% 50% no-repeat; background-size:cover}
.comment .attached-zoom:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; right:0; bottom:0; padding:5px; font-size:20px; line-height:1; color:#fff; background:#666}
.comment .attached-img {display:none; position:relative; z-index:1}
@media (min-width:45em) {
    .comment .attached {min-height:70px}
    .comment .attached-zoom {width:70px; height:70px}
    .comment .attached-zoom:before {padding:3px; font-size:14px}
}
@media (max-width:59.99em) {
    .comment-info>li {position:relative; display:inline-block; margin-left:7px; padding-left:11px}
    .comment-info>li:before {content:""; position:absolute; height:12px; left:0; top:50%; margin-top:-6px; border-left:1px solid #ccc}
    .comment-info>li:first-child {margin-left:0; padding-left:0}
    .comment-info>li:first-child:before {display:none}
}
@media (min-width:45em) {
    .comment-action {position:absolute; float:none; margin-top:0; right:0; top:0}
}
@media (min-width:60em) {
    .comment-writer {width:150px; font-size:1.14286em}
    .comment-date {margin-top:1px}
}
.comment-list {border-top:2px solid #555}
.comment-list--empty {padding:20px 0; color:#333; font-size:1.6em; text-align:center; border-bottom:1px solid #ddd}
.comment-list .comment {padding:22px 0; border-bottom:1px solid #ddd}
.comment-list .comment-action {margin-bottom:-7px}
@media (min-width:45em) {
    .comment-list--empty {padding:2.5641% 0}
    .comment-list .comment {padding:27px 20px}
    .comment-list .comment-action {right:20px; top:28px; margin-bottom:0}
}
@media (min-width:60em) {
    .comment-list .comment {padding-left:300px; padding-right:120px}
    .comment-list .comment-info {position:absolute; left:20px; top:27px}
    .comment-list .comment-text {margin-top:0}
}
.cover {height:80vh; position:relative; text-align:center}
.cover--full {height:calc(100vh - 51px)}
.cover.is-floating {height:80vh}
.cover-bg {overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0}
.cover-bg .visual {height:100%; background-position:50% 50%; background-size:cover}
.cover-bg .visual-space {position:absolute}
.cover-bg .visual-space iframe, .cover-bg .visual-space video {width:100%}
.cover-continue {position:absolute; right:0; bottom:0; left:0; font-size:1.4em; text-align:center; line-height:1; text-transform:uppercase; letter-spacing:0; color:#222; z-index:3}
.cover-continue:after {content:''; display:block; width:1px; height:30px; margin:10px auto 0; background-color:#222}
.cover-continue--white {color:#fff}
.cover-continue--white:after {background-color:#fff}
@media (min-width:45em) {
    .cover {height:calc(100vh - 51px)}
    .cover.is-floating {height:90vh}
}
@media (min-width:60em) {
    .cover, .cover--full {height:calc(100vh - 114px)}
    .cover.is-floating {height:80vh}
    .cover-continue {letter-spacing:.2em}
    .cover-continue:after {height:50px}
}
.content-header {text-align:center}
.content-header .visual {position:relative; display:block; height:190px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.content-header .visual:before {content:''; position:absolute; left:50%; bottom:-25px; width:1px; height:50px; background-color:#666}
.content-header .heading {padding-top:2em}
.content-header .heading img {padding-top:4em}
.content-header .copy {padding:2em 20px 0; color:#222; font-size:1.6em}
.content-header h2.copy{line-height:1.5}
.content-header .heading+.copy {padding-top:1em}
@media (max-width:44.99em) {
    .content-header .heading img {max-width:200px}
}
@media (min-width:60em) {
    .content-header .heading {padding-top:2.5em}
    .content-header .heading img {padding-top:2.5em}
    .content-header .visual {position:relative; display:block; height:320px}
    .content-header .visual:before {bottom:-30px; height:60px}
    .content-header .copy {padding-top:2.5em; font-size:2em}
    .content-header .copy span {display:block}
    .content-header .copy br {display:none}
}
.expert-header .visual {background-image:url(/int/en/resource/img/lab/expert/top.jpg)}
.superplant-header .visual {background-image:url(/int/en/resource/img/lab/superplant/top.jpg)}
.flagship-header .visual {background-image:url(/int/en/resource/img/about/flagship/top.jpg)}
#wrap {position:relative; -webkit-user-drag:none; touch-action:pan-y}
.main {outline:0}
#bp {position:relative; display:none; speak:none; z-index:1}
@media (min-width:25em) {#bp {z-index:2}
}
@media (min-width:35em) {#bp {z-index:3}
}
@media (min-width:45em) {#bp {z-index:4}
}
@media (min-width:60em) {#bp {z-index:5}
}
@media (min-width:80em) {#bp {z-index:6}
}
@media (min-width:100em) {#bp {z-index:7}
}
#legacy-browser {display:none; overflow:hidden; position:fixed; bottom:0; left:0; width:100%; padding:5px 0; text-align:center; background-color:#0059b4; color:#fff; font-size:14px; z-index:1001}
#legacy-browser p {margin:0 0 10px}
#legacy-browser a {color:#fff; font-weight:700; text-decoration:underline}
#legacy-browser button {margin-left:5px; padding:3px 5px; color:#0059b4; font-weight:700; background-color:#fff}
#skipnav {position:absolute; left:-100%; color:#fff; background:#666; font-size:1.6em}
#skipnav:focus {display:block; position:fixed; left:0; width:100%; z-index:29999; padding:20px; font-weight:700; line-height:1.5; text-align:center; vertical-align:middle}
.l-wrap {position:relative; margin-left:20px; margin-right:20px}
@media (min-width:45em) {
    .l-wrap {margin-left:4.29688%; margin-right:4.29688%}
}
.l-wrap-until-md {position:relative; margin-left:20px; margin-right:20px}
@media (min-width:45em) {
    .l-wrap-until-md {margin:0; max-width:none}
}
.l-wrap-sm {position:relative}
@media (max-width:34.99em) {
    .l-wrap-sm {overflow:hidden}
}
@media (min-width:35em) {
    .l-wrap-sm {margin-left:20px; margin-right:20px}
}
.l-wrap-md {position:relative}
@media (max-width:44.99em) {
    .l-wrap-md {overflow:hidden}
}
.l-wrap-lg {position:relative}
@media (max-width:59.99em) {
    .l-wrap-lg {overflow:hidden}
}
@media (min-width:60em) {
    .l-wrap-lg {margin-left:4.29688%; margin-right:4.29688%}
}
@media (min-width:45em) {
    .l-wrap-md, .l-wrap-sm {margin-left:4.29688%; margin-right:4.29688%}
}
@media (min-width:80em) {
    .l-wrap, .l-wrap-lg, .l-wrap-md, .l-wrap-sm {margin-left:auto; margin-right:auto; max-width:1170px}
}
.top-notice {display:none; border-top:2px solid #0059b4; background:#ebf2f1}
.top-notice.is-show {display:block}
.top-notice-inner {zoom:1; position:relative; padding:15px 0}
.top-notice-inner:before {content:''; display:block}
.top-notice-inner:after {content:''; display:table; clear:both}
.top-notice-content {margin:-.2em 0; padding-right:30px; color:#555; font-size:1.4em}
.top-notice-content a {text-decoration:underline}
.top-notice-actions {margin-top:10px}
.top-notice-dontshow {display:inline-block; font-size:1.2em; color:#666; vertical-align:middle}
.top-notice-dontshow input {overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(1px,1px,1px,1px)}
.top-notice-dontshow input+label {line-height:19px}
.top-notice-dontshow input+label:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; display:inline-block; margin-right:5px; color:#999; font-size:19px; line-height:1; vertical-align:middle}
.top-notice-dontshow input:checked+label:before {color:#0059b4}
.top-notice-dontshow input:focus+label {outline:1px dotted #999}
.top-notice-close {position:absolute; right:-7px; top:8px; padding:7px}
.top-notice-close:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#767676; font-size:17px; line-height:1; vertical-align:top}
@media (min-width:45em) {
    .top-notice-inner {padding:20px 0}
}
@media (min-width:60em) {
    .top-notice {border-top-width:4px}
    .top-notice-content {padding-left:175px; padding-right:175px; text-align:center}
    .top-notice-actions {position:absolute; right:0; top:50%; margin-top:-10px}
    .top-notice-close {position:static; display:inline-block; vertical-align:middle; margin:-6px -6px -6px 11px}
}
#wrap:before {content:""; position:fixed; visibility:hidden; left:0; right:0; top:0; bottom:0; background:#666; opacity:0; z-index:1900; -webkit-transition:visibility 0s .3s, opacity .3s; -moz-transition:visibility 0s .3s, opacity .3s; -o-transition:visibility 0s .3s, opacity .3s; transition:visibility 0s .3s, opacity .3s}
.is-search #wrap:before {visibility:visible; opacity:.5; -webkit-transition:visibility 0s 0s, opacity .3s; -moz-transition:visibility 0s 0s, opacity .3s; -o-transition:visibility 0s 0s, opacity .3s; transition:visibility 0s 0s, opacity .3s}
.header {position:fixed; left:0; right:0; top:0; letter-spacing:0; z-index:2000}
.header.is-sticky .header-content {background:rgba(255,255,255,.9); border-bottom-color:rgba(41,59,168,.5)}
.is-search .header .header-content {background:#fff}
.is-search .header .search {height:auto}
.is-search .header .header-btn--search:before {transform:scale(.5); opacity:0}
.is-search .header .header-btn--search:after {transform:scale(1); opacity:1}
@media (max-width:44.99em) {
    .header.is-header-title .logo-link {visibility:hidden}}
@media (min-width:45em) {
    .header .header-title {display:none}
}
.header-content {position:relative; height:51px; border-bottom:1px solid #293ba8; background:#fff; -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s; transition:background .5s}
.header-btn {position:absolute; top:0; padding:0 20px; height:51px; color:#0059b4}
.header-btn:before {line-height:1}
.header-btn--menu {left:-20px}
.header-btn--menu:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:15px}
.header-btn--search {right:-20px}
.header-btn--search:after, .header-btn--search:before {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.header-btn--search:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:relative; top:2px; font-size:20px}
.header-btn--search:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; left:21px; top:15px; font-size:17px; opacity:0; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
.header .logo {position:relative; font-size:1em; text-align:center}
.header .logo-link {display:inline-block; width:63px; margin:0 auto; padding:16px 16px 15px; height:20px}
.header .logo-img--svg {display:none}
.svgasimg .header .logo-img {display:none}
.svgasimg .header .logo-img.logo-img--svg {display:inline}
.header-title {position:absolute; left:30px; right:30px; top:14px; letter-spacing:-.01em; font-size:2em; line-height:24px; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:inline-block; white-space:nowrap}
@media (max-width:21.875em) {
    .header-title--small {font-size:1.7em}
}
.header .search {overflow:hidden; position:absolute; left:0; right:0; top:100%; height:0; margin-top:1px; z-index:1}
.header .search-holder {visibility:hidden; background:#fff}
.header .search-inner {padding:20px 0 28px}
.header .search-bar-wrap {padding:0}
@media (max-width:59.99em) {
    .header .search-bar {width:auto; padding-right:0}
    .header .search-bar label {overflow:hidden; width:1px; height:1px}
    .header .search-bar input[type=search] {padding-left:0}
    .header .search-bar .reset {display:none}
    .header .search .submit {overflow:hidden; position:absolute; right:-5px; top:0; margin-top:0; width:30px; height:30px; padding:0; text-indent:-10em; line-height:1; border:none; background:0 0}
    .header .search .submit:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; left:5px; top:5px; font-size:19px; color:#000; text-indent:0}
}
.header .suggest {margin-top:22px}
.header .lang {display:none}
.header .utility {display:none}
@media (min-width:60em) {
    .header {overflow:hidden}
    .header-content {height:auto; border-bottom:none}
    .header-btn {display:none}
    .header.is-initialized {overflow:visible}
    .header.is-active-sub .header-content {background:#fff}
    .header.is-compact .logo {float:left; position:relative; padding:5px 0; text-align:left; z-index:2}
    .header.is-compact .logo-link {position:relative; top:-1px; width:66px; height:20px; left:-10px}
    .header.is-compact .gnb {margin-top:-1px; border-top-color:transparent}
    .header.is-compact .gnb .nav-d1-link {padding-top:17px; padding-bottom:17px}
    .is-search .header .utility-link--search:before {transform:scale(.5); opacity:0}
    .is-search .header .utility-link--search:after {transform:scale(1); opacity:1}
    .header:after {content:""; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #f7f7f7}
    .header-wrap {height:114px}
    .header .logo {padding:15px 0 10px}
    .header .logo-link {width:78px; height:25px; padding:10px}
    .header-title {display:none}
    .header .popup {visibility:hidden; left:0; top:100%; position:absolute; margin-top:14px; padding:8px 14px; border:1px solid #767676; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:1.2em; background:#fff; z-index:10!important; box-shadow:0 2px 4px rgba(51,51,51,.25); -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -ms-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0}
    .header .popup:before {content:""; position:absolute; left:20px; top:-7px; height:0; width:0; border-bottom:6.5px solid #767676; border-left:6.5px solid transparent; border-right:6.5px solid transparent}
    .header .popup:after {content:""; position:absolute; left:20px; top:-6px; height:0; width:0; border-bottom:6.5px solid #fff; border-left:6.5px solid transparent; border-right:6.5px solid transparent}
    .header .popup-link {display:block; color:#767676; line-height:23px; text-decoration:none; white-space:nowrap}
    .header .popup-link:focus, .header .popup-link:hover {color:#454545}
    .header .popup-link--current {text-decoration:underline}
    .header .lang {display:block; position:absolute; left:-5px; top:26px}
    .header .lang-current {padding:5px; color:#767676; font-size:1.2em; text-decoration:none}
    .header .lang-current:focus, .header .lang-current:hover {color:#454545}
    .header .lang-current:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#767676; margin-left:10px; font-size:10px; line-height:1; vertical-align:middle; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
    .header .utility {display:block; position:absolute; right:-5px; top:21px; z-index:2}
    .header .utility>li {float:left; margin-left:15px; position:relative}
    .header .utility-link {display:block; color:#0059b4; text-decoration:none}
    .header .utility-link:before {padding:5px; font-size:20px; line-height:1; vertical-align:middle}
    .header .utility-link:hover {color:#053198}
    .header .utility-link--login:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
    .header .utility-link--store:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; padding-top:4px; padding-bottom:4px; font-size:22px}
    .header .utility-link--search:after, .header .utility-link--search:before {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
    .header .utility-link--search:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
    .header .utility-link--search:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; left:5px; top:5px; font-size:19px; line-height:1; opacity:0; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
    .header .utility .member-menu {left:-14px; margin-top:7px}
    .header .search {margin-top:-44px}
    .header .search-inner {padding-bottom:50px}
    .header .search-bar {width:auto}
}
.footer {position:relative; border-top:1px solid #e5e5e5; background:#f7f6f4}
.footer.is-opened .footer-toggle:after {-webkit-transform:scale(.7) rotate(180deg); -moz-transform:scale(.7) rotate(180deg); -ms-transform:scale(.7) rotate(180deg); -o-transform:scale(.7) rotate(180deg); transform:scale(.7) rotate(180deg)}
.footer .go-to-top {display:none}
.footer-toggle {display:block; position:relative; padding:15px 0; width:100%; color:#767676; font-size:1.2em; text-align:left; line-height:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.footer-toggle:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; right:-2px; top:50%; margin-top:-5px; color:#666; font-size:10px; line-height:1; -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); -o-transform:scale(.7); transform:scale(.7); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
@media (max-width:20.625em) {
    .footer-toggle {font-size:1.1em}
}
.footer-contents {display:none; border-top:1px solid #e5e5e5}
.footer-contents-inner {padding:25px 0}
.footer .related-link {margin-top:-9px; font-size:1.2em}
.footer .related-link>li {position:relative; display:inline-block; margin-top:9px; margin-right:12px; padding-right:16px}
.footer .related-link>li:after {content:""; position:absolute; height:10px; right:0; top:50%; margin-top:-5px; border-left:1px solid #ccc}
.footer .related-link>li:last-child {margin-right:0; padding-right:0}
.footer .related-link>li:last-child:after {display:none}
.footer .related-link>li.is-newline {margin-left:0; padding-left:0}
.footer .related-link>li.is-newline:before {display:none}
.footer .related-link>li>a {color:#666; text-decoration:none; text-transform:uppercase}
.footer .related-link>li>a:hover {color:#222}
.footer .related-link>li>a.privacy {color:#222}
.footer .follow-us {display:none; margin:12px 0}
.footer .follow-us .item {display:inline-block; vertical-align:top; margin-left:15px}
.footer .follow-us .item.item--facebook>a {background: url(/int/en/resource/img/main/sns-facebook.png) no-repeat 5px 5px; background-size: 22px; width: 22px; height: 22px; display: block;}
.footer .follow-us .item.item--youtube>a {background: url(/int/en/resource/img/main/sns-youtube.png) no-repeat 5px 5px; background-size: 22px; width: 22px; height: 22px; display: block;}
.footer .follow-us .item.item--instagram>a {background: url(/int/en/resource/img/main/sns-instagram.png) no-repeat 5px 5px; background-size: 22px; width: 22px; height: 22px; display: block;}
.footer .follow-us .item>a {overflow:hidden; display:block; padding:5px; color:#767676; text-decoration:none}
.footer .follow-us .item>a:before {font-size:22px}
.footer .follow-us .item>a:hover {color:#666}
.footer-info {position:relative; margin-top:22px; padding-right:72px; max-width:460px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.footer .contact {font-size:1.2em; color:#666}
.footer .contact>a {text-decoration:underline}
.footer .contact>span {display:inline-block}
.footer .copyright {display:none; color:#999; font-size:1.2em;}
.footer .wa-mark {position:absolute; right:0; top:50%; margin-top:-20px; width:62px}
.footer .wa-mark .wa-link {display:block}
@media (min-width:25em) {
    .footer-info {width:45.71429%; min-width:320px; max-width:460px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
}
@media (min-width:60em) {
    .footer .go-to-top {visibility:hidden; display:block; position:fixed; color:#676767; right:20px; bottom:20px; width:45px; height:45px; text-align:center; background:#fff; z-index:1000; opacity:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 2px rgba(51,51,51,.5); -moz-box-shadow:0 0 2px rgba(51,51,51,.5); box-shadow:0 0 2px rgba(51,51,51,.5); -webkit-transition:visibility 0s .3s, opacity .3s; -moz-transition:visibility 0s .3s, opacity .3s; -o-transition:visibility 0s .3s, opacity .3s; transition:visibility 0s .3s, opacity .3s}
    .footer .go-to-top:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:17px; line-height:45px}
    .footer .go-to-top.is-show {visibility:visible; opacity:1; -webkit-transition:visibility 0s 0s, opacity .3s; -moz-transition:visibility 0s 0s, opacity .3s; -o-transition:visibility 0s 0s, opacity .3s; transition:visibility 0s 0s, opacity .3s}
    .footer .go-to-top.is-sticky {position:absolute; bottom:auto; top:-65px}
    .footer-toggle {display:none}
    .footer-contents {display:block!important; border-top:none}
    .footer-contents-inner {padding:0 0 36px}
    .footer .related-link {border-bottom:1px solid #e5e5e5; padding:17px 0; margin-top:0}
    .footer .related-link>li {margin-top:0}
    .footer .follow-us {display:block; position:absolute; right:10px; top:0}
    .footer-info {margin-top:17px; min-width:430px}
    .footer .copyright {margin-top:8px; display:block}
}
.main {background:top center no-repeat; background-size:100% auto; padding-top:51px}
@media (min-width:60em) {
    .main {padding-top:114px}
}
.container {padding-bottom:40px}
.content-footer {margin-top:20px}
@media (min-width:45em) {
    .container {padding-bottom:6.83761%}
    .content-footer {margin-top:30px}
}
.page-box .content {background:#fff}
@media (min-width:45em) {
    .page-box {background:#f7f7f7}
    .page-box .content {padding:5.12821% 8.54701% 6.83761%}
    .page-box .col-10 .content, .page-box .col-l-10 .content {padding:6.18557% 10.30928% 8.24742%}
}
.gnb {display:none}
.gnb-bg {display:none}
@media (min-width:60em) {
    .gnb {display:block; position:absolute; bottom:0; left:0; right:0; border-top:1px solid #e5e5e5; z-index:1; -webkit-transition:border-color .15s; -moz-transition:border-color .15s; -o-transition:border-color .15s; transition:border-color .15s}
    .gnb .nav {text-align:center; line-height:1; text-transform:uppercase}
    .flexbox .gnb .nav {display:flex; justify-content:center}
    .gnb .nav-indicator {position:absolute; left:0; width:0; height:2px; bottom:0; background:#002d96; opacity:0}
    .gnb .nav-d1-item {display:inline-block; margin:0 20px}
    .gnb .nav-d1-item:first-child {margin-left:64px}
    .gnb .nav-d1-link {position:relative; display:block; padding:14px 10px; color:#333; font-size:1.6em; text-decoration:none; font-weight:700; -webkit-transition:padding .15s, color .3s; -moz-transition:padding .15s, color .3s; -o-transition:padding .15s, color .3s; transition:padding .15s, color .3s; z-index:2}
    .gnb .nav-d1-link.is-current, .gnb .nav-d1-link:focus, .gnb .nav-d1-link:hover, .gnb .sidenav .nav-d1-item.is-current .nav-d1-link, .sidenav .nav-d1-item.is-current .gnb .nav-d1-link {color:#002d96}
    .gnb .nav-d2 {visibility:hidden; position:absolute; white-space:nowrap}
    .gnb .nav-d2-item {display:inline-block; margin:0 12px}
    .gnb .nav-d2-link {position:relative; display:block; padding:15px 5px 14px; color:#454545; font-size:1.4em; text-decoration:none; -webkit-transition:color .3s, border-color .3s; -moz-transition:color .3s, border-color .3s; -o-transition:color .3s, border-color .3s; transition:color .3s, border-color .3s; white-space:nowrap; border-bottom:1px solid transparent; z-index:1}
    .gnb .nav-d2-link.is-current, .gnb .nav-d2-link:focus, .gnb .nav-d2-link:hover {color:#002d96; border-bottom-color:#002d96}
    .gnb .nav-d3 {visibility:hidden; position:absolute; left:0; right:0; top:100%; height:412px; margin-top:-1px; text-align:left; background:#fff; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); box-shadow:0 1px 1px rgba(0,0,0,.1)}
    .gnb .nav-d3-wrap {border-top:1px solid #e5e5e5; height:411px; background:#fff no-repeat right bottom}
    .gnb .nav-d3-title {padding-bottom:8px; color:#454545; font-size:1.4em; border-bottom:1px solid #ccc}
    .gnb .nav-d3-list {zoom:1; margin-top:30px; display:inline-block}
    .gnb .nav-d3-list:before {content:''; display:block}
    .gnb .nav-d3-list:after {content:''; display:table; clear:both}
}
@media (min-width:60em) and (min-width:80em) {
    .gnb .nav-d3-list {margin-left:8.54701%}
}
@media (min-width:60em) {
    .gnb .nav-d3-item {float:left; width:130px; margin-left:30px}
    .gnb .nav-d3-item:first-child {margin-left:0}
    .gnb .nav-d3-item--large {width:290px!important}
}
@media (min-width:60em) and (min-width:80em) {
    .gnb .nav-d3-item {width:170px}
}
@media (min-width:60em) {
    .gnb .nav-d4 {margin-top:5px}
    .gnb .nav-d4-item {padding:6px 0}
    .gnb .nav-d4-link {color:#666; font-size:1.3em}
    .gnb .nav-d4-link.is-current {color:#002d96; text-decoration:underline}
    .gnb .nav-d4--col {zoom:1}
    .gnb .nav-d4--col:before {content:''; display:block}
    .gnb .nav-d4--col:after {content:''; display:table; clear:both}
    .gnb .nav-d4--col .nav-d4-item {width:60%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .gnb .nav-d4--col .nav-d4-item:nth-child(even) {width:40%}
    .gnb-bg {visibility:hidden; position:absolute; display:block; left:0; right:0; top:100%; margin-top:-1px; height:45px; background:#fff; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); box-shadow:0 1px 1px rgba(0,0,0,.1); opacity:0}
}
#wrap {-webkit-transition:filter .3s; -moz-transition:filter .3s; -o-transition:filter .3s; transition:filter .3s}
#wrap:after {content:""; position:fixed; left:0; right:0; top:0}
#wrap .header {-webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s}
.dimmed {visibility:hidden; position:fixed; left:0; right:0; top:0; bottom:0; background:#666; opacity:0; -webkit-transition:all .3s, visibility 0s .3s; -moz-transition:all .3s, visibility 0s .3s; -o-transition:all .3s, visibility 0s .3s; transition:all .3s, visibility 0s .3s}
.is-open #wrap {filter:blur(4px); position:fixed; left:0; top:0; width:100%}
.is-open .header {opacity:0}
.is-open .dimmed {visibility:visible; opacity:.6; -webkit-transition:all .3s, visibility 0s 0s; -moz-transition:all .3s, visibility 0s 0s; -o-transition:all .3s, visibility 0s 0s; transition:all .3s, visibility 0s 0s; -webkit-transform:translateX(300px); -moz-transform:translateX(300px); -ms-transform:translateX(300px); -o-transform:translateX(300px); transform:translateX(300px)}
.csstransforms .is-open .sidenav {-webkit-transform:translateX(300px); -moz-transform:translateX(300px); -ms-transform:translateX(300px); -o-transform:translateX(300px); transform:translateX(300px)}
.ie .is-open .sidenav, .no-csstransforms .is-open .sidenav {left:0}
.ie .is-open .sidenav {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none}
.is-open .sidenav-close {display:block}
.ie .is-open .sidenav .nav-d3, .no-csstransforms .is-open .sidenav .nav-d3 {left:0}
.sidenav {position:fixed; left:-300px; top:0; bottom:0; width:300px; background:#f2f2f2; background:rgba(242,242,242,.8); -webkit-transition:all .3s cubic-bezier(.3, 0, 0, 1); -moz-transition:all .3s cubic-bezier(.3, 0, 0, 1); -o-transition:all .3s cubic-bezier(.3, 0, 0, 1); transition:all .3s cubic-bezier(.3, 0, 0, 1)}
.sidenav.is-d3-open .sidenav-container {-webkit-transform:translate(-300px); -moz-transform:translate(-300px); -ms-transform:translate(-300px); -o-transform:translate(-300px); transform:translate(-300px)}
.ie .sidenav.is-d3-open .sidenav-container {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; left:-300px}
.sidenav.is-init {z-index:2000}
.sidenav.is-init .nav-item.is-has-sub .nav-list {-webkit-transition:margin-top .3s; -moz-transition:margin-top .3s; -o-transition:margin-top .3s; transition:margin-top .3s}
.sidenav.is-init .nav-d3 {visibility:hidden}
.sidenav.is-show-d3 .nav-d3 {visibility:visible}
.sidenav.is-top-fixed .nav-d3 {top:-52px}
.sidenav-container {position:absolute; left:0; top:0; bottom:0; width:300px; -webkit-transition:all .3s cubic-bezier(.5, 0, 0, 1); -moz-transition:all .3s cubic-bezier(.5, 0, 0, 1); -o-transition:all .3s cubic-bezier(.5, 0, 0, 1); transition:all .3s cubic-bezier(.5, 0, 0, 1)}
.sidenav-close {display:none; position:absolute; left:100%; margin-left:4px; padding:16px}
.sidenav-close:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#fff; font-size:20px; line-height:1; vertical-align:middle}
.sidenav-header {position:relative; height:51px; background:#fff; border-bottom:1px solid #293ba8; z-index:10}
.sidenav-header .logo {padding:16px 20px 15px; display:inline-block}
.sidenav-header .logo:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#06357a; font-size:20px; line-height:1; vertical-align:top}
.sidenav-header .store {position:absolute; top:50%; right:16px; margin-top:-20px; color:#0059b4}
.sidenav-header .store:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; padding-top:4px; padding-bottom:4px; font-size:22px}
.sidenav-header .member {position:absolute; right:14px; top:50%; margin-top:-13px; color:#454545; padding:5px 13px 4px; font-size:1.2em}
.sidenav .nav-container {overflow:hidden; position:absolute; top:52px; left:0; width:100%; bottom:45px}
.sidenav .nav-inner {position:relative; padding-bottom:67px; min-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sidenav .nav {text-transform:uppercase}
.sidenav .nav-item.is-has-sub>.nav-link:after, .sidenav .nav-item.is-has-sub>.nav-link:before {position:absolute; top:50%; margin-top:-7px; color:#767676; font-size:13px; line-height:1; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg)}
.sidenav .nav-item.is-has-sub>.nav-link:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.sidenav .nav-item.is-has-sub>.nav-link:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; opacity:0}
.sidenav .nav-item.is-current>.nav-link:after, .sidenav .nav-item.is-current>.nav-link:before {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none}
.sidenav .nav-item.is-current>.nav-link:before {opacity:0}
.sidenav .nav-item.is-current>.nav-link:after {opacity:1}
.sidenav .nav-item.is-current>.nav-list-wrap>.nav-list {margin-top:0!important}
.sidenav .nav-d1-item {border-bottom:1px solid #e5e5e5}
.sidenav .nav-d1-item.is-has-sub .nav-d1-link:after, .sidenav .nav-d1-item.is-has-sub .nav-d1-link:before {right:20px}
.sidenav .nav-d1-item.is-current .nav-d1-item.is-has-sub .nav-d1-link:after, .sidenav .nav-d1-item.is-current .nav-d1-item.is-has-sub .nav-d1-link:before, .sidenav .nav-d1-item.is-has-sub .nav-d1-item.is-current .nav-d1-link:after, .sidenav .nav-d1-item.is-has-sub .nav-d1-item.is-current .nav-d1-link:before, .sidenav .nav-d1-item.is-has-sub .nav-d1-link:hover:after, .sidenav .nav-d1-item.is-has-sub .nav-d1-link:hover:before {color:#fff}
.sidenav .nav-d1-item.is-current .nav-d1-link:after, .sidenav .nav-d1-item.is-current .nav-d1-link:before, .sidenav .nav-d1-item.is-current .nav-d1-link:hover:after, .sidenav .nav-d1-item.is-current .nav-d1-link:hover:before {color:#fff}
.sidenav .nav-d1-link {overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:inline-block; white-space:nowrap; display:block; position:relative; padding-left:20px; padding-right:38px; font-size:1.6em; font-weight:700; text-decoration:none; line-height:50px; background:#fff; background:rgba(255,255,255,.8); -webkit-transition:color .3s, background .3s; -moz-transition:color .3s, background .3s; -o-transition:color .3s, background .3s; transition:color .3s, background .3s; z-index:10}
.sidenav .nav-d1-item.is-current .nav-d1-link, .sidenav .nav-d1-link:hover {color:#fff; background:#0059b4; background:rgba(0,89,180,.8)}
.sidenav .nav-d2 {overflow:hidden}
.sidenav .nav-d2-list {border-top:1px solid #e5e5e5; background:#fff; background:rgba(255,255,255,.3)}
.sidenav .nav-d2-item:first-child .nav-d2-link {border-top:none}
.sidenav .nav-d2-item.is-has-sub .nav-d2-link:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; right:0; top:50%; margin-top:-6px; color:#666; font-size:12px; line-height:1; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.sidenav .nav-d2-item.is-current .nav-d2-link {color:#002d96}
.sidenav .nav-d2-item.is-current .nav-d3 {-webkit-transform:translate(300px); -moz-transform:translate(300px); -ms-transform:translate(300px); -o-transform:translate(300px); transform:translate(300px)}
.ie .sidenav .nav-d2-item.is-current .nav-d3 {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none}
.sidenav .nav-d2-item.is-current .nav-d3-drawer {-webkit-transform:translate(-300px); -moz-transform:translate(-300px); -ms-transform:translate(-300px); -o-transform:translate(-300px); transform:translate(-300px)}
.ie .sidenav .nav-d2-item.is-current .nav-d3-drawer, .no-csstransforms .sidenav .nav-d2-item.is-current .nav-d3-drawer {left:0}
.ie .sidenav .nav-d2-item.is-current .nav-d3-drawer {-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none}
.sidenav .nav-d2-link {display:block; position:relative; margin:0 20px; color:#454545; font-size:1.4em; text-decoration:none; line-height:50px; border-top:1px solid #ccc; z-index:10}
.sidenav .nav-d2-link:hover {color:#002d96}
.sidenav .nav-d2-link:hover:after {color:#0059b4}
.sidenav .nav-d3 {overflow:hidden; position:fixed; left:0; top:0; bottom:0; width:300px; -webkit-transition:all .3s cubic-bezier(.5, 0, 0, 1); -moz-transition:all .3s cubic-bezier(.5, 0, 0, 1); -o-transition:all .3s cubic-bezier(.5, 0, 0, 1); transition:all .3s cubic-bezier(.5, 0, 0, 1)}
.ie .sidenav .nav-d3, .no-csstransforms .sidenav .nav-d3 {left:-300px}
.sidenav .nav-d3-drawer {position:absolute; left:300px; width:300px; top:0; bottom:0; background:#f2f2f2; background:rgba(242,242,242,.8); -webkit-transition:all .3s cubic-bezier(.5, 0, 0, 1); -moz-transition:all .3s cubic-bezier(.5, 0, 0, 1); -o-transition:all .3s cubic-bezier(.5, 0, 0, 1); transition:all .3s cubic-bezier(.5, 0, 0, 1); z-index:100}
.sidenav .nav-d3-title {overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:inline-block; white-space:nowrap; display:block; padding:0 49px; color:#fff; font-size:1.8em; text-align:center; font-weight:400; line-height:52px; background:#0059b4; background:rgba(0,89,180,.8)}
.sidenav .nav-d3-back {position:absolute; left:0; top:0; padding:0 20px; overflow:hidden}
.sidenav .nav-d3-back:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#fff; font-size:16px; line-height:52px; vertical-align:top}
.sidenav .nav-d3-container {overflow:hidden; position:absolute; left:0; right:0; top:52px; bottom:0}
.sidenav .nav-d3-list {margin-top:8px}
.sidenav .nav-d3-item.is-has-sub .nav-d3-link:after, .sidenav .nav-d3-item.is-has-sub .nav-d3-link:before {right:0}
.sidenav .nav-d3-link {display:block; position:relative; margin:0 20px; color:#454545; font-size:1.6em; text-decoration:none; line-height:44px; border-bottom:1px solid #ccc; z-index:10}
.sidenav .nav-d4 {overflow:hidden}
.sidenav .nav-d4-list {zoom:1; margin:0 20px 0; padding-top:10px; padding-bottom:30px; border-bottom:1px solid #ccc}
.sidenav .nav-d4-list:before {content:''; display:block}
.sidenav .nav-d4-list:after {content:''; display:table; clear:both}
.sidenav .nav-d4-item {float:left; width:100%}
.sidenav .nav-d4-item.is-current .nav-d4-link {color:#002d96; text-decoration:underline}
.sidenav .nav-d4-item.is-current .nav-d4-link:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:relative; top:-1px; margin-left:7px; vertical-align:middle; font-size:20px; line-height:1; text-decoration:none}
.sidenav .nav-d4-link {display:block; color:#666; font-size:1.4em; line-height:35px; text-decoration:none}
.sidenav-footer {position:absolute; bottom:0; left:0; right:0}
.sidenav .follow-us {position:absolute; left:0; right:0; bottom:0; margin:25px 15px}
.sidenav .follow-us .item {display:inline-block; vertical-align:top; margin:0 9px}
.sidenav .follow-us .item>a {display:block; padding:5px; color:#767676; font-size:25px; text-decoration:none; -webkit-transition:color .2s; -moz-transition:color .2s; -o-transition:color .2s; transition:color .2s}
.sidenav .follow-us .item>a:before {font-size:22px; line-height:1}
.sidenav .follow-us .item.item--facebook>a {background: url(/int/en/resource/img/main/sns-facebook.png) no-repeat 5px 5px; background-size: 22px; width: 22px; height: 22px; display: block;}
.sidenav .follow-us .item.item--youtube>a {background: url(/int/en/resource/img/main/sns-youtube.png) no-repeat 5px 5px; background-size: 22px; width: 22px; height: 22px; display: block;}
.sidenav .follow-us .item.item--instagram>a {background: url(/int/en/resource/img/main/sns-instagram.png) no-repeat 5px 5px; background-size: 22px; width: 22px; height: 22px; display: block;}
.sidenav .utility-links {position:relative; background:#454545; z-index:10}
.sidenav .utility-links .lang {color:#fff; font-size:1.4em}
.sidenav .utility-links .lang-current {display:block;line-height:45px; width:50%; padding-left:20px; color:#fff; text-align:left; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sidenav .utility-links .lang-current:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:10px; vertical-align:middle; -webkit-transform:scale(.6); -moz-transform:scale(.6); -ms-transform:scale(.6); -o-transform:scale(.6); transform:scale(.6); -webkit-transform-origin:100% 50%; -moz-transform-origin:100% 50%; -ms-transform-origin:100% 50%; -o-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.sidenav .utility-links .lang-list {position:absolute; width:100%; left:0; top:100%; padding:13px 0; border-top:1px solid #666; background:#454545;}
.sidenav .utility-links .lang-link {display:block; color:#fff; padding:10px 20px; text-decoration:none}
.sidenav .utility-links .lang-link--current {text-decoration:underline}
.sidenav .utility-links .lang-link--current:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; margin-left:13px; vertical-align:middle}
.sidenav .utility-links .store {position:absolute; right:0; top:0; color:#fff; font-size:1.2em; line-height:45px; text-decoration:none; width:50%; text-align:center}
.sidenav .utility-links .store:before {content:""; position:absolute; left:0; top:50%; height:20px; margin-top:-10px; border-left:1px solid #ccc}
@media (min-width:60em) {
    .sidenav {display:none}
}
@media (max-width:20em) {
    .is-open .dimmed {-webkit-transform:translateX(270px); -moz-transform:translateX(270px); -ms-transform:translateX(270px); -o-transform:translateX(270px); transform:translateX(270px)}
    .csstransforms .is-open .sidenav {-webkit-transform:translateX(270px); -moz-transform:translateX(270px); -ms-transform:translateX(270px); -o-transform:translateX(270px); transform:translateX(270px)}
    .sidenav {left:-270px; width:270px}
    .sidenav.is-d3-open .sidenav-container {-webkit-transform:translate(-270px); -moz-transform:translate(-270px); -ms-transform:translate(-270px); -o-transform:translate(-270px); transform:translate(-270px)}
    .ie .sidenav.is-d3-open .sidenav-container {left:-270px}
    .sidenav-container {width:270px}
    .sidenav-close {margin-left:0}
    .sidenav .nav-d2-item.is-current .nav-d3 {-webkit-transform:translate(270px); -moz-transform:translate(270px); -ms-transform:translate(270px); -o-transform:translate(270px); transform:translate(270px)}
    .sidenav .nav-d2-item.is-current .nav-d3-drawer {-webkit-transform:translate(-270px); -moz-transform:translate(-270px); -ms-transform:translate(-270px); -o-transform:translate(-270px); transform:translate(-270px)}
    .sidenav .nav-d3 {width:270px; -webkit-transition:all .3s cubic-bezier(.5, 0, 0, 1); -moz-transition:all .3s cubic-bezier(.5, 0, 0, 1); -o-transition:all .3s cubic-bezier(.5, 0, 0, 1); transition:all .3s cubic-bezier(.5, 0, 0, 1)}
    .ie .sidenav .nav-d3, .no-csstransforms .sidenav .nav-d3 {left:-270px}
    .sidenav .nav-d3-drawer {left:270px; width:270px}
}
.page-board .filter {zoom:1; padding:10px 0; background:#f7f7f7}
.page-board .filter:before {content:''; display:block}
.page-board .filter:after {content:''; display:table; clear:both}
.page-board .filter-block {width:48.5%}
.page-board .filter-left {float:left}
.page-board .filter-right {float:right; text-align:right}
.page-board .filter-select {display:block; width:100%}
@media (min-width:45em) {
    .page-board .filter {margin-top:-42px; padding:0 0 7px; background:0 0}
    .page-board .filter-select {display:inline-block; width:auto; min-width:190px}
    .page-board .filter .list-select {margin-top:10px}
}
.page-board-view .content {border-bottom:1px solid #e5e5e5}
.page-board-view .article .sharing {margin-top:15px}
.page-board-view .article-video-player {margin-top:20px}
.page-board-view .article-media {text-align:center}
.page-board-view .article-media .yt-player {display:block; position:relative}
.page-board-view .article-media .yt-player:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; color:#fff; line-height:1; left:50%; top:50%; font-size:64px; line-height:1; margin-left:-32px; margin-top:-32px; -webkit-transition:transform .2s; -moz-transition:transform .2s; -o-transition:transform .2s; transition:transform .2s; padding-right:10px; margin-right:-10px}
.page-board-view .article-media .yt-player:focus:after, .page-board-view .article-media .yt-player:hover:after {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.page-board-view .article-media .yt-player img {width:100%}
.page-board-view .article-body {margin-top:20px}
.page-board-view .article-text {margin:20px 0; font-size:1.6em; line-height:1.8}
.page-board-view .article-text h1 {font-size:1.5625em}
.page-board-view .article-text h2 {font-size:1.25em}
.page-board-view .article-text h3 {font-size:1.125em}
.page-board-view .article-text h4 {font-size:1.0625em}
.page-board-view .article-text h5 {font-size:1.03125em}
.page-board-view .article-text h6 {font-size:1.03125em}
.page-board-view .article-text p {margin:1em 0}
@media (max-width:44.99em) {
    .page-board-view .article-video .l-wrap {margin:0}
}
@media (min-width:45em) {
    .page-board-view .article .sharing {margin-top:25px}
    .page-board-view .article-media .yt-player:after {font-size:80px; margin-left:-40px; margin-top:-40px}
    .page-board-view .article-video {margin-top:2.5641%}
    .page-board-view .article-body {margin-top:2.5641%}
    .page-board-view .article-text {margin:30px 0}
}
@media (min-width:60em) {
    .page-board-view .article-content--wide, .page-board-view .article-header--wide {margin-left:-30px; margin-right:-30px}
}
.page-main [data-rwd] {opacity:0}
.page-main .section {position:relative; z-index:5}
.page-main .bunch {display:inline-block; white-space:nowrap}
.page-main .heading {color:#333; font-size:2.6em; line-height:1.2; font-weight:700; text-align:center; text-transform:uppercase;word-break: keep-all;word-wrap: break-word}
@media (min-width:45em) {
    .page-main .heading {font-size:4em}
}
.page-main .heading--on-dark {color:#fff}
.page-main .heading--line {position:relative}
.page-main .heading--line:after {content:''; position:absolute; top:100%; left:50%; z-index:2; width:1px; height:20px; margin-top:7px; background-color:#333}
@media (min-width:60em) {
    .page-main .heading--line {position:relative}
    .page-main .heading--line:after {height:45px; margin-top:15px}
}
.page-main .promotion {position:relative}
.page-main .promotion .slide {position:relative}
.page-main .promotion .slide-img {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%}
.page-main .promotion .slide-content {max-width:560px; height:calc(100vh - 90px); margin:0 auto; text-align:center; white-space:nowrap}
.page-main .promotion .slide-content-cell {display:inline-block; vertical-align:middle; white-space:normal; box-sizing:border-box; width:100%; vertical-align:bottom; padding-bottom:50px}
.page-main .promotion .slide-content:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.page-main .promotion .slide-content:after {vertical-align:bottom}
@media (min-width:35em) {
    .page-main .promotion .slide-content {width:80%; height:640px}
}
@media (min-width:60em) {
    .page-main .promotion .slide-content {width:auto; height:560px; text-align:left; white-space:nowrap}
    .page-main .promotion .slide-content-cell {display:inline-block; vertical-align:middle; white-space:normal; vertical-align:middle; padding:10px calc(20% - 25px) 0 0}
    .page-main .promotion .slide-content:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-main .promotion .slide-content:after {vertical-align:middle}
    .page-main .promotion .slide-content .func {margin-top:34px}
    .page-main .promotion .slide.has-review .slide-content {text-align:center}
    .page-main .promotion .slide.has-review .func {margin-top:25px}
}
.page-main .promotion .head-text {margin-bottom:2.1em}
.page-main .promotion .title {font-size:1em;line-height:1.2;color:#222;}
.page-main .promotion .slide.white .title{color:#fff;}
.page-main .promotion .title-sub {display:block; margin-bottom:.5em; font-size:1.6em; font-weight:400; word-break:keep-all; word-wrap:break-word}
.page-main .promotion .title-main {display:block; font-size:2.6em; line-height:1.2; font-size:2.4em; font-weight:400; text-transform:uppercase; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-main .promotion .title-main {font-size:4em}
}
.page-main .promotion .title--review .title-sub {font-size:1.8em; line-height:1.3}
@media (min-width:45em) {
    .page-main .promotion .title--review .title-sub {font-size:2em}
}
.page-main .promotion .title--review .title-main {font-size:2em; line-height:1.3}
@media (min-width:45em) {
    .page-main .promotion .title--review .title-main {font-size:2.4em; line-height:1.2}
}
@media (min-width:60em) {
    .page-main .promotion .title-sub {font-size:1.8em}
    .page-main .promotion .title-main {margin-top:10px; margin-bottom:10px}
    .page-main .promotion .title--review .title-main {margin-top:4px}
}
.page-main .promotion .review {margin-top:-10px; margin-bottom:15px; padding:.5em 1em; border-top:3px double rgba(153,153,153,.8); border-bottom:3px double rgba(153,153,153,.8); color:#454545}
.page-main .promotion .review-rating {font-size:20px}
.page-main .promotion .review-text {font-size:1.4em}
.page-main .promotion .review-text q {display:block; font-size:1.142857em}
.page-main .promotion .review-text q:after, .page-main .promotion .review-text q:before {content:''}
@media (min-width:60em) {
    .page-main .promotion .review {margin-top:15px; padding:10px 2em; text-align:center}
    .page-main .promotion .review-text q {margin-bottom:3px}
}
.page-main .promotion .desc {margin-top:.3em; margin-bottom:1.2em; color:#222; font-size:1.4em}
@media (min-width:60em) {
    .page-main .promotion .desc {font-size:1.8em}
}
.page-main .promotion .func {margin-top:15px}
.page-main .promotion .slick-arrow.slick-prev {left:15px}
.page-main .promotion .slick-arrow.slick-next {right:15px}
.page-main .find-a-product {position:fixed; left:0; bottom:-1px; width:100%; z-index:100; background-color:#338466; text-align:center; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -o-transition:bottom .3s ease-out; transition:bottom .3s ease-out}
.page-main .find-a-product.is-hide {bottom:-50px}
.page-main .find-a-product.is-folded {background-color:rgba(51,132,102,.8)}
.page-main .find-a-product.is-folded h1>a:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-main .find-a-product.is-folded .content {overflow:hidden; height:0; padding-top:0; padding-bottom:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.page-main .find-a-product h1 {position:relative; height:44px; color:#fff; font-size:1.6em; font-weight:400}
.page-main .find-a-product h1>a {box-sizing:border-box; display:block; height:100%; padding:11px 0 0; color:inherit}
.page-main .find-a-product h1>a:hover {background-color:#338466; text-decoration:none}
.page-main .find-a-product h1>a:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:20px; margin-top:1px; font-size:10px; margin-top:-4px; line-height:1; -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8)}
.page-main .find-a-product div.title {position:relative; height:44px; color:#fff; font-size:1.6em; font-weight:400;line-height: 1.2}
.page-main .find-a-product div.title>a {box-sizing:border-box; display:block; height:100%; padding:11px 0 0; color:inherit}
.page-main .find-a-product div.title>a:hover {background-color:#338466; text-decoration:none}
.page-main .find-a-product div.title>a:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:20px; margin-top:1px; font-size:10px; margin-top:-4px; line-height:1; -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8)}
.page-main .find-a-product .content {position:relative; padding:25px 20px; background-color:#f9f3e7; -webkit-box-shadow:0 -2px 2px rgba(0,0,0,.1); -moz-box-shadow:0 -2px 2px rgba(0,0,0,.1); box-shadow:0 -2px 2px rgba(0,0,0,.1); -webkit-transition:height .3s, padding .3s; -moz-transition:height .3s, padding .3s; -o-transition:height .3s, padding .3s; transition:height .3s, padding .3s}
.page-main .find-a-product h2 {margin-bottom:12px; font-size:1.6em; font-weight:400; line-height:1.4}
.page-main .find-a-product .find-pad--2 {margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.page-main .find-a-product .func {margin-top:15px}
.page-main .find-a-product .input {position:relative; min-width:272px; font-size:14px}
.page-main .find-a-product .input.is-folded .input-toggle:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-main .find-a-product .input.is-folded .input-list {display:none}
.page-main .find-a-product .input-toggle {position:relative; text-align:left; width:100%; padding:9px 14px; line-height:20px; border:1px solid #ccc; background:#fff; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.page-main .find-a-product .input-toggle:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:20px; margin-top:1px; font-size:10px; margin-top:-4px; line-height:1; -webkit-transform:scale(.6); -moz-transform:scale(.6); -ms-transform:scale(.6); -o-transform:scale(.6); transform:scale(.6)}
.page-main .find-a-product .input-list {display:block; position:absolute; left:0; right:0; z-index:10; margin-top:-5px; text-align:left; max-height:130px; overflow-y:scroll; border:1px solid #ccc; background:#fff; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out}
.page-main .find-a-product .input-list>li {position:relative; border-bottom:1px solid #e5e5e5}
.page-main .find-a-product .input-list>li>a {display:block; padding:9px 14px; line-height:20px; text-decoration:none; -webkit-transition:color .2s, background-color .2s; -moz-transition:color .2s, background-color .2s; -o-transition:color .2s, background-color .2s; transition:color .2s, background-color .2s}
.page-main .find-a-product .input-list>li>a:focus, .page-main .find-a-product .input-list>li>a:hover {color:#002d96; background:#e5eef7}
.page-main .find-a-product .input-list>li.is-current>a {color:#002d96; background:#e5eef7}
.page-main .find-a-product .input-list>li.is-current:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:10px; margin-top:1px; font-size:10px; margin-top:-4px; line-height:1; color:#002d96}
@media (min-width:60em) {
    .page-main .find-a-product .content {text-align:left}
    .page-main .find-a-product h1 {font-size:1.8em}
    .page-main .find-a-product div.title {font-size:1.8em}
    .page-main .find-a-product h2 {font-size:1.8em; margin-bottom:8px}
    .page-main .find-a-product .func {margin-top:0}
    .page-main .find-a-product .input-wrap {position:relative; padding-right:130px}
    .page-main .find-a-product .input-wrap .func {position:absolute; right:0; bottom:0}
    .page-main .find-a-product .input {padding-left:0}
    .page-main .find-a-product .input.is-folded .input-toggle {background-color:transparent; border-color:transparent; border-bottom:1px solid #666; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
    .page-main .find-a-product .input-toggle {background-color:#fff; border-color:#ccc; z-index:11; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-box-shadow:2px 2px 0 rgba(0,0,0,.2); -moz-box-shadow:2px 2px 0 rgba(0,0,0,.2); box-shadow:2px 2px 0 rgba(0,0,0,.2)}
    .page-main .find-a-product .input-list {top:-234px; max-height:inherit; overflow:hidden; font-size:0; margin-top:0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; -webkit-box-shadow:2px 0 0 rgba(0,0,0,.2); -moz-box-shadow:2px 0 0 rgba(0,0,0,.2); box-shadow:2px 0 0 rgba(0,0,0,.2)}
    .page-main .find-a-product .input-list>li {display:inline-block; border-right:1px solid #e5e5e5; width:50%; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-main .find-a-product .find-pad {position:relative; max-width:400px; margin:0 auto}
    .page-main .find-a-product .find-pad.find-pad--2 {border-top:0; border-left:1px solid #ccc; padding-left:50px}
    .page-main .find-a-product .find-pad.find-pad--2 h2 {padding-left:2px; margin-bottom:10px}
}
@media (min-width:60em) {
    .page-main .find-a-product .find-pad {padding-top:10px; padding-bottom:12px}
}
@media (min-width:80em) {
    .page-main .find-a-product .find-pad {background-repeat:no-repeat}
    .page-main .find-a-product .find-pad.find-pad--1 {padding-left:80px; background-image:url(/int/en/resource/img/main/find-a-product-number-1.png); background-position:0 12px}
    .page-main .find-a-product .find-pad.find-pad--2 {padding-left:115px; background-image:url(/int/en/resource/img/main/find-a-product-number-2.png); background-position:45px 12px}
}
.page-main .bestseller {position:relative; margin-top:5.98291%; margin-bottom:8.54701%}
.page-main .bestseller .heading {padding-top:12.5%; margin-bottom:30px}
@media (min-width:45em) {
    .page-main .bestseller .heading {position:absolute; top:0; left:0; width:calc(50% - 18px / 2); padding-top:2.5%}
    .page-main .bestseller .controls {width:50%}
}
@media (min-width:60em) {
    .page-main .bestseller .heading {width:calc(50% - 30px / 2); padding-top:7%}
    .page-main .bestseller .controls {bottom:20px}
}
.page-main .best-text {position:relative; text-align:center}
.page-main .best-pad {box-sizing:border-box; padding:.5em 0 2.3em}
.page-main .best-name {text-transform:uppercase}
.page-main .best-name span {display:block}
.page-main .best-desc {margin-top:.3em; margin-bottom:.8em; padding-left:2em; padding-right:2em; font-size:1.4em; letter-spacing:.02em; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-main .best-text {height:0; padding-bottom:calc(50% - 18px)}
    .page-main .best-pad {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:25%; white-space:nowrap}
    .page-main .best-pad-cell {display:inline-block; vertical-align:middle; white-space:normal; max-width:100%}
    .page-main .best-pad:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-main .best-name {margin-bottom:.5em; font-size:2.8em}
    .page-main .best-desc {max-width:410px; padding-left:1em; padding-right:1em}
}
@media (min-width:60em) {
    .page-main .best-text {padding-bottom:calc(50% - 30px)}
    .page-main .best-name {font-size:3.2em}
    .page-main .best-desc {margin-bottom:2.2em; font-size:1.8em; letter-spacing:normal}
}
.page-main .featured {margin-bottom:8.33333%}
.page-main .featured .slide-pad {box-sizing:border-box}
@media (min-width:60em) {
    .page-main .featured {margin-bottom:5.98291%}
    .page-main .featured .slide {position:relative}
    .page-main .featured .slide-spacer {overflow:hidden; height:0; padding-bottom:122.80702%}
    .page-main .featured .slide-pad {position:absolute; top:0; left:0; width:100%; height:100%}
}
.page-main .event .heading {padding-top:12.5%; margin-bottom:15px}
.page-main .event-box {display:block; position:relative}
.page-main .event-box:before {content:""; position:absolute; left:2px; right:2px; top:2px; bottom:2px; outline:2px solid #4d90fe; outline-color:rgba(77,144,254,.5); visibility:hidden; z-index:1}
.page-main .event-box:focus:before {visibility:visible}
.page-main .event-text {position:absolute; left:18px; right:18px; bottom:35px; z-index:10; padding:18px 15px 15px; background-color:rgba(255,255,255,.85); text-align:center}
.page-main .event-title {margin-bottom:.4em; color:#333; font-size:1.8em; line-height:1.3}
@media (min-width:45em) {
    .page-main .event-title {font-size:2em}
}
.page-main .event-date {font-size:1.4em}
@media (min-width:60em) {
    .page-main .event .heading {position:absolute; z-index:2; left:0; right:0; bottom:195px; padding-top:12.5%; margin-bottom:15px}
    .page-main .event .heading:after {height:30px; margin-top:5px}
    .page-main .event-text {left:30px; right:30px; bottom:42px; padding:120px 30px 25px}
}
.page-main .review {padding-bottom:40px}
.page-main .review .heading {padding-top:12.5%; margin-bottom:30px}
.page-main .review-item {display:block; text-align:center}
.page-main .review-item:focus, .page-main .review-item:hover {text-decoration:none}
.page-main .review-item .rating {margin-bottom:5px; color:#002d96; font-size:16px}
.page-main .review-item .title {color:#273d75; font-size:1.8em}
.page-main .review-item .q {display:block; height:2.8em; margin-top:.3em; margin-bottom:.7em; font-size:1.4em; line-height:1.5}
.page-main .review-item .q::after, .page-main .review-item .q::before {content:''}
@media (min-width:60em) {
    .page-main .review {padding-bottom:0}
    .page-main .review .heading {position:absolute; z-index:2; left:0; right:0; top:40px; padding-top:0; margin-bottom:15px}
    .page-main .review .heading:after {height:60%; margin-top:20px}
    .page-main .review-item {padding-top:30.55556%; padding-left:10%; padding-right:10%}
    .page-main .review-item .rating {margin-bottom:10px; font-size:20px}
    .page-main .review-item .title {color:#273d75; font-size:2.4em}
    .page-main .review-item .q {height:3em; margin-top:.3em; margin-bottom:.7em; font-size:1.8em; line-height:1.5}
    .page-main .review-item .q::after, .page-main .review-item .q::before {content:''}
    .page-main .review-img {position:absolute; left:11.58%; right:11.58%; bottom:40px}
}
.page-main .video-clip {background-color:#454545; color:#fff; text-align:center}
.page-main .video-clip .heading {padding-top:5.55556%; margin-bottom:.5em}
.page-main .video-clip .desc {margin-top:1em; padding-left:2em; padding-right:2em; padding-bottom:6.94444%; font-size:1.6em}
.page-main .video-clip .call-yt-player:before {font-size:60px}
@media (min-width:60em) {
    .page-main .video-clip .desc {font-size:2em}
    .page-main .video-clip .call-yt-player:before {font-size:100px}
}
.page-main .lab {margin-top:11.11111%; margin-bottom:11.11111%}
.page-main .lab .heading {margin-bottom:.5em}
.page-main .lab li {overflow:hidden}
.page-main .lab-box {display:block; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; margin-top:2px; margin-bottom:2px; padding:20px 17px; background-color:#e5eef7; font-size:1.4em; text-align:center}
.page-main .lab-box--reservation {background-color:#eaf2ef}
.page-main .lab-box--report {background-color:#eeefee}
.page-main .lab-box:focus, .page-main .lab-box:hover {text-decoration:none}
.page-main .lab-title {line-height:1.2;color:#222;font-weight:700; font-size:1em; text-transform:uppercase}
.page-main .lab-title:after {content:''; display:block; width:25%; height:0; margin:15px auto; border-bottom:1px solid #999}
.page-main .lab-desc {word-break:keep-all; word-wrap:break-word}
@media (max-width:44.99em) {
    .page-main .lab li:nth-child(even) .lab-text {left:7%; right:auto}
    .page-main .lab li:nth-child(even) .lab-img {float:right}
    .page-main .lab-text {position:absolute; top:0; right:7%; width:35%; height:100%; white-space:nowrap}
    .page-main .lab-text-cell {display:inline-block; vertical-align:middle; white-space:normal}
    .page-main .lab-text:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-main .lab-img {float:left; width:45%}
}
@media (min-width:45em) {
    .page-main .lab {margin-top:5.98291%; margin-bottom:5.98291%}
    .page-main .lab-box {padding:25px 20px 20px}
    .page-main .lab-title {font-size:1em}
    .page-main .lab-title:after {width:30px; margin:10px auto}
    .page-main .lab-desc {height:3.6em}
}
@media (min-width:60em) {
    .page-main .lab {margin-top:5.98291%; margin-bottom:5.98291%}
    .page-main .lab-box {padding:35px; font-size:1.8em}
}
.page-main .brandstory {overflow:hidden; height:280px; background:#338466; color:#fff; white-space:nowrap; text-align:center}
.page-main .brandstory-bg {position:absolute; top:0; left:0; width:100%; height:125%; background:url(/int/en/resource/img/main/brandstory-bg.jpg) center 0 no-repeat; background-size:cover; transition:all .5s}
.page-main .brandstory-cell {position:relative; z-index:1}
.page-main .brandstory-p {margin-top:.5em; margin-bottom:1.2em; margin-left:2em; margin-right:2em; font-size:1.4em}
.page-main .brandstory-cell {display:inline-block; vertical-align:middle; white-space:normal}
.page-main .brandstory:after {content:""; display:inline-block; height:100%; vertical-align:middle}
@media (min-width:60em) {
    .page-main .brandstory {height:430px; margin-bottom: 5.98291%;}
    .page-main .brandstory-p {font-size:2em}
}
.page-main .instagram {margin-top:11.11111%; margin-bottom:11.11111%}
.page-main .instagram .heading {margin-bottom:.5em}
.page-main .instagram-box {zoom:1}
.page-main .instagram-box:before {content:''; display:block}
.page-main .instagram-box:after {content:''; display:table; clear:both}
.page-main .instagram-item {box-sizing:border-box; float:left; width:33.33333%; padding:2px}
.page-main .instagram-img {display:block; padding-bottom:100%; background:50% 50% no-repeat; -webkit-background-size:cover; background-size:cover}
@media (min-width:45em) {
    .page-main .instagram-item {width:16.66667%}
}
@media (min-width:60em) {
    .page-main .instagram {margin-top:5.98291%; margin-bottom:8.54701%}
}
.page-story .heading {margin-bottom:15px}
.page-story .story-title {max-width:520px; margin:0 auto; text-align:center; word-break:keep-all; word-wrap:break-word}
.story-section--philosophy .item .p.exp {color:#adadad; line-height:1.2}
.story-section--philosophy .sub-h3{color:#454545;}
@media (min-width:45em) {
    .page-story .heading {margin-bottom:5px; line-height:0.9; font-size:4em}
    .page-story .story-title {margin-bottom:60px}
    .page-story .story-title br {display:none}
}
@media (min-width:60em) {
    .page-story .heading {font-size:6em}
}
.story-header .cont {margin:0 auto; width:90%; height:100%; text-align:center; overflow:hidden; word-break:keep-all; word-wrap:break-word; white-space:nowrap}
.story-header .cont-cell {display:inline-block; vertical-align:middle; white-space:normal}
.story-header .cont:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.story-header .cont-cell {position:relative; z-index:10}
.story-header .heading, .story-header .subheading {color:#fff; -webkit-text-shadow:0 0 50px rgba(51,51,51,.5); -moz-text-shadow:0 0 50px rgba(51,51,51,.5); text-shadow:0 0 50px rgba(51,51,51,.5)}
.story-header .subheading {max-width:840px; margin:0 auto; margin-bottom:2em}
.story-section {padding:40px 0}
.story-header .logo {margin-bottom:0; line-height:1.5; font-size:4em}
.story-header .logo:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#fff; font-size:32px; line-height:1; vertical-align:top}
.story-header .subheading {margin:0 auto; margin-bottom:1em; font-size:1.4em; line-height:1.4; color:#fff; text-shadow:0 0 15px #333;}
.story-header .subheading span {display:inline;}
@media (min-width:45em) {
    .story-section {padding:80px 0}
    .story-header .logo {font-size:5em}
    .story-header .logo:before {font-size:41px;}
    .story-header .subheading {margin-bottom:0; font-size:2.4em; line-height:1.3;}
    .story-header .subheading span {display:block;}
}
.story-section--plant {text-align:center; background-image:url(/int/en/resource/img/about/story/plant-bg.jpg); background-position:50% 50%; background-size:cover; overflow:hidden}
.story-section--plant .slider-wrap {position:relative; margin-left:-20px; margin-right:-20px}
.story-section--plant .slick-list {margin-right:-10px}
.story-section--plant .slide {position:relative; margin-right:10px}
.story-section--plant .slide .cont {position:absolute; top:20%; right:0; left:0}
.story-section--plant .slide .cont b {font-size:2em; font-weight:400; color:#00682b; text-transform:uppercase}
.story-section--plant .slide .cont span {display:block; font-size:1.4em}
.story-section--plant .slide-arrow {display:none}
@media (min-width:45em) {
    .story-section--plant .slider-wrap {margin-left:0; margin-right:0}
    .story-section--plant .slick-list {margin-right:0}
    .story-section--plant .slide {margin-right:0}
    .story-section--plant .slide .img {max-width:290px; margin:0 auto}
    .story-section--plant .slide-arrow {position:absolute; top:50%; margin-top:-30px; padding:10px 15px}
    .story-section--plant .slide-arrow:before {color:#999; font-size:42px; line-height:1; vertical-align:top}
    .story-section--plant .slide-arrow.slide-prev {left:-25px}
    .story-section--plant .slide-arrow.slide-prev:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
    .story-section--plant .slide-arrow.slide-next {right:-48px}
    .story-section--plant .slide-arrow.slide-next:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
}
@media (min-width:60em) {
    .story-section--plant .slide-arrow:before {font-size:54px}
    .story-section--plant .slide-arrow.slide-prev {left:-38px}
    .story-section--plant .slide-arrow.slide-next {right:-54px}
}
.story-section--philosophy .story-title {max-width:970px; margin-bottom:30px}
.story-section--philosophy .item {text-align:center}
.story-section--philosophy .item .heading {position:relative}
.story-section--philosophy .item .heading:before {position:absolute; top:-50px; left:50%; width:1px; height:40px; content:''; background-color:#333}
.story-section--philosophy .item .cont {margin-top:30px; margin-bottom:30px; padding-left:4%;  word-break:keep-all; word-wrap:break-word}
.story-section--philosophy .item.item--science .cont {padding-left:inherit;}
.story-section--philosophy .item .cont p+p {margin-top:15px}
.story-section--philosophy .item .p {font-size:1.6em}
@media (min-width:45em) {
    .story-section--philosophy .story-title {margin-bottom:60px}
    .story-section--philosophy .item {margin-bottom:100px; text-align:left; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center}
    .no-flexbox .story-section--philosophy .item .cont {margin-top:100px}
    .story-section--philosophy .item .cont br {display:none}
    .story-section--philosophy .item .p {font-size:1.8em}
    .story-section--philosophy .item:last-child {margin-bottom:0}
    .story-section--philosophy .item--plant .heading:before {top:75%; left:-80px; width:70px; height:1px}
    .story-section--philosophy .item--science {flex-direction:row-reverse}
    /*.story-section--philosophy .item--science .heading {width:150%}*/
    .story-section--philosophy .item--science .heading:before {top:75%; left:auto; right:-13.5%; width:70px; height:1px}
    .no-flexbox .story-section--philosophy .item--science {position:relative}
    .no-flexbox .story-section--philosophy .item--science .cont {position:absolute; left:0; top:0}
    .no-flexbox .story-section--philosophy .item--science .img {margin-left:33.33333%}
    /*.story-section--philosophy .item--life {text-align:center}
    .story-section--philosophy .item--life .heading {margin-bottom:120px}*/
    .story-section--philosophy .item--life .heading:before {top:75%; left:-80px; width:70px; height:1px}
}
@media (min-width:60em) {
    .story-section--philosophy .item .p {font-size:2em}
    .story-section--philosophy .item--science .cont {margin-right:-7.3%}
    .story-section--philosophy .item--science .heading:before {right:10.5%;}
}
@media (min-width:80em) {
    .story-section--philosophy .item .cont span {display:block}
    /*.story-section--philosophy .item--science .heading {width:100%}*/
}
.history-section .scene {min-height:calc(100vh - 51px); color:#fff; text-align:center; justify-content:center; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; word-break:keep-all; word-wrap:break-word}
.history-section .scene-cell {width:100%}
.no-flexbox .history-section .scene {display:table; width:100%}
.no-flexbox .history-section .scene .scene-cell {display:table-cell; vertical-align:middle}
.history-section .scene .heading {margin-bottom:15px; color:#fff}
.history-section .head .subheading {margin-bottom:2em}
.history-section .desc p+.heading {margin-top:65px}
.history-section .desc p {margin-bottom:30px; font-size:1.6em}
.history-section .desc p.short {margin-bottom:15px}
@media (min-width:45em) {
    .history-section .scene span {display:block}
    .history-section .scene br {display:none}
    .history-section .desc p {font-size:1.8em}
}
@media (min-width:60em) {
    .history-section .scene {min-height:calc(100vh - 50px)}
}
@media (min-width:100em) {
    .history-section .head .heading {font-size:8.4em}
    .history-section .head .subheading {font-size:2.8em}
    .history-section .desc .heading {font-size:4.8em}
    .history-section .desc p {font-size:2.2em}
}
.history-section--cover .scene-cell {margin-top:-40px}
.history-section--cover .img {position:absolute; top:0; left:50%; width:45%; height:200px; z-index:1; background-repeat:no-repeat; background-size:cover; -webkit-box-shadow:7px 7px 12px rgba(0,0,0,.2); -moz-box-shadow:7px 7px 12px rgba(0,0,0,.2); box-shadow:7px 7px 12px rgba(0,0,0,.2)}
.history-section--cover .img-wrap {position:relative; width:100%; height:255px}
.history-section--cover .img--old {margin-left:-48%; background-position:bottom center; background-image:url(/int/en/resource/img/about/history/cover-old.jpg)}
.history-section--cover .img--new {margin-left:3%; background-position:top center; background-image:url(/int/en/resource/img/about/history/cover-new.jpg)}
.history-section--cover .img--building {top:18%; margin-left:-23%; background-position:top center; background-image:url(/int/en/resource/img/about/history/cover-building-m.jpg)}
.history-section--cover .title {margin:30px -10px 0; line-height:1.3; word-break:keep-all; word-wrap:break-word}
.history-section--cover .title strong {display:block; margin-bottom:1.5%; color:#333; font-size:1.6em; font-weight:bold;}
.history-section--cover .title span {display:block; color:#222; font-size:1.6em; font-weight:normal;}
@media (max-width:44.99em) and (orientation:landscape) {
    .history-section--cover .scene-cell {margin-top:-5%}
    .history-section--cover .img {width:33.33333%; height:130px}
    .history-section--cover .img-wrap {height:100px}
    .history-section--cover .img--old {margin-left:-30%}
    .history-section--cover .img--new {margin-left:-3%}
    .history-section--cover .img--building {top:30px; margin-left:-3%;}
    .history-section--cover .title {margin-bottom:20px}
}
@media (min-width:45em) {
    .history-section--cover .img {width:280px; height:210px}
    .history-section--cover .img-wrap {margin-top:70px; height:280px}
    .history-section--cover .img--old {top:30px; margin-left:-340px}
    .history-section--cover .img--new {top:30px; margin-left:60px}
    .history-section--cover .img--building {top:0; width:390px; height:280px; margin-left:-195px; background-image:url(/int/en/resource/img/about/history/cover-building-p.jpg)}
    .history-section--cover .title {margin-top:80px;}
    .history-section--cover .title strong {margin-bottom:0.8%; font-size:1.8em}
    .history-section--cover .title span {font-size:1.8em}
}
@media (min-width:45em) and (max-height:800px) {
    .history-section--cover .page-title {margin:0}
    .history-section--cover .img-wrap {margin-top:15px}
    .history-section--cover .title {margin-top:20px}
}
@media (min-width:60em) {
    .history-section--cover .scene {min-height:calc(100vh - 114px)}
}
@media (min-width:100em) {
    .history-section--cover .scene-cell {margin-top:0}
    .history-section--cover .img {width:377px; height:270px}
    .history-section--cover .img-wrap {height:350px}
    .history-section--cover .img--old {top:55px; margin-left:-550px}
    .history-section--cover .img--new {top:55px; margin-left:150px}
    .history-section--cover .img--building {width:465px; height:348px; margin-left:-232px;}
    .history-section--cover .title {margin-bottom:120px;}
    .history-section--cover .title strong {font-size:2.2em}
    .history-section--cover .title span {font-size:2.2em}
}
.history-section .heading, .history-section .subheading, .history-section p {-webkit-text-shadow:0 0 50px rgba(51,51,51,.5); -moz-text-shadow:0 0 50px rgba(51,51,51,.5); text-shadow:0 0 50px rgba(51,51,51,.5)}
.history-section--energy .heading, .history-section--energy .subheading, .history-section--energy p, .history-section--plant .heading, .history-section--plant .subheading, .history-section--plant p {-webkit-text-shadow:0 0 30px rgba(51,51,51,.9); -moz-text-shadow:0 0 30px rgba(51,51,51,.9); text-shadow:0 0 30px rgba(51,51,51,.9)}
.history-section .scene-bg {position:fixed; top:0; left:0; right:0; bottom:0; background-position:50% 50%; background-size:cover; z-index:-1}
.history-section--cover .head .scene-bg {background-image:url(/int/en/resource/img/about/history/cover.jpg)}
.history-section--plant .head .scene-bg {background-image:url(/int/en/resource/img/about/history/plant-bg-01.jpg)}
.history-section--plant .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/plant-bg-02.jpg)}
.history-section--science .head .scene-bg {background-image:url(/int/en/resource/img/about/history/science-bg-01.jpg)}
.history-section--science .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/science-bg-02.jpg)}
.history-section--technology .head .scene-bg {background-image:url(/int/en/resource/img/about/history/technology-bg-01.jpg)}
.history-section--technology .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/technology-bg-02.jpg)}
.history-section--energy .head .scene-bg {background-image:url(/int/en/resource/img/about/history/energy-bg-01.jpg)}
.history-section--energy .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/energy-bg-02.jpg)}
@media (min-width:45em) {
    .history-section--cover .head .scene-bg {background-image:url(/int/en/resource/img/about/history/cover-large.jpg)}
    .history-section--plant .head .scene-bg {background-image:url(/int/en/resource/img/about/history/plant-bg-01-large.jpg)}
    .history-section--plant .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/plant-bg-02-large.jpg)}
    .history-section--science .head .scene-bg {background-image:url(/int/en/resource/img/about/history/science-bg-01-large.jpg)}
    .history-section--science .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/science-bg-02-large.jpg)}
    .history-section--technology .head .scene-bg {background-image:url(/int/en/resource/img/about/history/technology-bg-01-large.jpg)}
    .history-section--technology .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/technology-bg-02-large.jpg)}
    .history-section--energy .head .scene-bg {background-image:url(/int/en/resource/img/about/history/energy-bg-01-large.jpg)}
    .history-section--energy .desc .scene-bg {background-image:url(/int/en/resource/img/about/history/energy-bg-02-large.jpg)}
}
.page-awards {background:url(/int/en/resource/img/about/awards/header-bg.jpg) center top no-repeat; background-size:contain}
.page-awards .count {line-height:1; zoom:1}
.page-awards .count:before {content:''; display:block}
.page-awards .count:after {content:''; display:table; clear:both}
.page-awards .count-text {display:inline-block; margin-top:25px; font-size:1.6em; color:#454545;line-height: 1}
.page-awards .count-data {float:right; font-size:4.6em; font-weight:100}
@media (min-width:45em) {
    .page-awards {background-image:url(/int/en/resource/img/about/awards/header-bg-large.jpg)}
}
.awards-header .overview {padding:10px; background-image:url(/int/en/resource/img/about/awards/overview-bg.png); background-repeat:no-repeat; background-position:center bottom; background-size:100% 100%}
.awards-header .overview-list {margin-top:50px; padding:15px 20px; background-color:#fff}
.awards-header .overview-list li {padding:22px 5px; border-top:1px solid #e4e4e4}
.awards-header .overview-list li:first-child {border-top:0}
.awards-header .p {margin:15px 5px 40px; text-align:right; font-size:1.2em; letter-spacing:.02em; color:#767676}
@media (min-width:45em) {
    .awards-header .title {margin:50px 0; text-align:center}
    .awards-header .overview {padding:15px; background-image:url(/int/en/resource/img/about/awards/overview-bg-large.png); background-size:cover}
    .awards-header .overview-list {margin-top:0; padding:45px 0; zoom:1}
    .awards-header .overview-list:before {content:''; display:block}
    .awards-header .overview-list:after {content:''; display:table; clear:both}
    .awards-header .overview-list li {float:left; width:33.33333%; padding:10px 0 40px; text-align:center; border-top:0; border-left:1px solid #e4e4e4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .awards-header .overview-list li:first-child {border-left:0}
    .awards-header .count {position:relative}
    .awards-header .count-text {position:absolute; right:0; bottom:10px; left:0; display:block; line-height:1}
    .awards-header .count-data {display:inline-block; float:none; font-size:6.8em}
    .awards-header .p {margin-bottom:70px}
}
.awards-section .item {position:relative; margin-bottom:60px; background-color:#f7f7f7; background-repeat:no-repeat; background-size:contain; word-break:keep-all; word-wrap:break-word}
.awards-section .item-bg {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; z-index:1}
.awards-section .item .bg-img {position:absolute; top:0; right:0; width:100%; height:100%}
.awards-section .item .bg-back {position:absolute; top:0; left:0; right:0; bottom:0; background-color:#f7f7f7}
.awards-section .item .bg-mask {position:absolute; left:0; width:100%; height:100%; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.awards-section .item .bg-mask:before {content:''; display:block; width:100%; height:100%; background:rgba(0,89,180,.8); background:-moz-linear-gradient(top, rgba(0,89,180,.8), #0059b4); background:-webkit-linear-gradient(top, rgba(0,89,180,.8), #0059b4); background:linear-gradient(to bottom, rgba(0,89,180,.8), #0059b4)}
.awards-section .item-img {position:relative; text-align:center; z-index:10}
.awards-section .item-desc, .awards-section .item-list {position:relative; z-index:5}
.awards-section .item-desc {margin-top:-30px; margin-bottom:18px; padding:0 35px; text-align:center}
.awards-section .item-desc .heading {margin-bottom:10px; text-transform:uppercase}
.awards-section .item-desc .count {width:100%; margin-right:-5px; margin-left:-5px; padding:25px 5px 20px; text-align:left; border-bottom:1px solid #ddd}
.awards-section .item-mark {z-index:5; position:absolute; top:0; right:0}
.awards-section .item-mark img {display:block; width:50px; margin:15px 10px}
.awards-section .item-list {padding:0 35px; font-size:1.4em; letter-spacing:.02em; padding-bottom:50px}
.awards-section .item-list ul {margin-top:40px}
.awards-section .item-list li {margin-bottom:20px}
.awards-section .item-list p {margin-bottom:10px}
.awards-section .item-list .date {display:inline-block; margin-bottom:5px; color:#646c8a}
.awards-section .item-toggle {position:absolute; left:0; right:0; bottom:0; width:100%; padding:20px 35px 30px; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.awards-section .item-toggle .open {display:block}
.awards-section .item-toggle .close {display:none}
.awards-section .item-toggle:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:35px; margin-top:-10px; font-size:5px}
.awards-section .item.is-active .item-toggle:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.awards-section .item.is-active .item-toggle .open {display:none}
.awards-section .item.is-active .item-toggle .close {display:block}
.awards-section .item--iope {margin-right:-20px; margin-left:-20px; padding:50px 0}
.awards-section .item--iope .bg-back {background-color:#fff}
.awards-section .item--iope .bg-img img {min-height:100%}
.awards-section .item--iope .item-desc, .awards-section .item--iope .item-list {padding:0 55px}
.awards-section .item--iope .item-img {display:block; text-align:center}
.awards-section .item--iope .item-img:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; margin:30px 0; font-size:50px; line-height:1; color:#fff}
.awards-section .item--iope .item-list p {opacity:.9; color:#fff}
.awards-section .item--iope .item-list .date {opacity:.75; color:#fff}
.awards-section .item--iope .count, .awards-section .item--iope .count-text {color:#fff}
.awards-section .item--iope .count {border-color:rgba(255,255,255,.12)}
@media (min-width:45em) {
    .awards-section .item--iope {margin-right:0; margin-left:0}
}
@media (min-width:60em) {
    .awards-section .item {min-height:470px; margin-bottom:80px; margin-left:10%; background-color:transparent; zoom:1}
    .awards-section .item:before {content:''; display:block}
    .awards-section .item:after {content:''; display:table; clear:both}
    .awards-section .item .bg-back {background-color:#fff}
    .awards-section .item-img {position:absolute; top:-70px; left:12%; max-width:55%}
    .awards-section .item-desc, .awards-section .item-list {float:left; width:50%; margin-top:50px; padding-left:0; padding-right:74px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .awards-section .item-desc {margin-left:-10%; padding-bottom:80px; text-align:left}
    .awards-section .item-desc .heading {margin-left:-13px}
    .awards-section .item-desc .count {margin-top:30px}
    .awards-section .item-desc .count-data {display:inline-block; float:none; margin-left:5px; font-size:5.6em}
    .awards-section .item-mark {top:auto; bottom:50px; left:-10%; display:block; text-align:left}
    .awards-section .item-mark img {display:inline-block; margin:15px 5px}
    .awards-section .item-list {float:right; padding-right:30px; padding-left:30px; font-size:1.2em}
    .awards-section .item-list .date {position:absolute; top:0; left:0; display:inline-block}
    .awards-section .item-list ul {display:block!important; margin-top:0}
    .awards-section .item-list li {position:relative; padding-left:70px}
    .awards-section .item-toggle {display:none}
    .awards-section .item--odd {margin-right:10%; margin-left:0}
    .awards-section .item--odd .item-img {left:34%}
    .awards-section .item--odd .item-desc {float:right; margin-right:-10%; margin-left:0; padding-left:74px; padding-right:0; text-align:right}
    .awards-section .item--odd .item-desc .count {text-align:right}
    .awards-section .item--odd .item-list {float:left; width:54%}
    .awards-section .item--odd .item-list li {margin-bottom:11px}
    .awards-section .item--iope {min-height:auto; margin-right:0; margin-left:0}
    .awards-section .item--iope .bg-mask {padding:30px}
    .awards-section .item--iope .item-img {top:80px; left:10%; text-align:left}
    .awards-section .item--iope .item-img:before {font-size:60px}
    .awards-section .item--iope .item-desc {position:absolute; bottom:50px; left:5%; width:33.33333%; margin:60px 0 30px}
    .awards-section .item--iope .item-desc .count {border-bottom:0}
    .awards-section .item--iope .item-list {width:60%; margin:60px 0 30px}
    .awards-section .item--aircushion .item-list {padding-left:38px}
    .awards-section .item--supervital .count, .awards-section .item--whitegen .count {margin-top:10px}
}
@media (min-width:80em) {
    .awards-section .item {margin-bottom:120px}
    .awards-section .item-img {max-width:inherit}
    .awards-section .item-desc {margin-top:120px}
    .awards-section .item-list {padding-right:8.33333%; padding-left:8.33333%; font-size:1.4em}
    .awards-section .item-list li {padding-left:80px}
    .awards-section .item--odd .item-list li {margin-bottom:20px}
    .awards-section .item--aircushion .item-list {padding-left:8.33333%}
    .awards-section .item--supervital .count, .awards-section .item--whitegen .count {margin-top:30px}
}
@media (min-width:45em) {
    .page-flagship {background:url(/int/en/resource/img/about/flagship/header-bg.png) center top no-repeat; background-size:contain}
    .page-flagship .page-title{color:#222;word-break: keep-all;word-wrap: break-word}
}
.flagship-section--floor .floor {position:relative; margin-top:30px; margin-bottom:50px}
.flagship-section--floor .floor b {display:block}
.flagship-section--floor .floor-img {position:relative; margin-bottom:40px}
.flagship-section--floor .floor-img img {width:100%}
.flagship-section--floor .floor-deco {position:absolute; z-index:-1; top:75%; left:0; display:block; width:152px; height:152px; opacity:.5; background-image:url(/int/en/resource/img/about/flagship/floor-dot.svg); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.flagship-section--floor .floor-logo {position:absolute; z-index:10; top:0; right:0}
.flagship-section--floor .floor-logo:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:40px; line-height:1; color:#0b1e60}
.flagship-section--floor .floor-desc {margin-bottom:40px; margin-left:16.66667%; word-break:keep-all; word-wrap:break-word}
.flagship-section--floor .floor-desc .heading {margin-bottom:10px}
.flagship-section--floor .floor-desc .heading span {display:inline-block; margin-bottom:20px; color:#338466; border-top:1px solid #338466; border-bottom:1px solid #338466}
.flagship-section--floor .floor-desc .p {margin-bottom:20px; font-size:1.6em}
.flagship-section--floor .floor--store .floor-img-left {margin-left:16.66667%}
.flagship-section--floor .floor--store .floor-img-right {margin-top:-60px; margin-right:16.66667%}
.flagship-section--floor .floor--lab {padding-top:25px}
.flagship-section--floor .floor--lab .floor-img-left {margin-right:16.66667%; margin-left:0}
.flagship-section--floor .floor--lab .floor-img-right {margin-top:-40px; margin-right:0; margin-left:16.66667%}
@media (min-width:45em) {
    .flagship-section--floor .floor-img {margin-bottom:200px}
    .flagship-section--floor .floor-deco {width:270px; height:270px; background-size:110% 110%}
    .flagship-section--floor .floor-desc {position:absolute; bottom:-150px; width:25%; margin:0}
    .flagship-section--floor .floor--store .floor-deco {top:10%; left:8.33333%; margin-left:20px}
    .flagship-section--floor .floor--store .floor-desc {right:16.66667%; margin-right:16px}
    .flagship-section--floor .floor--lab .floor-deco {top:25%; right:16.66667%; bottom:auto; left:auto; margin-right:20px}
    .flagship-section--floor .floor--lab .floor-desc {left:25%; margin-left:-20px}
    .flagship-section--floor .floor--lab .floor-img-left, .flagship-section--floor .floor--lab .floor-img-right, .flagship-section--floor .floor--store .floor-img-left, .flagship-section--floor .floor--store .floor-img-right {margin:0}
    .flagship-section--floor .floor--lab .floor-img-right, .flagship-section--floor .floor--store .floor-img-right {margin-top:240px}
    .flagship-section--floor .floor-logo {top:15%; right:31%}
    .flagship-section--floor .floor-logo:before {font-size:50px}
}
@media (min-width:60em) {
    .flagship-section--floor .floor--store {margin-top:100px}
    .flagship-section--floor .floor--lab {margin-bottom:250px}
}
.flagship-section--only {margin-bottom:40px; padding-top:30px; background:#f7f6f4}
.flagship-section--only .heading {margin-bottom:20px; text-align:center}
.flagship-section--only .heading span {position:relative; display:inline-block; font-size:18px; color:#338466}
.flagship-section--only .heading span:after {position:absolute; right:0; bottom:0; left:0; height:10px; content:''; background-color:rgba(51,132,102,.2)}
.flagship-section--only .heading b {display:block}
.flagship-section--only .only-img {display:flex; flex-wrap:wrap; margin:0 20px}
.no-flexbox .flagship-section--only .only-img {text-align:center}
.flagship-section--only .only-img .item {position:relative; min-height:122px; padding:15px 0 15px 150px; margin-bottom:10px; word-break:keep-all; word-wrap:break-word; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.flagship-section--only .only-img .pic {position:absolute; top:0; left:0}
.flagship-section--only .only-img img {width:112px}
.flagship-section--only .only-img b {display:block; font-size:1.6em; font-weight:400; color:#333; margin-bottom:5px}
.flagship-section--only .only-img .p {font-size:1.4em; letter-spacing:.02em}
.flagship-section--only .only-icon {display:flex; flex-wrap:wrap; padding:30px 0; margin:0 20px; border-top:1px solid #ccc}
.flagship-section--only .only-icon .item {width:50%; text-align:center; word-break:keep-all; word-wrap:break-word}
.no-flexbox .flagship-section--only .only-icon {text-align:center}
.no-flexbox .flagship-section--only .only-icon .item {display:inline-block; vertical-align:top; width:49%}
.flagship-section--only .only-icon .icon {margin-bottom:10px}
.flagship-section--only .only-icon .icon:before {color:#222; width:90px; height:90px; text-align:center; font-size:40px; line-height:90px; background-color:#e3eae6; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.flagship-section--only .only-icon .icon--fs:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.flagship-section--only .only-icon .icon--event:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.flagship-section--only .only-icon .icon--bag:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.flagship-section--only .only-icon .icon--promotion:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.flagship-section--only .only-icon .icon--promotion:before {font-size:35px}
.flagship-section--only .only-icon .more {display:inline-block; font-size:1.4em; letter-spacing:.02em; margin:10px 0 20px}
.flagship-section--only .only-icon .more:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; margin-left:5px; font-size:5px}
.flagship-section--only .only-icon b {display:block; font-size:1.4em; font-weight:400; letter-spacing:.02em; color:#333}
@media (min-width:60em) {
    .flagship-section--only {margin-bottom:60px}
    .flagship-section--only .heading span {font-size:24px}
    .flagship-section--only .heading span:after {height:15px}
    .flagship-section--only .only-icon, .flagship-section--only .only-img {margin:0}
    .flagship-section--only .only-img .item {width:33.33333%; text-align:center; padding-left:30px; padding-right:30px; margin-bottom:30px}
    .flagship-section--only .only-img .pic {position:relative; margin-bottom:30px}
    .flagship-section--only .only-img img {width:270px}
    .flagship-section--only .only-img b {font-size:2em}
    .flagship-section--only .only-img .p {font-size:1.6em; display:block; margin:0 auto; width:90%}
    .no-flexbox .flagship-section--only .only-img {text-align:center}
    .no-flexbox .flagship-section--only .only-img .item {display:inline-block; width:33%; vertical-align:top}
    .flagship-section--only .only-icon {padding:40px 0}
    .flagship-section--only .only-icon .item {width:25%}
    .flagship-section--only .only-icon b {font-size:1.8em}
    .no-flexbox .flagship-section--only .only-icon .item {width:24%}
}
.flagship-section--store .info {margin-top:15px; padding-bottom:30px}
.flagship-section--store .info .item {position:relative; padding:15px 10px 15px 40px; border-top:1px solid #e5e5e5}
.flagship-section--store .info .item:first-child {border-top:0}
.flagship-section--store .info .item:before {position:absolute; top:15px; left:0; line-height:1}
.flagship-section--store .info .item--location:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:34px}
.flagship-section--store .info .item--opening:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:27px}
.flagship-section--store .info .item--tel:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:27px}
.flagship-section--store .info .tl {margin-bottom:8px; font-size:1.6em; font-weight:400}
.flagship-section--store .info .ul, .flagship-section--store .info p {font-size:1.4em; letter-spacing:.02em}
.flagship-section--store .info p>strong {font-size:1.125em; font-weight:400}
.flagship-section--store .info .ul>li {margin-top:2px}
.flagship-section--store .map {height:100%}
.flagship-section--store .map-box {height:240px; background-color:#666}
@media (min-width:60em) {
    .flagship-section--store {position:relative; min-height:390px; padding-top:19px; padding-bottom:11px}
    .flagship-section--store .info {display:block; width:470px; padding:30px; margin-top:0; margin-right:50%; background-color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 20px rgba(51,51,51,.2); -moz-box-shadow:0 0 20px rgba(51,51,51,.2); box-shadow:0 0 20px rgba(51,51,51,.2)}
    .flagship-section--store .info .item {padding-left:55px}
    .flagship-section--store .map-box {position:absolute; top:0; right:0; left:0; width:100%; height:420px}
}
.page-gallery .card {display:block; position:relative}
.page-gallery .card-thumb {overflow:hidden; position:relative}
.page-gallery .card-thumb:before {content:""; display:block; padding-bottom:100%}
.page-gallery .card-thumb>img {position:absolute; left:0; top:0; width:100%}
.page-gallery .card-title {padding:10px 0 0; color:#454545; font-size:1.6em; line-height:1.5; height:48px; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.page-gallery .card--video .card-thumb:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; color:#fff; line-height:1; right:5.26316%; bottom:5.26316%; font-size:40px; -webkit-transition:transform .2s; -moz-transition:transform .2s; -o-transition:transform .2s; transition:transform .2s; padding-right:10px; margin-right:-10px}
.page-gallery .card--video:focus .card-thumb:after, .page-gallery .card--video:hover .card-thumb:after {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
.page-gallery .card--large .card-thumb:after {font-size:64px}
.page-gallery .card--large .card-title {padding-top:19px; color:#222; font-size:2em; line-height:1.3; height:57.2px; text-align:center}
@media (min-width:45em) {
    .page-gallery .card--large .card-title {font-size:2.4em; line-height:1.2}
}
@media (min-width:45em) {
    .page-gallery .card {padding-bottom:22.22222%}
    .page-gallery .card-title {padding:25px 10px; padding-bottom:0; font-size:1.8em; height:54px}
    .page-gallery .card--video .card-thumb:after {font-size:56px}
    .page-gallery .card--large {padding-bottom:0}
    .page-gallery .card--large .card-thumb:after {font-size:90px}
    .page-gallery .card--large .card-title {padding-top:35px; height:83.2px}
}
.page-gallery .list {overflow:hidden}
.page-gallery .list li {padding-top:20px; padding-bottom:20px}
.page-gallery .list .card--large {margin-bottom:-10px}
@media (max-width:44.99em) {
    .page-gallery .list .card--large {height:auto!important}
}
@media (min-width:45em) {
    .page-gallery .list {position:relative; padding:5px 0 15px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
    .page-gallery .list:after {content:""; position:absolute; bottom:3px; left:0; right:0; border-bottom:3px solid #fff}
    .page-gallery .list li {padding-top:15px; padding-bottom:15px}
    .page-gallery .list .card:after {content:""; position:absolute; right:-10px; top:0; bottom:0; border-right:1px solid #e5e5e5}
    .page-gallery .list .card--large {margin-bottom:0}
}
@media (min-width:60em) {
    .page-gallery .list .card:after {right:-16px}
}
.page-gallery .list-not {display:block; color:#333; font-size:1.6em; text-align:center; padding:150px 0; border-bottom:1px solid #ccc}
@media (min-width:60em) {
    .page-gallery-view .article-title {margin-left:-30px; margin-right:-30px}
}
@media (min-width:45em) {
    .page-lab {background:url(/int/en/resource/img/lab/header-bg.png) center top no-repeat; background-size:100% auto}
}
.page-about .about-top {position:relative}
.page-about .about-top .cont {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; text-align:center; white-space:nowrap}
.page-about .about-top .cont-cell {display:inline-block; vertical-align:middle; white-space:normal}
.page-about .about-top .cont:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.page-about .about-top .copy {margin:0 auto; width:310px; height:310px; border-radius:50%; border:1px solid rgba(255,255,255,.4); background-color:rgba(255,255,255,.77); -webkit-transition:all 1s cubic-bezier(0, .5, .5, 1); -moz-transition:all 1s cubic-bezier(0, .5, .5, 1); -o-transition:all 1s cubic-bezier(0, .5, .5, 1); transition:all 1s cubic-bezier(0, .5, .5, 1)}
.page-about .about-top .copy-inner {padding:0 10%; padding-top:13%}
.page-about .about-top .copy .logo {padding:5% 0 10%}
.page-about .about-top .copy .logo:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; font-size:32px; line-height:1; color:#0b1e60}
.page-about .about-top .copy .p {font-size:1.4em; word-break:keep-all; word-wrap:break-word; margin-top:-7px}
.page-about .about-top .copy .p br {display:none}
@media (min-width:45em) {
    .page-about .about-top .copy {width:320px; height:320px}
    .page-about .about-top .copy-inner {padding-top:5%}
    .page-about .about-top .copy .p {font-size:1.6em; margin-top:0}
}
@media (min-width:60em) {
    .page-about .about-top .copy {width:400px; height:400px}
    .page-about .about-top .copy .p {font-size:1.8em; padding-left:5px; padding-right:5px}
    .page-about .about-top .copy .logo {padding:12% 0 7%}
    .page-about .about-top .copy .logo:before {font-size:45px}
}
@media (min-width:80em) {
    .page-about .about-top .copy {width:450px; height:450px}
    .page-about .about-top .copy-inner {padding-top:15%}
}
.page-about .about-section--research {background-color:#fff; padding:40px 0}
@media (min-width:45em) {
    .page-about .about-section--research {padding:7.69231% 0 6.83761%}
}
@media (min-width:80em) {
    .page-about .about-section--research {padding:90px 0 80px}
}
.page-about .research-list .item {display:table; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; color:#666; font-size:1.6em; padding:0 18px 20px 18px; border-bottom:1px solid #ccc}
.page-about .research-list .item br {display:none}
.page-about .research-list .item+.item {margin-top:40px}
.page-about .research-list .item-note {color:#767676; font-size:1.4em; text-align:right; margin-top:10px; padding-right:20px}
.page-about .research-list .desc, .page-about .research-list .tl {display:block; vertical-align:middle; word-break:keep-all; word-wrap:break-word}
.page-about .research-list .tl {color:#454545; line-height:1.3; padding-right:10px}
.page-about .research-list .desc {margin-top:8px; text-align:right}
.page-about .research-list .number {color:#0059b4; font-size:3em; font-weight:100; line-height:1; margin-right:5px}
.page-about .research-img {display:none}
@media (min-width:45em) {
    .page-about .research-list .desc, .page-about .research-list .tl {display:table-cell}
}
@media (min-width:60em) {
    .page-about .research {display:table; margin:0 -15px}
    .page-about .research-img, .page-about .research-list {display:table-cell; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; width:50%; padding:0 15px}
    .page-about .research-img .item br, .page-about .research-list .item br {display:inline-block}
}
@media (min-width:80em) {
    .page-about .research-list .number {font-size:4.2em}
}
.page-about .about-section--skinreport {padding:40px 0 45px; background-color:#f7f6f4}
@media (min-width:45em) {
    .page-about .about-section--skinreport {padding:4.70085% 0 5.12821%}
}
@media (min-width:80em) {
    .page-about .about-section--skinreport {padding:55px 0 60px}
}
.page-about .skinreport {text-align:center; background:#fff}
.page-about .skinreport-heading {color:#222;text-transform:uppercase;word-break: keep-all;word-wrap: break-word}
.page-about .skinreport-cont {padding:4.6875% 9.375% 9.375%}
.page-about .skinreport .func {margin-top:15px}
@media (min-width:45em) {
    .page-about .skinreport {display:table; width:100%}
    .page-about .skinreport-img {overflow:hidden; display:table-cell; vertical-align:middle}
    .page-about .skinreport-img img {width:100%}
    .page-about .skinreport-cont {display:table-cell; width:51.54639%; padding:0 10px; vertical-align:middle}
}
@media (min-width:60em) {
    .page-about .skinreport-cont {padding:0 7%}
    .page-about .skinreport .p {margin-top:.5em}
    .page-about .skinreport .func {margin-top:25px}
}
.page-about .about-section--skinweek {position:relative; padding:80px 0 65px}
.page-about .about-section--skinweek .bg {position:fixed; width:100%; height:100vh; min-height:500px; top:51px; background:url(/int/en/resource/img/lab/about/skinweek-bg.jpg) 50% 50% no-repeat; background-size:cover; z-index:-1}
@media (min-width:45em) {
    .page-about .about-section--skinweek {padding:6.41026% 0 5.55556%}
    .page-about .about-section--skinweek .bg {top:50px}
}
@media (min-width:80em) {
    .page-about .about-section--skinweek {padding:75px 0 65px}
}
.page-about .skinweek {text-align:center}
.page-about .skinweek .heading {color:#fff; text-transform:uppercase}
.page-about .skinweek .heading-p {color:#fff; font-size:1.6em; margin-top:15px; word-break:keep-all; word-wrap:break-word}
.page-about .skinweek .func {margin-top:20px}
.page-about .skinweek br {display:none}
@media (min-width:45em) {
    .page-about .skinweek .heading-p {margin-top:20px}
    .page-about .skinweek .func {margin-top:30px}
    .page-about .skinweek br {display:inline-block}
}
.page-about .about-section--shortcut {position:relative; padding:20px 0 20px; background-color:#f7f6f4}
@media (min-width:45em) {
    .page-about .about-section--shortcut {padding:5.12821% 0 6.41026%}
}
@media (min-width:80em) {
    .page-about .about-section--shortcut {padding:60px 0 75px}
}
.page-about .shortcut-list .item {margin-bottom:20px}
.page-about .shortcut-list .item:before {background-color:#e4eae7}
.page-about .shortcut-list .link {display:block; text-decoration:none}
.page-about .shortcut-list .cont {padding:20px}
.page-about .shortcut-list .tl {font-size:2.2em; text-transform:uppercase}
.page-about .shortcut-list .p {margin-top:10px; color:#333; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-about .shortcut-list .item {height:100%}
    .page-about .shortcut-list .item-row {margin-bottom:20px}
}
@media (min-width:60em) {
    .page-about .shortcut-list .item-row {margin-bottom:30px}
    .page-about .shortcut-list .cont {padding:25px}
    .page-about .shortcut-list .tl {font-size:2.4em}
}
.page-about .action {position:relative}
.page-about .action .link {position:relative; z-index:3}
.page-about .action .img {overflow:hidden}
.page-about .action .img img {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1)}
.page-about .action.is-revealed .img img {-webkit-transition:all .5s cubic-bezier(0, .5, .5, 1); -moz-transition:all .5s cubic-bezier(0, .5, .5, 1); -o-transition:all .5s cubic-bezier(0, .5, .5, 1); transition:all .5s cubic-bezier(0, .5, .5, 1)}
.page-about .action:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:0 9px; -webkit-transition:all 1s cubic-bezier(0, .5, .5, 1); -moz-transition:all 1s cubic-bezier(0, .5, .5, 1); -o-transition:all 1s cubic-bezier(0, .5, .5, 1); transition:all 1s cubic-bezier(0, .5, .5, 1)}
@media (min-width:45em) {
    .page-about .action:focus:before, .page-about .action:hover:before {-webkit-box-shadow:5px 5px 10px 0 rgba(102,102,102,.3); -moz-box-shadow:5px 5px 10px 0 rgba(102,102,102,.3); box-shadow:5px 5px 10px 0 rgba(102,102,102,.3)}
    .page-about .action:focus .img img, .page-about .action:hover .img img {-webkit-transform:scale(1.12); -moz-transform:scale(1.12); -ms-transform:scale(1.12); -o-transform:scale(1.12); transform:scale(1.12)}
}
@media (min-width:60em) {
    .page-about .action:before {margin:0 15px}
}
.page-genius .genius-top {position:relative}
.page-genius .genius-top .cont {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; text-align:center; white-space:nowrap}
.page-genius .genius-top .cont-cell {display:inline-block; vertical-align:middle; white-space:normal}
.page-genius .genius-top .cont:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.page-genius .genius-top .cont-cell {width:90%}
.page-genius .genius-top .cont .logo {color:#fff; font-size:3.6em; font-weight:700; text-transform:uppercase; -webkit-text-shadow:0 0 50px rgba(51,51,51,.3); -moz-text-shadow:0 0 50px rgba(51,51,51,.3); text-shadow:0 0 50px rgba(51,51,51,.3);line-height:1.5}
.page-genius .genius-top .cont .p {color:#fff; font-size:1.4em; margin-top:10px; word-break:keep-all; word-wrap:break-word}
.page-genius .genius-top .cont .p .for-desktop {display:none}
@media (min-width:25em) {
    .page-genius .genius-top .cont .p {margin:0 auto; width:80%; max-width:520px}
}
@media (min-width:45em) {
    .page-genius .genius-top .cont .logo {font-size:6em}
    .page-genius .genius-top .cont .p {font-size:1.6em; margin-top:20px; -webkit-text-shadow:0 0 50px rgba(51,51,51,.3); -moz-text-shadow:0 0 50px rgba(51,51,51,.3); text-shadow:0 0 50px rgba(51,51,51,.3)}
    .page-genius .genius-top .cont .p .for-mobile {display:none}
    .page-genius .genius-top .cont .p .for-desktop {display:block}
}
@media (min-width:60em) {
    .page-genius .genius-top .cont .p {font-size:1.8em}
}
.page-genius .genius-section--define {padding:50px 0 150px; background-repeat:no-repeat; background-position:50% bottom; background-image:url(/int/en/resource/img/lab/genius/define-bg.jpg); background-color:#fff}
@media (min-width:45em) {
    .page-genius .genius-section--define {background-size:100% auto; padding:10.25641% 0}
}
@media (min-width:80em) {
    .page-genius .genius-section--define {padding:120px 0}
}
.page-genius .define .img img {width:100%}
.page-genius .define .cont {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center}
.page-genius .define .tl {font-size:2.2em; font-weight:400; text-transform:uppercase}
.page-genius .define .p {width:70%; font-size:1.4em; margin:10px auto 0; word-break:keep-all; word-wrap:break-word}
.page-genius .define .item {position:relative; margin-bottom:20px}
.page-genius .define .item-plant .cont {top:13.88889%; bottom:auto}
.page-genius .define .item-skin .cont {top:auto; bottom:13.88889%}
.page-genius .define .item-skin .tl {color:#fff}
.page-genius .define .item-skin .p {color:rgba(255,255,255,.8)}
@media (min-width:45em) {
    .page-genius .define .tl {font-size:2.6em}
    .page-genius .define .item-skin {margin-top:80px}
}
@media (min-width:60em) {
    .page-genius .define .tl {font-size:3.2em}
    .page-genius .define .p {font-size:1.6em}
}
.page-genius .genius-section--ourgenius {position:relative; padding:50px 0 40px; background-color:#fff}
.page-genius .genius-section--ourgenius .section-header {text-align:center; margin-bottom:40px}
.page-genius .genius-section--ourgenius .heading-p {color:#454545; font-size:1.6em; margin-top:15px; word-break:keep-all; word-wrap:break-word}
.page-genius .genius-section--ourgenius .ourgenius-item+.ourgenius-item {margin-top:20px}
.page-genius .genius-section--ourgenius .ourgenius-head {position:relative; text-align:center; margin-bottom:20px; text-transform:uppercase}
.page-genius .genius-section--ourgenius .ourgenius-head:before {content:''; position:absolute; top:50%; display:block; width:100%; height:1px; background-color:#e5e5e5}
.page-genius .genius-section--ourgenius .ourgenius-head .tl {position:relative; z-index:2; display:inline-block; padding:0 10px; background-color:#fff}
@media (min-width:45em) {
    .page-genius .genius-section--ourgenius {padding:8.54701% 0 7.69231%}
}
@media (min-width:60em) {
    .page-genius .genius-section--ourgenius .ourgenius-head {margin-bottom:30px}
}
@media (min-width:80em) {
    .page-genius .genius-section--ourgenius {padding:100px 0 90px}
}
.page-genius .plant-list .item {position:relative; margin-bottom:20px}
.page-genius .plant-list .img .for-desktop {display:none}
.page-genius .plant-list .cont {text-align:center; padding:15px 0}
.page-genius .plant-list .sort {display:block; color:#666; font-size:1.2em; margin-bottom:5px}
.page-genius .plant-list .p {color:#454545; font-size:1.2em; margin-top:5px; word-break:keep-all; word-wrap:break-word}
@media (min-width:35em) {
    .page-genius .plant-list .img .for-mobile {display:none}
    .page-genius .plant-list .img .for-desktop {display:block}
    .page-genius .plant-list .cont {position:absolute; top:17.09402%; bottom:0; left:51.28205%; right:14px; text-align:left; white-space:nowrap}
    .page-genius .plant-list .cont-cell {display:inline-block; vertical-align:middle; white-space:normal}
    .page-genius .plant-list .cont:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-genius .plant-list .sort {margin-bottom:10px}
    .page-genius .plant-list .p {margin-top:40px}
}
@media (min-width:45em) {
    .page-genius .plant-list .item {margin-bottom:30px}
    .page-genius .plant-list .cont {top:11.96581%; left:42.73504%}
    .page-genius .plant-list .p {margin-top:6.83761%}
}
@media (min-width:60em) {
    .page-genius .plant-list .cont {left:56.41026%; right:20px}
    .page-genius .plant-list .sort {font-size:1.4em}
    .page-genius .plant-list .p {font-size:1.4em; margin-top:40px}
}
.page-genius .skin-list .item {text-align:center; margin-bottom:20px}
.page-genius .skin-list .item-desc {display:none}
.page-genius .skin-list .cont {padding:20px 0}
.page-genius .skin-list .p {color:#333; font-size:1.2em; letter-spacing:.02em; margin-top:5px; word-break:keep-all; word-wrap:break-word}
@media (max-width:59.99em) {
    .page-genius .skin-list .item {width:50%}
}
@media (min-width:60em) {
    .page-genius .skin-list .item-desc {display:block; max-height:100px}
    .page-genius .skin-list .cont {padding:0 25px 35px 25px}
    .page-genius .skin-list .p {padding:0 10px}
}
.page-genius .action {position:relative}
.page-genius .action .img {overflow:hidden}
.page-genius .action .img img {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:all .5s cubic-bezier(0, .5, .5, 1); -moz-transition:all .5s cubic-bezier(0, .5, .5, 1); -o-transition:all .5s cubic-bezier(0, .5, .5, 1); transition:all .5s cubic-bezier(0, .5, .5, 1)}
.page-genius .action:focus .img img, .page-genius .action:hover .img img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
@media (min-width:60em) {
    .page-genius .action {overflow:hidden}
    .page-genius .action .overlay, .page-genius .action:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:0 15px; -webkit-transition:all 1s cubic-bezier(.5, .5, .5, 1); -moz-transition:all 1s cubic-bezier(.5, .5, .5, 1); -o-transition:all 1s cubic-bezier(.5, .5, .5, 1); transition:all 1s cubic-bezier(.5, .5, .5, 1)}
    .page-genius .action .cont {position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; top:auto; margin-bottom:-120%; -webkit-transition:all .7s cubic-bezier(.5, .5, .5, 1); -moz-transition:all .7s cubic-bezier(.5, .5, .5, 1); -o-transition:all .7s cubic-bezier(.5, .5, .5, 1); transition:all .7s cubic-bezier(.5, .5, .5, 1)}
    .page-genius .action .tl {color:#fff}
    .page-genius .action .p {color:rgba(255,255,255,.7)}
    .page-genius .action:focus:before, .page-genius .action:hover:before {background-color:rgba(34,34,34,.7); background:0 0; background:-moz-linear-gradient(top, transparent 40%, rgba(34,34,34,.8)); background:-webkit-linear-gradient(top, transparent 40%, rgba(34,34,34,.8)); background:linear-gradient(to bottom, transparent 40%, rgba(34,34,34,.8))}
    .page-genius .action:focus .overlay, .page-genius .action:hover .overlay {background-color:rgba(34,34,34,.7)}
    .page-genius .action:focus .img, .page-genius .action:hover .img {position:relative; z-index:1}
    .page-genius .action:focus .cont, .page-genius .action:hover .cont {margin-bottom:0}
}
.page-genius .plant-list>*, .page-genius .skin-list>* {opacity:0}
.page-genius .plant-list .is-revealed, .page-genius .skin-list .is-revealed {opacity:1}
.page-superplant {background-color:#f7f6f4}
.superplant-section {overflow:hidden; margin-top:40px}
@media (min-width:60em) {
    .superplant-section {margin-top:80px}
}
.superplant-section .item {position:relative; text-align:center; padding:30px 20px 0; margin-bottom:40px}
.superplant-section .item .img {margin-bottom:25px}
.superplant-section .item .img-photo {position:relative; z-index:10; border:9px solid #fff; -webkit-box-shadow:0 3px 7px rgba(0,0,0,.3); -moz-box-shadow:0 3px 7px rgba(0,0,0,.3); box-shadow:0 3px 7px rgba(0,0,0,.3)}
.superplant-section .item .img-photo img {width:100%}
.superplant-section .item .img-plant {position:absolute; top:0; left:0; z-index:5}
.superplant-section .item .img-txt {display:none; position:absolute; top:0; z-index:20}
.superplant-section .item .img-deco {position:absolute; top:0; z-index:25}
.superplant-section .item .cont {word-break:keep-all; word-wrap:break-word}
.superplant-section .item .cont .h {font-weight:400; text-transform:uppercase}
.superplant-section .item .cont .p {font-size:1.5em; margin-top:10px; padding-top:10px; border-top:1px solid #ccc; margin-bottom:20px}
@media (min-width:35em) {
    .superplant-section .item .cont .p {font-size:1.6em}
}
@media (min-width:45em) {
    .superplant-section .item {padding:20px 8.33333%}
}
@media (min-width:60em) {
    .superplant-section .item {position:relative; text-align:left; padding:60px 8.33333%; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center}
    .no-flexbox .superplant-section .item .cont, .no-flexbox .superplant-section .item .img {max-width:470px; width:50%}
    .no-flexbox .superplant-section .item:nth-child(odd) .cont {position:absolute; top:0; right:8.33333%; width:42%; margin-top:110px}
    .no-flexbox .superplant-section .item:nth-child(even) .img {width:42%; position:absolute; top:0; right:8.33333%}
    .superplant-section .item .cont, .superplant-section .item .img {width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .superplant-section .item .cont .h, .superplant-section .item .img .h {font-size:3.6em}
    .superplant-section .item .img {margin-bottom:0}
    .superplant-section .item .img-photo {border-width:18px}
    .superplant-section .item .img-txt {display:block}
    .superplant-section .item .cont {padding-left:40px; padding-right:40px}
    .superplant-section .item .cont .p {font-size:1.8em; margin-bottom:30px}
    .superplant-section .item .cont br {display:none}
    .superplant-section .item:nth-child(even) {flex-direction:row-reverse}
}
@media (min-width:80em) {
    .superplant-section .item .img {padding-right:15px}
    .superplant-section .item .cont {padding-left:5.55556%; padding-right:11.11111%}
    .superplant-section .item .cont br {display:inline-block}
    .superplant-section .item:nth-child(even) .img {padding-right:0; padding-left:15px}
    .superplant-section .item:nth-child(even) .cont {padding-left:11.11111%; padding-right:5.55556%}
}
.superplant-section .item--selaginella .img-plant {left:-20%; right:40%}
.superplant-section .item--selaginella .img-deco {left:-20%; right:-2%}
.superplant-section .item--agave .img {padding-bottom:22%}
.superplant-section .item--agave .img-plant {top:22%; left:10%; right:10%; z-index:15}
.superplant-section .item--licorice .img-plant {top:-5%; left:-12%; right:73%}
.superplant-section .item--chamaecyparis .img-plant {top:-40px; left:60%; right:-15%}
.superplant-section .item--gossypium .img {position:relative; padding-bottom:10%}
.superplant-section .item--gossypium .img-plant {top:65%; left:50%; right:-10%; z-index:15}
.superplant-section .item--siberian .img {padding-bottom:25%}
.superplant-section .item--siberian .img-plant {top:18%; left:15%; right:15%; z-index:15}
.superplant-section .item--willow .img {padding-bottom:20%}
.superplant-section .item--willow .img-plant {top:32%; left:17%; right:17%; z-index:15}
.superplant-section .item--golden .img {padding-bottom:22%}
.superplant-section .item--golden .img-plant {top:25%; left:20%; right:20%; z-index:15}
@media (min-width:60em) {
    .superplant-section .item--selaginella {margin-bottom:0}
    .superplant-section .item--selaginella .img-deco {top:20px; left:0; right:48%}
    .superplant-section .item--selaginella .img-plant {left:0; right:65%}
    .superplant-section .item--selaginella .img-txt {top:2%; left:18%}
    .superplant-section .item--agave .img {padding-bottom:0}
    .superplant-section .item--agave .img-plant {text-align:right; top:40%; left:65%; right:0}
    .superplant-section .item--agave .img-txt {top:90%; right:22%}
    .superplant-section .item--licorice .img-plant {top:-10%; left:3%; right:83%}
    .superplant-section .item--licorice .img-txt {top:6%; left:20%}
    .superplant-section .item--chamaecyparis .img-plant {text-align:right; top:13%; left:82%; right:-10%}
    .superplant-section .item--chamaecyparis .img-txt {top:90%; right:18%}
    .superplant-section .item--gossypium {padding-top:30px}
    .superplant-section .item--gossypium .img {padding-bottom:0}
    .superplant-section .item--gossypium .img-plant {top:80%; left:60%; right:-15%}
    .superplant-section .item--gossypium .img-txt {top:105%; left:0}
    .superplant-section .item--siberian {padding-bottom:120px}
    .superplant-section .item--siberian .img {padding-bottom:0}
    .superplant-section .item--siberian .img-plant {text-align:center; top:50%; left:38%; right:35%}
    .superplant-section .item--siberian .img-txt {top:90%; right:16%}
    .superplant-section .item--willow .img {padding-bottom:0}
    .superplant-section .item--willow .img-plant {top:65%; left:25%; right:48%}
    .superplant-section .item--willow .img-txt {top:91%; left:13%}
    .superplant-section .item--golden {margin-bottom:80px}
    .superplant-section .item--golden .img {padding-bottom:0}
    .superplant-section .item--golden .img-plant {text-align:right; top:50%; left:73%; right:2%}
    .superplant-section .item--golden .img-txt {top:91%; right:26%}
    .no-flexbox .superplant-section .item--agave .img-plant {left:40%; right:-20%}
    .no-flexbox .superplant-section .item--agave .img-txt {top:102%; left:18%}
    .no-flexbox .superplant-section .item--chamaecyparis .img-plant {right:-40%}
    .no-flexbox .superplant-section .item--chamaecyparis .img-txt {top:103%; right:18%; z-index:15}
    .no-flexbox .superplant-section .item--siberian .img-plant {top:60%; left:-28%; right:64%}
    .no-flexbox .superplant-section .item--siberian .img-txt {top:116%}
    .no-flexbox .superplant-section .item--golden {margin-bottom:120px}
    .no-flexbox .superplant-section .item--golden .img-plant {left:56%; right:-12%}
    .no-flexbox .superplant-section .item--golden .img-txt {top:103%; right:46%}
}
@media (min-width:45em) {
    .page-skin-type {background-color:#f7f6f4}
}
.page-skin-type .step-info-col {position:relative; min-height:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:8px; padding-right:8px}
@media (max-width:44.99em) {
    .page-skin-type .step-info {background-color:#f7f6f4}
}
@media (min-width:45em) {
    .page-skin-type .step-info-col {padding-left:9px; padding-right:9px}
}
@media (min-width:60em) {
    .page-skin-type .step-info .l-wrap {margin-left:0; margin-right:0}
    .page-skin-type .step-info-col {padding-left:15px; padding-right:15px}
}
@media (min-width:80em) {
    .page-skin-type .step-info-col {margin-left:8.33333%; width:83.33333%}
}
.page-skin-type .step-list {display:table; width:100%; height:20px; padding:20px 0; font-size:16px; counter-reset:step-counter}
.page-skin-type .step-list>li {display:table-cell; position:relative; height:20px; line-height:1; vertical-align:middle; white-space:nowrap}
.page-skin-type .step-list>li:before {content:counter(step-counter); counter-increment:step-counter; display:inline-block; width:20px; height:20px; border-radius:10px; background-color:#ccc; color:#fff; font-size:12px; font-weight:700; line-height:21px; text-align:center}
.page-skin-type .step-list>li:last-child {padding-right:0; text-align:right}
.page-skin-type .step-list>li:last-child:after {display:none}
.page-skin-type .step-list .step-text {display:inline-block; overflow:hidden; width:1px; text-indent:1px; white-space:nowrap; vertical-align:middle}
@media (min-width:60em) {
    .page-skin-type .step-list .step-text>span {display:none}
}
@media (min-width:80em) {
    .page-skin-type .step-list .step-text>span {display:inline}
}
.page-skin-type .step-list .is-current:before {margin-right:4px; background-color:#0059b4}
.page-skin-type .step-list .is-current .step-text {position:static; width:auto}
@media (max-width:44.99em) {
    .page-skin-type .step-list .is-current {text-align:left}
    .page-skin-type .step-list .is-current+li {text-align:right}
    .page-skin-type .step-list .is-current+li+li {text-align:right}
    .page-skin-type .step-list .is-current+li+li+li {text-align:right}
}
@media (min-width:45em) {
    .page-skin-type .step-list>li {text-align:center; padding-right:35px}
    .page-skin-type .step-list>li:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:15px; margin-top:-8px}
    .page-skin-type .step-list>li:first-child {text-align:left}
    .page-skin-type .step-list .is-current {text-align:center}
}
@media (min-width:60em) {
    .page-skin-type .step-list {padding:30px 0}
    .page-skin-type .step-list>li:before {content:"STEP " counter(step-counter); width:auto; margin-right:5px; padding-left:9px; padding-right:10px}
    .page-skin-type .step-list .step-text {width:auto}
}
.page-skin-type .step-set {text-align:center}
.page-skin-type .step-set .q {margin-bottom:.5em; font-weight:400; line-height:1.5}
.page-skin-type .step-set .q .num {display:block; font-size:1.33333em; line-height:1.2}
.page-skin-type .step-set .q-option {display:block; margin-top:.4em; color:#767676; font-size:16px}
.page-skin-type .step-set .q-hr {margin:0; height:1px; border:0; border-bottom:1px solid #e5e5e5}
@media (min-width:45em) {
    .page-skin-type .step-set .q .num {font-size:1.25em}
}
.page-skin-type .field-box {background-color:#fff; border-bottom:1px solid #e5e5e5; padding-left:20px; padding-right:20px}
.page-skin-type .field-box+.func {margin-top:20px}
@media (min-width:60em) {
    .page-skin-type .field-box {padding-left:0; padding-right:0; border-bottom:0}
    .page-skin-type .field-box+.func {margin-top:30px}
}
.page-skin-type .q-wrap {padding-top:35px; padding-bottom:30px}
@media (min-width:45em) {
    .page-skin-type .q-wrap {padding-top:8.24742%; padding-bottom:8.24742%}
}
.page-skin-type .answer-wrap {zoom:1; font-size:0; margin-top:20px; margin-left:-8px; margin-right:-8px}
.page-skin-type .answer-wrap:before {content:''; display:block}
.page-skin-type .answer-wrap:after {content:''; display:table; clear:both}
.page-skin-type .answer-wrap li {box-sizing:border-box; display:inline-block; position:relative; width:50%; padding:0 8px; font-size:16px; vertical-align:top}
.page-skin-type .answer-wrap.check-list li {display:block; width:auto; text-align:left; margin-top:10px}
.page-skin-type .answer-wrap.check-list li:first-child {margin-top:0}
@media (min-width:60em) {
    .page-skin-type .answer-wrap.check-list {margin-left:-5px; margin-right:-5px}
    .page-skin-type .answer-wrap.check-list li {float:left; margin:0; padding:5px; width:50%}
}
.page-skin-type .step2 .answer-wrap li {width:33.333333%}
.page-skin-type .select-circle {position:relative; display:block}
.page-skin-type .select-circle-wrap {max-width:450px; margin-left:auto; margin-right:auto; text-align:center}
.page-skin-type .select-circle-wrap li {width:auto; padding-top:8px; padding-bottom:8px}
@media (min-width:60em) {
    .page-skin-type .select-circle-wrap {max-width:600px}
    .page-skin-type .select-circle-wrap li {padding:5px}
}
@media (min-width:80em) {
    .page-skin-type .select-circle-wrap {max-width:none; width:900px}
}
.page-skin-type .select-circle input {position:absolute; top:50%; z-index:-1}
.page-skin-type .select-circle input+label {box-sizing:border-box; display:inline-block; width:120px; height:120px; line-height:114px; border-radius:50%; border:3px solid #e5e5e5; background-color:#e5e5e5; color:#666}
.page-skin-type .select-circle input:checked+label {border-color:#338466; background-color:#fff; color:#333}
.page-skin-type .select-circle input:focus+label {outline-width:1px; outline-style:dotted; outline-color:Highlight}
@media (-webkit-min-device-pixel-ratio:0) {
    .page-skin-type .select-circle input:focus+label {outline-width:2px; outline-color:-webkit-focus-ring-color; outline-style:auto}
}
.page-skin-type .check-with-image input {position:absolute; top:30%; left:50%; z-index:-1}
.page-skin-type .check-with-image input:checked+label .label-text:before {color:#338466}
.page-skin-type .check-with-image input:focus+label {outline-width:1px; outline-style:dotted; outline-color:Highlight}
@media (-webkit-min-device-pixel-ratio:0) {
    .page-skin-type .check-with-image input:focus+label {outline-width:2px; outline-color:-webkit-focus-ring-color; outline-style:auto}
}
.page-skin-type .check-with-image label {display:block; position:relative; line-height:1}
.page-skin-type .check-with-image label img {display:block}
.page-skin-type .check-with-image label .label-text {line-height:1.2}
.page-skin-type .check-with-image label .label-text:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; display:block; margin-top:10px; margin-bottom:8px; color:#ccc; font-size:30px; text-align:center}
.page-skin-type .check-left {display:block; position:relative; padding:24px 15px; border:1px solid #ccc; border-radius:4px; text-align:left}
.page-skin-type .check-left input {position:absolute; top:50%; left:30px; z-index:-1}
.page-skin-type .check-left input:checked+label:before {color:#338466}
.page-skin-type .check-left input:focus+label {outline-width:1px; outline-style:dotted; outline-color:Highlight}
@media (-webkit-min-device-pixel-ratio:0) {
    .page-skin-type .check-left input:focus+label {outline-width:2px; outline-color:-webkit-focus-ring-color; outline-style:auto}
}
.page-skin-type .check-left label {display:table-cell; padding-left:55px; padding-right:10px; vertical-align:middle; word-break:keep-all; word-wrap:break-word}
.page-skin-type .check-left label:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; left:20px; margin-top:-15px; color:#ccc; font-size:30px; line-height:1; text-align:center}
@media (min-width:60em) {
    .page-skin-type .check-left label {height:4.5em}
}
@media (min-width:80em) {
    .page-skin-type .check-left label {height:3em}
}
.page-skin-type .result-main {padding:15px 20px; background:url(/int/en/resource/img/lab/skin-type/result-bg.jpg) center bottom no-repeat; background-size:cover}
.page-skin-type .result-header {padding:25px 25px 20px; border-radius:5px; background-color:rgba(255,255,255,.6); text-align:center}
.page-skin-type .result-title {margin-bottom:10px; color:#666; font-size:16px; font-weight:400; text-transform:uppercase}
.page-skin-type .result-title::after, .page-skin-type .result-title::before {content:''; display:inline-block; width:25px; border-bottom:1px solid #ccc; vertical-align:middle}
.page-skin-type .result-title::before {margin-right:10px}
.page-skin-type .result-title::after {margin-left:10px}
.page-skin-type .result-summary {font-size:1.8em; color:#333; font-weight:400; word-break:keep-all; word-wrap:break-word}
.page-skin-type .result-summary em {color:#0059b4}
.page-skin-type .result-summary em::before {content:'“'}
.page-skin-type .result-summary em::after {content:'”'}
.page-skin-type .result-summary .bunch {white-space:nowrap}
@media (min-width:45em) {
    .page-skin-type .result-summary {font-size:2.4em}
}
.page-skin-type .result-item .img-link {display:block; margin-bottom:2em}
.page-skin-type .result-item .desc {clear:both; padding-bottom:2em}
.page-skin-type .result-item .dl dt {margin-top:1.4em; margin-bottom:.8em; padding-bottom:.75em; border-bottom:1px solid rgba(51,132,102,.3); color:#333; text-transform:uppercase; font-size:1.8em; line-height:1.3; font-weight:400}
@media (min-width:45em) {
    .page-skin-type .result-item .dl dt {font-size:2.4em; line-height:1.2}
}
.page-skin-type .result-item .dl dd {color:#454545; font-size:1.6em}
.page-skin-type .result-item .dl .func {display:none}
@media (min-width:60em) {
    .page-skin-type .result {background-color:#fff}
    .page-skin-type .result-main {padding:40px 0}
    .page-skin-type .result-header {padding-top:50px; padding-bottom:50px}
    .page-skin-type .result-title {margin-bottom:15px}
    .page-skin-type .result-title::after, .page-skin-type .result-title::before {width:10%}
    .page-skin-type .result-item {zoom:1}
    .page-skin-type .result-item:before {content:''; display:block}
    .page-skin-type .result-item:after {content:''; display:table; clear:both}
    .page-skin-type .result-item .img-link {margin-bottom:0}
    .page-skin-type .result-item .desc {position:relative; clear:none}
    .page-skin-type .result-item .desc-pad {position:relative; padding-bottom:120%}
    .page-skin-type .result-item .cont {position:absolute; top:0; left:0; width:100%; height:100%; white-space:nowrap}
    .page-skin-type .result-item .cont-cell {display:inline-block; vertical-align:middle; white-space:normal}
    .page-skin-type .result-item .cont:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-skin-type .result .dl .func {display:block; margin-top:35px}
}
.page-skin-type .result-sub {margin-bottom:2em; padding-top:2em}
.page-skin-type .result-sub .h {margin-bottom:1em; padding-left:10%; padding-right:10%; font-size:1.8em; line-height:1.3; font-weight:400; text-align:center; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-skin-type .result-sub .h {font-size:2.4em; line-height:1.2}
}
@media (min-width:60em) {
    .page-skin-type .result-sub {margin-bottom:30px; padding-top:70px}
}
.page-skin-type .recommend-list .title {position:relative; padding:15px 50px 10px 20px; border-bottom:1px solid #e5e5e5; font-size:1.6em; text-transform:uppercase}
.page-skin-type .recommend-list .title .care {display:block; color:#338466}
.page-skin-type .recommend-list .title:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; top:50%; right:20px; margin-top:-5px; font-size:10px; color:#767676; -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8)}
.page-skin-type .recommend-list .content {padding:20px; background-color:#f7f7f7}
.page-skin-type .recommend-list .content p {font-size:1.6em}
.page-skin-type .recommend-list .content .img-link {display:block; width:50%; margin-left:auto; margin-right:auto}
.page-skin-type .recommend-list .content .func {display:none}
.page-skin-type .recommend-list .is-active .title {border-bottom-color:#999}
.page-skin-type .recommend-list .is-active .title:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-skin-type .recommend-list>li:last-child.is-active {border-bottom:1px solid #e5e5e5}
@media (min-width:60em) {
    .page-skin-type .recommend-list .title {padding-top:18px; padding-bottom:16px; font-size:1.8em}
    .page-skin-type .recommend-list .title .care {display:inline-block; line-height:1}
    .page-skin-type .recommend-list .title .name {margin-left:.5em}
    .page-skin-type .recommend-list .title .name:before {content:''; display:inline-block; width:1px; height:1em; margin-right:.7em; background-color:#ccc; vertical-align:middle}
    .page-skin-type .recommend-list .content {zoom:1; position:relative; padding:60px 10.30928% 25px 60px}
    .page-skin-type .recommend-list .content:before {content:''; display:block}
    .page-skin-type .recommend-list .content:after {content:''; display:table; clear:both}
    .page-skin-type .recommend-list .content .desc {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; width:60%; padding-bottom:25px}
    .page-skin-type .recommend-list .content .img-link {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:right; width:33.3%; margin-top:-35px}
    .page-skin-type .recommend-list .content .func {margin-top:20px; display:block}
}
@media (min-width:80em) {
    .page-skin-type .recommend-list .content .desc {width:50%}
    .page-skin-type .recommend-list .content .img-link {margin-top:-60px}
}
@media (max-width:44.99em) {
    .page-skinnews {background:#f7f7f7}
}
.page-skinnews .featured .slide {position:relative; display:none}
.page-skinnews .featured .slide:first-child {display:block}
.page-skinnews .featured .slide-link {display:block; height:517px; background:#e5e5e5 center center; background-size:cover}
.page-skinnews .featured .slide-cont {position:absolute; left:20px; right:20px; top:63.82979%; bottom:5.80271%; padding-bottom:15px; text-align:center; white-space:nowrap}
.page-skinnews .featured .slide-cont-cell {display:inline-block; vertical-align:middle; white-space:normal}
.page-skinnews .featured .slide-cont:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.page-skinnews .featured .slide-desc {display:block; margin-top:.5em; font-size:1.6em}
.page-skinnews .featured .slide-detail {display:none}
@media (min-width:35em) {
    .page-skinnews .featured .slide-link {height:0; padding-bottom:92.32143%}
}
@media (min-width:45em) {
    .page-skinnews .featured .slide-link {padding-bottom:48.71795%}
    .page-skinnews .featured .slide-cont {padding-bottom:0; top:0; bottom:0; left:8.54701%; width:40.17094%; text-align:left}
    .page-skinnews .featured .slide-cont:after {height:105%}
    .page-skinnews .featured .slide-title {margin-top:6.38298%;color:#222;}
    .page-skinnews .featured .slide-desc {margin-top:3.19149%; font-size:1.8em}
}
@media (min-width:45em) and (max-width:59.99em) {
    .page-skinnews .featured .slide-title {font-size:3em}
}
@media (min-width:60em) {
    .page-skinnews .featured .slide-detail {margin-top:14.89362%; display:inline-block; font-size:1.6em}
}
.page-skinnews .featured .slick-dots {position:absolute; left:0; right:0; bottom:5.80271%}
@media (min-width:45em) {
    .page-skinnews .featured .slick-dots {bottom:2.5641%}
}
.page-skinnews .featured .slick-arrow {position:absolute; overflow:hidden; top:50%; width:55px; height:80px; line-height:80px; margin-top:-40px; text-align:center; z-index:10}
.page-skinnews .featured .slick-arrow:after, .page-skinnews .featured .slick-arrow:before {left:0; right:0; text-align:center; color:#999; font-size:55px}
.page-skinnews .featured .slick-prev {left:0}
.page-skinnews .featured .slick-prev:before {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-skinnews .featured .slick-next {right:0}
.page-skinnews .featured .slick-next:before {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-skinnews .category {margin:20px 0; text-align:center}
@media (min-width:45em) {
    .page-skinnews .category {margin:5.98291% 0 0; padding-bottom:11px; border-bottom:1px solid #e5e5e5}
}
.page-skinnews .card {display:block; text-align:center; background:#fff; text-decoration:none}
.page-skinnews .card-inner {padding:20px 0 27px}
.page-skinnews .card-img {overflow:hidden}
.page-skinnews .card-title {margin-top:.7em; line-height:1.5; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-skinnews .card {background:0 0}
    .page-skinnews .card-inner {padding:0}
    .page-skinnews .card-category {margin-top:27px}
    .page-skinnews .card-title {margin-top:1.1em; padding-left:14.43299%; padding-right:14.43299%; font-size:2em}
    .page-skinnews .card.is-reveal .card-img, .page-skinnews .card.is-reveal .card-img>img {-webkit-transition:transform .3s ease-in-out; -moz-transition:transform .3s ease-in-out; -o-transition:transform .3s ease-in-out; transition:transform .3s ease-in-out}
    .page-skinnews .card.is-reveal:hover .card-img {-webkit-transform:scale(.97); -moz-transform:scale(.97); -ms-transform:scale(.97); -o-transform:scale(.97); transform:scale(.97)}
    .page-skinnews .card.is-reveal:hover .card-img>img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1)}
}
.page-skinnews .list>li {margin-top:10px; width:100%}
.page-skinnews .list>li:first-child {margin-top:0}
@media (min-width:45em) {
    .page-skinnews .list {zoom:1; margin:7.21649% -5.15464% 0; position:relative}
    .page-skinnews .list:before {content:''; display:block}
    .page-skinnews .list:after {content:''; display:table; clear:both}
    .page-skinnews .list:before {content:""; position:absolute; left:50%; top:0; bottom:0; border-left:1px solid #e5e5e5}
    .page-skinnews .list>li {margin:0 0 11.21495%; padding:0 1.86916%; float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
}
.page-skinnews-view {background-color:#f7f6f4}
.page-skinnews-view .related-heading>span {background-color:#f7f6f4}
.page-skinnews-view .skinnews {margin:0 auto; background:#fff; border-bottom:1px solid #e5e5e5}
.page-skinnews-view .skinnews--letter {max-width:504px}
.page-skinnews-view .skinnews--report .paging, .page-skinnews-view .skinnews--report-one .paging {display:none}
.page-skinnews-view .skinnews--report-one {max-width:800px}
.page-skinnews-view .skinnews-page {text-align:center}
.page-skinnews-view .skinnews-page>img {display:inline}
@media (min-width:35em) {
    .page-skinnews-view .skinnews {padding:30px 30px 0; border-radius:5px; border:1px solid #e5e5e5}
    .page-skinnews-view .skinnews .slick-arrow {position:absolute; z-index:10; top:50%; font-size:0; width:40px; height:80px; line-height:80px; margin-top:-40px; text-align:center; background-color:rgba(51,51,51,.5)}
    .page-skinnews-view .skinnews .slick-arrow:after, .page-skinnews-view .skinnews .slick-arrow:before {color:#fff; font-size:40px; padding:0 10px}
    .page-skinnews-view .skinnews .slick-prev {left:-30px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0}
    .page-skinnews-view .skinnews .slick-prev:before {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
    .page-skinnews-view .skinnews .slick-next {right:-30px; border-radius:5px 0 0 5px}
    .page-skinnews-view .skinnews .slick-next:before {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
    .page-skinnews-view .skinnews .slick-disabled {display:none!important}
    .page-skinnews-view .skinnews--report, .page-skinnews-view .skinnews--report-one {padding-bottom:30px}
}
@media (min-width:60em) {
    .page-skinnews-view .skinnews--report, .page-skinnews-view .skinnews--report-one {padding-bottom:0}
    .page-skinnews-view .skinnews--report .paging, .page-skinnews-view .skinnews--report-one .paging {display:block}
}
.page-skinnews-view .paging {padding:13px 0; text-align:center; font-size:1.6em; color:#767676}
.page-skinnews-view .paging-current {color:#002d96}
.page-skinnews-view .skinnews-slider.for-desktop {display:none}
@media (min-width:60em) {
    .page-skinnews-view .skinnews-slider.for-mobile {display:none}
    .page-skinnews-view .skinnews-slider.for-desktop {display:block}
}
.page-skindiary {background-color:#f7f6f4}
.page-skindiary .related-heading>span {background-color:#f7f6f4}
.page-skindiary .article-body {background:#fff; padding:40px 20px}
@media (min-width:45em) {
    .page-skindiary .article-body {padding:5.12821% 8.54701%}
}
@media (min-width:80em) {
    .page-skindiary .article-body {padding:60px 100px}
}
.page-skindiary .diary-header br {display:none}
.page-skindiary .diary-section {margin-top:30px}
.page-skindiary .diary-footer {padding-top:20px; margin-top:30px; border-top:1px solid #e5e5e5}
.page-skindiary .diary-head {text-align:center; margin-bottom:20px}
.page-skindiary .diary-head .tl {color:#3a4f9a; font-size:1.6em; font-weight:400}
.page-skindiary .diary-head .p {color:#666; font-size:1.6em; margin-top:5px}
.page-skindiary .diary-head .p strong {color:#222; font-weight:400}
.page-skindiary .diary-cont {text-align:center}
.page-skindiary .diary-cont .graph {margin-top:30px}
.page-skindiary .diary-cont .caption {margin-top:1em; display:inline-block; color:#666; font-size:1.6em; padding:2px 7px; border:1px solid #e5e5e5}
@media (min-width:45em) {
    .page-skindiary .diary-header {text-align:center}
    .page-skindiary .diary-header br {display:inline}
    .page-skindiary .diary-section {margin-top:50px}
    .page-skindiary .diary-footer {padding-top:40px; margin-top:50px}
    .page-skindiary .diary-head .tl {font-size:2em}
    .page-skindiary .diary-cont .graph {margin-top:0}
}
.page-skindiary .note {margin-top:30px}
@media (min-width:45em) {
    .page-skindiary .note {margin-top:40px}
}
.skinweek-list {background-color:#f7f7f7}
@media (min-width:45em) {
    .skinweek-list {background-color:transparent}
}
.skinweek-list .card {display:block; background:#fff}
.skinweek-list .card-img {padding-top:6.25%}
.skinweek-list .card-text {margin-top:20px; padding-bottom:6.25%; text-align:center}
.skinweek-list .card-title {margin-bottom:5px; font-size:1.7em; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; max-height:2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.skinweek-list .card-sub {margin-bottom:10px; font-size:1.6em}
.skinweek-list .card-date {margin-top:4px; font-size:1.4em; color:#454545}
.skinweek-list .card-more {display:none}
.skinweek-list .card:focus, .skinweek-list .card:hover {text-decoration:none}
.skinweek-list .card:focus .card-more, .skinweek-list .card:hover .card-more {border-color:#333; background-color:rgba(255,255,255,.5)}
@media (min-width:45em) {
    .skinweek-list .card {background-color:transparent}
    .skinweek-list .card-inner {margin:0; zoom:1}
    .skinweek-list .card-inner:before {content:''; display:block}
    .skinweek-list .card-inner:after {content:''; display:table; clear:both}
    .skinweek-list .card-img {float:left; width:48.71795%; padding-top:0; padding-right:5.12821%}
    .skinweek-list .card-text {margin-top:0; padding-bottom:0; text-align:left}
    .skinweek-list .card-title {font-size:2.3em}
    .skinweek-list .card-sub {padding-right:40px; margin-bottom:13px; font-size:1.8em}
    .skinweek-list .card-date {margin-top:10px; font-size:1.8em}
}
@media (min-width:60em) {
    .skinweek-list .card-title {font-size:2.8em}
    .skinweek-list .card-more {display:inline-block; margin-top:3.84615%}
}
.skinweek-list .list .card {margin-top:10px}
.skinweek-list .list>li:first-child {border-top:1px solid #e5e5e5}
.skinweek-list .list>li:first-child .card {margin-top:0}
@media (min-width:45em) {
    .skinweek-list .list {margin-bottom:6.83761%}
    .skinweek-list .list .card {margin:10px 0}
    .skinweek-list .list>li {border-bottom:1px solid #e5e5e5}
    .skinweek-list .list>li:last-child .card {margin-bottom:0}
}
.skinweek-header {padding:40px 0; text-align:center}
.skinweek-header .logo {margin-bottom:20px}
.skinweek-header .logo .for-desktop {display:none}
.skinweek-header .heading {display:inline-block; margin-bottom:10px; padding:5px 0; color:#3a4f9a; border:1px solid rgba(58,79,154,.3); border-width:1px 0}
.skinweek-header .heading sup {top:-6px}
.skinweek-header .date {margin-bottom:20px; font-size:1.4em; color:#666}
.skinweek-header .copy {font-size:1.6em; color:#222}
.skinweek-header .sharing {margin-top:15px}
@media (max-width:44.99em) {
    .skinweek-header .logo img {max-width:240px}
}
@media (min-width:45em) {
    .skinweek-header {padding:60px 0}
    .skinweek-header .logo {margin-bottom:25px}
    .skinweek-header .logo .for-mobile {display:none}
    .skinweek-header .logo .for-desktop {display:inline-block}
    .skinweek-header .date {margin-bottom:30px; font-size:1.8em}
    .skinweek-header .copy {font-size:2em}
    .skinweek-header .copy span {display:block}
    .skinweek-header .copy br {display:none}
    .skinweek-header .sharing {margin-top:25px}
}
.page-skinweek-view {background:url(/int/en/resource/img/lab/skin-week/header-bg.jpg) #dde4ec center top no-repeat; background-size:contain}
@media (min-width:45em) {
    .page-skinweek-view {background-image:url(/int/en/resource/img/lab/skin-week/header-bg-large.png); background-size:100% auto}
    .page-skinweek-view .skinweek-header .copy {font-size:1.8em}
}
.skinweek-section .heading {margin-bottom:20px; text-align:center}
@media (min-width:60em) {
    .skinweek-section .heading {margin-bottom:40px}
}
.skinweek-section--content .content-media {margin:0 20px; background:#fff}
.skinweek-section--content .content-media .call-yt-player:before {font-size:60px}
.skinweek-section--content .content-body {margin-top:110px; padding:0 20px 20px; background-color:#fff; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .skinweek-section--content .content-media {max-width:970px; margin:0 auto 100px; border:10px solid #fff; -webkit-box-shadow:5px 0 15px rgba(0,0,0,.1); -moz-box-shadow:5px 0 15px rgba(0,0,0,.1); box-shadow:5px 0 15px rgba(0,0,0,.1)}
    .skinweek-section--content .content-media .call-yt-player:before {font-size:100px}
    .skinweek-section--content .content-body {margin-top:140px; margin-bottom:120px; padding-bottom:60px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:5px 0 15px rgba(0,0,0,.1); -moz-box-shadow:5px 0 15px rgba(0,0,0,.1); box-shadow:5px 0 15px rgba(0,0,0,.1)}
}
.skinweek-section--content .overview {position:relative; top:-50px; padding:30px; text-align:center; font-size:1.6em; color:#fff; background:#3a4f9a; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.skinweek-section--content .overview:before {position:absolute; top:10px; right:10px; bottom:10px; left:10px; content:''; border:1px solid rgba(140,167,191,.7)}
.skinweek-section--content .product {margin-top:-20px; text-align:center}
.skinweek-section--content .product-em {margin-bottom:10px; padding:10px 0; font-size:1.6em; color:#3a4f9a; border:1px solid rgba(58,79,154,.3); border-width:1px 0}
.skinweek-section--content .product-img {width:75%; margin:0 auto; margin-bottom:20px}
.skinweek-section--content .product-text {margin-bottom:40px}
.skinweek-section--content .product-name {margin-bottom:10px}
.skinweek-section--content .product-desc {margin-bottom:30px}
.skinweek-section--content .gift .item {position:relative; margin-bottom:20px}
.skinweek-section--content .gift .item:before {display:block; margin:0 9px; content:''; background:#f7f6f4; position:absolute; top:0; left:0; right:0; bottom:0}
.skinweek-section--content .gift .cont {position:relative; padding:30px}
.skinweek-section--content .gift .deco {position:absolute; top:-30px; right:10px; display:block; width:60px; height:60px; text-align:center; font-size:1.6em; line-height:60px; color:#fff; background:#338466; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
.skinweek-section--content .gift .category {display:block; margin-bottom:10px; font-size:1.4em; letter-spacing:.02em; color:#338466}
.skinweek-section--content .gift .tl {margin-bottom:10px; font-size:2em; font-weight:700}
@media (min-width:45em) {
    .skinweek-section--content .overview {top:-40px; font-size:2em}
    .skinweek-section--content .overview span {display:block}
    .skinweek-section--content .product {margin-bottom:40px; text-align:left; zoom:1}
    .skinweek-section--content .product:before {content:''; display:block}
    .skinweek-section--content .product:after {content:''; display:table; clear:both}
    .skinweek-section--content .product-em {margin-top:8%; margin-bottom:30px; font-size:1.8em}
    .skinweek-section--content .product-em, .skinweek-section--content .product-text {float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .skinweek-section--content .product-img {float:right; width:50%}
    .skinweek-section--content .gift .tl {font-size:2.4em}
    .skinweek-section--content .gift .cont {height:30em}
}
@media (min-width:60em) {
    .skinweek-section--content .product-em, .skinweek-section--content .product-text {width:38.5%; margin-left:10.5%}
    .skinweek-section--content .product-img {width:51%}
    .skinweek-section--content .product br {display:none}
    .skinweek-section--content .gift .item:before {margin:0 15px}
    .skinweek-section--content .gift .cont {padding:60px; height:25em}
    .skinweek-section--content .gift .deco {top:-40px; right:30px; width:80px; height:80px; font-size:1.8em; line-height:80px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px}
}
@media (min-width:80em) {
    .skinweek-section--content .gift .cont {height:16em}
}
.skinweek-section--flagship {padding:40px 0 20px; background:url(/int/en/resource/img/lab/skin-week/flgship-store-bg.jpg) #f7f6f4 center bottom no-repeat; background-size:cover}
@media (min-width:60em) {
    .skinweek-section--flagship {padding:80px 0}
}
.skinweek-section--flagship .location {background-color:#f7f6f4; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.skinweek-section--flagship .location-about {padding:0 20px 20px}
.skinweek-section--flagship .location-map img {width:100%}
.skinweek-section--flagship .location .item {position:relative; padding:10px 0 10px 50px; border-top:1px solid #e5e5e5}
.skinweek-section--flagship .location .icon {position:absolute; top:8px; left:0}
.skinweek-section--flagship .location .icon-location {font-size:32px}
.skinweek-section--flagship .location .icon-clock {font-size:25px}
.skinweek-section--flagship .location .tl {font-size:1.6em}
.skinweek-section--flagship .location .cont {font-size:1.4em}
.skinweek-section--flagship .location .map-area {border:4px solid #ddd}
@media (min-width:45em) {
    .skinweek-section--flagship .location {background:rgba(255,255,255,.6); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); -moz-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1)}
    .skinweek-section--flagship .location-map {padding:25px}
    .skinweek-section--flagship .location .item {padding:25px 0 25px 50px}
    .skinweek-section--flagship .location .item:first-child {border-top:0}
    .skinweek-section--flagship .location .icon {top:20px}
}
@media (min-width:60em) {
    .skinweek-section--flagship .location {display:table; width:100%}
    .skinweek-section--flagship .location-about, .skinweek-section--flagship .location-map {display:table-cell; width:50%; vertical-align:middle}
    .skinweek-section--flagship .location-about {padding:25px 30px}
    .skinweek-section--flagship .location-map {padding:25px 20px 25px 0}
}
.skinweek-section--flagship .stores {padding:20px}
.skinweek-section--flagship .stores-title {padding:20px 0; text-align:center; text-transform:uppercase}
.skinweek-section--flagship .stores-title .p {margin-top:5px}
.skinweek-section--flagship .stores-title .p b {font-weight:400; color:#338466}
.skinweek-section--flagship .stores-list {text-align:center; font-weight:400; border:8px solid #d9e2db; background:#fff}
.skinweek-section--flagship .stores .item {margin:0 23px; padding:13px; border-top:1px solid #e5e5e5}
.skinweek-section--flagship .stores .item:first-child {border:0}
.skinweek-section--flagship .stores .tl {font-size:1.6em; line-height:1.5; color:#333}
.skinweek-section--flagship .stores .tl br {display:none}
.skinweek-section--flagship .stores .tel {font-size:1.6em; color:#767676}
@media (min-width:60em) {
    .skinweek-section--flagship .stores {padding:20px 0}
    .skinweek-section--flagship .stores-title {padding:25px 0 20px}
    .skinweek-section--flagship .stores-title .p {margin-top:5px; font-size:1.8em}
    .skinweek-section--flagship .stores-title br {display:none}
    .skinweek-section--flagship .stores-list {display:flex; flex-wrap:wrap}
    .skinweek-section--flagship .stores .item {width:20%; height:100%; margin:30px 0; border-top:0; border-left:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .skinweek-section--flagship .stores .item br {display:inline-block}
    .skinweek-section--flagship .stores .tl {margin-bottom:15px}
    .no-flexbox .skinweek-section--flagship .stores .stores-list {display:table; width:100%}
    .no-flexbox .skinweek-section--flagship .stores .item {display:table-cell; vertical-align:middle}
}
.skinweek-section--inside {position:relative; width:100%; max-width:1920px; margin:0 auto; padding:30px 0 80px; background:#fff}
.skinweek-section--inside .slide {outline:0}
.skinweek-section--inside .slide-img {text-align:center}
.skinweek-section--inside .slide .call-yt-player:before {font-size:60px}
.skinweek-section--inside .inside-first {position:absolute; bottom:30px; left:20px}
.skinweek-section--inside .slick-arrow {margin-top:-18px; color:#000; font-size:36px; height:36px}
.skinweek-section--inside .slick-dots {position:absolute; right:20px; bottom:-30px; width:40px; margin-top:0; text-align:right; font-size:1.6em; color:#767676}
.skinweek-section--inside .slick-dots b {color:#333}
.skinweek-section--inside .slick-dots li {display:none}
.skinweek-section--inside .slick-dots .slick-active {display:block}
@media (min-width:45em) {
    .skinweek-section--inside {padding:80px 0 120px}
    .skinweek-section--inside .slide {position:relative}
    .skinweek-section--inside .slide:before {z-index:10; content:''; border-width:50px 60px 50px 60px; border-style:solid; border-color:#fff; background:rgba(255,255,255,.5); -webkit-transition:all 1s cubic-bezier(.645, .045, .355, 1); -moz-transition:all 1s cubic-bezier(.645, .045, .355, 1); -o-transition:all 1s cubic-bezier(.645, .045, .355, 1); transition:all 1s cubic-bezier(.645, .045, .355, 1); position:absolute; top:0; left:0; right:0; bottom:0}
    .skinweek-section--inside .slide .call-yt-player:before {font-size:100px}
    .skinweek-section--inside .slide.slick-current:before {z-index:-1; border-width:0; background:0 0}
    .skinweek-section--inside .slide.slick-current .slide-spacer {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1)}
    .skinweek-section--inside .slide-spacer {-webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8); -webkit-transition:all .7s cubic-bezier(.455, .03, .515, .955); -moz-transition:all .7s cubic-bezier(.455, .03, .515, .955); -o-transition:all .7s cubic-bezier(.455, .03, .515, .955); transition:all .7s cubic-bezier(.455, .03, .515, .955)}
    .skinweek-section--inside .inside-first {bottom:70px; left:15%}
    .skinweek-section--inside .slick-prev {left:10%}
    .skinweek-section--inside .slick-next {right:10%}
    .skinweek-section--inside .slick-dots {right:15%}
}
@media (min-width:60em) {
    .skinweek-section--inside .inside-first {left:15%}
    .skinweek-section--inside .slick-arrow {height:60px}
    .skinweek-section--inside .slick-prev {left:8%}
    .skinweek-section--inside .slick-next {right:8%}
    .skinweek-section--inside .slick-dots {right:15%}
}
@media (min-width:80em) {
    .skinweek-section--inside .slide-spacer {min-width:970px; max-width:970px; margin:0 auto}
    .skinweek-section--inside .inside-first {left:50%; margin-left:-485px}
    .skinweek-section--inside .slick-arrow {left:50%; font-size:60px}
    .skinweek-section--inside .slick-prev {margin-left:-545px}
    .skinweek-section--inside .slick-next {margin-left:510px}
    .skinweek-section--inside .slick-dots {left:50%; margin-left:445px}
}
.page-new .new-top {position:relative; background-color:#fff}
.page-new .new-slider .slide {position:relative; outline:0; text-align:center}
.page-new .new-slider .visual {overflow:hidden; position:relative}
.page-new .new-slider .img-link {display:block; vertical-align:top}
.page-new .new-slider img {width:100%}
.page-new .new-slider .label {position:relative; top:0; left:0; color:#002d96; font-size:16px; font-weight:700; text-transform:uppercase; border-bottom:1px solid}
.page-new .new-slider .name {margin-top:.75em; margin-bottom:.75em; padding:0 25px; font-weight:400; text-transform:uppercase}
.page-new .new-slider .desc {font-size:1.6em; padding:0 25px; word-break:keep-all; word-wrap:break-word}
.page-new .new-slider .func {display:none}
@media (max-width:79.99em) {
    .page-new .new-slider .visual .l-wrap-lg {margin-left:0; margin-right:0}
}
@media (min-width:45em) {
    .page-new .new-slider .visual {height:360px}
    .page-new .new-slider .visual .l-wrap-lg {height:100%}
    .page-new .new-slider .img-link {position:relative; height:100%}
    .page-new .new-slider img {position:absolute; top:0; right:-80px; max-width:none; width:auto; height:100%}
    .page-new .new-slider .cont {position:absolute; top:70px; left:0; width:100%; font-size:.9em; text-align:left}
    .page-new .new-slider .desc, .page-new .new-slider .name {padding:0}
    .page-new .new-slider .h4 {margin-top:.65em; margin-bottom:.35em}
    .page-new .new-slider .func {display:block; margin-top:34px}
}
@media (min-width:60em) {
    .page-new .new-slider .visual {height:485px}
    .page-new .new-slider .cont {top:95px; width:100%; font-size:1em}
}
@media (min-width:80em) {
    .page-new .new-slider img {right:-55px}
    .page-new .new-slider .name {font-size:3.6em}
}
.page-new .new-slider-handle {margin-top:25px; padding-bottom:10px}
@media (min-width:45em) {
    .page-new .new-slider-handle {position:absolute; left:0; bottom:0; z-index:20; width:100%; margin-top:0}
}
.page-new .slick-arrow {margin-top:0}
.page-new .autoplay {display:none; overflow:hidden; margin-left:-2px; padding:2px 4px 0; vertical-align:middle}
.page-new .autoplay:after {font-size:20px; line-height:18px; vertical-align:top}
.page-new .autoplay.is-active {display:inline-block}
.page-new .to-pause:pause {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-new .to-play:play {display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.page-new .new-products {zoom:1; position:relative}
.page-new .new-products:before {content:''; display:block}
.page-new .new-products:after {content:''; display:table; clear:both}
.page-new .new-products>li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.page-new .new-products>li {padding-left:5.55556%; padding-right:5.55556%}
.page-new .new-products>li {border-bottom:1px solid #e5e5e5}
.page-new .new-products>li:last-child {border-bottom:none}
.page-new .new-products .item {overflow:hidden; display:block; position:relative; text-align:center}
.no-touchevents .page-new .new-products .item:focus, .no-touchevents .page-new .new-products .item:hover {text-decoration:none}
.no-touchevents .page-new .new-products .item:focus .item-img:before, .no-touchevents .page-new .new-products .item:hover .item-img:before {opacity:1}
.page-new .new-products .item-img {position:relative; height:0; padding-bottom:120%}
.page-new .new-products .item-img:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/int/en/resource/img/featured/new/hover.png) 50% 0 no-repeat; background-size:100% auto; opacity:0; -webkit-transition:opacity .2s; -moz-transition:opacity .2s; -o-transition:opacity .2s; transition:opacity .2s}
.page-new .new-products .item-img .img {position:absolute; top:0; left:0; width:100%}
.page-new .new-products .item-tag {color:#002d96; font-size:12px; letter-spacing:.02em}
.page-new .new-products .item-tag>li {white-space:nowrap}
.page-new .new-products .item-name {color:#333; line-height:1.4; text-transform:uppercase; word-break:keep-all; word-wrap:break-word}
@media (max-width:34.99em) {
    .page-new .new-products .item {padding-left:150px; height:180px; padding-bottom:10px}
    .page-new .new-products .item-img {position:absolute; top:0; left:0; width:150px}
    .page-new .new-products .item-text {height:100%; text-align:left; white-space:nowrap}
    .page-new .new-products .item-text-cell {display:inline-block; vertical-align:middle; white-space:normal}
    .page-new .new-products .item-text:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-new .new-products .item-text-cell {padding-top:10px}
    .page-new .new-products .item-name {margin-top:10px}
}
@media (min-width:35em) {
    .page-new .new-products {font-size:0}
    .page-new .new-products:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff}
    .page-new .new-products>li {display:inline-block; width:50%; font-size:10px; vertical-align:top}
    .page-new .new-products .item {padding-top:30px; max-width:240px; margin:0 auto}
    .page-new .new-products .item-text {position:relative; height:78px; padding-top:30px; padding-bottom:10px}
    .page-new .new-products .item-text-cell {position:absolute; bottom:10px; left:0; right:0}
    .page-new .new-products .item-tag {top:30px; left:0; right:0}
    .page-new .new-products .item-tag>li {display:inline-block}
    .page-new .new-products .item-tag>li+li {margin-left:2px}
    .page-new .new-products .item-name {height:3em}
}
@media (min-width:60em) {
    .page-new .new-products>li {width:33.33%; padding-left:10px; padding-right:10px}
}
.bestseller-section .scene {margin-left:20px; margin-right:20px; min-height:calc(100vh - 51px); justify-content:center; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; -webkit-box-align:center; align-items:center; word-break:keep-all; word-wrap:break-word}
.bestseller-section .scene-cell {width:100%}
.no-flexbox .bestseller-section .scene {display:table; width:100%}
.no-flexbox .bestseller-section .scene .scene-cell {display:table-cell; vertical-align:middle}
.bestseller-section .scene .cont {margin-bottom:51px}
.bestseller-section .head {text-align:center}
.bestseller-section .head .product {margin:0 6.66667% 20px}
.bestseller-section .head .heading {margin-bottom:22px; text-transform:uppercase}
.bestseller-section .head .subheading {color:rgba(34,34,34,.7); margin-bottom:30px}
.bestseller-section .desc .instagram {margin-bottom:50px}
.bestseller-section .desc .img {border:5px solid #fff}
.bestseller-section .desc .img--full {margin-left:6.66667%; margin-right:6.66667%}
.bestseller-section .desc .cont {margin-left:6.66667%; margin-right:6.66667%}
.bestseller-section .desc .heading {margin-bottom:20px; font-size:1.8em; font-weight:700}
.bestseller-section .desc .ul>li {color:rgba(34,34,34,.8); font-size:14px}
@media (min-width:45em) {
    .bestseller-section .scene {margin-left:0; margin-right:0}
    .bestseller-section .scene .cont {margin-bottom:25px}
    .bestseller-section .head {margin-left:0; margin-right:0}
    .bestseller-section .head .heading {margin-bottom:20px}
    .bestseller-section .desc {max-width:570px; margin:0 auto}
    .bestseller-section .desc .img {border-width:10px}
    .bestseller-section .desc .cont {margin-left:12.5%; margin-right:12.5%}
    .bestseller-section .desc .heading {font-size:2em}
    .bestseller-section .desc .ul>li {font-size:16px}
}
@media (min-width:60em) {
    .bestseller-section .scene {min-height:calc(100vh - 50px)}
}
.bestseller-section--cover.is-floating .scene-cell {margin-top:-20%}
.bestseller-section--cover .scene .title {margin-bottom:16px}
.bestseller-section--cover .scene .p {font-size:1.6em; margin-bottom:1em;line-height:1.5}
@media (min-width:45em) {
    .bestseller-section--cover .scene .p {font-size:1.8em; margin-bottom:3em}
}
.bestseller-section--age .heading, .bestseller-section--bio .heading, .bestseller-section--super .heading {color:#fff}
.bestseller-section--age .head .subheading, .bestseller-section--bio .head .subheading, .bestseller-section--super .head .subheading {color:rgba(255,255,255,.7)}
.bestseller-section--age .desc .ul>li, .bestseller-section--bio .desc .ul>li, .bestseller-section--super .desc .ul>li {color:rgba(255,255,255,.8)}
.bestseller-section--age .desc .ul>li:before, .bestseller-section--bio .desc .ul>li:before, .bestseller-section--super .desc .ul>li:before {background:#fff}
.bestseller-section .bg {position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1; overflow:hidden; -webkit-transition:all .8s cubic-bezier(0, .5, .5, 1); -moz-transition:all .8s cubic-bezier(0, .5, .5, 1); -o-transition:all .8s cubic-bezier(0, .5, .5, 1); transition:all .8s cubic-bezier(0, .5, .5, 1)}
.bestseller-section .bg:before {content:''; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transition:all .8s cubic-bezier(0, .5, .5, 1); -moz-transition:all .8s cubic-bezier(0, .5, .5, 1); -o-transition:all .8s cubic-bezier(0, .5, .5, 1); transition:all .8s cubic-bezier(0, .5, .5, 1)}
.bestseller-section .bg-space {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background-position:50% 50%; background-size:cover}
.bestseller-section .bg .visual-space {position:absolute; height:100%; width:100%}
.bestseller-section .bg .visual-space iframe, .bestseller-section .bg .visual-space video {width:100%}
.no-mobile .bestseller-section .bg.is-blur {top:-20px; left:-20px; right:-20px; bottom:-20px}
.ie .bestseller-section .bg.is-blur:before, .mobile .bestseller-section .bg.is-blur:before {opacity:.5}
.bestseller-section--cover {z-index:10}
.bestseller-section--cover .bg {background-color:#d5d6d6; opacity:1!important}
.bestseller-section--cover .bg:before {background-color:#d5d6d6}
.bestseller-section--cover .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/cover.jpg)}
.bestseller-section--super .bg {background-color:#5c503a}
.bestseller-section--super .bg:before {background-color:#5c503a}
.bestseller-section--super .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/super-bg.jpg)}
.bestseller-section--air .bg {background-color:#dee0dd}
.bestseller-section--air .bg:before {background-color:#dee0dd}
.bestseller-section--air .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/air-bg.jpg)}
.bestseller-section--live .bg {background-color:#d8e4de}
.bestseller-section--live .bg:before {background-color:#d8e4de}
.bestseller-section--live .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/live-bg.jpg)}
.bestseller-section--hyaluronic .bg {background-color:#eef5fa}
.bestseller-section--hyaluronic .bg:before {background-color:#eef5fa}
.bestseller-section--hyaluronic .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/hyaluronic-bg.jpg)}
.bestseller-section--derma .bg {background-color:#ebecf1}
.bestseller-section--derma .bg:before {background-color:#ebecf1}
.bestseller-section--derma .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/derma-bg.jpg)}
.bestseller-section--uv .bg {background-color:#a3c7df}
.bestseller-section--uv .bg:before {background-color:#a3c7df}
.bestseller-section--uv .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/uv-bg.jpg)}
.bestseller-section--age .bg {background-color:#172116}
.bestseller-section--age .bg:before {background-color:#172116}
.bestseller-section--age .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/age-bg.jpg)}
.bestseller-section--bio .bg {background-color:#748aae}
.bestseller-section--bio .bg:before {background-color:#748aae}
.bestseller-section--bio .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/bio-bg.jpg)}
@media (min-width:45em) {
    .bestseller-section--cover .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/cover-large.jpg)}
    .bestseller-section--super .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/super-bg-large.jpg)}
    .bestseller-section--air .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/air-bg-large.jpg)}
    .bestseller-section--live .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/live-bg-large.jpg)}
    .bestseller-section--hyaluronic .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/hyaluronic-bg-large.jpg)}
    .bestseller-section--derma .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/derma-bg-large.jpg)}
    .bestseller-section--uv .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/uv-bg-large.jpg)}
    .bestseller-section--age .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/age-bg-large.jpg)}
    .bestseller-section--bio .bg-space {background-image:url(/int/en/resource/img/featured/bestseller/bio-bg-large.jpg)}
}
.mobile .bestseller-section .cover-bg .action {display:block; position:absolute; will-change:transform, opacity}
.mobile .bestseller-section .cover-bg .action-bg {position:absolute; top:0; left:0; right:0; bottom:0; background-image:url(/int/en/resource/img/featured/bestseller/cover.jpg); background-position:50% 50%; background-size:cover; animation:Background 5s ease infinite}
.mobile .bestseller-section .cover-bg .action-twinkle-1 {top:12%; left:10%; animation:Twinkle_1 2s cubic-bezier(0, .5, .5, 1) infinite}
.mobile .bestseller-section .cover-bg .action-twinkle-2 {top:50%; left:50%; animation:Twinkle_2 2s cubic-bezier(0, .7, .7, 1) infinite}
.mobile .bestseller-section .cover-bg .action-bokeh-1 {top:30%; left:70%; animation:Bokeh_1 .9s cubic-bezier(0, .5, .5, 1) infinite}
.mobile .bestseller-section .cover-bg .action-bokeh-2 {top:70%; left:10%; animation:Bokeh_2 .5s cubic-bezier(0, .5, .5, 1) infinite; -webkit-transform:scale(.65); -moz-transform:scale(.65); -ms-transform:scale(.65); -o-transform:scale(.65); transform:scale(.65)}
@keyframes Background {0% {opacity:.5; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1)}
    100% {opacity:0; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2)}
}
@keyframes Twinkle_1 {0% {opacity:0; -webkit-transform:scale(.25); -moz-transform:scale(.25); -ms-transform:scale(.25); -o-transform:scale(.25); transform:scale(.25)}
    25% {opacity:1; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
    100% {opacity:0; -webkit-transform:scale(.25); -moz-transform:scale(.25); -ms-transform:scale(.25); -o-transform:scale(.25); transform:scale(.25)}
}
@keyframes Twinkle_2 {0% {opacity:0; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
    17% {opacity:0; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
    30% {opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1)}
    100% {opacity:0; -webkit-transform:scale(.5); -moz-transform:scale(.5); -ms-transform:scale(.5); -o-transform:scale(.5); transform:scale(.5)}
}
@keyframes Bokeh_1 {0% {opacity:.5}
    22% {opacity:.6}
    45% {opacity:.4}
    100% {opacity:.5}
}
@keyframes Bokeh_2 {0% {opacity:.3}
    15% {opacity:.25}
    30% {opacity:.2}
    45% {opacity:.25}
    100% {opacity:.3}
}
.page-product.page-skincare {background-image:url(/int/en/resource/img/product/skincare/bg.jpg); background-color:#e9f2ef}
@media (min-width:45em) {
    .page-product.page-skincare {background-image:url(/int/en/resource/img/product/skincare/bg-large.jpg)}
}
.page-product.page-makeup {background-color:#f7f6f4}
.page-product.page-men {background-color:#e8edf2}
.page-product.page-flagship {background-color:#e9f2ef}
.page-product .category {position:relative; z-index:10}
.page-product .category--unfolded .group-title>a:after {display:none}
.page-product .category.is-opened .category-toggle {background:#fff}
.page-product .category.is-opened .category-toggle:after {-webkit-transform:scale(.7) rotate(-180deg); -moz-transform:scale(.7) rotate(-180deg); -ms-transform:scale(.7) rotate(-180deg); -o-transform:scale(.7) rotate(-180deg); transform:scale(.7) rotate(-180deg)}
.page-product .category.is-list .category-list {display:block}
.page-product .category-toggle {position:relative; display:block; width:100%; min-height:46px; padding:0 20px; color:#454545; font-size:1.6em; line-height:45px; text-align:left; text-transform:uppercase; background:rgba(255,255,255,.8); border-bottom:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s; transition:background .3s}
.page-product .category-toggle:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; right:20px; margin-right:-2.7705px; top:0; font-size:10px; -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); -o-transform:scale(.7); transform:scale(.7); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.page-product .category-list {overflow:hidden; position:absolute; left:0; right:0; display:none}
.page-product .category-list-inner {padding:14px 20px; background:#f7f7f7}
@media (min-width:45em) {
    .page-product .category {margin-right:7.40741%; border-top:1px solid #999}
    .page-product .category-toggle {display:none}
    .page-product .category-list {position:relative; display:block}
    .page-product .category-list-inner {padding:0; background:0 0; -webkit-transform:none!important; -moz-transform:none!important; -ms-transform:none!important; -o-transform:none!important; transform:none!important}
}
.page-product .group.is-active .group-title>a:after {content:""}
.page-product .group-title {font-size:1.6em; line-height:40px; border-bottom:1px solid #ccc}
.page-product .group-title>a {display:block; position:relative; color:#454545; text-decoration:none; text-transform:uppercase}
.page-product .group-title>a:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; color:#666; font-size:13px; right:10px; top:0}
.page-product .group-list {zoom:1; padding:10px 0 15px; border-bottom:1px solid #ccc}
.page-product .group-list:before {content:''; display:block}
.page-product .group-list:after {content:''; display:table; clear:both}
.page-product .group-item {width:100%; font-size:1.4em; line-height:35px}
.page-product .group-link {display:block; text-transform:uppercase}
@media (max-width:44.99em) {
    .page-product .group-item.is-current .group-link {color:#002d96; text-decoration:underline}
    .page-product .group-item.is-current .group-link:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; margin-left:9px; vertical-align:middle; font-size:16px; line-height:1; text-decoration:none}
}
@media (min-width:45em) {
    .page-product .group-title {border-bottom-color:#999}
    .page-product .group-title>a {padding:0 12px}
    .page-product .group-title>a:after {right:12px}
    .page-product .group-list {border-bottom-color:#999; padding:8px 0 13px}
    .page-product .group-item {float:none; width:auto; padding:6px 0; line-height:18px}
    .page-product .group-item.is-current .group-link:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
    .page-product .group-item.is-current .group-link:after, .page-product .group-item.is-current .group-link:before {color:#333}
    .page-product .group-link {position:relative; margin:0 12px; padding-left:25px; text-decoration:none}
    .page-product .group-link span {display:block}
    .page-product .group-link:focus span, .page-product .group-link:hover span {text-decoration:underline}
    .page-product .group-link:after, .page-product .group-link:before {position:absolute; left:0; top:0; color:#666}
    .page-product .group-link:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
}
@media (min-width:45em) and (max-width:53.125em) {
    .page-product .group-title {font-size:1.3em}
    .page-product .group-title>a {padding:0 6px}
    .page-product .group-title>a:after {right:6px}
    .page-product .group-item {font-size:1.3em}
    .page-product .group-link {margin:0 6px}
}
.page-product .item {display:table; position:relative; width:100%; text-decoration:none}
.page-product .item:hover .item-name {text-decoration:none}
.page-product .item-img {position:relative; display:table-cell; width:47.5%; padding-bottom:10px; vertical-align:middle}
.page-product .item-img>img {width:100%}
.page-product .item-img-normal {-webkit-transition:visibility .5s 0s, opacity .5s; -moz-transition:visibility .5s 0s, opacity .5s; -o-transition:visibility .5s 0s, opacity .5s; transition:visibility .5s 0s, opacity .5s}
.page-product .item-img-hover {visibility:hidden; position:absolute; left:0; right:0; top:0; opacity:0; -webkit-transition:visibility .5s .5s, opacity .5s; -moz-transition:visibility .5s .5s, opacity .5s; -o-transition:visibility .5s .5s, opacity .5s; transition:visibility .5s .5s, opacity .5s}
.page-product .item-text {display:table-cell; vertical-align:middle}
.page-product .item-tag {color:#002d96; font-size:1.2em; letter-spacing:.02em}
.page-product .item-tag>li {display:inline-block; margin-right:.1em}
.page-product .item-name {margin-top:7px; color:#333; font-weight:400; font-size:1.6em}
@media (min-width:45em) {
    .page-product .item {overflow:hidden; display:block; padding-top:0px; background:rgba(255,255,255,.6); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
    .page-product .item:focus, .page-product .item:hover {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 10px rgba(34,34,34,.2); background:#fff}
    .page-product .item.is-has-hover:focus .item-img-normal, .page-product .item.is-has-hover:hover .item-img-normal {visibility:hidden; opacity:0; -webkit-transition:visibility .5s .5s, opacity .5s; -moz-transition:visibility .5s .5s, opacity .5s; -o-transition:visibility .5s .5s, opacity .5s; transition:visibility .5s .5s, opacity .5s}
    .page-product .item.is-has-hover:focus .item-img-hover, .page-product .item.is-has-hover:hover .item-img-hover {visibility:visible; opacity:1; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s}
    .page-product .item-img {display:block; width:auto; padding:0}
    .page-product .item-text {position:relative; display:block; text-align:center; padding:40px 20px 20px}
    .page-product .item-tag {overflow:hidden; position:absolute; left:20px; right:20px; bottom:71.4px; max-height:36px; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
    .page-product .item-tag>li {display:inline}
    .page-product .item-name {margin-top:0; padding-top:9px; border-top:1px solid rgba(51,132,102,.3); height:2.4em; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; max-height:2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
}
@media (max-width:44.99em) {
    .page-product .product-list {min-height:698px}
    .page-product .product-list .row>li {padding:0 20px; border-bottom:1px solid #ccc; background:rgba(255,255,255,.6)}
}
@media (min-width:45em) {
    .page-product .product-list .row {margin:-9px}
    .page-product .product-list .row>li {padding-top:9px; padding-bottom:9px}
}
@media (min-width:60em) {
    .page-product .product-list .row {margin:-15px}
    .page-product .product-list .row>li {padding-top:15px; padding-bottom:15px}
}
.page-product-view .overview {overflow:hidden}
.page-product-view .overview-img {position:relative; margin:6.25%}
.page-product-view .overview .product-img>li {display:none}
.page-product-view .overview .product-img>li:first-child {display:block}
.page-product-view .overview .awards {position:absolute; left:0; top:5.95238%; width:14.28571%; z-index:1}
.page-product-view .overview .awards>li {display:block; margin-top:6px}
.page-product-view .overview .awards>li:first-child {margin-top:0}
.page-product-view .overview-text {position:relative; text-align:center; padding-bottom:30px}
.page-product-view .overview-name {margin-top:10px; font-size:2.4em; word-break:keep-all; word-wrap:break-word}
.page-product-view .overview-name-en {color:#666; font-size:1.4em}
.page-product-view .overview-desc {margin-top:15px; padding:0 6.25%; word-break:keep-all; word-wrap:break-word;line-height:1.5;}
.page-product-view .overview .colors {position:absolute; top:0; left:0; right:0; text-align:center}
.page-product-view .overview .colors-name {display:block; color:#555; margin-bottom:5px; font-size:1.4em}
.page-product-view .overview .colors-btn {zoom:1; display:block; position:relative; overflow:hidden; width:24px; height:24px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.page-product-view .overview .colors-btn:before {content:''; display:block}
.page-product-view .overview .colors-btn:after {content:''; display:table; clear:both}
.page-product-view .overview .colors-btn>span {display:block; float:left; height:100%}
.page-product-view .overview .colors-btn--multi2>span {width:50%}
.page-product-view .overview .colors-btn--multi3>span {width:33.33333%}
.page-product-view .overview .colors-btn--multi4>span {width:50%; height:50%}
.page-product-view .overview .colors-list>li {position:relative; display:inline-block; margin:5px; vertical-align:middle; cursor:pointer}
.page-product-view .overview .colors-list>li:after {content:""; position:absolute; left:50%; top:50%; margin-left:-14px; margin-top:-14px; width:26px; height:26px; border:1px solid transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:border .3s; -moz-transition:border .3s; -o-transition:border .3s; transition:border .3s}
.page-product-view .overview .colors-list>li.slick-active:after {border-color:rgba(0,45,150,.5)}
.page-product-view .overview-prop {margin-top:20px}
.page-product-view .overview-prop>li {position:relative; display:inline-block; margin-left:7px; padding-left:12px}
.page-product-view .overview-prop>li:before {content:""; position:absolute; height:15px; left:0; top:50%; margin-top:-7.5px; border-left:2px solid #ccc}
.page-product-view .overview-prop>li:first-child {margin-left:0; padding-left:0}
.page-product-view .overview-prop>li:first-child:before {display:none}
.page-product-view .overview .func {display:none}
@media (min-width:45em) {
    .page-product-view .overview-img {margin:7.23404% 0}
    .page-product-view .overview .awards {width:14.89362%}
    .page-product-view .overview .awards>li {margin-top:10px}
    .page-product-view .overview .awards>li:first-child {margin-top:0}
    .page-product-view .overview-text {margin-top:17.02128%; padding-top:0!important; text-align:left}
    .page-product-view .overview-name {margin-top:4.25532%; font-size:3.6em}
    .page-product-view .overview-name-en {margin-top:5px}
    .page-product-view .overview-desc {padding:0; margin-top:6.38298%; width:78.7234%}
    .page-product-view .overview .colors {margin-top:20px; position:relative; text-align:left; padding-bottom:28px}
    .page-product-view .overview .colors-name {position:absolute; left:0; bottom:0; margin-bottom:0}
    .page-product-view .overview .colors-list {margin-left:-3px}
    .page-product-view .overview-prop {margin-top:6.38298%}
    .page-product-view .overview .func {display:block; margin-top:11.11111%; width:78.7234%}
    .page-product-view .overview .func .btn+.btn {margin-left:0; margin-top:6px}
}
/* 20200925 엠블럼 추가 */
.page-product-view .overview .awards.line-2 {left:15%;padding-left:2.13%;}
.page-product-view .overview-nav {position:absolute;bottom:1%;right:0%;}
.page-product-view .overview-nav button {width:60px!important;height:60px!important;border:1px solid #8d8d8d;box-sizing:border-box;margin-bottom:10px;text-align:center;display:block;float:none;}
.page-product-view .overview-nav button img {display:inline-block;height:100%;}
.page-product-view .overview-nav .slick-track {width:auto!important;transform:none!important;}

@media (min-width:60em) {
    .page-product-view .overview .func {width:57.44681%}
}
.page-product-view .actions {position:fixed; left:0; right:0; bottom:0; z-index:100; padding:8px; background:#fff; background:rgba(255,255,255,.9)}
.page-product-view .actions-col {padding:0 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.page-product-view .actions .btn {padding-left:0; padding-right:0; font-size:18px}
.page-product-view .actions.is-hidden {display:none}
.page-product-view .actions .actions-col {width:100%}
@media (min-width:45em) {
    .page-product-view .actions {display:none}
}
.page-product-view .media-embed {display:block; position:relative}
.page-product-view .media-text {text-align:center; padding:4.2735% 5%}
.page-product-view .media-img {display:block; overflow:hidden; position:relative}
.page-product-view .media-img-large {display:none}
.page-product-view .media-desc {color:#222; font-size:1.6em; line-height:1.3; word-break:keep-all; word-wrap:break-word; line-height:1.3}
.page-product-view .media-heading {color:#222; font-size:2.6em; text-transform:uppercase; word-break:keep-all; word-wrap:break-word}
.page-product-view .media-play .icon-play {-webkit-text-shadow:0 0 8px rgba(255,255,255,.25); -moz-text-shadow:0 0 8px rgba(255,255,255,.25); text-shadow:0 0 8px rgba(255,255,255,.25)}
.page-product-view .media-dark {color:#fff}
@media (max-width:44.99em) {
    .page-product-view .media-play {position:absolute; top:0; left:0; right:0; bottom:0; top:50%; z-index:10}
    .page-product-view .media-play .icon-play {font-size:55px}
}
@media (min-width:45em) {
    .page-product-view .media {margin-top:2.5641%}
    .page-product-view .media-text {position:absolute; top:0; left:0; right:0; bottom:0; left:8.54701%; right:50%; z-index:10; text-align:left; padding:0; white-space:nowrap}
    .page-product-view .media-text .media-text-inner {display:inline-block; vertical-align:middle; white-space:normal}
    .page-product-view .media-text:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-product-view .media-text .icon-play {margin-top:32px; font-size:80px; line-height:1}
    .page-product-view .media-img-small {display:none}
    .page-product-view .media-img-large {display:block}
    .page-product-view .media-heading {margin-top:7px}
    .page-product-view .media-dark {color:#fff}
    .page-product-view .media-dark .media-desc, .page-product-view .media-dark .media-heading, .page-product-view .media-dark .media-text {color: #fff;-webkit-text-shadow:0 0 5px rgba(0,0,0,.15);-moz-text-shadow:0 0 5px rgba(0,0,0,.15);text-shadow:0 0 5px rgba(0,0,0,.15);}
}
@media (min-width:60em) {
    .page-product-view .media-desc {font-size:2em}
    .page-product-view .media-heading {font-size:4em}
}
.page-product-view .feature {padding:0 20px}
.page-product-view .feature-header {margin-top:12.5%; text-align:center}
.page-product-view .feature-name {font-size:2.6em; text-transform:uppercase}
.page-product-view .feature-img {margin:25px auto 30px; width:73.125%}
.page-product-view .feature-list {margin-top:30px}
.page-product-view .feature-list .item {position:relative; padding-left:56px; min-height:55px}
.page-product-view .feature-list .item+.item {margin-top:35px}
.page-product-view .feature-list .item-num {position:absolute; left:0; top:-8px; color:#b5c7db; font-size:6em; font-weight:100; line-height:1}
.page-product-view .feature-list .item-title {color:#3a4f9a; font-size:1.8em; font-weight:700; line-height:1.3; word-break:keep-all; word-wrap:break-word}
.page-product-view .feature-list .item-desc {margin-top:13px; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-product-view .feature {margin-top:5.12821%; padding:0}
    .page-product-view .feature-header {margin-top:0; margin-bottom:2.13675%}
    .page-product-view .feature-name-en {font-size:2.2em}
    .page-product-view .feature-name {font-size:4em}
    .page-product-view .feature-img {margin-top:0; margin-bottom:0; max-width:420px}
    .page-product-view .feature-list .item {padding-left:80px}
    .page-product-view .feature-list .item+.item {margin-top:30px}
    .page-product-view .feature-list .item-num {width:70px; font-size:7.2em}
    .page-product-view .feature-list .item-title {font-size:2em}
    .page-product-view .feature-list .item-desc {margin-top:10px}
}
@media (min-width:60em) {
    .page-product-view .feature-img {max-width:none; width:auto}
    .page-product-view .feature-list {margin-top:10.6383%}
    .page-product-view .feature-list .item {padding-left:100px}
    .page-product-view .feature-list .item-num {text-align:right}
}
.page-product-view .lab {border-top:1px solid #8096cb; border-bottom:1px solid #8096cb; margin:40px 20px 0}
@media (min-width:45em) {
    .page-product-view .lab {margin:4.2735% 0 0}
}
.page-product-view .genius {border-bottom:1px solid #e5e5e5}
.page-product-view .genius-profile {display:table; width:100%; margin-top:20px}
.page-product-view .genius-img {width:80px; display:table-cell; vertical-align:middle}
.page-product-view .genius-img>img {display:block; width:60px; height:60px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.page-product-view .genius-name {display:table-cell; vertical-align:middle; color:#3a4f9a; font-size:1.4em; line-height:1.5}
.page-product-view .genius-comment {margin-top:12px; margin-bottom:17px; word-break:keep-all; word-wrap:break-word}
@media (min-width:60em) {
    .page-product-view .genius {zoom:1}
    .page-product-view .genius:before {content:''; display:block}
    .page-product-view .genius:after {content:''; display:table; clear:both}
    .page-product-view .genius-content {display:table; width:100%; padding:25px 0}
    .page-product-view .genius-profile {display:table-cell; width:30.92784%; margin:0; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-product-view .genius-comment {display:table-cell; width:69.07216%; margin:0; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
}
@media (max-width:34.99em) {
    .page-product-view .prop-container .col-skin, .page-product-view .prop-container .col-solution {width:100%}
    .page-product-view .prop-container .prop--solution {padding-top:0}
}
.page-product-view .prop {padding:20px 0}
.page-product-view .prop--skin {zoom:1}
.page-product-view .prop--skin:before {content:''; display:block}
.page-product-view .prop--skin:after {content:''; display:table; clear:both}
.page-product-view .prop--skin .skin-icon {float:left; border:1px solid #aabee8; width:34px; height:34px; text-align:center; margin-right:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.page-product-view .prop--skin .icon {color:#547dd1; line-height:1; font-size:34px}
.page-product-view .prop-skin-type {line-height:36px; text-transform:uppercase}
.page-product-view .prop--feature {border-top:1px solid #e5e5e5}
.page-product-view .prop-name {color:#666; font-size:1.4em; margin-bottom:10px; font-weight:400}
.page-product-view .prop .options {margin-top:-10px}
.page-product-view .prop .options-item {position:relative; display:block; margin-top:10px; padding-left:25px; color:#222; font-size:1.4em; line-height:17px}
.page-product-view .prop .options-item:before {content:""; position:absolute; left:0; top:-1px; width:17px; height:17px; border:1px solid #999; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.page-product-view .prop .options-item--checked:after {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; position:absolute; left:2px; top:0; color:#ed0a15; font-size:20px}
@media (min-width:45em) {
    .page-product-view .prop--feature {border-top:none; padding-top:51.8px}
}
@media (min-width:60em) {
    .page-product-view .prop {padding:25px 0}
    .page-product-view .prop--skin .skin-icon {width:48px; height:48px}
    .page-product-view .prop--skin .icon {font-size:48px}
    .page-product-view .prop-skin-type {line-height:50px}
    .page-product-view .prop--feature {padding-top:51.8px}
    .page-product-view .prop .options {margin-top:-16px}
    .page-product-view .prop .options-item {margin-top:16px}
}
.page-product-view .skin-report {position:relative; margin-top:20px}
.page-product-view .skin-report-link {display:block}
.page-product-view .skin-report-link:focus, .page-product-view .skin-report-link:hover {text-decoration:none}
.page-product-view .skin-report-text {text-align:center}
.page-product-view .skin-report-heading {margin-bottom:20px; color:#222; font-size:1.8em; line-height:1.4; word-break:keep-all; word-wrap:break-word}
.page-product-view .skin-report-desc {margin-top:8px; font-size:1.8em; line-height:1.3; font-weight:400}
@media (min-width:45em) {
    .page-product-view .skin-report-desc {font-size:2.4em; line-height:1.2}
}
@media (max-width:44.99em) {
    .page-product-view .skin-report-link {padding:20px 0 0 0; text-align:center}
    .page-product-view .skin-report-img {overflow:hidden; position:relative; height:0; padding-bottom:45.3125%}
    .page-product-view .skin-report-img .img {max-width:none; position:absolute; top:0; right:0; height:100%}
    .page-product-view .skin-report-text {margin-top:20px}
}
@media (min-width:45em) {
    .page-product-view .skin-report {margin-top:2.5641%}
    .page-product-view .skin-report-text {position:absolute; left:0; right:50%; top:0; height:100%; padding-left:5.983%; text-align:left; white-space:nowrap}
    .page-product-view .skin-report-text .skin-report-text-inner {display:inline-block; vertical-align:middle; white-space:normal; padding-top:5px}
    .page-product-view .skin-report-text:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-product-view .skin-report-desc {font-size:1.4em}
}
@media (min-width:60em) {
    .page-product-view .skin-report-text {right:55%}
    .page-product-view .skin-report-text-inner {padding-top:10px}
    .page-product-view .skin-report-heading {margin-bottom:15px; font-size:2.4em}
    .page-product-view .skin-report-desc {font-size:1.6em}
}
@media (min-width:80em) {
    .page-product-view .skin-report-heading {font-size:2.8em}
}
.page-product-view .super-plant {background:#ddebe9 url(/int/en/resource/img/product/view/superplant-bg.jpg)}
.page-product-view .super-plant-content {margin-top:50px}
.page-product-view .super-plant-heading {position:relative; top:-.6em; color:#478485; font-size:3em; font-weight:700}
.page-product-view .super-plant-img {overflow:hidden; margin:0 auto; max-width:480px}
.page-product-view .super-plant-img>img {display:block; margin:-18.75% 0; width:100%}
.page-product-view .super-plant .plant {margin-top:25px; padding-bottom:40px; text-align:center}
.page-product-view .super-plant .plant-name {word-break:keep-all; word-wrap:break-word}
.page-product-view .super-plant .plant-desc {margin-top:8px; word-break:keep-all; word-wrap:break-word}
.page-product-view .super-plant .plant .func {margin-top:13px}
.page-product-view .super-plant .plant .func .btn {border-color:#454545}
@media (min-width:45em) {
    .page-product-view .super-plant-content {margin-top:13.67521%}
    .page-product-view .super-plant .col-heading {position:absolute}
    .page-product-view .super-plant-heading {font-size:3.6em}
    .page-product-view .super-plant-img {margin-top:-19.14894%; padding-bottom:8.51064%}
    .page-product-view .super-plant-img>img {margin:0 -10%; width:120%; max-width:none}
    .page-product-view .super-plant .plant {margin-top:86px; padding-bottom:8.51064%; text-align:left}
    .page-product-view .super-plant .plant .func {margin-top:55px}
}
@media (min-width:60em) {
    .page-product-view .super-plant-heading {font-size:5em}
    .page-product-view .super-plant-img {margin-bottom:8.51064%; padding-bottom:0}
    .page-product-view .super-plant-img>img {margin:-6.25% 0; width:100%}
    .page-product-view .super-plant .plant {margin-top:120px}
}
.page-product-view .texture {margin-top:40px}
.page-product-view .texture-content {position:relative; background:#f0f7f6}
.page-product-view .texture-img .slick-dots {position:absolute; top:0; left:0; right:0; bottom:0; top:auto; padding:1.5em 0}
.page-product-view .texture-img img {width:100%}
.page-product-view .texture-desc {text-align:center; padding:30px 20px; word-break:keep-all; word-wrap:break-word}
.page-product-view .texture-desc .h6+.p {margin-top:1em}
@media (min-width:45em) {
    .page-product-view .texture {margin-top:5.12821%}
    .page-product-view .texture-img {padding-right:50%}
    .page-product-view .texture-desc {position:absolute; left:50%; top:0; bottom:0; width:50%; padding:0; white-space:nowrap}
    .page-product-view .texture-desc-cell {display:inline-block; vertical-align:middle; white-space:normal}
    .page-product-view .texture-desc:after {content:""; display:inline-block; height:100%; vertical-align:middle}
    .page-product-view .texture-desc-cell {width:90%; white-space:normal}
    .page-product-view .texture-desc .h6+.p.too-much {margin-top:.4em}
    .page-product-view .texture-desc .p.too-much {font-size:1.2em; letter-spacing:.02em; line-height:1.46}
    .page-product-view .texture .slick-arrow {font-size:40px; height:auto; margin-top:-30px}
    .page-product-view .texture .slick-arrow.slick-prev {left:10px}
    .page-product-view .texture .slick-arrow.slick-next {right:10px}
}
@media (min-width:60em) {
    .page-product-view .texture-desc .h6+.p.too-much {margin-top:1em}
    .page-product-view .texture-desc .p.too-much {font-size:1.6em; letter-spacing:initial; line-height:1.5}
}
.page-product-view .preview {margin-top:40px}
.page-product-view .preview .color {overflow:hidden; position:relative}
.page-product-view .preview .color-img {margin:-30% -40% -15% -40%; width:180%; max-width:none}
.page-product-view .preview .color-text {position:absolute; bottom:30px; left:0; right:0; text-align:center; text-transform:uppercase}
.page-product-view .preview .color-name {color:#222; font-size:2.6em; font-weight:700}
.page-product-view .preview .color-name-kr {display:block; margin-top:3px; color:#222; font-size:1.6em}
.page-product-view .preview-dots {position:relative; margin:0 5%; margin-top:-20px; text-align:center; z-index:1001}
.page-product-view .preview-dots .dot {overflow:hidden; position:relative; width:40px; height:40px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:box-shadow .3s; -moz-transition:box-shadow .3s; -o-transition:box-shadow .3s; transition:box-shadow .3s}
.page-product-view .preview-dots .dot-no {position:absolute; left:0; top:0; width:40px; color:#222; font-size:1.4em; font-weight:700; line-height:40px; opacity:0; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s}
.page-product-view .preview-dots>li {display:inline-block; vertical-align:middle; margin:4px 7px}
.page-product-view .preview-dots>li.slick-active .dot {box-shadow:0 8px 8px rgba(0,0,0,.12)}
.page-product-view .preview-dots>li.slick-active .dot:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:3px solid #fff; margin:4px}
.page-product-view .preview-dots>li.slick-active .dot-no {opacity:1}
@media (min-width:45em) {
    .page-product-view .preview {margin-top:5.98291%}
    .page-product-view .preview .color-img {margin:-15% 0; width:auto; max-width:100%}
    .page-product-view .preview .color-text {position:absolute; top:50%; margin-top:-36px}
    .page-product-view .preview .color-name {font-size:6em}
    .page-product-view .preview .color-name-kr {font-size:2.4em}
    .page-product-view .preview-dots {margin:0 8%; margin-top:-35px}
    .page-product-view .preview-dots .dot {width:80px; height:80px}
    .page-product-view .preview-dots .dot-no {font-size:2em; width:80px; line-height:80px}
    .page-product-view .preview-dots>li.slick-active .dot {box-shadow:0 8px 8px rgba(0,0,0,.12)}
}
.page-product-view .sample {margin-top:40px; padding-bottom:40px; text-align:center; border-bottom:1px solid #e5e5e5}
.page-product-view .sample-list {zoom:1; margin-left:-16px; font-size:0; text-align:left}
.page-product-view .sample-list:before {content:''; display:block}
.page-product-view .sample-list:after {content:''; display:table; clear:both}
.page-product-view .sample-list>li {display:inline-block; width:50%; margin-bottom:20px; padding-left:16px; font-size:10px; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.page-product-view .sample-list>li>img {width:100%}
.page-product-view .sample-list--2col {font-size:10px}
.page-product-view .sample-list--2col>li {float:none; width:auto}
.page-product-view .sample-list--2col>li>img {width:auto}
.page-product-view .sample-list--4col {font-size:10px}
.page-product-view .sample-list--4col>li {float:left; width:50%; margin-bottom:20px; padding-left:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.page-product-view .sample-name {margin-top:10px; color:#454545; font-size:1.4em}
@media (min-width:35em) {
    .page-product-view .sample-list>li {float:left; width:33.33333%}
    .page-product-view .sample-list--2col>li {float:none; width:auto}
    .page-product-view .sample-list--4col>li {width:50%}
}
@media (min-width:45em) {
    .page-product-view .sample {margin-top:5.12821%; padding-bottom:5.12821%}
    .page-product-view .sample-list--2col>li {float:left; width:50%}
}
@media (min-width:60em) {
    .page-product-view .sample-list {margin-left:-6px}
    .page-product-view .sample-list>li {width:25%; padding-left:6px}
    .page-product-view .sample-list--2col {margin-left:-30px}
    .page-product-view .sample-list--2col>li {width:50%; padding-left:30px}
    .page-product-view .sample-list--4col {margin-left:-30px}
    .page-product-view .sample-list--4col>li {padding-left:30px}
}
.page-product-view .cushion {margin-top:45px}
.page-product-view .cushion-heading {font-size:2.2em; text-align:center; margin-bottom:20px}
.page-product-view .cushion .slick-dots {margin-top:17px}
.page-product-view .cushion .item {zoom:1; text-align:center; margin:0 auto; max-width:460px; background:#f7f7f7}
.page-product-view .cushion .item:before {content:''; display:block}
.page-product-view .cushion .item:after {content:''; display:table; clear:both}
.page-product-view .cushion .item-content {padding:40px 6.25% 30px}
.page-product-view .cushion .item-name {font-size:2em}
.page-product-view .cushion .item-desc {margin-top:8px}
.page-product-view .cushion .graph {position:relative; margin-top:15px; padding-left:80px; height:14px}
.page-product-view .cushion .graph-name {position:absolute; left:0; margin-top:-.75em; top:50%; color:#767676; font-size:1.6em}
.page-product-view .cushion .graph-desc {margin-bottom:20px}
.page-product-view .cushion .graph-bg {position:relative; top:2px; height:10px; background:#e5e5e5}
.page-product-view .cushion .graph-bar {visibility:hidden; display:block; background:#9799fc; background:-moz-linear-gradient(left, #9799fc, #77c8fd); background:-webkit-linear-gradient(left, #9799fc, #77c8fd); background:linear-gradient(to right, #9799fc, #77c8fd); height:100%}
.page-product-view .cushion .func {margin-top:30px}
@media (min-width:45em) {
    .page-product-view .cushion {margin-top:5.12821%}
    .page-product-view .cushion-heading {font-size:3.2em; margin-bottom:25px}
    .page-product-view .cushion .item {display:table; width:100%; max-width:none}
    .page-product-view .cushion .item--even .item-img {position:relative; left:50%}
    .page-product-view .cushion .item--even .item-content {position:relative; left:-50%}
    .page-product-view .cushion .item-img {display:table-cell; width:50%; vertical-align:middle}
    .page-product-view .cushion .item-img>img {width:100%}
    .page-product-view .cushion .item-content {display:table-cell; width:50%; vertical-align:middle; padding:0 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-product-view .cushion .item-name {margin:0 -10%; font-size:2.6em}
    .page-product-view .cushion .item-desc {margin-top:8px; margin-bottom:30px}
    .page-product-view .cushion .item .func {margin-top:40px}
}
@media (min-width:60em) {
    .page-product-view .cushion .item-content {padding:0 9.27835%}
}
.page-product-view .how-to {margin-top:40px; background:#f7f7f7}
.page-product-view .how-to-content {padding:30px 0 40px}
.page-product-view .how-to-heading {padding-bottom:28px; text-align:center; text-transform:uppercase}
.page-product-view .how-to .steps .step {zoom:1; margin-top:20px}
.page-product-view .how-to .steps .step:before {content:''; display:block}
.page-product-view .how-to .steps .step:after {content:''; display:table; clear:both}
.page-product-view .how-to .steps .step:first-child {margin-top:0}
.page-product-view .how-to .steps .step-img {border:1px solid #f0f0f0}
.page-product-view .how-to .steps .step-num {font-size:1.6em; font-weight:700}
.page-product-view .how-to .steps .step-desc {margin-top:5px; word-break:keep-all; word-wrap:break-word}
.page-product-view .how-to .steps+.ol, .page-product-view .how-to .steps+.ul {margin-top:30px; font-size:1.6em}
.page-product-view .how-to .steps+.ol li, .page-product-view .how-to .steps+.ul li {word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-product-view .how-to {margin-top:5.12821%}
    .page-product-view .how-to-content {padding:5.15464% 0}
}
@media (min-width:60em) {
    .page-product-view .how-to .steps {zoom:1}
    .page-product-view .how-to .steps:before {content:''; display:block}
    .page-product-view .how-to .steps:after {content:''; display:table; clear:both}
    .page-product-view .how-to .steps .step {position:relative; padding-left:100px}
    .page-product-view .how-to .steps .step-num {position:absolute; left:0; top:-4px; font-size:1.8em}
    .page-product-view .how-to .steps.steps--with-img {margin:0 -15px; font-size:0; text-align:center}
    .page-product-view .how-to .steps.steps--with-img .step {display:inline-block; margin-top:0; width:25%; font-size:10px; padding:15px; text-align:left; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-product-view .how-to .steps.steps--with-img .step-num {position:relative; top:0; display:block; margin-top:13px}
    .page-product-view .how-to .steps+.ol, .page-product-view .how-to .steps+.ul {margin-top:4.12371%}
}
@media (max-width:59.99em) {
    .page-product-view .how-to .steps.steps--with-img .step {position:relative; padding-left:150px}
    .page-product-view .how-to .steps.steps--with-img .step-img {overflow:hidden; position:relative; float:left; width:130px; margin-left:-150px; height:0; padding-bottom:130px}
    .page-product-view .how-to .steps.steps--with-img .step-img img {max-width:none; position:absolute; top:0; right:0; height:100%}
}
@media (max-width:34.99em) {
    .page-product-view .how-to .steps.steps--with-img .step {padding-left:110px}
    .page-product-view .how-to .steps.steps--with-img .step-img {width:90px; margin-left:-110px; padding-bottom:90px}
}
.page-product-view .ingredient {margin-top:40px; padding:30px 20px; border:1px solid #e5e5e5}
.page-product-view .ingredient--select .ingredient-header {position:relative}
.page-product-view .ingredient--select .ingredient-header .ingredient-heading {line-height:40px}
.page-product-view .ingredient--select .ingredient-header .selectbox {position:absolute; right:0; top:0}
.page-product-view .ingredient--select .ingredient-list>li {display:none}
.page-product-view .ingredient--select .ingredient-list>li.is-current {display:block}
.page-product-view .ingredient-heading {color:#333; font-size:1.6em}
.page-product-view .ingredient-list {margin-top:10px; color:#666; font-size:1.4em}
@media (min-width:45em) {
    .page-product-view .ingredient {margin-top:5.15464%; padding:30px 50px; display:table; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-product-view .ingredient--select .ingredient-header {width:150px}
    .page-product-view .ingredient--select .ingredient-header .selectbox {position:relative}
    .page-product-view .ingredient-header {display:table-cell; width:120px}
    .page-product-view .ingredient-list {display:table-cell}
}
.page-product-view .result {margin-top:40px; text-align:center}
@media (min-width:45em) {
    .page-product-view .result {zoom:1; margin-top:5.12821%}
    .page-product-view .result:before {content:''; display:block}
    .page-product-view .result:after {content:''; display:table; clear:both}
    .page-product-view .result-col {float:left; width:50%}
}
.page-product-view .featured {margin-top:40px}
.page-product-view .featured-heading {text-align:center}
.page-product-view .featured-list {zoom:1; margin:10px -8px 0}
.page-product-view .featured-list:before {content:''; display:block}
.page-product-view .featured-list:after {content:''; display:table; clear:both}
.page-product-view .featured-item {float:left; width:50%}
.page-product-view .featured-product {display:block; margin:0 8px; text-align:center}
.page-product-view .featured-product-name {margin-top:10px; color:#333; font-size:1.6em}
.page-product-view .featured .slick-track {margin:0 auto}
.page-product-view .featured .slick-dots {margin-top:27px}
@media (min-width:35em) {
    .page-product-view .featured-item {width:33.33333%}
}
@media (min-width:45em) {
    .page-product-view .featured {margin-top:5.12821%}
    .page-product-view .featured-list {margin:10px -15px 0}
    .page-product-view .featured-item {width:20%}
    .page-product-view .featured-product {margin:0 15px}
}
.page-product-view .review-title {line-height:37px}
.page-product-view .review-action {text-align:right}
.page-product-view .review .review-section-wrapper:first-child .review-section {margin-top:22px}
@media (min-width:45em) {
    .page-product-view .review .review-section-wrapper:first-child .review-section {margin-top:5.12821%}
}
.page-product-view .review-section {margin-top:50px}
@media (min-width:45em) {
    .page-product-view .review-section {margin-top:2.5641%}
}
.page-product-view .customer-review {margin-top:40px}
.page-product-view .customer-review .comment-list {margin-top:10px}
@media (min-width:45em) {
    .page-product-view .customer-review {margin-top:3.4188%}
}
.page-product-view .content-section-container {margin-top:40px}
@media (min-width:45em) {
    .page-product-view .content-section-container {margin-top:5.12821%}
}
.page-product-view .content-section {margin-top:20px; background-position:center center; background-size:cover}
.page-product-view .content-section-header {text-align:center}
.page-product-view .content-section-footer {word-break:keep-all; word-wrap:break-word}
.page-product-view .content-section-heading {font-size:2.2em; word-break:keep-all; word-wrap:break-word}
.page-product-view .content-section-desc {margin-top:15px; line-height:1.3; word-break:keep-all; word-wrap:break-word}
.page-product-view .content-section-list {margin-top:25px}
.page-product-view .content-section-list .item+.item {margin-top:30px}
@media (min-width:45em) {
    .page-product-view .content-section {margin-top:2.5641%}
    .page-product-view .content-section+.content-section--chart, .page-product-view .content-section+.content-section--diary {margin-top:5.12821%}
    .page-product-view .content-section-heading {font-size:3.2em}
    .page-product-view .content-section-desc {margin-top:15px; font-size:2em}
    .page-product-view .content-section-list {padding:0}
}
.page-product-view .content-section .item-img {text-align:center}
.page-product-view .content-section .item-img .for-desktp {display:none}
.page-product-view .content-section .item-media {text-align:center}
.page-product-view .content-section .item-media .media-embed {position:relative; display:block}
.page-product-view .content-section .item-media .media-text {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; white-space:nowrap}
.page-product-view .content-section .item-media .media-text-cell {display:inline-block; vertical-align:middle; white-space:normal}
.page-product-view .content-section .item-media .media-text:after {content:""; display:inline-block; height:100%; vertical-align:middle}
.page-product-view .content-section .item-media .icon-play {font-size:55px}
.page-product-view .content-section .item-text {margin-top:20px}
.page-product-view .content-section .item-text+.item-text {margin-top:30px}
.page-product-view .content-section .item-title {color:#3a4f9a; font-size:1.6em; word-break:keep-all; word-wrap:break-word}
.page-product-view .content-section .item-title br {display:none}
.page-product-view .content-section .item-desc {margin-top:.4em; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-product-view .content-section .item-img .for-mobile {display:none}
    .page-product-view .content-section .item-img .for-desktp {display:inline-block}
    .page-product-view .content-section .item-media .icon-play {font-size:80px}
    .page-product-view .content-section .item-text {margin-top:10px}
    .page-product-view .content-section .item-title {font-size:2em}
    .page-product-view .content-section .item-title br {display:block}
    .page-product-view .content-section .item-desc {margin-top:10px}
}
.page-product-view .content-section .circle-list {margin:14px 0 20px}
.page-product-view .content-section .circle-list>li {position:relative; margin-top:12px; color:#454545; font-size:1.6em; padding-left:32px; word-break:keep-all; word-wrap:break-word}
.page-product-view .content-section .circle-list>li .num {position:absolute; left:0; top:1px; width:22px; height:22px; line-height:22px; color:#fff; font-size:14px; background:#8ca7bf; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%}
.page-product-view .content-section .center-cols {margin-left:-8px; margin-right:-8px}
.page-product-view .content-section .center-cols>.row {display:table; width:100%; margin-left:0; margin-right:0}
.page-product-view .content-section .center-cols .col {float:none; display:table-cell; vertical-align:middle}
@media (min-width:45em) {
    .page-product-view .content-section .center-cols {margin-left:-9px; margin-right:-9px}
}
@media (min-width:60em) {
    .page-product-view .content-section .center-cols {margin-left:-15px; margin-right:-15px}
}
.page-product-view .content-section--first {margin-top:30px}
@media (min-width:45em) {
    .page-product-view .content-section--first {margin-top:5.12821%}
}
.page-product-view .content-section--type-01 {padding:30px 0 35px}
.page-product-view .content-section--type-01 .item {margin-left:-8px; margin-right:-8px}
.page-product-view .content-section--type-01 .item+.item {margin-top:25px}
.page-product-view .content-section--type-01 .item .row {display:table; width:100%; margin-left:0; margin-right:0}
.page-product-view .content-section--type-01 .item-col {float:none; display:table-cell; vertical-align:middle}
@media (min-width:45em) {
    .page-product-view .content-section--type-01 {padding:4.2735% 0}
    .page-product-view .content-section--type-01 .item {margin-left:-9px; margin-right:-9px}
    .page-product-view .content-section--type-01 .item+.item {margin-top:30px}
}
@media (min-width:60em) {
    .page-product-view .content-section--type-01 .item {margin-left:-15px; margin-right:-15px}
}
.page-product-view .content-section--type-02 {padding:30px 0 35px}
@media (min-width:45em) {
    .page-product-view .content-section--type-02 {padding:4.2735% 0}
}
.page-product-view .content-section--type-03 {padding:30px 0 35px}
.page-product-view .content-section--type-03 .content-section-header {margin-bottom:30px}
.page-product-view .content-section--type-03 .content-section-img {text-align:center; margin-bottom:30px; max-width:320px; margin:0 auto}
.page-product-view .content-section--type-03 .content-section-footer {padding-top:20px; border-top:1px solid #ccc; text-align:center; word-break:keep-all; word-wrap:break-word}
.page-product-view .content-section--type-03 .content-section-footer .func {margin-top:1em}
@media (min-width:45em) {
    .page-product-view .content-section--type-03 {border:1px solid #ccc; padding:4.2735% 0}
    .page-product-view .content-section--type-03 .circle-list {zoom:1; margin-top:0}
    .page-product-view .content-section--type-03 .circle-list:before {content:''; display:block}
    .page-product-view .content-section--type-03 .circle-list:after {content:''; display:table; clear:both}
    .page-product-view .content-section--type-03 .circle-list.circle--two>li {float:left; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
}
@media (min-width:60em) {
    .page-product-view .content-section--type-03 .content-section-cont {display:table; width:100%}
    .page-product-view .content-section--type-03 .content-section-img, .page-product-view .content-section--type-03 .content-section-text {display:table-cell; vertical-align:middle; width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-product-view .content-section--type-03 .content-section-img {padding-right:8.54701%}
    .page-product-view .content-section--type-03 .content-section-text {padding-left:2.13675%}
    .page-product-view .content-section--type-03 .content-section-footer {margin-top:30px; padding-top:30px; text-align:left}
    .page-product-view .content-section--type-03 .circle-list.circle--two>li {float:left; width:50%}
}
.page-product-view .content-section--type-04 {padding:30px 0 35px}
.page-product-view .content-section--type-04 .item {padding:30px 20px; background:#fff}
.page-product-view .content-section--type-04 .item+.item {margin-top:10px}
.page-product-view .content-section--type-04 .item-desc {margin-top:10px}
@media (min-width:45em) {
    .page-product-view .content-section--type-04 {padding:4.2735% 0}
    .page-product-view .content-section--type-04 .item {padding:4.12371% 10.30928%}
    .page-product-view .content-section--type-04 .item-text {position:relative; padding-left:25.97403%}
    .page-product-view .content-section--type-04 .item-title {position:absolute; left:0; top:0; width:22.07792%}
}
.page-product-view .content-section--diary {text-align:center; margin-top:40px}
.page-product-view .content-section--diary .item-title {font-size:1.6em}
.page-product-view .content-section--diary .item-desc {margin-bottom:-10px}
.page-product-view .content-section--diary .item-desc>strong {color:#000; font-weight:400}
.page-product-view .content-section--diary .figure {margin-top:20px}
.page-product-view .content-section--diary .figure-img {display:block; margin:0 auto}
.page-product-view .content-section--diary .figure-caption {margin-top:15px; display:inline-block; padding:4px 10px; color:#666; font-size:1.6em; border:1px solid #e5e5e5}
.page-product-view .content-section--diary .content-section-footer {margin-top:30px; text-align:left}
.page-product-view .content-section--diary .content-section-footer .p {margin:8px 0; color:#666; font-size:1.4em}
.page-product-view .content-section--diary .content-section-footer .func {margin-top:11px; border-top:1px solid #ccc; padding-top:20px}
@media (min-width:45em) {
    .page-product-view .content-section--diary .item-title {font-size:2em}
    .page-product-view .content-section--diary .content-section-heading {font-size:2.8em}
}
.page-product-view .content-section .mygoods-chart {padding:40px 5.55556%; border:1px solid #e5e5e5}
.page-product-view .content-section .mygoods-chart .chart-fig {zoom:1}
.page-product-view .content-section .mygoods-chart .chart-fig:before {content:''; display:block}
.page-product-view .content-section .mygoods-chart .chart-fig:after {content:''; display:table; clear:both}
.page-product-view .content-section .mygoods-chart .chart-fig+.chart-fig {margin-top:40px}
.page-product-view .content-section .mygoods-chart .chart-cont+.chart-cont {margin-top:10px}
.page-product-view .content-section .mygoods-chart .chart-cont .rect-h {display:block; text-align:right}
.page-product-view .content-section .mygoods-chart .chart-line {margin:10px 0 7px 0}
.page-product-view .content-section .mygoods-chart .chart-caption {font-weight:700}
.page-product-view .content-section .mygoods-chart .chart-desc {float:left}
@media (min-width:45em) {
    .page-product-view .content-section .mygoods-chart {padding:60px 10.30928% 40px 10.30928%}
    .page-product-view .content-section .mygoods-chart .chart-fig+.chart-fig {margin-top:50px}
}
.page-product-view .content-section .effect-chart {zoom:1}
.page-product-view .content-section .effect-chart:before {content:''; display:block}
.page-product-view .content-section .effect-chart:after {content:''; display:table; clear:both}
.page-product-view .content-section .effect-chart .chart-about {text-align:center}
.page-product-view .content-section .effect-chart .chart-fig {zoom:1}
.page-product-view .content-section .effect-chart .chart-fig:before {content:''; display:block}
.page-product-view .content-section .effect-chart .chart-fig:after {content:''; display:table; clear:both}
.page-product-view .content-section .effect-chart .chart-fig+.chart-fig {margin-top:20px}
.page-product-view .content-section .effect-chart--bar {margin-top:40px; border-bottom:1px solid #e5e5e5}
.page-product-view .content-section .effect-chart--bar .chart-fig+.chart-fig {margin-top:50px}
.page-product-view .content-section .effect-chart--bar .chart-fig-inner {position:relative; border-top:1px solid #eee; border-bottom:2px solid #aaa; padding-top:60px; margin-bottom:30px; background-color:#777; background:linear-gradient(#fff 60px, #eee 60px); background-size:1px 61px}
.page-product-view .content-section .effect-chart--bar .chart-cont li {position:relative; float:left; width:50%}
.page-product-view .content-section .effect-chart--bar .chart-cont.chart-cont-3 li {width:33.33333%}
.page-product-view .content-section .effect-chart--bar .chart-caption {position:absolute; top:-15px; left:10%; right:10%; z-index:20; display:block; text-align:center; padding:7px 0; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; background-color:#f2f2f2}
.page-product-view .content-section .effect-chart--bar .chart-desc {position:absolute; left:5px; right:5px; top:100%; margin-top:10px; text-align:center; line-height:1.2}
.page-product-view .content-section .effect-chart--bar .chart-footer {padding-bottom:20px}
.page-product-view .content-section .effect-chart--donut {padding:40px 5.55556%; border:1px solid #e5e5e5}
.page-product-view .content-section .effect-chart--donut .chart-caption {margin-top:10px}
@media (min-width:45em) {
    .page-product-view .content-section .effect-chart .chart-fig+.chart-fig {margin-top:0}
    .page-product-view .content-section .effect-chart .chart-caption strong {display:block; font-weight:400; color:#2d5251}
    .page-product-view .content-section .effect-chart--bar .chart-caption {top:-20px; left:15%; right:15%; margin:0 auto}
    .page-product-view .content-section .effect-chart--donut {padding:40px 10.30928%}
}
.page-product-view .content-section--chart .content-section-header {margin-bottom:20px}
.page-product-view .content-section--chart .chart-cont {zoom:1}
.page-product-view .content-section--chart .chart-cont:before {content:''; display:block}
.page-product-view .content-section--chart .chart-cont:after {content:''; display:table; clear:both}
.page-product-view .content-section--chart .chart-caption {font-size:1.8em}
.page-product-view .content-section--chart .chart-caption em {color:#00682b; border-bottom:1px solid #00682b}
.page-product-view .content-section--chart .chart-desc {font-size:1.6em}
.page-product-view .content-section--chart .chart-footer {color:#666; font-size:1.4em; margin-top:50px}
.page-product-view .content-section--chart .chart-footer p+p {margin-top:10px}
@media (min-width:45em) {
    .page-product-view .content-section--chart .content-section-heading {font-size:2.8em}
}
.page-skincare .overview {background:#ebf3f0 url(/int/en/resource/img/product/view/overview-bg.jpg) center top no-repeat; background-size:100%}
@media (min-width:45em) {
    .page-skincare .overview {background-image:url(/int/en/resource/img/product/view/overview-bg-large.jpg); background-size:cover}
}
.page-makeup .overview {background-color:#f7f6f4}
.page-makeup .feature-img {margin-top:20px; width:100%}
.page-men .overview {background-color:#e8edf2}
.page-notice .item-date, .page-notice .item-num {color:#666; font-size:1.4em}
.page-notice .item-link {display:block; color:#333; font-size:1.6em}
.page-notice .list-not {display:block; color:#333; font-size:1.6em; text-align:center; padding:150px 0; border-bottom:1px solid #ccc}
@media (max-width:44.99em) {
    .page-notice .list {display:block}
    .page-notice .list thead {display:none}
    .page-notice .list tbody {display:block}
    .page-notice .list .item {display:block; padding:15px 0; border-bottom:1px solid #e5e5e5}
    .page-notice .list .item-num {display:none}
    .page-notice .list .item-link {position:relative; padding:16px 0 40px; margin:-16px 0 -40px}
    .page-notice .list td {display:block}
}
@media (min-width:45em) {
    .page-notice .item-date, .page-notice .item-num {line-height:24px; text-align:center}
    .page-notice .list {border-spacing:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
    .page-notice .list .col-num {width:125px}
    .page-notice .list .col-date {width:170px}
    .page-notice .list thead {font-size:1.4em; line-height:24px}
    .page-notice .list th {padding-top:12px; padding-bottom:12px; background:#f7f7f7}
    .page-notice .list td {border-top:1px solid #e5e5e5; padding-top:15px; padding-bottom:15px}
}
.page-notice-view .notice-header {padding:18px 20px; background:#f7f7f7}
.page-notice-view .notice-title {margin-bottom:.4em; color:#333; font-size:1.8em}
.page-notice-view .notice-date {color:#666; font-size:1.4em}
.page-notice-view .notice-body {margin:0; padding:28px 20px}
@media (min-width:45em) {
    .page-notice-view .notice-header {border-top:1px solid #666}
    .page-notice-view .notice-body, .page-notice-view .notice-header {padding-left:20px; padding-right:20px}
    .page-notice-view .notice-body {margin:0; padding-top:3.60825%; padding-bottom:7.73196%}
}
.page-search mark {background:rgba(51,132,102,.1); color:#00682b}
.page-search .search-head .search-inner {padding-bottom:30px}
@media (min-width:45em) {
    .page-search .search-head .search-inner {padding-bottom:25px}
    .page-search .search-head .search-bar-wrap {padding-bottom:20px}
    .page-search .search-head .search-bar {width:auto}
    .page-search .search-head .search-bar label {overflow:hidden; width:1px; height:1px}
    .page-search .search-head .search-bar input[type=search] {padding-left:0}
    .page-search .search-head .search-bar .reset {display:none}
    .page-search .search-head .form {padding:0 17.1875%}
}
.page-search .no-result {padding:75px 0; text-align:center}
.page-search .no-result:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none; color:#ccc; font-size:52px; line-height:1}
.page-search .no-result-msg {margin-top:10px; color:#767676; font-size:1.8em}
.page-search .no-result-msg>b {color:#333; font-weight:400}
@media (min-width:60em) {
    .page-search .no-result {padding:135px 0 180px}
}
.page-search .search-state {margin-top:35px; margin-bottom:10px; padding-bottom:10px; color:#333; font-size:1.6em; border-bottom:1px solid #ccc}
.page-search .search-state>em {color:#002d96}
@media (min-width:45em) {
    .page-search .search-state {margin-top:55px}
}
.page-search .search-pagination {border-top:1px solid #ccc}
@media (min-width:45em) {
    .page-search .search-pagination {border-top:none}
    .page-search .search-pagination .content-footer {margin-top:50px}
}
.page-search .product-list {margin-top:-15px}
.page-search .product-list .item {margin-top:15px; display:block; position:relative}
.page-search .product-list .item .label {left:0}
.page-search .product-list .item-text {color:#333; font-size:1.6em; height:2.4em; text-align:center; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; max-height:2.4em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.page-search .site {margin-top:40px}
.page-search .site-list {zoom:1; border-bottom:1px solid #ccc}
.page-search .site-list:before {content:''; display:block}
.page-search .site-list:after {content:''; display:table; clear:both}
.page-search .site-list .item+.item {border-top:1px solid #e5e5e5}
.page-search .site-list .link {display:block; text-decoration:none}
.page-search .site-list .cont {position:relative; padding:30px 5.55556%}
.page-search .site-list .cont p {color:#767676; font-size:1.6em; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.page-search .site-list .category {display:block; color:#999; font-size:1.6em; margin-bottom:5px}
.page-search .site-list .tl {display:block; color:#333; font-size:1.6em; margin-bottom:5px; word-break:keep-all; word-wrap:break-word}
@media (min-width:45em) {
    .page-search .site-list .cont {padding:40px 70px 40px 200px}
    .page-search .site-list .category {position:absolute; left:0; top:40px; margin-bottom:0; padding-left:70px; width:120px; text-align:left}
}
.page-store .banner {display:block}
.page-store .banner-title {color:#222; font-weight:400; text-transform:uppercase}
.page-store .banner-country {color:#666}
.page-store .item-nation, .page-store .item-state {color:#666; font-size:1.4em; letter-spacing:.02em; text-align:center}
.page-store .item-address {color:#666; font-size:1.4em; letter-spacing:.02em}
.page-store .item-store {color:#333; font-size:1.6em}
.page-store .item-tel {color:#338466; font-size:1.4em; letter-spacing:.02em; text-align:center}
.page-store .total {color:#333; font-size:16px}
.page-store .total-num {color:#002d96}
.page-store .content-footer {margin-bottom:78px}
@media (max-width:44.99em) {
    .page-store .banner-list {margin-top:20px; margin-bottom:20px}
    .page-store .banner-list .banner {margin-bottom:3%; overflow:hidden}
    .page-store .banner-list .banner-img {float:left; width:50%; margin-right:20px}
    .page-store .banner-list .banner-title {padding-top:10px; text-align:left; font-size:1.8em}
    .page-store .banner-list .banner-country {margin-top:1.1%; text-align:left; font-size:1.4em; letter-spacing:.02em; zoom:1}
    .page-store .banner-list .banner-country:before {content:''; display:block}
    .page-store .banner-list .banner-country:after {content:''; display:table; clear:both}
    .page-store .total {margin-top:32px}
    .page-store .filter {margin-top:10px; padding:10px 0; background-color:#f7f7f7; text-align:center; zoom:1}
    .page-store .filter:before {content:''; display:block}
    .page-store .filter:after {content:''; display:table; clear:both}
    .page-store .filter-item {float:left; width:50%}
    .page-store .filter-item:nth-child(1) {text-align:left}
    .page-store .filter-item:nth-child(2) {text-align:right}
    .page-store .filter .selectbox {width:98%}
    .page-store .list {display:block}
    .page-store .list thead {display:none}
    .page-store .list tbody {display:block}
    .page-store .list .item {display:block; position:relative; padding:45px 0 15px; border-bottom:1px solid #e5e5e5}
    .page-store .list .item-address, .page-store .list .item-nation, .page-store .list .item-state {display:inline}
    .page-store .list .item-address {margin-left:4px}
    .page-store .list .item-nation::after {content:','}
    .page-store .list .item-state::after {content:''; display:inline-block; width:1px; height:11px; margin-left:9px; background:#666}
    .page-store .list .item-store {display:block; position:absolute; top:12px; left:0}
    .page-store .list .item-tel {display:block; margin-top:5px; text-align:left}
    .page-store .content-footer {margin-bottom:38px}
}
@media (max-width:34.99em) {
    .page-store .banner-list .banner-title {font-size:1.6em}
}
@media (min-width:45em) {
    .page-store .banner-list {font-size:0; text-align:left; margin-left:4.78%; margin-right:4.78%; margin-bottom:1.1%}
    .page-store .banner-list-item {display:inline-block; box-sizing:border-box; width:25%; padding-left:1.35%; padding-right:1.35%; font-size:10px; text-align:center; vertical-align:top}
    .page-store .banner-list .banner-title {margin-top:1em; font-size:1.8em}
    .page-store .banner-list .banner-country {margin-top:1.714%; margin-bottom:16%; font-size:1.4em; letter-spacing:.02em}
    .page-store .total {position:absolute; margin-top:48px}
    .page-store .filter {margin-top:40px; text-align:right}
    .page-store .filter-item {display:inline-block}
    .page-store .filter-item:nth-child(2) {margin-left:6px}
    .page-store .filter .selectbox {min-width:190px}
    .page-store .list {margin-top:6px; border-spacing:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
    .page-store .list thead {font-size:1.4em; letter-spacing:.02em; line-height:24px}
    .page-store .list th {padding:12px 24px; background:#f7f7f7; font-weight:400}
    .page-store .list td {border-top:1px solid #e5e5e5; padding-top:15px; padding-bottom:15px}
    .page-store .list .item-nation {padding-left:20px; padding-right:10px}
    .page-store .list .item-state {padding-left:10px; padding-right:15px}
    .page-store .list .item-store {padding-top:12px; padding-left:15px; padding-right:15px}
    .page-store .list .item-address {padding-left:15px; padding-right:10px}
    .page-store .list .item-tel {padding-left:10px; padding-right:20px}
}
.page-sitemap {background-color:#f7f6f4}
.page-sitemap .sitemap-box {padding:5.55556% 0 5.55556% 5.55556%; background-color:#fff; text-transform:uppercase}
.page-sitemap .content {margin-top:20px}
@media (min-width:45em) {
    .page-sitemap .content {margin-top:0}
}
.page-sitemap .nav-d1-item {margin-bottom:30px; padding-right:5.55556%}
.page-sitemap .nav-d1-link {display:block; color:#222; font-size:1.8em; font-weight:700; padding-bottom:10px; text-decoration:none; border-bottom:1px solid #767676}
.page-sitemap .nav-d2 {padding-top:10px}
.page-sitemap .nav-d2-link {display:block; color:#666; font-size:1.6em; padding:5px 0; text-decoration:none}
.page-sitemap .nav-util-list {position:relative; padding-top:10px}
.page-sitemap .nav-util-list:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; bottom:auto; right:5.55556%; height:1px; border-top:1px solid #767676}
.page-sitemap .nav-util-list li {padding-right:5.55556%}
.page-sitemap .nav-util-link {display:block; color:#666; font-size:1.6em; padding:5px 0; text-decoration:none}
@media (min-width:35em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {display:inline-block; margin-left:-1px; margin-right:-1px; vertical-align:top; width:44.44444%}
}
@media (min-width:45em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {width:44.44444%}
}
@media (min-width:60em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {width:44.44444%}
}
@media (min-width:80em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {width:19.44444%}
}
.search-head {overflow:hidden; background-color:#f7f7f7; text-align:center}
.search-bar {box-sizing:border-box; position:relative}
.search-bar-wrap {padding-top:20px; padding-bottom:20px}
.search-bar .search-input-wrap {position:relative; height:38px}
.search-bar label {position:absolute; left:0; top:1px; z-index:2; font-size:20px}
.search-bar label:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.search-bar input[type=search], .search-bar input[type=text] {height:100%; padding-left:30px; padding-right:30px; background-color:transparent}
.search-bar input[type=search]:focus, .search-bar input[type=text]:focus {border-color:#0059b4}
.search-bar [type=reset] {overflow:hidden; position:absolute; right:0; top:50%; margin-top:-15px; height:19px; padding:2px; color:#999; font-size:19px; line-height:1}
.search-bar [type=reset]:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.search-bar .submit {margin-top:20px}
@media (min-width:45em) {
    .search-bar {padding-right:132px; width:50%; min-width:480px; margin:0 auto}
    .search-bar-wrap {padding-top:0; padding-bottom:5.12821%}
    .search-bar .submit {position:absolute; right:0; top:-2px; margin-top:0; padding:9px 30px}
}
.search-result {color:#333; font-size:1.6em; padding:40px 5.55556% 15px; text-align:center}
@media (min-width:60em) {
    .search-result {padding-top:60px; padding-left:0; padding-right:0; text-align:left}
}
/* main kv */
.slide.white .title {color:#fff;}
.slide.white .btn {border:1px solid #fff; color:#fff;}
.slide.white .btn:hover, .slide.white .btn:focus, .slide.white .btn:actvite {color:#fff;}
.new-slider .slide.white .row {color:#fff;}
.new-slider .slide.white h2 {color:#fff;}
.new-slider .slide.white .label {color:#fff;}
.new-slider .slide.white .btn {border:1px solid #fff; color:#fff;}
.new-slider .slide.white .btn:hover, .new-slider .slide.white .btn:focus, .new-slider .slide.white .btn:activate {border:1px solid #fff; color:#fff;}
.bestseller-section--age .bg {background-color:#5b679b;}
.bestseller-section--age .heading {color:#000;}
.bestseller-section--age .head .subheading {color:rgba(0,0,0,.8)}
.bestseller-section--age .desc .ul>li {color:rgba(0,0,0,.8)}
.bestseller-section--age .desc .ul>li:before {background:#454545;}
@media (min-width:60em) {
    .superplant-section .item--plantstem .img-txt {top:80%; left:18.5%;}
}
/*20180717*/
@media (min-width:45em) {
    .page-new .new-products .item-name.sub-h6 {font-size:1.7em;}
}
/* 20181220 awards*/
.item-wrap .count.etc {margin:0 30px 18px; padding:25px 5px 20px; text-align:left; border-bottom:1px solid #ddd;}
@media (min-width:60em) {
    .item-wrap {margin-bottom:100px;}
    .item-wrap:after {display:block; clear:both; content:'';}
    .item-wrap .item {display:inline-block; float:left; width:48.043%; margin:0; vertical-align:top}
    .item-wrap .item .bg-img img {width:100%;}
    .item-wrap .count.etc {position:absolute; left:0; bottom:9%; z-index:1; width:70%; padding-bottom:2.5%; border-bottom:1px solid #ddd; text-align:left;}
    .item-wrap .count.etc .count-data {float:none; display:inline-block; margin-left:5px; font-size:5.6em;}
    .awards-section .item-desc.etc {float:none; width:100%; margin:-4% 0 0; padding:0 0 3%; text-align:center;}
    .awards-section .item-list.etc {float:none; width:68%; max-width:none; margin:0}
    .awards-section .item-img.etc {top:13%; left:inherit; right:-19%; width:85%; max-width:none;}
    .awards-section .item-img.type1 {top:4%; right:-17%;}
    .awards-section .item-img.type2 {top:16% !important; left:-18% !important;}
    .item-wrap .item:last-child {float:right}
    .item-wrap .item:last-child .item-list.etc {float:right;}
    .item-wrap .item:last-child .item-img.etc {top:18%; left:-15%; right:0;}
    .item-wrap .item:last-child .count.etc {left:inherit; right:0; width:62%; text-align:right;}
    .awards-section .item-wrap .item-list {padding-right:5%; font-size: 1.2em;}
    .awards-section .item-wrap .item-list li {margin-bottom:10px;}
}
@media (min-width:60em) {
    .awards-section .item-list li {padding-left:70px;}
}ont-size:1.6em}
}
@media (min-width:45em) {
    .page-store .banner-list {font-size:0; text-align:left; margin-left:4.78%; margin-right:4.78%; margin-bottom:1.1%}
    .page-store .banner-list-item {display:inline-block; box-sizing:border-box; width:25%; padding-left:1.35%; padding-right:1.35%; font-size:10px; text-align:center; vertical-align:top}
    .page-store .banner-list .banner-title {margin-top:1em; font-size:1.8em}
    .page-store .banner-list .banner-country {margin-top:1.714%; margin-bottom:16%; font-size:1.4em; letter-spacing:.02em}
    .page-store .total {position:absolute; margin-top:48px}
    .page-store .filter {margin-top:40px; text-align:right}
    .page-store .filter-item {display:inline-block}
    .page-store .filter-item:nth-child(2) {margin-left:6px}
    .page-store .filter .selectbox {min-width:190px}
    .page-store .list {margin-top:6px; border-spacing:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
    .page-store .list thead {font-size:1.4em; letter-spacing:.02em; line-height:24px}
    .page-store .list th {padding:12px 24px; background:#f7f7f7; font-weight:400}
    .page-store .list td {border-top:1px solid #e5e5e5; padding-top:15px; padding-bottom:15px}
    .page-store .list .item-nation {padding-left:20px; padding-right:10px}
    .page-store .list .item-state {padding-left:10px; padding-right:15px}
    .page-store .list .item-store {padding-top:12px; padding-left:15px; padding-right:15px}
    .page-store .list .item-address {padding-left:15px; padding-right:10px}
    .page-store .list .item-tel {padding-left:10px; padding-right:20px}
}
.page-sitemap {background-color:#f7f6f4}
.page-sitemap .sitemap-box {padding:5.55556% 0 5.55556% 5.55556%; background-color:#fff; text-transform:uppercase}
.page-sitemap .content {margin-top:20px}
@media (min-width:45em) {
    .page-sitemap .content {margin-top:0}
}
.page-sitemap .nav-d1-item {margin-bottom:30px; padding-right:5.55556%}
.page-sitemap .nav-d1-link {display:block; color:#222; font-size:1.8em; font-weight:700; padding-bottom:10px; text-decoration:none; border-bottom:1px solid #767676}
.page-sitemap .nav-d2 {padding-top:10px}
.page-sitemap .nav-d2-link {display:block; color:#666; font-size:1.6em; padding:5px 0; text-decoration:none}
.page-sitemap .nav-util-list {position:relative; padding-top:10px}
.page-sitemap .nav-util-list:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; bottom:auto; right:5.55556%; height:1px; border-top:1px solid #767676}
.page-sitemap .nav-util-list li {padding-right:5.55556%}
.page-sitemap .nav-util-link {display:block; color:#666; font-size:1.6em; padding:5px 0; text-decoration:none}
@media (min-width:35em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {display:inline-block; margin-left:-1px; margin-right:-1px; vertical-align:top; width:44.44444%}
}
@media (min-width:45em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {width:44.44444%}
}
@media (min-width:60em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {width:44.44444%}
}
@media (min-width:80em) {
    .page-sitemap .nav-d1-item, .page-sitemap .nav-util-list li {width:19.44444%}
}
.search-head {overflow:hidden; background-color:#f7f7f7; text-align:center}
.search-bar {box-sizing:border-box; position:relative}
.search-bar-wrap {padding-top:20px; padding-bottom:20px}
.search-bar .search-input-wrap {position:relative; height:38px}
.search-bar label {position:absolute; left:0; top:1px; z-index:2; font-size:20px}
.search-bar label:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.search-bar input[type=search], .search-bar input[type=text] {height:100%; padding-left:30px; padding-right:30px; background-color:transparent}
.search-bar input[type=search]:focus, .search-bar input[type=text]:focus {border-color:#0059b4}
.search-bar [type=reset] {overflow:hidden; position:absolute; right:0; top:50%; margin-top:-15px; height:19px; padding:2px; color:#999; font-size:19px; line-height:1}
.search-bar [type=reset]:before {content:""; display:inline-block; font-family:icon; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; font-variant:normal; font-weight:400; text-decoration:none; text-transform:none}
.search-bar .submit {margin-top:20px}
@media (min-width:45em) {
    .search-bar {padding-right:132px; width:50%; min-width:480px; margin:0 auto}
    .search-bar-wrap {padding-top:0; padding-bottom:5.12821%}
    .search-bar .submit {position:absolute; right:0; top:-2px; margin-top:0; padding:9px 30px}
}
.search-result {color:#333; font-size:1.6em; padding:40px 5.55556% 15px; text-align:center}
@media (min-width:60em) {
    .search-result {padding-top:60px; padding-left:0; padding-right:0; text-align:left}
}
/* main kv */
.slide.white .title {color:#fff;}
.slide.white .btn {border:1px solid #fff; color:#fff;}
.slide.white .btn:hover, .slide.white .btn:focus, .slide.white .btn:actvite {color:#fff;}
.new-slider .slide.white .row {color:#fff;}
.new-slider .slide.white h2 {color:#fff;}
.new-slider .slide.white .label {color:#fff;}
.new-slider .slide.white .btn {border:1px solid #fff; color:#fff;}
.new-slider .slide.white .btn:hover, .new-slider .slide.white .btn:focus, .new-slider .slide.white .btn:activate {border:1px solid #fff; color:#fff;}
.bestseller-section--age .bg {background-color:#5b679b;}
.bestseller-section--age .heading {color:#000;}
.bestseller-section--age .head .subheading {color:rgba(0,0,0,.8)}
.bestseller-section--age .desc .ul>li {color:rgba(0,0,0,.8)}
.bestseller-section--age .desc .ul>li:before {background:#454545;}
@media (min-width:60em) {
    .superplant-section .item--plantstem .img-txt {top:80%; left:18.5%;}
}
/*20180717*/
@media (min-width:45em) {
    .page-new .new-products .item-name.sub-h6 {font-size:1.7em;}
}
/* 20181220 awards*/
.item-wrap .count.etc {margin:0 30px 18px; padding:25px 5px 20px; text-align:left; border-bottom:1px solid #ddd;}
@media (min-width:60em) {
    .item-wrap {margin-bottom:100px;}
    .item-wrap:after {display:block; clear:both; content:'';}
    .item-wrap .item {display:inline-block; float:left; width:48.043%; margin:0; vertical-align:top}
    .item-wrap .item .bg-img img {width:100%;}
    .item-wrap .count.etc {position:absolute; left:0; bottom:9%; z-index:1; width:70%; padding-bottom:2.5%; border-bottom:1px solid #ddd; text-align:left;}
    .item-wrap .count.etc .count-data {float:none; display:inline-block; margin-left:5px; font-size:5.6em;}
    .awards-section .item-desc.etc {float:none; width:100%; margin:-4% 0 0; padding:0 0 3%; text-align:center;}
    .awards-section .item-list.etc {float:none; width:68%; max-width:none; margin:0}
    .awards-section .item-img.etc {top:13%; left:inherit; right:-19%; width:85%; max-width:none;}
    .awards-section .item-img.type1 {top:4%; right:-17%;}
    .awards-section .item-img.type2 {top:16% !important; left:-18% !important;}
    .item-wrap .item:last-child {float:right}
    .item-wrap .item:last-child .item-list.etc {float:right;}
    .item-wrap .item:last-child .item-img.etc {top:18%; left:-15%; right:0;}
    .item-wrap .item:last-child .count.etc {left:inherit; right:0; width:62%; text-align:right;}
    .awards-section .item-wrap .item-list {padding-right:5%; font-size: 1.2em;}
    .awards-section .item-wrap .item-list li {margin-bottom:10px;}
}
@media (min-width:60em) {
    .awards-section .item-list li {padding-left:70px;}
}

.main-slider-top .slick-dots>li>button, .new-top .slick-dots>li>button {width:29px} /* 2019 접근성 : kv */
.main-slider-top .slick-dots>li>button:before, .new-top .slick-dots>li>button:before {background-color:none; opacity:0;} /* 2019 접근성 */
.main-slider-top .slick-dots>li>button:after, .new-top .slick-dots>li>button:after {width:10px; height:10px; background-color:#fff; box-shadow:0px 0px 5px black; border:0 none; opacity:1}
.main-slider-top .slick-dots>li.slick-active>button:after, .new-top .slick-dots>li.slick-active>button:after {left:3px; margin-left:0; background:#fff; width:22px; border-radius:13px}
.main-slider-top .slick-arrow, .main-slider-top .slick-arrow {opacity:1}
.new-top .slick-arrow, .new-top .slick-arrow {opacity:1}
.main-slider-top .slick-arrow, .new-top .slick-arrow {opacity:1;}
.main-slider-top .slick-arrow.slick-prev:before, .new-top .slick-arrow.slick-prev:before {text-shadow:-1px 1px 8px black}
.main-slider-top .slick-arrow.slick-next:before, .new-top .slick-arrow.slick-next:before {text-shadow:-1px 1px 8px black}
.main-slider-top .slick-slider+.controls .control, .new-top .slick-slider+.controls .control {opacity:1}
.main-slider-top .slick-slider+.controls .control--play:before, .main-slider-top .slick-slider+.controls .control--pause:before {color:#fff; text-shadow:-1px 1px 8px black}
.new-top .slick-slider+.controls .control--play:before, .new-top .slick-slider+.controls .control--pause:before {color:#fff; text-shadow:-1px 1px 8px black}

/* 20211101 PDP buy now */
@media (min-width:60em) {
    .page-product-view .overview .func {width:57.44681%}}
    .page-product-view .actions {position:fixed; left:0; right:0; bottom:0; z-index:100; padding:8px; background:#fff; background:rgba(255,255,255,.9)}
    .page-product-view .actions-col {padding:0 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
    .page-product-view .actions .btn {padding-left:0; padding-right:0; font-size:18px}
    .page-product-view .actions.is-hidden {display:none}
    .page-product-view .actions--2col .actions-col {width:50%; float:left}
@media (min-width:45em) {
    .page-product-view .actions {display:none}
    .page-product-view .overview-nav {bottom:4%}
}

.ap2022-sr-only{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%)}

/* 2023 메인 공지팝업 (공통) */
.ap2022-popup--mnotice {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden;}
.ap2022-popup--mnotice * {margin:0; padding:0;}
.ap2022-popup--mnotice *, .ap2022-popup--mnotice :after, .ap2022-popup--mnotice :before {box-sizing:border-box;}
.ap2022-popup--mnotice img {max-width:100%;}
.ap2022-popup--mnotice button:focus-visible,
.ap2022-popup--mnotice input:focus-visible {outline:1px auto !important;}
.ap2022-popup--mnotice button {overflow:visible; border:0; border-radius:0; background:none; cursor:pointer; outline:none;}
.ap2022-popup--mnotice label {cursor:pointer;}
.ap2022-popup--mnotice a {text-decoration:none;}
.ap2022-popup--mnotice .only-pc {display:block;}
.ap2022-popup--mnotice .only-mo {display:none;}
.ap2022-popup--mnotice .ap2022-popup__dimmed {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5);}
.ap2022-popup--mnotice .ap2022-popup__frame {position:absolute; display:flex; justify-content:center; align-items:center; width:100%; height:100%; top:0; left:0; padding:32px; text-align:center; pointer-events:none;}
.ap2022-popup--mnotice .ap2022-popup__scrollable {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar {width:8px; height:8px;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(0,0,0,.08); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.16); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(0,0,0,.12);}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.24);}
.ap2022-popup--mnotice .ap2022-popup__inner {position:relative; display:inline-flex; flex-direction:column; max-width:100%; max-height:100%; background:#fff; border-radius:8px; box-shadow:0 5px 20px 5px rgba(0,0,0,.15); text-align:left; font-size:initial; line-height:normal; pointer-events:auto; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__inner:focus,
.ap2022-popup--mnotice .ap2022-popup__inner:focus-visible {outline:0 !important;}
.ap2022-popup--mnotice .ap2022-popup__logo {text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__logo img {width:180px; height:60px; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__close {position:absolute; z-index:10; top:0; right:0; width:47px; height:47px; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__close svg {position:absolute; top:50%; left:50%; width:15px; height:15px; vertical-align:top; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice .ap2022-popup__close:focus:before {content:''; position:absolute; top:50%; left:50%; width:31px; height:31px; background-color:rgba(0,0,0,.06); border-radius:50%; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__btn {display:inline-flex; align-items:center; justify-content:center; min-width:145px; max-width:50%; padding:9px 25px 9px; margin:0 3px; overflow:visible; border:1px solid rgba(34,34,34,1); border-radius:0; background:none; color:#222; font-size:14px; line-height:1.3; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--default:focus {background-color:rgba(34,34,34,.1);}
.ap2022-popup--mnotice .ap2022-popup__btn--custom {background-color:rgba(34,34,34,1); color:#fff;}
.ap2022-popup--mnotice .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--custom:focus {background-color:rgba(34,34,34,.9);}
.ap2022-popup--mnotice .ap2022-popup__btnwrap {display:flex; justify-content:center;}
.ap2022-popup--mnotice .ap2022-popup__check {display:inline-block; vertical-align:top; color:#666; font-size:14px; line-height:1.3; letter-spacing:-0.025em;}
.ap2022-popup--mnotice .ap2022-popup__check svg {width:19px; height:19px; margin:0 0.357143em 0 0; vertical-align:-0.321429em;}
.ap2022-popup--mnotice .ap2022-popup__check svg rect {fill:#fff;}
.ap2022-popup--mnotice .ap2022-popup__check input:focus-visible + label svg {outline:1px auto;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg rect {fill:#2b2b2b;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg path {stroke:#fff;}
.ap2022-popup--mnotice .ap2022-popup__head {padding:25px 0 20px;}
.ap2022-popup--mnotice .ap2022-popup__body {height:100%; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin-bottom:20px;}
.ap2022-popup--mnotice .ap2022-popup__content {padding:0 40px; text-align:center; font-size:14px; line-height:1.7; letter-spacing:-0.025em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
.ap2022-popup--mnotice .ap2022-popup__content--image img {max-width:100%; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:25px;}
.ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:20px;}
.ap2022-popup--mnotice .ap2022-popup__bottom {padding:25px 16px 16px;}
.ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer {box-sizing:border-box;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:25px 16px 20px; margin:0 3px; text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice.is--dimmed-invisible .ap2022-popup__dimmed {background-color:rgba(0,0,0,0);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(255,255,255,.08);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.16);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(255,255,255,.12);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.24);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:focus:before {background-color:rgba(255,255,255,.06);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn {border-color:rgba(255,255,255,1); color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:focus {background-color:rgba(255,255,255,.1);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom {background-color:rgba(255,255,255,1); color:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:focus {background-color:rgba(255,255,255,.9);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check svg rect {fill:rgba(255,255,255,.46);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg rect {fill:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg path {stroke:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__body {color:#fff;}
@media (max-width:750px) {
  .ap2022-popup--mnotice .only-pc {display:none;}
  .ap2022-popup--mnotice .only-mo {display:block;}
  .ap2022-popup--mnotice .ap2022-popup__frame {padding:4.2666vw;}
  .ap2022-popup--mnotice .ap2022-popup__logo {margin-top:-10px;}
  .ap2022-popup--mnotice .ap2022-popup__logo img {width:120px; height:38px;}
  .ap2022-popup--mnotice .ap2022-popup__btn {min-width:50%; padding:10px 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__check {font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__head {padding-bottom:13px;}
  .ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin:0 0 13px;}
  .ap2022-popup--mnotice .ap2022-popup__content {padding:0 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:20px;}
  .ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom {padding:20px 4vw 15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:20px 4vw 17px;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
}
/* //2023 메인 공지팝업 (공통) */