/**
 * Aseado Lab
 */

@charset "utf-8";
/*@import url(font.css);*/
/*@import url(content.css?v=1);*/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {
    margin: 0;
    padding: 0
}

body, h1, h2, h3, h4, input, button, select, textarea {
    font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Sans-serif;
    font-size: 12px;
    color: #000
}

body {
    text-align: left;
    word-break: break-word;
    overflow: hidden;
}

img, fieldset, iframe {
    border: 0 none
}

li {
    list-style: none
}

input, select, button {
    vertical-align: top
}

img {
    vertical-align: top;
    max-width: 100%;
}

i, em, address {
    font-style: normal
}

label, button {
    cursor: pointer
}

label img {
    pointer-events: none;
}

a {
    color: #000;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

hr {
    display: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    font-size: 0;
    line-height: 0;
    height: 0
}

* {
    box-sizing: border-box;
}

/*font-face*/

@font-face {
    font-family: 'NotoKrL';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/notokr-light.eot');
    src: url('/font/notokr-light.eot?#iefix') format('embedded-opentype'),
    url('/font/notokr-light.woff2') format('woff2'),
    url('/font/notokr-light.woff') format('woff');
}

@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/notokr-regular.eot');
    src: url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('/font/notokr-regular.woff2') format('woff2'),
    url('/font/notokr-regular.woff') format('woff');
}

@font-face {
    font-family: 'NotoKrM';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/notokr-medium.eot');
    src: url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('/font/notokr-medium.woff2') format('woff2'),
    url('/font/notokr-medium.woff') format('woff');
}

@font-face {
    font-family: 'NotoKrB';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/notokr-bold.eot');
    src: url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('/font/notokr-bold.woff2') format('woff2'),
    url('/font/notokr-bold.woff') format('woff');
}

/* //font-face*/

/* Placeholder */
::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-size: 15px;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
    font-weight: normal;
    font-size: 15px;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-weight: normal;
    font-size: 15px;
}

:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-size: 15px;
}

/* Skip */
#skipnavigation {
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center
}

#skipnavigation * {
    list-style: none;
    margin: 0;
    padding: 0;
}

#skipnavigation a {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    white-space: nowrap;
}

#skipnavigation a:focus,
#skipnavigation a:active {
    display: block;
    width: 100%;
    height: 36px;
    color: #fff;
    background: #000;
    line-height: 36px;
    text-decoration: underline !important;
    font-size: 14px;
}

/* Form */
.hideForm {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

/* Easy */
.clear:after {
    content: '';
    display: block;
    clear: both;
}

.hidden {
    position: absolute;
    left: -9999px;
    height: 0;
    text-indent: -9999px;
    visibility: hidden;
    overflow: hidden;
}

.nm {
    font-family: 'Nanum Myeongjo', serif;
}

#viewport {
    min-width: 1100px;
}

.section {
    position: relative;
}

.section.main:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 10px;
    z-index: 10;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
}

.headTop {
    position: fixed;
    right: 77px;
    top: 200;
    z-index: 200;
}

.headTop:after {
    content: '';
    display: block;
    clear: both;
}

.headTop .rightSection {
    float: right;
    width: 784px
}

.headTop .rightSection:after {
    content: '';
    display: block;
    clear: both;
}

.headTop .rightSection .navList {
    float: left;
    padding-top: 68px;
}

.headTop .rightSection .navList ul:after {
    content: '';
    display: block;
    clear: both;
}

.headTop .rightSection .navList ul li {
    float: left;
    position: relative;
    margin-left: 15px;
}

.headTop .rightSection .navList ul li:first-child {
    margin-left: 0;
}

.headTop .rightSection .navList ul li a {
    display: inline-block;
    padding: 0 17px 25px 17px;
    position: relative;
    text-indent: -999em;
    min-width: 87px
}

.headTop .rightSection .navList ul li.active a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 87px;
    height: 11px;
    margin-left: -43px;
    background: url('/images/gnbOn.png') center no-repeat;
}

