.f-modal-alert{overflow:hidden}.f-modal-alert.alert{overflow:visible}.f-modal-alert .f-modal-icon{border-radius:50%;border:4px solid gray;box-sizing:content-box;height:80px;margin:0 auto;padding:0;position:relative;width:80px}.f-modal-alert .f-modal-icon.f-modal-success,.f-modal-alert .f-modal-icon.f-modal-error{border-color:#a5dc86}.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-success:before,.f-modal-alert .f-modal-icon.f-modal-error:after,.f-modal-alert .f-modal-icon.f-modal-error:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.f-modal-alert .f-modal-icon.f-modal-success:before,.f-modal-alert .f-modal-icon.f-modal-error:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;transform-origin:60px 60px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-error:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform-origin:0 60px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:#a5dc86;border-radius:2px;display:block;height:5px;position:absolute;z-index:2}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip{left:14px;top:46px;transform:rotate(45deg);width:25px}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long{right:8px;top:38px;transform:rotate(-45deg);width:47px}.f-modal-alert .f-modal-icon.f-modal-error{border-color:#f27474}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark{display:block;position:relative;z-index:2}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border:4px solid rgba(200,0,0,.2)}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:#f27474;top:37px;width:47px}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left{left:17px;transform:rotate(45deg)}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right{right:16px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-warning{border-color:#f8bb86}.f-modal-alert .f-modal-icon.f-modal-warning:before{animation:pulseWarning 2s linear infinite;background-color:#fff;border-radius:50%;content:"";display:inline-block;height:100%;opacity:0;position:absolute;width:100%}.f-modal-alert .f-modal-icon.f-modal-warning:after{background-color:#fff;border-radius:50%;content:"";display:block;height:100%;position:absolute;width:100%;z-index:1}.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body{background-color:#f8bb86;border-radius:2px;height:47px;left:50%;margin-left:-2px;position:absolute;top:10px;width:5px;z-index:2}.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot{background-color:#f8bb86;border-radius:50%;bottom:10px;height:7px;left:50%;margin-left:-3px;position:absolute;width:7px;z-index:2}.f-modal-alert .f-modal-icon+.f-modal-icon{margin-top:50px}.animateSuccessTip{animation:animateSuccessTip .75s}.animateSuccessLong{animation:animateSuccessLong .75s}.f-modal-icon.f-modal-success.animate:after{animation:rotatePlaceholder 4.25s ease-in}.f-modal-icon.f-modal-error.animate:after{animation:rotatePlaceholder 4.25s ease-in}.animateErrorIcon{animation:animateErrorIcon .5s}.animateXLeft{animation:animateXLeft .75s}.animateXRight{animation:animateXRight .75s}.scaleWarning{animation:scaleWarning .75s infinite alternate}.pulseWarningIns{animation:pulseWarningIns .75s infinite alternate}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg)}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}100%{left:17px;top:37px;width:47px}}@keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}100%{right:16px;top:37px;width:47px}}@keyframes scaleWarning{0%{transform:scale(1)}30%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes pulseWarning{0%{background-color:#fff;transform:scale(1);opacity:.5}30%{background-color:#fff;transform:scale(1);opacity:.5}100%{background-color:#f8bb86;transform:scale(1.5);opacity:0}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.btn-s,.btn-s-o{cursor:pointer;font-size:15px;font-weight:500;background:#e94746;color:#fff;border:1px solid rgba(0,0,0,0);border-radius:3px;line-height:24px;padding:2px 8px;letter-spacing:0}.btn-s-o{cursor:pointer;background:none;border:1px solid #ccc;color:#747474;letter-spacing:0}.btn-m{cursor:pointer;font-size:16px;letter-spacing:0;font-weight:500;background:#e94746;color:#fff;border:1px solid rgba(0,0,0,0);border-radius:3px;line-height:24px;padding:10px 70px}.btn-m.gray{background:#e7e7e7;color:#a3a3a3}button.btn-fill{background-color:#e94746;font-weight:500;color:#fff;border:none;cursor:pointer;letter-spacing:0;transition:all .3s ease;width:100%;border-radius:0;padding:12px 0}button.btn-fill[type=submit]:disabled,button.btn-fill.gray{background:#e7e7e7;border:rgba(0,0,0,0);color:#a3a3a3}button.btn-outline{font-weight:500;letter-spacing:0;color:#e94746;background-color:rgba(0,0,0,0);border:1px solid #e94746;cursor:pointer;transition:all .3s ease;width:100%;border-radius:0;padding:12px 0}button.btn-outline[type=submit]:disabled,button.btn-outline.gray{background-color:rgba(0,0,0,0);border:1px solid #e7e7e7;color:#a3a3a3}form{width:60%;max-width:500px;min-width:320px;margin:0 auto}form .row{margin-top:20px}form .row label.label-text{color:#464646;line-height:40px}form .row .input-container.input-flex{display:flex;align-items:center;justify-content:space-between}form .row .input-container input.input-box{width:100%;font-size:14px;font-weight:300;line-height:48px;padding:0 12px;border:1px solid #ccc}form .row .input-container input.input-box::placeholder{font-size:14px;font-weight:300;color:#a3a3a3}form .row .input-container .input-select{width:100%;font-size:14px;font-weight:300;height:48px;padding:0 12px;border:1px solid #ccc;color:#a3a3a3}form .row .input-container input[type=checkbox],form .row .input-container input[type=radio]{display:none}form .row .input-container i{color:#e94746;font-size:24px;display:block;margin-right:4px;margin-left:-3px}form .row .input-container i.checked-icon{display:none}form .row .input-container input[type=checkbox]:checked+label .checked-icon,form .row .input-container input[type=radio]:checked+label .checked-icon{display:block}form .row .input-container input[type=checkbox]:checked+label .unchecked-icon,form .row .input-container input[type=radio]:checked+label .unchecked-icon{display:none}form .row .input-container label.label-wrap{display:flex;align-items:center;justify-content:flex-start;line-height:40px}form .row .input-container label.label-wrap span{width:100%;position:relative}form .row .input-container label.label-wrap span.spot-margin{margin-right:20px}form .row .input-container label.label-wrap a{display:inline;font-size:14px;color:#e94746;position:absolute;right:0}form .row.email-area .input-container:nth-of-type(2){margin-top:10px}form .row.address-area select:not(:last-child){margin-right:4px}.pagenation{display:flex;align-items:center;justify-content:flex-start;align-items:center;justify-content:center;gap:6px}.pagenation img{width:20px}.pagenation a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-weight:500;cursor:pointer}.pagenation a.arrow{border:1px solid #e7e7e7}.pagenation a.active{background-color:#e94746;color:#fff}@media screen and (max-width: 576px){.pagenation img{width:16px}.pagenation a{width:30px;height:30px}}.message{font-size:14px;line-height:1.4;color:#181818;margin-top:10px}.message.error{color:#ca1918}.sub-desc .count{color:#747474;font-weight:400}.font-color-blue{color:#185bc3 !important}.font-color-red{color:#e11c1b !important}.font-color-gray{color:#747474 !important}.font-color-green{color:#22b908 !important}.category img{width:150px;height:150px;background:#ccc;border:1px solid #f0f0f0}.art-wrap.cpn-list article img.thumbnail{background-color:rgba(0,0,0,0)}.category article{cursor:pointer}.giftcon header{display:flex;align-items:center;justify-content:space-between}.giftcon header a{display:flex;align-items:center;justify-content:flex-start;font-size:1.25rem;font-weight:600;color:#ed6b6a}.giftcon header a i{margin-left:4px}.giftcon-info{display:flex;gap:12px;flex-wrap:wrap;padding:0 12px}.giftcon-info article{background-color:#f9f9f9;padding:2.25rem;width:calc(66.6666666667% - 12px)}.giftcon-info article.my-point{width:33.3333333333%;display:flex;flex-direction:column;justify-content:center;align-items:center}.giftcon-info article.my-point p{color:#747474}.giftcon-info article.my-point h4{font-size:2.5rem;margin-top:10px}.giftcon-info article.giftcon-desc{display:flex;align-items:center;justify-content:flex-start}.giftcon-info article.giftcon-desc .text{font-size:15px}.giftcon-info article.giftcon-desc .text li{display:flex;align-items:center;justify-content:flex-start;align-items:flex-start;line-height:20px}.giftcon-info article.giftcon-desc .text li:not(:first-child){margin-top:.5rem}.tab-wrap{overflow:auto;white-space:nowrap;width:94%;max-width:1200px;margin:0 auto;margin-top:1.7;padding:.5rem .5rem 1rem .5rem}.tab-wrap::-webkit-scrollbar{display:none}.tab .tab-item{display:inline-block;margin:0 .25rem;background-color:#f5f5f5;line-height:40px;padding:0 1.25rem;color:#a3a3a3;text-indent:-0.75px;cursor:pointer;border-radius:20px;font-size:17px}.util{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.input-container{display:flex;align-items:center;gap:5px;width:46.8%;margin-top:.5rem}.input-container input{width:100%;font-size:14px;font-weight:300;height:40px;padding:0 12px;border:1px solid #ccc;border-radius:3px;background-image:url(/inc/imgs/common/search_icon.png);background-size:20px 20px;background-position:right;background-repeat:no-repeat;background-position-x:calc(100% - 12px)}.input-container input::placeholder{font-size:14px;font-weight:300;color:#a3a3a3}.input-container button{border-color:#e94746;color:#e94746;height:40px;padding:0 20px;margin-left:5px}.filter-tab{color:#171717;display:flex;align-items:center;justify-content:flex-start;gap:24px;line-height:40px}.filter-tab .filter-item{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;color:#171717}.filter-tab .filter-item:first-child{margin-right:4px;margin-left:6px}.filter-tab .filter-item.active{font-weight:500}.brand-filter-wrap{height:285px;border:1px solid #f5f5f5;background:#f5f5f5;position:relative;margin-top:0px}.brand-filter-wrap .brand-filter{display:grid;grid-template-columns:repeat(5, minmax(180px, 1fr));justify-items:center;padding:20px 0px 20px 25px;height:285px;overflow-y:auto}.brand-filter-wrap .brand-filter .brand-item{cursor:pointer;margin-right:25px;width:80%;height:fit-content;max-width:180px}.brand-filter-wrap .brand-filter .brand-item.active .brand-img{border-radius:6px;border:2px solid #a3a3a3;background:#fff}.brand-filter-wrap .brand-filter .brand-item .brand-img{border-radius:6px;background:#fff;height:70px;display:flex;align-items:center;justify-content:flex-start;justify-content:center}.brand-filter-wrap .brand-filter .brand-item .brand-img:hover{background-color:rgba(250,250,250,.9803921569)}.brand-filter-wrap .brand-filter .brand-item .brand-img>img{width:50px}.brand-filter-wrap .brand-filter .brand-item .brand-text{margin-top:5px;text-align:center;margin-bottom:16px;word-break:break-word}.brand-filter-wrap .brand-gradient{position:absolute;width:100%;height:31px;left:0;bottom:-3px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%)}.coupon-list{padding:0 12px;margin-top:0 !important}.tab-inner{display:none;margin-top:2rem}.tab-inner .art-wrap{display:flex;align-items:center;justify-content:flex-start;gap:24px;flex-wrap:wrap}.tab-inner article{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:calc(33.3333333333% - 16px)}.tab-inner article img{width:150px;height:150px}.tab-inner article .product{width:calc(100% - 150px)}.tab-inner article .product .brand{color:#a3a3a3}.tab-inner article .product .name{line-height:22px;height:44px;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tab-inner article .product .price{font-size:18px;font-weight:600;margin-top:10px}.tab-item.active{box-shadow:0px 6px 10px rgba(0,0,0,.1);background-color:#ed6b6a;color:#fff}.tab-inner.active{display:block}.product-empty-case{width:100%;border:2px dashed #e7e7e7;color:#747474;text-align:center;padding:3rem 0;font-size:16px;line-height:24px}@media screen and (max-width: 1020px){.tab-wrap{width:100%;margin-left:24px}.tab::after{display:inline-block;width:48px;content:""}.brand-filter-wrap{margin-top:10px;height:195px}.brand-filter-wrap .brand-filter{height:195px;grid-template-columns:repeat(5, minmax(120px, 1fr));box-sizing:border-box}.brand-filter-wrap .brand-filter .brand-item{display:inline-block;max-width:120px}.brand-gradient{height:28px}}@media screen and (max-width: 921px){.tab-inner article{width:calc(50% - 16px)}}@media screen and (max-width: 768px){.art-wrap.giftcon-info{gap:12px}.util{flex-wrap:wrap}.input-container{width:100%}}.filter-dropdown{position:absolute;width:146px;background-color:#fff;border:1px solid #a3a3a3;border-width:thin;border-radius:5px;box-sizing:border-box}.filter-dropdown .filter-dropdown-item{padding:1rem;cursor:pointer;height:50px;color:#a3a3a3}.filter-dropdown .filter-dropdown-item:not(:last-of-type){border-bottom:1px solid #a3a3a3}.filter-dropdown .filter-dropdown-item.active{color:#181818}.filter-dropdown .filter-dropdown-item:hover{background-color:#e4e4e4}@media screen and (max-width: 680px){.tab-wrap{margin-left:18px}.tab-inner article{flex-direction:column}.tab-inner article>.product{width:150px}.tab-inner article>.product>.name{height:fit-content}.brand-filter-wrap .brand-filter{grid-template-columns:repeat(5, minmax(50px, 1fr));box-sizing:border-box;padding:12px 0px 12px 12px}.brand-filter-wrap .brand-filter .brand-item{display:inline-block;width:50px;margin-right:12px}.brand-filter-wrap .brand-filter .brand-item .brand-img{width:50px;height:50px}.brand-filter-wrap .brand-filter .brand-item .brand-img>img{width:30px}.brand-filter-wrap .brand-filter .brand-item .brand-text{font-size:8pt;margin-bottom:8px;line-height:13px}}.more-btn-wrap{width:100%;display:flex;justify-content:center}.more-btn-wrap>button{box-sizing:border-box;width:250px;border:1px solid #e4e4e4;cursor:pointer;background-color:#fff;height:50px;border-radius:25px;flex-shrink:0}.more-btn-wrap>button:hover{background-color:rgba(250,250,250,.9803921569)}.purchase-modal{align-items:center;justify-content:center;display:none}.purchase-modal.show{display:flex}.purchase-modal .modal-inner{transform:none;left:unset;top:unset}.purchase-modal .modal-title{color:#000;text-align:center;font-family:"SUIT Variable";font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-0.36px}.purchase-modal .modal-body{margin-right:1.25rem;margin-left:1.25rem;margin-bottom:0}.purchase-modal .modal-body article{display:flex;width:100%;gap:12px}.purchase-modal .modal-body article .thumbnail{width:150px;height:150px;border:1px solid #f0f0f0}.purchase-modal .modal-body article .thumbnail.post-img{background-color:#f5f5f5;padding:1.25rem .5rem}.purchase-modal .modal-body article .product{font-size:15px;width:100%}.purchase-modal .modal-body article .brand{color:#a3a3a3;font-size:15px;letter-spacing:-0.225px}.purchase-modal .modal-body article .name{line-height:22px;font-size:17px}.purchase-modal .modal-body article .price{font-size:17px;margin-top:10px;color:#e11c1b;text-align:right;font-weight:700;letter-spacing:-0.255px}.purchase-modal .modal-body article .my-point{margin-top:20px}.purchase-modal .modal-body article .my-point .point-row{display:flex;align-items:center;justify-content:space-between}.purchase-modal .modal-body .phone{display:flex;align-items:center;justify-content:space-between;background:#f5f5f5;padding:10px;margin-top:12px}.purchase-modal .modal-body .phone .desc{color:#181818;font-size:13px;letter-spacing:-0.195px}.purchase-modal .modal-body .phone .phone-num{color:#181818;font-size:15px;font-weight:600;letter-spacing:-0.225px}.purchase-modal .modal-body .phone .change-button{display:inline-flex;height:28px;padding:6px 20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:3px;border:1px solid #e94746;color:#e94746;cursor:pointer;text-align:center;font-size:13px;font-weight:600;letter-spacing:-0.195px;transition:background-color ease-in-out .3s,color ease-in-out .3s}.purchase-modal .modal-body .phone .change-button:hover{color:#f5f5f5;background-color:#e94746}.purchase-modal .modal-footer{margin-top:20px;margin-left:20px;margin-right:20px}.purchase-modal .modal-footer .default-notice{padding:0 6px}.purchase-modal .modal-footer hr{margin-top:20px;margin-bottom:8px;width:400px;max-width:100%;height:2px;flex-shrink:0;background:#f5f5f5;border:none}.purchase-modal .modal-footer .notice-list{font-family:"SUITE";font-size:13px;display:flex;align-items:center;justify-content:flex-start;align-items:flex-start;letter-spacing:-0.75px;line-height:150%}.purchase-modal .modal-footer .check-button:disabled{cursor:default;width:170px}body:has(.purchase-modal.show){overflow:hidden}@media screen and (max-width: 440px){.purchase-modal .modal-inner{max-width:100vw;min-width:unset;left:0;width:100%}}@media screen and (max-height: 770px){.purchase-modal{overflow:hidden}.purchase-modal .modal-inner{position:relative}.purchase-modal .modal-close{position:sticky;z-index:1;top:0}.purchase-modal .modal-inner{overflow-y:auto;max-height:80vh}}/*# sourceMappingURL=giftcon.css.map */