/* 인트로페이지(장비등록) */
.intro-header{padding:28px 30px;height:150px;display: flex;}
.intro-header .logo img{height:98px;}
.intro-wrap {width:590px;padding: 30px;margin: 0 auto;}
.intro-wrap .info-section {margin-bottom: 30px;}
.intro-wrap .info-item {margin-bottom: 20px;}
.intro-wrap .info-item label {font-size: 40px; display: block;font-weight: bold;margin-bottom: 10px;}
.intro-wrap .info-item input {width:100%;display: block;background-color: #f0f0f0;padding: 15px;border-radius: 10px;font-size: 35px;color: #333;}
.intro-wrap .input-section {margin-top: 30px;}
.intro-wrap .input-item {margin-bottom: 30px;}
.intro-wrap .input-item label {font-size: 40px; display: block;font-weight: bold;margin-bottom: 10px;}
.intro-wrap .input-item input {width: 100%;padding: 15px;border: 1px solid #ccc;border-radius: 10px;box-sizing: border-box;font-size: 35px;line-height: 1.5;}
.intro-wrap .button-section {margin-top: 40px;text-align: center;}
.intro-wrap .button-section button {font-weight:bold;width:390px;height:120px;font-size: 36px;padding: 15px 30px;border: none;border-radius: 10px;background-color: #274075;color: #fff;cursor: pointer;}

.limit_pop {z-index:9999;display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;font-size:36px;}
.limit_pop_contents {background-color: white;padding: 20px;border-radius: 10px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.limit_pop_contents button {margin-top: 10px;padding: 10px 20px;border: 1px solid rgb(67, 117, 226); background: #a2bbf1;color: white;border-radius: 15px;cursor: pointer;font-size:36px;}


body.gray{background: #F5F7FC;}

.wrap{display: flex; flex-direction: column; height: 100vh;}
.wrap > .subContent:nth-last-of-type(1){flex-grow: 1; position: relative; overflow: hidden;}

/* 헤드 */
.header{ height: 150px; padding: 28px 30px; display: flex; justify-content: space-between; align-items: center; }
.header h1{}
.header h1 img{height: 98px;}
.header .tnb_wrap{}
.header .tnb_wrap button{ display: inline-flex; align-items: center; justify-content: center; width: 170px; height: 66px; border-radius: 50px; border: 2px solid #D9DCE3; font-size: 26px; font-weight: 600;}
.subHeader{height: 140px; padding: 40px 60px;display: flex; align-items: center;}
.subHeader .backBtn {height: 60px; width: 60px; margin-right: 30px;}
.subHeader .backBtn img{height: 60px; width: 60px;}
.subHeader h2{ font-size: 40px; font-weight: 700; }

.subHeader .regCloseBtn {height: 60px; width: 60px; margin-left: auto;}
.subHeader .regCloseBtn img{height: 60px; width: 60px;}


/* 메인 */
.mainContent{ padding: 0 10px; height: calc( 100vh - 150px )}
.mainContent .notice_wrap{background: #303030; border-radius: 10px; margin-bottom: 10px;  overflow: hidden; height: 80px;}
.mainContent .notice_wrap .noticeList{height: 80px;  padding: 20px 30px; display: flex; align-items: center; gap: 20px;}
.mainContent .notice_wrap .noticeList .icon{width: 40px;}
.mainContent .notice_wrap .noticeList .icon img{height: 24px; }
.mainContent .notice_wrap .noticeList .subject{font-size: 26px; color: #fff; font-weight: 700; width: calc( 100% - 230px); display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mainContent .notice_wrap .noticeList .date{font-size: 26px; color: #B4B8C1; margin-left: auto; width: 150px;}
.mainContent .mainTopBtn_wrap{height: 120px; display: flex; gap: 10px;}
.mainContent .mainTopBtn_wrap button,
.mainContent .mainTopBtn_wrap a{ display: inline-flex; justify-content: center; align-items: center; width: calc( (100% - 20px) / 3); height: 120px; background: #274075; border-radius: 10px; color: #fff; font-size: 36px; font-weight: 600;}
.mainContent .mainBanner_wrap{margin: 10px 0; height: calc( 100% - 490px); pointer-events: none;}
.mainContent .mainBanner_wrap > img{height: 1185px; width: 100%; object-fit: cover}
.mainContent .mainBanner_wrap .ad-contents {padding: 0;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;position: relative;}
.mainContent .mainBanner_wrap .ad-contents .ad-image {width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.mainContent .mainBanner_wrap .ad-contents iframe {width: 100%;height: 100%;}
.mainContent .mainBottomBtn_wrap{margin-bottom: 10px; display: flex; gap: 10px;}
.mainContent .mainBottomBtn_wrap a,
.mainContent .mainBottomBtn_wrap button{width: calc( (100% - 20px) / 3); height: 250px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; gap: 20px; border-radius: 10px; }
.mainContent .mainBottomBtn_wrap a .img,
.mainContent .mainBottomBtn_wrap button .img{width: 80px; height: 80px; display: inline-block; }
.mainContent .mainBottomBtn_wrap a .img img,
.mainContent .mainBottomBtn_wrap button .img img{width: 100%;}
.mainContent .mainBottomBtn_wrap a .txt,
.mainContent .mainBottomBtn_wrap button .txt{font-size: 40px; font-weight: 700; color: #fff;}
.mainContent .mainBottomBtn_wrap a:nth-of-type(1){background: linear-gradient(135deg, #3D2771 50%, #332A62 50%);}
.mainContent .mainBottomBtn_wrap a:nth-of-type(2){background: linear-gradient(135deg, #274075 50%, #1E386D 50%);}
.mainContent .mainBottomBtn_wrap button:nth-of-type(1){background: linear-gradient(135deg, #5071B2 50%, #486AAA 50%);}


/* 서비스 안내 */
.serviceGuide_wrap{text-align: left;}
.serviceGuide_wrap .txtBox{}
.serviceGuide_wrap .txtBox + .txtBox{margin-top: 40px; }
.serviceGuide_wrap .txtBox .t{font-size: 36px; font-weight: 700;}
.serviceGuide_wrap .txtBox .d{font-size: 30px; color: #303030; margin-top: 10px;}
.serviceGuide_wrap .stepBox_wrap{margin-top: 52px;}
.serviceGuide_wrap .stepBox + .stepBox{margin-top: 92px;}
.serviceGuide_wrap .stepBox{display: flex; gap: 30px; align-items: center; position: relative;}
.serviceGuide_wrap .stepBox::after{content: ''; width: 18px; height: 9px; display: block; position: absolute; background: url(../images/icon_serviceArrow.svg) no-repeat; background-size: 100%; left : 57px; top : calc(100% + 42px)} 
.serviceGuide_wrap .stepBox:nth-last-of-type(1)::after{display: none;}
.serviceGuide_wrap .stepBox .num{width: 58px; height: 58px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 10px solid #fff; background: #8181E0; color: #fff; font-size: 28px; font-weight: 700; position: absolute; left: -24px; top: -24px; }
.serviceGuide_wrap .stepBox .icon{width: 130px; height: 130px; border-radius: 40px; background: #F0F0F0; display: flex; justify-content: center; align-items: center;}
.serviceGuide_wrap .stepBox .icon img{ height:60px; }
.serviceGuide_wrap .stepBox .txt{ font-size: 36px; }
.serviceGuide_wrap .stepBox .txt .t{ font-weight: 700; line-height: 1;}
.serviceGuide_wrap .stepBox .txt .d{ color: #666; margin-top: 24px; line-height: 1;}

/* 접수불가 품목 */
.unable_wrap{}
.unableTit{color: #C70000; font-size: 35px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 16px;}
.unableTit span{display: inline-flex; justify-content: center; align-items: center; font-size: 26px; font-weight: 600; width: 40px; height: 40px; border: 3px solid #C70000; border-radius: 50%; }
.unable_list{margin-top: 30px; display: flex; gap:20px 10px; flex-wrap: wrap;}
.unable_list .unableBox{width: calc( (100% - 20px) / 3 );}
.unable_list .unableBox .img{text-align: center;}
.unable_list .unableBox .img img{width: 200px; height: 200px;}
.unable_list .unableBox .txt{text-align: center; margin-top: 30px; font-size: 24px; line-height: 120%;}

/* 회원가입팝업 */
.join_wrap{text-align: center;}
.join_wrap .joinLogo{}
.join_wrap .joinLogo img{height: 94px;}
.join_wrap .joinTop {margin-top: 40px;}
.join_wrap .joinTop .t{font-size: 40px; font-weight: 700;}
.join_wrap .joinTop .d{font-size: 30px; color: #666; margin-top: 14px;}
.join_wrap .joinQrcode {width: 360px; height: 360px; margin: 60px auto 0; position: relative; display: flex; justify-content: center; align-items: center; }
.join_wrap .joinQrcode img{width: 220px; height: 220px; padding: 10px; border: 2px solid #ddd; border-radius: 8px;}
.join_wrap .joinQrcode .lineBox{ width: 30px; height: 30px; position: absolute; border: 4px solid #c07bd3;}
.join_wrap .joinQrcode .lineBox.box1{left: 0; top: 0; border-right: 0; border-bottom: 0; }
.join_wrap .joinQrcode .lineBox.box2{right: 0; top: 0; border-left: 0; border-bottom: 0;}
.join_wrap .joinQrcode .lineBox.box3{left: 0; bottom: 0; border-right: 0; border-top: 0;}
.join_wrap .joinQrcode .lineBox.box4{right: 0; bottom: 0; border-left: 0; border-top: 0;}
.join_wrap .joinTxt{margin-top: 60px;}
.join_wrap .joinTxt li{ font-size: 36px; line-height: 100%;}
.join_wrap .joinTxt li + li{margin-top: 14px;}
.join_wrap .joinTxt li span{ display: inline-flex; width: 32px; height: 32px; border-radius: 50%; align-items: center; justify-content: center; background: #c07bd3; color: #fff; font-size: 20px; font-weight: 600;}

.subBanner_wrap{}
.subBanner_wrap img{ width: 100%}

.subBanner_wrap + .subContent{padding-bottom: 80px}

/* 서브 */
.subContent{padding: 40px;}
.subContent.gray{background: #F5F7FC;}
.subTitle{font-size: 35px; font-weight: 700; margin-bottom: 30px;}
.subTitle2{font-size: 45px; font-weight: 700; margin-bottom: 30px;}
.subTitle_wrap{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px;}
.subTitle_wrap .subTitle,
.subTitle_wrap .subTitle2{margin-bottom: 0;}
.subTitle_wrap > a{border: 3px inset #000; background: #fff; border-radius: 8px; width: 185px; height: 76px;  display: flex; align-items: center; justify-content: center; font-size: 36px; font-weight: 600; margin-left: auto;}
.subTitle_wrap > .date{font-size: 30px; font-weight: 500; margin-left: 20px; color: #666;}
.subTitle_wrap.nFlex{display: block;}
.subTitle_wrap .desc{font-size: 30px; color: #666; margin-top: 24px;}
.subTitle_wrap .state {background: #f0eeee; border-radius: 50px; width: 185px; height: 76px;  display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 600; margin-left: auto;}
.subTitle_wrap .state.complete{ background: rgba(73, 98, 178, 0.15); color: #527EFC;}
/* 운송장 재발생 */
.tabMenu{background: #D9DCE3; border: 10px solid #D9DCE3; border-radius: 50px; display: flex; margin-bottom: 40px;}
.tabMenu button{width: 50%; height: 80px; font-size: 32px; color: #666;}
.tabMenu button.on{background: #fff; border-radius: 50px; font-weight: 600; color: #000; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.schform_wrap{ background: #F5F7FC;  border-radius: 24px;}
.schform_inner{padding: 30px; display: flex; justify-content: space-between; position: relative;}
.schform_inner .schForm{display: flex; flex-direction: column; width: calc( 100% - 200px); gap: 20px;}
.schform_inner .schForm .row{display: flex; align-items: center;}
.schform_inner .schForm .row > label{width: 150px; font-size: 28px; font-weight: 600; color: #666;}
.schform_inner .schForm .row > input[type=text]{height: 86px; width: calc( 100% - 150px);}
.schform_inner .schForm .row > input[type=number]{height: 86px; width: calc( 100% - 150px);}
.schform_inner .schForm .row > input[type=password]{height: 86px; width: calc( 100% - 150px);}
.schform_inner .schBtn{width: 180px; position: relative;}
.schform_inner .schBtn a,
.schform_inner .schBtn button{background: #8181E0; color: #fff; font-size: 30px; font-weight: 700; display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; border-radius: 8px;}
.schDesc{font-size: 24px; color: #666; margin-top: 30px;}
.waybillSch[aria-controls=tel] > .row[aria-label=waybill]{display: none;}
.waybillSch[aria-controls=waybill] > .row[aria-label=tel]{display: none;}
.waybillList_wrap{height: calc( 100% - 196px ); overflow-y: auto; width: 100%; position: relative;}
.waybillList_wrap li{ background: #fff; border-radius: 16px; border: 3px solid #E7E9F0;}
.waybillList_wrap li.on{border: 4px solid #8181E0;}
.waybillList_wrap li + li{margin-top: 16px;}
.waybillList_wrap li label{display: flex; justify-content: space-between; gap: 48px; padding: 48px;}
.waybillList_wrap li label .ck{width: 50px;}
.waybillList_wrap li label .txt{ width: calc( 100% - 98px );}
.waybillList_wrap li label .txt > div{display: flex; justify-content: space-between; align-items: center; font-size: 30px; line-height: 1;}
.waybillList_wrap li label .txt > div + div{margin-top: 24px;}
.waybillList_wrap li label .txt > div .t{ color: #666;}
.waybillList_wrap li label .txt > div .c{ font-weight: 500;}


/* 진행단계 */
.step_wrap{margin-bottom: 40px;}
.step_wrap .step_state_wrap{position: relative;}
.step_wrap .step_state{display: flex; justify-content: space-between; margin: 0 60px; overflow: hidden}
.step_wrap .step_state div{width: 50px; background: #fff; position: relative;}
body.gray .step_wrap .step_state div{background: #F5F7FC; }
.step_wrap .step_state div.on::before { content: ''; width: 100%; position: absolute; top: 22px; left: 75px; width: 5px;height: 5px; background-color: #B4B8C1; border-radius: 50%; z-index: -1;
    box-shadow: 25px 0 0  #b4b8c1, 50px 0 0 #b4b8c1, 75px 0 0 #b4b8c1, 100px 0 0 #b4b8c1, 
                125px 0 0 #b4b8c1, 150px 0 0 #b4b8c1;
}
.step_wrap .step_state div::before { content: ''; width: 100%; position: absolute; top: 22px; left: 80px; width: 5px;height: 5px; background-color: #B4B8C1; border-radius: 50%; z-index: -1;
    box-shadow: 25px 0 0  #b4b8c1, 50px 0 0 #b4b8c1, 75px 0 0 #b4b8c1, 100px 0 0 #b4b8c1,
    125px 0 0 #b4b8c1, 150px 0 0 #b4b8c1;
}

.step_wrap .step_state[aria-controls=div3] div::before { content: ''; width: 100%; position: absolute; top: 22px; left: 43px; width: 5px;height: 5px; background-color: #B4B8C1; border-radius: 50%; z-index: -1;
    box-shadow: 25px 0 0  #b4b8c1, 50px 0 0 #b4b8c1, 75px 0 0 #b4b8c1, 100px 0 0 #b4b8c1, 
                125px 0 0 #b4b8c1, 150px 0 0 #b4b8c1, 175px 0 0 #b4b8c1, 200px 0 0 #b4b8c1,
                225px 0 0 #b4b8c1;
}


.step_wrap .step_state div:nth-last-of-type(1)::before{display: none;}
.step_wrap .step_state div img{ width: 50px; height: 50px; }
.step_wrap .step_txt{display: flex; justify-content: space-between; margin-top: 5px;}
.step_wrap .step_txt li{width: 20%; font-size: 18px; font-weight: 500; text-align: center; line-height: 120%;}


/* 회원접수 - 로그인 */
.qrLogin_wrap{padding: 48px;}
.qrLogin_wrap .and{ margin: 0 auto; font-size: 30px; font-weight: 500; text-align: center; position: relative; color: #666;}
.qrLogin_wrap .and span{display: inline-block; padding: 0 40px; background: #F5F7FC; position: relative; z-index: 1;}
.qrLogin_wrap .and::before{content: ""; display: block; width: 100%; height: 2px; background: #B4B8C1; position: absolute; top: 50%; transform: translateY(-50%); }
.qrLogin_wrap .t{font-size: 36px; font-weight: 600; color: #303030; margin-top: 48px; text-align: center;}
.qrLogin_wrap .i{ border: 2px solid #E7E9F0; margin: 30px auto 0; padding: 15px; border-radius: 8px; background: #fff; width: 300px; height: 300px;}
.qrLogin_wrap .i img{width: 270px; height: 270px;}
.joinpw_wrap{margin-top: 60px; display: flex; gap: 60px; justify-content: center;}
.joinpw_wrap button{font-size: 36px; font-weight: 600;}
.joinpw_wrap button img{ height: 20px; margin-left: 20px;}
.loginBanner{ margin-top: 100px;  height: 248px;  background: linear-gradient(90deg, rgba(129,129,224,0.3) 0%, rgba(70,70,122,0.3) 100%); border-radius: 20px;  box-shadow: 0 0 80px rgba(0,0,0,0.1); position: relative;}
.loginBanner_inner{position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; display: flex; align-items: center; justify-content: space-between; gap: 60px; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(223,222,253,1) 100%); padding: 0 60px; border-radius: 17px;}
.loginBanner .i{}
.loginBanner .i img{height: 87px;}
.loginBanner .txt{}
.loginBanner .txt .t{font-size: 35px; font-weight: 700;}
.loginBanner .txt .d{font-size: 25px; color: #303030; margin-top: 20px;}


/* 회원접수 - 예약내역 */
.reservedList_wrap{height: calc( 100% - 56px ); overflow-y: auto; width: 100%; position: relative;}
.reservedList_wrap li{ background: #fff; border-radius: 16px; border: 3px solid #E7E9F0; }
.reservedList_wrap li.on{border: 4px solid #8181E0; }
.reservedList_wrap li + li{margin-top: 16px;}
.reservedList_wrap li a{display: flex; justify-content: space-between; gap: 48px; padding: 48px;}
.reservedList_wrap li a .txt{ width: calc( 100% - 172px );}
.reservedList_wrap li a .txt > div{display: flex; justify-content: space-between; align-items: center; font-size: 30px; line-height: 1;}
.reservedList_wrap li a .txt > div + div{margin-top: 24px;}
.reservedList_wrap li a .txt > div .t{ color: #666;}
.reservedList_wrap li a .txt > div .c{ font-weight: 500;}
.reservedList_wrap li a .state{width: 160px;}
.reservedList_wrap li a .state span{width: 100%; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 30px; font-weight: 600; background: #F5F7FC;}
.reservedList_wrap li a .state span.complete{ background: rgba(82,126,252,0.15); color: #527EFC;}


/* 회원접수 - 예약상세 */
.reserveDetail_wrap{padding: 48px; border-radius: 24px; background:#fff; box-shadow: 0 0 80px rgba(0,0,0,0.1);}
.reserveDetail_wrap .infoBox{display: flex; gap: 20px; justify-content: space-between; padding-bottom: 40px; border-bottom: 2px solid #E7E9F0;}
.reserveDetail_wrap .infoBox + .infoBox{margin-top: 40px;}
.reserveDetail_wrap .infoBox .txt{width: calc( 100% - 155px ); }
.reserveDetail_wrap .infoBox .txt .t{font-size: 26px; font-weight: 600; color: #666;}
.reserveDetail_wrap .infoBox .txt .d{margin-top: 32px; font-size: 32px; font-weight: 600; color: #000;}
.reserveDetail_wrap .infoBox .txt .d p + p{}
.reserveDetail_wrap .infoBox .b{width: 135px;}
.reserveDetail_wrap .infoBox .b button{width: 100%; height: 76px; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; font-size: 36px; font-weight: 600; border-radius: 8px;}
.reserveDetail_wrap .infoBox .cost{font-size: 32px; font-weight: 600; color: #C70000;}
.reserveDetail_wrap .infoBox .payType{}
.reserveDetail_wrap .infoBox .payType .tabRadio > label{width: 50%;}
.reserveDetail_wrap .infoBox:nth-last-of-type(1){border: 0; padding-bottom: 0;}
.reserveDetail_wrap .infoBox.nFlex{display: block;}
.reserveDetail_wrap .infoBox.nFlex .txt{margin-bottom: 32px;}

/* 하단버튼 */
.bottomBtn{padding:0 80px;}
.bottomBtn .regBtn{display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 120px; border-radius: 10px; background: #110D64; color: #fff; font-size: 44px; font-weight: 700;}
.bottomBtn.bottomFix{ position: absolute; bottom: 20px; left: 0; right: 0; }


/* 결제완료 및 운송장확인 */
.payResult_wrap{padding: 80px 48px; border-radius: 24px; background:#fff; box-shadow: 0 0 80px rgba(0,0,0,0.1);}
.payResult_wrap > .t{text-align: center; font-size: 60px; font-weight: 700;}
.payResult_wrap .payBtn_wrap{margin-top: 80px; display: flex; gap: 16px; padding: 0 32px;}
.payResult_wrap .payBtn_wrap a{width: calc( (100% - 16px) / 2 ); height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 40px; font-weight: 700;}
.payResult_wrap .payBtn_wrap a.no{ background: #DADAFB; color: #110D64;}
.payResult_wrap .payBtn_wrap a.yes{ background: #110D64; color: #fff;}
.payResult_wrap .photoWrap{margin-top: 80px; background: #F5F7FC; border-radius: 12px; padding: 36px 30px;}
.payResult_wrap .photoWrap .t{font-size: 30px; font-weight: 700; text-align: center; color: #303030;}
.payResult_wrap .photoWrap .img_wrap{margin-top: 30px; display: flex; gap: 12px; justify-content:space-between}
.payResult_wrap .photoWrap .img_wrap .box{width: calc( (100% - 12px) / 2 );}
.payResult_wrap .photoWrap .img_wrap .box .i{height: 232px; background: #fff;}
.payResult_wrap .photoWrap .img_wrap .box .i img{width: 100%; height: 100%; object-fit: cover;}
.payResult_wrap .photoWrap .img_wrap .box .txt{ font-size: 36px; font-weight: 700; color: #000; text-align: center; margin-top: 20px;}



/* 정보입력 */
.regForm_wrap{ }
.regForm_inner{padding:48px; border-radius: 24px; background:#fff; box-shadow: 0 0 80px rgba(0,0,0,0.1);}
.regForm{display: flex; flex-direction: column; width: 100%; gap: 20px;}
.regForm .row{display: flex; align-items: center;}
.regForm .row > label{width: 150px; font-size: 28px; font-weight: 600; color: #666;}
.regForm .row > input[type=text]{height: 86px; width: calc( 100% - 150px);}
.regForm .row > input[type=number]{height: 86px; width: calc( 100% - 150px);}
.regForm .row.address{align-items: flex-start;}
.regForm .row.address > label{line-height: 86px;}
.regForm .row .addressReg{width: calc( 100% - 150px);}
.regForm .row .addressReg > div{}
.regForm .row .addressReg > div input[type=text]{width: 100%;}
.regForm .row .addressReg > div + div{margin-top: 16px;}
.regForm .row .unitInput{width: 100%; display: flex;}
.regForm .row .unitInput input[type=text]{width: calc(100% - 100px); border-radius: 8px 0 0 8px; border-right: 0;}
.regForm .row .unitInput input[type=number]{width: calc(100% - 100px); border-radius: 8px 0 0 8px; border-right: 0; text-align:right;}
.regForm .row .unitInput span{width: 100px; height: 86px; border-radius: 0 8px 8px 0; display: inline-flex; align-items: center; justify-content: center; border: 2px solid #DCDEE3;  font-size: 30px; color: #666;}
.regForm .row .unitInput input[type=text]:focus + span{ border: 2px solid #110D64; }
.regForm .row .unitInput input[type=number]:focus + span{ border: 2px solid #110D64; }

.regForm_inner .desc{font-size: 30px;  font-weight: 700; margin-top:40px; text-align: left;}


.inputBtn_wrap{display: flex; gap: 10px; }
.inputBtn_wrap > input[type=text]{width: calc( 100% - 210px );}
.inputBtn_wrap > button{width: 200px; height: 86px; display: flex; align-items: center; justify-content: center; color: #fff; background: #000000; border-radius: 8px;}

/* 상품종류 */
.category_wrap{}
.category_wrap .category{display: flex; flex-wrap: wrap; gap: 15px;}
.category_wrap .category > div{width: calc( (100% - 30px) / 3 );   }
.category_wrap .category > div input[type=radio]{display: none;}
.category_wrap .category > div label{background: #fff; border: 2px solid #E7E9F0; padding: 20px 0; border-radius: 16px; width: 100%; display: inline-block; }
.category_wrap .category > div input[type=radio]:checked + label{border: 6px solid #8181E0; background: #EBEBff; padding: 16px 0;}
.category_wrap .category > div .img{ text-align: center;}
.category_wrap .category > div .img img{width: 160px; height: 160px;}
.category_wrap .category > div .t{ text-align: center; font-size: 25px; font-weight: 500; margin-top:20px;}
.category_wrap .warningBox{background: #E7E9F0; border-radius: 20px; margin-top: 25px; padding: 30px 50px;}
.category_wrap .warningBox .t{ font-size: 30px; font-weight: 600; color: #C70000;}
.category_wrap .warningBox .t span{display: inline-flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 600; width: 32px; height: 32px; border: 2px solid #C70000; border-radius: 50%; margin-right: 12px; }
.category_wrap .warningBox .d{font-size: 24px; font-weight: 500; margin-top: 20px;}


.stepBox.contBox{padding:35px; border-radius: 24px; background:#fff; box-shadow: 0 0 80px rgba(0,0,0,0.1);}


/* 파손면책동의 */
.breakBox{padding:40px; border-radius: 24px; background:#fff; box-shadow: 0 0 80px rgba(0,0,0,0.1);}
.breakBox .top{text-align: center; margin-top: 40px;}
.breakBox .top .img{width: 200px; margin: 0 auto 30px;}
.breakBox .top .img img{width: 200px;}
.breakBox .top .txt{font-size: 40px; font-weight: 700;}
.breakBox .warningBox{}
.breakBox .warningBox{background: #F5F7FC; border-radius: 20px; margin-top: 35px; padding: 30px;}
.breakBox .warningBox > div{ text-align: left;}
.breakBox .warningBox > div + div{ margin-top: 40px;}
.breakBox .warningBox > div .t{ font-size: 30px; font-weight: 700;}
.breakBox .warningBox > div .d{font-size: 25px;  margin-top:12px; color: #303030;}
.breakBox .warningBox > div.r{font-size: 30px; font-weight: 500; color: #C70000;}
.breakBox .agreeBox{margin-top: 40px;}
.breakBox .agreeBox .t{ font-size: 35px; font-weight: 700;}
.breakBox .agreeBox .tabRadio {margin-top: 40px; gap: 16px;}
.breakBox .agreeBox .tabRadio > label{width: calc( 50% - 8px); border-radius: 10px; background: #DADAFB; color: #110D64; height: 120px; line-height: 120px; font-weight: 700;}
.breakBox .agreeBox .tabRadio > input[type=radio]:checked + label{background: #110D64; color: #fff;}



/* 물품무게 선택 */
.weightBox_wrap{display: flex; gap: 20px; flex-wrap: wrap;}
.weightBox_wrap > div{width: calc((100% - 20px) / 2 ); }
.weightBox_wrap > div input[type=radio]{display: none;}
.weightBox_wrap > div label{background: #fff; border: 2px solid #E7E9F0; height: 200px; padding: 80px 60px; border-radius: 16px; width: 100%; display: inline-flex; font-size: 40px; font-weight: 700; align-items: center; justify-content: space-between;}
.weightBox_wrap > div label svg{width: 40px; height: 40px;   }
.weightBox_wrap > div label svg .weightChk{stroke:#B4B8C1; stroke-width:16px; stroke-linecap:round; stroke-linejoin:round;}
.weightBox_wrap > div input[type=radio]:checked + label{border: 6px solid #8181E0; background: #EBEBff; padding: 76px 56px;}
.weightBox_wrap > div input[type=radio]:checked + label svg .weightChk{stroke:#8181E0;}
.weightBox .warningBox{background: #E7E9F0; border-radius: 20px; margin-top: 35px; padding: 30px;}
.weightBox .warningBox .t{ font-size: 30px; font-weight: 700; }
.weightBox .warningBox .d{font-size: 25px;  margin-top: 12px;}
.weightBox .warningBox .r{ font-size: 28px; font-weight: 600; margin-top: 20px; color: #C70000; letter-spacing: -1.2px;}
.weightBox .warningBox .r span{display: inline-flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 600; width: 32px; height: 32px; border: 2px solid #C70000; border-radius: 50%; margin-right: 12px; }

/* 물품가액 입력 */
.priceBox{}
.priceBox 
.priceBox .warningBox{}
.priceBox .warningBox{background: #E7E9F0; border-radius: 20px; margin-top: 35px; padding: 40px 50px;}
.priceBox .warningBox > div{ text-align: left;}
.priceBox .warningBox > div + div{ margin-top: 40px;}
.priceBox .warningBox > div .t{ font-size: 30px; font-weight: 700;}
.priceBox .warningBox > div .d{font-size: 25px;  margin-top:12px; color: #303030;}
.priceBox .warningBox > div.r{font-size: 30px; font-weight: 500; color: #C70000;}


/* 정보입력 하단버튼 */
.regBtn_wrap{position: fixed; background: #fff; width: 100%; bottom: 0;  left: 0; right: 0; display: flex; padding: 40px 50px;}
.regBtn_wrap button{height: 40px; display: flex; gap: 12px; align-items: center; justify-content: center; font-size: 40px; font-weight: 700;}
.regBtn_wrap button img{width: 40px;}
.regBtn_wrap .regClose{}
.regBtn_wrap .regPrev{}
.regBtn_wrap .regNext{margin-left: auto;}
.regBtn_wrap .regNext img{transform: rotate(180deg);}
.regBtn_wrap .regEnter{display: none; margin-left: auto; }
.regBtn_wrap[aria-controls=step01] .regPrev{display: none;}
.regBtn_wrap:not([aria-controls=step01]) .regClose{display: none;}
.regBtn_wrap:not([aria-controls=step01]) .regPrev{display: flex;}
.regBtn_wrap[aria-controls=step07] .regNext{display: none;}
.regBtn_wrap[aria-controls=step07] .regEnter{display: flex;}


/* 접수방법 선택 */
.receipt_wrap{display: flex; gap: 20px;}
.receipt_wrap .receiptLeft{width: calc( (100% - 20px) / 2 )}
.receipt_wrap .receiptLeft > a{display: flex; flex-direction: column; padding:48px; justify-content: space-between; width: 100%; height: 530px; border-radius: 24px; background: linear-gradient(135deg, #9393E8 0%, #302AA3 100%); box-shadow: 0 0 60px rgba(0, 0, 0, 0.1); color: #fff;}
.receipt_wrap .receiptLeft > a .t{ font-size: 50px; font-weight: 700;}
.receipt_wrap .receiptLeft > a .d{font-size: 30px; }
.receipt_wrap .receiptRight{width: calc( (100% - 20px) / 2 )}
.receipt_wrap .receiptRight > div{  background: #fff; box-shadow: 0 0 60px rgba(0, 0, 0, 0.1); border-radius: 24px;}
.receipt_wrap .receiptRight > div + div{margin-top: 20px;}
.receipt_wrap .receiptRight{}
.receipt_wrap .receiptRight > div button{ display: flex; flex-direction: column; width: 100%; height: 255px;padding: 30px; justify-content: space-between; padding: 48px 44px; }
.receipt_wrap .receiptRight > div button .t{display: flex; justify-content: space-between; font-size: 40px; font-weight: 700 ; width: 100%;}
.receipt_wrap .receiptRight > div button .t img{height: 70px;}
.receipt_wrap .receiptRight > div button .d{text-align: left; font-size: 22px;}