.headTop .rightSection .navList ul li.no1 a {
    background: url('/images/gnb01.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no2 a {
    background: url('/images/gnb02.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no3 a {
    background: url('/images/gnb03.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no4 a {
    background: url('/images/gnb04.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no5 a {
    background: url('/images/gnb05.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no1.active a {
    background: url('/images/gnb01_on.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no2.active a {
    background: url('/images/gnb02_on.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no3.active a {
    background: url('/images/gnb03_on.png') center top no-repeat !important;
}

.headTop .rightSection .navList ul li.no4.active a {
    background: url('/images/gnb04_on.png') center top no-repeat;
}

.headTop .rightSection .navList ul li.no5.active a {
    background: url('/images/gnb05_cha.png') center top no-repeat;
}

.headTop .floatBanner {
    position: absolute;
    right: 0;
    top: 150px;
}

.headTop .floatBanner.active {
    display: none;
}

.headTop .fbCloseBtn {
    position: absolute;
    right: -4px;
    top: 6px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0);
}

.fp-viewing-character .headTop .rightSection .navList ul li.no1 a {
    background: url('/images/gnb01_cha.png') center top no-repeat;
}

.fp-viewing-character .headTop .rightSection .navList ul li.no2 a {
    background: url('/images/gnb02_cha.png') center top no-repeat;
}

.fp-viewing-character .headTop .rightSection .navList ul li.no3 a {
    background: url('/images/gnb03_cha.png') center top no-repeat;
}

.fp-viewing-character .headTop .rightSection .navList ul li.no4 a {
    background: url('/images/gnb04_cha.png') center top no-repeat;
}

.fp-viewing-character .headTop .rightSection .navList ul li.no5 a {
    background: url('/images/gnb05_cha.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no1 a {
    background: url('/images/gnb01.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no2 a {
    background: url('/images/gnb02.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no3 a {
    background: url('/images/gnb03.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no4 a {
    background: url('/images/gnb04.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no5 a {
    background: url('/images/gnb05.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no1.active a {
    background: url('/images/gnb01_on.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no2.active a {
    background: url('/images/gnb02_on.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no3.active a {
    background: url('/images/gnb03_on_an.png') center top no-repeat !important;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no4.active a {
    background: url('/images/gnb04_on.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no5.active a {
    background: url('/images/gnb05_cha.png') center top no-repeat;
}

.character_tp4 .fp-viewing-character .headTop .rightSection .navList ul li.no3.active a:after {
    background: url('/images/gnbOn2.png') center no-repeat;
}

.headTop .rightSection .navList ul li.no2.active a:after {
    background: url('/images/gnbOn2.png') center no-repeat;
}

.headTop .rightSection .navList ul li.no3.active a:after {
    background: url('/images/gnbOn3.png') center no-repeat;
}

.headTop .rightSection .navList ul li.no5.active a:after {
    background: url('/images/gnbOn3.png') center no-repeat;
}

.headTop .rightSection .btnReserv {
    float: left;
    padding: 52px 9px 0 25px;
}

.headTop .rightSection .btnMy {
    float: left;
    padding-top: 52px;
}

.headTop .rightSection .btnMy a {
    display: block;
    text-indent: -999em;
    width: 110px;
    height: 48px;
}

.headTop .rightSection .btnMy a.btnLogin {
    background: url('/images/btnLogin.png') center no-repeat;
}

.headTop .rightSection .btnMy a.btnMypage {
    background: url('/images/btnMypage.png') center no-repeat;
}

.popGnb {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 150;
    transform: translate(-100%, 0);
    transition: .3s all;
}

.popGnb .bg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.popGnb .in {
    position: relative;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    width: 328px;
    z-index: 10;
}

.popGnb .in .logo {
    position: absolute;
    left: 94px;
    top: 54px;
    text-align: center;
}

.popGnb .in .gnbList {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}

.popGnb .in .gnbList .snsWrap {
    text-align: center;
    margin-top: 40px;
}

.popGnb .in .gnbList > ul > li {
    margin-top: 13px;
}

.popGnb .in .gnbList > ul > li:first-child {
    margin-top: 0;
}

.popGnb .in .gnbList > ul > li > a {
    position: relative;
    padding-left: 84px;
    display: inline-block;
}

.popGnb .in .gnbList > ul > li > a span {
    position: relative;
    z-index: 10;
    padding: 9px 0;
    display: block;
    transition: .3s all;
}

.popGnb .in .gnbList > ul > li > a span img {
    position: relative;
    z-index: 10;
}

.popGnb .in .gnbList > ul > li.active > a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 81px;
    height: 11px;
    background: url('/images/gnbArrow.png') no-repeat;
}

.popGnb .in .gnbList > ul > li.active > a span {
    padding: 9px 12px
}

.popGnb .in .gnbList > ul > li.active > a span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #8831ff;
}

.popGnb .in .gnbList .subGnb {
    padding: 16px 0 27px 84px
}

.popGnb .in .gnbList .subGnb li {
    margin-top: 17px;
}

.popGnb .in .gnbList .subGnb li:first-child {
    margin-top: 0;
}

.popGnb .in .gnbList .subGnb li a {
    display: block;
    position: relative;
    padding-left: 17px;
}

.popGnb .in .gnbList .subGnb li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background: #e5e5e5;
    border-radius: 50%;
}

.popGnb .in .gnbList .subGnb li.active a:after {
    background: #8831ff;
}

.popGnb .in .btnCafe {
    position: absolute;
    left: 74px;
    bottom: 30px;
}

body.popGnbOpen .popGnb {
    transform: translate(0, 0);
}

.btnMenu {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 100;
}

.btnMenu a {
    display: block;
    width: 55px;
    height: 100px;
    text-indent: -999em;
    background: url('/images/btnMenu.png') no-repeat;
}

/*.subLogo {position: absolute; left:404px; top:20px; z-index: 20;}*/

/* fullVideo */
.fullBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.fullBox:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: url('/images/section1/mainBg.png') no-repeat;
    background-size: cover;
}

/*.fullBox:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 12; background:url('/images/bg/keyvisual_pattern.png') repeat; background-size:cover;}*/
.fullBox .fullTit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    font-weight: bold;
    font-size: 100px;
    color: #fff;
    text-align: center;
}

.fullBox .fullTit:before {
    content: '';
    display: block;
    position: relative;
    height: 40%;
}

.fullBox video {
    position: absolute;
    background: #000;
    z-index: 10;
}

.main {
    overflow: hidden;
}

.mainPop {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 338px;
    margin: -240px 0 0 -138px;
    text-align: center;
    z-index: 50;
}

.mainPop .logo {
    margin-bottom: 27px;
    transition: 1s all;
    transform: translate(0, 100px);
    opacity: 0;
}

.mainPop .btnPlay {
    margin-bottom: 52px;
    transition: 1s all;
    transform: translate(0, -30px);
    opacity: 0;
}

.mainPop .btnReserv {
    margin-bottom: 20px;
    transition: 1s all;
    transform: translate(0, -70px);
    opacity: 0;
}


.mainPop .info {
    transition: 1s all;
    transform: translate(0, -70px);
    opacity: 0;
}

.mainLoad .mainPop .logo {
    transform: translate(0, 0);
    opacity: 1;
}

.mainLoad .mainPop .btnPlay {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 400ms;
}

.mainLoad .mainPop .btnReserv {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 700ms;
}

.mainLoad .mainPop .info {
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 900ms;
}



.wrap2 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.wrap2-box {
    position: relative;
    margin: auto;
    font-size: 50px;
    margin-top: 200px;
    display: inline-block;
}


.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 12%;
    width: 100%;
    background: url("/images/section6/footer.png") no-repeat center;
    background-color: #d6d5d7;
    z-index: 100;
}


/*.btnScroll {position: absolute; right:90px; bottom:50px; z-index: 100;}*/
.btnScroll {
    position: absolute;
    left: 50.6%;
    bottom: 5px;
    z-index: 300;
    width: 40px;
    height: 50px;
    background: url(/images/mac-scroll.png) center no-repeat;
}

/*.btnScroll::after {position:absolute;left:0;bottom:0;width:100%;height:15px;background-image:url(https://nxm-mt.akamaized.net/Contents/kaiser.nexon.com/update2/images/btn-scroll-arrow.png);content:"";animation:bounce-scroll 1s ease-in-out infinite;}*/

.btnScroll a {
    display: block;
    height: 138px;
    width: 12px;
}

.btnScroll a span {
    display: block;
    text-indent: -999em;
    height: 45px;
}

.btnScroll a em {
    position: absolute;
    left: 50%;
    top: -74px;
    width: 1px;
    height: 45px;
    background: #b8bdd0;
    animation-name: btnScroll;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

/*.btnScroll a em:after{content:''; position: absolute; left:50%; margin-left:-6px; bottom:-11px; width: 11px; height: 11px; background:url('/images/ico_scroll.png') no-repeat;}*/
.btnScroll.none a {
    cursor: default;
}

.section.character[data-character-index="4"] .btnScroll {
    display: none;
}

@keyframes btnScroll {
    from {
        height: 20px;
    }
    to {
        height: 68px;
    }
}

.white.btnScroll a span {
    background: url('/images/titScroll2.png') center no-repeat;
}

.white.btnScroll a em {
    background: #fff;
}

.white.btnScroll a em:after {
    background: url('/images/ico_scroll2.png') center no-repeat;
}

.bgMask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bgMask span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.reserv .bgMask span.no1 {
    background: url('/images/sub/bgReserv01.png') left center no-repeat;
    left: -50px;
    z-index: 1;
}

.reserv .bgMask span.no2 {
    background: url('/images/sub/bgReserv02.png') left center no-repeat;
    z-index: 2;
}

.reserv .bgMask span.no3 {
    background: url('/images/sub/bgReserv03.png') left center no-repeat;
}

.section.reserv {
    background: #f9f9f9;
}

.reservWrap {
    position: absolute;
    /*left: 50%;*/
    /*top: 50%;*/
    /*margin: -388px 0 0 -397px;*/
    z-index: 100;
    width: 910px;
}

.reservWrap:after {
    content: '';
    display: block;
    clear: both;
}

.reservWrap .leftText {
    float: left;
    padding: 40px 0 0 0;
}

.reservWrap .leftBox {
    float: left;
    /*width: 585px;*/
    margin-top: 186px;
    margin-left: -582px;
}

.reservWrap .leftBox .deviceWrap {
    margin-bottom: 22px;
    text-align: left;
}

.reservWrap .leftBox .deviceWrap .first {
    margin-right: 75px;
}

.reservWrap .leftBox .deviceWrap .first img {
    position: relative;
    top: -1px
}

.reservWrap .leftBox .deviceWrap .app {
    padding-left: 37px;
}

.reservWrap .leftBox .deviceWrap .app img {
    position: relative;
    top: -1px
}

.reservWrap .leftBox .deviceWrap input {
    position: absolute;
    visibility: hidden;
}

.reservWrap .leftBox .deviceWrap label {
    position: relative;
    padding-left: 42px;
    display: inline-block;
    vertical-align: top;
}

.reservWrap .leftBox .deviceWrap label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 23px;
    height: 22px;
    background: url('/images/sub/radioOff.png') no-repeat;
}

.reservWrap .leftBox .deviceWrap input:checked + label:after {
    background: url('/images/sub/radioOn.png') no-repeat;
}

/*
.reservWrap .leftBox .phonWrap {height: 80px; background: #fff; margin-bottom:15px;}
.reservWrap .leftBox .phonWrap:after {content:''; display:block; clear:both;}
.reservWrap .leftBox .phonWrap .selectBox {float:left; padding:26px 20px 0 30px;}
.reservWrap .leftBox .phonWrap .numberBox {float:left; width:250px;}
.reservWrap .leftBox .phonWrap .numberBox input {height:80px; width: 100%; background:#fff;; border:none; outline:none; font-size: 40px; line-height:40px; font-weight:700; color:#404d5b;}
.reservWrap .leftBox .phonWrap .numberBox ::-ms-input-placeholder { transform: scale(0.6); transform-origin:left center;}
.reservWrap .leftBox .phonWrap .numberBox ::-webkit-input-placeholder {  font-size: 22px; color:#8990af; font-weight: normal; line-height:70px; position: relative; top:-7px;}
.reservWrap .leftBox .phonWrap .numberBox :-moz-placeholder {  font-size: 22px; color:#8990af; opacity: 1; font-weight: normal; line-height:22px; }
.reservWrap .leftBox .phonWrap .numberBox ::-moz-placeholder {  font-size: 22px; color:#8990af; opacity: 1; font-weight: normal; line-height:70px;}
.reservWrap .leftBox .phonWrap .numberBox :-ms-input-placeholder { font-size: 22px; color:#8990af; font-weight: normal; line-height:22px;  }
*/

.reservWrap .leftBox .agreeList {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}

.reservWrap .leftBox .agreeList input {
    position: absolute;
    visibility: hidden;
}

.reservWrap .leftBox .agreeList label {
    position: relative;
    padding-left: 29px;
    padding-top: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.reservWrap .leftBox .agreeList label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #404d5b
}

.reservWrap .leftBox .agreeList input:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: no-repeat 3px 3px url(/images/sub/cmmChkActive.png);
}

.reservWrap .leftBox .agreeList a {
    display: inline-block;
    vertical-align: middle;
}

.reservWrap .leftBox .agreeList li + li {
    margin-top: 10px;
}

.reservWrap .leftBox label img {
    pointer-events: none
}

/*
.reservWrap .leftBox .checkNumber {margin-bottom: 20px;}
.reservWrap .leftBox .checkNumber:after {content:''; display:block; clear:both;}
.reservWrap .leftBox .checkNumber .telBox{float:left; width: 260px; height: 43px;}
.reservWrap .leftBox .checkNumber .telBox input {text-align: center; height:43px; width: 100%; background:#eaeaea;; border:none; outline:none; font-size: 30px; line-height:43px; font-weight:700; color:#8990af;}
.reservWrap .leftBox .checkNumber .telBox ::-ms-input-placeholder { transform: scale(0.6); transform-origin:center center;}
.reservWrap .leftBox .checkNumber .telBox ::-webkit-input-placeholder {  font-size: 22px; color:#8990af; font-weight: normal; line-height:40px; position: relative; top:-4px;}
.reservWrap .leftBox .checkNumber .telBox :-moz-placeholder {  font-size: 22px; color:#8990af; opacity: 1; font-weight: normal; line-height:22px; }
.reservWrap .leftBox .checkNumber .telBox ::-moz-placeholder {  font-size: 22px; color:#8990af; opacity: 1; font-weight: normal; line-height:40px; }
.reservWrap .leftBox .checkNumber .telBox :-ms-input-placeholder { font-size: 22px; color:#8990af; font-weight: normal; line-height:22px;  }
.reservWrap .leftBox .checkNumber a {float:left; margin:11px 0 0 20px;}
*/

.reservWrap .leftBox .btnReserv {
    margin-bottom: 10px;
    display: flex;
}

.reservWrap .leftBox .btnGoogle {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}

.reservWrap .leftBox .btnGoogle .tp {
    padding-top: 115px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.reservWrap .leftBox .btnGoogle .tp:after {
    content: '';
    width: 100%;
    height: 115px;
    background: no-repeat center top;
    position: absolute;
    left: 0;
    top: 0;
}

.reservWrap .leftBox .btnGoogle .tp + .tp {
    margin-left: 14px;
}

.reservWrap .leftBox .btnReserv .googlebox {
    margin-top: 29px;
    margin-left: 28px;
}

.reservWrap .reserTxt001 {
    display: block;
    text-align: left;
    margin-bottom: 15px;
}

.reservWrap .reserTxt002 {
    margin-bottom: 10px;
}

.reservWrap .rightBox {
    position: absolute;
    width: 100%;
    left: -198px;
    top: 76px;
}

.section.party {
    background-size: cover;
}

.partyWrap {
    position: absolute;
    /*left: 50%;*/
    /*margin: -315px 0 0 -362px;*/
    /*width: 724px;*/
    /*top: 50%;*/
    transform: translate(0, -50%);
    z-index: 10;
    text-align: center;
}

.partyWrap .btn {
    margin: 35px 0;
}

.partyWrap .inner-cont-wrap {
    position: absolute;
    /*left: 50%;*/
    /*top: 90px;*/
    /*width: 1200px;*/
    height: 100%;
    margin-left: -566px;
}

.partyWrap .inner-cont-wrap .deco-holder {
    position: absolute;
    left: -110px;
    top: 58px;
}

.partyWrap .inner-cont-wrap .txt-obj-holder {
    /*margin-top: -91px;*/
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul {
    position: relative;
    width: 1196px;
    height: 458px;
    margin: 0 auto;
    transform: translate(0, 0);
    opacity: 1;
    transition-delay: 400ms;
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li {
    position: absolute;
    left: 0;
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li.last-child {
    right: 0;
    left: auto;
    margin-top: -15px;
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li .img-holder {
    margin-top: -573px;
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li .btn-play-holder {
    position: absolute;
    left: 50%;
    top: 47%;
    margin: -54.5px 0 0 -54.5px;
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li .txt-holder {
    text-align: center;
    left: 48px;
    margin-top: 477px;
    color: #fff;
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li .txt-holder h3 {
    color: #fff;
    transform: skew(-0.001deg)
}

.partyWrap .inner-cont-wrap .txt-obj-holder ul li .txt-holder p {
    font-size: 16px;
    line-height: 22px;
}

.section.quest {
    background: #f8f8f9;
}

@media (max-width: 768px) {
    .subLogo {
        position: absolute;
        left: 2%;
        top: 20px;
        z-index: 20;
    }

    .nav {
        position: relative;
        width: 883px;
        height: 100%;
        margin: 0 auto;
    }

    .nav li {
        float: left;
        width: 170px;
        height: 100%;
    }

    .community {
        position: absolute;
        right: 2%;
        top: 0;
        width: 140px;
        height: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .subLogo {
        position: absolute;
        left: 3%;
        top: 20px;
        z-index: 20;
    }

    .nav {
        position: relative;
        width: 640px;
        height: 100%;
        margin: 0 auto;
    }

    .nav li {
        float: left;
        width: 160px;
        height: 100%;
    }

    .community {
        position: absolute;
        right: 3%;
        top: 0;
        width: 140px;
        height: 100%;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .subLogo {
        position: absolute;
        left: 4%;
        top: 20px;
        z-index: 20;
    }

    .nav {
        position: relative;
        width: 640px;
        height: 100%;
        margin: 0 auto;
    }

    .nav li {
        float: left;
        width: 160px;
        height: 100%;
    }

    .community {
        position: absolute;
        right: 4%;
        top: 0;
        width: 140px;
        height: 100%;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .subLogo {
        position: absolute;
        left: 7%;
        top: 20px;
        z-index: 20;
    }

    .nav {
        position: relative;
        width: 745px;
        height: 100%;
        margin: 0 auto;
    }

    .nav li {
        float: left;
        width: 186px;
        height: 100%;
    }

    .community {
        position: absolute;
        right: 7%;
        top: 0;
        width: 140px;
        height: 100%;
        text-align: center;
    }
}

@media (min-width: 1600px) {
    .subLogo {
        position: absolute;
        left: 15%;
        top: 20px;
        z-index: 20;
    }

    .nav {
        position: relative;
        width: 885px;
        height: 100%;
        margin: 0 auto;
    }

    .nav li {
        float: left;
        width: 221px;
        height: 100%;
    }

    .community {
        position: absolute;
        right: 15%;
        top: 0;
        width: 140px;
        height: 100%;
        text-align: center;
    }
}

@media all and (min-width: 1921px) {
    .section.quest .bgMask .no2 {
        left: 300px
    }
}

@media all and (max-width: 1500px) {
    .btnScroll {
        right: 30px;
        bottom: 20px;
    }
}

@media all and (max-width: 1280px) {
    body {
    }
}

@media all and (max-height: 940px) {
    .reservPop .popIn {
        transform: scale(.88);
    }

    .nameInfoWrap {
        transform: scale(.9) translate(0, -50%);
    }

    .nameWrap {
        transform: scale(.95) translate(0, -46%);
    }

    .wrap2{
        transform: scale(.9);
    }

    .wrap2-box {
        margin-top: 170px;
    }

    .reservWrap{
        transform: scale(.9);
        top: -66px;
        left: -43px;
    }

    .partyWrap{
        transform: scale(.8);
    }

    .partyWrap .inner-cont-wrap .txt-obj-holder ul{
        top: -32px;
    }

    .section04 .wrap2-box {
        margin-top: 117px;
    }

    .section05 .wrap2-box {
        margin-top: 117px;
    }

    .section06 .container-slider{
        transform: scale(.9);
    }

    .section04 .container-slider {
        margin-top: -27px;
    }

    .section05 .container-slider {
        margin-top: -27px;
    }

    .section04 .carousel-inner{
        transform: scale(.9);
        top: -25px;
    }

    .section05 .carousel-inner {
        transform: scale(.9);
        top: -25px;
    }

    .section04 .background-img {
        transform: scale(.9);
    }

    #myCarousel3 {
        transform: scale(.9);
        top: -117px;
    }

    .footer {
        height: 11%;
        background-size: 85%;
    }
}

@media all and (max-height: 870px) {
    .mainPop {
        transform: scale(.8);
    }

    .reservPop .popIn {
        transform: scale(.8);
    }

    .headTop {
        transform: scale(.8);
        transform-origin: right top;
    }



    .popGnb .in .logo {
        transform: scale(.8);
        transform-origin: left top;
    }

    .btnCafe {
        transform: scale(.8);
    }

    .youtubePop .popIn {
        transform: scale(.8);
    }

    #popupAlert .popIn {
        transform: scale(.7);
    }

    .contentPop .popIn {
        transform: scale(.7);
    }

    .eventPop .popIn {
        transform: scale(.8);
    }



    .reservPop .popIn .reservWrap {
        transform: scale(1);
        transform-origin: center center;
    }

    .nameInfoWrap {
        transform: scale(.8) translate(0, -50%);
        transform-origin: right top;
    }

    .partyWrap {
        transform: scale(.8) translate(0, -50%);
        transform-origin: left top;
    }

    .cafeWrap {
        transform: scale(.8) translate(0, -50%);
        transform-origin: center top;
    }

    .section.cafe .lastInfo {
        transform: scale(.8);
        transform-origin: left bottom;
    }

    #charWrap .chaBox .chaInner {
        transform: scale(.85) translate(0, -43%);
        transform-origin: right top;
        margin-left: -740px
    }

    .pagingNum {
        transform: scale(.85);
        transform-origin: right center;
        margin-top: -195px;
        right: 20px;
    }

    .asideSectionWrap {
        transform: scale(.85);
        transform-origin: right center;
    }

    .btnScroll {
        transform: scale(.85);
        transform-origin: right bottom;
    }

    .mediaWrap {
        min-height: 890px;
    }

    .mediaWrap .mediaContent {
        transform: scale(.85);
        margin-left: -170px;
        margin-top: -260px;
        transform-origin: right top;
    }

    .mediaWrap .bgCha {
        background-size: 100%;
    }

    .popGnb .in .gnbList {
        transform: scale(.9) translate(0, -50%);
        transform-origin: center top;
    }

    .wrap2{
        transform: scale(.8);
    }

    .wrap2-box {
        margin-top: 170px;
    }

    .reservWrap{
        transform: scale(.8);
        top: -116px;
        left: -82px;
    }

    .partyWrap{
        transform: scale(.65);
    }

    .partyWrap .inner-cont-wrap .txt-obj-holder ul{
        top: -52px;
    }


    .section04 .wrap2-box {
        margin-top: 73px;
    }

    .section05 .wrap2-box {
        margin-top: 73px;
    }

    .section04 .container-slider {
        margin-top: -35px;
    }

    .section05 .container-slider {
        margin-top: -35px;
    }

    .section04 .carousel-inner{
        transform: scale(.9);
        top: -25px;
    }

    .section05 .carousel-inner {
        transform: scale(.9);
        top: -25px;
    }
    .section04 .background-img {
        transform: scale(.9);
    }
    #myCarousel3 {
        transform: scale(.8);
        top: -163px;
    }

    .footer {
        height: 10%;
        background-size: 75%;
    }
}

@media all and (max-height: 800px) {
    .mainPop {
        transform: scale(.7);
        top: 54%;
    }

    .reservPop .popIn {
        transform: scale(.7);
    }

    .headTop {
        transform: scale(.75);
        transform-origin: right top;
    }



    .popGnb .in .logo {
        transform: scale(.75);
        transform-origin: left top;
    }

    .btnCafe {
        transform: scale(.75);
    }

    .youtubePop .popIn {
        transform: scale(.7);
    }

    .eventPop .popIn {
        transform: scale(.7);
    }

    .reservWrap {
        transform: scale(.7);
        transform-origin: left center;
    }

    .nameInfoWrap {
        transform: scale(.7) translate(0, -50%);
        transform-origin: right top;
        margin-left: -500px;
    }

    .nameWrap {
        left: 37%;
        transform: scale(.8) translate(0, -56%);
    }

    .cafeWrap {
        transform: scale(.7) translate(0, -50%);
        transform-origin: center top;
    }

    .section.cafe .lastInfo {
        transform: scale(.7);
        transform-origin: left bottom;
    }

    #charWrap .chaBox .chaInner {
        transform: scale(.7) translate(0, -43%);
        transform-origin: right top;
        margin-left: -740px
    }

    #charWrap .chaBox.no5 .chaInner {
        transform: scale(.8) translate(-39%, -50%);
        transform-origin: center top;
    }

    .pagingNum {
        transform: scale(.7);
        transform-origin: right center;
        margin-top: -195px;
        right: 20px;
    }

    .asideSectionWrap {
        transform: scale(.7);
        transform-origin: right center;
    }

    .btnScroll {
        transform: scale(.7);
        transform-origin: right bottom;
    }

    .mediaWrap {
        min-height: 800px;
    }

    .mediaWrap .mediaContent {
        transform: scale(.75);
        margin-left: -340px;
        margin-top: -240px;
    }

    .mediaWrap .bgCha {
        background-size: 100%;
    }

    .popGnb .in .gnbList {
        transform: scale(.7) translate(0, -50%);
        transform-origin: center top;
    }


    .wrap2{
        transform: scale(.7);
    }

    .wrap2-box {
        margin-top: 170px;
    }

    .reservWrap{
        transform: scale(.7);
        top: -160px;
        left: 17px;
    }

    .partyWrap{
        transform: scale(.6);
    }

    .partyWrap .inner-cont-wrap .txt-obj-holder ul{
        top: -62px;
    }

    .section04 .wrap2-box {
        margin-top: 0;
    }

    .section05 .wrap2-box {
        margin-top: 0;
    }

    .section04 .wrap2-box {
        margin-top: 28px;
    }

    .section05 .wrap2-box {
        margin-top: 28px;
    }

    .section04 .container-slider {
        margin-top: -35px;
    }

    .section05 .container-slider {
        margin-top: -35px;
    }
    .section04 .carousel-inner{
        transform: scale(.9);
        top: -25px;
    }

    .section05 .carousel-inner {
        transform: scale(.9);
        top: -25px;
    }
    .section04 .background-img {
        transform: scale(.9);
    }
    #myCarousel3 {
        transform: scale(.7);
        top: -198px;
    }

    .footer {
        height: 10%;
        background-size: 60%;
    }

}

@media all and (max-height: 700px) {
    .headTop {
        transform: scale(.7);
        transform-origin: right top;
    }



    .popGnb .in .logo {
        transform: scale(.7);
        transform-origin: left top;
    }

    .btnCafe {
        transform: scale(.7);
    }

    .reservPop .popIn {
        transform: scale(.57);
    }

    .nameInfoWrap {
        transform: scale(.65) translate(0, -50%);
    }

    .nameWrap {
        left: 32%;
        transform: scale(.7) translate(0, -62%);
    }

    .partyWrap {
        left: 28%;
        transform: scale(.65) translate(0, -50%);
        transform-origin: left top;
    }

    .cafeWrap {
        transform: scale(.65) translate(0, -50%);
        transform-origin: center top;
    }

    .section.cafe .lastInfo {
        transform: scale(.65);
        transform-origin: left bottom;
    }

    #charWrap .chaBox .chaInner {
        transform: scale(.65) translate(0, -41%);
        transform-origin: right top;
        margin-left: -640px
    }

    #charWrap .chaBox.no5 .chaInner {
        transform: scale(.7) translate(-40%, -50%);
        transform-origin: center top;
    }

    #charWrap .chaBox .bg div.no2 {
    }

    .mediaWrap {
        min-height: 700px;
    }

    .mediaWrap .mediaContent {
        transform: scale(.65);
        margin-left: -340px;
        margin-top: -220px;
    }

    .mediaWrap .bgCha {
        background-size: 100%;
        background-position: -50px;
    }

    .popGnb .in .gnbList {
        transform: scale(.6) translate(0, -50%);
        transform-origin: center top;
    }

    .wrap2{
        transform: scale(.6);
    }

    .wrap2-box {
        margin-top: 170px;
    }

    .reservWrap{
        transform: scale(.6);
        top: -200px;
        left: 19px;
    }
    .partyWrap{
        transform: scale(.55);
    }

    .partyWrap .inner-cont-wrap .txt-obj-holder ul{
        top: -82px;
    }

    .section04 .wrap2-box {
        margin-top: -6px;
    }

    .section05 .wrap2-box {
        margin-top: -6px;
    }

    .section04 .container-slider {
        margin-top: -35px;
    }

    .section05 .container-slider {
        margin-top: -35px;
        transform: scale(.8);
    }
    .section04 .carousel-inner{
        transform: scale(.9);
        top: -25px;
    }

    .section05 .carousel-inner {
        transform: scale(.9);
        top: -25px;
    }
    .section04 .background-img {
        transform: scale(.9);
    }

    #myCarousel3 {
        transform: scale(.6);
        top: -239px;
    }

    .footer {
        height: 10%;
        background-size: 60%;
    }
}

.section.quest .bgMask .no3 {
    /*background: url('/images/sub/bgQuest3.jpg') center no-repeat;*/
    z-index: 1;
    left: -50px
}

.questWrap {
    position: absolute;
    left: 50%;
    margin-left: -570px;
    width: 1140px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    text-align: center;
}

.questWrap:after {
    content: '';
    display: block;
    clear: both;
}

.questWrap .tit {
    float: left;
    text-align: center;
    padding-top: 25px;
    width: 450px;
    position: relative;
    z-index: 10;
}

.questWrap .tit img {
    margin-bottom: 35px;
    display: inline-block;
}

.questWrap .mediaList {
    float: right;
    text-align: center;
    width: 640px;
    position: relative;
    z-index: 10;
}

.questWrap .mediaList:after {
    content: '';
    display: block;
    clear: both;
}

.questWrap .mediaList li {
    float: left;
    margin: 0 0 20px 20px;
}

.questWrap .mediaList li a {
    display: block;
    position: relative;
    border: 1px solid #7469dd;
    border-bottom: 5px solid #7469dd;
}

.questWrap .mediaList li a .img {
    display: block;
    overflow: hidden;
}

.questWrap .mediaList li a .img img {
    position: relative;
    transition: .3s all;
    transform: scale(1);
}

.questWrap .mediaList li a .tit {
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    text-align: center;
}

.questWrap .mediaList li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 22px;
    background: url('/images/sub/ico_media01.png') center top no-repeat;
}

.questWrap .mediaList li a:before {
    content: '';
    position: absolute;
    right: 27px;
    bottom: 18px;
    width: 49px;
    height: 49px;
    background: url('/images/sub/ico_media02.png') center top no-repeat;
    z-index: 10;
}

.questWrap .mediaList li a:hover .img img {
    transform: scale(1.1) rotate(0.0001deg);
}

.section.quest .particle span {
    position: absolute;
    z-index: 8;;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.section.quest .particle span.no1 {
    left: -400px;
    bottom: 0;
    width: 459px;
    height: 275px;
    background: url('/images/sub/bgQuest03_03.png') no-repeat;
    animation-name: fly01
}

.section.quest .particle span.no2 {
    left: 352px;
    top: -142px;
    width: 511px;
    height: 275px;
    background: url('/images/sub/bgQuest03_04.png') no-repeat;
    animation-name: fly02
}

@keyframes fly01 {
    from {
        transform: translate(0, -30px)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes fly02 {
    from {
        transform: translate(0, 30px)
    }
    to {
        transform: translate(0, 0)
    }
}

@keyframes fly03 {
    from {
        transform: translate(0, -30px)
    }
    to {
        transform: translate(0, 0)
    }
}

.pagingNum {
    position: absolute;
    right: 52px;
    top: 50%;
    margin-top: -285px;
    width: 47px;
    height: 47px;
    text-align: center;
    font-size: 0;
    z-index: 30;
}

.pagingNum:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/images/sub/titChaNumArrow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}

.pagingNum .front {
    position: relative;
    float: left;
}

.pagingNum .last {
    position: relative;
    float: right;
    padding-top: 33px;
}

.asideSectionWrap {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -183px;
    text-align: right;
    font-size: 0;
    z-index: 30;
    min-height: 366px;
}

.asideSectionWrap .tp {
    display: none;
    width: 134px;
}

.asideSectionWrap .tp.tp0 {
    display: block;
}

#charWrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 500%;
    height: 100%;
}

#charWrap .chaBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#charWrap .chaBox.no2 {
    left: 20%;
}

#charWrap .chaBox.no3 {
    left: 40%;
}

#charWrap .chaBox.no4 {
    left: 60%;
}

#charWrap .chaBox.no5 {
    left: 80%;
}

#charWrap .chaBox .chaInner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0, -50%);
    margin-left: -800px;
    width: 515px;
    z-index: 50;
}

#charWrap .chaBox .chaInner .tit01 {
    margin-bottom: 30px;
    transition: .5s all;
    transform: translate(0, -50px);
    opacity: 0;
}

#charWrap .chaBox .chaInner .movieBox {
    margin-bottom: 85px;
    transition: .5s all;
    transform: translate(0, -50px);
    opacity: 0;
    transition-delay: 200ms;
}

#charWrap .chaBox .chaInner .movieBox a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 349px;
    height: 215px;
}

#charWrap .chaBox .chaInner .movieBox a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 349px;
    height: 215px;
    background: url('/images/sub/bgChaFrame.png') no-repeat;
}

