.whd-page{max-width:600px;overflow:hidden;display:flex;flex-direction:column;background-color:#372f28;box-shadow:0 0 15px 0 rgba(0,0,0,.3);margin-top:-1px}.whd-page,.whd-page__section{position:relative}.whd-page__joint{position:absolute;left:0;right:0;z-index:10;width:100%}.whd-page__joint img{width:100%;height:100%;scale:1.1}.whd-page__joint--bottom{bottom:-8rem}@media(max-width:768px){.whd-page__joint--bottom{bottom:-5rem}}.whd-page__joint--top{top:-10rem}@media(max-width:768px){.whd-page__joint--top{top:-6rem}}.whd-hero{position:relative;width:100%;height:80vh;min-height:800px;overflow:hidden;margin-bottom:6rem}@media(max-width:475px){.whd-hero{margin-bottom:3rem}}.whd-hero__bg{position:absolute;inset:0;width:100%;height:100%}.whd-hero__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.whd-hero__gradient{position:absolute;left:0;right:0;bottom:0;z-index:10;height:10rem;background:linear-gradient(0deg,#3a2f27 0,rgba(58,47,39,.7) 50%,transparent)}.whd-hero__cta{position:absolute;left:50%;bottom:3rem;z-index:20;transform:translateX(-50%);min-width:250px}.whd-hero__button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#ffe6b1;padding:10px 23px;color:#362f27;font-weight:800;border-radius:10px;font-size:clamp(18px,3.8333vw,23px);line-height:2}@media(max-width:768px){.whd-hero{height:70vh}}@media(max-width:475px){.whd-hero{height:60vh}}.whd-tabs{display:flex;height:5.4375rem;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;background-color:#99d9f0;background:#3a2f27}.whd-tabs__tab{display:flex;align-items:center;justify-content:center}.whd-tabs__home{background-color:#ffe6b1}.whd-tabs__home--active{position:relative;z-index:10;flex:1 1;flex-direction:column;padding-right:.75rem;-webkit-clip-path:polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%)}@media(max-width:375px){.whd-tabs__home--active{padding-left:0}}.whd-tabs__home--inactive{width:50%;margin-right:-2.25rem;padding-right:1rem;border-top-left-radius:20px}.whd-tabs__visit{background-color:#99d9f0;padding-left:.75rem}.whd-tabs__visit--active{position:relative;z-index:10;flex:1 1;flex-direction:column;color:#fff;-webkit-clip-path:polygon(36px 0,100% 0,100% 100%,0 100%);clip-path:polygon(36px 0,100% 0,100% 100%,0 100%)}.whd-tabs__visit--inactive{width:50%;margin-left:-2.25rem;padding-left:.75rem;border-top-right-radius:20px}@media(max-width:375px){.whd-tabs__visit--inactive{padding-left:0}}.whd-tabs__label{letter-spacing:-.03em}.whd-tabs__label--active{width:-moz-fit-content;width:fit-content;padding-bottom:.25rem;border-bottom:1px solid #282828;color:#282828;font-size:clamp(20px,4vw,24px);font-weight:500}.whd-tabs__label--inactive{color:rgba(24,24,24,.45);font-size:clamp(18px,3.8333vw,23px)}.whd-tabs__visit--active .whd-tabs__label--active{border-bottom-color:#fff;color:#fff}.whd-a11y{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.whd-info{position:relative;overflow:hidden;background-color:#ffe6b1;box-shadow:0 0 15px 0 rgba(0,0,0,.3)}.whd-info__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6rem;height:65rem;padding:4rem 2rem 5rem;text-align:center;background-image:url(/assets/img/kcoc/section1_bg.png);background-repeat:no-repeat;background-size:cover}@media(max-width:475px){.whd-info__inner{padding:4rem 1rem 5rem;gap:4rem}}.whd-info__title{width:100%}.whd-info__title img{width:100%;height:100%;object-fit:contain}.whd-info__desc{display:flex;flex-direction:column;gap:2rem;font-size:clamp(18px,3.3333vw,20px);letter-spacing:-.04em;color:#000;line-height:1.5;width:100%}.whd-info__strong{font-weight:800}.whd-info__highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:rgba(255,182,64,.5);font-weight:800}.whd-sns{background-color:#99d9f0;background-image:url(/assets/img/kcoc/section2_bg.png);background-repeat:no-repeat}.whd-sns,.whd-sns__inner{position:relative;width:100%;overflow:hidden}.whd-sns__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:35rem;height:80rem;margin:0 auto;gap:40px}@media(max-width:375px){.whd-sns__inner{padding:0 1rem;height:70rem}}.whd-sns__head{z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.6875rem;margin-top:1.6875rem}.whd-sns__badge{width:-moz-fit-content;width:fit-content;padding:7px 23px;border-radius:9999px;background-color:#fff}.whd-sns__badge,.whd-sns__badge-text{display:flex;align-items:center;justify-content:center}.whd-sns__badge-text{flex-direction:column}.whd-sns__subtitle{white-space:nowrap;text-align:center;font-size:clamp(20px,4vw,24px);letter-spacing:-.69px;color:#181818}.whd-sns__strong{font-weight:800}.whd-sns__card{position:relative;z-index:10;width:100%;margin-top:4rem}@media(max-width:475px){.whd-sns__card{height:auto}}.whd-sns__cat-body{position:absolute;right:20%;top:-5rem;z-index:0;z-index:-1}.whd-sns__image{max-width:85%;margin:0 auto;z-index:50}.whd-sns__image img{width:100%}.whd-sns__cat-hands{position:absolute;right:20%;top:-.5rem;z-index:30;transform:translateX(-10%)}.whd-sns__footer{z-index:10;margin-top:0;white-space:pre-line;text-align:center;font-size:clamp(20px,4vw,24px);letter-spacing:-.69px;color:#181818}.whd-books{position:relative;gap:5rem;width:100%;min-height:75rem;padding:12.5rem 0 0;background-color:#fff8ea;background-image:url(/assets/img/kcoc/section3_bg.png)}.whd-books,.whd-books__head{display:flex;flex-direction:column;align-items:center}.whd-books__head{gap:1.5rem;max-width:100%;text-align:center}@media(max-width:475px){.whd-books__head{padding:0 1rem}}.whd-books__badge{padding:10px 23px;border-radius:9999px;background-color:#362f27}.whd-books__badge-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.whd-books__desc{font-size:clamp(20px,4vw,24px);letter-spacing:-.69px;color:#372f28;line-height:1.5}.whd-books__strong{font-weight:800}.whd-books__shelves{display:flex;flex-direction:column;gap:6.25rem}.whd-books__animals{margin-bottom:-.65rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.whd-books__animals img{width:100%;height:auto}@media(max-width:475px){.whd-books__animals{width:80%;margin:0 auto -.65rem}}.whd-shelf{position:relative;width:28.125rem;max-width:100%;margin:0 auto}.whd-shelf__row{position:relative;display:flex;justify-content:center;gap:2.5rem;width:100%}@media(max-width:475px){.whd-shelf__row{gap:1.25rem}}.whd-shelf__cat{position:absolute;left:0;bottom:-.5rem;width:10rem}@media(max-width:475px){.whd-shelf__cat{left:2rem;width:8rem;height:auto}}.whd-shelf__table{display:block;width:100%}@media(max-width:475px){.whd-shelf__table{width:90%;margin:0 auto}}.whd-book{position:relative;flex-shrink:0;cursor:pointer;transition:transform .2s;padding:0}.whd-book:hover{transform:translateY(-.5rem)}.whd-book__cover{display:block;width:auto;height:17rem}@media(max-width:375px){.whd-book__cover{height:13.75rem}}.whd-book__title{position:absolute;inset:0;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:8px;color:#fff;pointer-events:none}.whd-book__title--flagship,.whd-book__title--food-nutrition,.whd-book__title--livelihood-recovery,.whd-book__title--protection,.whd-book__title--shelter-settlement,.whd-book__title--water-sanitation{padding-top:4rem}.whd-book__title-column{display:block;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;font-size:clamp(18px,3.8333vw,23px);font-weight:800;line-height:1;letter-spacing:-.15em;white-space:nowrap}.whd-book__dot{flex-shrink:0;width:.25rem;height:.25rem;margin:.125rem 0;border-radius:9999px;background-color:#fff}.whd-book-popup{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:0 1.25rem;background-color:rgba(0,0,0,.6)}.whd-book-popup__dialog{position:relative;width:100%;max-width:550px;max-height:40rem;overflow:hidden;padding:3rem 1rem;border-radius:1.5rem;background-color:#fff8ea;background-image:url(/assets/img/kcoc/popup_bg.png);background-position:50%;background-repeat:no-repeat}.whd-book-popup__close{position:absolute;top:1.25rem;right:1.25rem;z-index:20;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;cursor:pointer;border-radius:9999px;color:#181818}.whd-book-popup__bookmark{position:absolute;right:3rem;top:0}.whd-book-popup__content{gap:2.5rem;text-align:center}.whd-book-popup__content,.whd-book-popup__text{display:flex;flex-direction:column;align-items:center}.whd-book-popup__text{gap:1rem}.whd-book-popup__title{font-size:clamp(18px,3.8333vw,23px);font-weight:700;letter-spacing:-1.05px;color:#181818}.whd-book-popup__desc{font-size:clamp(14px,2.6667vw,16px);letter-spacing:-.69px;color:#181818;line-height:1.5;white-space:pre-line}.whd-book-popup__swiper{width:100%}.whd-book-popup__video{position:relative;width:100%;aspect-ratio:16/9;max-height:26.25rem;margin:0 auto;overflow:hidden;border-radius:.75rem;pointer-events:none}.whd-book-popup__video iframe{position:absolute;top:-60px;left:0;width:100%;height:calc(100% + 120px);border:0}.whd-book-popup__next{display:flex;align-items:center;gap:.25rem;padding:.75rem 2.5rem;cursor:pointer;border-radius:.75rem;background-color:#362f27;font-size:clamp(18px,3.8333vw,23px);font-weight:800;color:#fff}.whd-relay{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:75rem;padding:6rem 0;background-color:#ffe6b1;background-image:url(/assets/img/kcoc/section4_bg.png)}@media(max-width:475px){.whd-relay{min-height:65rem}}.whd-relay__inner{display:flex;flex-direction:column;align-items:center;gap:5rem}@media(max-width:375px){.whd-relay__inner{gap:2.5rem}}.whd-relay__head{display:flex;flex-direction:column;align-items:center;gap:1.5625rem;text-align:center}.whd-relay__badge{padding:10px 32px;border-radius:9999px;background-color:#fff;display:flex;flex-direction:column;gap:8px}.whd-relay__badge-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.whd-relay__subtitle{white-space:nowrap;text-align:center;font-size:clamp(20px,4vw,24px);letter-spacing:-.69px;color:#181818}.whd-relay__embed{width:100%;max-width:75%}.whd-relay__embed iframe{margin:0 auto!important}@media(max-width:475px){.whd-relay__embed{max-width:80%;height:25rem}}.whd-relay__animals{position:absolute;left:50%;bottom:-1rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.whd-footer{width:100%;max-width:600px!important;padding:2.5rem 1rem;box-sizing:border-box;overflow:hidden;background-color:#362f27}.whd-footer__list{display:flex;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}.whd-footer__list:first-child{gap:.5rem;margin-bottom:1rem}.whd-footer__list:last-child{gap:.7rem}.whd-footer__list:last-child li{width:44px}.whd-footer__list:last-child li:nth-child(3),.whd-footer__list:last-child li:nth-child(4){width:35px}.whd-footer__list:last-child li:nth-child(2){width:30px;height:28px}.whd-footer__list:last-child li:nth-child(6),.whd-footer__list:last-child li:nth-child(8){width:28px;height:38px}.whd-footer__list li{width:60px;height:20px;flex-shrink:0}.whd-footer__list img{width:100%;height:100%;object-fit:contain}@media(max-width:480px){.whd-footer{padding-inline:.75rem}.whd-footer__list:first-child{gap:.25rem}.whd-footer__list:first-child li{width:38px}.whd-footer__list:last-child{gap:.15rem}.whd-footer__list:last-child li{width:28px}}.whd-footer__org{margin-top:1.75rem;text-align:center;font-size:clamp(14px,2.6667vw,16px);letter-spacing:-.02em;color:hsla(0,0%,100%,.7)}.whd-footer__link{color:hsla(0,0%,100%,.85);text-decoration:underline;text-underline-offset:2px}.whd-footer__link:hover{color:#fff}.whd-html{height:100%}.whd-body{min-height:100vh}.whd-header{position:relative;background-color:#121212;display:flex;align-items:center;justify-content:center;padding:1rem 10px}.whd-header__back{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff}.whd-header .popply_logo{width:100px}.whd-header .popply_logo img{width:100%}.whd-layout{width:100%;max-width:37.5rem;margin:0 auto;overflow:hidden;background-color:#3a2f27}.whd-exp{display:flex;flex-direction:column;background-color:#372f28}.whd-exp,.whd-exp-title{position:relative}.whd-exp-title__inner{position:relative;display:inline-block}.whd-exp-title__mark{position:absolute;left:50%;bottom:-.5rem;z-index:-10;height:2.3125rem;transform:translateX(-50%);background-color:hsla(0,0%,100%,.45)}.whd-exp-title__mark--present{width:14.125rem;background-color:rgba(255,206,120,.45)}.whd-exp-title__mark--onsite{width:17.5rem}@media(max-width:475px){.whd-exp-title__mark--onsite{width:17rem;height:2rem}}.whd-exp-title__mark--location{width:11rem;left:28%!important}.whd-exp-title__mark--test{width:12.5rem}.whd-exp-info{position:relative;width:100%;overflow:hidden;background-color:#99d9f0;background-position:50%;background-repeat:no-repeat;box-shadow:0 0 15px 0 rgba(0,0,0,.3)}@media(max-width:375px){.whd-exp-info{background-size:contain}}.whd-exp-info__inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;width:100%;max-width:37.5rem;min-height:25rem;margin:0 auto;overflow:hidden}@media(max-width:375px){.whd-exp-info__inner{min-height:30rem}}.whd-exp-info__head{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.whd-exp-info__title{position:relative}.whd-exp-info__title-inner{position:relative;display:inline-block}.whd-exp-info__title-inner img{width:100%}.whd-exp-info__title-mark{position:absolute;left:50%;top:1.25rem;z-index:-10;width:18.75rem;height:3rem;transform:translateX(-50%);background-color:hsla(0,0%,100%,.45)}.whd-exp-info__subtitle{white-space:nowrap;text-align:center;font-weight:500;font-size:clamp(18px,3.8333vw,23px);letter-spacing:-.9px;color:#282828}.whd-exp-info__slider{position:relative;z-index:10;width:100%}.whd-exp-info__swiper{overflow:visible}.whd-exp-info__slide{width:24.0625rem!important;height:24.0625rem!important;overflow:hidden;border-radius:1rem!important;background-color:#fff}@media(max-width:375px){.whd-exp-info__slide{width:15rem!important;height:15rem!important}}.whd-exp-info__slide-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.whd-exp-info__slide-inner img{width:100%;height:100%;object-fit:cover}.whd-exp-info__cat{pointer-events:none;position:absolute;left:.75rem;bottom:-5rem;z-index:20;width:12.25rem}.whd-book-guide{position:relative;width:100%;overflow:hidden;background-color:#99d9f0;background-image:url(/assets/img/kcoc/page2_content2_bg.png);background-position:50%;background-repeat:no-repeat}@media(max-width:475px){.whd-book-guide{background-size:contain}}.whd-book-guide__content-bg{position:absolute;top:66.6667%;z-index:50;transform:translateY(-66.6667%);width:100%}.whd-book-guide__inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:37.5rem;min-height:81.25rem;margin:0 auto}.whd-book-guide__note{position:absolute;width:37.5rem}.whd-book-guide__note--1{top:6.25rem;left:2.5rem}.whd-book-guide__note--2{top:19.75rem;left:-2.5rem}.whd-book-guide__note--3{bottom:19rem;left:.5rem}.whd-book-guide__note--4{bottom:4rem;left:-7.5rem}.whd-book-guide__note-img{display:block;width:100%;height:auto}.whd-book-guide__note-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.whd-book-guide__note-text{max-width:75%}.whd-book-guide__note-text--left{transform:rotate(-3deg);text-align:left}.whd-book-guide__note-text--right{transform:rotate(3.5deg);text-align:right}.whd-book-guide__note-title{margin-bottom:1rem;font-size:clamp(18px,3.8333vw,23px);font-weight:800;letter-spacing:-.72px;color:#181818}.whd-book-guide__note-desc{font-size:20px;line-height:1.45;letter-spacing:-.54px;color:#181818}@media(max-width:600px){.whd-book-guide__inner{min-height:216.6667vw}.whd-book-guide__note{width:100vw}.whd-book-guide__note--1{top:16.6667vw;left:6.6667vw}.whd-book-guide__note--2{top:52.6667vw;left:-6.6667vw}.whd-book-guide__note--3{bottom:50.6667vw;left:4vw}.whd-book-guide__note--4{bottom:10.6667vw;left:-20vw}.whd-book-guide__note-title{margin-bottom:2.6667vw;font-size:3.8333vw}.whd-book-guide__note-desc{font-size:3.3333vw}}.whd-present{position:relative;width:100%;overflow:hidden;background-color:#fff8ea;background-image:url(/assets/img/kcoc/page2_section3_bg.png);background-position:top;background-repeat:no-repeat}.whd-present__inner{justify-content:space-between;gap:10rem;width:100%;max-width:37.5rem;min-height:75rem;margin:0 auto;overflow:hidden}.whd-present__head,.whd-present__inner{position:relative;display:flex;flex-direction:column;align-items:center}.whd-present__head{z-index:10;gap:1.5rem;padding-top:5.625rem;text-align:center}.whd-present__subtitle{white-space:nowrap;text-align:center;font-weight:500;font-size:clamp(18px,3.8333vw,23px);letter-spacing:-.9px;color:#282828}.whd-present__cards{position:relative;width:100%;height:100%}.whd-present__cards-bg{position:absolute;top:-7.5rem;left:50%;margin:0 auto;transform:translateX(-50%)}@media(max-width:475px){.whd-present__cards-bg{top:-5rem;width:100%}}.whd-present__box{width:100%;padding:7rem 3rem;background-color:#ffe6b1;background-image:url(/assets/img/kcoc/page2_section3-1_bg.png);background-position:50%;background-repeat:no-repeat}@media(max-width:475px){.whd-present__box{padding:7rem 1rem}}.whd-present__list{display:flex;flex-direction:column;gap:5rem}.whd-present__item{display:flex;align-items:center;justify-content:center;gap:32px}.whd-present__item:nth-child(3) .whd-present__thumb img{width:145%;height:145%}.whd-present__thumb{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:12rem;height:12rem;background-color:#ffce78;border-radius:100px;overflow:visible}@media(max-width:475px){.whd-present__thumb{width:8rem;height:8rem}}.whd-present__thumb img{width:120%;height:120%;object-fit:contain}.whd-present__body{display:flex;flex-direction:column;gap:1.25rem;min-width:220px}@media(max-width:475px){.whd-present__body{min-width:180px}}.whd-present__title{font-size:clamp(18px,3.8333vw,23px);font-weight:800;letter-spacing:-.05em;color:#282828;white-space:pre-line}.whd-present__desc-group{display:flex;flex-direction:column;gap:.625rem}.whd-present__desc{font-size:clamp(18px,3.8333vw,23px);font-weight:500;line-height:1.6;letter-spacing:-.03em;color:#282828}.whd-present__highlight{font-weight:700}.whd-present__notice{letter-spacing:-.03em;color:#282828;line-height:1.6;white-space:pre-line;font-size:clamp(14px,2.6667vw,16px)}.whd-onsite{background-color:#99d9f0;background-image:url(/assets/img/kcoc/page2_section4_bg.png);background-position:top}.whd-onsite,.whd-onsite__inner{position:relative;width:100%;overflow:hidden}.whd-onsite__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5rem;max-width:35rem;height:75rem;margin:0 auto}@media(max-width:375px){.whd-onsite__inner{height:55rem}}.whd-onsite__head{z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.6875rem;margin-top:1.6875rem}.whd-onsite__subtitle{white-space:nowrap;text-align:center;font-size:clamp(20px,4vw,24px);letter-spacing:-.69px;color:#181818;line-height:1.5}.whd-onsite__card{position:relative;z-index:10;width:100%}@media(max-width:375px){.whd-onsite__card{height:30rem}}.whd-onsite__cat{position:absolute;right:1rem;bottom:-2rem;z-index:30}@media(max-width:475px){.whd-onsite__cat{width:30%;bottom:0}.whd-onsite__card-inner{width:80%;height:38rem;bottom:-6.25rem;margin:0 auto}}.whd-onsite__image{max-width:85%;margin:0 auto}.whd-onsite__image img{width:100%;height:auto}@media(max-width:475px){.whd-onsite__image{max-width:100%}}.whd-onsite__footer{z-index:10;white-space:nowrap;text-align:center;color:#282828}.whd-location{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:70rem;padding-top:6rem;background-color:#ffe6b1;background-image:url(/assets/img/kcoc/page2_section6_bg.png);background-repeat:no-repeat}@media(max-width:475px){.whd-location{min-height:60rem;padding-top:5rem}}@media(max-width:375px){.whd-location{min-height:50rem}}.whd-location__inner{gap:2.875rem;width:29.5rem;max-width:100%;padding:0 1rem}.whd-location__head,.whd-location__inner{display:flex;flex-direction:column;align-items:center}.whd-location__head{z-index:10;gap:1.6875rem;margin-top:1.6875rem}.whd-location__subtitle{white-space:nowrap;text-align:center;font-size:clamp(20px,4vw,24px);letter-spacing:-.69px;color:#181818}.whd-location__map{position:relative;display:flex;flex-direction:column;align-items:center;gap:2.875rem;width:100%}.whd-location__icon{position:absolute;bottom:-2.5rem;left:-2.5rem}.whd-location__map-box{width:100%;max-width:29.5rem;height:22.5rem;overflow:hidden}.whd-location__map-box iframe{display:block;width:100%;height:100%;border:0}@media(max-width:375px){.whd-location__map-box{width:100%;height:12.5rem}}.whd-location__buttons{display:flex;flex-direction:column;gap:12px}.whd-location__button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 3rem;border:0;border-radius:.5rem;background-color:#362f27;color:#fff;font-size:clamp(18px,3.8333vw,23px);font-weight:800;cursor:pointer}.whd-location__animals{position:absolute;left:50%;bottom:-1.25rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}@media(max-width:475px){.whd-location__animals img{width:100%;height:auto}}.whd-map-sheet{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background-color:rgba(0,0,0,.5)}.whd-map-sheet__panel{width:100%;max-width:600px;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom, 0px));border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;background-color:#fff;animation:whd-map-sheet-up .25s ease}.whd-map-sheet__title{margin-bottom:1rem;text-align:center;font-size:clamp(15px,3vw,18px);font-weight:700;color:#181818}.whd-map-sheet__list{display:flex;flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none}.whd-map-sheet__item{width:100%;padding:1rem;border:1px solid rgba(55,47,40,.15);border-left-width:4px;border-radius:.75rem;background-color:#fff;font-size:clamp(14px,2.6667vw,16px);font-weight:700;color:#181818;cursor:pointer}.whd-map-sheet__item--kakao{border-left-color:#fee500}.whd-map-sheet__item--naver{border-left-color:#03c75a}.whd-map-sheet__item--google{border-left-color:#4285f4}.whd-map-sheet__cancel{width:100%;padding:.875rem;border:0;border-radius:.75rem;background-color:#f4f4f4;font-size:clamp(14px,2.6667vw,16px);color:#282828;cursor:pointer}@keyframes whd-map-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.whd-test{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:69rem;padding-top:6rem;background-color:#99d9f0;background-image:url(/assets/img/kcoc/page2_section5_bg.png);background-repeat:no-repeat;background-position-x:center}@media(max-width:475px){.whd-test{min-height:65rem}}.whd-test__inner{gap:2.875rem;max-width:100%;padding:0 1rem}.whd-test__head,.whd-test__inner{display:flex;flex-direction:column;align-items:center}.whd-test__head{z-index:10;gap:1.6875rem;margin-top:1.6875rem}.whd-test__subtitle{text-align:center;font-size:clamp(20px,4vw,24px);line-height:normal;letter-spacing:-.69px;color:#181818}.whd-test__subtitle-tag{font-size:clamp(14px,2.6667vw,16px);margin-top:1rem}.whd-test__card{position:relative;width:100%}.whd-test__card img{width:100%;height:auto}.whd-test__button{display:flex;align-items:center;gap:.5rem;padding:.75rem 3rem;border-radius:.5rem;background-color:#362f27;color:#fff}.whd-test__button-text{font-size:clamp(18px,3.8333vw,23px);font-weight:800}.whd-test-page{max-width:600px;margin:0 auto;overflow:hidden}.whd-test__main,.whd-test__main-top{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.whd-test__main-top{height:100%;background-color:#99d9f0;background-image:url(/assets/img/kcoc/test/text_main_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;gap:44px;padding:35px 3rem 5rem;position:relative}.whd-test__main-top .popply_logo{width:90px}@media(max-width:475px){.whd-test__main-top{padding-bottom:0}}.whd-test__main-bottom{background-color:#362f27;height:5rem;width:100%}@media(max-width:475px){.whd-test__main-title{width:100%}}.whd-test__main-title img{width:100%;height:auto}.whd-test__main-character img{width:100%}.whd-test__main-text{font-size:clamp(15px,3vw,18px);line-height:1.5;color:#282828;text-align:center;font-weight:500}.whd-test__main-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 3rem;border-radius:.5rem;background-color:#362f27;font-size:clamp(18px,3.8333vw,23px);font-weight:800;color:#fff;z-index:50}.whd-test__main-joint{position:absolute;bottom:-7rem;pointer-events:none;scale:1.1;width:100%}.whd-test__main-joint img{width:100%}@media(max-width:475px){.whd-test__main-joint{bottom:-6rem;scale:1.4}}.whd-question{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%;min-height:100dvh;height:auto;max-width:37.5rem;margin:0 auto;padding:2.5rem 1.5rem;text-align:center;background-color:#99d9f0;background-image:url(/assets/img/kcoc/test/test_bg.png);background-position:50%;background-repeat:no-repeat}@media(max-width:475px){.whd-question{gap:50px}}.whd-question__progress{width:100%;display:flex;flex-direction:column;gap:10px}.whd-question__steps{display:flex;width:100%}.whd-question__step{font-size:24px;font-weight:700;text-align:right}@media(max-width:475px){.whd-question__step{font-size:15px}}.whd-question__bar{flex:1 1;height:.375rem;transition:background-color .2s;background-color:#362f27}.whd-question__bar--active{background-color:#fff8ea;border-radius:100px}.whd-question__image{width:100%}.whd-question__image img{display:block;width:100%}.whd-question__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}@media(max-width:475px){.whd-question__content{gap:50px}}.whd-question__desc{font-size:clamp(18px,3.8333vw,23px);line-height:1.5;letter-spacing:-.03em;color:#282828;white-space:pre-line}@media(max-width:475px){.whd-question__desc{font-size:14px}}.whd-question__title{width:90%}.whd-question__title img{display:block;margin:0 auto;width:100%}@media(max-width:475px){.whd-question__title{width:70%}}.whd-question__title-text{font-size:clamp(20px,4vw,24px);font-weight:800;letter-spacing:-.03em;color:#181818}.whd-question__answers{display:flex;flex-direction:column;gap:24px;width:100%}@media(max-width:475px){.whd-question__answers{gap:10px}}.whd-question__answer{width:100%;padding:1rem 1.25rem;border:2px solid #fff;border-radius:.75rem;background-color:hsla(0,0%,100%,.5);font-size:clamp(18px,3.8333vw,23px);color:#282828;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s;display:flex;align-items:flex-start;gap:12px;letter-spacing:-.69px}@media(max-width:475px){.whd-question__answer{align-items:center;padding:8px 16px;border-radius:8px}}.whd-question__answer:hover{border-color:#ffe6b1;background-color:#ffe6b1}.whd-question__answer:hover .whd-question__answer-number{color:#ffe6b1}.whd-question__answer-number{font-weight:500;color:#ccecf7;background-color:#362f27;border-radius:100px;padding:4px;aspect-ratio:1/1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media(max-width:475px){.whd-question__answer-number{width:15px;height:15px;font-size:14px}}.whd-question__answer-text{white-space:pre-line;flex:1 1}.whd-question__answer-text.has-break{line-height:.8}@media(min-width:476px)and (max-width:525px){.whd-question__answer-text{font-size:18px}}@media(max-width:475px){.whd-question__answer-text{line-height:1.25;padding-top:0;font-size:14px}}.whd-question__animals{transform:translateY(10px)}.whd-result{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;margin:0 auto;padding:2.5rem 3rem 0;text-align:center;background-image:url(/assets/img/kcoc/page2_section5_bg.png);background-repeat:no-repeat}@media(max-width:475px){.whd-result{padding:1rem 2rem 0}}.whd-result__image_wrap .common{margin:30px 0 14px}.whd-result__image{width:100%;max-width:85%;margin:0 auto}.whd-result__image img{display:block;width:100%}.whd-result__content{position:relative;z-index:0;isolation:isolate;display:flex;flex-direction:column;gap:40px;width:100%;padding-bottom:60px;background-repeat:no-repeat;background-position:left 20px top;background-image:none!important}.whd-result__content:before{content:"";position:absolute;top:20px;left:30px;right:-30px;bottom:0;z-index:-2;background:url(/assets/img/kcoc/test/result_bg_common.png) top/cover no-repeat;pointer-events:none}@media(max-width:475px){.whd-result__content:before{right:-15px}}.whd-result__content:after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--result-bg);background-repeat:no-repeat;background-position:top;background-size:cover;pointer-events:none}@media(max-width:475px){.whd-result__content{gap:20px;padding-bottom:60px;background-position:top;background-size:cover}.whd-result__content:before{left:10px}}.whd-result__desc{font-size:clamp(14px,2.6667vw,16px);line-height:1.7;letter-spacing:-.03em;color:#282828;white-space:pre-line;padding:0 36px;display:flex;flex-direction:column;gap:16px}@media(max-width:475px){.whd-result__desc{padding:0 24px}}.whd-result__desc-title{font-weight:700;color:#fff8ea;background-color:#362f27;padding:.5rem 1rem;border-radius:.5rem;width:-moz-fit-content;width:fit-content}.whd-result__desc-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:clamp(18px,3.8333vw,23px);line-height:1.5;letter-spacing:-.03em;color:#282828;text-align:left}@media(max-width:475px){.whd-result__desc-text{font-size:14px;line-height:1.5;gap:4px}}.whd-result__desc-line{width:100%;border-bottom:2px dashed #fbeac9;padding-bottom:2px}.whd-result__shelf{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;background-color:#fff;border:1px solid #f3d59d;border-radius:12px;padding:24px;width:100%;max-width:90%;margin:0 auto}@media(max-width:475px){.whd-result__shelf{padding:10px}}.whd-result__label{font-size:clamp(10px,1.8333vw,16px);font-weight:800;color:#181818;display:flex;align-items:center;gap:.5rem;line-height:1.5}.whd-result__categories{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.whd-result__category{padding:4px 16px;border-radius:9999px;border:1px solid #cbcbcb;font-size:clamp(14px,2.6667vw,16px);font-weight:700;letter-spacing:-.03em;color:#282828;font-size:clamp(10px,1.8333vw,16px);line-height:1.5}.whd-result__subtitle{font-size:clamp(18px,3.8333vw,23px);font-weight:500;line-height:1.5;letter-spacing:-.03em;color:#181818;white-space:pre-line}.whd-result__space{font-size:clamp(14px,2.6667vw,16px);font-weight:500;color:#282828}.whd-result__tags{width:100%;position:relative}.whd-result__tags-label{width:-moz-fit-content;width:fit-content;font-size:clamp(10px,1.8333vw,16px);font-weight:800;color:#181818;background-color:#362f27;color:#fff8ea;padding:6px 20px;border-radius:9999px;position:absolute;top:-10px;left:50%;transform:translateX(-50%)}.whd-result__tags-copy{display:flex;align-items:center;flex-direction:column;gap:.75rem;border-radius:.75rem;background-color:#fff;border:1px solid #f3d59d;cursor:pointer;padding:0;width:100%;max-width:90%;margin:0 auto;overflow:hidden}.whd-result__tags-text{font-weight:500;letter-spacing:-.03em;color:#181818;white-space:pre-line;padding:40px 20px 12px;font-size:clamp(18px,3.8333vw,23px)}@media(max-width:475px){.whd-result__tags-text{font-size:10px;padding:24px 0 0;white-space:normal;width:90%}}.whd-result__tags-action{flex-shrink:0;font-size:24px;font-weight:700;color:#282828;background-color:#fbeac9;width:100%;padding:14px 0}@media(max-width:475px){.whd-result__tags-action{font-size:10px}}.whd-result__link{flex-direction:column;gap:10px;margin:0 auto}.whd-result__link,.whd-result__link a{display:flex;align-items:center;width:100%;max-width:80%}.whd-result__link a{justify-content:center;gap:6px;padding:10px 0;border-radius:.5rem;background-color:#362f27;font-size:clamp(18px,3.8333vw,23px);font-weight:800;color:#fff;border:3px solid rgba(0,0,0,0)}@media(max-width:475px){.whd-result__link a{font-size:14px;padding:4px 0}}.whd-result__link .outline{color:#362f27;background-color:rgba(0,0,0,0);border:3px solid #362f27}.instagram-slider{position:relative;width:100%;min-width:0;overflow:hidden}.instagram-slider__nav{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;cursor:pointer;transform:translateY(-50%)}.instagram-slider__nav img{width:100%;height:100%}.instagram-slider__nav--prev{left:.5rem}.instagram-slider__nav--prev img{transform:rotate(180deg)}.instagram-slider__nav--next{right:.5rem}.instagram-slider .swiper{width:100%;min-width:0;overflow:hidden}.instagram-slider .swiper-wrapper{align-items:flex-start}.instagram-slider .swiper-slide{width:100%!important;min-width:100%;flex-shrink:0;box-sizing:border-box}.instagram-slider .instagram-slide{display:flex;width:100%;min-width:0;justify-content:center}.instagram-slider .instagram-media,.instagram-slider iframe.instagram-media-rendered{width:100%!important;min-width:0!important;max-width:540px!important}.instagram-slider iframe.instagram-media-rendered{display:block!important;margin:0 auto!important}.instagram-slider .swiper-pagination{position:relative;bottom:auto;margin-top:1rem}