@font-face {
    font-family: "HelveticaNeue-CondensedBold";
    font-stretch: condensed;
    font-weight: bold;
    src: url(../fonts/Helvetica-Neue-Condensed-Bold.ttf);
}

@font-face {
    font-family: "경기천년바탕OTF";
    font-weight: normal;
    src: url(../fonts/GGOTF_Regular.otf);
}

@font-face {
    font-family: "경기천년바탕OTF";
    font-weight: bold;
    src: url(../fonts/GGOTF_Bold.otf);
}

@font-face {
    font-family: "Bookend BatangOTF";
    font-weight: normal;
    src: url(../fonts/Bookend_BatangOTF-Regular.otf);
}

@font-face {
    font-family: "Bookend BatangOTF";
    font-weight: bold;
    src: url(../fonts/Bookend_BatangOTF-SemiBold.otf);
}

@font-face {
    font-family: "Baram";
    font-weight: bold;
    src: url(../fonts/Baram_Extrabold.otf);
}

@font-face {
    font-family: "Apple SD Gothic Neo";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/AppleSDGothicNeo-Bold.woff2') format('woff2'),
        url('../fonts/AppleSDGothicNeo-Bold.ttf') format('truetype');
}

body {
    margin: 0;
    font-family: "HelveticaNeue-CondensedBold";

    user-select: none;
    outline: none;
}

img {
    -webkit-user-drag: none; /* 크롬, 사파리 */
    -khtml-user-drag: none; /* 구형 브라우저 */
    -moz-user-drag: none; /* 파이어폭스 */
    -ms-user-drag: none; /* 엣지 */
    user-drag: none; /* 표준 */
}

a.ko {
    display: none;
}

a.en {
    display: none;
}

img.ko {
    display: none;
}

img.en {
    display: none;
}

span.ko {
    display: none;
}

span.en {
    display: none;
}

body.ko a.ko {
    display: inherit;
}

body.en a.en {
    display: inherit;
}

body.ko img.ko {
    display: inline;
}

body.en img.en {
    display: inline;
}

body.ko span.ko {
    display: inline;
}

body.en span.en {
    display: inline;
}

button,
img,
button:focus,
button:active,
img:focus,
img:active {
    outline: none;
    /* 기본 아웃라인 제거 */
    -webkit-tap-highlight-color: transparent;
    /* 모바일 브라우저 클릭 효과 제거 */
    user-select: none;
    /* 텍스트 선택 방지 */
}

a,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}

.font-baram {
    font-family: 'Baram' !important;
    font-weight: bold !important;
}

.scenes {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.scenes .loading {
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
}

.scenes .scene {
    height: 100%;
}

.scenes .scene .btn-home,
.scenes .scene .btn-back {
    z-index: 999;
    position: absolute;
    left: 25px;
    top: 25px;
}

.scenes .scene .btn-home img {
    width: 45px;
}

.scenes .scene .btn-skip {
    z-index: 999;
    position: absolute;
    right: 50px;
    bottom: 95px;
}

.scenes .scene .btn-skip img {
    width: 135px;
    height: 45px;
}

.scenes .scene .btn-close {
    z-index: 1999;
    position: fixed;
    right: 15px;
    top: 0px;
}

.scenes .scene .btn-close img {
    width: 110px;
}

.scenes .scene .btn-scene-prev {
    z-index: 999;
    position: fixed;
    left: 15px;
    bottom: unset;
    top: 50%;
    transform: translate(0, -50%);
}

.scenes .scene .btn-scene-prev img {
    width: 110px;
}

.scenes .scene .btn-scene-next {
    z-index: 999;
    position: fixed;
    left: unset;
    right: 15px;
    bottom: unset;
    top: 50%;
    transform: translate(0, -50%);
}

.scenes .scene .btn-scene-next img {
    width: 110px;
}

.scenes .scene .poi>.btn-prev {
    z-index: 999;
    position: fixed;
    left: 15px;
    bottom: 65px;
}

.scenes .scene .poi>.btn-prev img {
    width: 110px;
}

.scenes .scene .poi>.btn-next {
    z-index: 999;
    position: fixed;
    left: 125px;
    bottom: 65px;
}

.scenes .scene .poi>.btn-next img {
    width: 110px;
}

.scenes .scene>.container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 38px;
}

