@charset "UTF-8";body{font-family:'微軟正黑體','Malgun Gothic',Dotum,Tahoma,sans-serif;background-color:#000;color:#fff;margin:0 auto}img{max-width:100%;height:auto}button{background:0 0;border:none}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-fullscreen-button,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-panel,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-return-to-realtime-button,audio::-webkit-media-controls-rewind-button,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-timeline-container,audio::-webkit-media-controls-toggle-closed-captions-button,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{font-size:12px;color:#fff}audio::-webkit-media-controls-enclosure{background:0 0;border-radius:10px;background-color:none}audio::-webkit-media-controls-timeline{display:none}audio::-webkit-media-controls-fullscreen-volume-min-button,audio::-webkit-media-controls-fullscreen-volume-slider,audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-volume-slider-container{display:flex;background-color:transparent;filter:invert(80%)}a#gotop{display:block;position:fixed;bottom:15px;left:15px;z-index:999;background:transparent url(../image/btn_top.png) no-repeat 0 0;background-size:contain;width:101px;height:102px;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, .2));-webkit-filter:brightness(100%);filter:brightness(100%)}:focus{outline:0}a:active,a:focus,a:hover{text-decoration:none}ul{margin:0;padding:0;list-style-type:none}a.sideBar{display:block;position:fixed;bottom:30px;right:15px;z-index:999;width:167px;height:167px}a.sideBar2{display:block;position:fixed;bottom:220px;right:10px;z-index:999;width:200px;max-width:30%;height:140px}a.sideBar2:hover{animation:rubberBand .5s ease-in-out}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pd{padding:0 10px}.pt4{padding-top:40px}.navbar-inverse .navbar-nav>li>a,.pop-btn,a#gotop,a.sideBar,a.submit-btn{-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.bg_music{position:absolute;display:flex;bottom:0;right:0}a#gotop:hover,a.sideBar:hover{bottom:35px;-webkit-filter:brightness(130%);filter:brightness(130%)}button.close{width:54px;height:54px;background:url(../image/close.png) no-repeat 0 0;background-size:contain;overflow:hidden;text-indent:-10000em;cursor:pointer;border:0;opacity:1;position:absolute;right:0;top:-54px;z-index:999}.modal-body{padding:0;text-align:center}.modal-dialog{margin:80px auto}@media (min-width:992px){.modal-lg{width:1400px}}.navbar-inverse,.navbar-inverse .navbar-toggle{background-color:rgba(0,0,0,.5);border-color:rgba(255,255,255,.1)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-toggleBtn:hover,.navbar-inverse .navbar-nav>.active .dropdown-toggleBtn,.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:rgba(0,0,0,.7);outline:0}.navbar-inverse .navbar-nav>li>a{min-width:100px;color:#fff;font-weight:400;font-size:16px;line-height:60px;margin:0 10px;padding:0}.navbar-inverse .navbar-collapse{border-color:transparent;box-shadow:none}.navbar{min-height:100px;margin-bottom:0;border:0}.linkicon{display:flex;justify-content:center;flex-direction:row}.linkicon a{padding:9px}.dropdown-toggleBtn{font-size:16px;line-height:30px;padding:15px;color:#fff;display:block;width:100%}.dropdown-menu{background-color:rgba(0,0,0,.5);padding:12px 15px;text-align:left;border-radius:0;border:none}.dropdown-menu li:last-child{border-bottom:none}#tab-1,#tab-2,#tab-3{width:100%;position:relative;overflow:hidden}#avaFooter{position:relative}.conWrap .item{position:absolute;cursor:pointer;left:50%;width:100%}.conWrap .item span{height:0;display:block}.submit-btn{background:transparent url(../image/submit.png) no-repeat 0 0;background-size:contain;width:160px;height:160px;position:absolute;bottom:-30px;left:50%;margin-left:-80px;text-indent:-99999em;display:block;padding:0;border:none}#tab-1{position:relative;text-align:center;background:#000;z-index:2}#tab-1 .s1{position:relative;text-align:center;background:url(../image/main_bg.jpg) no-repeat center center;background-size:cover;height:110vh;overflow:hidden;min-width:100%;z-index:2;animation:main_bg 1s linear 0s 1}@keyframes main_bg{0%{opacity:0;filter:blur(20px);transform:scale(110%)}100%{opacity:1;filter:blur(0);transform:scale(100%)}}#tab-1 .s1 .title{position:absolute;width:533px;max-width:100%;height:496px;left:30%;top:45%;transform:translate(-50%,-50%);background:url(../image/main_title.png) no-repeat center center;background-size:contain;animation:main_title .3s linear 1.3s 1 forwards;opacity:0;z-index:2}@keyframes main_title{0%{opacity:0;filter:blur(20px);transform:translate(-50%,-50%) scale(110%)}100%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(100%);z-index:2}}#tab-1 .s1 .subtitle{position:absolute;width:949px;max-width:100%;height:169px;left:50%;top:75%;transform:translate(-50%,-50%);background:url(../image/main_subtitle.png) no-repeat center center;background-size:contain;animation:main_title .3s linear 1.5s 1 forwards;opacity:0;z-index:2}#tab-1 .s2{position:relative;z-index:1}#tab-1 .s2 .p1_s2_1,#tab-1 .s2 .p1_s2_2,#tab-1 .s2 .p1_s2_3,#tab-1 .s2 .p1_s2_4{position:relative;min-height:100vh}#tab-1 .s2 .title{margin-top:100px}#tab-1 .s2 .content{margin-top:30px;margin-bottom:50px}#tab-1 .s2 .p1_s2_1{background:url(../image/p1_section_2_1bg.jpg) no-repeat center center;background-size:cover}#tab-1 .s2 .p1_s2_2{background:url(../image/p1_section_2_2bg.jpg) no-repeat center center;background-size:cover}#tab-1 .s2 .p1_s2_2 .form{position:relative}#tab-1 .s2 .p1_s2_2 .form .btn{position:relative;margin-top:-80%;left:50%;max-width:40%;filter:brightness(100%);transition:.3s .2s all}#tab-1 .s2 .p1_s2_2 .form .btn:hover{filter:brightness(120%);transform:scale(1.1);transition:.3s all}#tab-1 .s2 .p1_s2_3{background:url(../image/p1_section_2_3bg.png) no-repeat center center;background-size:cover}#tab-1 .s2 .p1_s2_4{background:url(../image/p1_section_2_4bg.jpg) no-repeat center top;background-size:cover;padding-bottom:100px}#tab-1 .s2 .p1_s2_4 .btn{margin-top:100px;filter:brightness(100%);transition:.3s .3s}#tab-1 .s2 .p1_s2_4 .btn:hover{filter:brightness(125%);transition:.3s 0s}#tab-1 .s2 .sub+img,#tab-3 .p3_s1_2 .conWrap,#tab-3 .s1 .sub+img{-webkit-filter:drop-shadow(0 10px 15px rgba(0, 0, 0, .85));filter:drop-shadow(0 10px 15px rgba(0, 0, 0, .85))}.tab-pane .active>img,.tab-pane .sub>img{-webkit-filter:drop-shadow(0 2px 0 rgba(0, 0, 0, .85));filter:drop-shadow(0 2px 0 rgba(0, 0, 0, .85))}.video_wrapper{position:absolute;width:100%;max-width:100%;height:calc(100% - 40px);top:40px;overflow:hidden}.video_wrapper::after{content:'';position:absolute;width:100%;height:101%;left:0;top:0;background:url(../image/video_mask.png) no-repeat center;background-size:cover;mix-blend-mode:hard-light}.video_wrapper #player1,.video_wrapper #player2,.video_wrapper #player3{position:absolute;height:120%;min-width:100%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.video_wrapper #player2{background:url(../image/map/s2/0.jpg) no-repeat center;background-size:cover}#tab-2 .s1 div,#tab-2 .s2 div{animation-fill-mode:backwards;max-width:100%}#tab-2 .s1,#tab-2 .s2{position:relative;min-height:100vh}#tab-2 .s1_con,#tab-2 .s2_con{background:url(../image/p2_s1_con_bg.jpg) no-repeat center center;background-size:cover;position:relative;padding-bottom:50px}#tab-2 .s2_con{background:url(../image/p2_s2_con_bg.jpg) no-repeat center center;background-size:cover}#tab-2 .container{position:relative}#tab-2 .s1 .title{position:relative;width:1033px;max-width:100%;height:317px;margin-top:20%;background:url(../image/p2_s1_title.png) no-repeat center;background-size:contain}#tab-2 .s1_con .title{position:relative;width:349px;max-width:30%;height:463px;margin-top:30%;vertical-align:top;display:inline-block;background:url(../image/p2_s1_con_title.png) no-repeat center;background-size:contain}#tab-2 .s1_con .map{position:relative;width:1135px;max-width:69%;display:inline-block;padding-bottom:100%;margin-top:60px;background:url(../image/p2_s1_map.png) no-repeat center;background-size:contain}#tab-2 .s1_con .item,#tab-2 .s2_con .item{position:absolute;cursor:pointer;left:50%;top:50%;transform:translate(-50%,-50%)}#tab-2 .conWrap .item:nth-of-type(1){width:50%;padding-bottom:35%;transform:translate(-100%,-125%)}#tab-2 .conWrap .item:nth-child(2){width:50%;padding-bottom:35%;transform:translate(0,-125%)}#tab-2 .conWrap .item:nth-child(3){width:50%;padding-bottom:35%;transform:translate(-100%,-29%)}#tab-2 .conWrap .item:nth-child(4){width:50%;padding-bottom:35%;transform:translate(0,-29%)}#tab-2 .conWrap .item:nth-child(5){width:50%;padding-bottom:30%;transform:translate(-100%,70%)}#tab-2 .conWrap .item:nth-child(6){width:50%;padding-bottom:30%;transform:translate(0,70%)}#tab-2 .s2_con .title{position:relative;width:468px;max-width:30%;height:467px;margin-top:30%;display:inline-block;vertical-align:top;background:url(../image/p2_s2_con_title.png) no-repeat center;background-size:contain}#tab-2 .s2_con .map{position:relative;width:1135px;max-width:69%;padding-bottom:100%;margin-top:60px;display:inline-block;background:url(../image/p2_s2_map.png) no-repeat center;background-size:contain}.pop-btn{width:80px;height:80px;background:transparent url(../image/popup-btn.png) no-repeat 0 0;background-size:contain;position:absolute;z-index:2;top:50%;left:50%;margin-left:-40px;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.pop-btn,.submit-btn{-webkit-filter:brightness(100%) drop-shadow(0 5px 12px rgba(0, 0, 0, .85));filter:brightness(100%) drop-shadow(0 5px 12px rgba(0, 0, 0, .85))}.pop-btn:hover,.submit-btn:hover{-webkit-filter:brightness(130%) drop-shadow(0 5px 12px rgba(0, 0, 0, .85));filter:brightness(130%) drop-shadow(0 5px 12px rgba(0, 0, 0, .85))}.conWrap{position:absolute;top:0;width:1200px;max-width:69%;left:30%;height:100%;margin:0 auto}#tab-3 .active{position:relative;padding-top:130px;margin:0 auto 45px;z-index:-1;text-align:center}#tab-3 .item{cursor:pointer}#tab-3 .s1 .sub{margin-bottom:80px}#tab-3{background:url(../image/p3_section_1_bg.png) no-repeat center center;background-size:contain;position:relative}#tab-3 .container{text-align:center;padding-bottom:50px}#tab-3 .s1{position:relative;background:url(../image/p3_section_1_bg.jpg) no-repeat center center;background-size:cover;min-height:100vh}#tab-3 .s2{position:relative;background:url(../image/p3_section_2_bg.jpg) no-repeat center center;background-size:cover;min-height:100vh}#tab-3 .s3{position:relative;background:url(../image/p3_section_3_bg.jpg) no-repeat center center;background-size:cover;min-height:100vh}#tab-3 .s4{position:relative;background:url(../image/p3_section_4_bg.jpg) no-repeat center center;background-size:cover;min-height:100vh}#tab-3 .p3_s1_1,#tab-3 .p3_s1_2,#tab-3 .p3_s1_3,#tab-3 .p3_s1_4{position:relative;margin-bottom:80px}.p3_s1_1,.p3_s2_1{margin-top:100px}.p3_s1_1 .title,.p3_s2_1 .title,.p3_s3_1 .title{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;z-index:2}.p3_s3_1 .title{top:0}.p3_s3_1 .row{margin-top:360px}.tab-pane{display:none}.tab-pane.active{display:block}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{background-color:transparent}.goh_style{line-height:0;text-align:center}@media screen and (max-width:1200px){.doll{margin-left:-4.78rem;top:2.79rem;width:2.29rem;height:3.19rem}#tab-2 .s1_con,#tab-3{padding-bottom:80px}#tab-1 .s2 .active{padding:2rem 0 0}#tab-1 .s2 .p1_s2_3 .active::before{display:none}#tab-1 .s2 .p1_s2_4 .active{width:71%}#tab-1 .s2 .p1_s2_5 .active{width:39%}#tab-2 .active{width:60%}#tab-2 .s1_header{height:7.97rem}#tab-2 .s2_header{height:8rem}#tab-2 .title h1{width:60%!important}#tab-2 .title h2{width:40%!important}#tab-2 .title h1:after{top:-.62rem;height:3.11rem}#tab-2 .active{padding:.7rem 0 .6rem}#tab-2 .s1_con .conWrap{height:9.89rem;background-size:contain}#tab-2 .s1_con .item{top:.56rem;width:5.49rem}#tab-2 .conWrap .item{top:765px}#tab-3 .s1 .active{margin-bottom:15px}#tab-3 .s1 .p3_s1_2 .active{padding-top:0}#tab-3 .s1 .sub{margin-bottom:30px}}@media screen and (max-width:768px){#particles-js{height:100vh}#tab-1 .s2{margin:0}.bg_music{display:none}}@media (max-width:480px){#tab-1 .s1 .char,#tab-1 .s1 .title{opacity:1;animation:unset}a.sideBar2{top:120px;left:15px}#tab-1 .s2 .p1_s2_1,#tab-1 .s2 .p1_s2_2,#tab-1 .s2 .p1_s2_3,#tab-1 .s2 .p1_s2_4{min-height:unset}#tab-1 .s1{height:100vh}#tab-1 .s1 .title{max-width:80%;top:55%;left:50%}#tab-1 .s2 .p1_s2_4 .btn{margin-top:30px}#tab-2 .s1_con .title,#tab-2 .s2_con .title{max-width:70%;left:50%;transform:translateX(-50%)}#tab-2 .s1_con .map,#tab-2 .s2_con .map{max-width:100%}#tab-2 .s1_con .conWrap,#tab-2 .s2_con .conWrap{max-width:100%;top:210px;left:0}#tab-2 .s1_con .title,#tab-2 .s2_con .title{margin-top:80px;height:300px}#tab-2 .s1_con .map,#tab-2 .s2_con .map{margin-top:0}#tab-2 .conWrap .item{top:320px}a.sideBar{width:80px;height:80px;animation:none}a#gotop{width:60px;height:61px;right:15px;bottom:15px}a#gotop:hover{bottom:30px}.pop-btn{width:50px;height:50px;margin-left:-25px}#tab-1 .s2 .active{padding-top:50px!important;margin-bottom:25px}#tab-1 .s2 .sub{margin-bottom:30px}#tab-2 .title h2{margin:0 auto!important}#tab-3 section:first-child{height:auto;min-height:auto}.p3_s1_1 .title,.p3_s2_1 .title{top:50%;transform:translate(-50%,-50%)}.p3_s3_1 .title{width:100%}.p3_s3_1 .row{margin-top:140px}#tab-3 .active{padding-top:50px}.submit-btn{width:80px;height:80px;margin-left:-40px}button.close{width:34px;height:34px;top:-34px}#picModal .modal-dialog{top:50%;transform:translateY(-50%)}}