@import url(http://fonts.googleapis.com/css?family=Oswald:700);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:600);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0
}

html {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
    font-weight: 400
}

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

::selection {
    background: transparent
}

ol, ul, li {
    list-style: none
}

#block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    display: none
}

#check {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    visibility: hidden
}

#root {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    min-width: 900px;
    min-height: 645px;
    background-color: #fff
}

#root.mobile {
    min-width: 600px !important
}

#root.tablet {
    min-width: 600px !important
}

#preloader {
    height: 1px;
    width: 1px;
    position: absolute;
    right: 5000px;
    bottom: 5000px;
    z-index: 1;
    display: none
}

#header {
    position: absolute;
    left: 50%;
    top: 25px;
    width: 44px;
    height: 25px;
    margin-left: -22px;
    z-index: 901;
    pointer-events: none;
    opacity: 0
}

#header path {
    transition: fill .2s linear;
    -moz-transition: fill .2s linear;
    -webkit-transition: fill .2s linear;
    -o-transition: fill .2s linear
}

.header-white path {
    fill: #fff
}

.header-black path {
    fill: #222
}

.mobile #header {
    width: 88px !important;
    height: 50px !important;
    margin-left: -44px !important;
    top: 40px !important
}

.mobile #header svg {
    width: 88px !important;
    height: 50px !important
}

#loader {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 31
}

#loading-txt {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    width: 200px;
    height: 14px;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -100px;
    position: absolute;
    z-index: 30;
    color: #666
}

.mobile #loading-txt {
    height: 42px !important;
    font-size: 33px !important;
    line-height: 42px !important;
    width: 400px !important;
    margin: -21px 0 0 -200px !important
}

#left {
    display: block;
    position: absolute;
    left: 22px;
    top: 50%;
    width: 51px;
    height: 204px;
    margin-top: -102px;
    z-index: 702
}

#left > li {
    display: block;
    width: 51px;
    height: 51px
}

.mobile #left {
    width: 102px !important;
    height: 408px !important;
    margin-top: -204px !important
}

.mobile #left > li {
    width: 102px !important;
    height: 102px !important
}

#right {
    z-index: 701
}

.right-pos {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 51px;
    height: 51px;
    margin-top: -25px
}

.mobile .right-pos {
    width: 102px !important;
    height: 102px !important;
    margin-top: -51px !important
}

.buttons {
    position: relative;
    width: 51px;
    height: 51px;
    cursor: pointer;
    background-image: url(../images/buttons@2x.png);
    background-repeat: no-repeat;
    background-size: 102px 748px
}

.mobile .buttons {
    width: 102px !important;
    height: 102px !important;
    background-size: 201px 1496px !important
}

#close-bt {
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 600 !important
}

.white .close-pos {
    background-position: 0 0
}

.white .close-pos:hover {
    background-position: -51px 0
}

.black .close-pos {
    background-position: 0 -255px
}

.black .close-pos:hover {
    background-position: -51px -255px
}

.mobile .white .close-pos:hover {
    background-position: -102px 0 !important
}

.mobile .black .close-pos {
    background-position: 0 -510px !important
}

.mobile .black .close-pos:hover {
    background-position: -102px -510px !important
}

.white .fbt-pos {
    background-position: 0 -51px
}

.white .fbt-pos:hover {
    background-position: -51px -51px
}

.black .fbt-pos {
    background-position: 0 -306px
}

.black .fbt-pos:hover {
    background-position: -51px -306px
}

.white .tbt-pos {
    background-position: 0 -102px
}

.white .tbt-pos:hover {
    background-position: -51px -102px
}

.black .tbt-pos {
    background-position: 0 -357px
}

.black .tbt-pos:hover {
    background-position: -51px -357px
}

.white .gbt-pos {
    background-position: 0 -153px
}

.white .gbt-pos:hover {
    background-position: -51px -153px
}

.black .gbt-pos {
    background-position: 0 -408px
}

.black .gbt-pos:hover {
    background-position: -51px -408px
}

.white .pbt-pos {
    background-position: 0 -204px
}

.white .pbt-pos:hover {
    background-position: -51px -204px
}

.black .pbt-pos {
    background-position: 0 -459px
}

.black .pbt-pos:hover {
    background-position: -51px -459px
}

.mobile .white .fbt-pos {
    background-position: 0 -102px
}

.mobile .white .fbt-pos:hover {
    background-position: -102px -102px
}

.mobile .black .fbt-pos {
    background-position: 0 -612px
}

.mobile .black .fbt-pos:hover {
    background-position: -102px -612px
}

.mobile .white .tbt-pos {
    background-position: 0 -204px
}

.mobile .white .tbt-pos:hover {
    background-position: -102px -204px
}

.mobile .black .tbt-pos {
    background-position: 0 -714px
}

.mobile .black .tbt-pos:hover {
    background-position: -102px -714px
}

.mobile .white .gbt-pos {
    background-position: 0 -306px
}

.mobile .white .gbt-pos:hover {
    background-position: -102px -306px
}

.mobile .black .gbt-pos {
    background-position: 0 -816px
}

.mobile .black .gbt-pos:hover {
    background-position: -102px -816px
}

.mobile .white .pbt-pos {
    background-position: 0 -408px
}

.mobile .white .pbt-pos:hover {
    background-position: -102px -408px
}

.mobile .black .pbt-pos {
    background-position: 0 -918px
}

.mobile .black .pbt-pos:hover {
    background-position: -102px -918px
}

.disabled {
    display: none
}

#footer {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 902;
    width: 180px;
    height: 72px;
    margin-left: -90px;
    opacity: 0
}

#foot-touch {
    width: 180px;
    height: 46px;
    margin-top: 19px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 44px
}

.mobile #foot-touch {
    width: 360px !important;
    height: 92px !important;
    margin: -30px 0 0 -90px !important;
    font-size: 24px !important;
    line-height: 92px !important
}

#foot-bigcon {
    width: 180px;
    height: 32px
}

#foot-smallcon {
    width: 180px;
    height: 30px
}