#charWrap .chaBox .chaInner .movieBox a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
    z-index: 10;
    background: url('/images/sub/btnChaPlay.png') no-repeat;
}

#charWrap .chaBox .chaInner .movieBox a img {
    transition: .3s all;
}

#charWrap .chaBox .chaInner .movieBox a:hover img {
    transform: scale(1.1) rotate(0.0001deg);
}

#charWrap .chaBox.no5 .chaInner {
    width: 950px;
    margin-left: 0;
    transform: translate(-30%, -50%);
    margin-top: 50px;
}

#charWrap .chaBox.no5 .tit01 {
    text-align: center;
}

#charWrap .chaBox .chaInner .movieBoxWrap {
    text-align: center;
    width: 100%;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp:hover .thumb {
    transform: scale(1.1) rotate(0.0001deg)
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp .int {
    display: block;
    position: relative;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp .int:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/sub/movieFrame.png) no-repeat left top;
    background-size: cover;
    z-index: 2;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp .int:before {
    content: '';
    width: 44px;
    height: 44px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: url(/images/sub/btnChaPlay.png) no-repeat left top;
    background-size: cover;
    z-index: 2;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp .txt {
    position: absolute;
    left: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all .6s;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp .hover {
    position: absolute;
    left: 50%;
    top: 50%;
    top: calc(50% + 10px);
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: all .6s;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp .thumb {
    transition: .3s all;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp {
    display: inline-block;
    vertical-align: top;
    margin: 8px 10px;
    width: 291px;
    height: 269px;
    overflow: hidden;
    transition: all .6s;
    opacity: 0;
    transform: translateY(50px);
    transition-delay: .2s
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0;
    transition: all .6s;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp:hover:after {
    opacity: 1;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp:hover .hover {
    top: 50%;
    opacity: 1;
}

#charWrap .chaBox .chaInner .movieBoxWrap .tp:hover .txt {
    opacity: 0;
}

#charWrap .chaBox .chaInner .movieBoxWrap .movieBoxTxt {
    transition: all .6s;
    opacity: 0;
    transform: translateY(50px);
    transition-delay: .2s;
    margin-top: 15px;
}

/* #charWrap .chaBox .chaInner .movieBoxWrap .tp.tp0{transition-delay: 0s}
#charWrap .chaBox .chaInner .movieBoxWrap .tp.tp1{transition-delay: .2s}
#charWrap .chaBox .chaInner .movieBoxWrap .tp.tp2{transition-delay: .4s}
#charWrap .chaBox .chaInner .movieBoxWrap .tp.tp3{transition-delay: .6s} */
#charWrap .chaBox.active .chaInner .movieBoxWrap .tp {
    opacity: 1;
    transform: translate(0, 0);
}

#charWrap .chaBox.active .chaInner .movieBoxWrap .movieBoxTxt {
    opacity: 1;
    transform: translate(0, 0);
}

.section.character.tp4 .asideSectionWrap .tp.tp0 {
    display: none;
}

.section.character.tp4 .pagingNum {
    display: none;
}

.section.character.tp4 .asideSectionWrap .tp.tp1 {
    display: block;
}

#charWrap .chaBox .chaInner .chaPaging {
    transition: .5s all;
    position: relative;
    transform: translate(0, 50px);
    opacity: 0;
    transition-delay: 300ms;
}

#charWrap .chaBox .chaInner .chaPaging ul:after {
    content: '';
    display: block;
    clear: both;
}

#charWrap .chaBox .chaInner .chaPaging ul li {
    float: left;
    margin-left: 10px;
}

