.intro{position:relative;height:calc(var(--vh,1vh) * 100);min-height:48rem;background:url(../images/contents/bg_intro.jpg) no-repeat 50% 50%;background-size:cover}.intro #header{background-color:transparent}.intro #header #gnb .head,.intro #header #gnb .user_info,.intro #header .bg_depth,.intro #header .overlay{display:none!important}.intro #header #gnb{display:none;position:fixed;top:0;right:0;height:calc(var(--vh,1vh) * 100);background-color:rgba(37,35,33,.7);backdrop-filter:blur(2.5rem);-webkit-backdrop-filter:blur(2.5rem)}.intro #header #gnb .nav>li>a{display:inline-block;position:relative;color:var(--grey30);font-size:1.5rem;font-weight:500;font-family:SunBatang;vertical-align:top;pointer-events:auto}.intro #header #gnb .nav>li>a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--white);transition:width linear .3s}.intro #header #gnb .nav>li>a[target]:after{border-radius:50%;background:var(--grey10) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 12L12 4M12 4H6.66667M12 4V9.33333' stroke='%23252321' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:.75rem}.intro #header #gnb .nav>li>a[target]+.depth{display:none!important}.intro #header #gnb .nav>li .depth{margin-top:1.5rem}.intro #header #gnb .nav>li .depth>li a{color:var(--grey30);font-size:1rem}.intro #header #gnb .nav>li.active>a{color:var(--white);font-weight:700}.intro #header #gnb .nav>li.active>a:before{bottom:0;width:100%}.intro #header #gnb .utils{margin-left:0}.intro #header #gnb .utils li{height:auto}.intro #header #gnb .utils li>a{width:auto;color:var(--grey30)}.intro #header #gnb .utils li.util_lang>a:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23868E96' stroke-width='0.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.intro #header .btn_menu{position:relative;display:block;margin-left:auto;z-index:2}.intro.gnb_active #header #gnb{display:flex;flex-direction:column}.intro.gnb_active #header .btn_menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 7L7 17M7 7L17 17' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:1.5rem}.intro #container{min-height:auto;padding-top:0;padding-bottom:0}.intro #container .contents{max-width:1640px;height:calc(var(--vh,1vh) * 100);min-height:48rem;padding-top:0;padding-bottom:0;z-index:2}.intro .bg_book{overflow:hidden;display:flex;align-items:center;justify-content:center;column-gap:5rem;position:absolute;top:0;bottom:0;left:0;width:100%}.intro .bg_book ul{flex-shrink:0;display:flex;flex-direction:column;row-gap:5rem;position:relative;width:12.5rem}.intro .bg_book ul li{overflow:hidden;position:relative;border-radius:.375rem}.intro .bg_book ul li:after,.intro .bg_book ul li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.intro .bg_book ul li.noimg{background:var(--bg10) url(../images/contents/noimg.svg) no-repeat 50% 50%;background-size:4.25rem;aspect-ratio:3/4}.intro .bg_book ul li.noimg img{display:none}.intro .bg_book.active>ul:nth-child(odd){animation:loop 80s linear infinite}.intro .bg_book.active>ul:nth-child(even){animation:loopRv 80s linear infinite}.intro .dim{--rg-x:50%;--rg-y:52.31%;--rg-sizeX:47.56%;--rg-sizeY:50.16%;position:absolute;top:0;bottom:0;left:0;width:100%;background:radial-gradient(var(--rg-sizeX) var(--rg-sizeY) at var(--rg-x) var(--rg-y),rgba(41,39,38,.86) 0,rgba(26,20,17,.86) 34.91%,rgba(11,4,0,.86) 62.04%,rgba(0,0,0,.86) 100%);z-index:1;opacity:0}.intro .dim:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/contents/bg_pattern.png) no-repeat 50% 50%;background-size:cover}.intro .dim.active{animation:showDim 2s 0s ease-in-out both}.intro .info_area{display:flex;justify-content:space-between;position:relative;height:100%;padding-left:1.25rem;z-index:1}.intro .info_area .info .tit{font-size:4.25rem;font-family:SunBatang;font-weight:700;letter-spacing:-.2125rem;line-height:1.3;background:linear-gradient(131deg,var(--white) 21.12%,#b8b1ac 83.42%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro .info_area .info .txt_wrap{display:flex;width:23.4375rem;margin-top:3.25rem}.intro .info_area .info .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ced4da;font-size:1.25rem;font-weight:300}.intro .info_area .info .txt .btn_more{color:inherit;font-weight:700;text-decoration:underline}.intro .info_area .btn_area{justify-content:flex-start;padding-top:0}.intro .info_area .btn_area .btn_arr{gap:.75rem;color:var(--white);font-size:1.25rem;font-weight:800;border:0}.intro .info_area .btn_area .btn_arr>span{text-shadow:0 4px 8.5px rgba(var(--black-rgb),.25)}.intro .info_area .btn_area .btn_arr:after{width:2.875rem;height:2.875rem;background-size:1.5rem;border-radius:50%;background-color:rgba(var(--white-rgb),.16)}.intro .year_area{display:flex;position:absolute;top:0;left:0;width:100%;height:100%}.intro .year_area:before{content:"";position:absolute;background-color:var(--white)}.intro .year_area dl{color:var(--white)}.intro .year_area dl dt{font-size:.625rem;font-weight:800;text-shadow:0 4px 8.5px rgba(var(--black-rgb),.25)}.intro .year_area dl dd{font-weight:700;font-size:1.125rem;opacity:0}.intro .year_area dl.since dd{font-family:"Hakgyoansim Mulgyeol";font-weight:400}.intro .year_area dl.now dd{position:absolute;font-size:3.5rem;transform:translate(-50%,calc(-50% + 5.25rem))}.intro .year_area dl.now dd.show{font-size:1.125rem;opacity:1}.intro .lottie_player{display:block;width:100%;height:100%}.intro .lottie_player.hide{display:none}.intro .lottie_player.show{display:block}.intro .animation{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:50%;width:100%;height:100%;min-height:48rem;transform:translate(-50%,0);z-index:1}.intro .animation [class*=animation_]{position:absolute}.intro .animation [class*=animation_]:not(.animation_anniv){top:50%;left:50%;transform:translate(-50%,-50%)}.intro .animation_count{width:10.75rem;height:5.6875rem}.intro .animation_timer{width:20rem;height:20rem}.intro .animation_anniv{right:2.5rem;bottom:4.3125rem;width:17.3125rem;height:17.5rem}.intro .btn_skip{visibility:hidden;position:absolute;width:max-content;padding-right:1.375rem;color:var(--white);font-size:1.125rem;font-weight:600;line-height:1;transform:translateY(.9375rem);opacity:0;transition:visibility linear .3s,opacity linear .3s,transform linear .3s;z-index:2}.intro .btn_skip:after{content:"";position:absolute;top:50%;right:0;width:1rem;border-radius:50%;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 7.5L7.5 2.5M7.5 2.5H4.16667M7.5 2.5V5.83333' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:.625rem;transform:translateY(-50%);aspect-ratio:1}.intro .btn_skip.active{visibility:visible;transform:translateY(0);opacity:1;transition-delay:1.5s;transition-duration:.5s}@media (max-width:1023px){.intro #header .btn_menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2.99976 12H20.9998M2.99976 6H20.9998M2.99976 18H20.9998' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.intro #header #gnb .cont{order:2;height:calc(var(--vh,1vh) * 100 - 3.75rem);padding-top:3rem;padding-bottom:6.25rem}.intro #header #gnb .nav{row-gap:3.25rem}.intro #header #gnb .nav>li{padding:0;text-align:center;border-bottom:0}.intro #header #gnb .nav>li>a[target]{display:inline-flex;align-items:center;column-gap:.75rem}.intro #header #gnb .nav>li>a[target]:after{content:"";width:1.125rem;height:1.125rem;margin-bottom:.375rem}.intro #header #gnb .nav>li .depth>li{width:100%}.intro #header #gnb .nav>li .depth>li+li{margin-top:1.25rem}.intro #header #gnb .nav>li:not(.active) .depth{display:none}.intro #header #gnb .utils{order:1;column-gap:0;height:3.75rem;padding:0 1.25rem}.intro #header #gnb .utils li:not(:last-child):after{content:"";flex-shrink:0;width:1px;height:.625rem;margin:0 .75rem;background-color:var(--grey60)}.intro #header #gnb .utils>li{display:flex;align-items:center}.intro #header #gnb .utils>li>a{font-size:.875rem;background:0 0}.intro #header #gnb .utils>li.util_lang>a{display:flex;align-items:center;column-gap:.25rem}.intro #header #gnb .utils>li.util_lang>a:after{content:"";width:.875rem;height:.875rem;background-repeat:no-repeat;background-position:0 0;background-size:100%}.intro #header .utils .lang_layer{top:1.8125rem;left:0;transform:none}.intro .info_area{align-items:center}.intro .year_area{flex-direction:column;padding:5.5rem 1.25rem 3.875rem}.intro .year_area:before{top:9.875rem;left:20px;width:1px;height:var(--line-height,0)}.intro .year_area dl.now{margin-top:auto;padding-bottom:1.6875rem}.intro .year_area dl.now dd{bottom:50%;left:50%;transition:bottom ease-out 1s,left ease-out 1s,font-size ease-out 1s,transform ease-out 1s}.intro .year_area dl.now dd.active{bottom:3.875rem;left:1.25rem;transform:none}.intro .btn_skip{bottom:1.625rem;left:50%;margin-left:-2.625rem}}@media (max-width:1023px) and (max-width:767px){.intro{min-height:500px}.intro #container .contents{min-height:500px}.intro .bg_book{column-gap:2.8125rem}.intro .bg_book ul{row-gap:2.8125rem;width:8.75rem}.intro .info_area .info .tit{font-size:2rem;letter-spacing:-.075rem}.intro .info_area .info .txt_wrap{display:none}.intro .info_area .btn_area .btn_arr:after{width:2rem;height:2rem;background-size:1.125rem}.intro .info_area .btn_area .btn_arr span{overflow:hidden!important;position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;clip:rect(0,0,0,0)}.intro .year_area dl.now dd:not(.active){font-size:1.6875rem;transform:translate(-50%,calc(-50% + 2.5rem))}.intro .animation{min-height:500px}.intro .animation_count{width:5.3125rem;height:2.8125rem}.intro .animation_timer{width:10rem;height:10rem}.intro .animation_anniv{right:1.25rem;bottom:3.5rem;width:6.1875rem;height:6.25rem}}@media (max-width:1023px) and (min-width:768px) and (max-height:768px){.intro .animation_anniv{width:12.5rem;height:12.5rem}}@media (min-width:768px){.intro #header #gnb .cont{padding-top:80px}.intro #header #gnb .nav{row-gap:64px}.intro #header #gnb .nav>li>a{padding-top:5px;font-size:32px;line-height:1}.intro #header #gnb .nav>li>a[target]:after{width:24px;height:24px;margin-bottom:8px;background-size:16px}.intro #header #gnb .nav>li .depth{margin-top:40px}.intro #header #gnb .nav>li .depth>li+li{margin-top:28px}.intro #header #gnb .nav>li .depth>li a{font-size:20px}}@media (min-width:1024px){.intro #header{padding-top:20px;padding-bottom:20px}.intro #header .logo{width:42px;height:40px}.intro #header #gnb{overflow-y:auto;row-gap:64px;left:auto;width:640px;padding:80px;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px)}.intro #header #gnb .cont{padding-top:40px}.intro #header #gnb .nav{flex-direction:column;align-items:flex-start;position:static;width:100%;transform:none}.intro #header #gnb .nav>li{width:100%}.intro #header #gnb .nav>li>a[target]{justify-content:flex-start;column-gap:12px}.intro #header #gnb .nav>li .depth{margin-top:0;font-size:0}.intro #header #gnb .nav>li .depth>li{display:inline-block;margin-top:28px;margin-right:28px;vertical-align:top}.intro #header #gnb .nav>li .depth>li a{color:var(--grey10);font-size:20px;opacity:.4;transition:opacity linear .3s}.intro #header #gnb .nav>li .depth>li a:hover{font-weight:600;opacity:1}.intro #header #gnb .utils{margin-top:auto}.intro #header .btn_menu{background-color:rgba(var(--white-rgb),.8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2 8H14M2 4H14M2 12H14' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.intro #header .utils li.util_lang .lang_layer{top:auto;bottom:29px}.intro.gnb_active #header .btn_menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.1663 5.83331L5.83301 14.1666M5.83301 5.83331L14.1663 14.1666' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:20px}.intro .bg_book{column-gap:80px}.intro .bg_book ul{width:240px;row-gap:80px}.intro .bg_book ul:nth-child(1){top:-66px}.intro .bg_book ul:nth-child(2){top:55px}.intro .bg_book ul:nth-child(3){top:-175px}.intro .bg_book ul:nth-child(4){top:330px}.intro .bg_book ul:nth-child(5){top:-16px}.intro .bg_book ul:nth-child(6){top:157px}.intro .bg_book ul:nth-child(7){top:390px}.intro .info_area{flex-direction:column;justify-content:center;padding-left:0}.intro .info_area .btn_area{margin-top:80px}.intro .year_area{padding:160px 20px 0}.intro .year_area:before{top:206px;left:213px;width:var(--line-width,0);height:1px}.intro .year_area dl dt{font-size:12px}.intro .year_area dl dd{font-size:40px;margin-top:-2px}.intro .year_area dl.now{min-width:101px;margin-left:auto}.intro .year_area dl.now dd{top:50%;right:50%;margin-top:1px;font-size:75px;transform:translate(50%,-50%);transition:top ease-out 1s,right ease-out 1s,font-size ease-out 1s}.intro .year_area dl.now dd.active{top:208px;right:70px;font-size:40px}.intro .animation{max-width:1680px}.intro .animation_count{width:226px;height:120px}.intro .animation_timer{width:420px;height:420px}.intro .animation_anniv{bottom:160px;width:420px;height:420px}.intro .btn_skip{right:60px;bottom:60px}}@media (min-width:1024px) and (max-height:959px){.intro .info_area{padding-top:52px}.intro .year_area{padding-top:100px}.intro .year_area:before{top:146px}.intro .year_area dl.now dd.active{top:148px}.intro .animation_anniv{bottom:100px;width:280px;height:280px}}@keyframes loop{0%{transform:translateY(0)}33%{transform:translateY(-28%);animation-timing-function:cubic-bezier(1,0,.8,1)}90%{transform:translateY(40%)}100%{transform:translateY(0);animation-timing-function:cubic-bezier(1,0,.8,1)}}@keyframes loopRv{0%{transform:translateY(0)}33%{transform:translateY(40%);animation-timing-function:cubic-bezier(1,0,.8,1)}90%{transform:translateY(-28%)}100%{transform:translateY(0);animation-timing-function:cubic-bezier(1,0,.8,1)}}@keyframes showDim{0%{opacity:0}100%{opacity:1}}