#foot-web-about {
    width: 90px;
    height: 32px;
    cursor: pointer;
    opacity: 1;
    float: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 44px;
    text-align: right;
    transition: opacity .2s linear, color .2s linear;
    -moz-transition: opacity .2s linear, color .2s linear;
    -webkit-transition: opacity .2s linear, color .2s linear;
    -o-transition: opacity .2s linear, color .2s linear
}

#foot-web-about:hover {
    opacity: .5
}

#foot-web-screen {
    width: 76px;
    height: 32px;
    cursor: pointer;
    opacity: 1;
    float: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 44px;
    text-align: left;
    transition: opacity .2s linear, color .2s linear;
    -moz-transition: opacity .2s linear, color .2s linear;
    -webkit-transition: opacity .2s linear, color .2s linear;
    -o-transition: opacity .2s linear, color .2s linear
}

#foot-web-screen:hover {
    opacity: .5
}

.footer-white > #foot-bigcon > #foot-web-about {
    color: #fff
}

.footer-black > #foot-bigcon > #foot-web-about {
    color: #222
}

.footer-white > #foot-bigcon > #foot-web-screen {
    color: #fff
}

.footer-black > #foot-bigcon > #foot-web-screen {
    color: #222
}

#foot-share-ie {
    width: 180px;
    height: 30px;
    float: left;
    opacity: .5;
    cursor: pointer;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    font-weight: 500;
    transition: opacity .2s linear, color .2s linear;
    -moz-transition: opacity .2s linear, color .2s linear;
    -webkit-transition: opacity .2s linear, color .2s linear;
    -o-transition: opacity .2s linear, color .2s linear
}

.footer-white > #foot-smallcon > #foot-share-ie {
    color: #fff
}

.footer-black > #foot-smallcon > #foot-share-ie {
    color: #222
}

#foot-dot-big {
    width: 10px;
    height: 32px;
    float: left;
    font-size: 13px;
    text-align: center;
    line-height: 46px;
    transition: color .2s linear;
    -moz-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear
}

.footer-white > #foot-bigcon > #foot-dot-big {
    color: #fff
}

.footer-black > #foot-bigcon > #foot-dot-big {
    color: #222
}

#foot-dot {
    width: 10px;
    height: 30px;
    float: left;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    opacity: .5;
    transition: color .2s linear;
    -moz-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear
}

.footer-white > #foot-smallcon > #foot-dot {
    color: #fff
}

.footer-black > #foot-smallcon > #foot-dot {
    color: #222
}

#foot-share {
    width: 46px;
    height: 30px;
    float: left;
    opacity: .5;
    font-size: 11px;
    line-height: 18px;
    text-align: right;
    font-weight: 500;
    cursor: pointer;
    transition: opacity .2s linear, color .2s linear;
    -moz-transition: opacity .2s linear, color .2s linear;
    -webkit-transition: opacity .2s linear, color .2s linear;
    -o-transition: opacity .2s linear, color .2s linear
}

.foot-share-full {
    margin-left: 28px !important
}

.foot-share-normal {
    margin-left: 17px !important
}

.footer-white > #foot-smallcon > #foot-share {
    color: #fff
}

.footer-black > #foot-smallcon > #foot-share {
    color: #222
}

#foot-full {
    height: 30px;
    float: left;
    opacity: .5;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    transition: opacity .2s linear, color .2s linear;
    -moz-transition: opacity .2s linear, color .2s linear;
    -webkit-transition: opacity .2s linear, color .2s linear;
    -o-transition: opacity .2s linear, color .2s linear
}

#foot-full:hover {
    opacity: .8
}

.foot-full-full {
    width: 65px !important
}

.foot-full-normal {
    width: 85px !important
}

.footer-white > #foot-smallcon > .foot-full-full {
    color: #fff
}

.footer-black > #foot-smallcon > .foot-full-full {
    color: #222
}

.footer-white > #foot-smallcon > .foot-full-normal {
    color: #fff
}

.footer-black > #foot-smallcon > .foot-full-normal {
    color: #222
}

#foot-sharecon {
    width: 180px;
    height: 118px;
    position: absolute;
    z-index: 905;
    left: 0;
    bottom: 13px;
    overflow: hidden;
    display: none
}

#foot-share-box {
    width: 110px;
    height: 118px;
    background-color: #000;
    position: absolute;
    z-index: 906;
    left: 35px;
    bottom: 0;
    display: block
}

#foot-share-box > li {
    display: block;
    width: 100px;
    height: 17px;
    opacity: .5;
    cursor: pointer;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    padding-left: 10px;
    color: #fff;
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

#foot-share-box > li:hover {
    opacity: 1
}

#foot-share-0 {
    height: 25px !important;
    line-height: 31px !important
}

.footer-white > #foot-touch {
    color: #fff !important
}

.footer-black > #foot-touch {
    color: #000 !important
}

.footer-white #foot-share-box {
    background-color: #fff !important
}

.footer-white #foot-share-box > li {
    color: #222 !important
}

.gradation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    pointer-events: none;
    overflow: hidden
}

.gradation-css {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 100%)
}

#fwa {
    z-index: 99999;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

#fwa-sotd {
    position: absolute;
    z-index: 999991;
    width: 100%;
    height: 100%;
    background: url(../images/fwa.png) 0 0
}

#fwa-adobe {
    position: absolute;
    z-index: 999992;
    width: 100%;
    height: 100%;
    background: url(../images/fwa.png) -120px 0;
    opacity: 0
}

#fwa-motd {
    position: absolute;
    z-index: 999993;
    width: 100%;
    height: 100%;
    background: url(../images/fwa.png) -240px 0;
    opacity: 0
}

#book {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0
}

.book-con {
    position: absolute;
    width: 600px;
    height: 450px;
    left: 50%;
    top: 50%;
    margin: -225px 0 0 -300px;
    z-index: 1
}

.book-con > a {
    display: block;
    width: 100%;
    height: 350px;
    background-image: url(../images/book.jpg);
    background-position: center center;
    background-size: cover
}

.book-con > h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    padding: 10px 0 5px 0;
    color: #fff
}

