* { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; box-sizing: border-box;-ms-overflow-style:none;scrollbar-width:none; }
*:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

*::-webkit-scrollbar { display:none; }

html { position:absolute;width:100vw;height:100vh;min-height:100%;overflow:hidden; }

body { position:absolute;width:100%;height:100%;background:#000;margin:0;overflow:hidden;font-size:18px;font-family:"NanumBarunGothic";font-weight:normal;font-style:normal;letter-spacing:-0.36px;line-height:1.5; }

img, p { margin:0;padding:0; }
img { width:100%;}
.img { font-size:0; }

ul { list-style: none;padding:0;margin:0; }

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

.aft { z-index:100; }

.bg { position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.4); }

.hide_360,
.hide,
.before_loading { display:none !important; }

#main_canvas_container { position:absolute;left:0px;bottom:0px;width:100%;height:100%; }

.loaderContainer { position:absolute;top:0px;left:0px;width:100%;height:100%;background:#a24b20; }
.loaderContainer p,
.loaderContainer span,
.loaderContainer b, { display:block; }
.loaderLogo { position:absolute;top:24px;left:22px;width:calc(70 * 100vh / 1080); }
.loaderMoon { position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:calc(904 * 100vh / 1080);height:calc(814 * 100vh / 1080);max-width:906px;max-height:814px;border-radius:50%;background:rgba(180,88,42,0.48); }
.loaderBg { position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);width:calc(2122 * 100vh / 1080);max-width:2122px; }
.loaderMain { position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:calc(480 * 100vh / 1080);height:calc(720 * 100vh / 1080);max-width:480px;max-height:720px;border-radius:240px;border:8px solid #c46434;overflow:hidden;background:#a24b20;box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.3), 0 0 20px 0 rgba(96, 35, 11, 0.31); }
.loaderMainBg { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.33;height:100%; }
.loaderCharacter { position:absolute;top:50%;left:50%;transform:translateX(-50%);width:calc(700 * 100vh / 1080);max-width:700px;z-index:100; }
.loaderLeaf { position:absolute;bottom:-30px;width:calc(508 * 100vh / 1080); }
.loaderLeaf.left { right:calc(50% + 120 * 100vh / 1080); }
.loaderLeaf.right { left:calc(50% + 120 * 100vh / 1080);transform:scaleX(-1); }
.loaderTitle { position:absolute;top:10%;left:50%;transform:translateX(-50%);text-align:center;color:#fff;font-size:24px;letter-spacing:-0.48px;white-space:nowrap; }
.loaderTitle>p:nth-child(2) { font-family:"EBS주시경";font-size:60px; }
.loaderProgress { position:absolute;top:20%;left:50%;width:calc(160 * 100vh / 1080);height:calc(160 * 100vh / 1080);transform:translate(-50%,-50%); }
.loaderText { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:32px; }
.loaderPoint { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(12 * 100vh / 1080);height:calc(12 * 100vh / 1080);border-radius:50%;background:#fff;opacity:0.37;margin-top:calc(-80 * 100vh / 1080);transform-origin:calc(6 * 100vh / 1080) calc(86 * 100vh / 1080); }
.loaderInfo { position:absolute;bottom:0px;right:0px;color:#fff;font-size:1em;padding:10px;max-width:100%;  }

.mainBtnWrap { position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;width:calc(100% - 32px);max-width:378px;padding:8px;border-radius:8px;background:#fff;border-bottom:2px solid #af9f92; }
.mainBtnWrap>li { flex:1;line-height:38px;text-align:center;border-radius:8px;transition:0.6s ease;transition-property:box-shadow, background-color, color, font-weight;cursor:pointer; }
.mainBtnWrap>li:not(:last-child) { margin-right:4px; }
.mainBtnWrap>li.active { background:#4b2f1b url(menu_img/mark1.png) no-repeat 100% 100%;background-size:auto 100%;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.5);color:#fff;font-weight:bold; }

.infoWrap { position:absolute;width:100%; }
.infoWrap>div { overflow:hidden;width:100%;height:100%; }
.infoWrap .head { position:absolute;top:-1px;z-index:10;display:flex;width:100%;align-items:center;background: url(menu_img/markLarge1.png) no-repeat 100% 100%, url(menu_img/markLarge2.png) no-repeat 0% 100%,#4b2f1b;background-size:auto 100%, auto 100%, 100%; }
.infoWrap .head>img { width:72px;margin:24px 16px 24px 24px; }
.infoWrap .head>span { font-size:36px;font-family:"EBS주시경";font-weight:bold;color:#fff;letter-spacing:-0.8px; }
.infoWrap .body { padding:144px 24px 132px;background:#fff;margin-bottom:-1px;overflow:hidden; }
.infoWrap .body>*:not(:last-child) { margin-bottom:16px; }
.infoWrap .body>.img { position:relative;left:0;display:flex;transition:left 0.4s ease;margin-bottom:24px; }
.infoWrap .body>.img.s1 { left:calc(-100% - 8px); }
.infoWrap .body>.img.s2 { left:calc((-100% - 8px) * 2); }
.infoWrap .body>.img.s3 { left:calc((-100% - 8px) * 3); }
.infoWrap .body>.img>video { width:100%; }
.infoWrap .body>.img>img { align-self:flex-start; }
.infoWrap .body>.img>img:not(:last-child) { margin-right:8px; }
.infoWrap .body .arrow { position:absolute;top:50%;width:48px;height:48px;transform:translateY(-50%);cursor:pointer; }
.infoWrap .body .arrow.left { left:4px;background:url(menu_img/leftArrow.png) no-repeat 50% 50%;background-size:100%;transition:left 0.4s ease; }
.infoWrap .body .arrow.right { right:4px;background:url(menu_img/rightArrow.png) no-repeat 50% 50%;background-size:100%;transition:right 0.4s ease; }
.infoWrap .body .s1 .arrow.left { left:calc(100% + 8px + 4px); }
.infoWrap .body .s1 .arrow.right { right:calc(-100% - 8px + 4px); }
.infoWrap .body .s2 .arrow.left { left:calc((100% + 8px) * 2 + 4px); }
.infoWrap .body .s2 .arrow.right { right:calc((-100% - 8px) * 2 + 4px); }
.infoWrap .body .s3 .arrow.left { left:calc((100% + 8px) * 3 + 4px); }
.infoWrap .body .s3 .arrow.right { right:calc((-100% - 8px) * 3 + 4px); }
.infoWrap .body p a { font-weight:bold;color:#4b2f1b;border-bottom:1px solid #4b2f1b; }
.infoWrap .footer { position:absolute;bottom:0;width:100%;padding:24px;background:#fff;display:flex; }
.infoWrap .footer>div { flex:1;line-height:60px;text-align:center;background:#e6e6e6;border-radius:8px;cursor:pointer; }
.infoWrap .footer>div:not(:last-child) { margin-right:12px; }
.infoWrap .footer>div.more { background:#4b2f1b;color:#fff; }

.white_btn { flex:1;border-radius:8px;background:#fff;text-align:center;cursor:pointer;padding:0 8px; }

.m2_btns { position:absolute;bottom:105px;left:50%;transform:translateX(-50%);display:flex;width:calc(100% - 32px);max-width:calc(105px * 3 + 12px * 2); }
.m2_btns .white_btn { line-height:48px;border:solid #af9f92;border-width:0 0 2px 0;transition:0.4s ease;transition-property:border,background,box-shadow; }
.m2_btns .white_btn:not(:last-child) { margin-right:12px; }
.m2_btns .white_btn.active { color:#fff;border:none;background:#a24b20;box-shadow:inset 4px 4px 4px rgba(0,0,0,0.4); }

.anchor:not(.sub) { position:absolute;cursor:pointer; }
.anchor.list { border-radius:8px;letter-spacing:-0.32px;font-size:16px;border:1px solid #34261b;line-height:48px;text-align:center;min-width:120px;background-color:#4b2f1b;background-image: url(menu_img/mark1.png);background-repeat:no-repeat;background-position:100% 100%;background-size:auto 100%;color:#fff;box-shadow:inset 2px 2px 4px rgba(256,256,256,0.5),inset -2px -2px 4px rgba(0,0,0,0.5);padding:0 8px;font-weight:bold;transition:background-color 0.4s ease, border 0.4s ease, box-shadow 0.4s ease; }
.anchor.list.active { border:1px solid #6e2c0b;background-color:#a24b20;box-shadow:inset 2px 2px 4px rgba(0,0,0,0.5); }
.anchor.icon { width:36px; }

.anchor.sub { position:absolute;width:44px;height:44px; }
.anchor#toilet_anc { background:url(menu_img/toilet.png) no-repeat 50% 50%;background-size:100%; }
.anchor#park_anc { background:url(menu_img/park.png) no-repeat 50% 50%;background-size:100%; }

.character { position:absolute;bottom:30px;left:30px;width:198px; }
.character .text_box { position:absolute;bottom:0;width:420px;background:#fff;border-radius:8px;padding:24px; }
.character .text_box .cbtns { display:flex; }
.character .text_box .cbtns .cbtn { flex:1;border-radius:8px;text-align:center;cursor:pointer; }
.character .text_box .cbtns .cbtn.next { border-color:#4b2f1b;background:#4b2f1b;color:#fff; }
.character .text_box .cbtns .cbtn:not(:first-child) { margin-left:12px; }
.character .text_box p { word-break:keep-all; }

.logo { position:absolute;top:16px;left:16px;width:92px;cursor:pointer; }

.imgLoader { position:absolute;top:0;left:0;width:100%;height:100%;background:#a24b20;z-index:101;white-space:nowrap; }
.imgLoader .imgLogo { position:absolute;top:50px;left:40px;width:65px; }
.imgLoader .imgCenter { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 64px);max-width:392px; }
.imgLoader .imgCenter p { text-align:center;color:#fff;font-size:24px;letter-spacing:-0.48px; }
.imgLoader .imgCenter p:nth-child(2) { font-family:"EBS주시경";font-size:60px;letter-spacing:-1.2px;margin-top:16px; }
.imgLoader .imgCenter img { width:100%;margin-top:48px; }

.m2_exit { position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:180px;line-height:56px; }

.sel_list { position:absolute;top:30px;left:50%;transform:translateX(-50%);width:164px;text-align:center;border-radius:8px;background:#fff;line-height:50px;border-bottom:2px solid #af9f92;overflow:hidden;max-height:50px;cursor:pointer;transition:0.4s ease;transition-property:max-height, border; }
.sel_list>li:first-child { text-align:left;padding-left:24px;line-height:48px;padding-right:40px;background:url(menu_img/underArrow.png) no-repeat calc(100% - 8px) 50%;background-size:24px;font-weight:bold; }

.sel_list.active { max-height:calc(50px * 13);border-width:0 0 0 0; }
.sel_list.active>li:first-child { color:#fff;background:#4b2f1b url(menu_img/upArrow.png) no-repeat calc(100% - 8px) 50%;background-size:24px; }

.minimap { position:absolute;top:30px;right:30px;width:180px;height:50px;transition:height 0.4s ease;overflow:hidden; }
.minimapBtns { display:flex;width:100%;background:rgba(0,0,0,0.6);border-radius:8px;cursor:pointer; }
.minimapBtns .text { flex:1;color:#fff;padding:0 16px;line-height:50px; }
.minimapBtns .arrow { width:50px;height:50px;background:rgba(0,0,0,0.4) url(menu_img/upArrow.png) no-repeat 50% 50%;background-size:24px;border-radius:8px; }
.minimapImg { position:absolute;top:62px;width:100%;padding:12px;background:rgba(0,0,0,0.6);border-radius:8px;font-size:0; }
.minimap.active { height:222px; }
.minimap.active .minimapBtns .arrow { transform:rotate(180deg); }

.minimap .mp { position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;z-index:1;cursor:pointer; }
.minimap .mp>div { position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;animation: scale 1s infinite linear; }

.minimap .mp.active { width:12px;height:12px;background:#e16629;z-index:2; }
.minimap .mp.active>div { width:12px;height:12px;background:rgba(225,102,41,0.4); }

#gongbukru_point { top:55%;left:21%; }
#gongsanjeong_point {top: 78%;left: 11%;}
#gumseoru_point {top: 81%;left: 21%;}
#gwangbokru_point {top: 17%;left: 86%;}
#imryugak_point {top: 24%;left: 75%;}
#jinnamru_point {top: 50%;left: 61%;}
#manharu_point {top: 30%;left: 31%;}
#myeongguksamjangbi_point {top: 23%;left: 70%;}
#ssangsujeong_point {top: 62%;left: 51%;}
#ssangsujeongsajukbi_point {top: 57%;left: 58%;}
#wanggoongji_point {top: 65%;left: 58%;}
#yeongdongru_point {top: 31%;left: 79%;}
#yeongunsa_point {top: 36%;left: 35%;}

.guideWrap { position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6); }
.guideImg { position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%; }
.guideImgSize { height:100vh;width:calc(100vh / 9 * 16); }
.guideDot { position:absolute;top:calc(100vw / 1920 * 507);left:calc(100vw / 1920 * 310);display:flex; }
.guideDot>li { width:calc(100vw / 1920 * 28);height:calc(100vw / 1920 * 28);cursor:pointer; }
.guideBtns { position:absolute;top:calc(100vw / 1920 * 609);left:calc(100vw / 1920 * 316);display:flex; }
.guideBtn { width:calc(100vw / 1920 * 60);height:calc(100vw / 1920 * 60);cursor:pointer;border-radius:50%; }
.guideBtn:hover { background-color:rgba(255,255,255,0.4); }
.guideBtn.disable { opacity:0.4; }
.guideBtn.left { background-image:url(menu_img/guide/arrowLeft.png);background-size:100%; }
.guideBtn.right { background-image:url(menu_img/guide/arrowRight.png);background-size:100%; }
.guideBtn.exit { background-image:url(menu_img/guide/exit.png);background-size:100%; }
.guideBtn:not(:last-child) { margin-right:calc(100vw / 1920 * 24); }
.fingerGroup { position:absolute;width:100%;height:100%;top:0;left:0; }
.finger { position:absolute;width:calc(100vw / 1920 * 42); }
.finger.f1 { top:calc(100vw / 1920 * 416);left:calc(100vw / 1920 * 746);animation:f1 1s infinite ease; }
.finger.f2 { top:calc(100vw / 1920 * 618);left:calc(100vw / 1920 * 956);transform:rotate(180deg);animation:f2 1s infinite ease; }

.guideImgSize .guideDot { top:calc(100vh / 1080 * 507);left:calc(100vh / 1080 * 310); }
.guideImgSize .guideDot>li { width:calc(100vh / 1080 * 28);height:calc(100vh / 1080 * 28); }
.guideImgSize .guideBtns { top:calc(100vh / 1080 * 609);left:calc(100vh / 1080 * 316); }
.guideImgSize .guideBtn { width:calc(100vh / 1080 * 60);height:calc(100vh / 1080 * 60); }
.guideImgSize .finger { width:calc(100vh / 1080 * 42); }
.guideImgSize .finger.f1 { top:calc(100vh / 1080 * 416);left:calc(100vh / 1080 * 746); }
.guideImgSize .finger.f2 { top:calc(100vh / 1080 * 618);left:calc(100vh / 1080 * 956); }

.m_guide { position:absolute;top:0;left:0;width:100%;height:100%; }
.guideBg { position:absolute;width:100%;height:100%;object-fit:cover; }
.m_guide .exit { position:absolute;top:3px;right:3px;width:44px;height:44px; }
.m_guide .title { position:absolute;top:40px;left:50%;transform:translateX(-50%);color:#fff;font-size:16px;text-align:center;letter-spacing:-0.32px; }
.m_guide .title b { font-size:18px;letter-spacing:-0.36px; }
.m_guideDot { display:flex;justify-content:center;margin-bottom:16px; }
.m_guideDot>li { width:10px;height:10px;border-radius:50%;background:#fff;opacity:0.4; }
.m_guideDot>li.active { opacity:1; }
.m_guideDot>li:not(:last-child) { margin-right:8px; }
.m_guideImg { position:absolute;top:107px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);height:calc(100% - 212px); }
.m_guideImg>img,
.m_fingerGroup>img { width:100%;height:100%;object-fit:contain; }
.m_finger { position:absolute;top:0;left:0;width:100%;height:100%; }
.m_finger.mf1 { animation:mf1 1s infinite ease; }
.m_finger.mf2 { animation:mf2 1s infinite ease; }
.m_guide_footer { position:absolute;bottom:0;left:0;width:100%;padding:16px;line-height:46px; }
.m_guide_btn { border-bottom:2px solid #af9f92; }

.source { position:absolute;bottom:12px;left:0px;width:100%;font-size:14px;color:#fff;transition:left 0.4s ease;text-shadow:0 0 5px rgba(0,0,0,0.2);word-break:keep-all;padding:0 12px; }
.source span { font-size:12px; }

#manharu .source { display:flex; }
#manharu .source img { width:90px;height:30px; }
#manharu .source>span { display:flex;align-items:center;height:30px;padding:0 8px;background:rgba(0,0,0,0.5); }
#manharu .source>span>span { padding-right:8px; }

.scrollArrow { position:absolute;bottom:120px;right:24px;width:40px;height:40px;border:1px solid #e6e6e6;background:#fff url(menu_img/scrollArrow.png) no-repeat 50% 50%;background-size:18px;border-radius:50%;cursor:pointer; }
.scrollArrow.on { transform:scaleY(-1); }

.infoWrap .footer.shadow { box-shadow:0 -5px 10px 0 rgba(153,153,153,0.1); }

.infoWrap .body .v_source { font-size:16px;letter-spacing:-0.28px;margin-bottom:8px;line-height:16px; }
.v_source span { font-size:12px;letter-spacing:-0.24px; }

#m1 .img { margin-bottom:8px; }


@keyframes rotate {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(720deg); }
}

@keyframes scale {
  0% { transform:translate(-50%, -50%) scale(1);opacity:1; }
  50% { transform:translate(-50%, -50%) scale(2);opacity:1; }
  100% { transform:translate(-50%, -50%) scale(2);opacity:0; }
}

@media screen and (min-width:768px) and (min-height:500px) {
  .mobile { display:none !important; }
  .infoWrap { top:50%;left:50%;transform:translate(-50%, calc(-50% - 43px));max-width:604px; }
  .infoWrap>div { border-radius:24px;height:760px;max-height:calc(100vh - 30px - 56px - 30px - 30px); }
  .character .text_box { left:calc(100% + 10px); }
  .character .text_box::after { content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-color:transparent #fff;border-style:solid;border-width:20px 50px 20px 0;  }
  .character .text_box>p { margin-bottom:24px; }
  .character .text_box .cbtns .cbtn { border:1px solid #e6e6e6;line-height:48px; }

  .infoWrap .head { border-top-left-radius:24px;border-top-right-radius:24px; }
  .infoWrap .footer { border-bottom-left-radius:24px;border-bottom-right-radius:24px; }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
  .pc.loader_pc { display:block !important }
  .mobile.loader_mobile { display:none !important; }
  .loaderBg { width:90% !important; }
}

@media screen and (max-width:767px), screen and (max-height:500px) {
  .pc { display:none !important; }
  body { font-size:14px;letter-spacing:-0.28px; }
  .mainBtnWrap { bottom:16px;padding:6px;border-radius:4px; }
  .mainBtnWrap>li { line-height:32px;border-radius:4px; }
  .infoWrap { height:100%;background:#fff; }
  .infoWrap .footer { position:absolute;bottom:0px;width:100%;padding:16px; }
  .infoWrap .head { position:absolute;top:0; }
  .infoWrap .body { margin-top:60px;padding:16px;margin-bottom:64px; }
  .infoWrap .head>img { width:44px;margin:8px 8px 8px 16px; }
  .infoWrap .head>span { font-size:24px; }
  .infoWrap .footer>div { line-height:48px;border-radius:4px; }
  .infoWrap .footer>div:not(:last-child) { margin-right:8px; }

  .infoWrap .body>.img { margin-bottom:16px; }

  .anchor.list { min-width:68px;line-height:32px;font-size:12px;letter-spacing:-0.24px;border-radius:4px; }

  .m2_btns { bottom:16px; }
  .m2_btns .white_btn { line-height:42px; }

  .white_btn { border-radius:4px; }

  .character { bottom:16px;left:16px; }
  .character>img { position:absolute;bottom:60px;left:8px;width:154px;z-index:2; }
  #c1 { position:relative;margin-left:120px;padding-left:8px;background:#fff;z-index:3; }
  .character .text_box { bottom:52px;width:calc(100vw - 32px);padding:8px;border-radius:4px; }
  .character .text_box .cbtns { position:absolute;top:calc(100% + 8px);left:0px;width:100%; }
  .character .text_box .cbtns .cbtn { background:#fff;border-radius:4px;line-height:42px;border:solid #af9f92;border-width:0 0 2px 0; }
  #c5 b { display:inline-block;margin-bottom:8px; }
  .character .text_box .cbtns .cbtn:not(:first-child) { margin-left:8px; }

  .logo { top:8px;left:8px;width:52px; }

  .footer.shadow { padding-top:16px;box-shadow:0 -5px 10px 0 rgba(153,153,153,0.1); }

  .infoWrap .body>.img>video { width:calc(100vw - 32px);height:calc((100vw - 32px) / 16 * 9); }

  .m2_exit { bottom:16px;line-height:44px; }

  .sel_list { top:16px;width:114px;line-height:36px;max-height:36px;border-radius:4px; }
  .sel_list>li:first-child { padding-left:8px;line-height:36px;padding-right:24px;background:url(menu_img/underArrow.png) no-repeat calc(100% - 2px) 50%;background-size:22px; }
  .sel_list.active { max-height:calc(36px * 13); }

  .loaderContainer { background:#a24b20; }
  .loaderLogo { top:16px;left:12px;width:30px; }
  .loaderTitle { top:5%;font-size:16px;letter-spacing:-0.32px; }
  .loaderTitle>p:nth-child(2) { font-size:28px; }
  .loaderText { font-size:14px; }
  .loaderMain { width:calc(242 * 100vh / 640);height:calc(404 * 100vh / 640);border-width:3px; }
  .loaderCharacter{ top:55%;width:calc(300 * 100vh / 640);max-width:300px; }
  .loaderMoon { width:calc(400 * 100vh / 640);height:calc(350 * 100vh / 640);max-width:400px;max-height:350px;top:43%;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:0;border-bottom-right-radius:0; }
  .loaderBg { width:100%;max-width:100%;max-height:70vh; }
  .loaderBg img:nth-child(2) { max-width:100vh;position:relative;left:50%;transform:translateX(-50%); }
  .loaderBg img:nth-child(3) { position:absolute;bottom:0;max-width:100vh;left:50%;transform:translateX(-50%); }
  .loaderLeaf { bottom:-30px;width:100%;max-width:100vh;left:50%;transform:translateX(-50%); }
  .loaderProgress { top:25%;width:calc(80 * 100vh / 640);height:calc(80 * 100vh / 640); }
  .loaderPoint { margin-top:calc(-40 * 100vh / 640); }
  .loaderBg2 { position:absolute;top:50%;left:50%;width:100%;height:100vh;transform:translate(-50%,-50%);background:#a24b20; }
  .loaderInfo { width:100%;right:50%;transform:translateX(50%);text-align:center;word-break:keep-all;font-size:12px; }

  .loaderPoint { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(12 * 100vh / 640);height:calc(12 * 100vh / 640);border-radius:50%;background:#fff;opacity:0.20;margin-top:calc(-40 * 100vh / 640);transform-origin:calc(6 * 100vh / 640) calc(46 * 100vh / 640); }

  .source { font-size:12px; }

  .scrollArrow { bottom:96px;right:16px; }
  .infoWrap .body .v_source { font-size:12px; }
  .character .text_box .cbtns .cbtn.next { border-bottom:2px solid #382417; }
  .anchor.sub { width:26px;height:26px; }

  .imgLoader .imgLogo { top:16px;left:12px;width:30px; }
  .imgLoader .imgCenter { max-width:232px; }
  .imgLoader .imgCenter p { font-size:16px;letter-spacing:-0.32px; }
  .imgLoader .imgCenter p:nth-child(2) { font-size:30px;letter-spacing:-0.56px;margin-top:8px; }
  .imgLoader .imgCenter img { margin-top:32px; }
}

@keyframes blink {
  0% { opacity:0.37;width:calc(12 * 100vh / 1080);height:calc(12 * 100vh / 1080);transform-origin:calc(6 * 100vh / 1080) calc(86 * 100vh / 1080); }
  40% { opacity:1;width:calc(16 * 100vh / 1080);height:calc(16 * 100vh / 1080);transform-origin:calc(8 * 100vh / 1080) calc(88 * 100vh / 1080); }
  60% { opacity:0.37;width:calc(12 * 100vh / 1080);height:calc(12 * 100vh / 1080);transform-origin:calc(6 * 100vh / 1080) calc(86 * 100vh / 1080); }
  100% { opacity:0.37;width:calc(12 * 100vh / 1080);height:calc(12 * 100vh / 1080);transform-origin:calc(6 * 100vh / 1080) calc(86 * 100vh / 1080); }
}

@keyframes blink_m {
  0% { opacity:0.2;width:calc(12 * 100vh / 640);height:calc(12 * 100vh / 640);transform-origin:calc(6 * 100vh / 640) calc(46 * 100vh / 640); }
  40% { opacity:1;width:calc(16 * 100vh / 640);height:calc(16 * 100vh / 640);transform-origin:calc(8 * 100vh / 640) calc(48 * 100vh / 640); }
  60% { opacity:0.2;width:calc(12 * 100vh / 640);height:calc(12 * 100vh / 640);transform-origin:calc(6 * 100vh / 640) calc(46 * 100vh / 640); }
  100% { opacity:0.2;width:calc(12 * 100vh / 640);height:calc(12 * 100vh / 640);transform-origin:calc(6 * 100vh / 640) calc(46 * 100vh / 640); }
}

@keyframes f1 {
  0% { transform:translateY(0%); }
  50% { transform:translateY(10%); }
  100% { transform:translateY(0%); }
}

@keyframes f2 {
  0% { transform:translateY(10%) rotate(180deg); }
  50% { transform:translateY(0%) rotate(180deg); }
  100% { transform:translateY(10%) rotate(180deg); }
}

@keyframes mf1 {
  0% { transform:translateX(2%); }
  50% { transform:translateX(0%); }
  100% { transform:translateX(2%); }
}

@keyframes mf2 {
  0% { transform:translateY(2%); }
  50% { transform:translateY(0%); }
  100% { transform:translateY(2%); }
}