@media (max-width: 850px){#hcq-intro{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;background-color:#fff}#hcq-intro>.bg{background-image:url(/cdn/shop/files/hcq_intro.jpg?v=1760683586);background-repeat:no-repeat;background-position:center 30%;background-size:102.148%;width:100%;height:auto;aspect-ratio:1 / .976}#hcq-intro>.content{padding:43px 16px 85px;display:flex;flex-direction:column;align-items:center;text-align:center}#hcq-intro>.content>h1{margin:0;font-size:24px;font-weight:500;line-height:normal;letter-spacing:0}#hcq-intro>.content>p{margin-top:13px;margin-bottom:40px;font-family:Pretendard;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0}#hcq-intro>.content>.btn{display:block;width:100%;height:45px;background-color:#000;border-radius:10px;font-size:16px;color:#fff;line-height:normal;letter-spacing:0;font-family:Pretendard;font-weight:600}#hcq-auth{width:100%;display:flex;flex-direction:column;background-color:#dae1e6;padding:67px 16px 85px;align-items:center;text-align:center}#hcq-auth>h1{margin:0;font-weight:500;font-size:24px;line-height:normal;letter-spacing:0}#hcq-auth>p{font-family:Pretendard;font-size:14px;margin-top:19px;margin-bottom:37px;line-height:normal;letter-spacing:0}#hcq-auth>.bg{aspect-ratio:.688 / 1;width:60vw;height:auto;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(/cdn/shop/files/hcq-auth_bg.png?v=1760929648);position:relative}#hcq-auth>.bg>strong{position:absolute;bottom:18%;font-size:13.93px;font-family:Pretendard;line-height:normal;letter-spacing:0;color:#8c2e44;display:block;left:0;right:0;margin:0 auto}#hcq-auth>input{margin:0;display:block;width:100%;height:45px;border:1px solid #000000;border-radius:10px;background-color:#fff;text-align:center;font-size:14px;font-family:Pretendard;line-height:normal;letter-spacing:0}#hcq-auth>input::placeholder{color:#c3c3c3;font-size:14px;font-family:Pretendard;line-height:normal;letter-spacing:0}#hcq-auth>.btn-next{padding:8px 16px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:10px;background-color:#000;color:#fff;text-align:center;font-family:Pretendard;font-style:normal;font-weight:600;line-height:normal;margin-top:16px;width:100px;height:32px;font-size:14px}#hcq-auth>.btn-next:disabled{background-color:#eee}#hcq-quiz{width:100%;padding:53px 16px 85px;display:flex;flex-direction:column;align-items:center;background-color:#fff}#hcq-quiz .quiz-guage{position:relative;width:100%;height:4px;border-radius:6.9px;background-color:#e2e2e2}#hcq-quiz .quiz-guage>div{width:0;height:4px;background-color:#e97d85;border-radius:6.9px;position:relative;transition:width .3s}#hcq-quiz .quiz-guage>div>.pointer{width:12px;height:12px;background-color:#e97d85;position:absolute;right:-4.5px;bottom:-4.4px;border-radius:100%}#hcq-quiz>h1{font-weight:500;font-size:26px;letter-spacing:0;line-height:normal;margin-top:42px;margin-bottom:34px}#hcq-quiz>ul{margin:0;width:100%;display:flex;flex-direction:column;gap:10px}#hcq-quiz>.qimg{width:100%;height:auto;aspect-ratio:1 / .874;background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#dae1e6;margin-bottom:44px}#hcq-quiz>ul>li{cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid #000000;border-radius:10px;height:45px;font-family:Pretendard;font-size:14px;line-height:normal;letter-spacing:0;font-weight:600;color:#000;background-color:#fff;margin:0}#hcq-quiz>ul>li.selected{border:none;color:#fff;background-color:#e97d85}#hcq-join{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;padding:72px 16px 85px}#hcq-join h1{font-weight:500;font-size:24px;line-height:normal;letter-spacing:0;margin:0}#hcq-join p{font-family:Pretendard;font-size:14px;line-height:normal;letter-spacing:0}#hcq-join p.desc1{margin-top:25px;margin-bottom:39px}#hcq-join .input-container{width:100%;display:flex;flex-direction:column;gap:15px;text-align:left}#hcq-join .input-container>input{display:block;text-align:center;height:45px;border:1px solid #000000;border-radius:10px;font-size:14px;color:#000;line-height:normal;letter-spacing:0;font-family:Pretendard;margin:0}#hcq-join .input-container>input::placeholder{font-size:14px;color:#c3c3c3;line-height:normal;letter-spacing:0;font-family:Pretendard}#hcq-join .input-container>label{font-size:14px;font-family:Pretendard;line-height:normal;letter-spacing:0;display:flex;align-items:center}#hcq-join .input-container>label>input{margin:0 10px 0 0;width:14px;height:14px;border-radius:0}#hcq-join p.desc2{margin-top:35px;margin-bottom:8px}#hcq-join .btn-join{width:105px;height:45px;border-radius:10px;background-color:#e97d85;font-size:14px;font-weight:600;font-family:Pretendard;line-height:normal;letter-spacing:0;color:#fff;margin-bottom:45px}#hcq-loading{background-color:#000;display:flex;align-items:center;justify-content:center;position:relative;height:70vh;overflow:hidden}#hcq-loading>.mid-container{z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:35px}#hcq-loading>.mid-container>img{display:block;width:72.5px;height:auto;object-fit:cover}#hcq-loading>.mid-container>.guage{background-color:#fffc;height:5.51px;width:202.55px;border-radius:10px;overflow:hidden}#hcq-loading>.mid-container>.guage>div{width:0;height:5.51px;background-color:#213443;transition:width .3s}#hcq-loading>.mid-container>h1{font-weight:500;font-size:22px;line-height:normal;letter-spacing:0;color:#fff}#hcq-loading>video{z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;width:300vw;height:auto;margin:auto;aspect-ratio:1/ .562}#hcq-result{width:100%;position:relative}#hcq-result>.one-container{padding:61px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff}#hcq-result>.one-container>h1{font-weight:500;font-size:28px;line-height:36px;letter-spacing:0;margin:0}#hcq-result>.one-container>p{font-family:Pretendard;font-size:14px;line-height:normal;letter-spacing:0;margin-top:10px;margin-bottom:29px}#hcq-result>.one-container>.one-content{background-color:#ecf0f3;border-radius:10px 10px 0 0;overflow:hidden;position:relative;width:100%}#hcq-result>.one-container>.one-content>.one-content-header{width:100%;height:61px;display:flex;justify-content:center;align-items:center;font-family:Pretendard;font-weight:600;font-size:18px;line-height:normal;letter-spacing:0;color:#fff;background-color:#213443}#hcq-result>.one-container>.one-content>.one-content-body{display:flex;align-items:center;flex-direction:column}#hcq-result>.one-container>.one-content>.one-content-body>img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}#hcq-result>.one-container>.one-content>.one-content-body>.desc{display:flex;flex-direction:column;padding:15px 30px 18px}#hcq-result>.one-container>.one-content>.one-content-body>.desc>span{font-weight:600;font-family:Pretendard;font-size:14px;line-height:normal;letter-spacing:0}#hcq-result>.one-container>.one-content>.one-content-body>.desc>h2{margin-top:11.43px;margin-bottom:9.57px;font-weight:500;font-size:24px;line-height:32px;letter-spacing:0}#hcq-result>.one-container>.one-content>.one-content-body>.desc>p{font-family:Pretendard;font-size:14px;line-height:normal;letter-spacing:0;margin:0}#hcq-result>.one-container>.one-content>.one-content-body>.desc>.price{display:flex;align-items:center;justify-content:center;gap:12.58px;margin:11px 0}#hcq-result>.one-container>.one-content>.one-content-body>.desc>.price>strong{font-weight:600;color:#213443;font-size:24px;line-height:normal;letter-spacing:0;font-family:Pretendard}#hcq-result>.one-container>.one-content>.one-content-body>.desc>.price>span{font-size:14px;line-height:normal;letter-spacing:0;font-family:Pretendard;text-decoration:line-through}#hcq-result>.one-container>.one-content>.one-content-body>.desc>button{display:block;background-color:#213443;width:100%;height:45px;border-radius:6.99px;color:#fff;font-family:Pretendard;font-weight:600;font-size:14px;line-height:normal;letter-spacing:0}#hcq-result>.list-container{background-color:#dae1e6;padding:50px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}#hcq-result>.list-container>h1{font-weight:500;font-size:28px;line-height:normal;letter-spacing:0;margin:0}#hcq-result>.list-container>h1>strong{font-weight:600;font-family:Pretendard;font-size:24px;line-height:normal;letter-spacing:0}#hcq-result>.list-container>p{font-size:14px;font-family:Pretendard;line-height:normal;letter-spacing:0;margin-top:10px;margin-bottom:31px}#hcq-result>.list-container>.hpCarouselContainer{width:100%;position:relative;-webkit-user-select:none;user-select:none}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner{width:100%;margin:0 auto;overflow:hidden}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide{border:1px solid #000000;border-radius:14.29px;overflow:hidden;display:flex;flex-direction:column;background-color:#fff}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc{display:flex;flex-direction:column;width:100%;padding:38.59px 25.01px 35.61px;align-items:center;text-align:center}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>label{width:162.51px;height:33.26px;border-radius:33.26px;background-color:#213443;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Pretendard;font-weight:600;font-size:12.86px;line-height:normal;letter-spacing:0}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>span{font-weight:500;font-family:Pretendard;font-size:20.01px;line-height:normal;letter-spacing:0;margin-top:21.44px;margin-bottom:21.02px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>h2{font-weight:500;font-size:26px;line-height:32px;max-height:62px;min-height:62px;text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>.price{display:flex;align-items:center;justify-content:center;gap:9.88px;margin-top:13.3px;margin-bottom:17.47px}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>.price>strong{color:#213443;font-weight:600;font-size:25.01px;letter-spacing:0;line-height:normal;font-family:Pretendard}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>.price>span{font-family:Pretendard;font-size:12.86px;line-height:normal;letter-spacing:0;text-decoration:line-through}#hcq-result>.list-container>.hpCarouselContainer>.hpCarousel-inner>.swiper-wrapper>.swiper-slide>.desc>button{display:block;width:100%;background-color:#213443;height:42.88px;font-family:Pretendard;color:#fff;font-size:12.86px;line-height:normal;letter-spacing:0;border-radius:6.65px}#hcq-result>.list-container>.hpCarouselControll{width:100%;margin-top:25px;display:flex;align-items:center;justify-content:space-between}#hcq-result>.list-container>.hpCarouselControll>.spcing{width:56px}#hcq-result>.list-container>.hpCarouselControll>.delimiters{display:flex;align-items:center;justify-content:center;gap:10px}#hcq-result>.list-container>.hpCarouselControll>.delimiters>div{background-color:#e8e8e8;width:30px;height:5px;border-radius:10px}#hcq-result>.list-container>.hpCarouselControll>.delimiters>div.selected{background-color:#213443!important}#hcq-result>.list-container>.hpCarouselControll>.controlls{display:flex;align-items:center;justify-content:center;gap:8px}#hcq-result>.list-container>.hpCarouselControll>.controlls>button{width:24px;height:24px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#hcq-result>.thankyou-container{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;padding:52px 16px 84px}#hcq-result>.thankyou-container>h1{font-weight:500;font-size:24px;line-height:normal;letter-spacing:0;margin:0}#hcq-result>.thankyou-container>p{font-size:14px;line-height:normal;letter-spacing:-.02em;margin-top:10px;margin-bottom:23px}#hcq-result>.thankyou-container>button{background-color:#000;border-radius:6.99px;width:100%;height:45px;font-family:Pretendard;font-size:14px;line-height:normal;letter-spacing:0;font-weight:600;color:#fff}.step-control-area{display:flex;align-items:center;justify-content:space-between;width:100%}.step-control-area>.btn{color:#fff;background-color:#000;border-radius:10px;width:105px;height:45px;gap:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;font-family:Pretendard;line-height:normal;letter-spacing:0}.coupon_pop{z-index:100;position:fixed;overflow:hidden;box-shadow:#64646f33 0 7px 29px;right:0;left:0;top:0;bottom:12%;margin:auto;border-radius:30px;display:flex;width:345px;height:345px}.coupon_pop>.pop-container{position:relative;width:100%;display:flex;flex-direction:column;text-align:center;align-items:center;background-color:#ffe4e6}.coupon_pop>.pop-container>.closer{width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;position:absolute;top:23px;right:23px;z-index:500}.coupon_pop>.pop-container>.closer>img{width:18px;height:18px;object-fit:cover}.coupon_pop>.pop-container>h1{position:relative;font-family:Pretendard;font-weight:600;line-height:normal;font-size:30px;letter-spacing:0;margin-bottom:0;margin-top:24px;width:100%;color:#e97d85}.coupon_pop>.pop-container>h1>img{position:absolute;width:74%;display:block;height:auto;object-fit:cover;left:0;right:0;margin:0 auto;top:-5px}.coupon_pop>.pop-container>p{font-family:Pretendard;font-weight:600;font-size:14px;line-height:normal;letter-spacing:0;margin-top:4px;margin-bottom:0}.coupon_pop>.pop-container>img{width:62%;height:auto;display:block;object-fit:cover;margin-top:16px;margin-bottom:16px}.coupon_pop>.pop-container>.copybtn{border-radius:50px;width:157px;height:37px;background-color:#e97d85;color:#fff;font-family:Pretendard;font-weight:600;font-size:18px;line-height:normal;letter-spacing:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/haircarequiz_m.css.map */