.book-con > p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.book-con > p > a {
    color: #fff
}

.showme {
    opacity: 1 !important;
    transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear
}

.show-pantone {
    opacity: 1 !important;
    transition: opacity .5s cubic-bezier(.55, .055, .675, .19);
    -moz-transition: opacity .5s cubic-bezier(.55, .055, .675, .19);
    -webkit-transition: opacity .5s cubic-bezier(.55, .055, .675, .19);
    -o-transition: opacity .5s cubic-bezier(.55, .055, .675, .19)
}

.show-fwa {
    opacity: 1 !important;
    transition: opacity .5s cubic-bezier(.39, .575, .565, 1);
    -moz-transition: opacity .5s cubic-bezier(.39, .575, .565, 1);
    -webkit-transition: opacity .5s cubic-bezier(.39, .575, .565, 1);
    -o-transition: opacity .5s cubic-bezier(.39, .575, .565, 1)
}

.hide-fwa {
    opacity: 0 !important;
    transition: opacity .5s cubic-bezier(.47, 0, .745, .715);
    -moz-transition: opacity .5s cubic-bezier(.47, 0, .745, .715);
    -webkit-transition: opacity .5s cubic-bezier(.47, 0, .745, .715);
    -o-transition: opacity .5s cubic-bezier(.47, 0, .745, .715)
}

#pantone {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0
}

.items {
    display: block;
    width: 220px;
    height: 310px;
    position: absolute
}

.items-con {
    width: 220px;
    height: 310px;
    position: absolute
}

.item-button {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#pantone-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 105;
    left: 0;
    top: 0;
    display: none
}

.item-num {
    color: #fff;
    position: absolute;
    left: 100px;
    top: 280px
}

.item-txt {
    pointer-events: none;
    width: 400px;
    height: 220px;
    position: absolute;
    left: -90px;
    top: -310px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #bcbbc5;
    font-size: 18px;
    transition: color .2s linear;
    -moz-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear
}

.item-txt.white {
    color: #fff
}

.item-txt.black {
    color: #222
}

.item-txt > .item-txt-title {
    width: 100%;
    height: 20px;
    font-weight: 500;
    margin: 88px 0 0 16px
}

.item-txt > .item-txt-date {
    width: 100%;
    height: 20px;
    font-weight: 300;
    margin: 0 0 0 16px
}

#contents {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    overflow: hidden;
    -moz-transform-style: preserve-3d
}

#detail-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none
}

#detail-con {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

#mask {
    width: 220px;
    height: 310px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    pointer-events: none;
    display: none
}

#poster-con {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: none;
    pointer-events: none;
    left: 0;
    top: 0;
    overflow: hidden
}

#poster-big {
    position: absolute;
    z-index: 2;
    pointer-events: none
}

#load-con {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 56;
    left: 0;
    top: 0;
    display: none;
    overflow: hidden
}

.contents-data {
    width: 100%;
    height: 100%;
    position: relative
}

.guide-mouse {
    width: 29px;
    height: 35px;
    background-image: url(../images/guide@2x.png);
    background-size: 29px 35px;
    background-repeat: no-repeat;
    float: left
}

.guide-tooltip {
    height: 26px;
    border-radius: 13px;
    background-color: #000;
    float: left;
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    margin: 6px 5px 0 5px;
    padding: 0 10px
}

.mobile .guide-mouse {
    width: 58px !important;
    height: 70px !important;
    background-size: 58px 70px !important
}

.mobile .guide-tooltip {
    height: 52px !important;
    border-radius: 26px !important;
    font-size: 24px !important;
    line-height: 52px !important;
    padding: 0 20px !important
}

#about {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 800;
    opacity: 0;
    display: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.85)
}

#about-right {
    z-index: 100
}

#about-contents {
    position: absolute;
    width: 600px;
    height: 350px;
    left: 50%;
    top: 50%;
    margin: -181px 0 0 -240px;
    z-index: 1
}

.about-bold {
    font-weight: 700 !important
}

#about-contents > h1 {
    font-size: 53px;
    line-height: 50px;
    letter-spacing: -2px;
    margin: 0 0 16px 0;
    font-family: 'Crimson Text', serif;
    font-weight: 600;
    color: #fff;
    width: 800px !important
}

#about-contents > h2 {
    width: 450px;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 18px 2px;
    font-weight: 400
}

#about-contents > p {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 20px 2px;
    font-weight: 400
}

.copyright {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 0 2px;
    font-weight: 400
}

.mobile #about-contents {
    width: 700px !important;
    height: 630px !important;
    margin: -300px 0 0 -370px !important
}

.mobile #about-contents > h1 {
    width: 900px;
    font-size: 74px !important;
    line-height: 80px !important
}

.mobile #about-contents > h2 {
    width: 660px !important;
    font-size: 28px !important;
    line-height: 38px !important
}

.mobile #about-contents > p {
    font-size: 28px !important;
    line-height: 38px !important
}

.mobile #about-contents > .copyright {
    font-size: 28px !important;
    line-height: 38px !important
}

.mobile #about-contents > .press {
    display: none
}

.tablet #about-contents {
    width: 640px !important;
    height: 400px !important;
    margin: -206px 0 0 -310px !important
}

.tablet #about-contents > h1 {
    width: 900px;
    font-size: 70px !important;
    line-height: 74px !important
}

.tablet #about-contents > h2 {
    width: 580px !important;
    font-size: 16px !important;
    line-height: 22px !important
}

.tablet #about-contents > p {
    font-size: 16px !important;
    line-height: 22px !important
}

.tablet #about-contents > .copyright {
    font-size: 16px !important;
    line-height: 22px !important
}

.press {
    width: 360px;
    height: 50px;
    padding: 30px 0 0 0;
    opacity: 0
}

.press > a, .press > span {
    display: block;
    background-image: url(../images/about-press@2x.png);
    background-size: 360px 100px;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    height: 50px;
    text-indent: -999em
}

.chrome-ex {
    width: 87px;
    background-position: 0 0
}

.fast-com {
    width: 141px;
    background-position: -129px 0
}

