.block-768{display:none}.main-top-banner{width:100%;height:45px;display:flex;align-items:center;justify-content:center;left:0;font-size:15px;background:#6307d6;color:#c5c5c5}.banner-area{display:flex;align-items:center;justify-content:center}.banner-area .left-b{height:25px;width:70px;margin-right:20px;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:700;border-radius:5px}.banner-area .right-b{letter-spacing:-1px}.banner-area .right-b img{width:20px}.banner-area .right-b b{color:#fff}.nav-area{width:100%;padding:25px 90px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:45px;left:0;font-size:18px;font-family:'Pretendard-b';font-weight:700;letter-spacing:-0.05em;color:#fff;z-index:999;transition:top .5s cubic-bezier(0.2,1.4,0.8,1.1) .2s,box-shadow .3s ease}header .main-top-banner{transition:opacity .3s ease-in-out}header.active .main-top-banner{opacity:0}header .nav-area{transition:padding .3s ease-in-out;transition:background .3s ease-in-out,padding .3s ease-in-out}header.active .nav-area{padding:10px 90px;top:0;background:#6307d6;box-shadow:1px 0 5px 2px black}header .nav-area .logo{transition:width .3s ease-in-out}header.active .nav-area .logo{width:150px}header .nav-area .nav-tab-l li a{transition:font-size .3s ease-in-out;font-size:16px}header.active .nav-area .nav-tab-l li a{font-size:16px}.nav-area a{color:#fff}.nav-tab-l{width:60%;display:flex;justify-content:space-between}.nav-tab-r{width:10%;display:flex;justify-content:space-between}.nav-tab-r li a img{display:block;vertical-align:middle}.menu .ham{width:20px;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;z-index:1005}.menu .ham li{width:20px;height:2px;position:absolute;background:#fff}@keyframes ham_bar1{0{transform:rotate(135deg);top:50%}50%{transform:rotate(180deg);top:50%}100%{transform:rotate(0);top:0}}@keyframes ham_bar2{0{opacity:0}50%{transform:rotate(180deg);opacity:0}100%{opacity:1}}@keyframes ham_bar3{0{transform:rotate(225deg);top:50%}50%{transform:rotate(180deg);top:50%}100%{transform:rotate(0);bottom:0}}.menu .ham li:nth-of-type(1){top:0;-moz-animation:ham_bar1 .6s forwards;-webkit-animation:ham_bar1 .6s forwards;-o-animation:ham_bar1 .6s forwards;animation:ham_bar1 .6s forwards}.menu .ham li:nth-of-type(2){top:43%;-moz-animation:ham_bar2 .6s forwards;-webkit-animation:ham_bar2 .6s forwards;-o-animation:ham_bar2 .6s forwards;animation:ham_bar2 .6s forwards}.menu .ham li:nth-of-type(3){bottom:0;-moz-animation:ham_bar3 .6s forwards;-webkit-animation:ham_bar3 .6s forwards;-o-animation:ham_bar3 .6s forwards;animation:ham_bar3 .6s forwards}@keyframes active_ham_bar1{0{transform:rotate(0);top:50%}50%{transform:rotate(180deg);top:50%}100%{transform:rotate(135deg);top:50%}}@keyframes active_ham_bar2{0{opacity:1}50%{rotate:180deg}100%{opacity:0}}@keyframes active_ham_bar3{0{transform:rotate(0);top:50%}50%{transform:rotate(180deg);top:50%}100%{transform:rotate(225deg);top:50%}}.menu .ham.active li:nth-of-type(1){-moz-animation:active_ham_bar1 .6s forwards;-webkit-animation:active_ham_bar1 .6s forwards;-o-animation:active_ham_bar1 .6s forwards;animation:active_ham_bar1 .6s forwards}.menu .ham.active li:nth-of-type(2){-moz-animation:active_ham_bar2 .6s forwards;-webkit-animation:active_ham_bar2 .6s forwards;-o-animation:active_ham_bar2 .6s forwards;animation:active_ham_bar2 .6s forwards}.menu .ham.active li:nth-of-type(3){-moz-animation:active_ham_bar3 .6s forwards;-webkit-animation:active_ham_bar3 .6s forwards;-o-animation:active_ham_bar3 .6s forwards;animation:active_ham_bar3 .6s forwards}.ham-list{width:100%;height:100vh;position:absolute;visibility:hidden;top:0;left:0}.ham-list-bg{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.15);visibility:hidden;opacity:0;transition:all 2.6s cubic-bezier(0.19,1,0.22,1) .5s;will-change:opacity;backdrop-filter:blur(3px)}.ham-list-bg.active{visibility:visible;opacity:1;transition:all 2.6s cubic-bezier(0.19,1,0.22,1) .5s}.ham-list .list-menu{width:30vw;height:100vh;padding:120px 100px 80px 100px;position:fixed;display:block;top:0;right:-100%;background:rgba(137,9,211,0.7);transition:all 1s cubic-bezier(0.77,0,0.175,1) .2s;-webkit-transition:all 1s cubic-bezier(0.77,0,0.175,1) .2s;overflow-y:auto;color:#fff;z-index:1003}.ham-list.active .list-menu{visibility:visible;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.ham-list.active .list-menu::-webkit-scrollbar{display:none}.ham-login-area{padding:20px 0 40px;display:flex;font-weight:400;letter-spacing:1px}.ham-login-area li{margin-right:40px;position:relative}.ham-login-area li::after{content:'';height:12px;width:1px;position:absolute;top:5px;right:-20px;background:#fff}.ham-login-area li:last-child::after{display:none}.ham-menu-area .main-ham-menu{padding-bottom:20px}.ham-menu-area .ham-menu-list{padding-bottom:20px;font-size:52px}.ham-time-area .mid-day-area{padding-bottom:50px}.ham-time-area .mid-day-area .day{font-weight:400}.ham-time-area .mid-day-area p{font-size:24px;line-height:2}.ham-time-area .mid-bt-area{padding-top:50px;font-weight:400;line-height:2;border-top:2px dashed #fff}.ham-num-area{padding-top:40px;font-size:48px}.q-wrap{max-width:543px;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;position:fixed;bottom:50px;right:16%;color:#584563;z-index:998}.side-q-btn{width:65px;display:flex;justify-content:center;flex-wrap:wrap;opacity:0;z-index:998;transition:opacity .3s ease-in-out}.side-q-btn.active{opacity:1;transition:opacity .3s ease-in-out}.side-q-btn button{width:65px;height:65px;border:0}.side-q-btn .kakao-btn{background:center/contain no-repeat url(/img_up/shop_pds/cdhifu/design/images/main/kakao-btn.png)}.side-q-btn .top-btn{width:40px;background:center/contain no-repeat url(/img_up/shop_pds/cdhifu/design/images/main/top-btn.png)}.db-wrap{width:100%}.q-db-area{padding:0 35px;background:#fff;border-radius:50px;box-shadow:0 3px 10px 1px rgba(0,0,0,0.1)}.q-db-area p{width:543px}.flex-db-area{position:relative}.flex-db-area ul{width:100%;height:70px;display:flex;align-items:center}.flex-db-area ul li{width:25%;display:flex;align-items:center}.flex-db-area ul li.name{width:16%}.flex-db-area ul li.name input{width:45%}.flex-db-area ul li.num{width:34%}.flex-db-area ul li.submit-btn{margin-right:0}.flex-db-area ul li.submit-btn .submit,.flex-db-area ul li.submit-btn .submit button{width:100%;margin-left:10px;font-size:13px;border:0}.flex-db-area ul li.submit-btn .submit button{padding:10px 15px;border-radius:50px;font-weight:700;color:#fff;background:#6307d6}.flex-db-area ul li p{width:30%;margin-right:5px;font-size:13px;text-align:right}.flex-db-area ul li.num p{width:25%}.flex-db-area ul li.cont p{width:20%}.flex-db-area ul li input{width:72%;padding-left:3px;font-size:13px;border-bottom:1px solid #bcb5c1}.flex-db-area ul li.num input{width:60%}.flex-db-area ul li input::placeholder{font-size:13px}.flex-db-area .privacy{position:absolute;right:0;bottom:-20px;display:flex;align-items:center}.flex-db-area .privacy label input{border-radius:100%}.flex-db-area .privacy label{font-size:13px;border-bottom:1px solid #35273f}.flex-db-area .privacy .privacy-cbx-area input[type="checkbox"]{display:none}.cbx-custom{width:13px;height:13px;position:relative;display:inline-flex;margin-right:5px;display:block;border:1px solid #000;border-radius:100%}.cbx-custom::before{content:'';position:absolute;top:0;left:0;width:14px;height:14px;border-radius:100%;background:#584563;transform:scale(0)}.cbx-custom::after{content:'';position:absolute;top:5px;left:5px;width:2px;height:2px;border-radius:2px}.cbx-custom svg{position:relative;transform:scale(0);fill:none;stroke-linecap:round;stroke-linejoin:round;height:auto}.cbx-custom svg polyline{stroke-width:2;stroke:#584563}.flex-db-area .privacy .privacy-cbx-area input[type="checkbox"]:checked + .cbx-custom svg{transform:scale(1);transition:all .4s ease;transition-delay:.1s}.flex-db-area .privacy .privacy-cbx-area input[type="checkbox"]:checked + .cbx-custom svg polyline{stroke:#584563}.container{max-width:1280px;width:100%;margin:0 auto}.main-banner{height:calc(100vh - 45px);position:relative}.main-banner-slide{height:100%;position:relative;letter-spacing:-0.05em;color:#fff}.main-banner-slide ul li{background:center/cover no-repeat url(/img_up/shop_pds/cdhifu/design/images/main/main-banner.png)}.main-banner-slide ul li .banner-cont{width:100%;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-banner-slide ul li .banner-cont .video-area img{width:100%;display:block}.main-banner-slide .top-text{font-size:33px;color:#e6cde3}.main-banner-slide .main-text{font-size:70px;font-weight:700;letter-spacing:-0.05em}.main-banner-slide .bt-text{font-size:30px}.pagination-area{max-width:1280px;width:100%;height:30px;margin:0 auto;position:absolute;left:50%;top:65%;transform:translate(-50%,-10%);z-index:1}.main-slide-pagination{margin-right:15px !important;display:flex;align-items:center}.swiper-pagination-bullet{margin-right:15px !important;background:#fff}.swiper-pagination-bullet-active{width:33px;height:33px;background:no-repeat url(/img_up/shop_pds/cdhifu/design/images/main/pagination-active.png)}.main-sub-nav{max-width:1280px;width:100%;position:absolute;bottom:-15%;left:50%;transform:translateX(-50%);z-index:1}.main-sub-nav .logo-text{margin-bottom:50px;letter-spacing:7px;color:#fff}@keyframes scroll_text{0{top:0}50%{top:-10px}100%{top:0}}.scroll-side-img{position:absolute;right:2.3%;top:-90%}.scroll-side-img img{position:relative;animation:scroll_text 1.5s infinite}.sub-nav-area{display:flex;align-items:center}.sub-nav-area li{margin-right:3px;color:#584563;border-radius:30px;letter-spacing:-0.05em}.sub-nav-area li .nav-name{padding-bottom:18px;font-size:20px;font-weight:900;letter-spacing:-0.05em}.sub-nav-area li .sub-center-cont{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.sub-nav-area li .nav-detail{font-size:18px;line-height:1.6}.sub-nav-area li a{width:100%;height:100%;display:block;position:relative;text-align:center}.sub-nav-area li i{position:absolute;right:10px;top:10px;font-size:32px}.sub-nav-area .sub-nav-cont01{width:240px;height:272px;background:#6307d6}.sub-nav-area .sub-nav-cont01 a{color:#fff}.sub-nav-area .sub-nav-cont01 .nav-img{padding-bottom:14px}.sub-nav-area .sub-nav-cont02{width:210px;height:225px;background:#8909d3}.sub-nav-area .sub-nav-cont03{width:255px;height:225px;background:#fff}.sub-nav-area .sub-nav-cont02 a,.sub-nav-area .sub-nav-cont03 a{color:#584563}.sub-nav-area .sub-nav-cont02 a{color:#fff}.main-mid-banner{background:linear-gradient(-180deg,whitesmoke 70%,#e8daff 30%)}.main-mid-banner .mid-banner-area{margin-left:auto;padding:305px 0 75px 25%;position:relative;display:flex}.main-mid-banner .mid-banner-area .text-area,.main-doc-area .doc-top-text{width:70%;letter-spacing:-0.05em}.main-mid-banner .mid-banner-area .text-area .top-text,.main-doc-area .doc-top-text .top-text{font-size:32px;letter-spacing:0;color:#6307d6}.main-mid-banner .mid-banner-area .text-area .mid-text,.main-doc-area .doc-top-text .mid-text{padding:30px 0 40px;font-size:52px;font-weight:900;color:#35273f}.main-mid-banner .mid-banner-area .text-area .bt-text,.main-doc-area .doc-top-text .bt-text{font-size:18px;color:#35273f;line-height:1.5}.main-mid-banner .mid-banner-area .mid-slide-area .img-area{position:relative}.main-mid-banner .mid-banner-area .mid-slide-area .img-area .icon-img{position:absolute;left:40px;bottom:40px;max-width:80px}.main-mid-banner .mid-banner-area .mid-slide-area .text-area{width:100%;font-weight:900}.main-mid-banner .mid-banner-area .mid-slide-area .text-area .cont-top-text{padding:35px 0 25px;font-size:30px}.main-mid-banner .mid-banner-area .mid-slide-area .text-area .cont-main-text{font-size:86px}.main-mid-banner .mid-banner-area .mid-slide-area .text-area .cont-main-text span{font-size:24px;font-weight:400;vertical-align:middle}.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:''}.mid-slide-button-prev{width:76px;height:76px;left:25%;top:60%}.mid-slide-button-next{width:76px;height:76px;left:28.3%;top:60%}.main-doc-area{padding-top:170px;position:relative}.main-doc-area .doc-bt-area a{width:255px;height:55px;margin-top:40px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border:1px solid #aea9b2;border-radius:50px;letter-spacing:-0.05em;font-weight:700}.main-doc-area .doc-bt-area a i{font-size:18px}.main-doc-area .doc-img-area{height:50px;position:relative}.main-doc-area .doc-img-area img{position:absolute;right:0;bottom:0;z-index:1}.main-doc-area .doc-text-img{width:100%;height:210px;position:absolute;bottom:0}.main-doc-area .doc-text-img img{height:100%;display:block;object-fit:cover}.main-doc-bt .img-area{position:relative}.main-doc-bt .img-area img{width:100%;display:block}.main-doc-bt .img-area .text-wrap{width:100%;padding:75px 80px;position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:end;letter-spacing:-0.05em;color:#fff}.main-doc-bt .img-area .text-wrap .left-text-wrap .top-text{font-size:33px;color:#e6cde3}.main-doc-bt .img-area .text-wrap .left-text-wrap .sub-text{margin:25px 0 35px;font-size:24px}.main-doc-bt .img-area .text-wrap .left-text-wrap h1{font-size:52px;font-weight:700;font-family:'Pretendard-b'}.main-doc-bt .img-area .insta-area{margin:40px 0 60px}.main-doc-bt .img-area .insta-area p{font-size:24px;line-height:2.5}.main-doc-bt .img-area .insta-area p span{padding:10px 30px;border:1px solid #fff;border-radius:50px}.main-doc-bt .img-area .text-wrap .btn-area a{width:250px;height:50px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;border-radius:50px;box-sizing:border-box;font-size:16px;color:#fff}.main-doc-bt .img-area .text-wrap .right-text-wrap{display:flex;align-items:center}.main-doc-bt .img-area .text-wrap .right-text-wrap .doc-name-text{padding:40px 30px;margin-right:5px;text-align:center;font-size:22px;border-radius:30px;background:rgba(99,7,214,0.7)}.main-doc-bt .img-area .text-wrap .right-text-wrap .doc-name-text p.name span{font-size:50px;font-family:'ROEHOE-CHAN'}.main-doc-bt .img-area .text-wrap .right-text-wrap .arrow{padding:95px 12px;border-radius:30px;background:#6307d6}.main-doc-bt .img-area .text-wrap .right-text-wrap .arrow a{width:100%;height:100%;display:block;color:#fff}.main-bt-slide .swiper-slide{opacity:.7}.main-bt-slide .swiper-slide-active{opacity:1}.main-mid-banner .mid-banner-area{padding:305px 0 200px 25%}.main-mid-banner.bt{background:#fff}.main-mid-banner.bt .mid-slide-area .img-area i{position:absolute;top:40px;right:40px;font-size:58px;color:#584563}.main-mid-banner.bt .mid-slide-area .img-area .text-area{position:absolute;top:60px;left:40px;color:#584563}.main-mid-banner.bt .mid-slide-area .img-area .text-area .cont-top-text{padding:0;font-size:30px}.main-mid-banner.bt .mid-slide-area .img-area .text-area .cont-main-text{font-size:40px}.main-mid-banner.bt .mid-slide-button-next,.main-mid-banner.bt .mid-slide-button-prev{top:70%}.main-review-area .review-area{width:100%;position:relative}.main-review-area .review-area img{width:100%;display:block}.main-review-area .review-area .text-area{position:absolute;top:70px;left:80px;letter-spacing:-0.05em}.main-review-area .review-area .text-area .top-text{font-size:33px;color:#e6cde3}.main-review-area .review-area .text-area h1{padding:27px 0 35px;font-size:52px;font-weight:700;font-family:'Pretendard-b';color:#fff}.main-review-area .review-area .text-area .sub-text{font-size:24px;color:#fff}.main-review-area .review-area .btn-area{position:absolute;bottom:80px;left:70px}.main-review-area .review-area .btn-area a{width:250px;height:50px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;border-radius:50px;box-sizing:border-box;font-size:16px;letter-spacing:-0.05em;color:#fff}.main-mid-banner.notice .mid-slide-area .img-area p{width:103px;height:36px;display:flex;justify-content:center;align-items:center;position:absolute;top:40px;right:36px;font-size:16px;font-weight:700;letter-spacing:-0.05em;border-radius:50px;background:#584563;color:#fff}.main-info-area{padding:90px 0 45px;background:linear-gradient(-180deg,whitesmoke 70%,white 30%)}.main-info-area .info-top-area{display:flex;justify-content:space-between}.main-info-area .info-top-area>div{width:32%}.main-info-area .info-top-area .top-right-area{width:27%}.main-info-area .top-left-area .top-text{padding-bottom:30px;font-size:33px;color:#6307d6}.main-info-area .top-left-area h1{font-size:52px;font-weight:700;letter-spacing:-0.05em;color:#35273f}.main-info-area .top-mid-area{letter-spacing:-0.05em}.main-info-area .top-mid-area>p{padding-bottom:20px}.main-info-area .top-mid-area>p,.main-info-area .top-mid-area .mid-day-area{font-size:24px;color:#584563}.main-info-area .top-mid-area .mid-day-area{padding:35px 0 13px}.main-info-area .top-mid-area a{font-size:52px;font-weight:700;color:#35273f}.main-info-area .top-mid-area .day{margin-bottom:17px}.main-info-area .top-mid-area .day b{letter-spacing:-0.05em;font-weight:700}.main-info-area .mid-bt-area{padding-top:35px;border-top:2px dashed #e4e2e6}.main-info-area .mid-bt-area p{font-size:18px;color:#35273f}.main-info-area .top-right-area .q-area{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.main-info-area .top-right-area .q-area{margin-bottom:20px}.main-info-area .top-right-area .q-area li{width:32%;margin-bottom:5px}.main-info-area .top-right-area .q-area li a,.main-info-area .top-right-area .q-area li a img{width:100%;display:block}.main-info-area .top-right-area .info-sns-area{margin-bottom:25px}.main-info-area .top-right-area .info-sns-area p{font-size:24px;font-weight:700;letter-spacing:-0.05em;color:#35273f}.main-info-area .top-right-area .info-sns-area p.small{padding:15px 0 33px;font-size:18px;font-weight:400}.main-info-area .top-right-area .info-sns-area .sns-img-area{display:flex}.main-info-area .top-right-area .info-sns-area .sns-img-area>div{width:35px;height:35px;margin-right:20px}.main-info-area .top-right-area .info-sns-area .sns-img-area a,.main-info-area .top-right-area .info-sns-area .sns-img-area a img{width:100%;display:block}.main-info-area .info-bt-area .info-main-img{width:100%;margin-bottom:38px;position:relative}.main-info-area .info-bt-area .info-main-img img{width:100%;display:block}.main-info-area .info-bt-area .info-main-img .text-area{position:absolute;top:80px;left:80px}.main-info-area .info-bt-area .info-main-img .text-area .top-text{padding-bottom:30px;font-size:33px;color:#e6cde3}.main-info-area .info-bt-area .info-main-img .text-area h1{font-size:52px;font-weight:700;letter-spacing:-0.05em;color:#fff}.main-info-area .info-bt-area .info-main-img .btn-area{position:absolute;bottom:80px;left:70px}.main-info-area .info-bt-area .info-main-img .btn-area a{width:250px;height:50px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border:1px solid #fff;border-radius:50px;box-sizing:border-box;font-size:16px;letter-spacing:-0.05em;color:#fff}footer{background:#6307d6}.footer-wrap{max-width:1250px;width:100%;height:340px;padding-top:50px;margin:0 auto;display:flex;justify-content:space-between;color:#fff}.footer-wrap a{color:#fff}.footer-gnb .top-area,.footer-gnb .bt-area li,.footer-sns .sns-area{display:flex}.footer-gnb .bt-area li{margin-bottom:10px}.footer-logo{width:173px}.footer-logo img{width:100%;display:block}.footer-gnb{width:55%;letter-spacing:-0.05em}.footer-gnb .top-area{margin-bottom:30px;justify-content:space-between;font-size:18px;font-weight:700}.footer-gnb .top-area li{position:relative}.footer-gnb .top-area li::after{content:'';width:1px;height:14px;margin-left:14px;position:absolute;top:6px;background:#fff}.footer-gnb .top-area li:last-child::after{display:none}.footer-gnb .bt-area,.footer-gnb .bt-area a{font-size:16px;color:#bcb5c1}.footer-gnb .bt-area li p{margin-right:40px;position:relative}.footer-gnb .bt-area li p::after{content:'';width:1px;height:12px;margin-left:20px;position:absolute;top:5px;background:#bcb5c1}.footer-gnb .bt-area li p:last-child::after{display:none}.footer-sns{width:10%}.footer-sns .sns-area{justify-content:space-between}.footer-sns i{font-size:18px;color:#fff}