#charWrap .chaBox .chaInner .chaPaging ul li:first-child {
    margin-left: 0;
}

#charWrap .chaBox .chaInner .chaPaging ul li a {
    display: block;
    width: 96px;
    height: 85px;
    text-indent: -999em;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no1 a {
    background: url('/images/sub/btnChaThumb01.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no2 a {
    background: url('/images/sub/btnChaThumb02.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no3 a {
    background: url('/images/sub/btnChaThumb03.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no4 a {
    background: url('/images/sub/btnChaThumb04.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no1.active a {
    background: url('/images/sub/btnChaThumb01_on.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no2.active a {
    background: url('/images/sub/btnChaThumb02_on.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no3.active a {
    background: url('/images/sub/btnChaThumb03_on.png') no-repeat;
}

#charWrap .chaBox .chaInner .chaPaging ul li.no4.active a {
    background: url('/images/sub/btnChaThumb04_on.png') no-repeat;
}

#charWrap .chaBox .bg div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

#charWrap .chaBox .bg div.cha {
    transition: .5s all;
    transform: translate(100px, 0) scale(1.1);
    opacity: 0;
}

#charWrap .chaBox.active .tit01 {
    transform: translate(0);
    opacity: 1;
}

#charWrap .chaBox.active .movieBox {
    transform: translate(0);
    opacity: 1;
}

#charWrap .chaBox.active .chaPaging {
    transform: translate(0);
    opacity: 1;
}

#charWrap .chaBox.active .bg div.cha {
    transform: translate(0) scale(1);
    opacity: 1;
}

