html {
line-height:1.15;
-webkit-text-size-adjust:100%
}
main {
display:block
}
hr {
-webkit-box-sizing:content-box;
box-sizing:content-box;
height:0;
overflow:visible
}
code,kbd,pre,samp {
font-family:monospace;
font-size:1em
}
a {
background-color:transparent;
text-decoration:none;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
abbr[title] {
border-bottom:none;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b,strong {
font-weight:bolder
}
small {
font-size:80%
}
sub,sup {
font-size:75%;
line-height:0;
position:relative
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
input,optgroup,select,textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
input {
overflow:visible
}
button,select {
text-transform:none
}
[type=button],[type=reset],[type=submit] {
-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
}
legend {
color:inherit;
display:table;
max-width:100%;
white-space:normal
}
progress {
vertical-align:baseline
}
textarea {
overflow:auto
}
[type=checkbox],[type=radio] {
-webkit-box-sizing:border-box;
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-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
summary {
display:list-item;
vertical-align:top
}
[hidden],hr,template {
display:none
}
button {
border:0;
margin:0;
padding:0;
width:auto;
overflow:visible;
background:0 0;
text-align:inherit;
border-radius:0;
cursor:pointer;
color:inherit;
font:inherit;
line-height:normal;
-webkit-font-smoothing:inherit;
-moz-osx-font-smoothing:inherit;
-webkit-appearance:none
}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
margin:0;
padding:0;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
img,summary,sup,table {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
table {
border-collapse:collapse;
border-spacing:0;
table-layout:fixed
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
h1,h2,h3,h4,h5,h6 {
font-size:100%
}
li,ol,ul {
list-style:outside none none
}
img,table {
vertical-align:top
}
fieldset,img {
border:0
}
input,select,textarea {
vertical-align:middle;
border-radius:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
address,em {
font-style:normal
}
.blind,.hidden,legend,table caption {
display:block;
overflow:hidden;
position:absolute!important;
width:1px;
height:1px;
font-size:1px;
line-height:1px;
clip:rect(1px,1px,1px,1px)
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#666;
font-weight:400
}
input:-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder,input::placeholder,textarea:-moz-placeholder,textarea:-ms-input-placeholder,textarea::-webkit-input-placeholder,textarea::placeholder {
color:#666;
font-weight:400
}
sup {
vertical-align:baseline
}
@font-face {
font-display:swap;
font-family:SamsungOne;
font-style:normal;
font-weight:400;
src:local("SamsungOne"),url(../../resources/fonts/SamsungOne-400.woff2) format("woff2"),url(../../resources/fonts/SamsungOne-400.woff) format("woff"),url(../../resources/fonts/SamsungOne-400.ttf) format("truetype"),url(../../resources/fonts/SamsungOne-400.eot?#iefix) format("embedded-opentype")
}
@font-face {
font-display:swap;
font-family:SamsungOne;
font-style:normal;
font-weight:700;
src:local("SamsungOne"),url(../../resources/fonts/SamsungOne-700.woff2) format("woff2"),url(../../resources/fonts/SamsungOne-700.woff) format("woff"),url(../../resources/fonts/SamsungOne-700.ttf) format("truetype"),url(../../resources/fonts/SamsungOne-700.eot?#iefix) format("embedded-opentype")
}
@font-face {
font-display:swap;
font-family:SamsungSharpSans;
font-style:normal;
font-weight:700;
src:local("SamsungSharpSans"),url(../../resources/fonts/SamsungSharpSansBd.woff2) format("woff2"),url(../../resources/fonts/SamsungSharpSansBd.woff) format("woff"),url(../../resources/fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype")
}
@font-face {
font-display:swap;
font-family:SamsungSharpSans;
font-style:normal;
font-weight:400;
src:local("SamsungSharpSans"),url(../../resources/fonts/SamsungSharpSansBd.woff2) format("woff2"),url(../../resources/fonts/SamsungSharpSansBd.woff) format("woff"),url(../../resources/fonts/SamsungSharpSansBd.eot?#iefix) format("embedded-opentype")
}
body {
font-family:SamsungOne,arial,sans-serif
}
.bg-black {
background-color:#000!important;
color:#fff
}
.bg-white {
background-color:#fff!important;
color:#000
}
.bg-gray {
background:#f7f7f7!important
}
.bg-dark-gray {
background-color:#313131!important;
color:#fff
}
.bg-light-gray {
background-color:#f7f7f7!important;
color:#000
}
.bg-transparent {
background-color:transparent!important
}
.text-color--black {
color:#000!important
}
.text-color--white {
color:#fff!important
}
.align-center {
text-align:center!important
}
.align-left {
text-align:left!important
}
.align-right {
text-align:right!important
}
.background {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
z-index:300;
color:#000
}
.margin-top--narrow {
padding-top:16px
}
.margin-top--normal {
padding-top:32px
}
.margin-top--wide {
padding-top:56px
}
.margin-bottom--narrow {
padding-bottom:16px
}
.margin-bottom--normal {
padding-bottom:32px
}
.margin-bottom--wide {
padding-bottom:56px
}
.s-buffer-top {
margin-top:88px!important
}
.s-buffer-bottom {
margin-bottom:88px!important
}
.top-margin-narrow {
margin-top:2px!important
}
.top-margin-normal {
margin-top:13px!important
}
.top-margin-wide {
margin-top:32px!important
}
.top-margin-very-wide {
margin-top:42px!important
}
.bottom-margin-narrow {
margin-bottom:2px!important
}
.bottom-margin-normal {
margin-bottom:13px!important
}
.bottom-margin-wide {
margin-bottom:32px!important
}
.bottom-margin-very-wide {
margin-bottom:42px!important
}
.container-width-large {
max-width:1920px!important
}
.margin-top--16 {
margin-top:16px!important
}
.margin-top--32 {
margin-top:32px!important
}
.margin-top--48 {
margin-top:48px!important
}
.margin-bottom--16 {
margin-bottom:16px!important
}
.margin-bottom--32 {
margin-bottom:32px!important
}
.margin-bottom--48 {
margin-bottom:48px!important
}
.padding-top--0 {
padding-top:0!important
}
.padding-top--24 {
padding-top:24px!important
}
.padding-top--48 {
padding-top:48px!important
}
.padding-bottom--0 {
padding-bottom:0!important
}
.padding-bottom--24 {
padding-bottom:24px!important
}
.padding-bottom--48 {
padding-bottom:48px!important
}
[data-font-size-pc="64"] {
font-size:48px;
line-height:1.2
}
[data-font-size-pc="48"] {
font-size:38px;
line-height:1.2
}
[data-font-size-pc="32"] {
font-size:32px;
line-height:1.33
}
[data-font-size-pc="24"] {
font-size:24px;
line-height:1.33
}
[data-font-size-pc="22"] {
font-size:28px;
line-height:1.33
}
[data-font-size-pc="20"] {
font-size:22px;
line-height:1.33
}
[data-font-size-pc="18"] {
font-size:18px;
line-height:1.33
}
[data-font-size-pc="14"] {
font-size:14px;
line-height:1.33
}
.skip-bar a {
overflow:hidden;
display:block;
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
background:#000;
color:#fff;
text-align:center;
font-size:16px;
font-family:SamsungOne,arial,sans-serif
}
.skip-bar a:focus {
position:relative;
width:100%;
height:auto;
padding:10px
}
.indicator .indicator__item.swiper-pagination-bullet {
width:16px;
height:16px;
opacity:1;
background:none
}
.basic-swiper [class*=swiper-button],.feature-benefit-gallery__inner [class*=swiper-button],.flagship-comparison [class*=swiper-button],.lineup-card [class*=swiper-button],.lineup-compare__wrap [class*=swiper-button],.lineup-step-carousel__slide-wrap [class*=swiper-button],.st-feature-benefit-gallery__inner [class*=swiper-button] {
overflow:hidden;
position:absolute;
width:40px;
height:40px;
margin:auto;
padding:8px;
border-radius:50%;
background-color:hsla(0,0%,100%,.45);
border:1px solid rgba(0,0,0,.1);
-webkit-transition:background-color .1s cubic-bezier(.4,0,.2,1);
transition:background-color .1s cubic-bezier(.4,0,.2,1);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
text-align:center
}
.basic-swiper [class*=swiper-button].swiper-button-disabled,.feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled,.flagship-comparison [class*=swiper-button].swiper-button-disabled,.lineup-card [class*=swiper-button].swiper-button-disabled,.lineup-compare__wrap [class*=swiper-button].swiper-button-disabled,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled {
visibility:hidden;
background-color:hsla(0,0%,100%,.45)
}
.basic-swiper [class*=swiper-button].swiper-button-disabled svg.icon,.feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon,.flagship-comparison [class*=swiper-button].swiper-button-disabled svg.icon,.lineup-card [class*=swiper-button].swiper-button-disabled svg.icon,.lineup-compare__wrap [class*=swiper-button].swiper-button-disabled svg.icon,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled svg.icon,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon {
fill:rgba(0,0,0,.2)
}
.basic-swiper [class*=swiper-button]:active,.basic-swiper [class*=swiper-button]:focus,.basic-swiper [class*=swiper-button]:hover,.feature-benefit-gallery__inner [class*=swiper-button]:active,.feature-benefit-gallery__inner [class*=swiper-button]:focus,.feature-benefit-gallery__inner [class*=swiper-button]:hover,.flagship-comparison [class*=swiper-button]:active,.flagship-comparison [class*=swiper-button]:focus,.flagship-comparison [class*=swiper-button]:hover,.lineup-card [class*=swiper-button]:active,.lineup-card [class*=swiper-button]:focus,.lineup-card [class*=swiper-button]:hover,.lineup-compare__wrap [class*=swiper-button]:active,.lineup-compare__wrap [class*=swiper-button]:focus,.lineup-compare__wrap [class*=swiper-button]:hover,.lineup-step-carousel__slide-wrap [class*=swiper-button]:active,.lineup-step-carousel__slide-wrap [class*=swiper-button]:focus,.lineup-step-carousel__slide-wrap [class*=swiper-button]:hover,.st-feature-benefit-gallery__inner [class*=swiper-button]:active,.st-feature-benefit-gallery__inner [class*=swiper-button]:focus,.st-feature-benefit-gallery__inner [class*=swiper-button]:hover {
background-color:#f7f7f7
}
.basic-swiper [class*=swiper-button]:after,.feature-benefit-gallery__inner [class*=swiper-button]:after,.flagship-comparison [class*=swiper-button]:after,.lineup-card [class*=swiper-button]:after,.lineup-compare__wrap [class*=swiper-button]:after,.lineup-step-carousel__slide-wrap [class*=swiper-button]:after,.st-feature-benefit-gallery__inner [class*=swiper-button]:after {
content:none
}
.basic-swiper [class*=swiper-button] .icon,.feature-benefit-gallery__inner [class*=swiper-button] .icon,.flagship-comparison [class*=swiper-button] .icon,.lineup-card [class*=swiper-button] .icon,.lineup-compare__wrap [class*=swiper-button] .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button] .icon,.st-feature-benefit-gallery__inner [class*=swiper-button] .icon {
width:24px;
height:24px;
fill:rgba(0,0,0,.95);
-webkit-transition:fill .1s cubic-bezier(.4,0,.2,1);
transition:fill .1s cubic-bezier(.4,0,.2,1)
}
.basic-swiper [class*=swiper-button]:active .icon,.basic-swiper [class*=swiper-button]:focus .icon,.basic-swiper [class*=swiper-button]:hover .icon,.feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.feature-benefit-gallery__inner [class*=swiper-button]:hover .icon,.flagship-comparison [class*=swiper-button]:active .icon,.flagship-comparison [class*=swiper-button]:focus .icon,.flagship-comparison [class*=swiper-button]:hover .icon,.lineup-card [class*=swiper-button]:active .icon,.lineup-card [class*=swiper-button]:focus .icon,.lineup-card [class*=swiper-button]:hover .icon,.lineup-compare__wrap [class*=swiper-button]:active .icon,.lineup-compare__wrap [class*=swiper-button]:focus .icon,.lineup-compare__wrap [class*=swiper-button]:hover .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button]:active .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button]:focus .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button]:hover .icon,.st-feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.st-feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.st-feature-benefit-gallery__inner [class*=swiper-button]:hover .icon {
fill:#000
}
.basic-swiper [class*=swiper-button].swiper-dim-button,.bg-black .basic-swiper [class*=swiper-button],.bg-black .feature-benefit-gallery__inner [class*=swiper-button],.bg-black .flagship-comparison [class*=swiper-button],.bg-black .lineup-card [class*=swiper-button],.bg-black .lineup-compare__wrap [class*=swiper-button],.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button],.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button],.bg-dark-gray .basic-swiper [class*=swiper-button],.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button],.bg-dark-gray .flagship-comparison [class*=swiper-button],.bg-dark-gray .lineup-card [class*=swiper-button],.bg-dark-gray .lineup-compare__wrap [class*=swiper-button],.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button],.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button],.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button,.flagship-comparison [class*=swiper-button].swiper-dim-button,.lineup-card [class*=swiper-button].swiper-dim-button,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button,.text-color--white .basic-swiper [class*=swiper-button],.text-color--white .feature-benefit-gallery__inner [class*=swiper-button],.text-color--white .flagship-comparison [class*=swiper-button],.text-color--white .lineup-card [class*=swiper-button],.text-color--white .lineup-compare__wrap [class*=swiper-button],.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button],.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button] {
background-color:rgba(0,0,0,.45);
border-color:hsla(0,0%,100%,.15)
}
.basic-swiper [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.bg-black .basic-swiper [class*=swiper-button].swiper-button-disabled,.bg-black .feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled,.bg-black .flagship-comparison [class*=swiper-button].swiper-button-disabled,.bg-black .lineup-card [class*=swiper-button].swiper-button-disabled,.bg-black .lineup-compare__wrap [class*=swiper-button].swiper-button-disabled,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .basic-swiper [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .flagship-comparison [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .lineup-card [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.flagship-comparison [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.lineup-card [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button.swiper-button-disabled,.text-color--white .basic-swiper [class*=swiper-button].swiper-button-disabled,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled,.text-color--white .flagship-comparison [class*=swiper-button].swiper-button-disabled,.text-color--white .lineup-card [class*=swiper-button].swiper-button-disabled,.text-color--white .lineup-compare__wrap [class*=swiper-button].swiper-button-disabled,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled {
background-color:rgba(0,0,0,.45)
}
.basic-swiper [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.bg-black .basic-swiper [class*=swiper-button].swiper-button-disabled svg.icon,.bg-black .feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon,.bg-black .flagship-comparison [class*=swiper-button].swiper-button-disabled svg.icon,.bg-black .lineup-card [class*=swiper-button].swiper-button-disabled svg.icon,.bg-black .lineup-compare__wrap [class*=swiper-button].swiper-button-disabled svg.icon,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled svg.icon,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .basic-swiper [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .flagship-comparison [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .lineup-card [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled svg.icon,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.flagship-comparison [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.lineup-card [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button.swiper-button-disabled svg.icon,.text-color--white .basic-swiper [class*=swiper-button].swiper-button-disabled svg.icon,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon,.text-color--white .flagship-comparison [class*=swiper-button].swiper-button-disabled svg.icon,.text-color--white .lineup-card [class*=swiper-button].swiper-button-disabled svg.icon,.text-color--white .lineup-compare__wrap [class*=swiper-button].swiper-button-disabled svg.icon,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-button-disabled svg.icon,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button].swiper-button-disabled svg.icon {
fill:hsla(0,0%,100%,.3)
}
.basic-swiper [class*=swiper-button].swiper-dim-button:active,.basic-swiper [class*=swiper-button].swiper-dim-button:focus,.basic-swiper [class*=swiper-button].swiper-dim-button:hover,.bg-black .basic-swiper [class*=swiper-button]:active,.bg-black .basic-swiper [class*=swiper-button]:focus,.bg-black .basic-swiper [class*=swiper-button]:hover,.bg-black .feature-benefit-gallery__inner [class*=swiper-button]:active,.bg-black .feature-benefit-gallery__inner [class*=swiper-button]:focus,.bg-black .feature-benefit-gallery__inner [class*=swiper-button]:hover,.bg-black .flagship-comparison [class*=swiper-button]:active,.bg-black .flagship-comparison [class*=swiper-button]:focus,.bg-black .flagship-comparison [class*=swiper-button]:hover,.bg-black .lineup-card [class*=swiper-button]:active,.bg-black .lineup-card [class*=swiper-button]:focus,.bg-black .lineup-card [class*=swiper-button]:hover,.bg-black .lineup-compare__wrap [class*=swiper-button]:active,.bg-black .lineup-compare__wrap [class*=swiper-button]:focus,.bg-black .lineup-compare__wrap [class*=swiper-button]:hover,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button]:active,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button]:focus,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button]:hover,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button]:active,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button]:focus,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button]:hover,.bg-dark-gray .basic-swiper [class*=swiper-button]:active,.bg-dark-gray .basic-swiper [class*=swiper-button]:focus,.bg-dark-gray .basic-swiper [class*=swiper-button]:hover,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button]:active,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button]:focus,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button]:hover,.bg-dark-gray .flagship-comparison [class*=swiper-button]:active,.bg-dark-gray .flagship-comparison [class*=swiper-button]:focus,.bg-dark-gray .flagship-comparison [class*=swiper-button]:hover,.bg-dark-gray .lineup-card [class*=swiper-button]:active,.bg-dark-gray .lineup-card [class*=swiper-button]:focus,.bg-dark-gray .lineup-card [class*=swiper-button]:hover,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button]:active,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button]:focus,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button]:hover,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button]:active,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button]:focus,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button]:hover,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button]:active,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button]:focus,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button]:hover,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:active,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:focus,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:hover,.flagship-comparison [class*=swiper-button].swiper-dim-button:active,.flagship-comparison [class*=swiper-button].swiper-dim-button:focus,.flagship-comparison [class*=swiper-button].swiper-dim-button:hover,.lineup-card [class*=swiper-button].swiper-dim-button:active,.lineup-card [class*=swiper-button].swiper-dim-button:focus,.lineup-card [class*=swiper-button].swiper-dim-button:hover,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button:active,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button:focus,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button:hover,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button:active,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button:focus,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button:hover,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:active,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:focus,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:hover,.text-color--white .basic-swiper [class*=swiper-button]:active,.text-color--white .basic-swiper [class*=swiper-button]:focus,.text-color--white .basic-swiper [class*=swiper-button]:hover,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button]:active,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button]:focus,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button]:hover,.text-color--white .flagship-comparison [class*=swiper-button]:active,.text-color--white .flagship-comparison [class*=swiper-button]:focus,.text-color--white .flagship-comparison [class*=swiper-button]:hover,.text-color--white .lineup-card [class*=swiper-button]:active,.text-color--white .lineup-card [class*=swiper-button]:focus,.text-color--white .lineup-card [class*=swiper-button]:hover,.text-color--white .lineup-compare__wrap [class*=swiper-button]:active,.text-color--white .lineup-compare__wrap [class*=swiper-button]:focus,.text-color--white .lineup-compare__wrap [class*=swiper-button]:hover,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button]:active,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button]:focus,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button]:hover,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button]:active,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button]:focus,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button]:hover {
background-color:#1c1c1c
}
.basic-swiper [class*=swiper-button].swiper-dim-button .icon,.bg-black .basic-swiper [class*=swiper-button] .icon,.bg-black .feature-benefit-gallery__inner [class*=swiper-button] .icon,.bg-black .flagship-comparison [class*=swiper-button] .icon,.bg-black .lineup-card [class*=swiper-button] .icon,.bg-black .lineup-compare__wrap [class*=swiper-button] .icon,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button] .icon,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button] .icon,.bg-dark-gray .basic-swiper [class*=swiper-button] .icon,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button] .icon,.bg-dark-gray .flagship-comparison [class*=swiper-button] .icon,.bg-dark-gray .lineup-card [class*=swiper-button] .icon,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button] .icon,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button] .icon,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button] .icon,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button .icon,.flagship-comparison [class*=swiper-button].swiper-dim-button .icon,.lineup-card [class*=swiper-button].swiper-dim-button .icon,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button .icon,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button .icon,.text-color--white .basic-swiper [class*=swiper-button] .icon,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button] .icon,.text-color--white .flagship-comparison [class*=swiper-button] .icon,.text-color--white .lineup-card [class*=swiper-button] .icon,.text-color--white .lineup-compare__wrap [class*=swiper-button] .icon,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button] .icon,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button] .icon {
fill:hsla(0,0%,100%,.95)
}
.basic-swiper [class*=swiper-button].swiper-dim-button:active .icon,.basic-swiper [class*=swiper-button].swiper-dim-button:focus .icon,.basic-swiper [class*=swiper-button].swiper-dim-button:hover .icon,.bg-black .basic-swiper [class*=swiper-button]:active .icon,.bg-black .basic-swiper [class*=swiper-button]:focus .icon,.bg-black .basic-swiper [class*=swiper-button]:hover .icon,.bg-black .feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.bg-black .feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.bg-black .feature-benefit-gallery__inner [class*=swiper-button]:hover .icon,.bg-black .flagship-comparison [class*=swiper-button]:active .icon,.bg-black .flagship-comparison [class*=swiper-button]:focus .icon,.bg-black .flagship-comparison [class*=swiper-button]:hover .icon,.bg-black .lineup-card [class*=swiper-button]:active .icon,.bg-black .lineup-card [class*=swiper-button]:focus .icon,.bg-black .lineup-card [class*=swiper-button]:hover .icon,.bg-black .lineup-compare__wrap [class*=swiper-button]:active .icon,.bg-black .lineup-compare__wrap [class*=swiper-button]:focus .icon,.bg-black .lineup-compare__wrap [class*=swiper-button]:hover .icon,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button]:active .icon,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button]:focus .icon,.bg-black .lineup-step-carousel__slide-wrap [class*=swiper-button]:hover .icon,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.bg-black .st-feature-benefit-gallery__inner [class*=swiper-button]:hover .icon,.bg-dark-gray .basic-swiper [class*=swiper-button]:active .icon,.bg-dark-gray .basic-swiper [class*=swiper-button]:focus .icon,.bg-dark-gray .basic-swiper [class*=swiper-button]:hover .icon,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.bg-dark-gray .feature-benefit-gallery__inner [class*=swiper-button]:hover .icon,.bg-dark-gray .flagship-comparison [class*=swiper-button]:active .icon,.bg-dark-gray .flagship-comparison [class*=swiper-button]:focus .icon,.bg-dark-gray .flagship-comparison [class*=swiper-button]:hover .icon,.bg-dark-gray .lineup-card [class*=swiper-button]:active .icon,.bg-dark-gray .lineup-card [class*=swiper-button]:focus .icon,.bg-dark-gray .lineup-card [class*=swiper-button]:hover .icon,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button]:active .icon,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button]:focus .icon,.bg-dark-gray .lineup-compare__wrap [class*=swiper-button]:hover .icon,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button]:active .icon,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button]:focus .icon,.bg-dark-gray .lineup-step-carousel__slide-wrap [class*=swiper-button]:hover .icon,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.bg-dark-gray .st-feature-benefit-gallery__inner [class*=swiper-button]:hover .icon,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:active .icon,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:focus .icon,.feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:hover .icon,.flagship-comparison [class*=swiper-button].swiper-dim-button:active .icon,.flagship-comparison [class*=swiper-button].swiper-dim-button:focus .icon,.flagship-comparison [class*=swiper-button].swiper-dim-button:hover .icon,.lineup-card [class*=swiper-button].swiper-dim-button:active .icon,.lineup-card [class*=swiper-button].swiper-dim-button:focus .icon,.lineup-card [class*=swiper-button].swiper-dim-button:hover .icon,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button:active .icon,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button:focus .icon,.lineup-compare__wrap [class*=swiper-button].swiper-dim-button:hover .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button:active .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button:focus .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button].swiper-dim-button:hover .icon,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:active .icon,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:focus .icon,.st-feature-benefit-gallery__inner [class*=swiper-button].swiper-dim-button:hover .icon,.text-color--white .basic-swiper [class*=swiper-button]:active .icon,.text-color--white .basic-swiper [class*=swiper-button]:focus .icon,.text-color--white .basic-swiper [class*=swiper-button]:hover .icon,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.text-color--white .feature-benefit-gallery__inner [class*=swiper-button]:hover .icon,.text-color--white .flagship-comparison [class*=swiper-button]:active .icon,.text-color--white .flagship-comparison [class*=swiper-button]:focus .icon,.text-color--white .flagship-comparison [class*=swiper-button]:hover .icon,.text-color--white .lineup-card [class*=swiper-button]:active .icon,.text-color--white .lineup-card [class*=swiper-button]:focus .icon,.text-color--white .lineup-card [class*=swiper-button]:hover .icon,.text-color--white .lineup-compare__wrap [class*=swiper-button]:active .icon,.text-color--white .lineup-compare__wrap [class*=swiper-button]:focus .icon,.text-color--white .lineup-compare__wrap [class*=swiper-button]:hover .icon,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button]:active .icon,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button]:focus .icon,.text-color--white .lineup-step-carousel__slide-wrap [class*=swiper-button]:hover .icon,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button]:active .icon,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button]:focus .icon,.text-color--white .st-feature-benefit-gallery__inner [class*=swiper-button]:hover .icon {
fill:#fff
}
.basic-swiper .swiper-button-prev,.feature-benefit-gallery__inner .swiper-button-prev,.flagship-comparison .swiper-button-prev,.lineup-card .swiper-button-prev,.lineup-compare__wrap .swiper-button-prev,.lineup-step-carousel__slide-wrap .swiper-button-prev,.st-feature-benefit-gallery__inner .swiper-button-prev {
left:16px
}
.basic-swiper .swiper-button-next,.feature-benefit-gallery__inner .swiper-button-next,.flagship-comparison .swiper-button-next,.lineup-card .swiper-button-next,.lineup-compare__wrap .swiper-button-next,.lineup-step-carousel__slide-wrap .swiper-button-next,.st-feature-benefit-gallery__inner .swiper-button-next {
right:16px
}
.map-container .map-list__not-found {
font-size:16px;
white-space:normal
}
.swiper-autoplay-stop-btn {
font-size:0;
width:0;
height:0
}
@media only screen and (min-width:768px) and (max-width:1440px) {
.margin-top--narrow {
padding-top:1.11111111vw
}
.margin-top--normal {
padding-top:2.22222222vw
}
.margin-top--wide {
padding-top:3.88888889vw
}
.margin-bottom--narrow {
padding-bottom:1.11111111vw
}
.margin-bottom--normal {
padding-bottom:2.22222222vw
}
.margin-bottom--wide {
padding-bottom:3.88888889vw
}
[data-font-size-pc="64"] {
font-size:3.33333333vw
}
[data-font-size-pc="48"] {
font-size:2.63888889vw
}
[data-font-size-pc="32"] {
font-size:2.22222222vw
}
[data-font-size-pc="24"] {
font-size:1.66666667vw
}
[data-font-size-pc="22"] {
font-size:1.94444444vw
}
[data-font-size-pc="20"] {
font-size:1.52777778vw
}
[data-font-size-pc="18"] {
font-size:1.25vw
}
[data-font-size-pc="14"] {
font-size:.97222222vw
}
.top-margin-narrow {
margin-top:.13888889vw!important
}
.top-margin-normal {
margin-top:.90277778vw!important
}
.top-margin-wide {
margin-top:2.22222222vw!important
}
.top-margin-very-wide {
margin-top:2.91666667vw!important
}
.bottom-margin-narrow {
margin-bottom:.13888889vw!important
}
.bottom-margin-normal {
margin-bottom:.90277778vw!important
}
.bottom-margin-wide {
margin-bottom:2.22222222vw!important
}
.bottom-margin-very-wide {
margin-bottom:2.91666667vw!important
}
.margin-top--16 {
margin-top:1.11111111vw!important
}
.margin-top--32 {
margin-top:2.22222222vw!important
}
.margin-top--48 {
margin-top:3.33333333vw!important
}
.margin-bottom--16 {
margin-bottom:1.11111111vw!important
}
.margin-bottom--32 {
margin-bottom:2.22222222vw!important
}
.margin-bottom--48 {
margin-bottom:3.33333333vw!important
}
.padding-top--0 {
padding-top:0!important
}
.padding-top--24 {
padding-top:1.66666667vw!important
}
.padding-top--48 {
padding-top:3.33333333vw!important
}
.padding-bottom--0 {
padding-bottom:0!important
}
.padding-bottom--24 {
padding-bottom:1.66666667vw!important
}
.padding-bottom--48 {
padding-bottom:3.33333333vw!important
}
.indicator .indicator__item.swiper-pagination-bullet {
width:1.11111111vw;
height:1.11111111vw
}
.basic-swiper [class*=swiper-button],.feature-benefit-gallery__inner [class*=swiper-button],.flagship-comparison [class*=swiper-button],.lineup-card [class*=swiper-button],.lineup-compare__wrap [class*=swiper-button],.lineup-step-carousel__slide-wrap [class*=swiper-button],.st-feature-benefit-gallery__inner [class*=swiper-button] {
width:2.77777778vw;
height:2.77777778vw;
padding:.55555556vw
}
.basic-swiper [class*=swiper-button] .icon,.feature-benefit-gallery__inner [class*=swiper-button] .icon,.flagship-comparison [class*=swiper-button] .icon,.lineup-card [class*=swiper-button] .icon,.lineup-compare__wrap [class*=swiper-button] .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button] .icon,.st-feature-benefit-gallery__inner [class*=swiper-button] .icon {
width:1.66666667vw;
height:1.66666667vw
}
.basic-swiper .swiper-button-prev,.feature-benefit-gallery__inner .swiper-button-prev,.flagship-comparison .swiper-button-prev,.lineup-card .swiper-button-prev,.lineup-compare__wrap .swiper-button-prev,.lineup-step-carousel__slide-wrap .swiper-button-prev,.st-feature-benefit-gallery__inner .swiper-button-prev {
left:1.11111111vw
}
.basic-swiper .swiper-button-next,.feature-benefit-gallery__inner .swiper-button-next,.flagship-comparison .swiper-button-next,.lineup-card .swiper-button-next,.lineup-compare__wrap .swiper-button-next,.lineup-step-carousel__slide-wrap .swiper-button-next,.st-feature-benefit-gallery__inner .swiper-button-next {
right:1.11111111vw
}
}
@media only screen and (max-width:767px) {
.margin-top--narrow {
padding-top:4.44444444vw
}
.margin-top--normal {
padding-top:6.66666667vw
}
.margin-top--wide {
padding-top:8.88888889vw
}
.margin-bottom--narrow {
padding-bottom:4.44444444vw
}
.margin-bottom--normal {
padding-bottom:6.66666667vw
}
.margin-bottom--wide {
padding-bottom:8.88888889vw
}
[data-font-size-mo="70"] {
font-size:8.88888889vw
}
[data-font-size-mo="56"] {
font-size:7.22222222vw
}
[data-font-size-mo="44"] {
font-size:6.11111111vw
}
[data-font-size-mo="34"] {
font-size:4.44444444vw
}
[data-font-size-mo="32"] {
font-size:3.88888889vw
}
[data-font-size-mo="24"],[data-font-size-mo="28"] {
font-size:3.33333333vw
}
.top-margin-narrow {
margin-top:.55555556vw!important
}
.top-margin-normal {
margin-top:3.61111111vw!important
}
.top-margin-wide {
margin-top:8.88888889vw!important
}
.top-margin-very-wide {
margin-top:11.66666667vw!important
}
.bottom-margin-narrow {
margin-bottom:.55555556vw!important
}
.bottom-margin-normal {
margin-bottom:3.61111111vw!important
}
.bottom-margin-wide {
margin-bottom:8.88888889vw!important
}
.bottom-margin-very-wide {
margin-bottom:11.66666667vw!important
}
.margin-top--16 {
margin-top:2.22222222vw!important
}
.margin-top--32 {
margin-top:4.44444444vw!important
}
.margin-top--48 {
margin-top:8.88888889vw!important
}
.margin-bottom--16 {
margin-bottom:2.22222222vw!important
}
.margin-bottom--32 {
margin-bottom:4.44444444vw!important
}
.margin-bottom--48 {
margin-bottom:8.88888889vw!important
}
.padding-top--0 {
padding-top:0!important
}
.padding-top--24 {
padding-top:4.44444444vw!important
}
.padding-top--48 {
padding-top:8.88888889vw!important
}
.padding-bottom--0 {
padding-bottom:0!important
}
.padding-bottom--24 {
padding-bottom:4.44444444vw!important
}
.padding-bottom--48 {
padding-bottom:8.88888889vw!important
}
.indicator .indicator__item.swiper-pagination-bullet {
width:4.44444444vw;
height:4.44444444vw
}
.basic-swiper [class*=swiper-button],.feature-benefit-gallery__inner [class*=swiper-button],.flagship-comparison [class*=swiper-button],.lineup-card [class*=swiper-button],.lineup-compare__wrap [class*=swiper-button],.lineup-step-carousel__slide-wrap [class*=swiper-button],.st-feature-benefit-gallery__inner [class*=swiper-button] {
width:11.11111111vw;
height:11.11111111vw;
padding:2.22222222vw
}
.basic-swiper [class*=swiper-button] .icon,.feature-benefit-gallery__inner [class*=swiper-button] .icon,.flagship-comparison [class*=swiper-button] .icon,.lineup-card [class*=swiper-button] .icon,.lineup-compare__wrap [class*=swiper-button] .icon,.lineup-step-carousel__slide-wrap [class*=swiper-button] .icon,.st-feature-benefit-gallery__inner [class*=swiper-button] .icon {
width:6.66666667vw;
height:6.66666667vw
}
.basic-swiper .swiper-button-prev,.feature-benefit-gallery__inner .swiper-button-prev,.flagship-comparison .swiper-button-prev,.lineup-card .swiper-button-prev,.lineup-compare__wrap .swiper-button-prev,.lineup-step-carousel__slide-wrap .swiper-button-prev,.st-feature-benefit-gallery__inner .swiper-button-prev {
left:3.33333333vw
}
.basic-swiper .swiper-button-next,.feature-benefit-gallery__inner .swiper-button-next,.flagship-comparison .swiper-button-next,.lineup-card .swiper-button-next,.lineup-compare__wrap .swiper-button-next,.lineup-step-carousel__slide-wrap .swiper-button-next,.st-feature-benefit-gallery__inner .swiper-button-next {
right:3.33333333vw
}
}
.cta {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
vertical-align:middle;
-webkit-transition-property:color,background-color,border-color,border-bottom-color;
transition-property:color,background-color,border-color,border-bottom-color;
-webkit-transition-duration:.2s;
transition-duration:.2s;
-webkit-transition-timing-function:cubic-bezier(.33,0,.3,1);
transition-timing-function:cubic-bezier(.33,0,.3,1);
font-family:SamsungOne,arial,sans-serif;
font-size:14px;
font-weight:700;
line-height:19px;
white-space:nowrap
}
.cta--contained {
padding:10px 24px 11px;
border-radius:20px
}
.cta--contained.cta--black {
color:#fff!important;
background-color:#000!important
}
.cta--contained.cta--black:focus,.cta--contained.cta--black:hover {
color:#eee!important;
background-color:#555!important
}
.cta--contained.cta--black.cta--disabled {
cursor:default!important
}
.cta--contained.cta--black.cta--disabled,.cta--contained.cta--black.cta--disabled:focus,.cta--contained.cta--black.cta--disabled:hover {
color:#eee!important;
background-color:#ddd!important
}
.cta--contained.cta--black[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)!important
}
.cta--contained.cta--black[target=_blank].cta--disabled:before,.cta--contained.cta--black[target=_blank]:focus:before,.cta--contained.cta--black[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-white-dim.svg)!important
}
.cta--contained.cta--white {
color:#000!important;
background-color:#fff!important
}
.cta--contained.cta--white:focus,.cta--contained.cta--white:hover {
color:#313131!important;
background-color:#ddd!important
}
.cta--contained.cta--white.cta--disabled {
cursor:default!important
}
.cta--contained.cta--white.cta--disabled,.cta--contained.cta--white.cta--disabled:focus,.cta--contained.cta--white.cta--disabled:hover {
color:#313131!important;
background-color:#555!important
}
.cta--contained.cta--white[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-black.svg)!important
}
.cta--contained.cta--white[target=_blank].cta--disabled:before,.cta--contained.cta--white[target=_blank]:focus:before,.cta--contained.cta--white[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-black-dim.svg)!important
}
.cta--contained.cta--emphasis {
color:#fff!important;
background-color:#2189ff!important
}
.cta--contained.cta--emphasis:focus,.cta--contained.cta--emphasis:hover {
color:#eee!important;
background-color:#006ff2!important
}
.cta--contained.cta--emphasis.cta--disabled {
cursor:default!important
}
.cta--contained.cta--emphasis.cta--disabled,.cta--contained.cta--emphasis.cta--disabled:focus,.cta--contained.cta--emphasis.cta--disabled:hover {
color:#aaa!important;
background-color:#ddd!important
}
.cta--contained.cta--emphasis[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)!important
}
.cta--contained.cta--emphasis[target=_blank].cta--disabled:before,.cta--contained.cta--emphasis[target=_blank]:focus:before,.cta--contained.cta--emphasis[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-white-emphasis.svg)!important
}
.cta--outlined {
padding:9px 23px 10px;
border-radius:20px;
border-width:1px;
border-style:solid
}
.cta--outlined.cta--black {
color:#000!important;
background-color:transparent!important;
border-color:#000!important
}
.cta--outlined.cta--black:focus,.cta--outlined.cta--black:hover {
color:#555!important;
background-color:rgba(0,0,0,.05)!important;
border-color:#555!important
}
.cta--outlined.cta--black.cta--disabled {
color:#ddd!important;
border-color:#ddd!important;
cursor:default!important
}
.cta--outlined.cta--black.cta--disabled:focus,.cta--outlined.cta--black.cta--disabled:hover {
color:#ddd!important;
background-color:transparent!important;
border-color:#ddd!important
}
.cta--outlined.cta--black[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-black.svg)!important
}
.cta--outlined.cta--black[target=_blank]:focus:before,.cta--outlined.cta--black[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)!important
}
.cta--outlined.cta--black[target=_blank].cta--disabled:before,.cta--outlined.cta--black[target=_blank].cta--disabled:focus:before,.cta--outlined.cta--black[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)!important
}
.cta--outlined.cta--white {
color:#fff!important;
background-color:transparent!important;
border-color:#fff!important
}
.cta--outlined.cta--white:focus,.cta--outlined.cta--white:hover {
color:#ddd!important;
background-color:hsla(0,0%,100%,.15)!important;
border-color:#ddd!important
}
.cta--outlined.cta--white.cta--disabled {
color:#555!important;
border-color:#555!important;
cursor:default!important
}
.cta--outlined.cta--white.cta--disabled:focus,.cta--outlined.cta--white.cta--disabled:hover {
color:#555!important;
background-color:transparent!important;
border-color:#555!important
}
.cta--outlined.cta--white[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)!important
}
.cta--outlined.cta--white[target=_blank]:focus:before,.cta--outlined.cta--white[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)!important
}
.cta--outlined.cta--white[target=_blank].cta--disabled:before,.cta--outlined.cta--white[target=_blank].cta--disabled:focus:before,.cta--outlined.cta--white[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)!important
}
.cta--underline {
padding:10px 0 11px
}
.cta--underline:after {
content:" ";
position:absolute;
left:0;
right:0;
bottom:8px;
height:2px;
background-color:currentColor
}
.cta--underline:focus:after,.cta--underline:hover:after {
-webkit-animation:cta-underline-animation .2s both;
animation:cta-underline-animation .2s both;
-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);
animation-timing-function:cubic-bezier(.4,0,.2,1);
-webkit-animation-delay:.1s;
animation-delay:.1s
}
.cta--underline.cta--black {
color:#000!important
}
.cta--underline.cta--black:focus,.cta--underline.cta--black:hover {
color:#555!important
}
.cta--underline.cta--black.cta--disabled {
cursor:default!important
}
.cta--underline.cta--black.cta--disabled,.cta--underline.cta--black.cta--disabled:focus,.cta--underline.cta--black.cta--disabled:hover {
color:#ddd!important;
border-color:#ddd!important
}
.cta--underline.cta--black[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-black.svg)!important
}
.cta--underline.cta--black[target=_blank]:focus:before,.cta--underline.cta--black[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)!important
}
.cta--underline.cta--black[target=_blank].cta--disabled:before,.cta--underline.cta--black[target=_blank].cta--disabled:focus:before,.cta--underline.cta--black[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)!important
}
.cta--underline.cta--white {
color:#fff!important
}
.cta--underline.cta--white:focus,.cta--underline.cta--white:hover {
color:#ddd!important
}
.cta--underline.cta--white.cta--disabled {
cursor:default!important
}
.cta--underline.cta--white.cta--disabled,.cta--underline.cta--white.cta--disabled:focus,.cta--underline.cta--white.cta--disabled:hover {
color:#555!important;
border-color:#555!important
}
.cta--underline.cta--white[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)!important
}
.cta--underline.cta--white[target=_blank]:focus:before,.cta--underline.cta--white[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)!important
}
.cta--underline.cta--white[target=_blank].cta--disabled:before,.cta--underline.cta--white[target=_blank].cta--disabled:focus:before,.cta--underline.cta--white[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)!important
}
.cta--label.cta--black {
color:#000!important
}
.cta--label.cta--black:focus,.cta--label.cta--black:hover {
color:#555!important
}
.cta--label.cta--black.cta--disabled {
color:#ddd!important;
cursor:default!important
}
.cta--label.cta--black.cta--disabled:focus,.cta--label.cta--black.cta--disabled:hover {
color:#ddd!important
}
.cta--label.cta--white {
color:#fff!important
}
.cta--label.cta--white:focus,.cta--label.cta--white:hover {
color:#ddd!important
}
.cta--label.cta--white.cta--disabled {
color:#555!important;
cursor:default!important
}
.cta--label.cta--white.cta--disabled:focus,.cta--label.cta--white.cta--disabled:hover {
color:#555!important
}
.cta--dense {
padding:8px 16px;
border-radius:16px;
font-size:12px;
line-height:16px
}
.cta[target=_blank]:before {
content:" ";
position:absolute;
width:16px;
height:16px;
right:24px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-repeat:no-repeat;
background-size:100% 100%
}
.cta[target=_blank].cta--contained {
padding-right:44px
}
.cta[target=_blank].cta--outlined {
padding-right:43px
}
.cta[target=_blank].cta--underline {
padding-right:20px
}
.cta[target=_blank].cta--underline[target=_blank]:before {
right:0
}
.cta[target=_blank].cta--underline[target=_blank]:after {
display:none
}
.cta.cta--icon .icon {
display:inline-block;
width:16px;
height:16px;
margin-left:4px;
-webkit-box-sizing:content-box;
box-sizing:content-box;
fill:currentColor;
-webkit-transition:fill .2s cubic-bezier(.33,0,.3,1);
transition:fill .2s cubic-bezier(.33,0,.3,1)
}
.cta.cta--icon-leading .icon {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
margin-left:0;
margin-right:4px
}
.cta.cta--icon:before {
display:none
}
.cta.cta--icon.cta--contained {
padding-right:24px
}
.cta.cta--icon.cta--outlined {
padding-right:23px
}
.cta.cta--icon.cta--underline {
padding-right:0
}
.cta.cta--icon.cta--underline:after {
display:none
}
.cta.cta--icon.cta--label .icon,.cta.cta--icon.cta--underline .icon {
margin-bottom:1px
}
.cta--disabled {
pointer-events:none
}
.cta--disabled.cta--underline:focus:after,.cta--disabled.cta--underline:hover:after {
-webkit-animation:none;
animation:none
}
.bg-black .cta--contained,.bg-dark-gray .cta--contained {
color:#000;
background-color:#fff
}
.bg-black .cta--contained:focus,.bg-black .cta--contained:hover,.bg-dark-gray .cta--contained:focus,.bg-dark-gray .cta--contained:hover {
color:#313131;
background-color:#ddd
}
.bg-black .cta--contained.cta--disabled,.bg-dark-gray .cta--contained.cta--disabled {
color:#313131;
background-color:#555;
cursor:default
}
.bg-black .cta--contained.cta--disabled:focus,.bg-black .cta--contained.cta--disabled:hover,.bg-dark-gray .cta--contained.cta--disabled:focus,.bg-dark-gray .cta--contained.cta--disabled:hover {
color:#313131;
background-color:#555
}
.bg-black .cta--contained[target=_blank]:before,.bg-dark-gray .cta--contained[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-black.svg)
}
.bg-black .cta--contained[target=_blank].cta--disabled:before,.bg-black .cta--contained[target=_blank]:focus:before,.bg-black .cta--contained[target=_blank]:hover:before,.bg-dark-gray .cta--contained[target=_blank].cta--disabled:before,.bg-dark-gray .cta--contained[target=_blank]:focus:before,.bg-dark-gray .cta--contained[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-black-dim.svg)
}
.bg-black .cta--outlined,.bg-dark-gray .cta--outlined {
color:#fff;
background-color:transparent;
border-color:#fff
}
.bg-black .cta--outlined:focus,.bg-black .cta--outlined:hover,.bg-dark-gray .cta--outlined:focus,.bg-dark-gray .cta--outlined:hover {
color:#ddd;
background-color:hsla(0,0%,100%,.15);
border-color:#ddd
}
.bg-black .cta--outlined.cta--disabled,.bg-dark-gray .cta--outlined.cta--disabled {
color:#555;
border-color:#555;
cursor:default
}
.bg-black .cta--outlined.cta--disabled:focus,.bg-black .cta--outlined.cta--disabled:hover,.bg-dark-gray .cta--outlined.cta--disabled:focus,.bg-dark-gray .cta--outlined.cta--disabled:hover {
color:#555;
background-color:transparent;
border-color:#555
}
.bg-black .cta--outlined[target=_blank]:before,.bg-dark-gray .cta--outlined[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)
}
.bg-black .cta--outlined[target=_blank]:focus:before,.bg-black .cta--outlined[target=_blank]:hover:before,.bg-dark-gray .cta--outlined[target=_blank]:focus:before,.bg-dark-gray .cta--outlined[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)
}
.bg-black .cta--outlined[target=_blank].cta--disabled:before,.bg-black .cta--outlined[target=_blank].cta--disabled:focus:before,.bg-black .cta--outlined[target=_blank].cta--disabled:hover:before,.bg-dark-gray .cta--outlined[target=_blank].cta--disabled:before,.bg-dark-gray .cta--outlined[target=_blank].cta--disabled:focus:before,.bg-dark-gray .cta--outlined[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)
}
.bg-black .cta--underline,.bg-dark-gray .cta--underline {
color:#fff
}
.bg-black .cta--underline:focus,.bg-black .cta--underline:hover,.bg-dark-gray .cta--underline:focus,.bg-dark-gray .cta--underline:hover {
color:#ddd
}
.bg-black .cta--underline.cta--disabled,.bg-dark-gray .cta--underline.cta--disabled {
color:#555;
border-color:#555;
cursor:default
}
.bg-black .cta--underline.cta--disabled:focus,.bg-black .cta--underline.cta--disabled:hover,.bg-dark-gray .cta--underline.cta--disabled:focus,.bg-dark-gray .cta--underline.cta--disabled:hover {
color:#555;
border-color:#555
}
.bg-black .cta--underline[target=_blank]:before,.bg-dark-gray .cta--underline[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)
}
.bg-black .cta--underline[target=_blank]:focus:before,.bg-black .cta--underline[target=_blank]:hover:before,.bg-dark-gray .cta--underline[target=_blank]:focus:before,.bg-dark-gray .cta--underline[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)
}
.bg-black .cta--underline[target=_blank].cta--disabled:before,.bg-black .cta--underline[target=_blank].cta--disabled:focus:before,.bg-black .cta--underline[target=_blank].cta--disabled:hover:before,.bg-dark-gray .cta--underline[target=_blank].cta--disabled:before,.bg-dark-gray .cta--underline[target=_blank].cta--disabled:focus:before,.bg-dark-gray .cta--underline[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)
}
.bg-black .cta--label,.bg-dark-gray .cta--label {
color:#fff
}
.bg-black .cta--label:focus,.bg-black .cta--label:hover,.bg-dark-gray .cta--label:focus,.bg-dark-gray .cta--label:hover {
color:#ddd
}
.bg-black .cta--label.cta--disabled,.bg-dark-gray .cta--label.cta--disabled {
color:#555;
cursor:default
}
.bg-black .cta--label.cta--disabled:focus,.bg-black .cta--label.cta--disabled:hover,.bg-dark-gray .cta--label.cta--disabled:focus,.bg-dark-gray .cta--label.cta--disabled:hover {
color:#555
}
.bg-light-gray .cta--contained,.bg-transparent .cta--contained,.bg-white .cta--contained {
color:#fff;
background-color:#000
}
.bg-light-gray .cta--contained:focus,.bg-light-gray .cta--contained:hover,.bg-transparent .cta--contained:focus,.bg-transparent .cta--contained:hover,.bg-white .cta--contained:focus,.bg-white .cta--contained:hover {
color:#eee;
background-color:#555
}
.bg-light-gray .cta--contained.cta--disabled,.bg-transparent .cta--contained.cta--disabled,.bg-white .cta--contained.cta--disabled {
color:#eee;
background-color:#ddd;
cursor:default
}
.bg-light-gray .cta--contained.cta--disabled:focus,.bg-light-gray .cta--contained.cta--disabled:hover,.bg-transparent .cta--contained.cta--disabled:focus,.bg-transparent .cta--contained.cta--disabled:hover,.bg-white .cta--contained.cta--disabled:focus,.bg-white .cta--contained.cta--disabled:hover {
color:#eee;
background-color:#ddd
}
.bg-light-gray .cta--contained[target=_blank]:before,.bg-transparent .cta--contained[target=_blank]:before,.bg-white .cta--contained[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-white.svg)
}
.bg-light-gray .cta--contained[target=_blank].cta--disabled:before,.bg-light-gray .cta--contained[target=_blank]:focus:before,.bg-light-gray .cta--contained[target=_blank]:hover:before,.bg-transparent .cta--contained[target=_blank].cta--disabled:before,.bg-transparent .cta--contained[target=_blank]:focus:before,.bg-transparent .cta--contained[target=_blank]:hover:before,.bg-white .cta--contained[target=_blank].cta--disabled:before,.bg-white .cta--contained[target=_blank]:focus:before,.bg-white .cta--contained[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-white-dim.svg)
}
.bg-light-gray .cta--outlined,.bg-transparent .cta--outlined,.bg-white .cta--outlined {
color:#000;
background-color:transparent;
border-color:#000
}
.bg-light-gray .cta--outlined:focus,.bg-light-gray .cta--outlined:hover,.bg-transparent .cta--outlined:focus,.bg-transparent .cta--outlined:hover,.bg-white .cta--outlined:focus,.bg-white .cta--outlined:hover {
color:#555;
background-color:rgba(0,0,0,.05);
border-color:#555
}
.bg-light-gray .cta--outlined.cta--disabled,.bg-transparent .cta--outlined.cta--disabled,.bg-white .cta--outlined.cta--disabled {
color:#ddd;
border-color:#ddd;
cursor:default
}
.bg-light-gray .cta--outlined.cta--disabled:focus,.bg-light-gray .cta--outlined.cta--disabled:hover,.bg-transparent .cta--outlined.cta--disabled:focus,.bg-transparent .cta--outlined.cta--disabled:hover,.bg-white .cta--outlined.cta--disabled:focus,.bg-white .cta--outlined.cta--disabled:hover {
color:#ddd;
background-color:transparent;
border-color:#ddd
}
.bg-light-gray .cta--outlined[target=_blank]:before,.bg-transparent .cta--outlined[target=_blank]:before,.bg-white .cta--outlined[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-black.svg)
}
.bg-light-gray .cta--outlined[target=_blank]:focus:before,.bg-light-gray .cta--outlined[target=_blank]:hover:before,.bg-transparent .cta--outlined[target=_blank]:focus:before,.bg-transparent .cta--outlined[target=_blank]:hover:before,.bg-white .cta--outlined[target=_blank]:focus:before,.bg-white .cta--outlined[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)
}
.bg-light-gray .cta--outlined[target=_blank].cta--disabled:before,.bg-light-gray .cta--outlined[target=_blank].cta--disabled:focus:before,.bg-light-gray .cta--outlined[target=_blank].cta--disabled:hover:before,.bg-transparent .cta--outlined[target=_blank].cta--disabled:before,.bg-transparent .cta--outlined[target=_blank].cta--disabled:focus:before,.bg-transparent .cta--outlined[target=_blank].cta--disabled:hover:before,.bg-white .cta--outlined[target=_blank].cta--disabled:before,.bg-white .cta--outlined[target=_blank].cta--disabled:focus:before,.bg-white .cta--outlined[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)
}
.bg-light-gray .cta--underline,.bg-transparent .cta--underline,.bg-white .cta--underline {
color:#000
}
.bg-light-gray .cta--underline:focus,.bg-light-gray .cta--underline:hover,.bg-transparent .cta--underline:focus,.bg-transparent .cta--underline:hover,.bg-white .cta--underline:focus,.bg-white .cta--underline:hover {
color:#555
}
.bg-light-gray .cta--underline.cta--disabled,.bg-transparent .cta--underline.cta--disabled,.bg-white .cta--underline.cta--disabled {
color:#ddd;
border-color:#ddd;
cursor:default
}
.bg-light-gray .cta--underline.cta--disabled:focus,.bg-light-gray .cta--underline.cta--disabled:hover,.bg-transparent .cta--underline.cta--disabled:focus,.bg-transparent .cta--underline.cta--disabled:hover,.bg-white .cta--underline.cta--disabled:focus,.bg-white .cta--underline.cta--disabled:hover {
color:#ddd;
border-color:#ddd
}
.bg-light-gray .cta--underline[target=_blank]:before,.bg-transparent .cta--underline[target=_blank]:before,.bg-white .cta--underline[target=_blank]:before {
background-image:url(../../resources/images/icon-new-window-black.svg)
}
.bg-light-gray .cta--underline[target=_blank]:focus:before,.bg-light-gray .cta--underline[target=_blank]:hover:before,.bg-transparent .cta--underline[target=_blank]:focus:before,.bg-transparent .cta--underline[target=_blank]:hover:before,.bg-white .cta--underline[target=_blank]:focus:before,.bg-white .cta--underline[target=_blank]:hover:before {
background-image:url(../../resources/images/icon-new-window-gray.svg)
}
.bg-light-gray .cta--underline[target=_blank].cta--disabled:before,.bg-light-gray .cta--underline[target=_blank].cta--disabled:focus:before,.bg-light-gray .cta--underline[target=_blank].cta--disabled:hover:before,.bg-transparent .cta--underline[target=_blank].cta--disabled:before,.bg-transparent .cta--underline[target=_blank].cta--disabled:focus:before,.bg-transparent .cta--underline[target=_blank].cta--disabled:hover:before,.bg-white .cta--underline[target=_blank].cta--disabled:before,.bg-white .cta--underline[target=_blank].cta--disabled:focus:before,.bg-white .cta--underline[target=_blank].cta--disabled:hover:before {
background-image:url(../../resources/images/icon-new-window-gray-dim.svg)
}
.bg-light-gray .cta--label,.bg-transparent .cta--label,.bg-white .cta--label {
color:#000
}
.bg-light-gray .cta--label:focus,.bg-light-gray .cta--label:hover,.bg-transparent .cta--label:focus,.bg-transparent .cta--label:hover,.bg-white .cta--label:focus,.bg-white .cta--label:hover {
color:#555
}
.bg-light-gray .cta--label.cta--disabled,.bg-transparent .cta--label.cta--disabled,.bg-white .cta--label.cta--disabled {
color:#ddd;
cursor:default
}
.bg-light-gray .cta--label.cta--disabled:focus,.bg-light-gray .cta--label.cta--disabled:hover,.bg-transparent .cta--label.cta--disabled:focus,.bg-transparent .cta--label.cta--disabled:hover,.bg-white .cta--label.cta--disabled:focus,.bg-white .cta--label.cta--disabled:hover {
color:#ddd
}
.high-contrast .cta--contained {
color:#fff01f!important;
background-color:#000!important
}
.high-contrast .cta--contained:focus,.high-contrast .cta--contained:hover {
color:#000!important;
background-color:#fff01f!important
}
.high-contrast .cta--outlined {
color:#fff01f!important;
background-color:#000!important;
border-color:#fff01f!important
}
.high-contrast .cta--outlined:focus,.high-contrast .cta--outlined:hover {
color:#000!important;
background-color:#fff01f!important;
border-color:#000!important
}
.high-contrast .cta--underline {
color:#fff01f!important
}
.high-contrast .cta--underline:focus,.high-contrast .cta--underline:hover {
color:#000!important
}
.high-contrast .cta--label {
color:#fff01f!important
}
.high-contrast .cta--label:focus,.high-contrast .cta--label:hover {
color:#000!important
}
@media only screen and (min-width:768px) and (max-width:1440px) {
.cta {
font-size:.97222222vw;
line-height:1.31944444vw
}
.cta--contained {
padding:.69444444vw 1.66666667vw .76388889vw;
border-radius:1.38888889vw
}
.cta--outlined {
padding:.625vw 1.59722222vw .69444444vw;
border-radius:1.38888889vw;
border-width:.06944444vw
}
.cta--underline {
padding:.69444444vw 0 .76388889vw
}
.cta--underline:after {
bottom:.55555556vw;
height:.13888889vw
}
.cta--dense {
padding:.55555556vw 1.11111111vw;
border-radius:1.11111111vw;
font-size:.83333333vw;
line-height:1.11111111vw
}
.cta[target=_blank]:before {
width:1.11111111vw;
height:1.11111111vw;
right:1.66666667vw
}
.cta[target=_blank].cta--contained {
padding-right:3.05555556vw
}
.cta[target=_blank].cta--outlined {
padding-right:2.98611111vw
}
.cta[target=_blank].cta--underline {
padding-right:1.38888889vw
}
.cta.cta--icon .icon {
width:1.11111111vw;
height:1.11111111vw;
margin-left:.27777778vw
}
.cta.cta--icon-leading .icon {
margin-left:0;
margin-right:.27777778vw
}
.cta.cta--icon.cta--contained {
padding-right:1.66666667vw
}
.cta.cta--icon.cta--outlined {
padding-right:1.59722222vw
}
.cta.cta--icon.cta--underline {
padding-right:0
}
.cta.cta--icon.cta--label .icon,.cta.cta--icon.cta--underline .icon {
margin-bottom:.06944444vw
}
}
@media only screen and (max-width:767px) {
.cta {
font-size:3.88888889vw;
line-height:5.27777778vw
}
.cta--contained {
padding:2.77777778vw 6.66666667vw 3.05555556vw;
border-radius:5.55555556vw
}
.cta--outlined {
padding:2.5vw 6.38888889vw 2.77777778vw;
border-radius:5.55555556vw;
border-width:.27777778vw
}
.cta--underline {
padding:2.77777778vw 0 3.05555556vw
}
.cta--underline:after {
bottom:2.22222222vw;
height:.55555556vw
}
.cta--dense {
padding:2.22222222vw 4.44444444vw;
border-radius:4.44444444vw;
font-size:3.33333333vw;
line-height:4.44444444vw
}
.cta[target=_blank]:before {
width:4.44444444vw;
height:4.44444444vw;
right:6.66666667vw
}
.cta[target=_blank].cta--contained {
padding-right:12.22222222vw
}
.cta[target=_blank].cta--outlined {
padding-right:11.94444444vw
}
.cta[target=_blank].cta--underline {
padding-right:5.55555556vw
}
.cta.cta--icon .icon {
width:4.44444444vw;
height:4.44444444vw;
margin-left:1.11111111vw
}
.cta.cta--icon-leading .icon {
margin-left:0;
margin-right:1.11111111vw
}
.cta.cta--icon.cta--contained {
padding-right:6.66666667vw
}
.cta.cta--icon.cta--outlined {
padding-right:6.38888889vw
}
.cta.cta--icon.cta--underline {
padding-right:0
}
.cta.cta--icon.cta--label .icon,.cta.cta--icon.cta--underline .icon {
margin-bottom:.27777778vw
}
}
@-webkit-keyframes cta-underline-animation {
0% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
to {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes cta-underline-animation {
0% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
to {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
.badge-icon {
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
.badge-icon--dot {
position:relative;
width:4px;
height:4px;
border-radius:50%;
font-size:0
}
.badge-icon--dot-inner {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:4px;
height:4px;
border-radius:50%;
-webkit-animation:badge-dot-appear-ani .2s cubic-bezier(.4,0,.2,1);
animation:badge-dot-appear-ani .2s cubic-bezier(.4,0,.2,1)
}
.badge-icon--label {
height:20px;
padding:2px 6px;
border-radius:10px;
text-transform:uppercase;
-webkit-animation:badge-label-appear-ani .2s cubic-bezier(.4,0,.2,1) both;
animation:badge-label-appear-ani .2s cubic-bezier(.4,0,.2,1) both
}
.badge-icon--label,.badge-icon--number {
font-size:12px;
line-height:16px;
font-family:SamsungOne,arial,sans-serif;
font-weight:700;
color:#fff
}
.badge-icon--number {
min-width:16px;
height:16px;
padding:0 1px;
border-radius:8px;
text-align:center;
-webkit-animation:badge-number-appear-ani .2s cubic-bezier(.4,0,.2,1) both;
animation:badge-number-appear-ani .2s cubic-bezier(.4,0,.2,1) both
}
.badge-icon--bg-color-blue {
background-color:#2189ff
}
.badge-icon--bg-color-orange {
background-color:#ffaa4e
}
.badge-icon--bg-color-red {
background-color:#ef3434
}
.badge-icon--bg-color-teal {
background-color:#00838f
}
@media only screen and (min-width:768px) and (max-width:1440px) {
.badge-icon--dot,.badge-icon--dot-inner {
width:.27777778vw;
height:.27777778vw
}
.badge-icon--label {
height:1.38888889vw;
padding:.13888889vw .41666667vw;
border-radius:.69444444vw
}
.badge-icon--label,.badge-icon--number {
font-size:.83333333vw;
line-height:1.11111111vw
}
.badge-icon--number {
min-width:1.11111111vw;
height:1.11111111vw;
border-radius:.55555556vw
}
}
@media only screen and (max-width:767px) {
.badge-icon--dot,.badge-icon--dot-inner {
width:1.11111111vw;
height:1.11111111vw
}
.badge-icon--label {
padding:.27777778vw 1.11111111vw;
font-size:2.77777778vw;
line-height:3.88888889vw
}
.badge-icon--label,.badge-icon--number {
height:4.44444444vw;
border-radius:2.22222222vw
}
.badge-icon--number {
min-width:4.44444444vw;
line-height:4.44444444vw;
font-size:3.33333333vw
}
}
@-webkit-keyframes badge-dot-appear-ani {
0% {
width:0;
height:0
}
to {
width:4px;
height:4px
}
}
@keyframes badge-dot-appear-ani {
0% {
width:0;
height:0
}
to {
width:4px;
height:4px
}
}
@-webkit-keyframes badge-dot-disappear-ani {
0% {
width:4px;
height:4px
}
to {
width:0;
height:0
}
}
@keyframes badge-dot-disappear-ani {
0% {
width:4px;
height:4px
}
to {
width:0;
height:0
}
}
@-webkit-keyframes badge-label-appear-ani {
0% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
75% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
to {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes badge-label-appear-ani {
0% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
75% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
to {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@-webkit-keyframes badge-label-disappear-ani {
0% {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
to {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
@keyframes badge-label-disappear-ani {
0% {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
to {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
@-webkit-keyframes badge-number-appear-ani {
0% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
to {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@keyframes badge-number-appear-ani {
0% {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
to {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
}
@-webkit-keyframes badge-number-disappear-ani {
0% {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
to {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
@keyframes badge-number-disappear-ani {
0% {
visibility:visible;
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
to {
visibility:hidden;
-webkit-transform:scaleX(0);
transform:scaleX(0)
}
}
.image {
display:inline-block;
position:relative;
width:100%;
font-size:0
}
.image__main,.image__preview {
display:inline-block;
width:100%;
height:auto;
opacity:0;
visibility:hidden
}
.image__main:not([src]),.image__preview:not([src]) {
height:0
}
.image__preview+.image__main {
position:absolute;
left:0;
top:0
}
.image--loaded {
opacity:1;
visibility:visible
}
.image--hide {
visibility:hidden
}
.image--dyn-height.image--main-loaded .image__main {
position:relative
}
.image--dyn-height.image--main-loaded .image__preview {
position:absolute;
left:0;
top:0
}
.image .hover-scale {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transition:-webkit-transform .3s linear;
transition:-webkit-transform .3s linear;
transition:transform .3s linear;
transition:transform .3s linear,-webkit-transform .3s linear
}
.image .hover-scale:hover {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
.image .image--loaded.hover-image {
opacity:1;
visibility:visible;
-webkit-transition:visibility 0s,opacity .1s cubic-bezier(.39,.575,.565,1) .1s;
transition:visibility 0s,opacity .1s cubic-bezier(.39,.575,.565,1) .1s
}
.image__hover-image--hover {
position:absolute;
width:100%;
left:0
}
.image:hover .image--loaded.hover-image,.image__hover-image--hover {
visibility:hidden;
opacity:0;
-webkit-transition:visibility 0s .2s,opacity .2s cubic-bezier(.47,0,.745,.715);
transition:visibility 0s .2s,opacity .2s cubic-bezier(.47,0,.745,.715)
}
.image:hover .image__hover-image--hover {
opacity:1;
visibility:visible;
-webkit-transition:visibility 0s,opacity .1s cubic-bezier(.39,.575,.565,1) .1s;
transition:visibility 0s,opacity .1s cubic-bezier(.39,.575,.565,1) .1s
}
.image-360 {
position:relative;
overflow:hidden
}
.image-360,.image-360 [data-akamai-viewer],.image-360 [data-akamai-viewer] div {
height:100%
}
.image-360 [data-akamai-viewer] canvas {
display:block;
max-width:100%;
height:100%;
margin:0 auto
}
.gnb {
position:relative;
z-index:2000
}
.gnb__dimmed {
display:none;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
background:#000;
opacity:0;
z-index:2000;
-webkit-transition:opacity .6s cubic-bezier(.4,0,.2,1) .2s;
transition:opacity .6s cubic-bezier(.4,0,.2,1) .2s
}
.gnb__dimmed.open {
display:block;
opacity:.68;
-webkit-transition:opacity .6s cubic-bezier(.4,0,.2,1);
transition:opacity .6s cubic-bezier(.4,0,.2,1)
}
.gnb__nav {
position:relative;
background:#fff;
z-index:2000
}
.gnb__bar {
max-width:1440px;
height:80px;
margin:0 auto;
background:#fff;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.gnb__bar-inner {
padding:0 24px 0 16px;
font-size:0
}
.gnb__bar-inner:after {
content:"";
display:block;
clear:both
}
.gnb__logo {
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
height:80px
}
.gnb__logo:after {
content:"";
display:block;
width:120px;
height:32px;
background:url(../../resources/images/global-samsung-logo.svg) no-repeat 50% 50%;
background-size:104px 16px
}
.gnb__logo--christmas:after {
background:url(../../resources/images/christmas-samsung-logo-desktop.gif) no-repeat 50% 50%;
background-size:104px 20px
}
.gnb__logo--valentine:after {
background:url(../../resources/images/valentine-samsung-logo-desktop.gif) no-repeat 50% 50%;
background-size:120px 32px
}
.gnb__main {
float:left;
margin-left:64px;
font-size:0
}
.gnb__depth1 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:80px;
line-height:1.33
}
.gnb__depth1-menu {
vertical-align:middle
}
.gnb__depth1-menu--only-mobile {
display:none
}
.gnb__depth1-link {
display:inline-block;
overflow:hidden;
position:relative;
padding:7px 8px;
border-radius:20px;
color:#000;
font-size:14px;
font-weight:700;
line-height:1.33
}
.gnb__depth1-link>.icon {
display:none
}
.gnb__depth1-link-text .icon {
width:14px;
height:14px;
vertical-align:middle;
fill:currentColor
}
.gnb__depth1-link.active,.gnb__depth1-link:hover {
background:#000;
color:#fff
}
.gnb__depth2-wrap {
overflow:hidden;
position:absolute;
top:80px;
left:0;
right:0;
background:#fff
}
.gnb__depth-back-wrap {
display:none
}
.gnb__depth2-inner {
visibility:hidden;
overflow:hidden;
position:relative;
max-width:1440px;
height:0;
margin:0 auto;
padding:0 24px;
-webkit-transition-property:height;
transition-property:height;
-webkit-transition-delay:.1s;
transition-delay:.1s
}
.gnb__depth2-inner.active {
visibility:visible;
padding:0 24px;
z-index:2100
}
.gnb__depth2 {
position:relative;
width:260px;
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
-webkit-transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .4s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
pointer-events:none
}
.gnb__depth2:after {
content:"";
display:block;
clear:both
}
.gnb__depth2.active {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
pointer-events:auto
}
.gnb__depth2-title-wrap {
display:table;
width:100%;
opacity:0;
padding-top:8px;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
-webkit-transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .4s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s
}
.gnb__depth2-title {
display:table-cell;
height:80px;
color:#000;
font-size:32px;
line-height:1.33;
vertical-align:middle
}
.gnb__depth2-title-link {
display:inline-block;
position:relative;
color:#000
}
.gnb__depth2-title-link:after {
content:"";
display:block;
position:absolute;
left:50%;
-webkit-transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);
transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);
top:100%;
width:0;
margin-top:2px;
border-bottom:2px solid #000
}
.gnb__depth2-title-link:focus:after,.gnb__depth2-title-link:hover:after {
left:0;
width:100%
}
.gnb__depth2-title-link svg.icon {
width:32px;
height:32px;
vertical-align:-4px
}
.gnb__depth2-menu {
clear:both;
padding:8px 0
}
.gnb__depth2-menu.has-depth-menu {
padding-right:32px
}
.gnb__depth2-link {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding:8px 0;
color:#000;
font-size:18px;
vertical-align:middle;
word-wrap:break-word
}
.gnb__depth2-link-text {
display:inline;
position:relative
}
.gnb__depth2-link-text:before {
content:"";
display:block;
position:absolute;
top:100%;
left:50%;
-webkit-transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);
transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);
width:0;
height:1px;
margin-top:2px;
background:#000
}
.gnb__depth2-link .icon--next {
visibility:hidden;
position:absolute;
width:24px;
height:24px;
left:236px;
-webkit-transform:translateX(-5px);
transform:translateX(-5px);
opacity:0;
-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .2s cubic-bezier(.4,0,.2,1) .1s;
transition:opacity .2s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .2s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .2s cubic-bezier(.4,0,.2,1) .1s,opacity .2s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .2s cubic-bezier(.4,0,.2,1) .1s,opacity .2s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .2s cubic-bezier(.4,0,.2,1) .1s
}
.gnb__depth2-link .icon--dropdown {
display:none
}
.gnb__depth2-link:focus .gnb__depth2-link-text:before,.gnb__depth2-link:hover .gnb__depth2-link-text:before {
left:0;
width:100%
}
.gnb__depth2-menu.active .gnb__depth2-link {
font-weight:700
}
.gnb__depth2-link[target=_blank] .gnb__depth2-link-text .icon {
display:inline-block;
width:16px;
height:16px;
vertical-align:middle
}
.gnb__depth2-close {
visibility:hidden;
position:absolute;
right:12px;
top:48px;
width:48px;
height:48px;
margin-top:-24px;
z-index:2100;
opacity:0;
-webkit-transition-property:opacity;
transition-property:opacity
}
.gnb__depth2-close svg.icon {
position:absolute;
left:12px;
top:12px;
width:24px;
height:24px
}
.gnb__depth1-menu.active .gnb__depth2-title-wrap {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link-text:before {
content:none
}
.gnb .gnb__depth2-menu.has-depth-menu.active .gnb__depth2-link>.icon--next,.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link:focus>.icon--next,.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link:hover>.icon--next {
visibility:visible;
position:absolute;
right:0;
-webkit-transform:translateX(0);
transform:translateX(0);
top:50%;
width:24px;
height:24px;
margin-top:-12px;
opacity:1
}
.gnb__depth3-wrap {
visibility:hidden;
overflow:hidden;
position:absolute;
top:0;
left:352px;
right:0;
width:424px
}
.gnb__depth3-wrap .gnb__depth3-inner {
opacity:0;
-webkit-transform:translateX(-30px);
transform:translateX(-30px);
-webkit-transition:opacity .1s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .1s cubic-bezier(.4,0,.2,1) .1s;
transition:opacity .1s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .1s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .1s cubic-bezier(.4,0,.2,1) .1s,opacity .1s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .1s cubic-bezier(.4,0,.2,1) .1s,opacity .1s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .1s cubic-bezier(.4,0,.2,1) .1s
}
.gnb__depth2-menu.active .gnb__depth3-wrap {
visibility:visible;
-webkit-transform:translateX(0);
transform:translateX(0)
}
.gnb__depth2-menu.active .gnb__depth3-wrap .gnb__depth3-inner {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:opacity .4s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .4s cubic-bezier(.4,0,.2,1) .2s;
transition:opacity .4s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .4s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .4s cubic-bezier(.4,0,.2,1) .2s,opacity .4s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .4s cubic-bezier(.4,0,.2,1) .2s,opacity .4s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .4s cubic-bezier(.4,0,.2,1) .2s
}
.gnb__depth3 {
overflow:hidden;
padding:0 2px;
font-size:0
}
.gnb__depth3-menu {
padding:8px 0
}
.gnb__depth3-link {
display:inline-block;
padding:8px 0;
color:#000;
font-size:18px
}
.gnb__depth3-link-text {
display:inline-block;
position:relative
}
.gnb__depth3-link-text:before {
content:"";
display:block;
position:absolute;
top:100%;
left:50%;
-webkit-transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);
transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);
width:0;
height:1px;
margin-top:2px;
background:#000
}
.gnb__depth3-link:focus .gnb__depth3-link-text,.gnb__depth3-link:hover .gnb__depth3-link-text {
font-weight:700
}
.gnb__depth3-link:focus .gnb__depth3-link-text:before,.gnb__depth3-link:hover .gnb__depth3-link-text:before {
left:0;
width:100%
}
.gnb__feature-container {
position:absolute;
right:0;
border-left:1px solid #ddd;
top:88px;
width:497px;
padding:0 83px;
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
-webkit-transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
transition:opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .4s cubic-bezier(.4,0,.2,1) .1s;
transition:transform .5s cubic-bezier(.4,0,.2,1) .1s,opacity .4s cubic-bezier(.4,0,.2,1) .1s,-webkit-transform .5s cubic-bezier(.4,0,.2,1) .1s
}
.gnb__feature-container-link {
display:block
}
.gnb__feature-container .image {
overflow:hidden;
width:330px;
height:330px;
border-radius:20px
}
.gnb__feature-container .image img {
-webkit-transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);
transition:-webkit-transform .2s cubic-bezier(.4,0,.2,1);
transition:transform .2s cubic-bezier(.4,0,.2,1);
transition:transform .2s cubic-bezier(.4,0,.2,1),-webkit-transform .2s cubic-bezier(.4,0,.2,1)
}
.gnb__feature-container .image:hover img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.gnb__feature-container-contents {
padding:24px 8px;
color:#000;
font-weight:700;
font-size:18px
}
.gnb__feature-container-contents .cta {
margin:6px 0 -8px
}
.gnb__depth1-menu.active .gnb__feature-container,.gnb__depth2-wrap.open+.gnb__feature-container {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.gnb__sub {
float:right;
font-size:0
}
.gnb__sub .gnb__depth1 {
float:left
}
.gnb__utility {
float:right;
margin-left:36px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:80px
}
.gnb__utility>li {
position:relative
}
.gnb__utility>li+li {
margin-left:24px
}
.gnb__utility>li>a {
display:block
}
.gnb__utility>li>a,.gnb__utility>li>a svg.icon {
width:24px;
height:24px
}
.gnb__utility>li>a svg.icon {
pointer-events:none
}
.gnb__utility li.gnb__logout>a {
margin:-6px 0
}
.gnb__utility li.gnb__logout>a,.gnb__utility li.gnb__logout div.image,.gnb__utility li.gnb__logout svg[class*=icon] {
width:36px;
height:36px
}
.gnb__utility li.gnb__logout a.gnb__logout-btn {
overflow:hidden;
border-radius:100%
}
.gnb__utility .gnb__login-layer {
visibility:hidden;
position:absolute;
top:36px;
right:0;
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
width:216px;
padding:8px 0;
background:#fff;
border-radius:6px;
-webkit-box-shadow:0 4px 10px -2px rgba(0,0,0,.2);
box-shadow:0 4px 10px -2px rgba(0,0,0,.2);
z-index:2999;
opacity:0;
-webkit-transform:scale(.6);
transform:scale(.6);
-webkit-transition:opacity .1s cubic-bezier(.2,.6,.4,1),-webkit-transform .1s cubic-bezier(.2,.6,.4,1);
transition:opacity .1s cubic-bezier(.2,.6,.4,1),-webkit-transform .1s cubic-bezier(.2,.6,.4,1);
transition:transform .1s cubic-bezier(.2,.6,.4,1),opacity .1s cubic-bezier(.2,.6,.4,1);
transition:transform .1s cubic-bezier(.2,.6,.4,1),opacity .1s cubic-bezier(.2,.6,.4,1),-webkit-transform .1s cubic-bezier(.2,.6,.4,1)
}
.gnb__utility .gnb__login-layer.active {
visibility:visible;
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
.gnb__utility .gnb__login-layer .gnb__utility-link {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:24px;
padding:8px 16px;
color:#000;
font-size:14px;
line-height:1.33;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.gnb__utility .gnb__login-layer .gnb__utility-link .icon-wrap {
width:24px;
height:24px;
padding:4px;
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
margin-right:8px
}
.gnb__utility .gnb__login-layer .gnb__utility-link .icon-wrap svg[class*=icon] {
width:100%;
height:100%
}
.gnb__utility .gnb__login-layer .gnb__user-name {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:38px;
padding:16px 0;
margin:0 16px 8px;
border-bottom:1px solid #ddd;
color:#000;
font-weight:700;
font-size:14px;
line-height:1.33;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.gnb__utility .gnb__login-layer .gnb__user-name .gnb__user-image {
overflow:hidden;
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
margin-right:8px;
border-radius:100%
}
.gnb__utility .gnb__login-layer .gnb__user-name .gnb__user-image div.image,.gnb__utility .gnb__login-layer .gnb__user-name .gnb__user-image svg[class*=icon] {
display:block;
width:32px;
height:32px
}
.gnb__utility .gnb__cart {
position:relative
}
.gnb__utility .gnb__cart-in-number {
position:absolute;
top:-3px;
left:15px;
z-index:2000;
min-width:12px;
height:12px;
padding:0 2px;
border-radius:6px;
background-color:#d93b30;
color:#fff;
font-size:10px;
font-weight:700;
text-align:center;
line-height:14px;
letter-spacing:normal;
text-indent:1px
}
.gnb__utility .gnb__country {
position:relative
}
.gnb__utility .gnb__country .image {
width:24px;
height:24px
}
.gnb__utility .gnb__country-cta {
overflow:hidden;
position:relative;
width:44px;
height:24px;
padding-right:20px
}
.gnb__utility .gnb__country-cta svg.icon {
display:none;
position:absolute;
right:0;
top:50%;
width:12px;
height:12px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.gnb__utility .gnb__country-cta svg.icon--open {
display:block
}
.gnb__utility .gnb__country-cta.active .icon {
display:none
}
.gnb__utility .gnb__country-cta.active .icon--close {
display:block
}
.gnb__utility .gnb__country-layer {
visibility:hidden;
position:absolute;
right:0;
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
top:36px;
width:130px;
padding:8px 0;
border-radius:6px;
-webkit-box-shadow:0 4px 10px -2px rgba(0,0,0,.2);
box-shadow:0 4px 10px -2px rgba(0,0,0,.2);
background:#fff;
z-index:2999;
opacity:0;
-webkit-transform:scale(.6);
transform:scale(.6);
-webkit-transition:opacity .1s cubic-bezier(.2,.6,.4,1),-webkit-transform .1s cubic-bezier(.2,.6,.4,1);
transition:opacity .1s cubic-bezier(.2,.6,.4,1),-webkit-transform .1s cubic-bezier(.2,.6,.4,1);
transition:transform .1s cubic-bezier(.2,.6,.4,1),opacity .1s cubic-bezier(.2,.6,.4,1);
transition:transform .1s cubic-bezier(.2,.6,.4,1),opacity .1s cubic-bezier(.2,.6,.4,1),-webkit-transform .1s cubic-bezier(.2,.6,.4,1)
}
.gnb__utility .gnb__country-layer.active {
visibility:visible;
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
.gnb__utility .gnb__country-select {
padding:8px 16px;
display:table;
width:100%
}
.gnb__utility .gnb__country-select .gnb__country-text,.gnb__utility .gnb__country-select .image {
display:table-cell;
vertical-align:middle
}
.gnb__utility .gnb__country-select .gnb__country-text {
padding-left:8px;
color:#000;
font-size:14px;
line-height:1.33
}
.gnb__utility .gnb__country-select.is-selected .gnb__country-text {
font-weight:700
}
.gnb .gnb__depth3-link[target=_blank] .gnb__depth3-link-text .icon {
display:inline-block;
width:16px;
height:16px;
vertical-align:middle
}
.gnb__depth-title,.gnb__menu-close,.gnb__mobile-menu,.gnb__utility-mobile {
display:none
}
.gnb .layer-popup {
display:none;
overflow-y:auto;
line-height:1.33;
letter-spacing:-4px;
text-align:center
}
.gnb .layer-popup,.gnb .layer-popup-dim {
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:3100
}
.gnb .layer-popup-dim {
background:#000;
opacity:.68
}
.gnb .layer-popup:before {
content:"";
display:inline-block;
height:100%;
vertical-align:middle
}
.gnb .layer-popup__inner {
display:inline-block;
position:relative;
width:auto;
min-width:448px;
max-width:648px;
padding:24px;
border-radius:20px;
background:#fff;
line-height:1.33;
text-align:left;
vertical-align:middle;
letter-spacing:0
}
.gnb .layer-popup__title {
margin:0 28px 16px 0;
font-weight:700;
font-size:24px
}
.gnb .layer-popup__contents {
overflow-x:hidden;
overflow-y:auto;
text-align:left;
font-size:18px;
line-height:1.6
}
.gnb .layer-popup__contents .link-text,.gnb .layer-popup__contents .privacy_link {
font-size:14px;
line-height:1.33;
color:#1428a0;
text-decoration:underline
}
.gnb .layer-popup .icon--information {
display:block;
width:48px;
height:48px;
margin:0 auto 16px
}
.gnb .layer-popup__information-text {
font-weight:700;
text-align:center
}
.gnb .layer-popup__cta {
display:inline-block;
width:50%;
padding:0 8px
}
.gnb .layer-popup__cta-wrap {
padding:16px 0 24px;
margin:8px -8px -24px;
text-align:center;
font-size:0
}
.gnb .layer-popup__cta .cta {
width:100%
}
.gnb .layer-popup__cta .cta~.cta {
margin-left:16px
}
.gnb .layer-popup__close {
display:block;
overflow:hidden;
position:absolute;
right:12px;
top:12px;
width:48px;
height:48px
}
.gnb .layer-popup__close svg.icon {
position:absolute;
left:12px;
top:12px;
width:24px;
height:24px
}
.gnb .checkbox-radio~.check-text {
clear:both;
padding:3px 0 0 42px;
color:#363636;
font-size:14px
}
.gnb .checkbox-radio~.check-text--error {
color:#fd020e
}
.gnb__mobile-dimmed {
display:none
}
.gnb .checkbox-radio~.checkbox-radio {
margin-top:10px
}
.gnb .check_text {
display:block;
position:relative;
min-height:24px;
padding:4px 0 2px 42px;
color:#363636;
font-size:14px;
line-height:1.33
}
.gnb .check_text:before {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:24px;
height:24px;
background:url(../../resources/images/form_check_radio_a.svg) no-repeat;
background-size:100% auto;
vertical-align:middle
}
.gnb input[type=checkbox]:checked~.check_text {
font-weight:700
}
.gnb input[type=checkbox]:checked~.check_text:before {
background-image:url(../../resources/images/form_check_b.svg)
}
.gnb .check_txt {
padding:0 0 0 42px;
font-size:14px;
line-height:1.33
}
.gnb .gnb__depth1 .gnb-api--mobile-only,.gnb .gnb__depth2 .gnb-api--mobile-only,.gnb .gnb__depth3 .gnb-api--mobile-only {
display:none
}
.gnb__menu-wrap.active .gnb__depth2,.gnb__menu-wrap.active .gnb__depth2-title-wrap,.gnb__menu-wrap.active .gnb__feature-container {
-webkit-transform:translateY(0);
transform:translateY(0)
}
.gnb__country-mobile {
display:none
}
.gnb .badge-icon {
margin-top:1px;
margin-left:5px
}
.gnb .badge-icon--bg-color-green {
background-color:#4eaf46
}
@-moz-document url-prefix() {
.gnb__depth1-link.active {
outline:1px dotted #000
}
}
@media only screen and (min-width:768px) and (max-width:1440px) {
.gnb .layer-popup__inner {
min-width:31.11111111vw;
max-width:45vw;
padding:1.66666667vw;
border-radius:1.38888889vw
}
.gnb .layer-popup__title {
margin:0 1.94444444vw 1.11111111vw 0;
font-size:1.66666667vw
}
.gnb .layer-popup__contents {
font-size:1.25vw
}
.gnb .layer-popup__contents .link-text,.gnb .layer-popup__contents .privacy_link {
font-size:.97222222vw
}
.gnb .layer-popup .icon--information {
width:3.33333333vw;
height:3.33333333vw;
margin-bottom:1.11111111vw
}
.gnb .layer-popup__cta {
padding:0 .55555556vw
}
.gnb .layer-popup__cta-wrap {
padding:1.11111111vw 0 1.66666667vw;
margin:.55555556vw -.55555556vw -1.66666667vw
}
.gnb .layer-popup__cta .cta~.cta {
margin-left:1.11111111vw
}
.gnb .layer-popup__close {
right:.83333333vw;
top:.83333333vw;
width:3.33333333vw;
height:3.33333333vw
}
.gnb .layer-popup__close svg.icon {
left:.83333333vw;
top:.83333333vw;
width:1.66666667vw;
height:1.66666667vw
}
.gnb .checkbox-radio~.check-text {
padding:.20833333vw 0 0 2.91666667vw;
font-size:.97222222vw
}
.gnb .checkbox-radio~.checkbox-radio {
margin-top:.69444444vw
}
.gnb .check_text {
min-height:1.66666667vw;
padding:.27777778vw 0 .13888889vw 2.91666667vw;
font-size:.97222222vw
}
.gnb .check_text:before {
width:1.66666667vw;
height:1.66666667vw
}
.gnb .check_txt {
padding:0 0 0 2.91666667vw;
font-size:.97222222vw
}
.gnb .badge-icon {
margin-left:.34722222vw
}
}
@media only screen and (min-width:1280px) and (max-width:1440px) {
.gnb__bar {
max-width:100%
}
.gnb__bar-inner {
padding:0 1.66666667vw 0 1.11111111vw
}
.gnb__logo:after {
width:8.33333333vw;
height:2.22222222vw
}
.gnb__logo--christmas:after,.gnb__logo--valentine:after {
width:120px;
height:32px
}
.gnb__main {
margin-left:4.44444444vw
}
.gnb__depth1-link {
padding:.48611111vw .83333333vw;
font-size:.97222222vw
}
.gnb__depth1-link-text .icon {
width:.97222222vw;
height:.97222222vw
}
.gnb__depth2-inner {
max-width:100%
}
.gnb__depth2 {
width:18.05555556vw
}
.gnb__depth2-title-wrap {
padding-top:.55555556vw
}
.gnb__depth2-title {
height:5.55555556vw;
font-size:2.22222222vw
}
.gnb__depth2-title-link svg.icon {
width:2.22222222vw;
height:2.22222222vw;
vertical-align:-.27777778vw
}
.gnb__depth2-menu {
padding:.55555556vw 0
}
.gnb__depth2-menu.has-depth-menu {
padding-right:2.22222222vw
}
.gnb__depth2-link {
padding:.55555556vw 0;
font-size:1.25vw
}
.gnb__depth2-link[target=_blank] .gnb__depth2-link-text .icon {
width:1.11111111vw;
height:1.11111111vw
}
.gnb__depth2-close {
right:.83333333vw;
top:3.33333333vw;
width:3.33333333vw;
height:3.33333333vw;
margin-top:-1.66666667vw
}
.gnb__depth2-close svg.icon {
left:.83333333vw;
top:.83333333vw;
width:1.66666667vw;
height:1.66666667vw
}
.gnb__depth3-wrap {
left:24.44444444vw;
width:29.44444444vw
}
.gnb__depth3 {
padding:0 0 2px 2px
}
.gnb__depth3-link,.gnb__depth3-menu {
padding:.55555556vw 0
}
.gnb__depth3-link {
font-size:1.25vw
}
.gnb__feature-container {
top:6.11111111vw;
width:34.51388889vw;
padding:0 5.76388889vw
}
.gnb__feature-container .image {
width:22.91666667vw;
height:22.91666667vw;
border-radius:1.38888889vw
}
.gnb__feature-container-contents {
padding:1.66666667vw .55555556vw;
font-size:1.25vw
}
.gnb__feature-container-contents .cta {
margin:.41666667vw 0 -.55555556vw
}
.gnb__utility {
margin-left:2.5vw
}
.gnb__utility>li+li {
margin-left:1.66666667vw
}
.gnb__utility>li>a,.gnb__utility>li>a svg.icon {
width:1.66666667vw;
height:1.66666667vw
}
.gnb__utility li.gnb__logout>a {
margin:-.41666667vw 0
}
.gnb__utility li.gnb__logout>a,.gnb__utility li.gnb__logout div.image,.gnb__utility li.gnb__logout svg[class*=icon] {
width:2.5vw;
height:2.5vw
}
.gnb__utility .gnb__login-layer {
top:2.5vw;
width:15vw;
padding:.55555556vw 0;
border-radius:.41666667vw
}
.gnb__utility .gnb__login-layer .gnb__utility-link {
min-height:1.66666667vw;
padding:.55555556vw 1.11111111vw;
font-size:.97222222vw
}
.gnb__utility .gnb__login-layer .gnb__utility-link .icon-wrap {
width:1.66666667vw;
height:1.66666667vw;
padding:.27777778vw;
margin-right:.55555556vw
}
.gnb__utility .gnb__login-layer .gnb__user-name {
min-height:2.63888889vw;
padding:1.11111111vw 0;
margin:0 1.11111111vw .55555556vw;
font-size:.97222222vw
}
.gnb__utility .gnb__login-layer .gnb__user-name .gnb__user-image {
margin-right:.55555556vw
}
.gnb__utility .gnb__login-layer .gnb__user-name .gnb__user-image div.image,.gnb__utility .gnb__login-layer .gnb__user-name .gnb__user-image svg[class*=icon] {
width:2.22222222vw;
height:2.22222222vw
}
.gnb__utility .gnb__country .image {
width:1.66666667vw;
height:1.66666667vw
}
.gnb__utility .gnb__country-cta {
width:3.05555556vw;
height:1.66666667vw;
padding-right:1.38888889vw
}
.gnb__utility .gnb__country-cta svg.icon {
width:.83333333vw;
height:.83333333vw
}
.gnb__utility .gnb__country-layer {
top:2.5vw;
width:9.02777778vw;
padding:.55555556vw 0;
border-radius:.41666667vw
}
.gnb__utility .gnb__country-select {
padding:.55555556vw 1.11111111vw
}
.gnb__utility .gnb__country-select .gnb__country-text {
padding-left:.55555556vw;
font-size:.97222222vw
}
.gnb .gnb__depth3-link[target=_blank] .gnb__depth3-link-text .icon {
width:1.11111111vw;
height:1.11111111vw
}
.gnb .gnb__depth2-menu.has-depth-menu.active .gnb__depth2-link>.icon--next,.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link:focus>.icon--next,.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link:hover>.icon--next {
width:1.66666667vw;
height:1.66666667vw;
margin-top:-.83333333vw
}
}
@media only screen and (max-width:1279px) {
.gnb {
min-width:360px
}
.gnb__bar {
height:56px
}
.gnb__bar-inner {
padding:8px 16px
}
.gnb__logo {
height:auto;
margin-top:4px
}
.gnb__logo--christmas,.gnb__logo--valentine {
margin-top:0;
height:40px
}
.gnb__main {
padding-top:2px;
margin-left:0
}
.gnb__mobile-menu {
display:block;
float:right;
font-size:0
}
.gnb__mobile-menu [class*=-btn] {
display:inline-block;
position:relative;
width:40px;
height:40px;
vertical-align:middle
}
.gnb__mobile-menu [class*=-btn] .icon {
position:absolute;
left:8px;
top:8px;
width:24px;
height:24px
}
.gnb__mobile-menu .gnb__cart-btn .gnb__cart-in-number {
position:absolute;
top:5px;
left:23px;
z-index:2000;
min-width:12px;
height:12px;
padding:0 2px;
border-radius:6px;
background-color:#d93b30;
color:#fff;
font-size:10px;
font-weight:700;
text-align:center;
line-height:14px;
letter-spacing:normal;
text-indent:1px
}
.gnb__mobile-dimmed {
display:block;
visibility:hidden;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:2000;
background:#000;
opacity:0
}
.gnb__utility {
display:none
}
.gnb__menu-wrap {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
position:fixed;
right:0;
-webkit-transform:translateX(360px);
transform:translateX(360px);
top:0;
bottom:0;
width:360px;
height:100%;
z-index:2100;
-webkit-transition:-webkit-transform .3s cubic-bezier(.6,0,.4,1);
transition:-webkit-transform .3s cubic-bezier(.6,0,.4,1);
transition:transform .3s cubic-bezier(.6,0,.4,1);
transition:transform .3s cubic-bezier(.6,0,.4,1),-webkit-transform .3s cubic-bezier(.6,0,.4,1)
}
.gnb__menu-wrap:after {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#fff
}
.gnb__menu-wrap.open {
-webkit-transform:translateX(0);
transform:translateX(0)
}
.gnb__menu-wrap.open~.gnb__mobile-dimmed {
visibility:visible;
opacity:.68;
-webkit-transition:opacity .3s cubic-bezier(.6,0,.4,1);
transition:opacity .3s cubic-bezier(.6,0,.4,1)
}
.gnb__menu-close {
position:absolute;
top:8px;
right:16px;
width:40px;
height:40px;
opacity:0;
z-index:2300;
-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1);
transition:opacity .2s cubic-bezier(.4,0,.2,1)
}
.gnb__menu-close svg.icon {
position:absolute;
left:8px;
top:8px;
width:24px;
height:24px
}
.gnb__menu-wrap.open .gnb__menu-close {
display:block;
opacity:1
}
.gnb__depth1-container {
overflow-x:hidden;
overflow-y:auto;
width:100%;
padding:54px 24px 0;
z-index:2100
}
.gnb__depth1-container.slide {
overflow:hidden
}
.gnb__depth1-container>div:last-of-type {
padding-bottom:56px
}
.gnb__menu-wrap .gnb__depth1-container {
position:relative;
left:90px;
opacity:0
}
.gnb__menu-wrap.open .gnb__depth1-container {
left:0;
-webkit-transition:left .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .2s;
transition:left .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .2s;
opacity:1
}
.gnb__menu-wrap.open .gnb__depth1-container:after {
content:"";
display:block;
position:fixed;
top:0;
right:20px;
height:54px;
width:340px;
background:#fff;
-webkit-transform:translateZ(0);
transform:translateZ(0);
z-index:2100
}
.gnb__menu-wrap.use-country-selector .gnb__depth1-container>div:last-of-type {
padding-bottom:118px
}
.gnb__main,.gnb__sub {
float:none
}
.gnb__sub .gnb__depth1:before,.gnb__sub .gnb__utility-mobile:before {
content:"";
display:block;
height:1px;
margin:16px 0;
background:#ddd;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1)
}
.gnb__depth1 {
display:block;
visibility:hidden;
width:100%;
height:auto;
opacity:0;
-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1);
transition:opacity .2s cubic-bezier(.4,0,.2,1)
}
.gnb__depth1.open {
visibility:visible;
opacity:1;
-webkit-transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s;
transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s
}
.gnb__depth1-menu {
display:table;
width:100%;
height:auto
}
.gnb__depth1-menu+.gnb__depth1-menu {
margin-top:0
}
.gnb__depth1-link {
display:table-cell;
left:0;
width:100%;
height:56px;
padding:0;
border-radius:0;
color:#000;
font-weight:400;
font-size:20px;
vertical-align:middle;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1)
}
.gnb__depth1-link svg.icon {
width:16px!important;
height:16px!important
}
.gnb__depth1-link:focus,.gnb__depth1-link:hover {
font-weight:700
}
.gnb__depth1-link[target=_blank] .gnb__depth1-link-text .icon {
display:inline-block;
vertical-align:middle
}
.gnb__depth1-menu.active .gnb__depth1-link,.gnb__depth1-menu .gnb__depth1-link:active,.gnb__depth1-menu .gnb__depth1-link:focus,.gnb__depth1-menu .gnb__depth1-link:hover {
color:inherit;
background:none
}
.gnb__depth1-menu.has-depth-menu .gnb__depth1-link {
overflow:hidden;
position:relative;
padding-right:40px
}
.gnb__depth1-menu.has-depth-menu .gnb__depth1-link:before {
content:none
}
.gnb__depth1-menu.has-depth-menu .gnb__depth1-link>.icon--next {
display:block;
position:absolute;
right:0;
top:0;
padding:20px 0
}
.gnb__sub .gnb__depth1 {
float:none
}
.gnb__depth-back-wrap {
display:block;
position:absolute;
top:0;
left:0;
padding-right:76px;
height:56px;
width:100%;
background:#fff;
z-index:2100
}
.gnb__depth-back-wrap .gnb__depth-back {
display:block;
position:absolute;
left:16px;
top:8px;
width:40px;
height:40px
}
.gnb__depth-back-wrap .gnb__depth-back .icon--back {
position:absolute;
top:8px;
left:8px;
width:24px;
height:24px
}
.gnb__depth2-wrap {
display:none;
overflow:hidden;
position:fixed;
left:auto;
right:0;
-webkit-transform:translateX(360px);
transform:translateX(360px);
top:0;
bottom:0;
width:360px;
background:#fff;
z-index:2200;
-webkit-transition:-webkit-transform .3s cubic-bezier(.6,0,.4,1) .05s;
transition:-webkit-transform .3s cubic-bezier(.6,0,.4,1) .05s;
transition:transform .3s cubic-bezier(.6,0,.4,1) .05s;
transition:transform .3s cubic-bezier(.6,0,.4,1) .05s,-webkit-transform .3s cubic-bezier(.6,0,.4,1) .05s
}
.gnb__depth2-wrap .gnb__depth2-inner {
visibility:visible;
overflow:hidden;
overflow-y:auto;
position:absolute;
left:0;
top:56px;
bottom:0;
width:360px;
height:auto;
padding:0;
-webkit-transition-property:scrollTop;
transition-property:scrollTop
}
.gnb__depth2-wrap .gnb__depth2-inner:after {
content:"";
display:block;
height:48px
}
.gnb__menu-wrap.use-country-selector .gnb__depth2-wrap .gnb__depth2-inner:after {
height:104px
}
.gnb__depth2-wrap.open {
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:-webkit-transform .3s cubic-bezier(.6,0,.4,1);
transition:-webkit-transform .3s cubic-bezier(.6,0,.4,1);
transition:transform .3s cubic-bezier(.6,0,.4,1);
transition:transform .3s cubic-bezier(.6,0,.4,1),-webkit-transform .3s cubic-bezier(.6,0,.4,1)
}
.gnb__depth2-wrap.open .gnb__depth2-inner {
visibility:visible
}
.gnb__depth2-title {
height:54px;
padding:0 10px 0 24px;
font-size:24px;
background:#fff
}
.gnb__depth2-title-wrap {
position:fixed;
width:340px;
padding:0;
opacity:1;
z-index:2000;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.gnb__depth2-title svg.icon {
width:24px;
height:24px;
vertical-align:-4px
}
.gnb__depth2 {
width:auto;
height:auto;
padding:56px 24px 0;
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
pointer-events:auto
}
.gnb__depth2-menu {
display:block;
position:relative;
padding:0
}
.gnb__depth2-menu.has-depth-menu {
padding-right:0
}
.gnb__depth2-menu+.gnb__depth2-menu {
margin-top:0
}
.gnb__depth2-link {
display:table;
top:0;
left:0;
width:100%;
padding:0;
font-size:18px;
opacity:1
}
.gnb__depth2-link:focus,.gnb__depth2-link:hover {
font-weight:700
}
.gnb__depth2-link-text {
display:table-cell;
height:56px;
padding:0;
vertical-align:middle
}
.gnb__depth2-link-text:before {
content:none!important
}
.gnb__depth2-link svg.icon {
display:none
}
.gnb__depth2-menu.has-depth-menu .gnb__depth2-link {
padding-right:40px
}
.gnb__depth2-menu.has-depth-menu .gnb__depth2-link .icon--dropdown {
display:block;
visibility:visible;
position:absolute;
top:20px;
right:0;
width:16px;
height:16px;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:none;
transition:none
}
.gnb__depth2-menu.has-depth-menu.open .gnb__depth2-link {
font-weight:700
}
.gnb__depth2-menu.has-depth-menu.open .gnb__depth2-link .icon--dropdown {
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.gnb__depth2-close {
display:none
}
.gnb__feature-container {
position:static;
width:auto;
margin-top:48px;
padding:0 24px;
border:0;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.gnb__feature-container .image {
width:100%;
height:100%
}
.gnb__feature-container-contents {
padding:16px 8px
}
.gnb__feature-container-description {
font-size:16px
}
.gnb__feature-container .cta--underline {
padding:10px 0 11px;
font-size:14px;
line-height:1.33;
border-bottom-width:2px
}
.gnb__feature-container .cta--underline:after {
bottom:8px;
height:2px
}
.gnb__depth2-wrap .gnb__depth2,.gnb__depth2-wrap .gnb__depth2-title-wrap,.gnb__depth2-wrap .gnb__depth-back-wrap,.gnb__depth2-wrap .gnb__feature-container {
opacity:0;
-webkit-transform:translateX(90px);
transform:translateX(90px);
-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
transition:opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);
transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1)
}
.gnb__depth2-wrap .gnb__depth-back-wrap {
-webkit-transform:translateX(80px);
transform:translateX(80px)
}
.gnb__depth2-wrap.open .gnb__depth2,.gnb__depth2-wrap.open .gnb__depth2-title-wrap,.gnb__depth2-wrap.open .gnb__depth-back-wrap,.gnb__depth2-wrap.open .gnb__feature-container {
visibility:visible;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.4,0,.2,1);
transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.4,0,.2,1);
transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.4,0,.2,1)
}
.gnb__depth3-wrap {
overflow:hidden;
position:static;
opacity:0;
height:0;
width:100%;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);
transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}
.gnb__depth3-wrap:after {
content:"";
display:block;
margin:16px 0 0;
border-bottom:1px solid #ddd
}
.gnb__depth3-wrap .gnb__depth3-inner {
overflow:visible;
left:0;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
.gnb__depth2-menu.open .gnb__depth3-wrap {
opacity:1
}
.gnb__depth3 {
overflow:visible;
width:100%;
padding:2px 2px 2px 16px
}
.gnb__depth3-menu {
display:table;
width:100%;
padding:0
}
.gnb__depth3-menu+.gnb__depth3-menu {
margin-top:0
}
.gnb__depth3-link {
display:table-cell;
height:48px;
padding:0;
font-size:16px;
vertical-align:middle
}
.gnb__depth3-link-text:before {
content:none!important
}
.gnb__utility-mobile {
display:block;
width:100%
}
.gnb__utility-mobile .gnb__utility-menu {
visibility:hidden;
opacity:0;
-webkit-transition:opacity .5s cubic-bezier(.4,0,.2,1);
transition:opacity .5s cubic-bezier(.4,0,.2,1)
}
.gnb__utility-mobile .gnb__user-name,.gnb__utility-mobile .gnb__utility-link {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
min-height:56px;
left:0;
color:#000;
font-weight:400;
font-size:20px;
vertical-align:middle;
opacity:1;
-webkit-transform:translate(0);
transform:translate(0);
-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1)
}
.gnb__utility-mobile .gnb__user-name.open,.gnb__utility-mobile .gnb__utility-link.open {
opacity:1
}
.gnb__utility-mobile .gnb__user-name .image,.gnb__utility-mobile .gnb__user-name svg[class*=icon],.gnb__utility-mobile .gnb__utility-link .image,.gnb__utility-mobile .gnb__utility-link svg[class*=icon] {
width:100%;
height:100%
}
.gnb__utility-mobile .gnb__utility-link .icon-wrap {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
width:24px;
height:24px;
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
margin-right:8px
}
.gnb__utility-mobile .gnb__user-name {
font-weight:700
}
.gnb__utility-mobile .gnb__user-name .gnb__user-image {
overflow:hidden;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
width:32px;
height:32px;
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
margin-right:8px;
border-radius:100%
}
.open .gnb__utility-menu {
visibility:visible;
opacity:1;
-webkit-transition:opacity .5s cubic-bezier(.2,.6,.4,1) .2s;
transition:opacity .5s cubic-bezier(.2,.6,.4,1) .2s
}
.gnb .gnb__depth2-menu.has-depth-menu.active .gnb__depth2-link>.icon--next,.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link:focus>.icon--next,.gnb .gnb__depth2-menu.has-depth-menu .gnb__depth2-link:hover>.icon--next {
display:none
}
.gnb__depth1-container.slide .gnb__depth1-link,.gnb__depth1-container.slide .gnb__depth2-open-cta,.gnb__depth1-container.slide .gnb__sub .gnb__depth1:before,.gnb__depth1-container.slide .gnb__sub .gnb__utility-mobile:before,.gnb__depth1-container.slide .gnb__user-name,.gnb__depth1-container.slide .gnb__utility-link {
-webkit-transform:translateX(-180px);
transform:translateX(-180px);
opacity:0;
-webkit-transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1);
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s;
transition:transform .5s cubic-bezier(.6,0,.4,1),opacity .3s cubic-bezier(.4,0,.2,1) .2s,-webkit-transform .5s cubic-bezier(.6,0,.4,1)
}
.gnb .gnb__depth1 .gnb-api--mobile-only {
display:table
}
.gnb .gnb__depth2 .gnb-api--mobile-only {
display:block
}
.gnb .gnb__depth3 .gnb-api--mobile-only {
display:table
}
.gnb__country-mobile {
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
height:56px;
font-size:14px;
z-index:2300
}
.gnb__country-mobile .gnb__country-current {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
width:100%;
height:56px;
padding:0 24px;
background:#f7f7f7
}
.gnb__country-mobile .gnb__country-current .image {
-ms-flex-negative:0;
flex-shrink:0;
width:24px;
height:24px
}
.gnb__country-mobile .gnb__country-current .gnb__country-text {
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
padding-left:8px
}
.gnb__country-mobile .gnb__country-current .icon--open {
-ms-flex-negative:0;
flex-shrink:0;
width:16px;
height:16px
}
.gnb__country-mobile .gnb__country-select {
position:absolute;
left:0;
top:0;
z-index:2310;
width:100%;
height:100%;
border:0;
background:transparent;
opacity:0;
cursor:pointer
}
.gnb__country-mobile .gnb__country-select:focus+.gnb__country-current:before {
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border:2px solid #000;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:2px
}
.gnb .badge-icon {
margin-left:5px
}
.gnb .badge-icon--label {
font-size:12px;
line-height:16px;
height:20px;
padding:2px 6px;
border-radius:10px
}
}
@media only screen and (max-width:1279px) and (-ms-high-contrast:none),only screen and (max-width:1279px) and screen and (-ms-high-contrast:active) {
.gnb .gnb__nav {
display:inline-block;
width:100%;
-webkit-transform:translateZ(2000px);
transform:translateZ(2000px)
}
}
@media only screen and (max-width:767px) {
.gnb__logo--christmas:after {
background:url(../../resources/images/christmas-samsung-logo-mobile.gif) no-repeat 50% 50%;
background-size:104px 20px
}
.gnb__logo--valentine:after {
background:url(../../resources/images/valentine-samsung-logo-mobile.gif) no-repeat 50% 50%;
background-size:120px 32px
}
.gnb .layer-popup__inner {
min-width:86.66666667vw;
padding:6.66666667vw;
border-radius:5.55555556vw
}
.gnb .layer-popup__title {
margin:0 7.77777778vw 4.44444444vw 0;
font-size:6.11111111vw
}
.gnb .layer-popup__contents {
font-size:3.88888889vw
}
.gnb .layer-popup__contents .link-text,.gnb .layer-popup__contents .privacy_link {
font-size:3.33333333vw
}
.gnb .layer-popup .icon--information {
width:13.33333333vw;
height:13.33333333vw;
margin-bottom:4.44444444vw
}
.gnb .layer-popup__cta {
width:100%;
padding:1.11111111vw 0
}
.gnb .layer-popup__cta-wrap {
padding:3.33333333vw 0 5.55555556vw;
margin:2.22222222vw 0 -6.66666667vw
}
.gnb .layer-popup__cta .cta~.cta {
margin-left:0
}
.gnb .layer-popup__close {
right:3.33333333vw;
top:3.33333333vw;
width:13.33333333vw;
height:13.33333333vw
}
.gnb .layer-popup__close svg.icon {
left:3.33333333vw;
top:3.33333333vw;
width:6.66666667vw;
height:6.66666667vw
}
.gnb .checkbox-radio~.check-text {
padding:.83333333vw 0 0 9.16666667vw;
font-size:3.33333333vw
}
.gnb .checkbox-radio~.checkbox-radio {
margin-top:2.77777778vw
}
.gnb .check_text {
padding:1.11111111vw 0 .55555556vw 8.88888889vw;
font-size:3.33333333vw
}
.gnb .check_text:before {
width:6.66666667vw;
height:6.66666667vw
}
.gnb .check_txt {
padding:0 0 0 8.88888889vw;
font-size:3.33333333vw
}
.gnb .badge-icon {
margin-left:1.38888889vw
}
}
@media screen and (min-width:535px) and (max-width:768px) {
.gnb__depth-back-wrap {
height:57px
}
}
@media only screen and (max-width:360px) {
.gnb {
min-width:100%
}
.gnb__bar {
height:56px
}
.gnb__depth1-container:after,.gnb__depth2-wrap,.gnb__depth2-wrap .gnb__depth2-inner,.gnb__depth3-wrap.open,.gnb__menu-wrap {
width:100%
}
.gnb__depth1-container:after {
right:0
}
.gnb .badge-icon {
margin-left: 5px
}
}