.icon-wrapper .icon,
.icon-wrapper .icon-after:after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:not(.icon-before):after {
    position: relative;
}
/* icon */ 
.icon-after::after,
.more::after {
    top: -.1em;
}
a#app-tracking-video-trigger::after{
    top: 0;
}

/* passkey more icon fix */
.main .gallery-item-passkeys svg.svg-plus {
    scale: 1.00;
    translate: 0;
}

.theme-dark main a:focus, .theme-dark .modal-standard a:focus {
    text-decoration: none;
}

/* line-height */
@media only screen and (max-width: 734px) {
    .typography-overview-hero-headline:lang(ko) {
        line-height: 1.1;
    }
}

.typography-card-section-headline:lang(ko) {
    line-height: 1.161116;
}
@media only screen and (max-width: 1068px) {
    .typography-card-section-headline:lang(ko) {
        line-height: 1.175867;
    }
}

/* warpping */
@media only screen and (max-width: 370px) {
    .nowrap-370{
        white-space: nowrap;
    }
}

.br-520{
    display: none;
}
@media only screen and (max-width: 520px) and (min-width: 400px){
    .br-520{
        display: inline;
    }
}

.br-440{
    display: none;
}
@media only screen and (max-width: 440px){
    .br-440{
        display: inline;
    }
}

@media only screen and (min-width: 735px){
    .main .card-gallery-features-text .gallery-content-copy:lang(ko){
        line-height: 1.1 !important;
    }
}

/* mail-privacy */
@media (prefers-reduced-motion: no-preference) {
    html.no-reduced-motion .main .gallery-item-mail-privacy .will-strikethrough::after {
        top: calc(2em / 3.8);
    }

html.no-reduced-motion .main .gallery-item-mail-privacy .unread-badge::after {
        top: 0.1em;
        right: -1.2em;
    }
}


@media only screen and (min-width: 1068px) {
    @media (prefers-reduced-motion: no-preference) {
    html.no-reduced-motion .main .gallery-item-mail-privacy .unread-badge::after {
            width: 6.5px;
        }
    }
}


/* check icon */
@media only screen and (max-width: 1068px) and (min-width: 735px){
    .modal:is(.on-device,.private-cloud) li {
        padding-block: 0.43em;
    }
}


/* features-text */
#letter-spacing-custom {
    letter-spacing: -.10em;
    top: -.1em;
    margin-right: .15em;
    height: 47px;
}

#letter-spacing-custom1 {
    letter-spacing: -.10em;
    margin-right: .15em;
    height: 47px;
}

#letter-spacing-custom2 {
    letter-spacing: -.10em;
    margin-right: .15em;
}

.gallery-item-safety-check.section-safety-check #letter-spacing-custom{
    height: 37px;
}
@media only screen and (max-width: 1068px){
    .gallery-item-safety-check.section-safety-check #letter-spacing-custom{
        height: 29px;
    }
}
@media only screen and (max-width: 734px){
    .gallery-item-safety-check.section-safety-check #letter-spacing-custom{
        height: 38px;
    }
}

.custom-width {
    width: 8px;
}
/* app-videos */ 
.main .section-gallery .card-gallery-headline.app-videos-headline {
    max-width: 11.3em;
}

@media only screen and (max-width: 1068px) {
.main .section-gallery .card-gallery-headline.app-videos-headline {
        max-width: fit-content;
    }
}

@media only screen and (max-width: 1068px) {
    .main .section-gallery .app-videos-content {
        width: 723px;
        padding-left:31px;
    }
}

@media only screen and (max-width: 734px) {

    .main .section-gallery .app-videos-content {
        width:89.5%;
        padding-left: 2%;
    }
}

/* gallery */
@media only screen and (max-width: 1068px) and (prefers-reduced-motion: no-preference){
    html.no-reduced-motion .main .gallery-item-app-tracking .fontstroke svg {
        top: -0.03em;
    }
}
@media only screen and (max-width: 734px) and (prefers-reduced-motion: no-preference){
    html.no-reduced-motion .main .gallery-item-app-tracking .fontstroke svg {
        top: 0.05em;
    }
}

/* section-app-videos */
.main .section-gallery .card-gallery-headline{
    max-width: 12em;
}

/* hero */
.section.section-hero{
    --dot-margin: 0.18em;
}
@media only screen and (max-width: 1068px){
    .section.section-hero{
        --dot-margin: 0.17em;
    }
}
@media only screen and (max-width: 734px){
    .section.section-hero{
        --dot-margin: 0.18em;
    }
    span.animate-character.dot-character:nth-child(11){
        margin-left: -10px !important;
    }
}

@media only screen and (max-width: 734px) {
    .main .card-gallery-app-videos .gallery-content-headline:lang(ko) {
        max-width: 100%;
    }
}

.main .card-gallery .svg-plus {
    overflow: visible;
}

/* section-router */
.main .section-router .router-image {
    background-image: url("/kr/privacy/images/overview/learn_more__djuwynxw3quu_large.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .main .section-router .router-image {
        background-image: url("/kr/privacy/images/overview/learn_more__djuwynxw3quu_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .main .section-router .router-image {
        background-image: url("/kr/privacy/images/overview/learn_more__djuwynxw3quu_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .main .section-router .router-image {
        background-image: url("/kr/privacy/images/overview/learn_more__djuwynxw3quu_medium_2x.png")
    }
}

@media only screen and (max-width: 734px) {
    .main .section-router .router-image {
        background-size: 247px 58px;
        background-image: url("/kr/privacy/images/overview/learn_more__djuwynxw3quu_small.png")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .main .section-router .router-image {
        background-image: url("/kr/privacy/images/overview/learn_more__djuwynxw3quu_small_2x.png")
    }
}

.modal:is(.on-device, .private-cloud) figure.overview_hero_boc_on_device {
    background-repeat: no-repeat;
    background-image: url("/kr/privacy/images/overview/hero_boc_on_device__calvyju59iuq_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
    .modal:is(.on-device, .private-cloud) figure.overview_hero_boc_on_device {
        background-image: url("/kr/privacy/images/overview/hero_boc_on_device__calvyju59iuq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .modal:is(.on-device, .private-cloud) figure.overview_hero_boc_on_device {
        background-repeat: no-repeat;
        background-image: url("/kr/privacy/images/overview/hero_boc_on_device__calvyju59iuq_medium.jpg");
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .modal:is(.on-device, .private-cloud) figure.overview_hero_boc_on_device {
        background-image: url("/kr/privacy/images/overview/hero_boc_on_device__calvyju59iuq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .modal:is(.on-device, .private-cloud) figure.overview_hero_boc_on_device {
        background-repeat: no-repeat;
        background-image: url("/kr/privacy/images/overview/hero_boc_on_device__calvyju59iuq_small.jpg");
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .modal:is(.on-device, .private-cloud) figure.overview_hero_boc_on_device {
        background-image: url("/kr/privacy/images/overview/hero_boc_on_device__calvyju59iuq_small_2x.jpg")
    }
}


br.safety-more-line {
    display:none
}

@media only screen and (max-width: 473px) and (min-width: 350px) {
    br.safety-more-line {
        display:block
    }
}