#charWrap .chaBox.active .opercity {
    animation-name: chaBox01;
}

#charWrap .chaBox.no1 .bg div.no1 {
    /*  background: url('/images/sub/bgCha01.jpg') center no-repeat;*/
}

#charWrap .chaBox.no1 .bg div.no2 {
    /*  background: url('/images/sub/bgcha01.png') center no-repeat;*/
    z-index: 4;
}

#charWrap .chaBox.no1 .bg div.no3 {
    /* background: url('/images/sub/bgcha01_02.png') center no-repeat;*/
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#charWrap .chaBox.no1 .bg div.no5 {
    width: 1025px;
    left: 20%;
    height: 700px;
    /*     background: url('/images/sub/bgcha01_0222.png') center no-repeat;*/
    z-index: 3;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#charWrap .chaBox.no1 .bg div.no6 {
    /*  background: url('/images/sub/bgcha01_04.png') center no-repeat;*/
    z-index: 5;
}

#charWrap .chaBox.no2 .bg div.no1 {
    /*    background: url('/images/sub/bgCha02.jpg') center no-repeat;*/
}

#charWrap .chaBox.no2 .bg div.no2 {
    /*   background: url('/images/sub/bgcha02.png') center no-repeat;*/
    z-index: 4;
}

#charWrap .chaBox.no2 .bg div.no3 {
    /*   background: url('/images/sub/bgcha02_01.png') center no-repeat;*/
    z-index: 1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#charWrap .chaBox.no2 .bg div.no4 {
    /*     background: url('/images/sub/bgcha02_03.png') center no-repeat;*/
    z-index: 5;
}

#charWrap .chaBox.no3 .bg div.no1 {
    /*     background: url('/images/sub/bgCha03.jpg') center no-repeat;*/
}

#charWrap .chaBox.no3 .bg div.no2 {
    /*    background: url('/images/sub/bgcha03.png') center no-repeat;*/
    z-index: 4;
}

#charWrap .chaBox.no3 .bg div.no3 {
    /*   background: url('/images/sub/bgcha03_01.png') center no-repeat;*/
    z-index: 1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#charWrap .chaBox.no3 .bg div.no4 {
    /*    background: url('/images/sub/bgcha03_02.png') center no-repeat;*/
    z-index: 5;
}

#charWrap .chaBox.no4 .bg div.no1 {
    /*     background: url('/images/sub/bgCha04.jpg') center no-repeat;*/
}

#charWrap .chaBox.no4 .bg div.no2 {
    /*    background: url('/images/sub/bgcha04.png') center no-repeat;*/
    z-index: 4;
}

#charWrap .chaBox.no4 .bg div.no3 {
/*    background: url('/images/sub/bgcha04_01.png') center no-repeat;*/
    z-index: 1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#charWrap .chaBox.no4 .bg div.no4 {
/*    background: url('/images/sub/bgcha04_02.png') center no-repeat;*/
    z-index: 5;
}

#charWrap .chaBox.no5 .bg div.no1 {
/*    background: url('/images/sub/bgGizza.jpg') center no-repeat;*/
}

#charWrap .chaBox.no5 .bg div.no2 {
/*    background: url('/images/sub/bgGizza01.png') center no-repeat;*/
    z-index: 4;
}

#charWrap .chaBox.no5 .bg div.no3 {
/*    background: url('/images/sub/bgGizza02.png') center no-repeat;*/
    z-index: 1;
}

/* @keyframes chaBox01Scale  {
    from  {transform:scale(1.2)}
    to {transform:scale(1)}
} */

@keyframes chaBox01 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.mt01 {
    transition: 1s all;
    transform: translate(0, -50px);
    opacity: 0;
}

.mt02 {
    transition: 1s all;
    transform: translate(0, -50px);
    opacity: 0;
}