.intro-scene {}

.intro-scene .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg.png);
    background-image: image-set(url(../images/bg.png) 1x, url(../images/bg@2x.png) 2x);
    background-size: cover;
    background-position: center;
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -o-animation: fadein 2s;
    /* Opera */
}

.intro-scene .bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg2.png);
    background-image: image-set(url(../images/bg2.png) 1x, url(../images/bg2@2x.png) 2x);
    background-size: cover;
    background-position: center;
}

.intro-scene .flag {
    display: none;
    position: absolute;
    width: 100px;
    height: 84px;
    background: url(../images/flag/flag_sprites.png) left center;
    animation: fadein 2s, flag-anim 2.0s steps(149) infinite;
    -moz-animation: fadein 2s, flag-anim 2.0s steps(149) infinite;
    /* Firefox */
    -webkit-animation: fadein 2s, flag-anim 2.0s steps(149) infinite;
    /* Safari and Chrome */
    -o-animation: fadein 2s, flag-anim 2.0s steps(149) infinite;
    /* Opera */
}

.intro-scene .logo {
    position: absolute;
    top: 118px;
    width: 100%;
    text-align: center;

    animation: fadein 1s;
    -moz-animation: fadein 1s;
    /* Firefox */
    -webkit-animation: fadein 1s;
    /* Safari and Chrome */
    -o-animation: fadein 1s;
    /* Opera */

    animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;

    animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
}

.intro-scene .loading-info {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px black;
}

.intro-scene .loading-info .percent {
    font-size: 48px;
    font-style: italic;
}

.intro-scene .buttons {
    position: absolute;
    bottom: 185px;
    width: 100%;
    text-align: center;
}

.intro-scene .buttons a {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    width: 228px;
    height: 60px;
    background-size: contain;

    display: inline-block;

    /* background-size: cover; */
    background-position: center;
    transition: background-image 2.5s ease;

    animation: fadein 1s, dropin 1s;
    -moz-animation: fadein 1s, dropin 1s;
    -webkit-animation: fadein 1s, dropin 1s;
    -o-animation: fadein 1s, dropin 1s;

    animation-delay: 2.0s;
    -moz-animation-delay: 2.0s;
    -webkit-animation-delay: 2.0s;
    -o-animation-delay: 2.0s;

    animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
}

.intro-scene .buttons a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.intro-scene .buttons a:hover::after,
.intro-scene .buttons a:active::after {
    opacity: 1;
    /* 호버 시 나타남 */
}

.intro-scene .buttons a:nth-child(1) {
    animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    -o-animation-delay: 1.7s;
}

.intro-scene .buttons a:nth-child(3) {
    animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s;
    -o-animation-delay: 2.3s;
}

.ko .intro-scene .buttons a.btn-level1 {
    background-image: url(../images/ko/main_1_btn.png);
    background-image: image-set(url(../images/ko/main_1_btn.png) 1x, url(../images/ko/main_1_btn@2x.png) 2x);
}

.ko .intro-scene .buttons a.btn-level1::after {
    background-image: url(../images/ko/main_1_btn_hover.png);
    background-image: image-set(url(../images/ko/main_1_btn_hover.png) 1x, url(../images/ko/main_1_btn_hover@2x.png) 2x);
}

.en .intro-scene .buttons a.btn-level1 {
    background-image: url(../images/en/main_1_btn.png);
    background-image: image-set(url(../images/en/main_1_btn.png) 1x, url(../images/en/main_1_btn@2x.png) 2x);
}

