:root{--30-kids-black:#221e1a;--05-white:#fff;--29-kids-brown:#332217;--01-yuppy-pastel:#ffe552;--yuppy-pastel-2:#fff5ba;--17-darken-yellow:#ffcb00;--yellow-text:#ffd710;--bg-light-yellow:#fff5cf;--bg-checked-yellow:#fff6b2;--bg-beige-yellow:#fff9e2;--28-kids-grey:#544e4b;--18-grey-text:#737373;--06-gray:#4c4c4c;--11-kids-grey:#544e4b;--grey-text:#666;--grey-bg-2:#ccc;--14-grey-bg-1:#f2f2f2;--14-grey-bg-2:#f5f5f5;--16-grey-line:#e5e5e5;--bg-light-grey:#d8d8d8;--grey-line-2:#ccc;--grey-line-3:#eee;--red-error:#f04b45;--bg-violet:#625ff6;--bg-orange:#ff823b;--bg-green:#00b38f;--bg-light-green:#3fd782;--bg-blue-green:#b2e9de;--bg-baby-green:#e8f9f6;--bg-blue:#3374ff;--bg-sky-blue:#c2eaf3;--bg-light-blue:#e0eaff;--bg-skyblue:#e0f1ff;--bg-baby-blue:#edf8fe;--bg-darken-blue:#22bee2;--bg-red:#f93d6e;--bg-pink:#ff6970;--bg-soft-pink:#ffcfd8;--bg-light-pink:#ffe7eb;--bg-baby-pink:#fff1f0;--bg-light-orange:#fff4dc}@font-face{font-family:Noto Sans KR;font-weight:100;src:url(/assets/fonts/NotoSansKR-Thin.otf) format("opentype"),url(/assets/fonts/NotoSansKR-Thin.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-weight:300;src:url(/assets/fonts/NotoSansKR-Light.otf) format("opentype"),url(/assets/fonts/NotoSansKR-Light.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-weight:400;src:url(/assets/fonts/NotoSansKR-Regular.otf) format("opentype"),url(/assets/fonts/NotoSansKR-Regular.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-weight:500;src:url(/assets/fonts/NotoSansKR-Medium.otf) format("opentype"),url(/assets/fonts/NotoSansKR-Medium.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-weight:700;src:url(/assets/fonts/NotoSansKR-Bold.otf) format("opentype"),url(/assets/fonts/NotoSansKR-Bold.woff2) format("woff2")}@font-face{font-family:Noto Sans KR;font-weight:900;src:url(/assets/fonts/NotoSansKR-Black.otf) format("opentype"),url(/assets/fonts/NotoSansKR-Black.woff2) format("woff2")}.detail__box{position:relative;padding:28rem 24rem 0}@media (min-width:1024px){.detail__box{max-width:720px;margin-left:auto;margin-right:auto;padding:57rem 40rem 80rem}}@media (min-width:1024px){.detail__box--cate{padding-top:48rem}}@media (min-width:1024px){.detail__box--cate .detail__cate{margin-bottom:25rem}}@media (min-width:1024px){.detail__box--cate .detail__date{margin-top:10rem}}.detail__img{width:auto;max-width:100%;height:100%}.detail__img-wrap{height:270rem;text-align:center}@media (min-width:1024px){.detail__img-wrap{margin:15rem 40rem 0;height:524rem;border-radius:40rem}}.detail__cate{display:inline-block;padding:6rem 8rem;margin-bottom:16rem;border-radius:8rem;font-size:12rem;font-weight:500;line-height:1;color:var(--05-white)}@media (min-width:1024px){.detail__cate{margin-bottom:16px;padding:7px 11.7px;font-size:14px}}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;word-break:keep-all}.detail__title{font-family:Noto Sans KR;font-size:20rem;font-weight:700;line-height:1.5}@media (min-width:1024px){.detail__title{font-size:36px}}.detail__title-wrap{margin-bottom:40rem}.detail__date{margin-top:12rem;font-size:13rem;color:var(--18-grey-text)}@media (min-width:1024px){.detail__date{margin-top:17px;font-size:18px;line-height:1.56}}.detail__icon--arrow{display:inline-block;width:20rem;margin-left:6rem;vertical-align:text-bottom}@media (min-width:1024px){.detail__icon--arrow{width:24px}}.detail__content{font-family:Noto Sans KR;font-size:15rem;line-height:1.6;word-break:keep-all}@media (min-width:1024px){.detail__content{font-size:18px;line-height:1.78}}.detail__footer{margin-top:38rem}@media (min-width:1024px){.detail__footer{margin-top:60px;border-top:1px solid var(--16-grey-line)}}.detail__arrow{display:inline-block;padding:10rem 0;font-size:16rem;font-weight:700;line-height:1.75}@media (min-width:1024px){.detail__arrow{padding:24px 0;font-size:18px;line-height:1.44;letter-spacing:-.3px}}.detail__arrow-wrap{display:flex;justify-content:space-between}.detail__arrow--prev img{transform:rotate(180deg);margin-right:4rem;margin-left:0}.detail__arrow.s-opacity:hover .hover__line{background:none}.detail__arrow.s-opacity{opacity:.4}.detail__arrow:disabled{opacity:.7}.detail__btn{position:relative;display:flex;align-items:center;justify-content:center;height:48rem;font-size:14rem;font-weight:700;border:1px solid var(--grey-line-2);border-radius:10rem;box-sizing:border-box;color:var(--11-kids-grey);transition:background-color .3s}@media (min-width:1024px){.detail__btn{margin-right:8px;height:48px;font-size:16px}}.detail__btn--list.btn--disabled,.detail__btn--list:disabled{color:var(--grey-line-3);border:solid 1px var(--grey-line-3)}.detail__btn--list:hover{background-color:var(--14-grey-bg-2)}@media (max-width:calc(1024px - 1px)){.detail__btn--list{width:calc(100% - 48rem - 6rem);margin-right:6rem}}.detail__btn-wrap{display:flex;margin-top:20rem}@media (min-width:1024px){.detail__btn-wrap{margin:10px auto 0;justify-content:center}}.detail .share--bottom .share__btn,.detail__btn{transition:background-color .3s}@media (min-width:1024px){.detail .share--bottom .share__btn,.detail__btn{width:160px}}.detail .share--bottom .share__btn:hover,.detail__btn:hover{background-color:var(--14-grey-bg-2)}@media (min-width:1024px){.share__text{margin-left:5px}}@media (min-width:1024px){.share__icon{width:24px}}@media (min-width:1024px){.share--bottom .share__btn--func{height:48px;font-size:16px}}@media (min-width:1024px){.share--top .share__icon--func{width:35px}}@media (min-width:1024px){.popup--share{display:none}}.popup--share .popup__head{text-align:center;padding:17rem 15rem 24rem 63rem}.popup--share .popup__title{padding-top:10rem}@media (min-height:600px){.popup--share .popup__content{overflow:visible}}
/*# sourceMappingURL=detail.css.map */