.mt03 {
    transition: 1s all;
    transform: translate(0, -50px);
    opacity: 0;
}

.mt04 {
    transition: 1s all;
    transform: translate(-50px, 0);
    opacity: 0;
}

.mt05 {
    transition: 1s all;
    transform: translate(50px, 0);
    opacity: 0;
}

.active .mt01 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 500ms;
}

.active .mt02 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 600ms;
}

.active .mt03 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 700ms;
}

.active .mt04 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 500ms;
}

.active .mt05 {
    transform: translate(0);
    opacity: 1;
    transition-delay: 600ms;
}

.mediaWrap {
    position: relative;
    height: 100vh;
    min-height: 1080px;
/*    background: #4e556b url('/images/sub/bgMedia.jpg') center no-repeat;*/
    background-size: cover;
    overflow: hidden;
}

.mediaWrap .bgCha {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
/*    background: url('/images/sub/bgMedia01.png') left bottom no-repeat;*/
    background-size: cover;
}

.mediaWrap .mediaHead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 0;
    transition: 1s all;
    opacity: 0;
}

.mediaWrap .mediaHead .tit01 {
    padding: 150px 0 19px 0;
    transition: 1s all;
    opacity: 0;
    transform: translate(0, -60px)
}

.mediaWrap .tit02 {
    transition: 1s all;
    opacity: 0;
    transform: translate(0, 60px)
}

.mediaWrap .mediaContent {
    position: absolute;
    z-index: 10;
    width: 816px;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 210px;
}

.mediaWrap .mediaContent .tit02 {
    text-align: center;
    display: block;
    margin-bottom: 25px;
    padding-right: 30px;
}

.mediaWrap .mediaContent ul:after {
    content: '';
    display: block;
    clear: both;
}

.mediaWrap .mediaContent ul {
    margin: 0 -5px;
    font-size: 0;
    overflow: hidden;
}

.mediaWrap .mediaContent ul li {
    width: 33.333%;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 5px;
}

.mediaWrap .mediaContent ul li a {
    display: block;
    position: relative;
    width: 256px;
    height: 191px;
    overflow: hidden;
    border: 1px solid #565656;
    background: #000;
}

.mediaWrap .mediaContent ul li a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
/*    background: url(/images/sub/mediaBlind.png) no-repeat left top;*/
    background-size: 100% 100%;
    z-index: 10;
}

.mediaWrap .mediaContent ul li a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;
    width: 76px;
    height: 76px;
/*    background: url('/images/btnMediaPlay.png') no-repeat;*/
    z-index: 10;
}

.mediaWrap .mediaContent ul li a span {
    display: block;
}

.mediaWrap .mediaContent ul li a .img {
    overflow: hidden;
}

.mediaWrap .mediaContent ul li a .img img {
    transition: .3s all;
}

.mediaWrap .mediaContent ul li a .text {
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 11;
    width: 100%;
}

.mediaWrap .mediaContent ul li a:hover .img img {
    transform: scale(1.1);
}

.scrollMedia {
    position: relative;
    height: 665px;
    overflow: hidden;
    padding-right: 30px;
    opacity: 0;
    transform: translate(0, 30px);
    transition: all .7s;
}

body.init .scrollMedia {
    opacity: 1;
    transform: translate(0, 0);
}

.scrollMedia .iScrollVerticalScrollbar {
    position: relative;
    width: 12px !important;
}

.scrollMedia .iScrollVerticalScrollbar:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    background: rgba(255, 255, 255, .2);
}

.scrollMedia .iScrollIndicator {
    width: 12px !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.34);
    background: #fff !important;
    cursor: pointer;
}

body.init .mediaWrap .mediaHead {
    height: 253px;
    opacity: 1;
}

body.init .mediaWrap .tit01 {
    transform: translate(0, 0);
    opacity: 1;
}

body.init .mediaWrap .tit02 {
    transform: translate(0, 0);
    opacity: 1;
}

.contentPop .bgAlert {
    width: 651px;
    height: 466px;
  /*  background: url('/images/bgAlert.png') no-repeat;*/
    text-align: center;
}

.contentPop .bgAlert2 {
    width: 654px;
    height: 706px;
/*    background: url('/images/popup/popBg02.png') no-repeat;*/
    text-align: center;
}

.loginText .tit01 {
    padding: 135px 0 8px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #434b6b;
}

.loginText .tit02 {
    font-size: 35px;
    color: #796bc2;
    font-weight: 600;
    line-height: 35px;
}

.btnBora {
    text-align: center;
    padding-top: 55px;
}

.btnBora a {
    display: inline-block;
    width: 180px;
    height: 63px;
    line-height: 63px;
    background: #7961e5;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}

.btnBora a:first-child {
    margin-right: 17px;
}

/* Event */
.eventPop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 400;
    display: none;
}

.eventPop .bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}

.eventPop .popIn {
    position: absolute;
    left: 0;
    top: 50%;
    min-width: 100px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    visibility: hidden;
    text-align: center;
}

.eventPop .popIn .content {
    display: inline-block;
    position: relative;
    width: 590px;
    height: 747px;
/*    background: url('/images/popup/popBg01.png') no-repeat;*/
}

.eventPop .popIn .content .contentList {
}

.eventPop .popIn .content .contentList .title {
    padding: 78px 0 5px 0;
}

.eventPop .popIn .content .contentList .title.one {
    padding: 78px 0 24px 0;
}

.eventPop .popIn .content .contentList .title img + img {
    margin-top: 6px;
}

.eventPop .popIn .content .bosang {
    margin-bottom: 11px;
}

.eventPop .popIn .content .bosang.two {
    text-align: left;
    padding-left: 108px;
}

.eventPop .popIn .content .eventList ul li {
    margin-bottom: 20px;
}

.eventPop .popIn .content .eventList ul li.btnReser {
    position: absolute;
    left: 80px;
    bottom: 70px;
    margin-bottom: 0;
}

.eventPop .popIn .content .btnLogout {
    position: absolute;
    right: 80px;
    bottom: 70px;
}

.eventPop .popIn .content .serverCha {
    display: inline-block;
    width: 432px;
    height: 78px;
    margin-bottom: 5px;
/*    background: url('/images/popup/popBg03.png') no-repeat left center;*/
    padding: 16px 0 0 19px;
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
}

.eventPop .popIn .content .serverCha p {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 9px;
}

.eventPop .popIn .content .serverCha p:after {
    content: '';
    display: block;
    clear: both;
}

.eventPop .popIn .content .serverCha p span {
    float: left;
    color: #7d7d7d;
    padding-left: 20px;
 /*   background: url('/images/popup/popIco01.png') left center no-repeat;*/
}

.eventPop .popIn .content .serverCha p em {
    float: left;
    color: #000000;
    margin-left: 8px;
}

.inviteWrap .tit01 {
    text-align: left;
    padding: 70px 0 20px 60px;
}

.inviteWrap .urlWrap {
 /*   background: url('/images/popup/popBg04.png') no-repeat;*/
    width: 535px;
    height: 131px;
    padding: 52px 0 0 18px;
    margin-bottom: 47px;
    display: inline-block;
}

.inviteWrap .urlWrap:after {
    content: '';
    display: block;
    clear: both;
}

.inviteWrap .urlWrap .ip {
    float: left;
    margin-right: 4px;
}

.inviteWrap .urlWrap .ip input {
    border: none;
    width: 404px;
    background: #fff;
    height: 58px;
    padding: 0 0 0 13px;
    font-size: 20px;
    color: #8990af;
}

.inviteWrap .urlWrap .btnCopy {
    float: left;
}

.inviteWrap .inviteNum {
    margin-bottom: 55px;
}

.inviteWrap .inviteNum p {
    display: inline-block;
    position: relative;
    padding: 0 55px;
    font-size: 26px;
    line-height: 26px;
    color: #7d7d7d;
    font-weight: 500;
}

.inviteWrap .inviteNum p span {
    font-weight: 700;
    color: #404d5b;
}

.inviteWrap .inviteNum p:after {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 31px;
    height: 11px;
   /* background: url('/images/popup/popIco02.png') no-repeat;*/
}

.inviteWrap .inviteNum p:before {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    width: 31px;
    height: 11px;
   /* background: url('/images/popup/popIco03.png') no-repeat;*/
}

.inviteWrap .inviteNum .tp.tp1 {
    color: #404d5b;
    display: none;
}

.inviteWrap .inviteNum .tp .c {
    color: #7961e5;
}

.cont04Complete .inviteWrap .inviteNum .tp.tp0 {
    display: none;
}

.cont04Complete .inviteWrap .inviteNum .tp.tp1 {
    display: inline-block;
}

.inviteWrap .btnInvite {
    margin-bottom: 40px;
}

.inviteWrap .btnInvite a {
    margin-left: 8px;
}

.inviteWrap .btnInvite a:first-child {
    margin-left: 0;
}

/* Alert */
#popupAlert {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none;
}

#popupAlert .bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}

#popupAlert .popIn {
    position: absolute;
    left: 0;
    top: 50%;
    min-width: 100px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    visibility: hidden;
    text-align: center;
}

#popupAlert .popIn .cell {
    display: inline-block;
    width: 651px;
    height: 466px;
    background: url('/images/bgAlert.png') no-repeat;;
    position: relative;
}

#popupAlert .popIn .verCenter {
    display: table;
    height: 466px;
    width: 100%;
    text-align: center;
}