.en .intro-scene .buttons a.btn-level1::after {
    background-image: url(../images/en/main_1_btn_hover.png);
    background-image: image-set(url(../images/en/main_1_btn_hover.png) 1x, url(../images/en/main_1_btn_hover@2x.png) 2x);
}

.ko .intro-scene .buttons a.btn-level2 {
    background-image: url(../images/ko/main_2_btn.png);
    background-image: image-set(url(../images/ko/main_2_btn.png) 1x, url(../images/ko/main_2_btn@2x.png) 2x);
}

.ko .intro-scene .buttons a.btn-level2::after {
    background-image: url(../images/ko/main_2_btn_hover.png);
    background-image: image-set(url(../images/ko/main_2_btn_hover.png) 1x, url(../images/ko/main_2_btn_hover@2x.png) 2x);
}

.en .intro-scene .buttons a.btn-level2 {
    background-image: url(../images/en/main_2_btn.png);
    background-image: image-set(url(../images/en/main_2_btn.png) 1x, url(../images/en/main_2_btn@2x.png) 2x);
}

.en .intro-scene .buttons a.btn-level2::after {
    background-image: url(../images/en/main_2_btn_hover.png);
    background-image: image-set(url(../images/en/main_2_btn_hover.png) 1x, url(../images/en/main_2_btn_hover@2x.png) 2x);
}

.ko .intro-scene .buttons a.btn-level3 {
    background-image: url(../images/ko/main_3_btn.png);
    background-image: image-set(url(../images/ko/main_3_btn.png) 1x, url(../images/ko/main_3_btn@2x.png) 2x);
}

.ko .intro-scene .buttons a.btn-level3::after {
    background-image: url(../images/ko/main_3_btn_hover.png);
    background-image: image-set(url(../images/ko/main_3_btn_hover.png) 1x, url(../images/ko/main_3_btn_hover@2x.png) 2x);
}

.en .intro-scene .buttons a.btn-level3 {
    background-image: url(../images/en/main_3_btn.png);
    background-image: image-set(url(../images/en/main_3_btn.png) 1x, url(../images/en/main_3_btn@2x.png) 2x);
}

.en .intro-scene .buttons a.btn-level3::after {
    background-image: url(../images/en/main_3_btn_hover.png);
    background-image: image-set(url(../images/en/main_3_btn_hover.png) 1x, url(../images/en/main_3_btn_hover@2x.png) 2x);
}

.ko .vrtour-scene .buttons a.btn-movie-start {
    background-image: url(../images/ko/btn_movie_start.png);
    background-image: image-set(url(../images/ko/btn_movie_start.png) 1x, url(../images/ko/btn_movie_start@2x.png) 2x);
}

.en .vrtour-scene .buttons a.btn-movie-start {
    background-image: url(../images/en/btn_movie_start.png);
    background-image: image-set(url(../images/en/btn_movie_start.png) 1x, url(../images/en/btn_movie_start@2x.png) 2x);
}

.ko .vrtour-scene .buttons a.btn-vrtour-start {
    background-image: url(../images/ko/btn_vrtour_start.png);
    background-image: image-set(url(../images/ko/btn_vrtour_start.png) 1x, url(../images/ko/btn_vrtour_start@2x.png) 2x);
}

.en .vrtour-scene .buttons a.btn-vrtour-start {
    background-image: url(../images/en/btn_vrtour_start.png);
    background-image: image-set(url(../images/en/btn_vrtour_start.png) 1x, url(../images/en/btn_vrtour_start@2x.png) 2x);
}

.ko .vrtour-scene .buttons a.btn-vrtour-map {
    background-image: url(../images/ko/btn_vrtour_map.png);
    background-image: image-set(url(../images/ko/btn_vrtour_map.png) 1x, url(../images/ko/btn_vrtour_map@2x.png) 2x);
}

.en .vrtour-scene .buttons a.btn-vrtour-map {
    background-image: url(../images/en/btn_vrtour_map.png);
    background-image: image-set(url(../images/en/btn_vrtour_map.png) 1x, url(../images/en/btn_vrtour_map@2x.png) 2x);
}