.ca-korea {
    width: 48px;
    background-position: -312px 0
}

.press > span {
    width: 42px;
    background-position: -87px 0
}

.press > a {
    opacity: .6;
    cursor: pointer;
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

.press > a:hover {
    opacity: 1
}

.about-link {
    text-decoration: underline;
    color: #fff;
    opacity: .6;
    cursor: pointer;
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

.about-link:hover {
    opacity: 1
}

#screen-contents {
    position: absolute;
    width: 650px;
    height: 494px;
    left: 50%;
    top: 50%;
    margin: -247px 0 0 -325px;
    z-index: 3
}

#ss-display {
    position: relative;
    width: 474px;
    height: 421px;
    margin: 4px auto 0 auto
}

#ss-canvas-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: url(../images/cinema.png) no-repeat
}

#ss-canvas {
    position: absolute;
    width: 441px;
    height: 277px;
    left: 16px;
    top: 17px;
    z-index: 1
}

#screen-contents > ul {
    width: 100%;
    height: 50px;
    display: block
}

#screen-contents > ul > li {
    display: block;
    width: 196px;
    height: 35px;
    background-color: #2c2c2c;
    float: left;
    cursor: pointer;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    background-image: url(../images/about-press@2x.png);
    background-size: 360px 100px;
    background-repeat: no-repeat;
    background-position: 0 -65px;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    line-height: 35px;
    text-align: center
}

#screen-contents > ul > li:hover {
    background-color: #000
}

#ss-button-mac {
    margin-left: 120px
}

#ss-button-win {
    margin-left: 20px
}

#screen-contents > p {
    display: block;
    width: 100%;
    height: 15px;
    font-weight: 400;
    font-size: 11px;
    color: #7b7b7b;
    text-align: center
}

#screen-contents > p > a {
    cursor: pointer;
    text-decoration: underline;
    color: #fff;
    opacity: .6;
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

#screen-contents > p > a:hover {
    opacity: 1
}

.ss-button-arrow {
    position: absolute;
    top: 50%;
    width: 51px;
    height: 51px;
    margin-top: -25px
}

#ss-prev {
    left: 0;
    z-index: 5;
    background-position: 0 -646px
}

#ss-next {
    right: 0;
    z-index: 6;
    background-position: 0 -697px
}

#ss-prev:hover {
    background-position: -51px -646px
}

#ss-next:hover {
    background-position: -51px -697px
}

#ss-prev-block {
    left: 0;
    z-index: 15;
    display: none
}

#ss-next-block {
    right: 0;
    z-index: 16;
    display: none
}

#circleCon {
    width: 62px;
    height: 62px;
    position: relative;
    margin: -6px 0 0 -6px
}

#circleCon-loading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 51px;
    height: 51px;
    cursor: pointer;
    background-image: url(../images/buttons@2x.png);
    background-repeat: no-repeat;
    background-size: 102px 748px
}

.white #circleCon-loading {
    background-position: 0 -510px !important
}

.black #circleCon-loading {
    background-position: -51px -510px !important
}

.mobile #circleCon {
    width: 124px !important;
    height: 124px !important;
    margin: -12px 0 0 -12px !important
}

.mobile #circleCon-loading {
    width: 102px !important;
    height: 102px !important;
    background-size: 204px 1496px !important
}

.white #circleCon-loading {
    background-position: 0 -1020px !important
}

.black #circleCon-loading {
    background-position: -102px -1020px !important
}

.chand {
    cursor: url(../cursor/hand.cur), move
}

.chand:active {
    cursor: url(../cursor/hand-h.cur), move
}

.chand-leftright {
    cursor: url(../cursor/hand-leftright.cur), e-resize
}

.chand-leftright:active {
    cursor: url(../cursor/hand-leftright-h.cur), e-resize
}

.chand-resize-nw {
    cursor: url(../cursor/hand-resize-ne.cur), nw-resize
}

.chand-resize-nw:active {
    cursor: url(../cursor/hand-resize-ne-h.cur), nw-resize
}

.chand-updown {
    cursor: url(../cursor/hand-updown.cur), s-resize
}

.chand-updown:active {
    cursor: url(../cursor/hand-updown-h.cur), s-resize
}

.chand-brush {
    cursor: url(../cursor/brush.cur), default
}

.chand-pick {
    cursor: url(../cursor/hand-pick.cur), move
}

.expError {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 600px;
    height: 60px;
    margin: -30px 0 0 -300px;
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 50%
}

.expError a {
    transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear
}

.expError a:hover {
    opacity: .6
}

.expError-white, .expError-white a {
    color: #fff
}

.expError-black, .expError-black a {
    color: #222
}

.contents-guide {
    position: absolute;
    z-index: 80;
    display: none
}

.circle-mask {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 476px;
    height: 476px;
    z-index: 10;
    pointer-events: none
}

#wavecircle {
    width: 466px;
    height: 534px;
    position: absolute;
    z-index: 1
}

#wavecircle > .circle-mask path {
    fill: #29a5c0
}

#wavecircle-world {
    width: 466px;
    height: 466px;
    background-color: #fff
}

#wavecircle-maks {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 476px;
    height: 476px;
    z-index: 10
}

#wavecircle-btcon {
    position: absolute;
    left: 50%;
    z-index: 5;
    top: 470px;
    width: 100px;
    height: 50px;
    margin-left: -50px
}

.wavecircle-bt {
    width: 50px;
    height: 50px;
    float: left;
    cursor: pointer;
    position: relative
}

.wavecircle-bt > p {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    display: block;
    top: 10px;
    border: 2px solid #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    transition: border .1s linear;
    -moz-transition: border .1s linear;
    -webkit-transition: border .1s linear;
    -o-transition: border .1s linear;
    left: 10px
}

#wavecircle-bt-blue > p {
    background-color: #0090c7
}

#wavecircle-bt-rainbow > ul {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 1;
    left: 11px;
    top: 11px;
    overflow: hidden;
    border-radius: 50%
}

#wavecircle-bt-rainbow > ul > li {
    display: block;
    float: left;
    width: 5px;
    height: 100%
}

