body:not(.none-cursor){cursor:unset}body.is-hovering-link,body.is-hovering-slide,body:not(.none-cursor) a,body:not(.none-cursor) a:hover{cursor:none}.cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999}body.none-cursor .cursor{display:none}.circle{position:absolute;background:transparent;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.circle,.circle._1{width:40px;height:40px}.circle._1{opacity:1;z-index:3;transition:width .3s ease,height .3s ease}.circle._2{width:40px;height:40px;opacity:.6;z-index:2}.circle._3{width:20px;height:20px;opacity:.3;z-index:1}.cursor_link,.cursor_slide{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:white;pointer-events:none;cursor:default}.cursor[class*=is-] .circle._1{width:50px;height:50px}.cursor[class*=is-] .circle._2,.cursor[class*=is-] .circle._3{opacity:0}.cursor.is-link .cursor_link,.cursor.is-slide .cursor_slide{opacity:1}@media screen and (max-width:768px){.cursor{display:none}}#header{position:fixed;width:100%;top:0;background:rgba(255,255,255,.7);z-index:400;mix-blend-mode:difference;transition:all .45s ease}#main #header{mix-blend-mode:unset}#main #header.scrolled,#main.sideOpen #header{mix-blend-mode:difference}#header.scrolled{background:rgba(255,255,255,.01);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#header.hide{transform:translateY(-100%)}#header .inner{position:relative;width:98%;margin:0 auto;max-width:1500px}#header .inner:after{content:"";display:block;clear:both}#header .topArea{padding:30px 0;text-align:center;transition:all .45s ease}#header.scrolled .topArea,#header:hover .topArea{padding:44px 0}#header .topArea:after{content:"";display:block;clear:both}#header .link{position:absolute;left:0;top:0;height:35px;line-height:35px}#header .link>a,#header .link>span{float:left}#header .link>a{margin:0 9px 0 0;padding:0 10px 0 0;color:#d8d8d8;text-decoration:none;background:url(//img.echosting.cafe24.com/skin/base/common/ico_bar.gif) no-repeat 100% 12px}#header .link>span img{vertical-align:middle}#header .link .xans-layout-bookmark span{padding-left:17px;background:url(//img.echosting.cafe24.com/skin/base/layout/ico_bookmark.png) no-repeat 0 1px}.logo{display:inline-block;margin-right:2%;text-align:center;float:left;z-index:1}.logo a{font-family:verdana,맑은 고딕,malgungothic,sans-serif;font-size:40px;color:#008bcc;font-weight:700;text-decoration:none;font-style:normal}.logo img{max-width:150px}.logo svg,.logo svg path{fill:#fff}#header{background:none}#header .inner{z-index:30}#header .topArea{display:flex}.util_group{position:absolute;right:0;top:50%;transform:translateY(-50%);gap:20px}.btn_music,.util_group{display:flex;align-items:center}.btn_music{padding:6px;width:34px;height:34px;justify-content:center;border-radius:50%;background:#f7f7f7}.btn_changeMode{display:flex;background:none;align-items:center;gap:6px;color:var(--color--default,#000);font-size:16px;font-weight:400;line-height:normal}.btn_changeMode .circle{width:17px;height:17px;display:block;border-radius:50%;border:1px solid #e1e1e1;background:#000}.btn_changeMode .mode_txt{color:var(--color--default,#000);font-style:normal;font-weight:400}.btn_changeMode .mode_txt,.btn_openMenu{text-align:center;font-family:var(--font-open-sans);font-size:16px;line-height:normal}.btn_openMenu{display:none;color:var(--color--default--background,#FFF);font-weight:700;background:none;width:52px}@media screen and (max-width:980px){.util_group{right:18px}.btn_openMenu{display:block}.btn_changeMode{display:none}#header .topArea,#header.scrolled .topArea,#header:hover .topArea{padding:20px 18px}}.nav{display:block;width:100%;position:absolute;top:50%;font-family:var(--font-poppins),sans-serif;left:50%;transform:translate(-50%,-50%)}.nav>ul>li{display:inline-block;padding:0 10px;margin:0 15px;cursor:pointer;font-weight:500;font-size:16px;vertical-align:middle}.nav>ul>li>a{color:#fff;font-family:Open Sans;font-size:16px;font-weight:400;line-height:normal;display:flex;display:inline-flex;vertical-align:top;align-items:center;flex:0 0 auto;--lh:1.2;line-height:var(--lh);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;white-space:pre}.nav>ul>li>a:hover>*{transform:translate3d(0,calc(var(--lh) * -1em),0);--lh:1.2;transition:all .45s ease}.nav>ul>li>a>*{flex:0 0 auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;text-shadow:0 calc(var(--lh) * 1em) 0 currentColor;transform:translateZ(0);transition:transform .4s ease;--delay:0.05s}.nav>ul>li>a>:first-child{transition-delay:calc(0 * var(--delay))}.nav>ul>li>a>:nth-child(2){transition-delay:calc(1 * var(--delay))}.nav>ul>li>a>:nth-child(3){transition-delay:calc(2 * var(--delay))}.nav>ul>li>a>:nth-child(4){transition-delay:calc(3 * var(--delay))}.nav>ul>li>a>:nth-child(5){transition-delay:calc(4 * var(--delay))}.nav>ul>li>a>:nth-child(6){transition-delay:calc(5 * var(--delay))}.nav>ul>li>a>:nth-child(7){transition-delay:calc(6 * var(--delay))}.nav>ul>li>a>:nth-child(8){transition-delay:calc(7 * var(--delay))}.nav>ul>li>a>:nth-child(9){transition-delay:calc(8 * var(--delay))}.nav>ul>li>a>:nth-child(10){transition-delay:calc(9 * var(--delay))}.nav>ul>li:first-child>a>:nth-child(5){margin-right:.2em}.nav>ul>li:hover{color:#ccff90}.nav .nav-cont{position:fixed;width:100%;text-align:left;top:51px;left:0;padding:20px 0;font-size:16px;font-weight:500;background:rgba(255,255,255,7);border-bottom:0 solid #fff;z-index:800;visibility:hidden;overflow:hidden;opacity:0;transition:.4s}.nav .nav-cont h3{display:block;font-weight:800;font-size:11px;margin-bottom:10px}.nav .nav-cont .list-nav{display:inline-block;vertical-align:top;width:20%;margin-left:40px;line-height:30px}.nav .nav-cont .list-nav a:hover{color:#3f607d}.nav>ul>li:hover .nav-cont{opacity:1;visibility:visible;overflow:visible}@media screen and (max-width:980px){.nav{display:none}}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.progress-container{position:fixed;right:16px;height:calc(var(--vh) * .2);top:50%;width:6px;background:rgba(124,124,124,.1);z-index:1000;transform:translateY(-50%);opacity:0;transition:opacity .3s}.progress-container.on{opacity:1}.progress-bar{position:absolute;top:0;width:6px;height:20%;background:#ececec;animation:lightBlur 2s ease infinite}@media screen and (max-width:768px){.progress-container{right:6px;width:2px}.progress-bar{width:2px}}@keyframes lightBlur{0%{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 0 rgba(255,255,255,.5))}to{filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}}.side_menu{position:fixed;top:0;transform:translateX(100%);width:100%;right:0;left:0;height:100vh;background:var(--color--default--background,#fff);z-index:399;display:flex;overflow:hidden;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 18px;transition:all 1s}.side_menu:before{content:"";width:0;height:100vh;background:var(--color--default,#000);position:absolute;top:0;left:0;z-index:9}.side_menu.active{transform:translateX(0)}.side_menu.active:before{animation:width 1s forwards}@keyframes width{0%{width:100%}to{width:0}}.btn_changeMode.mo{display:flex!important;opacity:0;visibility:hidden;transform:translateY(20px)}.side_menu.active .btn_changeMode.mo{opacity:1;visibility:visible;transform:translateY(0);transition-delay:1s}.side_menu_list{padding-bottom:52px}.side_menu_list li{opacity:0;visibility:hidden;transform:translateY(24px)}.side_menu_list a{display:flex;align-items:center;gap:10px;position:relative;color:var(--color--default,#000);font-family:Open Sans;font-size:50px;font-weight:700;line-height:normal}.side_menu.active li{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.3;transition:1s}.side_menu.active li:first-child{transition-delay:.5s}.side_menu.active li:nth-child(2){transition-delay:.6s}.side_menu.active li:nth-child(3){transition-delay:.7s}.side_menu.active li:nth-child(4){transition-delay:.8s}.side_menu.active li:nth-child(5){transition-delay:.9s}.side_menu.active li:nth-child(6){transition-delay:1s}.side_menu.active li:nth-child(7){transition-delay:1.1s}.side_menu_list a:before{content:"";position:relative;display:block;width:0;height:1px;background:var(--color--default,#000);transition:width .6s ease}.side_menu_list a:hover:before{width:60px}@media screen and (max-width:980px){.btn_changeMode.mo{font-size:20px}}@media screen and (max-width:480px){.side_menu_list{width:100%}}