.intro-scene.loading .loading-info {
    display: flex;
}

.intro-scene.loading .bg {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.intro-scene.loading .flag {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.intro-scene.loading .buttons {
    display: none;
}

.intro-scene .btn-more {
    display: none;
}

.video-scene {
    position: relative;
    /* position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
    background: #000;
    display: flex;
    align-items: center;
}

.video-scene .video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-scene .subtitle {
    position: absolute;
    z-index: 999;
    left: 50px;
    bottom: 35px;
}

.vrtour-scene .ui {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: radial-gradient(#a68549bf, transparent);
}

.vrtour-scene .ui .buttons {
    margin-top: 200px;
    text-align: center;
}

.vrtour-scene .ui .buttons a {
    margin-left: 15px;
    margin-right: 15px;
    width: 250px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;

    display: inline-block;
}

.vrtour-scene .ui .buttons a.btn-vrtour-map {
    width: 166px;
}

.vrtour-scene .map {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    /* background: #00CC00; */
    background: #FCFBF9;
    /* container-type: size; */
    /* container-name: resize-box; */
    /* display: grid; */
    /* resize: both; */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vrtour-scene .map .mapview {
    position: relative;
    /* background: #CC0000; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1440/1024;
}

@media (min-aspect-ratio: 1440 / 1024) {
    .vrtour-scene .map .mapview {
        height: 100%;
        width: auto;
    }
}

.vrtour-scene .map .mapview.mapview1 {
    background-image: url(../images/map_1.png);
    background-image: image-set(url(../images/map_1.png) 1x, url(../images/map_1@2x.png) 2x);
}

.vrtour-scene .map .mapview.mapview2 {
    background-image: url(../images/map_2.png);
    background-image: image-set(url(../images/map_2.png) 1x, url(../images/map_2@2x.png) 2x);
}

.vrtour-scene .map .mapview.debug .btn-point {
    opacity: 0.5;
    background: #ff0000;
}

.vrtour-scene .map .mapview .btn-point {
    position: absolute;
    width: 7%;
    height: 7%;
    cursor: pointer;
}

.vrtour-scene .map .mapview.mapview1 .btn-point:nth-child(1) {
    left: 9%;
    top: 47%;
}

.vrtour-scene .map .mapview.mapview1 .btn-point:nth-child(2) {
    left: 37.5%;
    top: 47%;
}

.vrtour-scene .map .mapview.mapview1 .btn-point:nth-child(3) {
    left: 63%;
    top: 47%;
}

.vrtour-scene .map .mapview.mapview2 .btn-point:nth-child(1) {
    left: 81%;
    top: 63%;
}

.vrtour-scene .map .mapview.mapview2 .btn-point:nth-child(2) {
    left: 33.5%;
    top: 42%;
}

.vrtour-scene .map .mapview.mapview2 .btn-point:nth-child(3) {
    left: 12.5%;
    top: 51%;
}

@container resize-box (aspect-ratio > 1440/1024) {
    .vrtour-scene .map .mapview {
        width: auto;
        height: 100%;
    }
}

/* .vrtour-scene .map .mapview img {
    background: #0000FF;
} */

.vrtour-scene .minimap {
    position: absolute;
    z-index: 10;
    right: 40px;
    bottom: 50px !important;
    width: 300px;
    height: 200px;
    /* background: #00CC00; */
    container-type: size;
    container-name: resize-box;
    display: grid;
    resize: both;
    overflow: hidden;
    pointer-events: none;

    left: unset !important;
    margin: unset !important;
    transform: unset !important;

    background-position: center;
    background-repeat: no-repeat;
}

.vrtour-scene .minimap.minimap1 {
    background-image: url(../images/minimap_1.png);
    background-image: image-set(url(../images/minimap_1.png) 1x, url(../images/minimap_1@2x.png) 2x);
}

.vrtour-scene .minimap.minimap2 {
    background-image: url(../images/minimap_2.png);
    background-image: image-set(url(../images/minimap_2.png) 1x, url(../images/minimap_2@2x.png) 2x);
}

.vrtour-scene .minimap .my {
    margin: auto;
    width: 200px;
    height: 200px;
    /* background: #FFCC00; */
    background-image: url(../images/minimap_my.png);
    background-image: image-set(url(../images/minimap_my.png) 1x, url(../images/minimap_my@2x.png) 2x);
    transform: rotate(0deg);
}

.vrtour-scene .control-guide {
    position: absolute;
    /* z-index: 100; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-top: 250px;
    pointer-events: none;
}

.vrtour-scene .ui-enter {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}

.vrtour-scene .btn-sindobi {
    position: absolute;
    bottom: 265px;
    right: 30px;
    margin: 0 auto;

    left: unset;
    /* margin: unset; */
    transform: unset;
}

.vrtour-scene .btn-vrtour-start {
    margin-top: 30px;
}

.vrtour-scene .floors {
    position: absolute;
    right: 30px;
    bottom: 45px;
}

.vrtour-scene .floors .btn-floor {
    display: block;
    width: 36px;
    height: 66px;
    line-height: 66px;
    background-color: #3F3F3F;
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-top: 1px;
}

.vrtour-scene .floors .btn-floor.in {
    background-color: #1F1F1F;
}

.vrtour-scene .subtitle {
    position: absolute;
    z-index: 999;
    left: 50px;
    bottom: 35px;
    pointer-events: none;
    margin: unset;
    transform: unset;
}

.vrtour-scene .poi {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    /* overflow: scroll; */
    overflow: hidden;
}

.vrtour-scene .poi .container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}

.vrtour-scene .poi .container .viewer {
    width: 100%;
}

.vrtour-scene .poi .container .viewer.image-viewer {
    padding: 100px;
}

.vrtour-scene .poi .container .viewer.image-viewer img {
    width: 100%;
    height: auto;
}

.vrtour-scene .poi .container .viewer.image-viewer .img {
    width: 100%;
    height: 100%;

    /* background-image: url(../images/poi/03_1F-객당.jpg); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.vrtour-scene .poi .container .viewer.model-viewer .model-loading {
    display: flex;
    position: absolute;
    right: 275px;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px black;
}

.vrtour-scene .poi .container .viewer.model-viewer .model-loading .text {
    padding-bottom: 10px;
}

.vrtour-scene .poi .container .viewer.model-viewer .model-loading .loading-bar {
    position: relative;
    display: block;
    width: 10%;
    height: 5px;
    background-color: #FFFFFF;
}

.vrtour-scene .poi .container .viewer.model-viewer .model-loading .loading-bar .bar {
    display: block;
    width: 2%;
    height: 100%;
    background-color: #1CAAD9;
}

.vrtour-scene .poi .container .viewer.model-viewer canvas {
    width: 100%;
    height: auto;
}


.vrtour-scene .poi .container .contents {
    position: relative;
    flex-basis: 550px;
    flex-shrink: 0;
    background-color: #FFF;
    text-align: left;
    font-family: '경기천년바탕OTF';
    overflow-y: auto;
}

.vrtour-scene .poi .container .contents .wrap {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    padding: 60px;
    padding-top: 150px;
    background-color: #FFF;
}

.vrtour-scene .poi .container .contents .title {
    font-family: 'Baram';
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 50px;
    color: #000000;
}

.vrtour-scene .poi .container .contents .desc {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.vrtour-scene .poi .container .contents .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.menu {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    /* Firefox */
    -webkit-animation: fadein 0.5s;
    /* Safari and Chrome */
    -o-animation: fadein 0.5s;
    /* Opera */
}

.menu .top {
    height: 162px;
    background-image: url(../images/bottom.png);
    background-image: image-set(url(../images/bottom.png) 1x, url(../images/bottom@2x.png) 2x);
    background-repeat: repeat-x;
}

.menu .top-simple {
    height: 9px;
    background-image: url(../images/bottom_simple.png);
    background-image: image-set(url(../images/bottom_simple.png) 1x, url(../images/bottom_simple@2x.png) 2x);
    background-repeat: repeat-x;
}

.menu .timeline-bar {
    display: none;
    position: relative;
    height: 4px;
}

.menu .timeline-bar .bar {
    display: block;
    width: 10%;
    height: 100%;
    background-color: #F27200;
}

.menu .contents {
    background-color: #f7f7f7;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 50px;
    padding-right: 36px;
}

.menu .contents .right {
    float: right;
    height: 24px;
    line-height: 30px;
    font-size: 14px;
    display: flex;
    justify-content: right;
    gap: 30px;
}

.menu .contents .right .title {
    color: #AAAAAA;
}

.menu .contents .right .arrow {
    color: #F27200;
}

.menu .contents .btn-map {
    margin-top: 3px;
}

.option-window {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.option-window .container {
    position: relative;
    padding: 35px 0;
    background-color: #FBFBFB;
    display: flex;
    align-items: normal;
    flex-direction: row;
    justify-content: center;
}

.option-window .container .row {
    position: relative;
    padding: 0 90px;
}

.option-window .container .row:not(:last-child) {
    border-right: solid 1px rgba(175, 175, 175, 1);
}

.option-window .container .row .header {
    text-align: center;
    font-size: 21px;
    color: #939393;
}

.option-window .container .row .header .line {
    font-family: initial;
}

.option-window .container .row .contents {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.option-window .container .row .contents .btn {
    position: relative;
    font-size: 16px;
    color: #646464;
}

.option-window .container .row .contents .btn.selected {
    color: #F2833F;
}

.option-window .container .row .contents .btn.selected:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/option_check.png);
    background-image: image-set(url(../images/option_check.png) 1x, url(../images/option_check@2x.png) 2x);
    background-repeat: no-repeat;
}

.option-window .container .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    background-image: url(../images/close_btn_black.png);
    background-image: image-set(url(../images/close_btn_black.png) 1x, url(../images/close_btn_black@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: center center;
}

.btn {
    border: none;
    background-color: inherit;
    cursor: pointer;
    font-family: "HelveticaNeue-CondensedBold";
}

.btn-mute {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    background-image: url(../images/sound_on.png);
    background-image: image-set(url(../images/sound_on.png) 1x, url(../images/sound_on@2x.png) 2x);
}

.btn-mute.muted {
    background-image: url(../images/sound_off.png);
    background-image: image-set(url(../images/sound_off.png) 1x, url(../images/sound_off@2x.png) 2x);
}





@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dropin {
    from {
        transform: translateY(-20px);
    }

    to {
        transform: translateY(0px);
    }
}

@-moz-keyframes dropin {
    from {
        -moz-transform: translateY(-20px);
    }

    to {
        -moz-transform: translateY(0px);
    }
}

@-webkit-keyframes dropin {
    from {
        -webkit-transform: translateY(-20px);
    }

    to {
        -webkit-transform: translateY(0px);
    }
}

@-o-keyframes dropin {
    from {
        -o-transform: translateY(-20px);
    }

    to {
        -o-transform: translateY(0px);
    }
}

@keyframes flag-anim {
    100% {
        background-position: -14900px;
    }
}

@-moz-keyframes flag-anim {
    100% {
        background-position: -14900px;
    }
}

@-webkit-keyframes flag-anim {
    100% {
        background-position: -14900px;
    }
}

@-o-keyframes flag-anim {
    100% {
        background-position: -14900px;
    }
}




@media (min-width: 320px) and (max-width: 926px) {
    .scenes .scene .btn-home {
        left: 20px;
        top: 20px;
    }

    .scenes .scene .btn-home img {
        width: 40px;
    }

    .scenes .scene .btn-close {
        right: 0px;
        top: 0px;
    }

    .scenes .scene .btn-close img {
        width: 80px;
    }

    .scenes .scene .btn-skip {
        right: 20px;
        bottom: 20px;
        opacity: 50%;
    }

    .scenes .scene .container {
        bottom: 0px;
    }

    .scenes .scene .poi>.btn-prev {
        z-index: 999;
        position: fixed;
        left: 0;
        top: 0;
        bottom: unset;
    }

    .scenes .scene .poi>.btn-prev img {
        width: 80px;
    }

    .scenes .scene .poi>.btn-next {
        z-index: 999;
        position: fixed;
        left: 80px;
        top: 0;
        bottom: unset;
    }

    .scenes .scene .poi>.btn-next img {
        width: 80px;
    }

    .intro-scene .logo {
        top: 60px;
    }

    body.en .intro-scene .logo {
        top: 100px;
    }

    .intro-scene .logo img {
        height: 180px;
    }

    body.en .intro-scene .logo img {
        height: 110px;
    }

    .intro-scene .buttons {
        bottom: 60px;
    }

    .intro-scene .buttons a {
        margin-top: 10px;
        width: 228px;
        height: 60px;

    }

    .intro-scene .btn-more {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 15px;
    }

    .video-scene .subtitle {
        display: none;
    }

    .vrtour-scene .ui .title {
        text-align: center;
    }

    .vrtour-scene .ui .title img {
        width: 100%;
    }

    .vrtour-scene .subtitle {
        display: none !important;
    }

    .vrtour-scene .minimap {
        display: none !important;
    }

    .vrtour-scene .control-guide {
        padding-top: 150px;
    }

    .vrtour-scene .control-guide img {
        width: 80%;
        height: auto;
    }

    .scenes .scene .btn-scene-prev {
        top: unset;
        left: 0;
        bottom: 0;
        transform: unset;
    }

    .scenes .scene .btn-scene-next {
        top: unset;
        left: 80px;
        bottom: 0;
        right: unset;
        transform: unset;
    }

    .scenes .scene .btn-scene-prev img,
    .scenes .scene .btn-scene-next img {
        width: 80px;
    }

    .vrtour-scene .btn-sindobi {
        bottom: 15px;
        right: 15px;
    }

    .vrtour-scene .floors {
        display: none;
    }

    .vrtour-scene .poi .container {
        flex-direction: column;
    }

    .vrtour-scene .poi .container .viewer {
        width: auto;
        height: 100%;
    }

    .vrtour-scene .poi .container .viewer.image-viewer {
        padding: 0px;
    }

    .vrtour-scene .poi .container .viewer.image-viewer .img {
        background-size: cover;
    }

    .vrtour-scene .poi .container .contents {
        flex-basis: 50%;
    }

    .vrtour-scene .poi .container .contents .wrap {
        padding: 40px;
    }

    .vrtour-scene .poi .container .contents .logo {
        display: none;
        ;
    }

    .vrtour-scene .poi .container .contents .location {
        font-size: 30px;
        margin-bottom: 10px;
        color: #333333;
    }

    .vrtour-scene .poi .container .contents .line {
        font-size: 30px;
        margin-bottom: 10px;
        color: #333333;
    }

    .vrtour-scene .poi .container .contents .title {
        font-size: 22px;
        margin-bottom: 20px;
        color: #000000;
    }

    .vrtour-scene .poi .container .contents .desc {
        font-size: 14px;
        line-height: 24px;
        color: #666666;
    }

    .vrtour-scene .poi .container .viewer.model-viewer .model-loading {
        right: unset;
        height: 50%;
    }


    .menu {}

    .menu .top {
        background-size: cover;
        height: 70px;
    }

    .menu .top-simple {
        background-size: cover;
    }

    .menu .contents {
        display: none;
    }

    .option-window .container {
        padding: 0 35px;
        flex-direction: column;
    }

    .option-window .container .row {
        border: none;
        padding: 40px 30px;
    }

    .option-window .container .row:not(:last-child) {
        border-right: none;
        border-bottom: solid 1px rgba(255, 255, 255, 0.15);
    }
}