:root{--topBanner-height:0px;--topBannerMobile-height:0px;--header-height:79px;--headerMobile-height:64px}.row-fluid [class*=span]{min-height:0!important}.body-container-wrapper{margin-top:0!important;padding-top:calc(var(--topBanner-height) + var(--header-height))}@media screen and (max-width:1024px){.body-container-wrapper{padding-top:calc(var(--topBannerMobile-height) + var(--headerMobile-height))}}html::-webkit-scrollbar{display:none}body.no-select{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rail-scroll_thumb{display:none;height:100vh;position:fixed;right:0;top:0;width:10px;z-index:20000}.rail-scroll_thumb .thumb{background-color:rgba(0,0,0,.3);border-radius:5px;height:100px;position:absolute;right:0;top:0;transition:background-color .3s;width:100%}.rail-scroll_thumb .thumb.active{background-color:rgba(0,0,0,.5)}#topBanner{height:var(--topBanner-height);overflow:hidden;position:relative;z-index:1}#topBanner .swiper-wrapper{display:flex;flex-direction:column;height:100%}#topBanner .swiper-slide{background:linear-gradient(105deg,#19d771 33.5%,#74b2ff 106.42%);color:#fff;flex-shrink:0;font-size:20px;font-weight:600;height:100%;letter-spacing:-.2px}#topBanner .swiper-slide.bg_blue{background:linear-gradient(105deg,#3cabeb -3.86%,#7741ff 106.44%)}#topBanner .banner-content{align-items:center;display:flex;height:100%;justify-content:center}#topBanner .banner-content.mobile{display:none}#topBanner .btn_more{align-items:center;border:1px solid #f3f4f6;border-radius:4px;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;margin-left:16px;padding:0 8px;width:fit-content}#headerHdot .mobile{display:none}#headerHdot{left:0;position:fixed;top:0;width:100%;z-index:10000;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}#headerHdot:before{background:rgba(3,7,18,.8);content:"";height:100vh;left:0;opacity:0;position:fixed;top:0;transition:.3s;transition-delay:.3s;visibility:hidden;width:100vw}#headerHdot.lnb_open:before{opacity:1;transition-delay:unset;visibility:visible}#headerHdot .wrap-gnb{background:#fff;border-bottom:1px solid #f3f4f6;position:relative}#headerHdot #gnbContainer{transition:transform .2s}#headerHdot.hide-gnb #gnbContainer{transform:translateY(-100%)}#headerHdot button{background:0;cursor:pointer;font-size:0;padding:0}#headerHdot .inner-gnb{display:flex;justify-content:center;margin:0 auto;max-width:1920px;position:relative}#headerHdot .wrap-logo{left:60px;position:absolute;top:0}#headerHdot .link-logo{align-items:center;display:flex;height:79px}#headerHdot .list-gnb{display:flex}#headerHdot .link-gnb{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;height:var(--header-height);letter-spacing:-.16px;padding:0 32px;position:relative;transition:color .3s}#headerHdot .link-gnb .new{position:relative}#headerHdot .link-gnb .new:before{background-color:#05d16e;border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:-2px;width:6px}#headerHdot .wrap-lnb{background:#f9fafb;left:50%;max-height:0;overflow:hidden;position:absolute;top:80px;transform:translateX(-50%);transition:max-height .5s;width:100vw}#headerHdot .wrap-lnb .inner-lnb{display:flex;margin:0 auto;max-width:980px;position:relative;z-index:1}#headerHdot .wrap-lnb.lnb-solution .inner-lnb{flex-wrap:wrap}#headerHdot .wrap-lnb.lnb-contents .inner-lnb{max-width:1060px}#headerHdot .wrap-lnb.lnb-support .inner-lnb{justify-content:center;max-width:1220px}#headerHdot .wrap-lnb .container-category{box-sizing:border-box;padding:24px 30px 40px;position:relative}#headerHdot .wrap-lnb .container-category+.container-category:before{background-color:#e5e7eb;content:"";height:100%;left:0;position:absolute;top:0;width:1px}#headerHdot .wrap-lnb .container-category.public{padding:29px 30px 38px;position:relative;width:100%}#headerHdot .wrap-lnb .container-category+.container-category.public:before{background-color:#e5e7eb;content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100vw}#headerHdot .wrap-lnb .container-category.public .title-category{display:none}#headerHdot .wrap-lnb .container-category.public .sector .group-link,#headerHdot .wrap-lnb .container-category.public .wrap-sector{margin-top:0}#headerHdot .wrap-lnb .container-category.public .sector .link-lnb{gap:7px;width:auto}#headerHdot .wrap-lnb .container-category.public .link-lnb strong{font-size:20px;transition:.2s}#headerHdot .wrap-lnb .container-category.public .link-lnb strong svg path{transition:.2s}@media (hover:hover){#headerHdot .wrap-lnb .container-category.public .link-lnb:hover strong:after{display:none}#headerHdot .wrap-lnb .container-category.public .link-lnb:hover strong{color:#05d16e}#headerHdot .wrap-lnb .container-category.public .link-lnb:hover strong svg path{fill:#05d16e}}#headerHdot .wrap-lnb .title-category{display:flex;gap:12px}#headerHdot .wrap-lnb .title-category strong{color:#4b5563;font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:150%}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link{align-items:center;display:flex;gap:4px}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link span{color:#374151;font-size:14px;font-style:normal;font-weight:500;line-height:160%;position:relative;transition:.3s}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link span.m{display:none}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link span:after{background-color:#374151;bottom:1px;content:"";height:1px;left:0;position:absolute;transition:.3s;width:100%}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link svg path{transition:.3s}@media (hover:hover){#headerHdot .wrap-lnb.lnb-solution .title-category .box-link:hover span{color:#05d16e}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link:hover span:after{background-color:#05d16e}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link:hover svg path{fill:#05d16e}}#headerHdot .wrap-lnb .wrap-sector{column-gap:20px;display:flex;margin-top:18px}#headerHdot .wrap-lnb.lnb-support .wrap-sector{margin-top:16px}#headerHdot .wrap-lnb .wrap-sector .sector{display:flex;flex-flow:column}#headerHdot .wrap-lnb .title-sector{color:#05d16e;font-size:12px;font-weight:600;line-height:160%}#headerHdot .wrap-lnb .container-category.performance .title-sector{color:#60a5fa}#headerHdot .wrap-lnb .sector .group-link{display:flex;flex-flow:column;gap:16px;margin-top:8px}#headerHdot .wrap-lnb.lnb-contents .sector .group-link,#headerHdot .wrap-lnb.lnb-support .sector .group-link{margin-top:0}#headerHdot .wrap-lnb.lnb-contents .container-category.resource .sector .group-link{flex-flow:row;flex-wrap:wrap;gap:16px 20px}#headerHdot .wrap-lnb.lnb-support .sector .group-link{flex-flow:row;gap:0 40px}#headerHdot .wrap-lnb .sector .link-lnb{flex:auto;width:160px}#headerHdot .link-lnb{display:flex;flex-flow:column}#headerHdot .wrap-lnb .sector .link-lnb.w170{width:170px}#headerHdot .link-lnb strong{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:4px;letter-spacing:-.16px;line-height:160%;position:relative;width:fit-content}#headerHdot .link-lnb strong:after{background:url(https://contents.h.place/hubfs/HDOT/publish/img/icon_arrow_right.svg) no-repeat;background-size:cover;content:"";height:24px;opacity:0;position:absolute;right:-28px;top:0;transition:opacity .1s;width:24px}@media (hover:hover){#headerHdot .link-lnb:hover strong:after{opacity:1}}#headerHdot .link-lnb strong .badge.new{background:url(https://contents.h.place/hubfs/HDOT/publish/img/img_badge_new.svg) no-repeat;background-size:cover;height:21px;width:34px}#headerHdot .link-lnb strong .badge.hot{background:url(https://contents.h.place/hubfs/HDOT/publish/img/img_badge_hot.svg) no-repeat;background-size:cover;height:20px;width:29px}#headerHdot .link-lnb p{color:#6b7280;font-size:14px;font-weight:400;line-height:160%}#headerHdot .link-lnb .icon-outlink{height:16px;margin-left:6px;transition:fill .3s;width:16px}#headerHdot .wrap-util{align-items:center;display:flex;height:80px;position:absolute;right:60px}#headerHdot .mobile-banner{display:none}#headerHdot .btn-introduction{align-items:center;color:#374151;column-gap:4px;display:flex;font-weight:500;height:48px;margin-right:20px;transition:color .3s}@media (hover:hover){#headerHdot .btn-introduction:hover{color:#05d16e}}#headerHdot .btn-subscribe{align-items:center;background:#05d16e;border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:500;height:48px;letter-spacing:-.16px;padding:0 16px;transition:background .2s,color .2s;width:fit-content}#headerHdot .user-util{margin-left:17px;position:relative}#headerHdot .user-util:before{background:#d1d5db;content:"";height:18px;left:-8.5px;position:absolute;top:50%;transform:translateY(-50%);width:1px}#headerHdot .btn-login{align-items:center;border:1px solid #9ca3af;border-radius:8px;color:#1f2937;display:flex;font-size:16px;font-weight:500;height:48px;letter-spacing:-.16px;line-height:160%;margin-left:17px;padding:0 16px;position:relative;transition:background .2s;width:fit-content}#headerHdot .btn-login:before{background:#d1d5db;content:"";height:18px;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:1px}#headerHdot .btn-profile{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}#headerHdot .btn-profile svg{height:24px;width:24px}#headerHdot .btn-profile svg path{fill:#1f2937}#headerHdot .icon-profile{height:100%;width:100%}#headerHdot .user-profile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 18px -6px rgba(0,0,0,.06),0 2px 12px 0 rgba(0,0,0,.03);display:none;overflow:hidden;position:absolute;right:0;top:60px;width:244px}#headerHdot .user-profile.on{display:block}#headerHdot .item-user-profile>a{align-items:center;border-top:1px solid #e5e7eb;color:#111827;column-gap:2px;display:flex;font-size:15px;font-weight:500;line-height:24px;padding:16px 12px;transition:background .2s}@media (hover:hover){#headerHdot .item-user-profile>a:hover{background:#f3f4f6}}#headerHdot .item-user-profile:first-child{align-items:center;background:#f9fafb;border-top:0;column-gap:8px;display:flex;padding:16px 16px 16px 12px}#headerHdot .item-user-profile .icon-profile{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;height:40px;width:40px}#headerHdot .item-user-profile .user-info{display:flex;flex-direction:column}#headerHdot .item-user-profile .user-name{color:#111827;font-size:16px;font-weight:600;letter-spacing:-.16px;line-height:160%}#headerHdot .item-user-profile .user-email{color:#6b7280;font-size:12px;font-weight:500;line-height:160%}@media (min-width:1025px){#headerHdot.lnb_open .link-gnb{color:#9ca3af}#headerHdot.lnb_open .item-gnb:hover .link-gnb{color:#1f2937}#headerHdot .wrap-lnb{transition:max-height .5s}#headerHdot.hide-gnb .wrap-lnb{opacity:0}#headerHdot.lnb_animation .list-gnb:hover .wrap-lnb{transition:unset}#headerHdot .item-gnb:hover .wrap-lnb{max-height:100vh;opacity:1}#headerHdot .link-lnb:hover{color:#05d16e}#headerHdot .link-lnb:hover .icon-outlink path{fill:#05d16e}#headerHdot .item_user_profile>a:hover{background:#f3f4f6}#headerHdot .btn-subscribe:hover{background:#05bc63}#headerHdot .btn-login:hover{background:#f3f4f6}#headerHdot .lnb-solution .group-anchor{display:flex;flex-wrap:wrap;justify-content:space-between;left:370px;opacity:0;position:absolute;row-gap:40px;top:60px;width:464px}#headerHdot .lnb-solution .group-anchor+.group-anchor{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;margin-top:20px;padding-top:20px;row-gap:8px}}@media (max-width:1920px){#headerHdot .wrap-logo{left:40px}#headerHdot .wrap-util{right:40px}}@media (max-width:1600px){#headerHdot .inner-gnb{justify-content:space-between;padding:0 30px}#headerHdot .wrap-lnb.lnb-contents .inner-lnb{max-width:880px}#headerHdot .wrap-logo,#headerHdot .wrap-util{position:static}#headerHdot .btn-introduction{margin-right:16px}#headerHdot .link-gnb{padding:0 16px}#headerHdot .lnb-solution .box-banner{display:none}#headerHdot .wrap-lnb.lnb-contents .container-category.resource .sector .group-link{flex-flow:column}#headerHdot .wrap-lnb.lnb-support .sector .group-link{flex-wrap:wrap;gap:30px}}@media (max-width:1024px){#topBanner{height:var(--topBannerMobile-height)}#topBanner .swiper-slide{font-size:16px;letter-spacing:-.16px}#topBanner .banner-content.desktop{display:none}#topBanner .banner-content.mobile{display:flex}#topBanner .banner-content.mobile svg{box-sizing:content-box;padding:4px}#topBanner .icon-more{margin-left:4px}#headerHdot #gnbContainer{position:relative}#headerHdot.hide-gnb #gnbContainer{transform:unset}#headerHdot .mobile-default-gnb{background:#fff;border-bottom:1px solid #f3f4f6;display:flex;height:var(--headerMobile-height);justify-content:space-between;padding-right:20px;transition:transform .2s;width:100%}#headerHdot.hide-gnb .mobile-default-gnb{transform:translateY(-100%)}#headerHdot .mobile-default-gnb .group-btn-menu{align-items:center;position:unset}#headerHdot .wrap-logo{left:0;position:relative}#headerHdot .wrap-gnb{height:calc(100% - var(--topBannerMobile-height));left:100vw;position:fixed;top:var(--topBannerMobile-height);transform:translateX(100%);transition:transform .5s ease,left .5s ease;width:100%}#headerHdot .wrap-gnb.active{left:0;transform:unset}#headerHdot.lnb-open:before{display:none}#headerHdot .inner-gnb{flex-direction:column;height:100%;padding:0;position:relative}#headerHdot .link-logo{height:64px;margin-left:20px;width:90px}#headerHdot .item-gnb.mobile{display:block}#headerHdot .item-gnb+.item-gnb{border-top:1px solid #e5e7eb}#headerHdot .list-gnb{flex:1;flex-flow:column;overflow:hidden auto;padding:16px 20px 0}#headerHdot .link-gnb{font-size:18px;height:64px;justify-content:space-between;letter-spacing:-.18px;padding:0}#headerHdot .link-gnb[href="#none"]{pointer-events:auto}#headerHdot .icon-folder{display:block;font-size:0;transition:transform .3s}#headerHdot .link-gnb.active .icon-folder{transform:rotate(-180deg)}#headerHdot .wrap-lnb{background-color:#fff;max-height:0;opacity:0;overflow:hidden;position:static;transform:translate(0);transition:max-height .3s}#headerHdot .link-gnb.active{color:#05d16e}#headerHdot .link-gnb.active+.wrap-lnb{max-height:200vh;opacity:1}#headerHdot .wrap-lnb .inner-lnb{flex-flow:column;overflow:hidden;padding:8px 0 40px}#headerHdot .wrap-lnb .container-category{padding:0}#headerHdot .wrap-lnb .container-category+.container-category{padding-top:24px}#headerHdot .wrap-lnb .container-category+.container-category:before{display:none}#headerHdot .wrap-lnb .container-category.public{padding:24px 0 0}#headerHdot .wrap-lnb .container-category.public .link-lnb strong svg{display:none}#headerHdot .wrap-lnb .title-category{flex-flow:column;gap:16px}#headerHdot .wrap-lnb .container-category.public .title-category{display:flex;margin-bottom:16px}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link span.pc{display:none}#headerHdot .wrap-lnb.lnb-solution .title-category .box-link span.m{display:block;font-size:18px;font-weight:600}#headerHdot .wrap-lnb .title-category .box-link svg,#headerHdot .wrap-lnb.lnb-solution .title-category .box-link span:after{display:none}#headerHdot .wrap-lnb .title-category strong{color:#9ca3af;font-size:14px;font-weight:500;line-height:160%}#headerHdot .wrap-lnb .wrap-sector{flex-flow:column;gap:12px;margin-top:16px}#headerHdot .wrap-lnb.lnb-solution .wrap-sector{margin-top:12px}#headerHdot .wrap-lnb.lnb-support .wrap-sector{margin-top:0}#headerHdot .wrap-lnb .title-sector{display:none}#headerHdot .wrap-lnb .sector .group-link{gap:12px;margin-top:0}#headerHdot .wrap-lnb.lnb-support .sector .group-link{flex-flow:column;gap:12px 0}#headerHdot .lnb-solution .title_lnb{padding-bottom:4px}#headerHdot .lnb-solution .link-lnb .thumb,#headerHdot .lnb-solution .link-lnb>span,#headerHdot .wrap-lnb .box-banner{display:none}#headerHdot .lnb-solution .link-lnb>strong{align-items:center;column-gap:6px;display:flex;font-size:18px;font-weight:500}#headerHdot .wrap-lnb .container-category.public .link-lnb strong{font-size:18px}#headerHdot .lnb-solution .link-lnb>strong svg{display:block}#headerHdot .link-lnb p{display:none}#headerHdot .wrap-lnb .sector .link-lnb{margin-top:0;width:100%}#headerHdot .link-lnb strong{font-size:18px;font-weight:500}#headerHdot .wrap-util{flex-direction:column;height:auto;margin:16px 20px;position:relative;right:unset;row-gap:8px}#headerHdot .mobile-banner{display:none;width:100%}#headerHdot .mobile-banner .link-banner{border-radius:8px;display:block;height:130px;overflow:hidden;position:relative}#headerHdot .mobile-banner .link-banner.essential{background:url(https://h.place/images/free_mobile_background.png) no-repeat 50%/cover}#headerHdot .mobile-banner .link-banner.event{background:linear-gradient(137deg,#4911c1 24.13%,#8e60ff 109.88%)}#headerHdot .mobile-banner .thumb{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:auto}#headerHdot .mobile-banner .title-banner{color:#fff;display:flex;flex-direction:column;font-size:18px;font-weight:600;letter-spacing:-.18px;line-height:140%;padding:16px 20px;position:relative;row-gap:2px;z-index:1}#headerHdot .mobile-banner .title-banner>span{color:hsla(0,0%,100%,.8);font-size:12px;letter-spacing:unset;line-height:160%}#headerHdot .mobile-banner .link-banner.essential .title-banner{color:#fff}#headerHdot .mobile-banner .link-banner.essential .title-banner>span{color:hsla(0,0%,100%,.8)}#headerHdot .link-banner .close-text{bottom:17px;font-size:12px;height:27px;left:20px;width:74px}#headerHdot .wrap-util .btn-subscribe{font-size:16px;justify-content:center;width:100%}#headerHdot .btn-introduction,#headerHdot .user-util{display:none}#headerHdot .wrap-util a+a{margin-left:0}#headerHdot .wrap-util a+a:before{display:none}#headerHdot .btn-login,#headerHdot .btn-logout{align-items:center;background:#f3f4f6;border:unset;border-radius:8px;color:#1f2937;display:flex;font-size:16px;font-weight:500;height:48px;justify-content:center;letter-spacing:-.16px;width:100%}#headerHdot .group-btn-menu{display:flex;position:absolute;right:20px;top:16px}#headerHdot .group-btn-menu button{align-items:center;display:flex;height:32px;justify-content:center;width:32px}#headerHdot .group-btn-menu button img{height:24px;width:24px}#headerHdot .group-btn-menu .btn-subscribe{border-radius:4px;font-size:14px;height:32px;letter-spacing:unset;margin-right:16px;padding:0 8px}}@media (max-width:768px){.rail-scroll_thumb{display:none!important}}