.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}.content.mypage:nth-child(2){padding-bottom:0}.content.mypage:nth-child(3){padding:4rem 0 0 0}.content.mypage:nth-child(4){padding-top:0}aside{width:94%;max-width:1200px;margin:0 auto;margin-top:2.5rem;margin-bottom:4rem;padding:0 12px}aside .recommand h4{font-size:1.5rem}aside .recommand h4 .recommand-code{font-weight:600}aside .recommand p{font-size:1.25rem;margin-top:.5rem;color:#747474}aside .recommand p span{font-weight:600}aside .recommand-btns{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-top:1rem}aside .recommand-btns .recommand-button{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:4px 14px;border-radius:4px;cursor:pointer}aside .recommand-btns .recommand-button p{line-height:34px;color:#fff;font-size:16px;letter-spacing:0;font-weight:500}aside .recommand-btns .recommand-button .btn-icon{color:#fff;font-size:15pt}aside .recommand-btns .recommand-button.url-button{background-color:#41454b}aside .recommand-btns .recommand-button.url-button img{width:22px}aside .recommand-btns .recommand-button.kakao-button{background-color:#fee500}aside .recommand-btns .recommand-button.kakao-button img{width:24px}aside .recommand-btns .recommand-button.kakao-button p{color:#392020}.art-wrap.mypage-info{display:flex;flex-wrap:wrap;gap:24px;padding:0 12px}.art-wrap.mypage-info article{background-color:#f9f9f9;padding:2.25rem;color:#464646}.art-wrap.mypage-info article:nth-child(1){width:calc(56% - 24px)}.art-wrap.mypage-info article:nth-child(2){width:44%}.art-wrap.mypage-info article:nth-child(n+3){flex:1}.art-wrap.mypage-info article h4{font-size:1.35rem}.art-wrap.mypage-info article table{margin-top:.9rem}.art-wrap.mypage-info article table tr th{text-align-last:left;padding:.5rem 4rem .5rem 0;display:flex;align-items:center;font-size:1.15rem}.art-wrap.mypage-info article table tr th i{font-size:20px;padding-left:6px}.art-wrap.mypage-info article table tr td{font-size:1.35rem;text-align-last:left;font-weight:500;letter-spacing:0}.art-wrap.mypage-info article.mygrade figure{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}.art-wrap.mypage-info article.mygrade figure figcaption{font-size:1.25rem}.art-wrap.mypage-info article.mygrade figure figcaption p:nth-of-type(2){font-size:14px;color:#a3a3a3}.art-wrap.mypage-info article.mygrade .info-grade{font-size:1.5rem;font-weight:600;line-height:2.5rem;margin-top:1rem}.art-wrap.mypage-info article.mygrade .sub-desc{margin:0}.art-wrap.mypage-info article.mygrade .sub-desc:first-child{margin-top:1rem}.art-wrap.mypage-info article.month-score .row{display:flex;align-items:center;justify-content:space-between}.art-wrap.mypage-info article.month-score .row .active-score{font-weight:500}.art-wrap.mypage-info article.month-score table{margin-top:1rem;color:#747474}.art-wrap.mypage-info article.month-score table tr th{font-size:16px;padding:.25rem 3rem .25rem 0}.art-wrap.mypage-info article.month-score table tr td{font-size:16px;font-weight:400}.score-definition{line-height:2rem;cursor:pointer}.score-definition input{display:none}.score-definition p{cursor:pointer;color:#747474;font-weight:500;display:flex;align-items:center;justify-content:flex-start}.score-definition p i{font-size:20px}.score-definition .text{margin:14px 0;display:none;font-size:15px;background-color:#00215b;color:#fff;position:relative;width:60%;min-width:300px;padding:1rem;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;opacity:0;box-shadow:2px 4px 12px rgba(105,105,105,.4);line-height:1.5rem}.score-definition .text::after{content:"";position:absolute;border-style:solid;border-width:0 10px 14px;border-color:#00215b rgba(0,0,0,0);display:block;width:0;z-index:1;top:-14px;left:27px}.score-definition input[type=checkbox]:unchecked+label .text{display:none}.score-definition input[type=checkbox]:checked+label .text{display:block;animation:opacity-animation 1s ease .1s 1 forwards}@keyframes opacity-animation{0%{opacity:0}100%{opacity:1}}.point-history .tab-menu{margin:0 12px}.point-history .tab-menu .util{display:flex;align-items:center;justify-content:space-between}.point-history .tab-menu .input-container{display:flex;align-items:center;gap:5px}.point-history .tab-menu .input-container input{width:100%;font-size:14px;font-weight:300;height:40px;padding:0 12px;border:1px solid #ccc;border-radius:3px}.point-history .tab-menu .input-container input::placeholder{font-size:14px;font-weight:300;color:#a3a3a3}.point-history .tab-menu .input-container button{border-color:#e94746;color:#e94746;height:40px;padding:0 20px;margin-left:5px}.point-history .tab-menu .tab{display:flex;gap:12px}.point-history .tab-menu .tab .tab-item{background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:4px;line-height:40px;padding:0 1.25rem;color:#a3a3a3;text-indent:-0.75px;cursor:pointer;border-radius:20px;font-size:17px}.point-history .tab-menu .tab-inner{display:none}.point-history .tab-menu .tab-item.active{box-shadow:0px 6px 10px rgba(0,0,0,.1);background-color:#ed6b6a;color:#fff}.point-history .tab-menu .tab-inner.active{display:block}.table-wrap{width:100%;border-top:2px solid #a3a3a3;margin-top:2.5rem}.table-wrap table{display:table;width:100%;border-collapse:collapse;border-spacing:0}.table-wrap table th{border-bottom:1px solid #e7e7e7;background-color:#f7f7f7;font-weight:600;padding:1rem}.table-wrap table th,.table-wrap table td{text-align:left;font-size:16px;padding:1rem}.table-wrap table tbody td{border-bottom:1px solid #efefef}.table-wrap table .empty{text-align:center}.pagenation{margin-top:2.5rem}.classification-wrap{padding:0 12px;padding-top:2rem}.classification-wrap .art-wrap.classification{display:flex;flex-wrap:wrap;margin-top:1.25rem}.classification-wrap .art-wrap.classification article{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;padding:2.5rem 0}.classification-wrap .art-wrap.classification article figure{display:flex;align-items:center;justify-content:center;flex-direction:column}.classification-wrap .art-wrap.classification article figure figcaption{color:#747474;display:block;font-size:1.25rem;font-weight:500;line-height:2.5rem;letter-spacing:.75rem;text-indent:.75rem;text-align:center}.classification-wrap .art-wrap.classification article.grade-vip figcaption{letter-spacing:.45rem;text-indent:.45rem}.classification-wrap .art-wrap.classification article:not(:last-child){border-right:1px solid #e7e7e7}.classification-wrap .art-wrap.classification article .text{text-align:center;margin-top:1rem;height:48px;overflow:hidden}.classification-wrap .sub-desc{display:flex;font-size:16px;color:#a3a3a3}.classification-wrap .sub-desc span{color:#a3a3a3}.accrue-table{margin:0 auto;width:100%}.accrue-table th{text-align:left;font-size:16px;font-weight:500;color:#747474;background:#f7f7f7;padding:.25rem .5rem;line-height:34px}.accrue-table th:first-child{padding-left:2rem}.accrue-table td{text-align:left;padding:.25rem .5rem;border-bottom:1px solid #f0f0f0;line-height:34px}.accrue-table td:first-child{padding-left:2rem}@media(max-width: 1024px){.classification-wrap .art-wrap.classification{gap:24px}.classification-wrap .art-wrap.classification article{width:calc(50% - 24px);flex:auto;border:1px solid #e7e7e7}}@media(max-width: 840px){.art-wrap.mypage-info{gap:12px}.art-wrap.mypage-info article:nth-child(1){width:100%}.art-wrap.mypage-info article:nth-child(2){width:100%}.art-wrap.mypage-info article:nth-child(n+3){width:100%;flex:auto}}@media(max-width: 768px){.point-history .tab-menu .util{display:block}.point-history .tab-menu .input-container{margin-top:1.25rem}.classification-wrap .score-definition .text{width:100%}.classification-wrap .art-wrap.classification article{width:100%}}@media screen and (max-width: 680px){.table-wrap table col{width:100% !important}.table-wrap table thead{display:none}.table-wrap table tbody tr{border-bottom:1px solid #efefef}.table-wrap table tbody td{width:100%;display:flex;margin-bottom:2px;padding:5px;border-bottom:none;font-size:14px;line-height:18px}.table-wrap table tbody td:first-child,.table-wrap table tbody th:first-child{padding-top:16px}.table-wrap table tbody td:last-child,.table-wrap table tbody th:last-child{padding-bottom:15px}.table-wrap table tbody td::before{display:inline-block;margin-right:12px;-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;font-weight:700;content:attr(data-label)}}@media(max-width: 576px){.point-history .tab-menu .input-container{gap:0;justify-content:space-between}.point-history .tab-menu .input-container input{width:calc(50% - 39px);width:calc(33.3333333333% - 14px);padding:0 6px;background-color:#fff}.point-history .tab-menu .input-container span{width:14px;text-align:center}.point-history .tab-menu .input-container button{padding:0;margin-left:0;width:calc(33.3333333333% - 14px);text-align:center;margin-left:8px}}@media(max-width: 470px){.point-history .tab-menu .input-container{gap:0;justify-content:space-between}.point-history .tab-menu .input-container input{width:calc((100% - 74px)/2);padding:0 6px;background-color:#fff}.point-history .tab-menu .input-container span{width:12px;text-align:center}.point-history .tab-menu .input-container button{padding:0;margin-left:0;max-width:60px !important;text-align:center;margin-left:8px}}/*# sourceMappingURL=mypage.css.map */