.pri-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999;}
	.pri-modal .pri-container {width: 700px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 35px 30px; border-radius: 20px; z-index: 9; box-sizing: border-box;}
	.pri-modal .pri-close {position: absolute; top: 20px; right: 30px; width: 25px; height: 25px;}
	.pri-modal .pri-close::before,
	.pri-modal .pri-close::after {content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 100%; background: #333; transform-origin: center;}
	.pri-modal .pri-close::before {transform: translate(-50%, -50%) rotate(45deg);}
	.pri-modal .pri-close::after {transform: translate(-50%, -50%) rotate(-45deg);}

	.pri-modal .pri-title {text-align: center;}
	.pri-modal .pri-title h2 {font-size: 24px; font-weight: 500; letter-spacing: -1px; margin-bottom: 8px;}
	.pri-modal .pri-title p {font-size: 15px; font-weight: 500; letter-spacing: -.7px; line-height: 1.4; color: #777; white-space: nowrap;}

	.pri-modal .pri-all-agree {margin: 20px 0 15px;}
	.pri-modal .pri-all-agree input[type="checkbox"] {display: none;}
	.pri-modal .pri-all-agree label {background: #4e76d618; padding:  20px 25px; display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; border-radius: 15px; position: relative; cursor: pointer;}
	.pri-modal .pri-all-agree label .agree-txt {font-size: 22px; letter-spacing: -1px; font-weight: 500; color: #222;}
	.pri-modal .pri-all-agree label i {display: block; width: 36px; height: 36px; background: #fff; border-radius: 100%; position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
	.pri-modal .pri-all-agree label i::after {content: ""; width: 12px; height: 18px; border: solid #cdcdcd; border-width: 0 4px 4px 0; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
	.pri-modal .pri-all-agree input[type="checkbox"]:checked + label i {display: block; width: 36px; height: 36px; background: var(--brandColor); border-radius: 100%; position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
	.pri-modal .pri-all-agree input[type="checkbox"]:checked + label i::after {content: ""; width: 12px; height: 18px; border: solid #fff; border-width: 0 4px 4px 0; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}

	.pri-modal .pri-content-box {background: #f2f2f7; padding: 20px; border-radius: 15px; margin-bottom: 15px;}
	.pri-modal .pri-content-box .pri-content-title {display: flex; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 12px; position: relative;}
	.pri-modal .pri-content-box .pri-content-title input[type="checkbox"] {width: 28px; height: 28px; margin: 0; position: absolute; left: 0; opacity: 0; cursor: pointer; z-index: 6;}
	.pri-modal .pri-content-box .pri-content-title i {display: block; width: 28px; height: 28px; border: 1px solid #ccc; border-radius: 5px; background: #fff;}
	.pri-modal .pri-content-box .pri-content-title input[type="checkbox"]:checked + i {background: var(--brandColor); border: 1px solid var(--brandColor); position: relative;}
	.pri-modal .pri-content-box .pri-content-title input[type="checkbox"]:checked + i::after {content: ""; width: 9px; height: 15px; border: solid #fff; border-width: 0 3px 3px 0; position: absolute; top: 3px; left: 9px; transform: rotate(45deg);}
	.pri-modal .pri-content-box .pri-content-title label {font-size: 19px; font-weight: 500; color: #333; letter-spacing: -1px; padding-left: 10px; cursor: pointer;}
	.pri-modal .pri-content-box .pri-content {padding: 15px 0 0; height: 80px; overflow-y: auto;}
	.pri-modal .pri-content-box .pri-content::-webkit-scrollbar {width: 3px;}
	.pri-modal .pri-content-box .pri-content::-webkit-scrollbar-thumb {background: #999; border-radius: 20px;}
	.pri-modal .pri-content-box .pri-content::-webkit-scrollbar-track {background: #ddd;}
	.pri-modal .pri-content-box .pri-content p {font-size: 15px; letter-spacing: -.8px; line-height: 1.4; color: #666;}

	.pri-modal .pri-notice p {font-size: 14px; letter-spacing: -.5px; line-height: 1.4; color: #666;}
	.pri-modal .pri-notice p:not(:last-of-type) {margin-bottom: 5px;}
	.pri-modal .pri-notice p.red {color: red;}

	.pri-modal .pri-confirm {display: block; background: var(--brandColor); font-size: 23px; font-weight: 500; letter-spacing: -1px; text-align: center; padding: 14px 108px; border-radius: 10px; box-sizing: border-box; color: #fff; margin: 30px auto 0;}
	.pri-modal .pri-gray {background: #f2f2f7 !important;}
	.pri-modal .not-click {background: #bbb !important; pointer-events: none;}

	.pri-alert-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.6);}
	.pri-alert-modal .pri-alert-container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; padding: 32px 85px 42px; box-sizing: border-box; border-radius: 20px; text-align: center;} 
	.pri-alert-modal .pri-alert-container .pri-alert-close {position: absolute; top: 25px; right: 25px; width: 25px; height: 25px;}
	.pri-alert-modal .pri-alert-container .pri-alert-close::before,
	.pri-alert-modal .pri-alert-container .pri-alert-close::after {content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 100%; background: #333; transform-origin: center;}
	.pri-alert-modal .pri-alert-container .pri-alert-close::before {transform: translate(-50%, -50%) rotate(45deg);}
	.pri-alert-modal .pri-alert-container .pri-alert-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
	.pri-alert-modal .pri-alert-container span {display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 22px; font-weight: 500; letter-spacing: -1px; color: #555; margin-bottom: 45px;}
	.pri-alert-modal .pri-alert-container span i {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #ed4120; border-radius: 100%; color: #fff; font-weight: 700; font-size: 14px;}
	.pri-alert-modal .pri-alert-container .pri-alert-title {font-size: 27px; font-weight: 500; letter-spacing: -1px; color: #111; margin-bottom: 20px;}
	.pri-alert-modal .pri-alert-container .pri-alert-title b {font-weight: 600; color: var(--brandColor);}
	.pri-alert-modal .pri-alert-container p {font-size: 22px; letter-spacing: -1px; line-height: 1.3; color: #777;}
	.pri-alert-modal .pri-alert-container .pri-btn-wrap {display: flex; justify-content: center; gap: 15px; margin-top: 40px;}
	.pri-alert-modal .pri-alert-container .pri-btn-wrap button {font-size: 24px; font-weight: 500; letter-spacing: -1px; padding: 20px; border-radius: 10px; font-family: inherit; color: #fff; outline: none;}
	.pri-alert-modal .pri-alert-container .pri-btn-wrap .pri-alert-disagree {width: 45%; background: #ccc;}
	.pri-alert-modal .pri-alert-container .pri-btn-wrap .pri-alert-agree {width: 55%; background: var(--brandColor);}


.pri_modal_inner h3 {color: #0058e1; padding: 25px 30px 5px; font-size: 24px; font-weight: 600; letter-spacing: -2px;}
	.pri_modal_wrap2 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999999999; display: none; }
	.pri_modal_wrap3 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999999999; display: none; }
	.pri_modal_inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 750px; height: 500px; background: #fff; border: 5px solid #ddd; overflow-X: hidden; overflow-y: auto; border-radius: 10px; }
	.pri_modal_txt2, .pri_modal_txt { margin-top: -30px; }
	.pri_modal_txt p, .pri_modal_txt2 p { padding: 20px 30px; line-height: 1.3rem; letter-spacing: -1px; }
	.agree_close, .agree_close3 { position: sticky; width: 30px; height: 30px; top: 20px; left: 690px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
	.agree_close>div, .agree_close3>div { width: 3px; height: 30px; background: #aaa; position: absolute; }
	.agree_close div, .agree_close3 div { transform: rotate(45deg); }
	.agree_close div:last-child, .agree_close3 div:last-child { transform: rotate(-45deg); }
	.touch-none { touch-action: none; height: 100%; min-height: 100%; overflow: hidden; }


/*보험료 산출 텍스트 css*/
	.cost_popup_wrap {
		position: fixed;		
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 500px;
		padding: 50px;
		box-sizing: border-box;
		background: #fff;
		line-height: 50px;
		z-index: 9999999;
		display: none;
	}

	.cost_popup_wrap p {
		font-size: 24px;
		text-align: center;
		margin-bottom: 50px;
	}

	.cust_name_2 {
		font-family: 'Pretendard'; 
		font-size: 24px; 
		text-decoration: underline; 
		text-underline-position: under; 
		font-weight: bold;
	}
	
	.cust_money_2{ 
		font-family: 'Pretendard'; 
		font-size: 24px; 
		text-decoration: underline; 
		text-underline-position: under; 
	}

	#cost_background { 
		width: 100%; 
		height: 100%; 
		background: rgba(0,0,0,0.5); 
		position: fixed;
		left: 0; 
		top:0; 
		z-index: 999999; 
		display: none;
	}

	.cost_btn {
		cursor: pointer;
		background: var(--brandColor) ;
		color: #fff;
		font-size: 20px;
		margin: 0 auto;
		width: 194px;
		height: 44px;
		line-height: 46px;
		text-align: center;
		margin-top: 20px;
		border: 0;
		font-family: inherit;
		display: block;
	}

	.cost_popup_wrap > .close { 
		position: absolute; 
		width: 35px;
		height: 35px;
		top: 12px; 
		right: 15px;
		cursor: pointer;
		border: 0;
		background: transparent;
		padding: 0;
	}

	.cost_popup_wrap > .close > span { 
		width: 3px; 
		height: 30px;
		background: #000;
		position: absolute; 
		top: 3px; 
		left: 16px; 
	}

	.cost_popup_wrap > .close > span:nth-child(1) { 
		transform: rotate(45deg); 
	}

	.cost_popup_wrap > .close > span:nth-child(2) {
		transform: rotate(-45deg); 
	}

	.notScroll {
		overflow: hidden;
		width: 100%;
		height: 100vh;
		touch-action:none;
	}

	.cust_name_2{position: relative; left:0; top: 0;}
	.cust_money_2{color: #000;}

	/*아래부터 보험 산출 클릭 시 나오는 모달창에 대한 css*/
	.form-set div span.phone_num{color: #aaa;color: #000;font-weight:bold;width: 150px;font-size: 18px;line-height: 37px;}
	#inputform_2{width: auto;}
	.form-set #cellverify_auth_code{border: none; width: 300px; border-bottom: 1px solid #ddd; height: 41px; box-sizing: border-box;display: block;}
	.form-set .inputform_2_inner{margin: 0; border-bottom: none; display: block;}
	.form-set .not_form_div{margin: 0; border-bottom: none;}
	.form-set .dflex{display: flex; justify-content: center; align-items: center;}
	
	.form-set #input_screen{background-color: #555;}
	.form-set .inputform_2_space{margin-top: 20px; margin-bottom: 40px; border: none; display: block;}
	input#cellverify_auth_code{font-size: 15px;}
	
	.form-set #input_screen, .form-set #send_data, 	.form-set #input_screen, .form-set #send_data_price{height: 41px; width: 85px;border:none; cursor:pointer; background: var(--brandColor); color: #fff; font-size: 16px; padding: 5px; box-sizing: border-box; font-family: 'Pretendard'; line-height: 1px;}
	#re_send_date{height: 41px; width: 85px;border:none; cursor:pointer; background: #333; color: #fff; font-size: 16px; padding: 5px; box-sizing: border-box; font-family: 'Pretendard' ;border-bottom: none !important; line-height: 1px; }

	.cost_popup_wrap_title{font-family: 'Pretendard'; font-weight: bold; width: 100%; background: #eee; position: absolute; left: 0; top: 0; padding-left: 30px; box-sizing: border-box; height: 60px; line-height: 61px; font-size: 18px;}

	.phone_num{display: block;}
	.num_check{border: none !important; display: flex; justify-content: space-between;}

	.form-set .phone_num_sub{display: block ; width: 100%; line-height: 1; margin-bottom: 20px; color: #888; font-size: 16px;}
	.form-set #mobile1_num_check{width: 90px; border: 0; border-bottom: 1px solid #ddd;}
	.form-set #mobile2_num_check{width: 210px; border: 0; border-bottom: 1px solid #ddd;}
	.form-set .form-check{color: #222;margin-top: 1px;border: none;border-bottom: 1px solid  #ddd;background: none;font-family:'Pretendard';vertical-align: top;width: 64px;font-weight: bold;outline: none;border-radius: 0; padding: 7px 0; font-size: 14px; height: 40px;}

	#mobile1_num_check{color: #000 !important; font-size: 15px;}
	#mobile2_num_check{color: #000 !important; font-size: 15px;}