#popupAlert .popIn .verCenter .alertText {
    display: table-cell;
    vertical-align: middle;
    color: #434b6b;
    font-size: 30px;
    font-weight: 600;
    padding: 0 10px;
    line-height: 45px;
}

#popupAlert .popIn .verCenter .alertText span {
    color: #796bc2;
}

#popupAlert .popIn .btnWrap {
    padding-bottom: 20px;
}

#popupAlert .popIn .btnWrap a {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #000;
    background: #fff;
    font-size: 20px;
}

.btnNone .btnWrap {
    display: none;
}

/* youtube Popup */
.youtubePop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none;
}

.youtubePop .bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}

.youtubePop .popIn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -370px;
    margin-left: -573px;
    padding-top: 86px;
    width: 1147px;
    height: 731px;
    min-width: 100px;
    box-sizing: border-box;
    z-index: 2;
    text-align: center;
}

.youtubePop .popIn .youtubeCont {
    position: relative;
    width: 1000px;
    height: 563px;
    margin: 0 auto;
    background: #000;
}

.youtubePop .popIn .youtubeCont iframe {
    width: 1000px;
    height: 563px;
}

.youtubePop .popIn:after {
    content: '';
    width: 554px;
    height: 16px;
    /*background: url(/images/mediaPopTxt01.png) no-repeat left top;*/
    position: absolute;
    left: 70px;
    bottom: 58px;
}

/* mediaPop Popup */
.mediaPop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none;
}

.mediaPop .bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}

.mediaPop .popIn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -430px;
    margin-left: -573px;
    width: 1147px;
    height: 857px;
    background: url('/images/sub/bgMediaPop.png') no-repeat;
    min-width: 100px;
    box-sizing: border-box;
    z-index: 2;
    text-align: center;
}

.mediaPop .popIn .tit {
    padding: 75px 0 23px 0;
    text-align: center;
}

.mediaPop .popIn .youtubeCont {
    position: relative;
    width: 1000px;
    height: 563px;
    margin: 0 auto;
    background: #000;
}

.mediaPop .popIn .youtubeCont iframe {
    width: 1000px;
    height: 563px;
}

.mediaPop .popIn .btnShare {
    text-align: center;
    padding-top: 20px;
    font-size: 0;
}

.mediaPop .popIn .btnShare a {
    margin-left: 14px;
}

.mediaPop .popIn .btnShare a:first-child {
    margin-left: 0;
}

.mediaPop .popIn:after {
    content: '';
    width: 554px;
    height: 16px;
    background: url(/images/mediaPopTxt01.png) no-repeat left top;
    position: absolute;
    left: 70px;
    bottom: 61px;
}

.cancelWrap {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: url('/images/sub/bgCancel.jpg') center no-repeat;
    background-size: cover;
}

.cancelWrap .cont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -396px;
    margin-top: -360px;
    width: 811px;
}

.cancelWrap .cont .tit01 {
    margin-bottom: 50px;
}

.cancelWrap .cont .telWrap {
    padding-bottom: 20px;
    width: 793px;
}

.cancelWrap .cont .telWrap .line {
    margin-bottom: 10px;
}

.cancelWrap .cont .telWrap .line:after {
    content: '';
    display: block;
    clear: both;
}

.cancelWrap .cont .telWrap .line .ip {
    float: left;
    width: 581px;
    position: relative;
    overflow: hidden;
    border: 2px solid #ced0d4;
}

.cancelWrap .cont .telWrap .line .ip:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 51px;
    background: url('/images/sub/titCancel06.png') no-repeat;
}

.cancelWrap .cont .telWrap .line .ip:before {
    content: '';
    position: absolute;
    right: 0;
    top: 2px;
    width: 20px;
    height: 51px;
    background: url('/images/sub/titCancel07.png') no-repeat;
}

.cancelWrap .cont .telWrap .line .ip input {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 51px;
    height: 51px;
    font-size: 20px;
    color: #8990af;
    border: none;
    background: none;;
    outline: none;
}

.cancelWrap .cont .telWrap .line a {
    float: right;
}

.cancelWrap .cont .agreeList {
    margin-bottom: 14px;
    text-align: left;
}

.cancelWrap .cont .tit02 {
    position: relative;;
}

.cancelWrap .cont .tr {
    position: absolute;
    right: 228px;
    width: 150px;
    height: 20px;
    bottom: 29px;
}

.cancelWrap .cont .agreeList input {
    position: absolute;
    visibility: hidden;
}

.cancelWrap .cont .agreeList label {
    position: relative;
    padding-left: 29px;
    padding-top: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.cancelWrap .cont .agreeList label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #404d5b
}

.cancelWrap .cont .agreeList input:checked + label:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 11px;
    height: 11px;
    background: #404d5b;
}

.cancelWrap .cont .telWrap .line .ip input::-ms-input-placeholder {
    transform: scale(0.6);
    transform-origin: center center;
}

.cancelWrap .cont .telWrap .line .ip input::-webkit-input-placeholder {
    font-size: 22px;
    color: #8990af;
    font-weight: normal;
    line-height: 50px;
    position: relative;
    top: 0px;
}

.cancelWrap .cont .telWrap .line .ip input:-moz-placeholder {
    font-size: 22px;
    color: #8990af;
    opacity: 1;
    font-weight: normal;
    line-height: 22px;
}

.cancelWrap .cont .telWrap .line .ip input::-moz-placeholder {
    font-size: 22px;
    color: #8990af;
    opacity: 1;
    font-weight: normal;
    line-height: 50px;
}

.cancelWrap .cont .telWrap .line .ip input:-ms-input-placeholder {
    font-size: 22px;
    color: #8990af;
    font-weight: normal;
    line-height: 22px;
}

.closePop {
    position: absolute;
    right: 64px;
    top: 59px;
    margin-top: -28px;
}

.closePop a {
    display: block;
    width: 56px;
    height: 56px;
    background: url('/images/popup/btn_pop_close.png') no-repeat;
    text-indent: -999em;
}

.closePop2 {
    position: absolute;
    right: 15px;
    top: 54px;
    margin-top: -28px;
}

.closePop2 a {
    display: block;
    width: 56px;
    height: 56px;
    background: url('/images/popup/btn_pop_close.png') no-repeat;
    text-indent: -999em;
}

/* Alert */
.contentPop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: none;
}

.contentPop .bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}

.contentPop .popIn {
    position: absolute;
    left: 0;
    top: 50%;
    min-width: 100px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    visibility: hidden;
    text-align: center;
}

.contentPop .popIn .content {
    display: inline-block;
    position: relative;
}

.contentPop .popIn .cont06 .tit02 {
    font-size: 31px;
}

/* @media all and (max-height:750px){
    .youtubePop,.contentPop {overflow-y:scroll}
    .youtubePop .popIn,.contentPop .popIn {position: relative; top:0; padding:80px 0; margin:0 !important;}
} */

/*배경작업*/
.section.reserv {
    background: #f9f9f9 url('/images/section2/section2Bg.png') no-repeat left top;
    background-size: cover;
}

.section.party {
    background: #f9f9f9 url('/images/section3/section3Bg.png') no-repeat left top;
    background-size: cover;
}

.section.section04 {
    background: #f9f9f9 url('/images/section4/section4Bg.png') no-repeat left top;
    background-size: cover;
}

.section.section05 {
    background: #f9f9f9 url('/images/section5/section5Bg.png') no-repeat left top;
    background-size: cover;
}

.section.section06 {
    background: #f9f9f9 url('/images/section6/section6Bg.png') no-repeat left top;
    background-size: cover;
}

/*header*/
#header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    min-width: 1200px;
    height: 120px;
    background-color: rgba(0, 0, 0, .3);
}

.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    border: 0;
}

.nav {
    position: relative;
    width: 885px;
    height: 100%;
    margin: 0 auto;
}

.nav ul {
    position: relative;
    width: 100%;
    height: 100%;
}

.nav ul::after {
    display: block;
    clear: both;
    content: "";
}

.nav li {
    float: left;
    width: 221px;
    height: 100%;
}

.nav li span {
    display: block;
    position: relative;
    width: 100%;
    height: 72%;
    top: 38px;
    font-size: 25px;
    text-align: center;
    color: white;
}

.nav li a:hover {
    display: block;
    position: relative;
    width: 100%;
    height: 72%;
    font-size: 25px;
    text-align: center;
}

.nav li a:hover::after {
    display: block;
    position: relative;
    width: 100%;
    height: 72%;
    font-size: 25px;
    text-align: center;
    color: #0084ff;
    text-decoration: underline;
}

.nav li a:active {
    display: block;
    position: relative;
    width: 100%;
    height: 72%;
    font-size: 25px;
    text-align: center;
    color: #0084ff;
    text-decoration: underline;
}

.nav li a span:hover {
    color: #0084ff;
    text-decoration: underline;
}

.nav li a span:hover::after {
    color: #0084ff;
    text-decoration: underline;
}

.nav li a span:active {
    color: #0084ff;
    text-decoration: underline;
}

/*.nav li a {display:block;position:relative;width:100%;height:100%; }*/
/*
.nav li:nth-child(2) a {background-position-x:-100%;}
.nav li:nth-child(3) a {background-position-x:-200%;}
.nav li a::after {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;content:"";transition:opacity .6s;}
.nav li:nth-child(2) a::after {background-position-x:-100%;}
.nav li:nth-child(3) a::after {background-position-x:-200%;}
.nav li.active a::after,
.nav li a:hover::after {opacity:1;transition:opacity 1s ease-in-out;}
*/
/*.community {position:absolute;right:400px;top:0;width:140px;height:100%;}*/
.community a {
    display: block;
    position: relative;
    float: left;
    width: 70px;
    height: 100%;
}

