@charset "UTF-8";
/*! view-bundle.min.css - generated by ./gradlew bundleViewCss. Do not edit. */
/*! base/reset.css */:where(*,*::before,*::after){box-sizing: border-box;margin: 0;padding: 0}:where(html){font-size: 62.5%;scroll-behavior: smooth;scrollbar-gutter: stable;color-scheme: light dark}:where(body){min-height: 100dvh;line-height: 1.5;font-size: 1.6rem;font-family: "Pretendard Variable","Pretendard",system-ui,sans-serif;-webkit-font-smoothing: antialiased;text-rendering: optimizeSpeed;background-color: var(--background-default);color: var(--text-primary)}:where(img,svg,video,canvas,picture){display: block;max-width: 100%;height: auto}:where(h1,h2){text-wrap: balance;word-break: keep-all;overflow-wrap: break-word}:where(p){text-wrap: pretty}:where(input,button,textarea,select){font: inherit;color: inherit;letter-spacing: inherit;background: none;border: 0;border-radius: 0}:where(button,[role="button"]){cursor: pointer}:where(ol,ul){list-style: none}:where(a){text-decoration: none;color: inherit}:focus-visible{outline: 2px solid var(--focus-color,#2563eb);outline-offset: 2px}:focus:not(:focus-visible){outline: none}.blind{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}@media (max-width: 1024px){:where(html){font-size: 56.25%}}@media (max-width: 768px){:where(html){font-size: 62.5%}}
/*! base/base.css */:root{--background-default: #FFFFFF;--background-dark: #F2F5F8;--background-disable: #C2C2C2;--background-highlight: #e0e8ef;--background-black: #111111;--background-footer: #F2F0EB;--background-impact: #011C6B;--background-fullbg: #1B2C5E;--stroke-primary: #111111;--stroke-dashed: #9d9d9d;--stroke-separator: #E6E6E6;--text-primary: #111111;--text-secondary: #505050;--text-description: #767676;--text-inverted: #FFFFFF;--text-impact: #011C6B;--text-impact-light: #abc1ff;--dim: rgba(0,0,0,0.7);--gradient-dimm-bottom: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.9));--opacity-dim: 0.4;--opacity-dim-strong: 0.6;--svg-ico-arrow-d-12: url("../../img/ico-arrow-down-12.svg");--svg-ico-arrow-r-12: url("../../img/ico-arrow-right-12.svg");--svg-ico-arrow-r-16: url("../../img/ico-arrow-right-16.svg");--svg-ico-arrow-l-16: url("../../img/ico-arrow-left-16.svg");--svg-ico-arrow-tail-t-24: url("../../img/ico-arrow-tail-top-24.svg");--svg-ico-search-28: url("../../img/ico-search-28.svg");--svg-ico-search-40: url("../../img/ico-search-40.svg");--svg-ico-share-kakao: url("../../img/ico-share-kakao.svg");--svg-ico-share-facebook: url("../../img/ico-share-facebook.svg");--svg-ico-share-x: url("../../img/ico-share-x.svg");--svg-ico-share-naver: url("../../img/ico-share-naver.svg");--svg-ico-share-url: url("../../img/ico-share-url.svg");--svg-logo-lifetag: url("../../img/logo-lifetag.svg");--svg-logo-lifetag-ft: url("../../img/logo-lifetag-ft.svg")}h1{line-height: 1.3}h2{font-size: 3.4rem;font-weight: 700;line-height: 1.3;color: var(--text-primary)}h2.border-t-2{padding-top: 1.8rem}h3{font-size: 2rem;font-weight: 600;letter-spacing: -0.02em;line-height: 1.4;color: var(--text-primary);word-break: keep-all}p{line-height: 1.6}.desc{margin: 12px 0 20px;font-size: 1.6rem;line-height: 1.36;color: var(--text-description)}.cate{font-size: 1.5rem;font-weight: 500;color: var(--text-impact)}time[class*="meta"]{display: block;font-size: 1.5rem;color: var(--text-secondary)}.info-box{display: flex;align-items: center;gap: 5px}.info-box .cate{margin-bottom: 0}.info-box time[class*="meta"]{display: inline-flex;align-items: center;gap: 4px}.info-box time[class*="meta"]::before{content: '';display: inline-block;width: 3px;height: 3px;border-radius: 50%;background-color: currentColor;opacity: 0.3}.title-wrap{display: flex;justify-content: space-between;align-items: center;margin-bottom: 4rem}.title-wrap .section-title{padding-bottom: 0;margin-bottom: 0}.txt-box .cate{display: inline-block}nav li,.button{line-height: 1.2}.btn-more{display: flex;gap: 6px;align-items: center;font-size: 1.5rem;line-height: 1.2}.keyword-box{display: flex;flex-wrap: wrap;gap: 0.6rem 0.8rem;margin-bottom: 1.2rem}.keyword-tag{position: relative;display: inline-block;padding: 0 2px;font-size: 1.4rem;font-weight: 500;letter-spacing: -0.02em;line-height: 1.4;color: var(--text-primary);z-index: 1;transition: all 0.2s ease}.keyword-tag::before{content: '# '}.keyword-tag::after{content: '';position: absolute;bottom: 2px;left: 0;width: 100%;height: 26%;background-color: rgba(102,141,255,0.45);border-radius: 2px;z-index: -1}.slide-buttons{display: flex;gap: 8px;align-items: center}.slide-buttons button{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background-color: var(--background-default);border-radius: 50%;border: 1px solid var(--stroke-separator);transition: background-color 0.2s ease;cursor: pointer}.btn-hero-prev,.btn-hero-next{background-color: var(--background-default) !important}.slide-buttons button:hover{background-color: var(--background-highlight) !important;border: 1px solid var(--background-highlight) !important}.btn-tab{height: 45px;padding: 0 24px;font-size: 1.7rem;font-weight: 500;line-height: 45px;color: var(--text-description);background-color: var(--background-default);border: 1px solid var(--stroke-separator);border-radius: 22px;transition: background-color 0.2s ease,color 0.2s ease}.btn-tab:hover{color: var(--text-primary);background-color: var(--background-highlight);border: 1px solid var(--background-highlight)}.btn-tab.active{background-color: var(--background-black);color: var(--text-inverted)}.btn-layer-close{display: none;position: absolute;bottom: -7.6rem;left: 50%;transform: translateX(-50%);width: 52px;height: 52px;background-color: #FFFFFF;border-radius: 50%;box-shadow: 0 4px 12px rgba(0,0,0,0.15);display: flex;align-items: center;justify-content: center;cursor: pointer}.btn-layer-close::before,.btn-layer-close::after{content: '';position: absolute;width: 2.0rem;height: 2px;background-color: var(--stroke-primary)}.btn-layer-close::before{transform: rotate(45deg)}.btn-layer-close::after{transform: rotate(-45deg)}.section-title{padding-bottom: 4rem}.section-title:has(.blind){padding: 0}.section-title:has(.ico-arrow-long){padding-bottom: 0}.txt-ellipsis{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.txt-ellipsis-2{display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden}[class*="ico-arrow-"]{display: inline-block;background-repeat: no-repeat;background-position: center}.ico-arrow-down-12{width: 12px;height: 12px;background-image: var(--svg-ico-arrow-d-12)}.ico-arrow-right-12{width: 12px;height: 12px;background-image: var(--svg-ico-arrow-r-12)}.ico-arrow-left-16{width: 16px;height: 16px;background-image: var(--svg-ico-arrow-l-16)}.ico-arrow-right-16{width: 16px;height: 16px;background-image: var(--svg-ico-arrow-r-16)}.btn-search{background: var(--svg-ico-search-28) no-repeat center}.ico-search{display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;vertical-align: middle}.ico-search.sm{width: 28px;height: 28px;background-image: var(--svg-ico-search-28);background-size: 28px}.ico-search.lg{width: 50px;height: 50px;background-image: var(--svg-ico-search-40);background-size: 38px}.img-box img{width: 100%;height: 100%;object-fit: cover}a:hover .img-box img{transform: scale(1.05)}.popular-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 3.4rem 3rem}.card-popular{position: relative;aspect-ratio: 1 / .94;border-radius: 20px;overflow: hidden}.card-popular a{display: block;width: 100%;height: 100%}.card-popular .img-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1}.img-box img{transition: transform 0.4s ease}.card-popular a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.85) 100%);z-index: 2}.card-popular .rank-badge{position: absolute;top: 15px;right: 15px;z-index: 3;width: 36px;height: 36px;background-color: color-mix(in srgb,var(--text-inverted) 50%,transparent);border-radius: 8px;color: var(--text-primary);font-size: 1.4rem;font-weight: 700;display: flex;align-items: center;justify-content: center}.card-popular .txt-box{position: absolute;bottom: 0;left: 0;width: 100%;padding: 24px;z-index: 3}.card-popular .txt-box .cate{color: var(--text-impact-light)}.card-popular .txt-box .title{color: var(--text-inverted);font-size: 2.2rem;margin-bottom: 10px}.card-popular .txt-box .meta{color: rgba(255,255,255,0.6);font-size: 1.4rem}.card-popular a:hover .img-box img{transform: scale(1.06)}.keyword-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 0 6rem}.keyword-grid .card-list:nth-last-child(-n+2){border-bottom: none}.card-list{border-bottom: 1px solid var(--stroke-separator)}.card-list:last-child{border-bottom: none}.card-list a{display: flex;justify-content: space-between;align-items: flex-start;gap: 1.8rem;padding: 2rem 0}.card-list .txt-box{flex: 1}.card-list .txt-box .title{font-size: 2rem;font-weight: 600;line-height: 1.4;margin-top: 10px;margin-bottom: 14px}.card-list .txt-box:has(.keyword-box) .title{margin-top: 0;margin-bottom: 6px}.card-list .img-box{flex-shrink: 0;width: 174px;height: 116px;border-radius: 12px;overflow: hidden}.card-list .img-box--sqaure{width: 110px;height: 110px}.card-list .keyword-tag{color: var(--text-description)}.card-list .keyword-tag::after{content: none}.card-vertical a{display: flex;flex-direction: column}.card-vertical .img-box{width: 100%;aspect-ratio: 16 / 10;border-radius: 20px;overflow: hidden;margin-bottom: 16px}.card-vertical .txt-box .title{margin-bottom: 10px;min-height: 5.6rem}.progress-bar{position: relative;width: 14rem;height: 3px;margin: 3.5rem auto 0;background-color: #E5E8EB;border-radius: 3px;overflow: hidden}.progress-fill{position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: var(--background-black);transition: width 0.4s cubic-bezier(0.25,1,0.5,1)}.pagination{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 6rem}.pagination .page-number,.pagination [class^="btn-page-"]{display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;font-size: 1.6rem;font-weight: 500;color: var(--text-secondary);border-radius: 50%;transition: background-color 0.2s ease,color 0.2s ease}.pagination .page-number:hover{background-color: var(--background-dark);color: var(--text-primary)}.pagination .page-number.active{background-color: var(--background-impact);color: var(--text-inverted);font-weight: 700}.pagination .btn-page-prev{background: var(--background-dark) var(--svg-ico-arrow-l-16) no-repeat center / 12px}.pagination .btn-page-next{background: var(--background-dark) var(--svg-ico-arrow-r-16) no-repeat center / 12px}.pagination [class^="btn-page-"]:hover{background-color: var(--background-highlight)}.pagination [class^="btn-page-"].disabled{opacity: 0.25;pointer-events: none;cursor: default}.search-input-box{position: relative;width: 100%;max-width: 640px;height: 64px;margin: 0 auto;border-bottom: 2px solid var(--stroke-primary);box-sizing: border-box}.search-input-box input[type="text"]{width: 100%;height: 100%;padding: 0 60px 0 5px;border: none;background: transparent;font-size: 3.6rem;font-weight: 600;color: var(--text-primary);box-sizing: border-box;outline: none}.search-input-box input[type="text"]::placeholder{color: var(--background-disable);font-weight: 400}.search-input-box button{position: absolute;top: 50%;right: 5px;transform: translateY(-50%);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center}.error{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 59vh;max-width: 1200px;margin: 0 auto;padding: 5rem 2rem 0 !important}.error-box{text-align: center}.error-box-title{display: block;margin-bottom: 2rem;font-size: 14rem;font-weight: 400;line-height: 1}.error-box-subtitle{display: block;font-size: 3rem;font-weight: 600}.error-box-desc{font-size: 16px}.error-btn{display: flex;gap: 1rem;margin-top: 5rem}.btn-style{display: block;height: 50px;padding: 0 24px;font-size: 1.7rem;font-weight: 500;line-height: 51px;border-radius: 25px;transition: background-color 0.2s ease,color 0.2s ease}.btn-style--primary{color: var(--text-inverted);background-color: var(--background-impact)}.btn-style--ghost{color: var(--text-primary);background-color: var(--background-default);border: 1px solid var(--stroke-separator)}@media (max-width: 768px){h3{font-size: 2.2rem}.btn-more{text-indent: -9999px;font-size: 0}.btn-more .ico-arrow-right-12{width: 30px;height: 30px;background-size: 20px;margin-right: -5px}time[class*="meta"]{font-size: 1.4rem}.title-wrap{margin-bottom: 2.8rem}.section-title{padding-bottom: 2.8rem;font-size: 2.4rem}.cate{font-size: 1.4rem}.txt-box .cate{margin-bottom: 0}.card-list a{gap: 1.4rem}.card-list .txt-box .title{margin-bottom: .4rem;font-size: 1.8rem}.card-list .img-box{width: 136px;height: 100px}.card-list .img-box--sqaure{width: 100px;height: 100px}.card-list:last-child a{padding-bottom: 0}.ico-search.lg{width: 46px;height: 46px;background-size: 28px}.btn-layer-close{bottom: -6.2rem;width: 46px;height: 46px}.search-input-box{height: 58px}.search-input-box input[type="text"]{padding-right: 55px;font-size: 2.2rem}.slide-buttons button{width: 40px;height: 40px}.progress-bar{width: 100px;margin-top: 2.4rem}.keyword-grid{grid-template-columns: 1fr}.popular-grid{grid-template-columns: repeat(2,1fr);gap: 2.4rem 1rem}.popular-grid> :nth-child(1 of .card-popular){grid-column: span 2}.popular-grid> :nth-child(n+2 of .card-popular){grid-column: span 1;aspect-ratio: unset;border-radius: unset}.popular-grid> :nth-child(n+2 of .card-popular) .rank-badge{top: 10px;right: 10px;width: 32px;height: 32px}.popular-grid> :nth-child(n+2 of .card-popular) .img-box,.popular-grid> :nth-child(n+2 of .card-popular) .txt-box{position: relative;top: unset;bottom: unset;left: unset}.popular-grid> :nth-child(n+2 of .card-popular) .img-box{aspect-ratio: 1 / .94;width: auto;height: auto;border-radius: 12px;overflow: hidden}.popular-grid> :nth-child(n+2 of .card-popular) .txt-box{padding: 5px 0 0}.popular-grid> :nth-child(n+2 of .card-popular) .txt-box .title{font-size: 1.6rem}.popular-grid> :nth-child(n+2 of .card-popular) a::before{content: none}.card-popular .txt-box .title{margin-bottom: 4px}.card-popular .txt-box .cate{color: var(--text-impact)}.error-box-title{font-size: 10rem}}
/*! base/layout.css */.container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px}.header{width: 100%;height: 86px;position: sticky;top: 0;background-color: var(--background-default);z-index: 100}.header-inner{display: flex;justify-content: space-between;align-items: center;height: 100%}.logo{aspect-ratio: 141 / 50;width: 15vw;max-width: 141px;background: var(--svg-logo-lifetag) no-repeat 0 / contain}.logo a{display: block;width: 100%;height: 100%}.gnb ul{box-sizing: border-box;display: flex;gap: 14px;align-items: center;height: 54px;padding: 6px;font-size: 1.6rem;font-weight: 600;background-color: var(--background-dark);border-radius: 27px}.gnb ul a{display: block;height: 42px;padding: 0 24px;font-size: 1.6rem;line-height: 42px;border-radius: 21px;transition: background-color 0.2s ease,color 0.2s ease}.gnb ul a.active{color: var(--text-inverted);background-color: var(--background-impact)}.gnb ul li a:not(.active):hover{background-color: var(--background-highlight)}.gnb ul li.has-depth{position: relative}.gnb ul li.has-depth .ico-arrow-down-12{margin-left: 2px}.gnb ul li.has-depth a.active .ico-arrow-down-12{filter: brightness(0) invert(1)}.gnb ul .depth2{position: absolute;top: 52px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;gap: 0;width: 130px;height: auto;padding: 10px 0;background-color: var(--background-default);border: 1px solid var(--stroke-separator);border-radius: 16px;box-shadow: 0 10px 25px rgba(0,0,0,0.08);opacity: 0;visibility: hidden;transition: opacity 0.25s ease,visibility 0.25s ease;cursor: pointer;z-index: 110}.gnb ul .depth2 li{width: 100%}.gnb ul .depth2 li a{display: block;height: 40px;padding: 0;text-align: center;font-size: 1.5rem;font-weight: 500;line-height: 40px;color: var(--text-secondary);background-color: transparent;border-radius: 0}.gnb ul .depth2 li a:hover{color: var(--text-impact);background-color: var(--background-highlight)}.gnb ul li.has-depth:hover .depth2{opacity: 1;visibility: visible}.gnb ul li.has-depth .depth2::before{content: '';position: absolute;top: -2.0rem;left: 0;width: 100%;height: 2.0rem;background-color: transparent;cursor: pointer}.gnb .btn-layer-close{display: none}.header-util .ico-search{width: 44px;height: 44px}.main{position: relative;padding-bottom: 12rem;background-color: var(--background-default);border-radius: 0 0 120px 120px}.main section{padding: 8rem 0 0;opacity: 0;transition: opacity .8s ease-out,transform .8s ease-out;will-change: opacity,transform}.main section:first-child{opacity: 1}.main section.is-animated{opacity: 1}.footer{margin-top: -120px;padding: 180px 0 60px;background-color: var(--background-footer)}.footer-inner{display: flex;justify-content: space-between}.footer-info .footer-logo{width: 190px;height: 91px;margin-bottom: 4rem;background: var(--svg-logo-lifetag-ft) no-repeat 0 / contain}.footer-info .info-group{margin-bottom: 0.2rem;font-size: 0}.footer-info .info-group span{position: relative;display: inline-block;font-size: 1.4rem;color: var(--text-description);line-height: 1.6}.footer-info .info-group span+span{padding-left: 16px}.footer-info .info-group span+span::before{content: '';position: absolute;left: 8px;top: 55%;transform: translateY(-50%);width: 1px;height: 1.1rem;background-color: #D1D5DB}.footer-info .copyright{margin-top: 1.6rem;font-size: 1.4rem;color: var(--text-secondary)}.footer-links{display: flex;flex-direction: column;gap: 12px;font-size: 1.8rem;font-weight: 600}.btn-top{position: fixed;bottom: 30px;right: 30px;width: 55px;height: 55px;background-color: var(--background-default);background-image: var(--svg-ico-arrow-tail-t-24);background-repeat: no-repeat;background-position: center;background-size: 24px;border: 1px solid var(--stroke-separator);border-radius: 50%;box-shadow: 0 2px 10px rgba(0,0,0,0.1);z-index: 99;transition: background-color 0.2s ease}.btn-top:hover{background-color: var(--background-dark)}.search-layer{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 9999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease}.search-layer.is-active{opacity: 1;visibility: visible}.search-layer .search-dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7)}.search-layer .search-content{position: relative;width: 100%;background-color: #FFFFFF;padding: 13rem 0 8rem;border-radius: 0 0 32px 32px;box-shadow: 0 15px 40px rgba(0,0,0,0.2)}.btn-execute-search{width: 4rem;height: 4rem;background: var(--svg-ico-search-40) no-repeat;cursor: pointer;flex-shrink: 0}@media (max-width: 768px){body::before{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease}body.menu-open::before{opacity: 1;visibility: visible}.header{height: 55px;z-index: 1001}.logo{position: relative;width: 102px;height: 36px;z-index: 1010}.header-util{display: flex !important;align-items: center;gap: 5px;position: relative;margin-right: -8px;z-index: 1010;transition: opacity 0.25s ease,visibility 0.25s ease}body.menu-open .header-util{opacity: 0;visibility: hidden}.btn-menu-open{display: block !important;width: 44px;height: 44px;position: relative;background: transparent;border: none;cursor: pointer;padding: 0}.btn-top{right: 10px;bottom: 25px;width: 50px;height: 50px}.ico-hamburger{display: block;width: 22px;height: 2px;background-color: var(--text-primary);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: background-color 0.2s ease}.ico-hamburger::before,.ico-hamburger::after{content: '';position: absolute;width: 100%;height: 2px;background-color: var(--text-primary);left: 0;transition: top 0.2s ease}.ico-hamburger::before{top: -8px}.ico-hamburger::after{top: 8px}.gnb{position: fixed;top: 0;left: 0;width: 100%;height: auto;max-height: 85vh;padding: 65px 20px 40px 20px;background-color: var(--background-default);z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease;border-radius: 0 0 30px 30px;box-shadow: 0 15px 40px rgba(0,0,0,0.2);box-sizing: border-box;overflow-y: visible}.gnb.is-active{opacity: 1;visibility: visible}.gnb ul{display: flex;flex-direction: column;gap: 12px;padding: 0;background-color: transparent;border-radius: 0;height: auto}.gnb ul li{width: 100%}.gnb ul a{display: block;height: auto;line-height: 1.5;padding: 13px 20px;font-size: 1.8rem;font-weight: 600;color: var(--text-primary);background-color: transparent !important;border-radius: 0}.gnb ul a.active{font-weight: 700;color: var(--text-impact) !important}.gnb ul li.has-depth>a{display: flex;justify-content: space-between;align-items: center;border-radius: 12px;padding: 14px 20px}.gnb ul li.has-depth.is-expanded>a{background-color: var(--background-dark) !important}.gnb ul li.has-depth .ico-arrow-down-12{transition: transform 0.2s ease}.gnb ul li.has-depth.is-expanded .ico-arrow-down-12{transform: rotate(180deg)}.gnb ul .depth2{display: none;flex-direction: column;gap: 8px;position: static;width: 100%;padding: 10px 0;transform: none;box-shadow: none;border: none;opacity: 1;visibility: visible}.gnb ul .depth2 li a{padding: 0 20px;text-align: left;font-size: 1.6rem;font-weight: 500;color: var(--text-secondary);background-color: transparent !important}.gnb ul .depth2 li a.active{color: var(--text-impact) !important;font-weight: 700}.gnb ul .depth2 li a:hover{color: var(--text-secondary);background-color: none}.gnb ul li.has-depth .depth2::before{display: none}.gnb.is-active ul li.has-depth.is-expanded .depth2{display: flex !important}.gnb .btn-layer-close{display: flex}.search-layer .search-content{padding: 8rem 0;border-radius: 0 0 30px 30px}.main{padding-bottom: 6rem;border-radius: 0 0 40px 40px}.slide-buttons{display: none}.footer{padding-top: 160px}.footer-inner{flex-direction: column}.footer-info{order: 2;margin-top: 3rem}.footer-links{order: 1;gap: 10px;font-size: 1.6rem}.footer-info .footer-logo{width: 167px;height: 80px;margin-bottom: 2rem}.footer-info .copyright{margin-top: 1.2rem}}
/*! pages/view.css */.view-progress-container{position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-color: transparent;z-index: 101}.view-progress-bar{width: 0%;height: 100%;background-color: var(--background-impact);transition: width 0.1s ease-out}.share-layer{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 10000;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease,visibility 0.3s ease}.share-layer.is-active{opacity: 1;visibility: visible}.share-layer .share-dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--dim)}.share-layer .share-content{position: relative;width: 100%;max-width: 440px;margin: 0 1.5rem;padding: 3.2rem 2.4rem;background-color: var(--background-default);border-radius: 24px;box-shadow: 0 12px 40px rgba(0,0,0,0.2);box-sizing: border-box;z-index: 10;transform: translateY(20px);transition: transform 0.3s ease}.share-layer.is-active .share-content{transform: translateY(0)}.share-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 3rem}.share-header .share-title{font-size: 2.2rem;font-weight: 700;color: var(--text-primary)}.btn-share-close{position: relative;width: 24px;height: 24px;cursor: pointer;background: transparent}.btn-share-close::before,.btn-share-close::after{content: '';position: absolute;top: 11px;left: 2px;width: 20px;height: 2px;background-color: var(--stroke-primary)}.btn-share-close::before{transform: rotate(45deg)}.btn-share-close::after{transform: rotate(-45deg)}.share-sns-list{display: grid;grid-template-columns: repeat(5,1fr);gap: 1.2rem;text-align: center}.share-sns-list .sns-item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;width: 100%;padding: 0;border: none;background: transparent;cursor: pointer;text-decoration: none;box-sizing: border-box}.share-sns-list .sns-item::before{content: '';display: block;width: 50px;height: 50px;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 20px;background-color: var(--background-dark);flex-shrink: 0}.share-sns-list .sns-name{display: block;width: 100%;font-size: 1.4rem;font-weight: 500;color: var(--text-secondary);text-align: center;white-space: nowrap}.share-sns-list .ico-kakao::before{background-color: #FEE500;background-image: var(--svg-ico-share-kakao)}.share-sns-list .ico-facebook::before{background-color: #1877F2;background-image: var(--svg-ico-share-facebook);background-size: 14px}.share-sns-list .ico-x::before{background-color: #404040;background-image: var(--svg-ico-share-x)}.share-sns-list .ico-naver::before{background-color: #03C75A;background-image: var(--svg-ico-share-naver)}.share-sns-list .ico-url::before{background-color: var(--background-highlight);background-image: var(--svg-ico-share-url);background-size: 24px}.share-sns-list .sns-name{font-size: 1.4rem;font-weight: 500;color: var(--text-secondary)}.view-header.scrolled{box-sizing: border-box;position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 83px;max-width: 1200px;margin: 0 auto;padding: 0 20px;border-bottom: none;z-index: 9999;pointer-events: none}.view-header.scrolled .view-title-area{display: flex;align-items: center;gap: 1.4rem;max-width: 64%;height: 100%;margin: 0 auto;background: var(--background-default);animation: slideDownStickyBar 0.3s cubic-bezier(0.25,1,0.5,1) forwards;pointer-events: auto}@keyframes slideDownStickyBar{from{transform: translateY(-100%);opacity: 0}to{transform: translateY(0);opacity: 1}}.view-header.scrolled .view-title-area .view-title{font-size: 2rem;margin-top: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.01em}.view-header.scrolled .view-title-area .cate{flex-shrink: 0}.view-header.scrolled .view-meta-area{position: absolute;right: 20px;top: 20px}.view-header.scrolled .view-meta-area>span,.view-header.scrolled .view-meta-area .meta,.view-header.scrolled .btn-list,.view-header.scrolled .ico-list{display: none !important}.view-header.scrolled .view-utils{display: flex;align-items: center;background: var(--background-default);pointer-events: auto}.container-view{width: 100%;max-width: 780px;margin: 0 auto;padding: 0 20px;box-sizing: border-box}.container-view:has(.scrolled) .view-body{margin-top: 289px}.view-header{padding: 6rem 0 2rem;border-bottom: 1px solid var(--stroke-separator)}.view-title-area{margin-bottom: 2.4rem}.view-title-area .view-title{font-size: 3.6rem;font-weight: 700;line-height: 1.4;color: var(--text-primary);letter-spacing: -0.02em;margin-top: 2px;text-wrap: auto;word-break: keep-all}.view-meta-area{display: flex;justify-content: space-between;align-items: center}.view-utils{display: flex;gap: 2px}.btn-util{display: inline-block;width: 44px;height: 44px;background-repeat: no-repeat;background-position: center;background-size: 24px;border-radius: 50%;cursor: pointer}.btn-util:hover{background-color: var(--background-dark)}.btn-util.ico-share{background-image: url("../../img/ico-share-24.svg")}.btn-util.ico-list{background-image: url("../../img/ico-list-24.svg")}.view-body{padding: 6rem 0 4rem}.view-body .view-img{width: 100%;border-radius: 24px;overflow: hidden;margin-bottom: 4rem}.view-body .view-img img{width: 100%;height: auto;display: block}.view-content>h3{margin: 4rem 0 2rem;font-size: 2.4rem;font-weight: 700}.view-content>ul{display: flex;flex-direction: column;gap: .6rem;margin-bottom: 2.4rem}.view-content>ul>li{position: relative;padding-left: 1.6rem;font-size: 1.7rem;font-weight: 500;line-height: 1.43;color: var(--text-primary);word-break: keep-all}.view-content>ul>li::before{content: '';position: absolute;left: 4px;top: 1rem;width: 4px;height: 4px;background-color: var(--background-impact);border-radius: 50%}.view-content>p{font-size: 1.8rem;line-height: 1.8;color: var(--text-primary);margin-bottom: 2.4rem;word-break: keep-all}.view-summary-box{box-sizing: border-box;margin-bottom: 4rem;padding: .5rem 2.4rem;border-left: 5px solid var(--background-impact);border-radius: 16px}.view-box-title{display: flex;align-items: center;gap: 0.6rem;margin: 0 0 1.6rem 0;font-size: 1.8rem;font-weight: 700;color: var(--text-primary);letter-spacing: -0.01em;line-height: 1.4}.view-box-title[class*="ico-"]::before{content: '';display: inline-block;width: 22px;height: 22px;background-repeat: no-repeat;background-position: center;background-size: contain;flex-shrink: 0}.view-box-title.ico-bulb::before{background-image: url("../../img/ico-bulb-20.svg")}.view-box-title.ico-user-check::before{background-image: url("../../img/ico-user-check-20.svg")}.view-box-title.ico-link::before{background-image: url("../../img/ico-link-20.svg")}.view-summary-box .summary-list{display: flex;flex-direction: column;gap: .6rem}.view-summary-box .summary-list li{position: relative;padding-left: 1.6rem;font-size: 1.7rem;color: var(--text-primary);word-break: keep-all}.view-summary-box .summary-list li::before{content: '';position: absolute;left: 4px;top: 1rem;width: 5px;height: 5px;background-color: var(--background-impact);border-radius: 50%}.view-target-box{margin-bottom: 4rem}.view-target-box .target-list{display: flex;flex-wrap: wrap;align-items: center;gap: 1.2rem 2.4rem}.view-target-box .target-list li{word-break: keep-all}.view-target-box .keyword-tag{font-size: 1.7rem;font-weight: 600}.view-related-box{margin: 5.4rem 0;padding: 3.2rem 0;background-image: linear-gradient(to right,var(--stroke-dashed) 60%,transparent 60%),linear-gradient(to right,var(--stroke-dashed) 60%,transparent 60%);background-position: top left,bottom left;background-size: 10px 2px,10px 2px;background-repeat: repeat-x}.view-related-box .related-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 2.2rem}.view-related-box .card-vertical .img-box{aspect-ratio: 16 / 10;border-radius: 12px;margin-bottom: 1.2rem}.view-related-box .card-vertical .txt-box .title{font-size: 1.7rem;font-weight: 700;line-height: 1.35;color: var(--text-primary);min-height: auto;margin-bottom: 0}.view-tags-wrap{display: flex;flex-wrap: wrap;gap: 1rem;margin-top: 6rem;padding-top: 3rem;border-top: 1px solid var(--stroke-separator)}.view-tags-wrap .tag-item{display: inline-block;padding: 0.8rem 1.6rem;font-size: 1.5rem;font-weight: 500;color: var(--text-secondary);background-color: var(--background-dark);border-radius: 20px;letter-spacing: -0.01em;transition: background-color 0.2s ease,color 0.2s ease}.view-tags-wrap .tag-item::before{content: '#'}.view-tags-wrap .tag-item:hover{background-color: var(--background-highlight);color: var(--text-impact)}.section-recommend .container{box-sizing: border-box;max-width: 780px}.section-recommend .keyword-grid{gap: 0 2.8rem}.personalized-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 3.4rem 2.8rem}.personalized-grid .card-popular{aspect-ratio: 1 / .7}.latest-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 3.4rem 2.8rem}@media (max-width: 768px){body:has(.scrolled) .header-util{display: none !important}.view-header{padding: 2rem 0 1rem}.view-header.scrolled .view-title-area{display: none}.view-header.scrolled .view-meta-area{top: 6px;right: 13px}.header-util .view-title-area{margin-bottom: 2rem}.view-title-area .view-title{font-size: 2.8rem}.view-body{padding: 3rem 0 0}.view-body .view-img{border-radius: 16px;}.view-summary-box{padding: .5rem 1.8rem;margin-bottom: 3rem;border-radius: 12px}.view-summary-box .summary-list li{font-size: 1.6rem;padding-left: 1.4rem}.view-summary-box .summary-list li::before{top: 0.9rem;width: 4px;height: 4px}.view-target-box{margin-bottom: 3rem}.view-target-box .target-list{gap: 0.8rem 1.6rem}.view-related-box{margin: 3.6rem 0;padding: 2.6rem 0}.view-related-box .related-grid{display: flex;gap: 1.6rem;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding-bottom: 0.6rem;scrollbar-width: none}.view-related-box .related-grid::-webkit-scrollbar{display: none}.view-related-box .card-vertical{flex: 0 0 70%;min-width: 0;scroll-snap-align: start}.view-related-box .card-vertical .img-box{aspect-ratio: 16 / 10;border-radius: 12px;margin-bottom: 1rem}.view-content>h3{font-size: 2.2rem}.view-tags-wrap{margin-top: 3rem;padding-top: 2rem}.main section{padding-top: 7rem}.card-list:first-child a{padding-top: 0}.personalized-grid,.latest-grid{gap: 2.4rem 1rem}.personalized-grid .card-popular{aspect-ratio: unset;border-radius: 0}.personalized-grid .card-popular a::before{display: none}.personalized-grid .img-box{position: relative;aspect-ratio: 1 / .94;width: auto;height: auto;border-radius: 12px;overflow: hidden}.personalized-grid .txt-box{position: unset;padding: 5px 0 0}.personalized-grid .txt-box .title{font-size: 1.6rem;color: var(--text-primary)}.personalized-grid .txt-box .meta{color: var(--text-description)}.card-vertical .img-box{margin-bottom: 5px;border-radius: 12px}.card-vertical .txt-box .title{min-height: auto;font-size: 16px}}