#wavecircle-bt-rainbow > ul > li:nth-child(1) {
    background-color: #ff0c00;
    width: 4px !important
}

#wavecircle-bt-rainbow > ul > li:nth-child(2) {
    background-color: #ffa200
}

#wavecircle-bt-rainbow > ul > li:nth-child(3) {
    background-color: #fdff00
}

#wavecircle-bt-rainbow > ul > li:nth-child(4) {
    background-color: #7ad17f
}

#wavecircle-bt-rainbow > ul > li:nth-child(5) {
    background-color: #00feff;
    width: 4px !important
}

.blue-over > p {
    border: 4px solid #fff
}

.rainbow-over > p {
    border: 4px solid #fff
}

.mobile #wavecircle-btcon {
    width: 200px !important;
    height: 100px !important;
    margin-left: -100px !important
}

.mobile .wavecircle-bt {
    width: 100px !important;
    height: 100px !important
}

.mobile .wavecircle-bt > p {
    width: 60px !important;
    height: 60px !important;
    left: 20px !important;
    top: 20px !important;
    border: 6px solid #fff !important
}

.mobile #wavecircle-bt-rainbow > ul {
    width: 60px !important;
    height: 60px !important;
    left: 20px !important;
    top: 20px !important
}

.mobile #wavecircle-bt-rainbow > ul > li {
    width: 12px !important
}

.mobile .blue-over > p {
    border: 10px solid #fff !important
}

.mobile .rainbow-over > p {
    border: 10px solid #fff !important
}

.tablet #wavecircle-btcon {
    width: 120px !important;
    height: 100px !important;
    margin-left: -60px !important;
    top: 484px !important
}

.tablet .wavecircle-bt {
    width: 60px !important;
    height: 60px !important
}

.tablet .wavecircle-bt > p {
    width: 40px !important;
    height: 40px !important;
    left: 10px !important;
    top: 10px !important;
    border: 3px solid #fff !important
}

.tablet #wavecircle-bt-rainbow > ul {
    width: 40px !important;
    height: 40px !important;
    left: 10px !important;
    top: 10px !important
}

.tablet #wavecircle-bt-rainbow > ul > li {
    width: 8px !important
}

.tablet .blue-over > p {
    border: 6px solid #fff !important
}

.tablet .rainbow-over > p {
    border: 6px solid #fff !important
}

#triangulation-con {
    position: absolute;
    width: 476px;
    height: 476px;
    z-index: 1
}

#triangulation-img {
    width: 466px;
    height: 466px;
    margin: 5px;
    position: relative;
    overflow: hidden
}

#triangulation-img-move {
    width: 3728px;
    height: 466px;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1
}

#triangulation-img-move > li {
    width: 466px;
    height: 466px;
    position: relative;
    display: block;
    float: left
}

#triangulation-world {
    width: 466px;
    height: 466px;
    left: 5px;
    top: 5px;
    position: absolute;
    z-index: 2
}

#triangulation-con > .circle-mask {
    left: 0 !important;
    top: 0 !important
}

#triangulation-con > .circle-mask path {
    fill: #ffb700
}

#triangulation-loading {
    position: absolute;
    z-index: 11;
    width: 1px;
    height: 1px;
    left: 50%;
    top: 50%;
    display: none
}

#triangulation-btcon {
    width: 322px;
    height: 50px;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -161px;
    top: 470px
}

#triangulation-btcon > li {
    width: 46px;
    height: 50px;
    float: left;
    cursor: pointer;
    position: relative;
    display: block
}

#triangulation-btcon > li > p {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    z-index: 3;
    display: block;
    top: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    transition: border .1s linear;
    -moz-transition: border .1s linear;
    -webkit-transition: border .1s linear;
    -o-transition: border .1s linear;
    left: 8px
}

#triangulation-bt-1 > p {
    background-color: #ffc800
}

#triangulation-bt-2 > p {
    background-color: #f74d00
}

#triangulation-bt-3 > p {
    background-color: #c61501
}

#triangulation-bt-4 > p {
    background-color: #395fb2
}

#triangulation-bt-5 > p {
    background-color: #6e00cb
}

#triangulation-bt-6 > p {
    background-color: #66ae00
}

#triangulation-bt-7 > p {
    background-color: #0ca49d
}

.mobile #triangulation-btcon {
    width: 560px !important;
    height: 120px !important;
    margin-left: -280px !important;
    top: 490px !important
}

.mobile #triangulation-btcon > li {
    width: 80px !important;
    height: 120px !important
}

.mobile #triangulation-btcon > li > p {
    width: 60px !important;
    height: 60px !important;
    left: 10px !important;
    top: 20px !important
}

.tablet #triangulation-btcon {
    width: 420px !important;
    height: 90px !important;
    margin-left: -210px !important;
    top: 480px !important
}

.tablet #triangulation-btcon > li {
    width: 60px;
    height: 90px
}

.tablet #triangulation-btcon > li > p {
    width: 40px !important;
    height: 40px !important;
    left: 10px !important;
    top: 20px !important
}

#home-ripple {
    width: 698px;
    height: 395px;
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -197px 0 0 -349px
}

#ripple-front {
    width: 698px;
    height: 197px;
    position: relative;
    background: url(../contents/ripple/ripple1.png) no-repeat
}

#ripple-back {
    width: 698px;
    height: 198px
}

#ripple-mask {
    width: 698px;
    height: 198px;
    position: absolute;
    left: 0;
    top: 197px;
    z-index: 3;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAroAAADGCAMAAAAKXNO4AAADAFBMVEUAAACPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgCPxgAzkBc+AAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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)
}

#ripple-buttons {
    position: absolute;
    left: 649px;
    top: 148px;
    width: 49px;
    height: 98px;
    z-index: 5;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px)
}

.ripple-buttons-img > p {
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    top: 9px;
    z-index: 3;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 3px solid #deff7a;
    background-color: #8ec800
}

.ripple-buttons-img > p path {
    fill: #deff7a
}

.ripple-buttons-img:hover > p {
    background-color: #deff7a
}

.ripple-buttons-img:hover > p path {
    fill: #8ec800
}

