@charset "utf-8";

.apps {}
/* --------------
    KeyVisual
-------------- */
.apps__kv {overflow:hidden;position:relative;}
.apps__kv__box {position:absolute;top:8em;z-index:5;width:100%;font-size:20px;color:#fff;text-align:center;}
.apps__kv__tit {font-family: "sssB",sans-serif;font-size:3.6em;}
.apps__kv__subtxt {max-width:580px;margin:1em auto;font-family: "sssR",sans-serif;line-height:1.5;}
.apps__kv__bg {position:relative;top:0;left:50%;margin-left:-960px;z-index:1;}
.apps__kv__bg img {height:1080px;}

@media screen and (max-width:1023px){
    .apps__kv__box {top:6.3em;font-size:24px;}
    .apps__kv__tit {font-size:2.18em;}
    .apps__kv__subtxt {max-width:80%;font-family: "sssM",sans-serif}
    .apps__kv__bg {left:0;margin:0;}
    .apps__kv__bg img {max-width:100%;height:auto;}
}
@media screen and (max-width:767px){
    .apps__kv__box {font-size:18px;}
}
@media screen and (max-width:500px){
    .apps__kv__box {top:6.3em;font-size:11px;}
}


/* --------------
    how to
-------------- */
.apps_intro {overflow:hidden;position:relative;}
.apps_intro .roof {outline:none;position:absolute;top:50%;left:0;z-index:10;width:100%;text-align:center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    font-size:20px;
}
.apps_intro .roof-tit {margin-bottom:0.5em;font-family:"sssB",sans-serif;font-size:2.7em;color:#262626;}
.apps_intro .roof-txt {font-family:"sssR",sans-serif;font-size:1.1em;color:#666;}

.stage {}
.guide__anchors {}
.guide__anchor {overflow:hidden;display:block;position:absolute;z-index:100;background:url("../common/promotions/galaxy/gears2/dummy.png") repeat 0 0;}
.guide__anchor--bezel {top:0;left:0;width:18%;height:100%;}
.guide__anchor--back {top:0;right:0;width:18%;height:50%;}
.guide__anchor--home {bottom:0;right:0;width:18%;height:50%;}

.guide__visuals {position:relative;height:0;z-index:1;padding-bottom:44.2708333%;}
.guide__visual {position:absolute;top:0;height:100%;z-index:50;}
.guide__device {height:100%;}
.guide__device__img {height:100%;}
.guide__pointer {position:absolute;top:0;left:0;height:100%;}
.guide__pointer__img {position:absolute;height:100%;}

.guide__visual--bezel {left:-8%;}
.guide__visual--buttons {left:80%;}
.guide__visual--back {left:80%;}
.guide__visual--back .guide__visual__anchor {overflow:hidden;position:absolute;bottom:0;left:0;width:40%;height:50%;background:url("../common/promotions/galaxy/gears2/dummy.png") repeat 0 0;}
.guide__visual--home {left:80%;}
.guide__visual--home .guide__visual__anchor {overflow:hidden;position:absolute;top:0;left:0;width:40%;height:50%;background:url("../common/promotions/galaxy/gears2/dummy.png") repeat 0 0;}

.guide__texts {}
.guide__text {
    outline:none;
    opacity:0;
    position:absolute;top:50%;width:100%;font-size:20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.guide__title {position:relative;margin-bottom:0.5em;font-family:"sssB",sans-serif;font-size:2.7em;}
.guide__title:after {content:"";overflow:hidden;position:absolute;top:-1.315em;left:0;display:block;width:1em;height:1em;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;font-size:76px;}
.guide__explain {font-family:"sssR",sans-serif;font-size:1.1em;}

.guide__text--bezel {left:52.1875%;max-width:32%;}
.guide__text--bezel .guide__title:after {background-image:url("../common/promotions/galaxy/gears2/apps/howto_ico_bezel.png");}
.guide__text--back {left:12.5%;max-width:32%;}
.guide__text--back .guide__title:after {background-image:url("../common/promotions/galaxy/gears2/apps/howto_ico_back.png");}
.guide__text--home {left:12.5%;max-width:32%;}
.guide__text--home .guide__title:after {background-image:url("../common/promotions/galaxy/gears2/apps/howto_ico_home.png");}

.stage__arrow {display:none;position:absolute;top:50%;z-index:100;width:40px;height:130px;margin-top:-65px;background-repeat:no-repeat;background-position:50% 50%;}
.stage__arrow--prev {left:30px;background-image:url("../common/promotions/galaxy/gears2/apps/howto_arrow_prev.png");}
.stage__arrow--next {right:30px;background-image:url("../common/promotions/galaxy/gears2/apps/howto_arrow_next.png");}

/* 테스트 */
.open-bezel .guide__visual--bezel {left:12.5%;}
.open-bezel .guide__visual--buttons {left:100%;}
.open-button .guide__visual--bezel {left:-40%;}
.open-button .guide__visual--buttons {left:45.3125%;}

@media screen and (min-width:1024px) and (max-width:1400px) {
    .apps_intro .roof {font-size:14px;}
    .guide__text {font-size:15px;}
    .guide__title {}
    .guide__title:after {font-size:40px;}
}

@media screen and (max-width:1023px){
    .apps_intro {}
    .apps_intro .roof {
        opacity:1 !important;
        position:static;
        padding:11.111% 5.555%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        font-size:16px;
    }
    .apps_intro .roof-tit {font-size:2.5em;}
    .apps_intro .roof-txt {font-size:1em;font-family: "sssM",sans-serif;}

    .stage {}
    .guide__anchors {}
    .guide__anchor {}
    .guide__anchor--bezel {width:34%;}
    .guide__anchor--back {width:35%;}
    .guide__anchor--home {width:35%;}

    .guide__visuals {padding-bottom:82.2222222%;background-color:#f9f9f9;}
    .guide__visual {}
    .guide__device {}
    .guide__device__img {}
    .guide__pointer {}
    .guide__pointer__img {}

    .guide__visual--bezel {left:-39%;}
    .guide__visual--buttons {left:55%;}
    .guide__visual--back {}
    .guide__visual--home {}

    .guide__texts {position:relative;height:0;padding-bottom:32.63888%;}
    .guide__text {
        position:absolute;
        top:0;left:0;width:100%;
        font-size:19px;
        max-width:none;
        padding:0 5.555% 11.111%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align:center;
    }
    .guide__title {position:relative;display:inline-block;margin-top:1em;padding-left:1.5em;font-size:2em;}
    .guide__title:after {top:-0.2em;left:0; width:1.2em;height:1.2em;font-size:1em;}
    .guide__explain {font-size:1em;}

    .guide__text--bezel {}
    .guide__text--bezel .guide__title:after {}
    .guide__text--back {}
    .guide__text--back .guide__title:after {}
    .guide__text--home {}
    .guide__text--home .guide__title:after {}

    .guide__visual--back .guide__visual__anchor {left:15%;}
    .guide__visual--home .guide__visual__anchor {left:15%;}

    .stage__arrow {width:30px;height:80px;margin-top:-40px;background-size:50% auto;}
    .stage__arrow--prev {left:5.5%;}
    .stage__arrow--next {right:5.5%;}

    /* 테스트 */
    .open-bezel .guide__visual--bezel {}
    .open-bezel .guide__visual--buttons {}
    .open-button .guide__visual--bezel {}
    .open-button .guide__visual--buttons {}
}

@media screen and (max-width:767px){
    .apps_intro .roof {font-size:15px;}
    .guide__text {font-size:13px;}
}
@media screen and (max-width:420px){
    .apps_intro .roof {font-size:12px;}
    .guide__text {font-size:10px;}
}




/* --------------
    Contents List
-------------- */
.apps__wrap {position:relative;padding-left:280px;}

/*
    Side Navigation
*/
.apps__menu-btn {display:none;}
.apps__menu.is-hidden {opacity:0;}
.apps__menu {overflow:hidden;display:block;position:absolute;top:0;left:0;z-index:10;width:280px;height:100%;background-color:#f5f6f7;box-shadow:3px 0 8px rgba(0,0,0,.12);opacity:1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.apps__menu:after {content:"";position:absolute;top:0;left:0;width:64px;height:100%;background-color:#373e4a;}
    .snb {position:relative;top:0;bottom: auto;}
    .snb.is-fixed {position:fixed;z-index:500;width:280px;}
    .snb__item {position:relative;}
        .snb__key {overflow:hidden;display:block;position:relative;z-index:2;width:64px;height:80px;line-height:80px;text-align:center;}
        .snb__ico {display:inline-block;width:24px;height:24px;background-image:url("../common/promotions/galaxy/gears2/apps/snb_icons.png");background-repeat:no-repeat;background-position:0 0;vertical-align: middle;}
        .snb__sub {display:none;position:absolute;top:0;z-index:1;width:100%;padding-left:64px;}
        .snb__sub__tit {display:block;padding:1.4em 1.2em;font-size:20px;line-height:1.2;color:#262626;}
        .snb__sub__items {padding:0 24px;word-break:break-all;}
        .snb__sub__item {position:relative;padding:8px 0 8px 20px;line-height:1.2;font-size:16px;}
        .snb__sub__item a,
        .snb__sub__item a:hover,
        .snb__sub__item a:active,
        .snb__sub__item a:visited {color:#262626;}
        .snb__sub__item.is-active {}
        .snb__sub__item.is-active:after {content:"";display:block;position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-8px;border-radius: 50%;background-color:#343399;}
        .snb__sub__item.is-active a,
        .snb__sub__item.is-active a:hover,
        .snb__sub__item.is-active a:active,
        .snb__sub__item.is-active a:visited {color:#343399;font-family:"sssB", sans-serif;}

    .snb__item.is-active .snb__key {background-color:#262b33;}
    .snb__item.is-active .snb__key:before {content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:#5c9df5;}
    .snb__item.is-active .snb__key:after {content:"";position:absolute;top:50%;right:0;
        width: 0;
        height: 0;
        margin-top:-6px;
        border-style: solid;
        border-width: 6px 6px 6px 0;
        border-color: transparent #f0f0f0 transparent transparent;
    }
    .snb__item.is-active .snb__sub {display:block;}

    .snb__item--notification .snb__ico {background-position:0 0;}
    .snb__item--communication .snb__ico {background-position:0 -80px;}
    .snb__item--health .snb__ico {background-position:0 -160px;}
    .snb__item--media .snb__ico {background-position:0 -240px;}
    .snb__item--utility .snb__ico {background-position:0 -320px;}
    .snb__item--utility .snb__sub {top:-40px;}
    .snb__item--manager .snb__ico {background-position:0 -399px;}

@media screen and (max-width:1023px){
    .contents {z-index:initial;}
    .apps__wrap {padding:0;}
    .apps__menu-btn {display:block;overflow:hidden;position:fixed;bottom:20px;right:20px;z-index:9999;width:50px;height:50px;background-color:#ca4a0e;border-radius:50%;text-align:center;}
    .apps__menu-btn.is-hidden {visibility: hidden;}
    .apps__menu-btn_ico {position:relative;top:50%;display:inline-block;width:20px;height:2px;margin-top:-20px;background-color:#fff;vertical-align: middle;
        -webkit-transition: transform 0.3s;
        -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
        transition: transform 0.3s;
    }
    .apps__menu-btn_ico:after {content:"";display:block;width:20px;height:2px;background-color:inherit;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .apps__menu-btn.is-hidden.is-open {visibility: visible;}
    .apps__menu-btn.is-open .apps__menu-btn_ico {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    .apps__menu.is-hidden {visibility:visible;opacity:1;}
    .apps__menu {display:none;position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background-color:rgba(0,0,0,.7);box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .apps__menu:after {display: none;}
    .snb {position: absolute;top:auto !important;bottom:70px;right:25px;height:auto;}
    .snb.is-fixed {position:inherit;width:auto;}
    .snb__item {
        right:0;
        margin-bottom: 12px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }
    .snb__key {overflow:visible;width:40px;height:40px;background-color:#fff !important;border-radius: 50%;line-height:40px;}
    .snb__item .sr-only { position: absolute; top: auto; left: auto; right: 50px;width: auto; height: auto;font-size: 12px; text-align: right;  line-height: 40px; color: #fff; white-space: nowrap; }
    .snb__item.is-active .snb__key:before {display:none;}
    .snb__ico {width:18px;height:18px;background-image:url("../common/promotions/galaxy/gears2/apps/snb_icons_m.png");background-size:17px 298px;}
    .snb__item--notification .snb__ico {background-position:0 -12px;}
    .snb__item--communication .snb__ico {background-position:0 -62px;}
    .snb__item--health .snb__ico {background-position:0 -114px;}
    .snb__item--media .snb__ico {background-position:0 -166px;}
    .snb__item--utility .snb__ico {background-position:0 -217px;}
    .snb__item--manager .snb__ico {background-position:0 -269px;}

    .snb__sub {display:none !important;}
}
@media screen and (min-width:1024px){
    .apps__menu {display:block !important;}
}



/* Pages */
.apps__pages {position:relative;z-index:1;}
    .page {overflow:hidden;position:relative;font-size:0;white-space: nowrap;}
        .page__content {position:relative;display:inline-block;width:100%;color:#292929;white-space: normal;}
            .page__inner {}
            .page__inner .topLeft {top:13%;left:7.8%;}
            .page__inner .topRight {top:13%;right:7.8%;text-align:right;}
            .page__inner .bottomLeft {bottom:7.8%;left:7.8%;}
            .page__inner .bottomRight {bottom:7.8%;right:7.8%;text-align:right;}
            .page__inner--cover {position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;padding:8% 7.8% 7.8%;}
            .page__inner--cover .page__headline {position:static;}
            .page__inner--cover .page__text {position:static;}

                .page__headline {position:absolute;z-index:5;display:block;max-width:60%;min-width:350px;margin-bottom:1em;font-family: "sssB", sans-serif;font-size:45px;line-height:1.25;}
                .page__text {position:absolute;z-index:5;max-width:60%;}
                    .page__keyword {position:relative;padding:130px 0 0.6em;font-family:"sssM",sans-serif;font-size:50px;line-height:1.2;text-transform:capitalize;}
                    .page__keyword:after {content:"";overflow:hidden;position:absolute;top:0;left:0;display:inline-block;width:101px;height:101px;background-repeat:no-repeat;background-position:50% 50%;}
                    .page__explain {font-size:24px;line-height:1.58;}
            .page__bg {position:relative;z-index:1;}
            .page__bg img {max-width:100%;width:100%;height:auto;}

            .bottomRight .page__keyword:after {left:auto;right:0;}


        .page__pager {}
            .page__arrow {display:block;position:absolute;top:50%;z-index:10;width:48px;height:120px;margin-top:-60px;background-position:50% 50%;
                -webkit-transition: background 0.3s;
                -moz-transition: background 0.3s;
                -ms-transition: background 0.3s;
                transition: background 0.3s;
            }
            .page__arrow.is-hidden {display:none;}
            .page__arrow:hover {background-color:#f5f5f5;}
            .page__arrow--prev {left:40px;background-image:url("../common/promotions/galaxy/gears2/apps/ico_arrow_prev.png");}
            .page__arrow--next {right:40px;background-image:url("../common/promotions/galaxy/gears2/apps/ico_arrow_next.png");}

            .page__dots {display:none;position:absolute;bottom:0;left:0;width:100%;font-size:0;text-align:center;}
                .page__dot {overflow:hidden;position:relative;z-index:10;display:inline-block;width:1em;height:1em;font-size:15px;margin:0 0.6em 2em;background-color:#666;
                    border-radius: 50%;
                    -webkit-transition: background 0.3s;
                    -moz-transition: background 0.3s;
                    -ms-transition: background 0.3s;
                    transition: background 0.3s;
                }
				.page__dot.is-active {background-color:#10309d;}
    .page__topBtn {position:fixed;bottom:1em;right:1em;z-index:500;width:60px;height:60px;background:url("../common/promotions/galaxy/gears2/apps/bg_topbutton.png") no-repeat 50% 50%;background-size:100% auto;}
    .page__topBtn.is-hidden {display:none;}
/*
 page--notification
*/
.page--notification .page__headline {max-width:30.5%;}
.page--notification .page__text {max-width:34.2%;}
.page--notification .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_notification.png");}


/*
page--messages
*/
.page--messages .page__headline {max-width:40%;color:#bf460d}
.page--messages .page__text {max-width:29%;}
.page--messages .page__keyword {color:#bf460d}
.page--messages .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_messages.png");}


/*
page--phone
*/
.page--phone .page__headline {max-width:34.5%;color:#0e7f4e}
.page--phone .page__text {max-width:25%;}
.page--phone .page__keyword {color:#0e7f4e}
.page--phone .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_phone.png");}


/*
page--buddy
*/
.page--buddy .page__headline {max-width:55%;margin-bottom:0;color:#5b6cd1;}
.page--buddy .page__text {max-width:55%;}
.page--buddy .page__keyword {padding:0.6em 0;color:#5b6cd1}
.page--buddy .page__keyword:after {display:none;background-image:url("../common/promotions/galaxy/gears2/apps/ico_buddy.png");}


/*
page--email
*/
.page--email .page__headline {max-width:31%;color:#e61444}
.page--email .page__text {max-width:24.4%;}
.page--email .page__keyword {color:#e61444}
.page--email .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_email.png"); top:10%;}


/*
page--shealth
*/
.page--shealth .page__headline {color:#0e7f4e}
.page--shealth .page__keyword {color:#0e7f4e}
.page--shealth .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_shealth.png");}

.page--shealth .page__content-1 .page__text {max-width:31%;}
.page--shealth .page__content-2 .page__headline {max-width:20.8%;}
.page--shealth .page__content-2 .page__text {left:35%;max-width:31.1%;}
.page--shealth .page__content-3 .page__text {max-width:38%;}


/*
page--stopwatch
*/
.page--stopwatch .page__headline {max-width:36%;color:#1b5fb1}
.page--stopwatch .page__text {max-width:23.8%;}
.page--stopwatch .page__keyword {color:#1b5fb1}
.page--stopwatch .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_stopwatch.png");}


/*
page--gallery
*/
.page--gallery .page__headline {max-width:55%;color:#1b5fb1}
.page--gallery .page__text {max-width:34%;}
.page--gallery .page__keyword {color:#1b5fb1}
.page--gallery .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_gallery.png");}

@media screen and (max-width:1023px) {
    .page--gallery .page__keyword {right:10%;}
}


/*
page--music
*/
.page--music .page__headline {max-width:50%;color:#1b5fb1}
.page--music .page__text {max-width:50%;}
.page--music .page__keyword {padding:0.6em 0;color:#1b5fb1}
.page--music .page__keyword:after {display:none;background-image:url("../common/promotions/galaxy/gears2/apps/ico_music.png");}


/*
page--schedule
*/
.page--schedule .page__headline {max-width:40%;color:#0e7f4e}
.page--schedule .page__text {max-width:25%;}
.page--schedule .page__keyword {color:#0e7f4e}
.page--schedule .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_schedule.png");}

.page--schedule .page__content-2 .page__headline {max-width:30%;}
.page--schedule .page__content-2 .page__text {max-width:30%;}


/*
page--alarm
*/
.page--alarm .page__headline {max-width:37.8%;color:#1b5fb1}
.page--alarm .page__text {max-width:33.5%;}
.page--alarm .page__keyword {color:#1b5fb1}
.page--alarm .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_alarm.png");}


/*
page--timer
*/
.page--timer .page__headline {max-width:50%;margin-bottom:0;color:#1b5fb1}
.page--timer .page__text {max-width:50%;}
.page--timer .page__keyword {padding:0.6em 0;color:#1b5fb1}
.page--timer .page__keyword:after {display:none;}

@media screen and (max-width:1023px) {
    .page--timer .page__keyword {opacity:0;}
}


/*
page--weather
*/
.page--weather .page__headline {max-width:34.75%;color:#1b5fb1}
.page--weather .page__text {max-width:27.74%;}
.page--weather .page__keyword {color:#1b5fb1}
.page--weather .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_weather.png");}


/*
page--find
*/
.page--find .page__headline {max-width:34.8%;color:#bf460d}
.page--find .page__text {max-width:32%;}
.page--find .page__keyword {color:#bf460d}
.page--find .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_find.png");}


/*
page--settings
*/
.page--settings .page__headline {max-width:40%;color:#1b5fb1}
.page--settings .page__text {max-width:32%;}
.page--settings .page__keyword {color:#1b5fb1}
.page--settings .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_settings.png");}


/*
page--manager
*/
.page--manager .page__headline {max-width:22%;margin-bottom:0.5em;color:#bf460d}
.page--manager .page__text {max-width:34.8%;}
.page--manager .page__keyword {color:#bf460d}
.page--manager .page__keyword:after {background-image:url("../common/promotions/galaxy/gears2/apps/ico_manager.png"); top:10%;}

.page--manager .page__content-2 {}
.page--manager .page__content-2 .page__inner {text-align:right;}
.page--manager .page__content-2 .page__headline {margin-right:0;margin-left:auto;}
.page--manager .page__content-2 .page__text {margin-right:0;margin-left:auto;}
.page--manager .page__content-3 {}
.page--manager .page__content-3 .page__inner {text-align:right;}
.page--manager .page__content-3 .page__headline {margin-right:0;margin-left:auto;}
.page--manager .page__content-3 .page__text {margin-right:0;margin-left:auto;}

.page--manager .page__content-4 {}

.page--manager .page__content-5 .page__inner {text-align:right;}
.page--manager .page__content-5 .page__headline {margin-right:0;margin-left:auto;max-width:16.5%;color:#1b5fb1;}
.page--manager .page__content-5 .page__text {max-width:33%;margin-right:0;margin-left:auto;}

@media screen and (max-width:1023px){
    .page--manager .page__content-5 .page__headline,
    .page--manager .page__content-5 .page__text {float:none;text-align:left;}
}




@media screen and (max-width:1600px){
    .page__inner {}
    .page__inner .topLeft {top:10.5%;left:8.4%;}
    .page__inner .topRight {top:10.5%;right:8.4%;text-align:right;}
    .page__inner .bottomLeft {bottom:9.2%;left:8.4%;}
    .page__inner .bottomRight {bottom:9.2%;right:8.4%;text-align:right;}
    .page__inner--cover {padding:6.3% 8.5%;}

    .page__headline {font-size:33px;}
    .page__keyword {padding-top:75px;font-size:37px;}
    .page__keyword:after {width:58px;height:58px;background-size:100% auto;}
    .page__explain {font-size:19px;}

    .page__arrow {width:32px;height:80px;margin-top:-40px;background-size:100% auto;}
    .page__arrow--prev {left:15px;}
    .page__arrow--next {right:15px;}
}

@media screen and (max-width:1366px){

    .page__headline {font-size:30px;}
    .page__keyword {padding-top:75px;font-size:28px;}
    .page__keyword:after {width:58px;height:58px;background-size:100% auto;}
    .page__explain {font-size:16px;}

    .page__arrow {width:32px;height:80px;margin-top:-40px;background-size:100% auto;}
    .page__arrow--prev {left:15px;}
    .page__arrow--next {right:15px;}
}

@media screen and (max-width:1023px){
    .page__inner {position:absolute;top:0;left:0;z-index:5;width:100%;height:auto;padding:11% 5.5% 0;}
    .page__inner .topLeft {top:auto;left:auto;}
    .page__inner .topRight {top:auto;right:auto;text-align:left;}
    .page__inner .bottomLeft {bottom:auto;left:auto;}
    .page__inner .bottomRight {bottom:auto;right:auto;text-align:left;}

    .page__headline {position:static;max-width:none !important;min-width:0;margin-bottom:0.5em;font-size:36px;color:#292929 !important;}
    .page__text {position:static;max-width:none !important;}

    .page__keyword {position:absolute;bottom:-150px;padding-top:70px !important;font-size:38px;}
    .page__keyword:after {content:"";display:block !important;width:60px;height:60px;background-size:100% auto;}
    .bottomRight .page__keyword:after {left:0;right:auto;}

    .page__explain {font-size:28px;line-height:1.5;}

    .page__arrow {display:none;}
    .page__dots {display:block;}
    .page__topBtn {display:none !important;}
}


@media screen and (max-width:767px){
    .page__headline {font-size:30px;}
    .page__keyword {bottom:-130px;font-size:32px;}
    .page__explain {font-size:22px;}
    .page__dot {font-size:10px;}
}

@media screen and (max-width:500px){
    .page__headline {font-size:20px;}
    .page__keyword {bottom:-120px;font-size:22px;}
    .page__explain {font-size:12px;}
}
