@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);$fontfamily:‘Noto Sans CJK KR’,sans-serif;html{font-family:$fontfamily}.hs-menu-wrapper>ul[role=menu]{align-items:center;display:flex;justify-content:space-evenly;list-style:none;margin:0}.hs-menu-wrapper>ul[role=menu] a{color:#000;font-size:1.4em;font-weight:700}header .hs-menu-wrapper>ul[role=menu] li:hover>a{color:#5a87fb;font-weight:700}header .hs-menu-wrapper>ul[role=menu] .hs-menu-children-wrapper:hover>a{color:#5a87fb;display:inline-block}.hs-menu-wrapper>ul[role=menu]>.hs-menu-item{color:#000;display:block;line-height:65px;position:relative;text-align:center;white-space:nowrap;width:130px}.headerBig .hs-menu-wrapper>ul[role=menu]>.hs-menu-item .hs-menu-children-wrapper{background-color:#fff;border-top:2px solid #5a87fb;-webkit-box-shadow:10px 10px 40px rgba(0,0,0,.1);box-shadow:10px 10px 40px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:none;font-size:14px;height:auto;left:25%;list-style:none;min-width:195px;padding:20px;position:absolute;width:100%}.headerBig .hs-menu-wrapper>ul[role=menu]>.hs-menu-item:hover .hs-menu-children-wrapper,header{display:block}header{background-color:#fff;color:#000;width:100%}header .headerInner{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;width:auto}.headerInner,header .headerInner{display:grid;grid-template-columns:15% 70% 5% 10%;justify-content:center;padding:0 20px}.headerInner{align-items:center;box-sizing:border-box;margin:0 auto;max-width:1170px}header .headerInner .search1 a{display:block;height:100%;text-align:center}header .headerInner .search1 a img{vertical-align:middle;vertical-align:-webkit-baseline-middle;width:24px}.headerBig .headerInner .hs-menu-depth-1:first-child>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(4)>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(5)>a:after{background:url(https://velog.velcdn.com/images/kyj0206/post/bda08130-0165-4851-b784-c99def7facb8/image.png) no-repeat;background-size:12px 8px;content:"";display:inline-block;height:38px;margin-top:27px;max-width:24px;position:absolute;right:0;top:0;width:100%}.headerBig .headerInner .smallMenuBarWrapper .hs-menu-depth-1:first-child>a:after,.headerBig .headerInner .smallMenuBarWrapper .hs-menu-depth-1:nth-child(4)>a:after,.headerBig .headerInner .smallMenuBarWrapper .hs-menu-depth-1:nth-child(5)>a:after{padding-right:20px}.headerBig .headerInner .hs-menu-depth-1:first-child:hover>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(4):hover>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(5):hover>a:after{background:url(https://velog.velcdn.com/images/kyj0206/post/6974b179-7a2a-47f6-a272-cc3cc97ff962/image.png) no-repeat;background-size:12px 8px;content:"";display:inline-block;height:38px;margin-top:27px;max-width:24px;position:absolute;right:0;top:0;width:100%}.headerBig .headerInner .smallMenuBarWrapper .hs-menu-depth-1:first-child:hover>a:after,.headerBig .headerInner .smallMenuBarWrapper .hs-menu-depth-1:nth-child(4):hover>a:after,.headerBig .headerInner .smallMenuBarWrapper .hs-menu-depth-1:nth-child(5):hover>a:after{padding-right:20px}.headerBig .headerInner .viewinter-Logo{line-height:30px;width:100%}.headerBig .headerInner .viewinter-Logo img{display:block;max-width:150px;width:100%}.headerBig{position:fixed;top:0}.body-container-wrapper{margin-top:38px}.headerSmall{background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box;position:fixed;width:100%;z-index:9999}.headerSmall .headerSmallInner{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:10% 80% 10%;justify-content:center;margin:0 auto;max-width:1169px;padding:0 20px;width:100%}.headerSmall .viewinter-Logo{display:flex;justify-content:center;padding:15px 30px;text-align:center}.headerSmall .viewinter-Logo img{height:22px;max-width:200px;width:110px}.headerSmall .search1 a img{vertical-align:middle;vertical-align:-webkit-baseline-middle;width:35px}.headerSmall .search1 a{display:block;height:100%}#btn{border:none;border-radius:50%;cursor:pointer;height:56px;outline:none;transform:translate(50%)}#btn span{background:#262626;border-radius:2px;height:3px;left:50%;overflow:hidden;top:50%;width:20px}#btn span,#btn span:before{position:absolute;transition:all .3s linear}#btn span:before{background:gray;content:"";height:100%;right:0;top:0;width:0}#btn span:first-child{-webkit-animation:span-first-off .5s ease-in-out;animation:span-first-off .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#btn span:nth-child(2){-webkit-animation:span-second-off .5s ease-in-out;animation:span-second-off .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#btn span:nth-child(3){-webkit-animation:span-third-off .5s ease-in-out;animation:span-third-off .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#btn.on span:before{transition:all .3s linear;width:100%}#btn.on:hover span:before{width:0}#btn.on span:first-child{-webkit-animation:span-first-on .5s ease-in-out;animation:span-first-on .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#btn.on span:nth-child(2){-webkit-animation:span-second-on .5s ease-in-out;animation:span-second-on .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#btn.on span:nth-child(3){-webkit-animation:span-third-on .5s ease-in-out;animation:span-third-on .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes span-first-on{0%{transform:translate(-50%,-300%)}30%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) rotate(-45deg)}}@keyframes span-first-on{0%{transform:translate(-50%,-300%)}30%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) rotate(-45deg)}}@-webkit-keyframes span-first-off{0%{transform:translate(-50%,-50%) rotate(-45deg)}30%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-300%)}}@keyframes span-first-off{0%{transform:translate(-50%,-50%) rotate(-45deg)}30%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-300%)}}@-webkit-keyframes span-second-on{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(0)}}@keyframes span-second-on{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(0)}}@-webkit-keyframes span-second-off{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%)}}@keyframes span-second-off{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%)}}@-webkit-keyframes span-third-on{0%{transform:translate(-50%,200%)}30%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) rotate(45deg)}}@keyframes span-third-on{0%{transform:translate(-50%,200%)}30%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) rotate(45deg)}}@-webkit-keyframes span-third-off{0%{transform:translate(-50%,-50%) rotate(45deg)}30%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,200%)}}@keyframes span-third-off{0%{transform:translate(-50%,-50%) rotate(45deg)}30%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,200%)}}.smallMenuBarWrapper{background-color:rgba(0,0,0,.8);display:block;height:100vh;overflow:auto;position:absolute;right:-20px;top:0;width:100vw}.smallMenuBarBtnWrapper{background-color:#fff;box-sizing:border-box;display:flex;height:45px;padding:0 20px;right:0;top:0;width:65vw}.smallMenuBarBtnWrapper .btnClassName{border:none;border-radius:50%;cursor:pointer;display:block;height:45px!important;outline:none;position:absolute;right:0;top:22px;transform:translateY(-50%);width:40px}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu]{background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:normal;right:0;top:80px;width:65vw}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu]>.hs-menu-depth-1{width:100%}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu]>.hs-menu-depth-1>a{box-sizing:border-box;font-size:18px;font-weight:700;padding:0 20px;text-align:start}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu] .hs-menu-children-wrapper{box-sizing:border-box;display:contents;font-size:14px;height:auto;list-style:none;max-width:195px;position:absolute;width:100%}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu]>.hs-menu-depth-1 .hs-menu-children-wrapper{display:none}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu]>.hs-menu-depth-1:hover .hs-menu-children-wrapper{display:contents!important}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu] .hs-menu-children-wrapper .hs-menu-depth-2{background-color:#f9f9f9}.hs-menu-wrapper ul[role=menu] .hs-menu-depth-2 a{color:#666;font-size:1em;font-weight:500;line-height:22px;margin-bottom:10px;text-align:start}.hs-menu-wrapper ul[role=menu] .hs-menu-depth-2:last-child a{margin-bottom:0}.headerSmall .headerSmallInner .hs-menu-depth-1:first-child>a:after,.headerSmall .headerSmallInner .hs-menu-depth-1:nth-child(4)>a:after,.headerSmall .headerSmallInner .hs-menu-depth-1:nth-child(5)>a:after{background:url(https://velog.velcdn.com/images/kyj0206/post/bda08130-0165-4851-b784-c99def7facb8/image.png) no-repeat;background-size:12px 8px;content:"";display:inline-block;height:100%;margin-top:23px;max-width:24px;padding-right:20px;position:absolute;right:0;top:0;width:100%}.headerSmall .headerSmallInner .hs-menu-depth-1:first-child:hover>a:after,.headerSmall .headerSmallInner .hs-menu-depth-1:nth-child(4):hover>a:after,.headerSmall .headerSmallInner .hs-menu-depth-1:nth-child(5):hover>a:after{background:url(https://velog.velcdn.com/images/kyj0206/post/6974b179-7a2a-47f6-a272-cc3cc97ff962/image.png) no-repeat;background-size:12px 8px;content:"";display:inline-block;height:100%;margin-top:22px;max-width:24px;padding-right:20px;position:absolute;right:0;top:0;width:100%}.smallMenuBarWrapper .hs-menu-wrapper ul[role=menu] .hs-menu-depth-1 .open-menu-list{z-index:-1}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu] .hs-menu-children-wrapper .hs-menu-depth-2 a{color:#878787;line-height:65px;margin-bottom:0;padding:0 20px}.smallMenuBarWrapper .hs-menu-wrapper>ul[role=menu] .hs-menu-children-wrapper .hs-menu-depth-2:hover a{color:#000}.headerBig{width:100%}body{position:relative}.disnone{display:none}.searchWrap1{height:100vh;left:0;position:absolute;top:0;width:100%}.searchWrap1:after{background:#000;content:"";display:block;height:100%;opacity:.6;position:absolute;width:100%}:root{--vh:100vh}.searchWrap1 .searchPopup{background:#fff;box-sizing:border-box;height:calc(var(--vh, 1vh)*100);max-width:600px;padding:20px;position:absolute;right:0;width:100%;z-index:999999999}.hrstorytitle h2{display:block;font-size:1.6rem;line-height:26px;margin-bottom:20px}.hrstorytitle .searchBox{background:#fff;border-radius:5px;display:block;margin-bottom:0;padding:0;width:100%}.searchWrap1 .searchPopup{overflow-y:scroll}.hrstorytitle .searchBox .searchInner{background:#fff;border:1px solid #aaa8ae;border-radius:8px;box-sizing:border-box;display:block;height:54px;margin:0 auto;padding:13px 14px;position:relative}.hrstorytitle .searchBox input{border:none;display:inline-block;font-size:14px;height:28px;max-width:340px;overflow:auto;padding:0;width:100%}.hrstorytitle .searchBox input:focus{outline:none;text-align:left;width:300px}.hrstorytitle .searchBox i{position:absolute;right:15px;top:15px}.totalTit{cursor:pointer;display:flex;justify-content:space-between}.tagBoxWrap{display:flex;gap:10px;height:100%;padding:30px 0;width:100%}.tagBoxWrap a{background:#efeff4;border:1px solid #efeff4;border-radius:10px;box-sizing:border-box;color:#666;font-size:14px;font-weight:400;line-height:43px;min-width:132.5px;text-align:center;width:100%}.toggleTag:hover{cursor:pointer}.tagBoxWrap a.toggle{background:#fff;border:1px solid #5a87fb;box-sizing:border-box;color:#5a87fb;line-height:43px}.totalSearchList{width:100%}.totalSearchList ul{display:flex;flex-direction:column}.totalSearchList ul li{border-bottom:1px solid #eaeaea;margin-bottom:20px;width:100%}.totalSearchList ul li h3{font-size:1.6em;font-weight:500;line-height:26px;margin-bottom:10px}.totalSearchList ul li>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:block;display:-webkit-box;font-size:14px;font-weight:500;letter-spacing:-.02em;line-height:22px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis}.totalSearchList ul li h3 span:first-child{color:#3a66ff}@media screen and (max-width:1125px){.headerBig .headerInner .hs-menu-depth-1:first-child:hover>a:after,.headerBig .headerInner .hs-menu-depth-1:first-child>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(4):hover>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(4)>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(5):hover>a:after,.headerBig .headerInner .hs-menu-depth-1:nth-child(5)>a:after{right:-4px}}@media screen and (min-width:981px){.headerBig{display:block}.headerSmall{display:none}}@media screen and (max-width:980px){.headerBig{display:none}.headerSmall{display:grid}.body-container-wrapper{margin-top:29px}.tagBoxWrap{overflow-X:scroll;-ms-overflow-style:none;scrollbar-width:none}.tagBoxWrap::-webkit-scrollbar{display:none}.totalSearchList ul li h3{font-size:1.4rem;line-height:21px}.totalSearchList ul li>span{font-size:1.3rem;font-weight:400}}.noDataWrapper{align-items:center;display:flex;height:417px;justify-content:center;padding:60px 0 100px;width:100%}.noDataInnerWrapper{align-items:center;display:flex;flex-direction:column;padding:0;row-gap:10px;text-align:center}.noDataElement3{color:#878787;font-size:14px;margin-right:0;width:auto}.noDataElement2{color:#666;font-size:22px;width:auto}.noDataElement1{width:auto}.paginationHeader{height:50px;margin-top:20px;width:100%}.paginationHeader ul{display:flex;justify-content:center;width:100%}.paginationHeader ul li{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;height:40px;margin:0 5px;text-align:center;width:40px}.paginationHeader ul li span{box-sizing:border-box;color:#000;font-size:14px;font-weight:700;height:100%;line-height:40px;padding-top:8px}.paginationHeader ul li:hover span{color:#5a87fb}.paginationHeader ul li:hover{border:1px solid #5a87fb;border-radius:5px;cursor:pointer}.paginationHeader ul li span img{height:24px;vertical-align:middle;width:24px}.paginationHeader .page-next span,.paginationHeader .page-prev span{padding-top:8px}.paginationHeader .page-next:hover,.paginationHeader .page-prev:hover{border:1px solid #5a87fb;border-radius:5px}.paginationHeader .page-next:hover span,.paginationHeader .page-prev:hover span{color:#5a87fb;cursor:pointer}.paginationHeader ul>.paging-toggle{border:1px solid #5a87fb}.paginationHeader ul li .paging-toggle{color:#5a87fb}.headerHandleSubmit{cursor:pointer}@media (hover:hover){.tagBoxWrap a:hover{background:#fff;border:1px solid #5a87fb;box-sizing:border-box;color:#5a87fb;line-height:43px}}.headerInner .hs-cta-img{max-height:36px;max-width:100px}