#ripple-button-plus {
    position: absolute;
    z-index: 6;
    left: 0;
    top: 0;
    width: 49px;
    height: 49px;
    cursor: pointer
}

#ripple-button-minus {
    position: absolute;
    z-index: 6;
    left: 0;
    top: 49px;
    width: 49px;
    height: 49px;
    cursor: pointer
}

.mobile #home-ripple {
    width: 678px !important;
    height: 500px;
    margin: -197px 0 0 -338px !important
}

.mobile #ripple-buttons {
    width: 200px !important;
    height: 100px !important;
    left: 50% !important;
    top: 360px !important;
    margin-left: -100px
}

.mobile #ripple-button-minus {
    left: 100px !important;
    top: 0 !important
}

.mobile .ripple-buttons-img {
    width: 100px !important;
    height: 100px !important
}

.mobile .ripple-buttons-img > p {
    width: 60px !important;
    height: 60px !important;
    left: 20px !important;
    top: 20px !important;
    border: 6px solid #deff7a !important
}

.mobile .ripple-buttons-img > p > svg {
    width: 48px !important;
    height: 48px !important
}

.tablet #home-ripple {
    width: 678px !important;
    height: 460px;
    margin: -197px 0 0 -338px !important
}

.tablet #ripple-buttons {
    width: 140px !important;
    height: 49px !important;
    left: 50% !important;
    top: 380px !important;
    margin-left: -70px
}

.tablet #ripple-button-minus {
    left: 80px !important;
    top: 0 !important
}

.tablet .ripple-buttons-img {
    width: 60px !important;
    height: 60px !important
}

.tablet .ripple-buttons-img > p {
    width: 40px !important;
    height: 40px !important;
    left: 10px !important;
    top: 10px !important;
    border: 4px solid #deff7a !important
}

.tablet .ripple-buttons-img > p > svg {
    width: 32px !important;
    height: 32px !important
}

#pixelated-home {
    overflow: hidden
}

#pixelated-con {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 1
}

#pixelated-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
    overflow: hidden
}

#pixelated-mask-move {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

#pixelated-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

#pixelated-move {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background-color: #000;
    overflow: hidden
}

#pixelated-drag {
    width: 67px;
    height: 67px;
    position: absolute;
    z-index: 7
}

#pixelated-drag svg {
    pointer-events: none;
    width: 67px;
    height: 67px
}

.tablet #pixelated-drag {
    width: 80px !important;
    height: 80px !important
}

.tablet #pixelated-drag svg {
    width: 80px !important;
    height: 80px !important
}

.mobile #pixelated-drag {
    width: 160px !important;
    height: 160px !important
}

.mobile #pixelated-drag svg {
    width: 160px !important;
    height: 160px !important
}

#pixelated-loading {
    position: absolute;
    z-index: 10;
    width: 1px;
    height: 1px;
    left: 50%;
    top: 50%;
    display: none
}

#glowlight {
    pointer-events: none
}

#glowlight-con {
    width: 100%;
    height: 100%
}

#glowlight-con path {
    fill: #111
}

#soup-home {
    text-align: center;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 -283px;
    width: 566px;
    height: 500px;
    -moz-perspective: 2000px;
    -webkit-perspective: 2000px;
    -ms-perspective: 2000px
}

.soup-reflect {
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.3)))
}

#soup-frame {
    width: 50px;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform: rotateX(-40deg) rotateY(45deg) rotateZ(0deg) translate3d(365px, 550px, 0px);
    -moz-transform: rotateX(-40deg) rotateY(45deg) rotateZ(0deg) translate3d(365px, 550px, 0px);
    -webkit-transform: rotateX(-40deg) rotateY(45deg) rotateZ(0deg) translate3d(365px, 550px, 0px)
}

#soup-position {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

#soup-strip {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d
}

#soup-strip div {
    position: absolute;
    background: url(../contents/cylinder/soupmat.jpg);
    height: 486px;
    width: 51px;
    opacity: 1
}

#soup-up {
    display: block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    position: absolute;
    background: url(../contents/cylinder/soupmat.jpg) no-repeat 0 -486px;
    width: 378px;
    height: 378px;
    border-radius: 50%;
    -ms-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(-163px, 0px, -431px);
    -moz-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(-163px, 0px, -431px);
    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(-163px, 0px, -431px);
    z-index: 99;
    overflow: hidden
}

#home-blend {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -moz-perspective: 1200px;
    -webkit-perspective: 1200px;
    -ms-perspective: 1200px
}

.blend-item {
    position: absolute;
    margin: 0;
    padding: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d
}

.blend-item .blend-img {
    background: url(../contents/blend/soup.png) no-repeat;
    width: 97px;
    height: 163px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -81px 0 0 -48px
}

