@font-face{font-family:"Helvetica Neue LT W05 55 Roman";src:url(../font/helvetica-neue-regular.eot?#iefix);src:url(../font/helvetica-neue-regular.eot?#iefix) format("eot") , url(../font/helvetica-neue-regular.woff2) format("woff2") , url(../font/helvetica-neue-regular.woff) format("woff") , url(../font/helvetica-neue-regular.ttf) format("truetype")}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,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,menu,nav,section{display:block}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}a{text-decoration:none;color:inherit}button{background-color:transparent;border:none;outline:none;padding:0;margin:0}html,body{height:100%;font-family:'Helvetica Neue LT W05 55 Roman','Noto Sans KR',sans-serif;background-color:#000;overflow:hidden}.btn{display:block;padding:12px;border:solid 1px #000;text-align:center;font-size:20px;cursor:pointer}.btn:hover,.btn:hover:active{background-color:#000;color:#fff}@keyframes fadein{
    from{opacity:0;}
    to{opacity:1;}
}#container{position:fixed;left:0;top:0;width:100%;height:100%}#blind{position:fixed;top:0;bottom:0;left:0;right:0;opacity:1;background-color:#000;transition:opacity 1s;pointer-events:none}#blind.hide{opacity:0}.loading-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center;font-size:150px;color:#fff}.loading-text-inner{position:relative;transform-origin:center center;animation-play-state:paused}.loading-text-inner.depth1{}.play .loading-text-inner.depth1{animation:passAwayReverse 60s linear}.loading-text-inner.depth2{transform:rotate(-10deg);padding:.1em;overflow:hidden}.loading-text-inner.depth3{padding:.1em}.play .loading-text-inner.depth3{animation:passAway 60s linear}.loading-text-inner.depth4{transform:rotate(10deg)}@keyframes passAway{
    from{
        transform:translateY(45%);
    }
    to{
        transform:translateY(100%);
    }
}@keyframes passAwayReverse{
    from{
        transform:translateY(-45%) ;
    }
    to{
        transform:translateY(-100%);
    }
}.logo-type{position:fixed;width:165px;height:auto}#logo-t{left:47px;top:38px}#logo-v{right:47px;top:38px}#logo-p{left:47px;bottom:38px}#logo-r{right:47px;bottom:38px}#intro{position:fixed;left:50%;top:50%;width:500px;height:500px;transform:translate(-50%,-50%);visibility:hidden;box-shadow:10px 10px 30px #000}#intro.active{visibility:visible}#intro>.inner{width:100%;height:100%;font-size:15px;line-height:1.6em;padding:20px 25px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(5px);background-color:#fff;box-shadow: 1px 1px 5px #00000088;transition:all .5s}#intro.active>.inner{opacity:1;transform:translateY(0)}#intro>.inner p{margin-top:1em}#intro>.inner p:first-child{margin-top:0}#intro>.inner p a{color:#000;padding-bottom:.1em;border-bottom:solid 1px #000}#main{position:relative;opacity:0;pointer-events:none;transition:opacity .5s}#main.active{opacity:1;pointer-events:auto;animation:fadeIn .5s}.title{opacity:0;position:fixed;left:50%;bottom:38px;height:165px;transform:translateX(-50%);transition:opacity .5s}.title a{display:block;color:#fff;font-size:40px;line-height:1em}#main.active .title{opacity:1;white-space:nowrap}nav{opacity:0;width:100%;left:0;top:38px;position:fixed;text-align:center;font-size:0;transition:opacity .5s}#main.active nav{opacity:1}nav ul{display:inline-block;font-size:40px}nav ul>li{display:inline-block;margin-left:1.5em}nav ul>li:first-child{margin-left:0}nav a{color:#fff;transition:opacity .5s}nav a:hover{opacity:.5}.btn-close{position:absolute;right:-20px;top:0;font-size:20px;width:15px;height:15px;line-height:1em;text-align:center;color:#fff;cursor:pointer}.btn-close:hover{opacity:.5}#main section{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;height:500px;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .5s;animation:fadein .5s}#main section.active{opacity:1;pointer-events:auto;transition:opacity .5s .5s}#main section>.inner{width:100%;height:100%;font-size:15px;line-height:1.6em;padding:20px 25px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;box-shadow:10px 10px 30px #000}#main section>.inner p{margin-top:1em}#main section>.inner p:first-child{margin-top:0}#books{position:fixed;width:auto;height:auto;left:47px;right:47px;margin:0 -45px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:0}#books article{display:inline-block;width:33.3%;padding:0 45px;box-sizing:border-box}#books article a{display:block;box-shadow:10px 10px 30px #000;transition:opacity .5s}#books article a:hover{opacity:.5}#books article img{width:100%;height:auto}#books article p{font-size:40px;line-height:1em;color:#fff;text-align:center;margin-top:10px}#books-slider{display:none}#books-slider .swiper-slide{width:75%}#books-slider article{width:100%}@media screen and (max-width:1440px){.logo-type{width:120px}#logo-t{left:31px;top:25px}#logo-v{right:31px;top:25px}#logo-p{left:31px;bottom:25px}#logo-r{right:31px;bottom:25px}#intro,#main section{width:400px;height:400px}.title{bottom:25px;height:120px;font-size:25px}.title a{font-size:30px}nav{top:25px}nav ul{font-size:30px}#books{margin:0 -35px;left:31px;right:31px}#books article{padding:0 35px}#books article p{font-size:30px}}@media screen and (max-width:992px){.logo-type{width:100px}.title{height:100px}#books article{}}@media screen and (max-width:768px){.logo-type{width:80px}#logo-t{left:25px;top:20px}#logo-v{right:25px;top:20px}#logo-p{left:25px;bottom:20px}#logo-r{right:25px;bottom:20px}nav{top:20px;position:fixed}nav ul{font-size:25px}nav ul>li{display:block;margin-left:0;text-align:left}nav a{display:inline-block}#intro{width:100%;height:auto;top:100px;bottom:100px;left:0;transform:none}#intro .inner::-webkit-scrollbar{display:none}.title{bottom:20px;height:auto}.title a{font-size:25px}#books{margin:0 -25px;left:25px;right:25px}#books article{padding:0 25px}#books article p{font-size:15px}#main section{width:100%;height:auto;top:100px;bottom:100px;left:0;transform:none}#main section .inner::-webkit-scrollbar{display:none}.btn-close{right:25px;top:20px;font-size:20px;width:auto;height:auto;color:#000}}@media screen and (max-width:480px){.logo-type{width:50px}#logo-t{left:20px;top:16px}#logo-v{right:20px;top:16px}#logo-p{left:20px;bottom:16px}#logo-r{right:20px;bottom:16px}nav{top:16px}.title{bottom:16px}#books-btn{display:none}#books-slider{display:block}#books article p{font-size:20px}.btn-close{right:20px;top:16px}}