@font-face{font-family:'Infinity Sans';font-weight:400;src:url(/trilogy/font/infinity-sans/400.woff2) format("woff2"),url(/trilogy/font/infinity-sans/400.woff) format("woff")}@font-face{font-family:'Infinity Sans';font-weight:700;src:url(/trilogy/font/infinity-sans/700.woff2) format("woff2"),url(/trilogy/font/infinity-sans/700.woff) format("woff")}@font-face{font-family:'Infinity Sans WM';font-weight:400;src:url(/trilogy/font/infinity-sans/wm-400.woff2) format("woff2"),url(/trilogy/font/infinity-sans/wm-400.woff) format("woff")}@font-face{font-family:'Infinity Sans WM';font-weight:700;src:url(/trilogy/font/infinity-sans/wm-700.woff2) format("woff2"),url(/trilogy/font/infinity-sans/wm-700.woff) format("woff")}@font-face{font-family:'Infinity Sans Cond';font-weight:700;src:url(/trilogy/font/infinity-sans/cond-700.woff2) format("woff2"),url(/trilogy/font/infinity-sans/cond-700.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:100;src:url(/trilogy/font/notosans/100.woff2) format("woff2"),url(/trilogy/font/notosans/100.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:200;src:url(/trilogy/font/notosans/200.woff2) format("woff2"),url(/trilogy/font/notosans/200.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:300;src:url(/trilogy/font/notosans/300.woff2) format("woff2"),url(/trilogy/font/notosans/300.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:400;src:url(/trilogy/font/notosans/400.woff2) format("woff2"),url(/trilogy/font/notosans/400.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:500;src:url(/trilogy/font/notosans/500.woff2) format("woff2"),url(/trilogy/font/notosans/500.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:700;src:url(/trilogy/font/notosans/700.woff2) format("woff2"),url(/trilogy/font/notosans/700.woff) format("woff")}@font-face{font-family:'Noto Sans KR';font-weight:900;src:url(/trilogy/font/notosans/900.woff2) format("woff2"),url(/trilogy/font/notosans/900.woff) format("woff")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ui-modal{display:none;position:fixed;top:0;left:0;z-index:10;margin-top:calc( (100vh - 400px) / 2);margin-left:calc( (100% - 100%) / 2);min-width:100%;height:400px;font-family:'Noto Sans KR'}.ui-modal.ui-modal__video .ui-modal__inner{display:flex;align-items:center;width:80vw;min-width:auto}.ui-modal.ui-modal__video .ui-modal__content{overflow:hidden;position:relative;padding-bottom:56.25%;padding-top:25px;width:100%;height:0}.ui-modal.ui-modal__video .ui-modal__content iframe{position:absolute;top:0;left:0;width:100%;height:100%}.ui-modal__inner{z-index:10;width:100%;height:100%}.ui-modal__content{overflow-x:hidden;overflow-y:auto;height:100%;box-sizing:border-box}.ui-modal__content p{line-height:1.5;font-size:16px;font-weight:300;color:#666}.ui-modal__content p strong,.ui-modal__content p em{font-weight:300}.ui-modal__button{border:0;background:none;cursor:pointer}.ui-modal__button.close{position:absolute;right:26px;top:11px;z-index:20;padding:0;width:28px;height:28px;line-height:0;font-size:0}.ui-modal__button.close::before,.ui-modal__button.close::after{content:'';display:block;position:absolute;top:0;left:50%;width:3px;height:100%;background-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui-modal__button.close::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui-modal--nofixed{position:absolute;margin-top:auto;margin-left:auto}.ui-modal--dimmed{align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;margin:0;height:auto}.ui-modal--dimmed::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111}.ui-modal--dimmed .ui-modal__inner{min-width:100%;height:100vh}.ui-modal--activate{display:block}.ui-modal--activate.ui-modal--dimmed{display:flex}.list-share-sns{display:flex;justify-content:center;align-items:center;height:100%}.list-share-sns li{margin-left:82px;font-family:'Noto Sans KR'}.list-share-sns li:first-of-type{margin-left:0}.list-share-sns li a{color:#fff;text-decoration:none}.list-share-sns .button{display:block;line-height:1;font-size:16px;font-weight:400;color:#fff;text-align:center}.list-share-sns .button span{display:block;margin-top:10px;text-align:center;opacity:.99}.list-share-sns .button::before{content:'';display:block;width:100px;height:100px;background:url(/trilogy/img/desktop/sp_share_sns.png) no-repeat;-webkit-transform:scale(0.75);transform:scale(0.75)}.list-share-sns .button.facebook::before{background-position-y:0}.list-share-sns .button.twitter::before{background-position-y:-100px}.list-share-sns .button.clipboard::before{background-position-y:-200px}.list-nav{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;height:100%}.list-nav li{margin-top:30px;font-family:'Noto Sans KR';text-align:center}.list-nav li.on .button{opacity:.99}.list-nav li .button{display:inline-block;line-height:1;font-size:20px;font-weight:200;font-family:inherit;color:#fff;text-align:center;text-decoration:none;opacity:.3;transition:opacity 500ms ease;height:20px}.list-nav li .button::before{content:'';display:inline-block;margin-right:5px;width:30px;height:20px;background-position:0 50%;background-repeat:no-repeat;background-size:contain;vertical-align:top}.list-nav li .button:hover{opacity:.6}.list-nav li .button span{display:inline-block;line-height:1;vertical-align:top}.list-nav li .button.link{line-height:32px;height:32px;padding:0 23px;border-radius:16px;font-size:15px;background-color:#2f291f;opacity:1;color:#e2c695}.list-nav li .button.link::before{display:none}.list-nav li .button.link>span{line-height:32px}.list-nav li .button.link>span:after{content:'';display:inline-block;width:12px;height:12px;background:url(/trilogy/img/icon/icon_link.png) center center no-repeat;background-size:contain;margin-left:13px}.list-nav li .button.link>span span{line-height:32px;color:#e3b56a}.list-nav li:first-of-type{margin-top:0}.list-nav li:nth-child(1) .button::before{margin-right:0;background-image:url(/trilogy/img/desktop/bg_tab_menu0.png)}.list-nav li:nth-child(2) .button::before{background-image:url(/trilogy/img/desktop/bg_tab_menu1.png)}.list-nav li:nth-child(3) .button::before{background-image:url(/trilogy/img/desktop/bg_tab_menu2.png)}.list-nav li:nth-child(4) .button::before{margin-right:5px;background-image:url(/trilogy/img/desktop/bg_tab_menu3.png)}.list-nav li:nth-child(5) .button::before{margin-right:0;width:32px;background-image:url(/trilogy/img/desktop/bg_tab_menu4.png)}.list-nav li:nth-child(6) .button::before{margin-right:0;height:28px;background-image:url(/trilogy/img/desktop/bg_tab_menu5.png)}html.disable-scroll{position:fixed;overflow:hidden !important;width:100%}html.disable-scroll body{overflow:hidden;position:fixed;position:relative}html.disable-scroll .contents{overflow:hidden;height:100vh}html.landscape-mode .container{display:block}html.portrait-mode .orientation{opacity:1;height:100%}html.portrait-mode .ui-modal{display:none}html.activate-interaction .btn-nav{opacity:.4}html,body{height:100%}body{-webkit-overflow-scrolling:touch;background-color:#222}.orientation{position:relative;z-index:20;margin:0 auto;width:100%;height:0;line-height:0;font-size:0;background:#010101 url(/trilogy/img/mobile/bg_orientation.jpg) no-repeat 0 50%;background-size:100% auto;opacity:0;transition:opacity 300ms ease, height 300ms 100ms ease}.header{position:fixed;top:0;left:0;z-index:2;border-bottom:1px solid rgba(255,255,255,0.3);width:100%;height:49px;text-align:center;background-color:#171717}.header a{line-height:0;font-size:0}.header .current-page{height:100%;line-height:0;font-size:0;background-repeat:no-repeat;background-position:50% 0;background-size:auto 100%}.index .header .current-page{background-image:url(/trilogy/img/mobile/header_index.png)}.menu1 .header .current-page{background-image:url(/trilogy/img/mobile/header_menu1.png)}.menu2 .header .current-page{background-image:url(/trilogy/img/mobile/header_menu2.png)}.menu3 .header .current-page{background-image:url(/trilogy/img/mobile/header_menu3.png)}.menu4 .header .current-page{background-image:url(/trilogy/img/mobile/header_menu4.png)}.menu5 .header .current-page{background-image:url(/trilogy/img/mobile/header_menu5.png)}.header .banner-btn{position:absolute;right:75px;height:100%;top:0;line-height:49px;color:#ffffff;font-size:12px;font-family:'Noto Sans KR';font-weight:300}.header .banner-btn .fgt-link{padding-right:19px;position:relative;z-index:10;box-sizing:border-box}.header .banner-btn .fgt-link:after{content:'';display:block;right:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8.5px;height:5px;overflow:hidden;background:url(/trilogy/img/icon/icon_selectOnOff.png) center bottom no-repeat;background-size:100%}.header .banner-btn .fgt-link span{color:#fedc68}.header .banner-btn.off .fgt-link:after{background-position:center top}.header__nav{position:absolute;top:0;left:15px;padding:17px 12px 16px;width:50px;height:100%;box-sizing:border-box}.header__nav::before{content:'';display:block;width:21px;height:2px;background-color:#fff}.header__nav span::before,.header__nav span::after{content:'';display:block;margin-top:5px;width:100%;height:2px;background-color:#fff}.header__nav span::after{width:15px}.header__sns{position:absolute;top:0;right:15px;width:50px;height:100%}.header__sns::before{content:'';display:block;margin:0 auto;width:22px;height:100%;background:url(/trilogy/img/desktop/btn_share.png) no-repeat 0 50%;background-size:contain;opacity:.6}.container{display:none;position:relative;margin:0 auto;min-width:320px;min-height:100vh}.container.index{max-width:none;min-height:auto;height:100%}.contents{position:relative;color:#fff;background-size:100% auto;background-repeat:no-repeat;background-position:0 0}.contents .bg{position:relative;width:100%}.contents .bg:nth-of-type(2){margin-top:-0.01em}.contents .banner_mir4_teaser{position:absolute;bottom:0;left:0;padding-top:10.5%;width:100%;height:0;line-height:0;font-size:0;background:url(/trilogy/img/mobile/banner_mir4_teaser.png) 0 0/100% auto no-repeat}.index .contents{position:relative;margin-top:40px;width:100%;padding-top:56.25%;background-size:100% auto}.index .contents.bg0{background-image:url(/trilogy/img/mobile/bg_trilogy_index.jpg)}.index .contents.bg1{background-image:url(/trilogy/img/mobile/bg_trilogy_index1.jpg)}.index .contents.bg2{background-image:url(/trilogy/img/mobile/bg_trilogy_index2.jpg)}.menu1 .contents .bg{padding-top:104.933%}.menu1 .contents .bg:nth-of-type(1){background:url(/trilogy/img/mobile/contents_menu1a.jpg) no-repeat 0 0/100% auto}.menu1 .contents .bg:nth-of-type(2){background:url(/trilogy/img/mobile/contents_menu1b.jpg) no-repeat 0 0/100% auto}.menu2 .contents .bg:nth-of-type(1){padding-top:125%;background:url(/trilogy/img/mobile/contents_menu2a.jpg) no-repeat 0 52px/100% auto}.menu2 .contents .bg:nth-of-type(2){margin-top:-2px;padding-top:96%;background:url(/trilogy/img/mobile/contents_menu2b.jpg) no-repeat 0 0/100% auto}.menu3 .contents .bg{padding-top:98%}.menu3 .contents .bg:nth-of-type(1){background:url(/trilogy/img/mobile/contents_menu3a.jpg) no-repeat 0 0/100% auto}.menu3 .contents .bg:nth-of-type(2){background:url(/trilogy/img/mobile/contents_menu3b.jpg) no-repeat 0 0/100% auto}.menu4 .contents .bg{padding-top:92%}.menu4 .contents .bg:nth-of-type(1){padding-top:91.950%;background:url(/trilogy/img/mobile/contents_menu4a.jpg) no-repeat 0 0/100% auto}.menu4 .contents .bg:nth-of-type(2){margin-top:-1px;background:url(/trilogy/img/mobile/contents_menu4b.jpg) no-repeat 0 0/100% auto}.menu5 .contents .bg{padding-top:179%}.menu5 .contents .bg:nth-of-type(1){background:url(/trilogy/img/mobile/contents_menu5.jpg) no-repeat 0 0/100% auto}.contents.bg0+.footer{margin-top:-3%;background-color:#040603}.footer{position:relative;margin-top:-40px;color:#666;font-family:'Noto Sans KR';text-align:center;background-color:#222;background:linear-gradient(0deg, #222 0%, #222 50%, rgba(34,34,34,0) 100%);line-height:1.2;font-size:10px}.footer>p:last-of-type{margin-top:8px}.footer>p:last-of-type::before{content:'';display:inline-block;position:relative;top:-2px;vertical-align:top;margin-right:10px;width:68px;height:14px;background:url(/trilogy/img/mobile/footer_logo.png) 0 0/100% auto no-repeat}.footer .address a{color:inherit;font-size:inherit;text-decoration:none}.footer .address>span{margin-right:10px;padding-right:10px;position:relative}.footer .address>span:after{content:'';display:block;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:10px;position:absolute;background-color:#666}.footer .address>span:nth-last-of-type(1){margin-right:0;padding-right:0}.footer .address>span:nth-last-of-type(1):after{display:none}.index .footer{position:relative;top:0;bottom:auto;left:auto;padding-top:0;width:100%;background:none}.menu2 .footer{margin-top:30px;margin-bottom:10px}.btn-nav{position:fixed;top:50%;z-index:10;margin-top:-47px;width:46px;height:95px;line-height:0;font-size:0;opacity:0;background:url(/trilogy/img/mobile/btn_nav.png) no-repeat 0 0/contain;transition:opacity 800ms 200ms ease}.btn-nav.prev{left:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.btn-nav.next{right:10px}.btn-video-artist{position:absolute;top:54%;right:3.333%;width:60.133%;height:19.886%;line-height:0;font-size:0}@media only screen and (min-width: 768px) and (min-height: 450px) and (orientation: landscape){.footer{height:70px}.index .footer{height:70px}}@media not all and (min-resolution: 0.001dpcm){@supports (-webkit-appearance: none){.footer{font-size:0.4rem}}}.invisible{position:absolute !important;top:-1px;left:-1px;overflow:hidden;visibility:hidden;height:1px !important;width:1px !important;font-size:0;word-wrap:normal}.banner_teaser{position:fixed;top:70px;right:10px;z-index:2;border:1px solid #363636;width:240px;height:80px;background:url(/trilogy/img/mobile/banner_teaser.jpg) no-repeat 0 0/100% auto;-webkit-transform:translateX(252px);transform:translateX(252px);transition:-webkit-transform 700ms 1s ease-out;transition:transform 700ms 1s ease-out;transition:transform 700ms 1s ease-out, -webkit-transform 700ms 1s ease-out}.banner_teaser .banner_link{display:block;height:100%;line-height:0;font-size:0}.banner_teaser .btn_banner_close{display:none;justify-content:center;align-items:center;position:absolute;top:-54px;right:-1px;border:1px solid #363636;width:54px;height:54px;line-height:0;font-size:0;background-color:#000;cursor:pointer;outline:none}.banner_teaser .btn_banner_close::before{content:'';width:22px;height:18px;background:url(/trilogy/img/icon/arrow.svg) no-repeat 0 0/100% auto;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease, -webkit-transform 500ms ease}.banner_teaser .btn_banner_close.btn--show{display:flex}.banner_teaser .btn_banner_close[aria-expanded="true"]::before{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.activate-interaction .banner_teaser{-webkit-transform:translateX(0);transform:translateX(0)}