#MyPage{padding:0;margin-top:0}#MyPage .inner{background-color:#f6f8fa;padding:30px;display:flex;flex-direction:column;gap:30px}#MyPage .inner .element{padding:20px 15px;border-radius:10px;background:#fff}#MyPage .inner .element .address-display{border-radius:10px;padding:15px 10px 15px 37px;background:url(/asset/img/common/icon/location-icon-gray.svg) no-repeat;background-color:#f5f6fa;background-size:12px;background-position:top 18px left 15px}#MyPage .inner .element .s-title{display:flex;justify-content:space-between;align-items:center;font-size:16px}#MyPage .inner .element .s-title span{display:flex;gap:10px;align-items:center;font-family:var(--sm)}#MyPage .inner .element .s-title span img{width:14px;height:14px}#MyPage .inner .element .details-content{border-top:1px solid #ededed;margin-top:15px;padding-top:30px}#MyPage .empty{width:100%;height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#MyPage .empty img{width:58px;height:auto}#MyPage .empty .main-text{font-size:14px;font-family:var(--sm);color:#4e5968}#MyPage .empty .sub-text{font-size:13px;font-family:var(--sr);color:#8894a0;text-align:center}#MyPage .empty button{width:-moz-fit-content;width:fit-content;padding:0 25px}#MyPage .history-wrap{padding:0 30px 40px;display:flex;flex-direction:column;gap:30px;min-height:80%}#MyPage .history-wrap .bloc-tabs{width:calc(100% + 60px);margin-left:-30px;padding:0 20px}#MyPage .history-wrap .bloc-tabs ul{display:flex;overflow-x:auto;gap:20px}#MyPage .history-wrap .history-nav-area{width:calc(100% + 60px);margin-left:-30px;padding:30px;background-color:#fff}#MyPage .history-wrap .list-count{font-size:18px}#MyPage .history-wrap .list-count span{font-family:var(--sm)}#MyPage .history-wrap .list{display:flex;flex-direction:column;gap:15px}#MyPage .history-wrap .list li{border-radius:5px;padding:15px 50px 15px 15px;background:#fff url(/asset/img/home/arrow-simple-right.svg) no-repeat;background-position:right 15px center;background-size:6px;line-height:1.6}#MyPage .history-wrap .list li .state{margin-top:10px;font-size:14px;color:#e86c00}#MyPage .history-wrap .list li small{display:block;color:#8894a0;font-size:13px;margin-top:10px}#MyPage .history-wrap .list li.alarm-card{background-image:none;padding-right:15px}#MyPage .history-wrap .list li.alarm-card .alarm-list{padding:20px 15px;background:#f8f8f8;border-radius:10px;margin-top:15px}#MyPage .history-wrap .list li.alarm-card .alarm-list ul li{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;background:none;padding:0}#MyPage .history-wrap .list li.alarm-card .alarm-list ul li:first-child{margin-top:0}#MyPage .history-wrap .list li.alarm-card .alarm-list ul li span{color:#999;width:110px;font-size:14px}#MyPage .history-wrap .list li.alarm-card .alarm-list ul li div{text-align:right;width:calc(100% - 110px);word-break:keep-all;line-height:1.6;font-size:14px;font-family:var(--sr)}#MyPage .history-wrap .list li.alarm-card .flex{display:flex;justify-content:space-between;align-items:center}#MyPage .history-wrap .list li.alarm-card .flex .alarm{margin-top:0}#MyPage .history-wrap .list li.alarm-card .flex.border{margin-top:15px;padding-top:15px;border-top:1px dashed #d1d1d1}#MyPage .history-wrap .list li.alarm-card .alarm{font-size:15px;color:#999;margin-top:5px;background:url(/asset/img/payment/module/check-circle-blue.png) no-repeat;background-size:14px;background-position:left 2px top 4.5px;padding-left:22px;color:#1142bf;font-family:var(--sm)}#MyPage .history-wrap .list li.alarm-card .alarm.danger{color:#e03d38;background:url(/asset/img/dashboard/check-circle-red.svg) no-repeat;background-size:14px;background-position:left 2px top 4.5px}#MyPage .history-wrap .empty{width:-moz-fit-content;width:fit-content;height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#MyPage .history-wrap .empty img{width:58px;height:auto}#MyPage .history-wrap .empty .main-text{font-size:14px;font-family:var(--sm);color:#4e5968}#MyPage .basic-my{padding:40px 30px;display:flex;flex-direction:column;gap:30px}#MyPage .basic-my .list{display:flex;flex-direction:column;gap:15px}#MyPage .basic-my .list li{border-radius:5px;padding:15px 50px 15px 15px;background-color:#fff;background-image:url(/asset/img/dashboard/check-circle-gray.svg);background-repeat:no-repeat;background-position:right 15px center;line-height:1.6}#MyPage .basic-my .list li small{display:block;color:#8894a0;font-size:13px;margin-top:10px}#MyPage .basic-my .list li small.font-blue{color:#1142bf}@media screen and (max-width:1220px){#MyPage .inner{padding:30px 20px}#MyPage .history-wrap{padding:0 20px 30px}#MyPage .history-wrap .bloc-tabs{width:calc(100% + 40px);margin-left:-20px}#MyPage .basic-my{padding:30px 20px}}#MyPage .element .toggle-content--small summary{font-family:var(--sm);font-size:16px}#MyPage .element .toggle-content--small summary.small{font-size:15px}#MyPage .element .toggle-content--small summary:before{background-size:14px}#MyPage .element .toggle-content--small .content__detail dd .flex-row{gap:10px}#MyPage .element .block{width:100%;background-color:#fff;border-radius:10px;padding:20px 15px;box-shadow:0 4px 10px rgba(0,0,0,.04)}#MyPage .element .block .block-title{font-family:var(--sm);font-size:18px}#MyPage .element .block .block-title span{font-size:15px}#MyPage .element .block .block-content{border-top:1px solid #ededed}#MyPage .element .block .bottom-button{font-family:var(--sm)}#MyPage .element .block .bottom-button.h-50{height:50px;font-size:16px}#MyPage .element .block .bottom-button.h-60{height:60px;font-size:18px}#MyPage .element .toggle-content summary{list-style:none;position:relative;font-family:var(--sm);font-size:18px;display:flex;align-items:center;gap:15px}#MyPage .element .toggle-content summary:before{content:"";display:block;background:url(/asset/img/payment/report/arrow-simple-top.svg) no-repeat;background-size:20px;background-position:100%;top:0;right:0;position:absolute;width:100%;height:100%;transform:scaleY(-1);cursor:pointer}#MyPage .element .toggle-content summary .tag{width:-moz-fit-content;width:fit-content;font-family:var(--sm);font-size:13px;background-color:#dfe8ff;color:#1142bf;border-radius:3px;height:100%;padding:3px 7px}#MyPage .element .toggle-content summary .border{width:100%;height:1px;background-color:#ededed}#MyPage .element .toggle-content summary .flex{display:flex;width:calc(100% - 30px);justify-content:space-between;align-items:center;white-space:nowrap;gap:15px}#MyPage .element .toggle-content[open]>summary:before{content:"";display:block;background:url(/asset/img/payment/report/arrow-simple-top.svg) no-repeat;background-size:20px;background-position:100%;transform:scaleY(1);cursor:pointer}#MyPage .element .toggle-content .content__detail.border{border-top:1px solid #ededed}#MyPage .element .toggle-content .content__detail .content__detail-main{font-family:var(--sm);font-size:16px}#MyPage .element .toggle-content .content__detail .content__detail-main span{font-family:var(--sm);font-size:15px}#MyPage .element .toggle-content .content__detail .detail-comment{font-family:var(--sr);font-size:14px;line-height:23px}#MyPage .element .toggle-content .content__detail .detail-comment.gray_1{color:#999}#MyPage .element .toggle-content .content__detail .detail-comment.gray_2{color:#6b7684}#MyPage .element .toggle-content .content__detail .detail-comment span{color:#18171a}#MyPage .element .toggle-content--border{background-color:#fff;padding:20px 15px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.04)}#MyPage .element .toggle-content--border .button-flex{display:flex;gap:14px;height:50px}#MyPage .element .toggle-content--border .button-flex button{font-family:var(--sm);font-size:16px}#MyPage .num-list{display:flex;flex-direction:column;gap:60px}#MyPage .num-list li{position:relative}#MyPage .num-list li .number{color:#4e5968;background-color:#d9dade;border-radius:3px;width:16px;height:16px;font-family:var(--sr);font-size:12px;text-align:center;position:absolute;margin-top:4px}#MyPage .num-list li .num__content{margin-left:30px}#MyPage .num-list li:not(:first-child):before{content:"";display:block;width:100%;border-top:1px dashed #ededed;position:absolute;top:-30px}#MyPage .dot-list{border-top:1px dashed #ededed;padding-top:30px}#MyPage .dot-list li{font-family:var(--sr);font-size:14px;line-height:22px;position:relative;padding-left:12px;text-align:left}#MyPage .dot-list li:before{content:"·";display:block;position:absolute;left:0}#MyPage .dot-list.gray li{color:#8894a0}#MyPage .flex-row.g-15{gap:15px}#MyPage .nav-bar{width:100%;max-width:500px;height:-moz-fit-content;height:fit-content;position:fixed;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,.08);background-color:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0}#MyPage .nav-bar li{display:flex;flex-direction:column;align-items:center;gap:5px}#MyPage .nav-bar li .img{height:100%;display:flex;align-items:center}#MyPage .nav-bar li .img img{width:-moz-fit-content;width:fit-content}#MyPage .nav-bar li p{font-family:var(--sr);font-size:12px;color:#8597ab}#MyPage .nav-bar li p.on{color:#18171a}