.blend-item .blend-img2 {
    background-image: url(../contents/blend/soup2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 62px 33px;
    width: 62px;
    height: 33px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -31px
}

.blend-item .blend-img4 {
    background-image: url(../contents/blend/soup4.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 98px 164px;
    width: 98px;
    height: 164px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -82px 0 0 -49px
}

.blend-item .blend-frame {
    width: 148px;
    height: 178px;
    position: absolute;
    left: 13px;
    top: 7px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-box-shadow: 0 22px 4px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 22px 4px -4px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 22px 4px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 22px 4px -4px rgba(0, 0, 0, 0.3)
}

.blend-frame span {
    display: block;
    position: absolute;
    margin-top: -89px;
    margin-left: -74px;
    position: absolute;
    display: block;
    overflow: hidden;
    top: 50%;
    left: 50%
}

.blend-frame .blend-front::before {
    content: "";
    width: 138px;
    height: 168px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 2px solid #000
}

.blend-frame .blend-front {
    background: #d80c1b;
    width: 142px;
    height: 172px;
    -webkit-transform: translate3d(0px, 0px, 7px);
    -moz-transform: translate3d(0px, 0px, 7px);
    -ms-transform: translate3d(0px, 0px, 7px);
    border: 3px solid #000;
    border-bottom-color: #c9a072;
    border-top-color: #835b2e;
    border-left-color: #946b3e;
    border-right-color: #ad8253;
    z-index: 10;
    transition: background .15s linear;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
    -ms-transition: background .15s linear
}

.blend-frame .blend-right {
    background: #70481c;
    width: 14px;
    height: 178px;
    -webkit-transform: rotateY(90deg) translate3d(0px, 0px, 141px);
    -moz-transform: rotateY(90deg) translate3d(0px, 0px, 141px);
    -ms-transform: rotateY(90deg) translate3d(0px, 0px, 141px);
    z-index: 4
}

.blend-frame .blend-left {
    background: #cf9e66;
    width: 14px;
    height: 178px;
    -webkit-transform: rotateY(-90deg) translate3d(0px, 0px, 7px);
    -moz-transform: rotateY(-90deg) translate3d(0px, 0px, 7px);
    -ms-transform: rotateY(-90deg) translate3d(0px, 0px, 7px);
    z-index: 6
}

.blend-frame .blend-top {
    background: #d6ac7d;
    overflow: hidden;
    width: 148px;
    height: 14px;
    -webkit-transform: rotateX(90deg) translate3d(0px, 0px, 7px);
    -moz-transform: rotateX(90deg) translate3d(0px, 0px, 7px);
    -ms-transform: rotateX(90deg) translate3d(0px, 0px, 7px);
    z-index: 2
}

.blend-frame .blend-bottom {
    background: #5f3a12;
    overflow: hidden;
    width: 148px;
    height: 14px;
    -webkit-transform: rotateX(-90deg) translate3d(0px, 0px, 171px);
    -moz-transform: rotateX(-90deg) translate3d(0px, 0px, 171px);
    -ms-transform: rotateX(-90deg) translate3d(0px, 0px, 171px);
    z-index: 8
}

#rainmen {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none
}

#rainmen-block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0)
}

#rainmen > div {
    position: absolute;
    width: 220px;
    height: 370px;
    pointer-events: none
}

#rainmen > div > img {
    width: 100%;
    height: 100%;
    pointer-events: none
}

#planttrees {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

#planttrees-bg {
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    bottom: -60px;
    background: url(../contents/planttrees/plants.png) repeat-x 0 0;
    z-index: 3;
    pointer-events: none
}

#planttrees-bt {
    position: absolute;
    width: 69px;
    height: 69px;
    top: 14px;
    right: 14px;
    background-image: url(../contents/planttrees/plants-bt@2x.png);
    background-repeat: no-repeat;
    background-size: 69px 148px;
    cursor: pointer;
    z-index: 7
}

.mobile #planttrees-bt {
    width: 138px !important;
    height: 138px !important;
    background-size: 138px 296px
}

#spiral-con {
    pointer-events: none
}

#spiral-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    margin: -265px 0 0 -275px;
    z-index: 1
}

#spiral-home {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    width: 10px;
    height: 10px;
    margin: 0;
    font-weight: 700;
    color: #fff;
    z-index: 3
}

#spiral-home > p {
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -moz-transition: -moz-transform 2s cubic-bezier(.445, .05, .55, .95);
    -ms-transition: -ms-transform 2s cubic-bezier(.445, .05, .55, .95);
    transition: transform 2s cubic-bezier(.445, .05, .55, .95);
    -webkit-transition: -webkit-transform 2s cubic-bezier(.445, .05, .55, .95);
    width: 192px;
    height: 48px;
    position: absolute;
    left: -192px;
    top: -24px
}

#spiral-home > p > div {
    width: 48px;
    height: 48px;
    -webkit-transform: rotate(-95deg);
    -moz-transform: rotate(-95deg);
    -ms-transform: rotate(-95deg);
    transform: rotate(-95deg);
    font-size: 36px;
    text-align: center
}

.spiral-rotate {
    -webkit-animation: rotate-spiral 10s linear 0s infinite;
    -moz-animation: rotate-spiral 10s linear 0s infinite;
    -ms-animation: rotate-spiral 10s linear 0s infinite;
    animation: rotate-spiral 10s linear 0s infinite
}

.spiral-rotate-pause {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes rotate-spiral {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate-spiral {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate-spiral {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes rotate-spiral {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#wipertypo-cursor {
    position: absolute;
    z-index: 40;
    left: 100px;
    top: 0;
    height: 100%
}

#scream-world-color {
    position: absolute;
    display: none
}

.sheeps {
    width: 154px;
    height: 117px;
    background-image: url(../contents/sheeps/sheep-ani.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 0
}

#flipclock {
    width: 960px;
    height: 390px;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -195px 0 0 -480px !important;
    overflow: hidden
}

#flipclock ul {
    list-style: none
}

#flipclock {
    pointer-events: none;
    margin: 0;
    padding: 0
}

.flipclock-con {
    position: absolute;
    width: 808px;
    height: 384px;
    left: 50%;
    top: 50%;
    margin: -192px 0 0 -476px;
    z-index: 1
}

.flipclock-con2 {
    width: 146px;
    height: 146px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 46px 0 0 330px;
    z-index: 2
}

.flipclock-con ul.flip {
    position: relative;
    float: left;
    margin-right: 20px;
    width: 384px;
    height: 384px
}

.flipclock-con2 ul.flip {
    position: relative;
    float: left;
    width: 146px;
    height: 146px
}

ul.flip li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

ul.flip li:first-child {
    z-index: 2
}

ul.flip li span {
    display: block;
    height: 100%;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -ms-perspective: 900px
}

.flipclock-con ul.flip li span div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 190px;
    overflow: hidden
}

.flipclock-con2 ul.flip li span div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 72px;
    overflow: hidden
}

ul.flip li span div.flip-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

ul.flip li span div.flip-up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    top: 0
}

ul.flip li span div.flip-down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    bottom: 0
}

.flipclock-con ul.flip li span div div.flip-text {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 300px;
    line-height: 370px;
    color: #b7b7b7;
    text-align: center;
    border-radius: 16px;
    background: url(../contents/flipclock/flipbg.png) repeat-x
}

