@import url(https://fonts.googleapis.com/css2?family=Scheherazade:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@font-face{font-family:"Chosunilbo_myungjo";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-1Thin";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-2ExtraLight";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-3Light";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-4Regular";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-5Medium";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-6Bold";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-7ExtraBold";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-8Heavy";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"S-CoreDream-9Black";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Saol Display Regular";src:url(http://db.onlinewebfonts.com/t/4c4c08af466e9ad071b6d69cf44093df.eot);src:url(http://db.onlinewebfonts.com/t/4c4c08af466e9ad071b6d69cf44093df.eot#iefix) format("embedded-opentype"),url(http://db.onlinewebfonts.com/t/4c4c08af466e9ad071b6d69cf44093df.woff2) format("woff2"),url(http://db.onlinewebfonts.com/t/4c4c08af466e9ad071b6d69cf44093df.woff) format("woff"),url(http://db.onlinewebfonts.com/t/4c4c08af466e9ad071b6d69cf44093df.ttf) format("truetype"),url(http://db.onlinewebfonts.com/t/4c4c08af466e9ad071b6d69cf44093df.svg#Saol%20Display%20Regular) format("svg")}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}:root{font-size:14px;background:#f0eeeb}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-family:"Roboto",sans-serif;font-weight:400}a{color:#000;background-color:transparent}a,a:hover{text-decoration:none}a:active,a:hover{outline:0}em{font-style:normal}strong{font-weight:400}dl,ol,p,ul{word-break:keep-all}img{vertical-align:top}img,table{border:0;width:100%}table{border-collapse:collaspe;border-spacing:0}li,ul{list-style:none}#header{position:fixed;left:0;top:0;width:100%;height:82px;background:#000;display:flex;justify-content:space-between;border-bottom:1px solid #2e2e30;z-index:10000}#header .site{flex:1 1 30%}#header .site a{position:relative;text-transform:capitalize;display:block;border-right:1px solid #2e2e30;width:175px;height:82px;padding:32px 27px 27px 65px;text-align:center;box-sizing:border-box}#header .site a:before{top:34px}#header .site a:after,#header .site a:before{content:"";position:absolute;left:48px;width:30px;height:1px;background:#f0eeeb}#header .site a:after{top:44px}#header .logo{flex:1 1 30%;text-align:center;font-size:2.2rem;margin-top:1.2rem;font-family:"Scheherazade";text-transform:uppercase}#header .nav{flex:1 1 30%;text-align:right}#header .nav ul{margin-top:20px;margin-right:10px}#header .nav li{display:inline}#header .nav li a{display:inline-block;padding:10px}#header a{color:#f0eeeb}#header.white{background:#f0eeeb;border-bottom:1px solid #dad8d1}#header.white .site a{border-right:1px solid #dad8d1}#header.white a{color:#000}#header.white a:after,#header.white a:before{background:#000}#footer{background-color:#000;height:100vh}.footer{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#f0eeeb}.footer>div p{font-family:serif;font-family:"Roboto";font-size:20px;font-weight:200;margin-bottom:2rem}.footer>div h3{font-family:"Saol Display";font-size:144px;line-height:1;text-transform:uppercase;margin-bottom:5rem}.footer>div a{color:#f0eeeb;border:1px solid #f0eeeb;border-radius:50px;padding:18px 54px;font-size:16px;font-weight:300;font-family:"Roboto";text-transform:uppercase}.container{width:1300px;padding:0 10px;height:inherit;margin:0 auto}.titleWrap{padding:20vh 0}.titleWrap h1{font-size:144px;font-family:"Saol Display";line-height:1}.titleWrap h1 span{display:block;text-transform:uppercase}#mainCont{display:flex;justify-content:right;align-items:center;background-color:#000;color:#fff;height:100vh}.mainCont{font-size:180px;font-family:"Saol Display";text-align:right;margin-top:140px}.mainCont .than span{color:#000;background-color:#f0eeeb;display:inline-block;height:130px;padding:15px;line-height:160px}.mainCont>div{line-height:.9}.aboutCont>div,.aboutCont>div h2{font-size:1.2rem;font-family:"Chosunilbo_myungjo"}.aboutCont>div h2{margin-top:60px;margin-bottom:30px}.aboutCont>div p{line-height:1.5;margin-bottom:350px}.aboutCont>div:first-child .aiLeft,.aboutCont>div:first-child .aiLeft img{width:100%}.aboutCont>div:first-child .aiRight{width:50%}.aboutCont>div:nth-child(2){display:flex;margin-bottom:350px}.aboutCont>div:nth-child(2) .aiLeft{flex:1 1 30%}.aboutCont>div:nth-child(2) .aiRight{flex:1 1 30%;margin-left:10%}.aboutCont>div:nth-child(2) h2{margin-top:0}.aboutCont>div:nth-child(3){display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:350px}.aboutCont>div:nth-child(3) .aiLeft{flex:0 0 30%}.aboutCont>div:nth-child(3) .aiRight{flex:0 0 40%}.aboutCont>div:nth-child(3) h2{margin-top:0}.aboutCont>div:nth-child(4){display:flex;margin-bottom:350px}.aboutCont>div:nth-child(4) .aiLeft{flex:1 1 30%}.aboutCont>div:nth-child(4) .aiRight{flex:1 1 30%;margin-left:10%}.aboutCont>div:nth-child(4) h2{margin-top:0}.referCont{padding-bottom:30vh}.referCont ul{border-top:1px solid #000}.referCont li{border-bottom:1px solid #000;padding:20px;transition:background .33s ease-in-out}.referCont li:hover{background:rgba(0,0,0,.1)}.referCont li a{font-family:"S-Core Dream";display:flex}.referCont li a .alpha{flex:1 1 5%}.referCont li a .tag{flex:1 1 10%}.referCont li a .desc{flex:1 1 75%}.referDetail{margin-bottom:20vh}.referDetail h3{font-size:2rem;padding-bottom:5px}.referDetail dl{display:flex;padding:20px;border-top:1px solid #000}.referDetail dl dt{flex:1 1 10%}.referDetail dl dd{flex:1 1 90%}.referDetail dl:last-child{border-bottom:1px solid #000}.ani{display:flex;justify-content:space-between;margin-bottom:15vh}.ani .ani-left{flex:1 1 50%;margin-right:10%}.ani .ani-left h2{font-family:"Chosunilbo_myungjo";font-size:50px}.ani .ani-left .view{position:relative;width:100%;padding-bottom:56.25%}.ani .ani-left .view iframe{position:absolute;width:100%;height:100%;border:0}.ani .ani-right{flex:1 1 40%}.ani .ani-right p{font-family:"Chosunilbo_myungjo";font-size:30px;margin-top:50px;text-align:right}.ani:nth-child(2n){flex-direction:row-reverse}.ani:nth-child(2n) .ani-left{margin-right:0}.ani:nth-child(2n) .ani-right p{text-align:left}.ani:nth-child(5) .ani-left{flex:1 1 70%;margin-right:5%}.ani:nth-child(5) .ani-left .view{height:500px}.ani:nth-child(5) .ani-right{flex:1 1 25%}.script{display:flex;margin-bottom:15vh}.script .script-left{flex:1 1 30%}.script .script-left h3{font-family:"Chosunilbo_myungjo";font-size:50px;margin-top:-8px;word-break:keep-all}.script .script-right{flex:1 1 70%}.script .script-right .view{width:100%;height:400px;background:#ccc}.script .script-right .view iframe{width:100%;height:100%;border:0}.script .script-right .num li{display:inline-block;padding:5px;border-radius:50%;width:30px;height:30px;box-sizing:border-box;text-align:center;line-height:20px;border:1px solid transparent;margin:5px 2px;cursor:pointer}.script .script-right .num .active{border:1px solid #000}#siteCont{background-color:#000}#siteCont h1{color:#fff}.siteCont{display:flex;justify-content:space-between;flex-wrap:wrap}.siteCont a{flex:0 0 32%}.siteCont .site{margin-bottom:30px}.siteCont .siteText{background-color:#151515;color:#fff;padding:35px}.siteCont .siteText h2{font-family:"Saol Display";font-size:50px;line-height:.9;margin-bottom:15px}.siteCont .siteText p{font-family:"Roboto";font-size:12px;color:#b0aead}#contactCont{background-color:#000;height:100vh}.contactCont{padding-top:100px;color:#f0eeeb;position:relative}.contactCont h2{font-size:180px;text-align:right;text-transform:uppercase;font-family:"Saol Display";margin-top:50px}.contactCont .mail{font-family:"Saol Display";position:absolute;left:0;bottom:0;font-size:90px}.contactCont .social{text-align:right;margin-top:100px}.contactCont .social h3{font-size:60px}.contactCont .social h3,.contactCont .social ul{font-family:"Saol Display"}.contactCont .social li{font-size:40px}.loading .loading_wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#f0eeeb}.loading .spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}@-webkit-keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.loading .path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}@-webkit-keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}
/*# sourceMappingURL=main.a8c41c9e.chunk.css.map */