.community a:nth-child(2) {
    background-position-x: -100%;
}

.community a::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: "";
    transition: opacity .4s;
}

.community a:nth-child(2)::after {
    background-position-x: -100%;
}

.community a:hover::after {
    opacity: 1;
    transition: opacity .6s ease-in-out;
}

/*//header*/

/*section2*/
.second-form {
    width: 100%;
}

.second-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.second-form .input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.second-form .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
}

.second-form .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.second-form .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.second-form .input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.second-form .input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.second-form .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.second-form .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2;
}

.second-form .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.second-form .input-group-btn > .btn {
    position: relative;
}

.second-form .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.second-form .btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}

.second-form .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.second-form .second-form-btn-size {
    height: 59px;
    width: 276px;
}

.second-form.third-form {
    margin-top: -367px;
    left: 46px;
    position: relative;
}

.second-form.forth-form {
    margin-top: -367px;
    left: 0px;
    position: relative;
}

.image-center-align {
    display: inline-block;
    text-align: center;
}

.partyWrap .left-button {
    margin-top: -302px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button, select {
    text-transform: none;
}

button {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

/*//section2*/

/*section04*/

/*slider - test*/

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.container-slider {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container-slider {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-slider {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-slider {
        width: 1170px;
    }
}

.container-slider:before,
.container-slider:after {
    display: table;
    content: " ";
}

.container-slider:after {
    clear: both;
}

.container-slider {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container-slider {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-slider {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-slider {
        width: 1170px;
    }
}

.container-slider {
    /*background: #fff;*/
    text-align: center;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    /*color: #fff;*/
    text-align: center;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
    filter: alpha(opacity=50);
    /*opacity: 0;*/
}

.carousel-control.left {
    /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);*/
    /*background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);*/
    /*background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));*/
    /*background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);*/
    /*background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);*/
    /*background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));*/
    /*background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
    /*color: #fff;*/
    /*text-decoration: none;*/
    /*filter: alpha(opacity=90);*/
    outline: 0;
    opacity: 0.9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
}

#myCarousel {
    max-width: 1017px;
    width: 1017px;
    margin: 0 auto;
    /*background: #fff;*/
    margin-top: 50px;
}

#thumbCarousel {
    /*max-width: 650px;*/
    margin: 0 auto;
    overflow: hidden;
    /*background: #fff;*/
    padding: 10px 0;
    margin-bottom: 30px;
}

#thumbCarousel .thumb {
    float: left;
    margin-right: -5px;
    /*border: 1px solid #e6e6e6;*/
    /*background: #fff;*/
}

#thumbCarousel .thumb:last-child {
    margin-right: 0;
}

.thumb:hover {
    cursor: pointer;
}

.thumb img {
    opacity: 0.5;
}

/*.thumb img:hover{*/
/*opacity: 1;*/
/*background:url('/images/section4/flag-active.png') center no-repeat;*/
/*}*/

.thumb.active img {
    opacity: 1;
    /*border: 1px solid #808080;*/
    /*background:url('/images/section4/flag-active.png') center no-repeat;*/
}

.thumb .light-box {
    width: 97px;
    height: 70px;
}

.thumb.active .light-box {
    opacity: 1;
    /*border: 1px solid #808080;*/
    background: url('/images/section4/flag-active.png') center no-repeat;
    background-size: 207px 163px;
    border-radius: 12px;
}

.thumb .light-box:hover {
    opacity: 1;
    /*border: 1px solid #808080;*/
    /*background:url('/images/section4/flag-active.png') center no-repeat;*/
    /*background-size: 207px 163px;*/
}

.thumb .light-box img:hover {
    opacity: 1;
    /*border: 1px solid #808080;*/
    /*background:url('/images/section4/flag-active.png') center no-repeat;*/

}

.light-box img.flagimg {
    height: 55px;
    margin-top: 8px;
    margin-left: -2px;
}

/*.thumb .active{*/

/*background:url('/images/section4/flag-active.png') center no-repeat;*/
/*}*/

.fp-slidesContainer {
    display: contents;
}

.section04 .arrow-img {
    display: flex;
    align-items: center;
}

.section04 .arrow-img .right-arrow {
    margin-left: 118px;
}

/*select*/

#myCarousel2 {
    max-width: 1312px;
    width: 1312px;
    margin: 0 auto;
    /*background: #fff;*/
    /*margin-top: 130px;*/
}

#thumbCarousel2 {
    /*max-width: 650px;*/
    margin: 0 auto;
    overflow: hidden;
    margin-top: 25px;
    /*background: #fff;*/
    padding: 10px 0;
    /*margin-bottom: 30px;*/
}

#thumbCarousel2 .thumb {
    float: left;
    margin-right: -15px;
    /*border: 1px solid #e6e6e6;*/
    /*background: #fff;*/
}

#thumbCarousel2 .thumb:last-child {
    margin-right: 0;
}

/*.thumb img:hover{*/
/*opacity: 1;*/
/*background:url('/images/section4/flag-active.png') center no-repeat;*/
/*}*/

.thumb .light-box2 {

}

.thumb .light-box2:hover {
    opacity: 1;

}

.thumb .light-box2 img:hover {
    opacity: 1;
}

.thumb.active .light-box2 {
    opacity: 1;
    /*border: 1px solid #808080;*/
    background: url('/images/section5/select.png') center no-repeat;
    background-size: 130px 174px
    /*border-radius: 12px;*/
}

/*//slider*/

.section04 .background-img {
    position: absolute;
    width: 143%;
    margin: 110px 0 0 -286px;
}

/* //section04*/

/*section05 이미지 정리*/

.section05 .hero-margin {
    margin-top: 166px;
    transform: translate(0, -50px);
    opacity: 1;
    transition: 1s all;
    transition-delay: 100ms;

}

.section05 .hero-adj {
    position: absolute;
    top: 58px;
    width: 507px;
    left: 168px;
    transform: translate(0, -50px);
    opacity: 1;
    transition: 2s all;
    transition-delay: 100ms;
}

.section05 .skill-adj {
    position: absolute;
    top: 337px;
    left: 168px;
    width: 499px;
    transform: translate(0, -50px);
    opacity: 1;
    transition: 2s all;
    transition-delay: 100ms;
}

.section05 .text-adj {
    position: absolute;
    top: 181px;
    left: 654px;
    transform: translate(0, -50px);
    opacity: 1;
    transition: 1s all;
    transition-delay: 200ms;
}

.section05 .light-effect {
    position: absolute;
    top: 19px;
    left: 139px;
    z-index: -1;
    transform: translate(0, -50px);

}

/*.blinking {
     -webkit-animation: blink 0.35s ease-in-out infinite alternate;
     -moz-animation: blink 0.35s ease-in-out infinite alternate;
     animation: blink 0.35s ease-in-out infinite alternate;
 }

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
*/

.section05 .arrow-img {
    display: flex;
    align-items: center;
}

.section05 .arrow-img.arrow-img-left {
    left: 126px;
    top: 52px;
}

.section05 .arrow-img.arrow-img-right {
    right: -100px;
    top: 52px;
}

/*//section05 이미지 정리*/


.section06 .container-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.section06 .background-img {
    position: absolute;
    width: 143%;
    margin: -17px 0 0 -286px;
}

.section06 .thumb .video-choose-box {
    /*width: 97px;
    height: 70px;*/
    margin-bottom: 8px;
}

.section06 .thumb.active .video-choose-box {
    opacity: 1;
    /*border: 1px solid #808080;*/

}

.section06 .thumb .video-choose-box:hover {
    opacity: 1;
    /*border: 1px solid #808080;*/
    /*background:url('/images/section4/flag-active.png') center no-repeat;*/
    /*background-size: 207px 163px;*/
}

.section06 .thumb .video-choose-box img:hover {
    opacity: 1;
    /*border: 1px solid #808080;*/
    /*background:url('/images/section4/flag-active.png') center no-repeat;*/

}

.section06 .video-choose-box img.video-adj {
    /*height: 55px;*/

    /*margin-left: -2px;*/
}

.section06 .top-arrow {
    position: absolute;
    cursor: pointer;
    left: 884px;
    top: 11px;
    width: 262px;
}

.section06 .top-arrow:hover,
.section06 .top-arrow:focus,
.section06 .top-arrow:active, {
    opacity: 1;
}

.section06 .bottom-arrow {
    position: absolute;
    cursor: pointer;
    left: 884px;
    top: 503px;
    width: 262px;
}

.section06 .bottom-arrow:hover
.section06 .bottom-arrow:focus
.section06 .bottom-arrow:active {
    opacity: 1;
}

/* swiper */
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    display: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    cursor: auto;
    pointer-events: none;
    display: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {

    display: none;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.wrap3 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*
@media (min-width: 1200px) {
    .wrap3 {
        width: 1170px;
}
}

@media (min-width: 992px) {
    .wrap3 {
        width: 970px;
    }
}


@media (min-width: 768px) {
    .wrap3 {
        width: 750px;
    }
}
*/
.wrap3 .wrap3-box{
    position: relative;
    margin: auto;
    /*margin-top: 178px;*/
    display: inline-block;
}

.mainPop .logo.grandopen {
    margin-bottom: 48px;
}

.mainPop .btnPlay.grandopen {
    margin-bottom: 68px;
}

.mainPop .btnReserv.grandopen {
    margin-bottom: 20px;
    transition: 1s all;
    transform: scale(1.3);
}