body.toc_open{overflow:hidden}.top_bar,body.toc_open{position:fixed;width:100%}.top_bar{background-color:#f3f4f6;height:2px;left:0;top:72px;transition:top .3s ease;z-index:200}.top_bar.header-hidden{top:0}.top_bar .progress{background-color:#000;height:2px;left:0;position:absolute;width:0}.layout-modal{align-items:center;background:rgba(3,7,18,.7);bottom:0;display:flex;height:100%;justify-content:center;left:0;padding:50px 80px;position:fixed;right:0;top:0;width:100%;pointer-event:none;z-index:100000}.layout-modal.hidden{display:none}.layout-modal .wrap-modal{background-color:#222;border-radius:10px;flex-flow:column;height:100%;min-width:600px;overflow:hidden;position:relative}.layout-modal .row-util,.layout-modal .wrap-modal{align-items:center;display:flex;justify-content:center;width:100%}.layout-modal .row-util{gap:8px;height:80px;padding:0 32px;position:absolute}.layout-modal .row-util.top-container{justify-content:end;left:0;right:0;top:0}.layout-modal .row-viewer.mid-container{bottom:80px;left:0;overflow:hidden;position:absolute;right:0;top:80px}.layout-modal .focus-zoom-viewer{height:100%;overflow:hidden;position:relative;width:100%}.layout-modal .focus-zoom-viewer .focus-zoomable{position:relative;transform-origin:center center;transition:.4s cubic-bezier(.21,.35,.25,1.02)}.layout-modal .focus-zoom-viewer .focus-zoomable,.layout-modal .row-viewer .focus-ios-prevent-flicker{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;width:100%;will-change:transform}.layout-modal .row-viewer .focus-ios-prevent-flicker{align-items:center;display:flex;justify-content:center;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:.3s}.layout-modal .row-viewer .focus-zoom-viewer .focus-zoomable img{aspect-ratio:auto 1280/719;height:auto;max-width:none;user-select:none;-webkit-user-select:none;width:auto;will-change:transform;-webkit-user-drag:none}.layout-modal .row-util.bottom-container{bottom:0;left:0;right:0}.layout-modal .row-util button{background:transparent;cursor:pointer;height:32px;padding:0 4px;width:32px}.layout-modal .row-util button.disabled{cursor:not-allowed;opacity:.2}.layout-modal .row-util button.btn-zoom-recovery{padding:0 7px}.layout-modal .row-util button svg{width:100%}.contents{padding:0 20px 80px}.contents .contents_inner{display:flex;gap:80px;margin:0 auto;max-width:1062px;position:relative}.contents .left_side{flex-shrink:0;height:100%;position:sticky;top:95px;width:302px}.contents .left_side h2{color:#030712;font-size:20px;font-weight:600;letter-spacing:-.2px;line-height:160%;margin-bottom:24px}.contents .left_side .title_list .category{color:#9ca3af;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:150%;margin-bottom:12px}.contents .left_side .title_list>ul{border-left:2px solid #e5e7eb}.contents .left_side .title_list>ul:not(:last-child){margin-bottom:24px}.contents .left_side .title_item{position:relative;transition:.3s ease}.contents .left_side .title_item.active:before{background-color:#030712;content:"";height:100%;left:-2px;position:absolute;top:0;width:2px}.contents .left_side .title_item p{color:#9ca3af;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:-.16px;line-height:150%;overflow:hidden;padding:8px 0 8px 16px;text-overflow:ellipsis;transition:.3s ease;white-space:nowrap}.contents .left_side .title_item.active p{color:#030712}.contents .right_side{width:100%}.contents .right_side .contents_list{display:flex;flex-direction:column;word-break:keep-all}.contents .right_side .contents_list:not(:last-child){padding-bottom:100px}.contents .right_side .contents_list:not(:first-child){border-top:1px solid #e5e7eb;padding-top:100px}.contents .right_side .contents_item:not(:last-child){padding-bottom:100px}.contents .right_side .contents_item:not(:first-child){border-top:1px solid #e5e7eb;padding-top:100px}.contents .right_side .contents_item h3{color:#030712;font-size:32px;font-weight:700;letter-spacing:-.32px;line-height:130%;margin-bottom:40px}.contents .right_side .contents_item h4{color:#1f2937;font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:140%;margin-bottom:12px}.contents .right_side .contents_item div{color:#71717a;font-size:16px;font-weight:400;letter-spacing:-.16px;line-height:170%;margin-bottom:24px}.contents .right_side .contents_item div strong{color:#27272a}.contents .right_side .contents_item img{border:1px solid #e5e7eb;border-radius:8px;position:relative;width:100%}.contents .right_side .contents_item .img_wrap{position:relative}.contents .right_side .contents_item .zoom_icon{background:url(https://contents.h.place/hubfs/HDOT/images/Frame%202147225118.png) no-repeat 50%;background-size:cover;bottom:24px;height:40px;position:absolute;right:12px;width:40px}.contents .right_side .contents_item .caption{color:#9ca3af;font-size:14px;font-weight:400;line-height:160%;margin-top:12px;text-align:center}.contents .right_side .small_group{display:flex;flex-direction:column;gap:100px;width:100%}.mobile_dimmed{background:rgba(3,7,18,.5);inset:0;opacity:0;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:140}@media (max-width:1024px){.mobile_dimmed.is_visible{opacity:1;visibility:visible}.top_bar{top:64px}.top_bar,.top_bar .progress{height:1px}.layout-modal{padding:0}.layout-modal .wrap-modal{border-radius:0;min-width:unset}.layout-modal .row-util{padding:0 16px}.row-util.bottom-container{display:none}.contents{padding:0 0 48px}.contents .contents_inner{display:block;gap:0}.contents .left_side{background:#fff;position:sticky;top:64px;transition:top .3s ease;width:100%;z-index:150}.contents .left_side.header-hidden{top:1px}.contents .left_side h2{align-items:center;border-bottom:1px solid #e5e7eb;color:#030712;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:space-between;line-height:140%;margin-bottom:0;padding:0 20px;user-select:none}.contents .left_side h2:after{background:currentColor;content:"";display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.22 7.72a.75.75 0 0 1 1.06 0L10 11.44l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 8.78a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.22 7.72a.75.75 0 0 1 1.06 0L10 11.44l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 8.78a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease;width:20px}.contents .left_side .title_list{background:#fff;border-radius:0 0 8px 8px;display:none;left:0;max-height:calc(100vh - 200px);overflow-y:auto;padding:16px 20px;position:absolute;right:0;top:100%;-webkit-overflow-scrolling:touch;z-index:151}.contents .left_side.is_sticky{box-shadow:0 8px 18px -6px rgba(0,0,0,.06),0 2px 12px 0 rgba(0,0,0,.03)}.contents .left_side.is_open .title_list{display:flex;flex-direction:column;gap:8px}.contents .left_side.is_open h2:after{transform:rotate(180deg)}.contents .left_side .title_item{background:transparent;border-radius:0}.contents .left_side .title_item p{padding:8px 16px;white-space:nowrap}.contents .left_side .title_item:after{background-color:#e5e7eb;content:"";height:calc(100% + 8px);left:-2px;position:absolute;top:-4px;width:2px;z-index:2}.contents .left_side .title_item:first-child:after{height:calc(100% + 4px);top:0}.contents .left_side .title_item:last-child:after{height:calc(100% + 4px);top:-4px}.contents .left_side .title_item.active:before{background-color:#030712;height:100%;top:0;z-index:3}.contents .right_side{padding:0 20px}.contents .right_side .contents_list{gap:40px}.contents .right_side .contents_item{padding-top:40px}.contents .right_side .contents_list:not(:last-child){padding-bottom:40px}.contents .right_side .contents_list:not(:first-child),\ .contents .right_side .contents_item:not(:first-child){border-top:1px solid #e5e7eb;padding-top:40px}.contents .right_side .contents_item:not(:last-child){padding-bottom:0}.contents .right_side .contents_item h3{font-size:24px;letter-spacing:-.24px;line-height:140%;margin-bottom:24px}.contents .right_side .contents_item h4{font-size:18px;letter-spacing:-.18px;line-height:160%;margin-bottom:8px}.contents .right_side .contents_item div{font-size:15px;letter-spacing:-.15px;margin-bottom:16px}.contents .right_side .contents_item .caption{font-size:12px;margin-top:4px}.contents .right_side .contents_item .zoom_icon{display:none}.contents .right_side .small_group{gap:60px}}@media (hover:hover){.contents .left_side .title_item:hover{background-color:#f9fafb;border-radius:4px}.contents .left_side .title_item:hover p{color:#1f2937}}