.flipclock-con2 ul.flip li span div div.flip-text {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 110px;
    line-height: 147px;
    color: #b7b7b7;
    text-align: center;
    border-radius: 16px;
    background: url(../contents/flipclock/flipbg2.png) repeat-x
}

ul.flip li span div.flip-down div.flip-apm {
    position: absolute;
    left: 22px;
    bottom: 10px;
    z-index: 90;
    width: 50px;
    height: 40px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #b7b7b7;
    text-align: left
}

ul.flip li span div.flip-up div.flip-text {
    top: 0
}

ul.flip li span div.flip-down div.flip-text {
    bottom: 0
}

#flipclock.play ul li.before {
    z-index: 3
}

#flipclock.play ul li.active {
    -webkit-animation: flip-ani-index .5s .5s linear both;
    -moz-animation: flip-ani-index .5s .5s linear both;
    -ms-animation: flip-ani-index .5s .5s linear both;
    z-index: 2
}

@-webkit-keyframes flip-ani-index {
    0% {
        z-index: 2
    }

    5% {
        z-index: 4
    }

    100% {
        z-index: 4
    }
}

@-moz-keyframes flip-ani-index {
    0% {
        z-index: 2
    }

    5% {
        z-index: 4
    }

    100% {
        z-index: 4
    }
}

@-ms-keyframes flip-ani-index {
    0% {
        z-index: 2
    }

    5% {
        z-index: 4
    }

    100% {
        z-index: 4
    }
}

#flipclock.play ul li.active .flip-down {
    z-index: 2;
    -webkit-animation: flip-ani-up .5s .5s linear both;
    -moz-animation: flip-ani-up .5s .5s linear both;
    -ms-animation: flip-ani-up .5s .5s linear both
}

@-webkit-keyframes flip-ani-up {
    0% {
        -webkit-transform: rotateX(90deg)
    }

    60% {
        -webkit-transform: rotateX(0deg)
    }

    80% {
        -webkit-transform: rotateX(20deg)
    }

    100% {
        -webkit-transform: rotateX(0deg)
    }
}

@-moz-keyframes flip-ani-up {
    0% {
        -moz-transform: rotateX(90deg)
    }

    60% {
        -moz-transform: rotateX(0deg)
    }

    80% {
        -moz-transform: rotateX(20deg)
    }

    100% {
        -moz-transform: rotateX(0deg)
    }
}

@-ms-keyframes flip-ani-up {
    0% {
        -ms-transform: rotateX(90deg)
    }

    60% {
        -ms-transform: rotateX(0deg)
    }

    80% {
        -ms-transform: rotateX(20deg)
    }

    100% {
        -ms-transform: rotateX(0deg)
    }
}

#flipclock.play ul li.before .flip-up {
    z-index: 2;
    -webkit-animation: flip-ani-down .5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    -moz-animation: flip-ani-down .5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    -ms-animation: flip-ani-down .5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both
}

@-webkit-keyframes flip-ani-down {
    0% {
        -webkit-transform: rotateX(0deg)
    }

    100% {
        -webkit-transform: rotateX(-92deg)
    }
}

@-moz-keyframes flip-ani-down {
    0% {
        -moz-transform: rotateX(0deg)
    }

    100% {
        -moz-transform: rotateX(-92deg)
    }
}

@-ms-keyframes flip-ani-down {
    0% {
        -ms-transform: rotateX(0deg)
    }

    100% {
        -ms-transform: rotateX(-90deg)
    }
}

#flipclock.play ul li.before .flip-up .flip-shadow {
    background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(100%, rgba(17, 17, 17, 1)));
    background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    -ms-animation: show .5s linear both
}

#flipclock.play ul li.active .flip-up .flip-shadow {
    background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(100%, rgba(17, 17, 17, 1)));
    background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(17, 17, 17, 0) 0, rgba(17, 17, 17, 1) 100%);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    -ms-animation: hide .5s .3s linear both
}

#flipclock.play ul li.before .flip-down .flip-shadow {
    background: -moz-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 1)), color-stop(100%, rgba(17, 17, 17, 0)));
    background: -webkit-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -o-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -ms-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    -ms-animation: show .5s linear both
}

#flipclock.play ul li.active .flip-down .flip-shadow {
    background: -moz-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 1)), color-stop(100%, rgba(17, 17, 17, 0)));
    background: -webkit-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -o-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -ms-linear-gradient(top, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(17, 17, 17, 1) 0, rgba(17, 17, 17, 0) 100%);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    -ms-animation: hide .5s .3s linear both
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes show {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes hide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#panorama-container {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 804px;
    height: 804px;
    margin: -402px 0 0 -402px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 500px;
    -moz-transform-style: preserve-3d;
    -moz-perspective: 500px;
    z-index: 1
}

#panorama-position {
    width: 804px;
    height: 804px;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translateZ(500px);
    -moz-transform-style: preserve-3d;
    -moz-transform: translateZ(500px)
}

#panorama-cube {
    width: 804px;
    height: 804px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d
}

#panorama-cube > .panorama-face > img {
    width: 804px;
    height: 804px;
    -moz-transform-style: preserve-3d
}

.panorama-face {
    position: absolute;
    width: 804px;
    height: 804px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -moz-transform-style: preserve-3d;
    z-index: 2
}

#panorama-cube-top {
    top: -402px;
    left: -2px
}

#panorama-cube-bottom {
    -webkit-transform: rotateX(-90deg) rotateY(180deg);
    -moz-transform: rotateX(-90deg) rotateY(180deg);
    top: 398px;
    left: -2px
}

#panorama-cube-front {
    -webkit-transform: translateZ(-400px);
    -moz-transform: translateZ(-400px);
    top: -2px;
    left: -2px
}

#panorama-cube-back {
    -webkit-transform: translateZ(400px) rotateY(180deg);
    -moz-transform: translateZ(400px) rotateY(180deg);
    top: -2px;
    left: -2px
}

#panorama-cube-left {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    left: 398px;
    top: -2px
}

#panorama-cube-right {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    left: -402px;
    top: -2px
}

#panorama-guide {
    position: absolute;
    z-index: 99;
    display: none
}