.mypage{}
.mypage .box{display: flex;gap:80px;}
.mypage .box .left{width:350px;}
.mypage .box .left .inbox{position: sticky;top:180px;}
.mypage .box .left h3{font-size: 30px;font-weight: 500;line-height: 1.4;letter-spacing: -0.75px;color: #202020;}
.mypage .box .left h3 strong{font-weight: bold;}
.mypage .box .left p{margin-top:15px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #787878;}
.mypage .box .left .info-box{margin-top:35px;border-radius: 10px;border: solid 1px #c3c7cf;padding:30px;}
.mypage .box .left .info-box dl{display:block;}
.mypage .box .left .info-box dl dt{width:60px;}
.mypage .box .left .info-box dl dt span{position:relative;display: inline-block;padding-left: 28px;  font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #787878;}
.mypage .box .left .info-box dl dt span:before{content: "";position: absolute;top:3px;left:0;width:20px;height:20px;}
.mypage .box .left .info-box dl dt span.icon01:before{background: url(/_public/images2/icon/myinfo_icon01.svg) no-repeat;background-size: cover;}
.mypage .box .left .info-box dl dt span.icon02:before{background: url(/_public/images2/icon/myinfo_icon02.svg) no-repeat;background-size: cover;}
.mypage .box .left .info-box dl dt span.icon03:before{background: url(/_public/images2/icon/myinfo_icon03.svg) no-repeat;background-size: cover;}
.mypage .box .left .info-box dl dt span.icon04:before{background: url(/_public/images2/icon/myinfo_icon04.svg) no-repeat;background-size: cover;}
.mypage .box .left .info-box dl dd{padding: 0 0 15px 60px;font-size: 18px;font-weight: 600;letter-spacing: -0.45px;color: #202020;text-align: right;width:100%;}
.mypage .box .left .info-box dl dd em{color: #0036C4;}
.mypage .box .left .info-box dl dd:last-child {padding-bottom:0;}
.mypage .box .right{width:calc(100% - 430px);}
.mypage .box .right h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #202020;padding-bottom: 20px;border-bottom: 2px solid #12348E;margin-bottom: 25px;}

.mypage .myinfo section .toggle-btn{position: relative;display:block;text-align:left;width:100%;font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #202020;line-height: 1;padding-bottom: 15px;}
.mypage .myinfo section .toggle-btn:after{content: "";position:absolute;top:-8px;right:8px;width:40px;height:40px;background: url(/_public/images2/icon/toggle_arrow2.svg) no-repeat;background-size: cover;transform: rotate(180deg);}
.mypage .myinfo section .toggle-btn.on:after{transform: rotate(0deg);}
.mypage .myinfo section{}
.mypage .myinfo section dl{}
.mypage .myinfo section dl dt{font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #202020;}
.mypage .myinfo section dl dd{margin-top: 7px;}
.mypage .myinfo section dl dd + dt{margin-top: 30px;}
.mypage .myinfo .pwd-wrap{position: relative;}
.mypage .myinfo .pwd-wrap input{width:100%;height:55px;  border-radius: 5px;border: solid 1px #202020;padding:0 60px 0 20px;font-size: 16px;font-weight: 500;color: #202020;}
.mypage .myinfo .pwd-wrap button{position: absolute;top:15px;right:20px;display: block;width:22px;height:22px;background: url(/_public/images2/icon/pwd_view.svg) no-repeat;background-size: cover;}
.mypage .myinfo .pwd-wrap button.on{background: url(/_public/images2/icon/pwd_view_on.svg) no-repeat;background-size: cover;}
.mypage .myinfo section .noti-box{position:relative;margin-top:35px;padding:20px 20px 20px 50px;border-radius: 10px;background: #F5F8FD;font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.32px;color: #0036C4;}
.mypage .myinfo section .noti-box:before{content: "";position: absolute;top:21px;left:20px;width:20px;height:20px;background: url(/_public/images2/icon/noti_icon02.svg) no-repeat;background-size: cover;}
.mypage .myinfo section + section{margin-top:80px;}
.mypage .myinfo .checkbox-type1 label {font-size:16px;padding-left:32px;}
.mypage .myinfo .checkbox-type1 label:before {width:22px;height:22px;}
.mypage .myinfo .checkbox-type1 label:after {top:4px;left:8px;}
.mypage .myinfo .btn-box{margin-top:40px;display: flex;justify-content: flex-end;gap:20px;}
.mypage .myinfo .btn-box button{width:270px;height:55px;border-radius: 5px;background: #0036C4; font-size: 18px;font-weight: 500;letter-spacing: -0.36px;color: #fff;line-height: 1;transition:all 0.2s;}
.mypage .myinfo .btn-box button:hover {background:#12348E;}
.mypage .mypoint{}
.mypage .mypoint .txt-box{border-radius: 10px;background: #f8f8f8;padding:30px;}
.mypage .mypoint .txt-box p{position: relative;padding-left: 14px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;color: #202020;}
.mypage .mypoint .txt-box p:before{content: "";position: absolute;top:10px;left:0;width:6px;height:6px;border-radius: 100%;background: #163182;}
.mypage .mypoint ul{margin-top:50px;border-top:2px solid #202020;}
.mypage .mypoint ul li{display: flex;border-bottom: 1px solid #ccc;}
.mypage .mypoint ul li .color-orange{color: #ff6600 !important;}
.mypage .mypoint ul li > div{padding:25px 0;font-size: 18px;font-weight: bold;letter-spacing: -0.45px;color: #202020;text-align: center;}
.mypage .mypoint ul li > div:nth-child(1){flex: auto;text-align: left;}
.mypage .mypoint ul li > div:nth-child(2){width:176px;font-weight: 500;color: #787878;}
.mypage .mypoint ul li > div:nth-child(3){width:120px;color: #1087f5;}
.mypage .mypoint ul li > div:nth-child(4){width:100px;text-align: right;}

.mypage{}
.mypage .receipt{}
.mypage .receipt h3{font-size: 28px;font-weight: bold;letter-spacing: -0.7px; margin-top: 40px; color: #0036C4;padding-bottom: 0 !important;border-bottom:0 !important;}
.mypage .receipt ul.aas {margin-top:30px;}
.mypage .receipt ul.aas li{padding: 40px;border-radius: 5px;border: solid 1px #ccc;background-color: #F5F8FD;}
.mypage .receipt ul.aas li + li{margin-top:20px;}
.mypage .receipt ul.aas li h4{font-size: 25px;font-weight: bold;line-height: 1.12;letter-spacing: -0.63px;color: #202020;}
.mypage .receipt ul.aas li .flex{margin-top:25px;display: flex;justify-content: space-between;align-items: flex-end;}
.mypage .receipt ul.aas li .flex dl{}
.mypage .receipt ul.aas li .flex dl dt{width:51px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #8e8e8e;float:left;}
.mypage .receipt ul.aas li .flex dl dd{padding:0 0 10px 51px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #202020;}
.mypage .receipt ul.aas li .flex dl dd span{position: relative;display: inline-block;}
.mypage .receipt ul.aas li .flex dl dd span + span{margin-left: 22px;}
.mypage .receipt ul.aas li .flex dl dd span + span:before{content: "";position: absolute;top:6px;left:-11px;width:1px;height:14px;background: #ccc;}
.mypage .receipt ul.aas li .flex dl dd strong{display: inline-block;font-size: 18px;font-weight: bold;letter-spacing: -0.45px;color: #12348E;}
.mypage .right .receipt ul.aas li a{display: flex;align-items:center;justify-content:center;gap:10px;width:200px;height:44px; border-radius: 5px;background: #0036C4;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #fff;line-height: 1;}
.mypage .right .receipt ul.aas li a:after{content: "";position: relative;display: block;width:20px;height:20px;background: url(/_public/images2/icon/ico_dwn.svg) no-repeat;background-size: cover;}
.receipth4 { font-size: 21px; margin-top: 30px; margin-bottom: 0; padding-bottom: 0}



.mypage .receipt2{}
.mypage .receipt2 h3{font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #12348E;padding-bottom: 15px;border-bottom: 2px solid #12348E;}
.mypage .receipt2 .name-box{margin-top:40px;border-radius: 5px;border: solid 1px #dedede;background-color: #f6f7f9;padding:20px 30px;display: flex;gap:30px;}
.mypage .receipt2 .name-box .txt1{ font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #202020;}
.mypage .receipt2 .name-box .txt1 strong{display: inline-block; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;}
.mypage .receipt2 .name-box .txt1 strong em{color: #12348E;}
.mypage .receipt2 .name-box .txt2{font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #626272;display: flex;gap:10px;align-items: center;}
.mypage .receipt2 .name-box .txt2 em{position:relative;top:-1px;display: flex;align-items:center;justify-content:center;height:30px;line-height: 1;padding:0 8px;  border-radius: 5px;font-size: 18px;font-weight: bold;color:#fff;background-color: #003cb2;}
.mypage .receipt2 .info-box{margin-top:29px;padding: 40px;border-radius: 5px;border: solid 1px #ccc;}
.mypage .receipt2 .info-box h4{font-size: 25px;font-weight: bold;line-height: 1.12;letter-spacing: -0.63px;color: #202020;}
.mypage .receipt2 .info-box ul{margin-top:20px;}
.mypage .receipt2 .info-box ul li{padding:20px 0 20px 200px;position: relative;}
.mypage .receipt2 .info-box ul li + li{border-top:1px dashed #dedede;}
.mypage .receipt2 .info-box ul li h5{position:absolute;left:0;font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #202020;}
.mypage .receipt2 .info-box ul li h5 i{color: #003cb2;}
.mypage .receipt2 .info-box ul li .table-box{}
.mypage .receipt2 .info-box ul li .table-box table{border-top:2px solid #12348E}
.mypage .receipt2 .info-box ul li .table-box table thead tr th{padding:10px; font-size: 18px;font-weight: bold;letter-spacing: -0.45px;text-align: center;color: #202020;border-bottom: 1px solid #8e8e8e;}
.mypage .receipt2 .info-box ul li .table-box table thead tr th:first-child{background: #f5f5f5;}
.mypage .receipt2 .info-box ul li .table-box table tbody tr th{padding:10px;border-bottom: 1px solid #dedede;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;text-align: center;color: #626272;background: #fafafa;}
.mypage .receipt2 .info-box ul li .table-box table tbody tr td{padding:10px;border-bottom: 1px solid #dedede;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;text-align: center;color: #626272;}
.mypage .receipt2 .info-box ul li .bank{padding: 12px 25px;border-radius: 5px;border: solid 1px #dedede;background: #f6f7f9; font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #626272;}
.mypage .receipt2 .info-box ul li .bank strong{display: inline-block; font-weight: 500;letter-spacing: -0.45px;color: #202020;}
.mypage .receipt2 .info-box ul li .bank em{margin:0 20px 0 10px;display: inline-block;font-weight: 600;color:#12348E;}
.mypage .receipt2 .info-box ul li p{margin-top:10px;position: relative;padding-left: 24px;  font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;color: #202020;}
.mypage .receipt2 .info-box ul li p:before{content: "";position: absolute;top:11px;left:10px;width:6px;height:6px;border-radius: 100%;background: #003cb2;}
.mypage .receipt2 .info-box ul li p span{color: #626272;}
.mypage .receipt2 .info-box ul li p + p{margin-top:3px;}
.mypage .receipt2 .info-box .info-txt{margin-top:20px;border-radius: 5px;background: #fff4f1;padding:20px 30px;}
.mypage .receipt2 .info-box .info-txt p{position: relative;padding-left: 28px;font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.45px;color: #202020;}
.mypage .receipt2 .info-box .info-txt p strong{font-weight: 600;}
.mypage .receipt2 .info-box .info-txt p:before{content: "";position: absolute;top:4px;left:0;width:20px;height:20px;background: url(/_public/images2/icon/chk_img.svg) no-repeat;background-size: cover;}
.mypage .receipt .table-box2{margin-top:30px;}
.mypage .receipt .table-box2 table{border-top:2px solid #12348E;}
.mypage .receipt .table-box2 table thead tr th{padding:17px 10px;font-size: 18px;background:#f5f6f9;font-weight: bold;letter-spacing: -0.5px;text-align: center;color: #202020;border-bottom: 1px solid #12348E;}
.mypage .receipt .table-box2 table thead tr th:first-child{background: #dfe2f5;}
.mypage .receipt .table-box2 table tbody tr th{padding:17px 10px;font-size: 17px;font-weight: 500;letter-spacing: -0.45px;text-align: center;color: #202020;background: #f8f9ff;border-bottom: 1px solid #dedede;}
.mypage .receipt .table-box2 table tbody tr td{padding:17px 10px;font-size: 17px;font-weight: normal;letter-spacing: -0.45px;text-align: center;color: #202020;border-bottom: 1px solid #dedede;}
.mypage .receipt .table-box2 table tbody tr td span{display: inline-block;font-weight: 500;}
.mypage .receipt .table-box2 table tbody tr td span.case1{color:#202020;}
.mypage .receipt .table-box2 table tbody tr td span.case2{color:#fc7c5a;}
.mypage .receipt .table-box2 table tbody tr td a{position:relative;display: inline-block;padding:0 45px 0 20px;line-height: 39px;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;color: #fff; border-radius: 5px;background-color: #003cb2;}
.mypage .receipt .table-box2 table tbody tr td a:after{content: "";position: absolute;top:10px;right:20px;display:block;width:20px;height:20px;background: url(/_public/images2/icon/ico_dwn.svg) no-repeat;background-size: cover;}
.mypage .receipt .table-box2 .btn-box { margin-top: 0}

.mypage .info-box{padding:20px;margin-top:30px;border:1px solid #d9d9d9;border-radius:10px;background:#f8f8f8;}
.mypage .info-box>h4{margin-bottom:24px;font-size:20px;font-weight:700;color:#111;line-height:1.4;}
.mypage .info-box .payment-guide{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:24px 30px;background:#fff;border:1px solid #dce8f2;border-radius:10px;}
.mypage .info-box .payment-guide-txt{flex:1;}
.mypage .info-box .payment-guide-txt strong{display:block;margin-bottom:0;font-size:17px;font-weight:500;color:#111;}
.mypage .info-box .payment-guide-txt p{font-size:17px;color:#787878;line-height:1.7;font-weight:500;}
.mypage .info-box .payment-guide-txt h5{margin-bottom:10px;font-size:20px;font-weight:700;color:#111;line-height:1.4;}
.mypage .info-box .payment-btn{display:flex;align-items:center;justify-content:center;gap:24px;padding:17px 26px;border-radius:8px;background:#101010;color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:.3s;}
.mypage .info-box .payment-btn:hover{background:#075d98;}
.mypage .info-box .payment-btn i{position:relative;width:28px;height:12px;}
.mypage .info-box .payment-btn i:before{content:"";position:absolute;left:0;top:5px;width:24px;height:2px;background:#fff;}
.mypage .info-box .payment-btn i:after{content:"";position:absolute;right:3px;top:1px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.mypage .info-box .notice-guide{margin-top:20px;}
.mypage .info-box .info-txt{padding:24px 30px;background:#fff;border:1px solid #e5edf5;border-radius:10px;}
.mypage .info-box .info-txt h5{margin-bottom:10px;font-size:20px;font-weight:700;color:#111;line-height:1.4;}
.mypage .info-box .info-txt p{position:relative;padding-left:18px;font-size:17px;color:#333;line-height:1.8;}
.mypage .info-box .info-txt p+p{}
.mypage .info-box .info-txt p:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:#0b71b8;}
.mypage .info-box .info-txt p strong{font-weight:700;}
.mypage .info-box .contact-info{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:12px;padding-left:18px;}
.mypage .info-box .contact-info span{display:flex;align-items:center;}
.mypage .info-box .contact-info span+span:before{content:"";width:1px;height:14px;margin-right:24px;background:#d9d9d9;}
.mypage .info-box .contact-info strong{margin-right:8px;color:#777;font-size:16px;font-weight:500;}
.mypage .info-box .contact-info a{font-size:16px;color:#222;text-decoration:none;}
.mypage .info-box .contact-info a:hover{color:#0b71b8;}


/* 회원탈퇴 */
.mypage .layout2 {max-width: 660px;margin: auto;}
.mypage .form-box {border-radius:10px;border:1px solid #CCC;padding:30px;background-color:#fff;}
.mypage .btn-box {display:flex;gap:10px;justify-content:center;margin-top: 30px;}
.mypage .btn-box .button {flex:1;display: inline-block;max-width:325px;height:55px;line-height:55px;font-size:18px;font-weight: 500;color: #fff;background: #0036C4;border-radius: 5px;transition:all 0.2s;text-align:center;border:0;}
.mypage .btn-box .button.button-outline {border:1px solid #0036C4;background:#fff;color:#0036C4;}
.mypage .btn-box .button:hover {background:#12348E;}
.mypage .btn-box .button.button-outline:hover {background:#0036C4;color:#fff;}




@media all and (max-width:1280px) {
  .mypage .box{gap:40px;}
    .mypage .box .right{width:calc(100% - 390px);}
    .mypage .box .left h3{font-size:26px;}
    .mypage .box .left .info-box{margin-top:25px;}
    .mypage .mypoint .txt-box{padding:20px;}
    .mypage .mypoint .txt-box p{font-size:16px;padding-left: 10px;}
    .mypage .mypoint .txt-box p:before{top:9px;width:4px;height:4px;}
    .mypage .mypoint ul{margin-top:40px;}
    .mypage .mypoint ul li > div{padding:20px 0;font-size: 16px;}
}


@media all and (max-width:1024px) {
  .mypage .box{flex-direction:column;}
    .mypage .box .left{width:100%;}
    .mypage .box .left h3{font-size:22px;}
    .mypage .box .left p{font-size:16px;margin-top:10px;}
    .mypage .box .left .info-box{margin-top:20px;padding:20px;}
    .mypage .box .left .info-box dl dt span{font-size:16px;}
    .mypage .box .left .info-box dl dt span:before{top:2px;width:18px;height:18px;}
    .mypage .box .right{width:100%;}
    .mypage .box .left .info-box dl dd{padding:0 0 10px 60px;font-size:16px;}
    .mypage .box .right h3{font-size:20px;padding-bottom: 15px;}
    .mypage .myinfo section .toggle-btn{font-size:20px;padding-bottom: 10px;}
    .mypage .myinfo section .toggle-btn:after{width:30px;height:30px;top:-5px;right:5px;}
    .mypage .myinfo section dl dt{font-size:16px;}
    .mypage .myinfo section dl dd .pwd-wrap input{height:50px;font-size: 15px;}
    .mypage .myinfo section dl dd .pwd-wrap button{top:13px;}
    .mypage .myinfo section .noti-box{margin-top:25px;font-size: 14px;}
    .mypage .myinfo section .noti-box:before{width:18px;height:18px;}
    .mypage .myinfo .btn-box{margin-top:30px;}
    .mypage .myinfo .btn-box button{height:50px;font-size: 16px;}

    .mypage .mypoint .txt-box p{font-size:14px;padding-left: 10px;}
    .mypage .mypoint .txt-box p:before{top:9px;width:4px;height:4px;}
    .mypage .mypoint ul{margin-top:30px;}
    .mypage .mypoint ul li > div{padding:20px 0;font-size: 15px;}

    .mypage .receipt h3{font-size:20px;}
   .mypage .receipt ul{margin-top:30px;}
   .mypage .receipt ul.aas li{padding:20px;}
   .mypage .receipt ul.aas li h4{font-size:20px;}
   .mypage .receipt ul.aas li .flex{margin-top:15px;}
   .mypage .receipt ul.aas li .flex dl dt{font-size:15px;width:40px;}
   .mypage .receipt ul.aas li .flex dl dd{font-size:15px;padding: 0 0 5px 40px;}
   .mypage .receipt ul.aas li a{width:170px;height:40px;font-size:15px;}
   .mypage .receipt ul.aas li a:after{width:18px;height:18px;}

   .mypage .receipt2 h3{font-size:20px;}
   .mypage .receipt2 .name-box{margin-top:20px;gap:20px;}
   .mypage .receipt2 .name-box .txt1{font-size:16px;}
   .mypage .receipt2 .name-box .txt1 strong{font-size:16px;}
   .mypage .receipt2 .name-box .txt2{position:relative;top:-2px;font-size:16px;}
   .mypage .receipt2 .name-box .txt2 em{font-size:14px;height:26px;}
   .mypage .receipt2 .info-box{padding:20px;}
   .mypage .receipt2 .info-box h4{font-size:18px;}
   .mypage .receipt2 .info-box ul li{padding:20px 0 20px 120px;}
   .mypage .receipt2 .info-box ul li h5{font-size:16px;}
   .mypage .receipt2 .info-box ul li .table-box table thead tr th{font-size:15px;}
   .mypage .receipt2 .info-box ul li .bank{font-size:14px;}
   .mypage .receipt2 .info-box ul li p{font-size:14px;padding-left: 15px;}
   .mypage .receipt2 .info-box ul li p:before{left:5px;top:8px;width:4px;height:4px;}
   .mypage .receipt2 .info-box .info-txt p{font-size:14px;padding-left: 20px;}
   .mypage .receipt2 .info-box .info-txt p:before{top:2px;width:16px;height:16px;}
   .mypage .receipt .table-box2 .scroll{overflow-x: auto;}
   .mypage .receipt .table-box2 table{width:1100px;}
   .mypage .receipt .table-box2 table thead tr th{padding:13px 5px;font-size:15px;}
   .mypage .receipt .table-box2 table tbody tr th{padding:13px 5px;font-size:14px;}
   .mypage .receipt .table-box2 table tbody tr td{padding:15px 5px;font-size:14px;}
   .mypage .receipt .table-box2 table tbody tr td a{padding:0 30px 0 10px;font-size:13px;line-height: 34px;}
   .mypage .receipt .table-box2 table tbody tr td a:after{top:9px;width:16px;height:16px;right:10px;}
}


@media all and (max-width:768px) {
  .mypage .box .left{position: relative;top:0;}
  .mypage .box .left h3{font-size:20px;}
  .mypage .box .left p{font-size:15px;}
  .mypage .box .left .info-box dl dt {float:left;}
  .mypage .box .left .info-box dl dt span{font-size:14px;padding-left: 23px;}
  .mypage .box .left .info-box dl dt span:before{top:1px;width:16px;height:16px;}
  .mypage .box .right{width:100%;}
  .mypage .box .left .info-box dl dd{padding:0 0 10px 60px;font-size:14px;}
  .mypage .box .right h3{font-size:18px;padding-bottom: 10px;}
  .mypage .form-box {padding: 20px;}
  .mypage .myinfo section + section {margin-top:50px;}
  .mypage .myinfo section dl dt{font-size:14px;}
  .mypage .myinfo section dl dd + dt {margin-top: 20px;}
  .mypage .myinfo section dl dd {margin-top:5px;}
  .mypage .myinfo section dl dd .pwd-wrap input{height:45px;font-size: 14px;}
  .mypage .myinfo section dl dd .pwd-wrap button{top:11px;width:20px;height:20px;}
  .mypage .myinfo section .noti-box{margin-top:25px;font-size: 14px;}
  .mypage .myinfo section .noti-box:before{width:18px;height:18px;}
  .mypage .myinfo .checkbox-type1 label {font-size:14px;padding-left:28px;}
  .mypage .myinfo .checkbox-type1 label:before {width: 20px;height: 20px;top:-1px;}
  .mypage .myinfo .btn-box{margin-top:30px;}
  .mypage .myinfo .btn-box button{width:100%;}

  .mypage .mypoint ul li{position:relative;}
  .mypage .mypoint ul li > div{padding:10px 0;}
  .mypage .mypoint ul li > div:nth-child(1){}
  .mypage .mypoint ul li > div:nth-child(2){width:90px;}
  .mypage .mypoint ul li > div:nth-child(3){width:40px;}
  .mypage .mypoint ul li > div:nth-child(4){width:80px;}

  .mypage .receipt ul.aas li h4{font-size:16px;}
  .mypage .receipt ul.aas li .flex{margin-top:20px;flex-direction: column;align-items: flex-start;gap:20px;}
  .mypage .receipt ul.aas li a{width:100%;height:40px;}

  .mypage .receipt2 .name-box{gap:10px;}
  .mypage .receipt2 .name-box .txt1{font-size:15px;}
  .mypage .receipt2 .name-box .txt1 strong{font-size:15px;}
  .mypage .receipt2 .name-box .txt2{position:relative;top:-2px;font-size:15px;}
  .mypage .receipt2 .name-box .txt2 em{font-size:13px;height:26px;}
  .mypage .receipt2 .info-box h4{font-size:18px;}
  .mypage .receipt2 .info-box ul li{padding:20px 0;}
  .mypage .receipt2 .info-box ul li h5{position:relative;margin-bottom:10px;font-size:16px;}
  .mypage .receipt2 .info-box ul li .table-box table thead tr th{font-size:15px;}
  .mypage .receipt2 .info-box ul li .bank{font-size:14px;padding:10px 20px;}
  .mypage .receipt2 .info-box ul li .bank br{display: inline;}
  .mypage .receipt2 .info-box .info-txt{padding:20px;}
  .mypage .receipt .table-box2 table{width:905px;}

  .mypage .btn-box {gap: 5px;margin-top: 20px;}
  .mypage .btn-box .button {height: 50px;line-height: 50px; font-size: 16px;}

  .mypage .info-box{padding:16px;margin-top:20px;border-radius:8px;}
  .mypage .info-box>h4{margin-bottom:18px;font-size:18px;}
  .mypage .info-box .payment-guide{display:block;padding:20px;border-radius:8px;word-break:keep-all;}
  .mypage .info-box .payment-guide-txt{width:100%;}
  .mypage .info-box .payment-guide-txt strong{font-size:16px;line-height:1.4;}
  .mypage .info-box .payment-guide-txt p{margin-top:6px;font-size:14px;line-height:1.5;}
  .mypage .info-box .payment-guide-txt h5{margin-bottom:8px;font-size:18px;}
  .mypage .info-box .payment-btn{width:100%;margin-top:18px;padding:15px 20px;font-size:15px;}
  .mypage .info-box .payment-btn i{margin-left:auto;}
  .mypage .info-box .notice-guide{margin-top:16px;}
  .mypage .info-box .info-txt{padding:20px;border-radius:8px;}
  .mypage .info-box .info-txt h5{margin-bottom:10px;font-size:18px;}
  .mypage .info-box .info-txt p{padding-left:15px;font-size:15px;line-height:1.6;word-break:keep-all;}
  .mypage .info-box .info-txt p+p{margin-top:4px;}
  .mypage .info-box .info-txt p:before{top:10px;width:5px;height:5px;}
  .mypage .info-box .contact-info{display:block;margin-top:12px;padding-left:15px;}
  .mypage .info-box .contact-info span{display:flex;align-items:center;font-size:15px;}
  .mypage .info-box .contact-info span+span{margin-top:5px;}
  .mypage .info-box .contact-info span+span:before{display:none;}
  .mypage .info-box .contact-info strong{min-width:46px;margin-right:6px;font-size:15px;}
  .mypage .info-box .contact-info a{font-size:15px;word-break:break-all;}


}