.inp, .select {display:flex; position:relative; width:100%; transition: all 0.4s;}
.inp_com {display:flex; width:100%; border-radius:0.8rem; align-items:center; border:1px solid #f5f5f5; background:#f5f5f5}
.inp_com.read_disabled {border:1px solid #ddd; background:#ddd;}
.inp_com.no_bg {border:1px solid transparent; background:transparent;}
.inp.focus, .inp_el.focus {transition: all 0.4s; border:1px solid #009591;}
.inp_com.read_disabled.focus {transition: all 0.4s; border:1px solid #ddd;}

.inp_com .has_el {padding-right:0.8rem;}
.inp_com span.el {position:relative; padding-right:1.4rem; font-size:1.6rem;}

.inp_pw input {flex:none; width:5.2rem; padding-right:0}

.val_del {display:none; width:2rem; height:2rem; margin-right:1.4rem; text-indent:-9999px; background:url(../img/icon/icon-delete-gray-20-px.svg) center center no-repeat; background-size:2rem;}
.inp_com .el .val_del {margin-right:0.8rem;}
input:read-only + .val_del {display: none !important;}
input.datepicker + .val_del {display: none !important;}



#content{
	padding:6rem 0;
	background-color:#F6F7FB;
}
#content.type2{
	padding:20rem 0 10rem;
}
.custom_form_box{
	background-color:#ffffff;
}

.custom_head{
	display:flex;
	justify-content:center;
}
.custom_head h1{
	max-width:19.6rem;
}
.custom_head h2{
	font-size:3.6rem;
	font-weight:700;
	color:#000000;
}
.custom_form_box{
	padding:4rem 5rem 9rem;
	border-radius:2rem;
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
}

.form_para{
	font-size:1.6rem;
	font-weight:400;
	color:#666666;
	line-height:1;
}
.custom_inner{
	width:100%;
	margin:0 auto;
	max-width:77rem;
}
.check_change_wrap{
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
	gap:6.4rem;
}
.check_change_wrap p{
	font-size:1.6rem;
	color:#333333;
	font-weight:400;
	line-height:1.3;
}
.check_change_wrap button{
	border:1px solid #D9422C;
	width:11rem;
	border-radius:0.6rem;
	height:3.6rem;
	display:flex;
	align-items:center;
	justify-content:center;
}
.check_change_wrap button span{
	line-height:1;
	font-size:1.6rem;
	font-weight:600;
	color:#D9422C;
}
.form_ul{
margin-top:5rem;
	border-top:1px solid #575756;
	border-bottom:1px solid #E3E3E3;
}
.form_ul.type2{
	margin-top:2rem;
}
.form_ul ul{
	display:flex;
	flex-direction:column;
}
.form_ul ul li:not(:last-of-type){
	border-bottom:1px dashed #E3E3E3;
}

.small_form_wrap{
	padding: 2rem 0;
	display:flex;
	align-items:center;
}

.small_form_wrap > div:first-of-type{
	width:100%;
	max-width:8rem;
	position:relative;
}
.small_form_wrap > div:first-of-type::after{
	content:'';
	display:block;
	width:2px;
	height:2rem;
	background-color:#D9422C;
	position:absolute;
	right:0;
	top:50%;
	transform:translate(50%,-50%);
}
.small_form_wrap > div:first-of-type strong{
	font-size:1.6rem;
	font-weight:600;
	color:#333333;
}
.small_form_wrap > div:first-of-type strong span{
	color:#FC442A;
}
.small_form_wrap > div:last-of-type{
	flex:1;
	margin-left:2rem;
}


.big_form_wrap{
	display:flex;
	flex-direction:column;
	padding: 2rem 0;
	gap:4rem;
}
.big_form_wrap.type2{
		gap:1rem;
}
.big_form_wrap.type3{
	gap:0;
}
.big_form_wrap.type3 > div:not(:first-of-type){
	margin-top:2rem;
}
.big_form_wrap .small_form_wrap{
	padding:0;
}
.custom_check_fl{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:4rem;
	gap:0.5rem;
}
.custom_check_fl .custom_pop{
	font-size:1.7rem; color:#666666;
	font-weight:400;
}
.custom_btn_wrap{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:4rem;
}
.custom_btn_wrap button + button{
	margin-left:2rem;
}
.custom_btn_wrap .custom_btn{
	width:100%;
	border-radius:0.6rem;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#ffffff;
	font-weight:700;
	font-size:2.2rem;
	line-height:1;
	padding:1.5rem 0;
	background-color:#D9422C;
}
.custom_btn_wrap .custom_btn.type2{
	color:#333333;
	border:1px solid #575756;
	background-color:#ffffff;
}

.re_para{
	font-size:1.4rem;
	font-weight:400;
	color:#666666;
	line-height:1;
}
.rere_para{
	font-size:1.6rem;
	font-weight:500;
	color:#333333;
	line-height:1.3;
	text-align:center;
}


.post_address > div {margin-top: 0.5rem;}
.post_address .address_with {display:flex; margin-top: 0;}
.post_address .address_with button {min-width:110px; margin-left:1rem; border-radius:0.6rem; display:flex; align-items:center; justify-content:center; font-size:1.6rem; font-weight:600; color:#D9422C; border:1px solid #D9422C;}

.post_address2{
	display:flex;
	align-items:center;
	gap:1rem;
}
.post_address2 > div{
	flex:1;
}

.check_culumm {display:flex;flex-wrap:wrap;gap:1.6rem 2.2rem;}
.check_culumm .d_check  ~ .d_check{ margin-left:0;}

.d_check {position:relative; display:inline-block;}
.d_check ~ .d_check {margin-left: 1.2rem;}
.d_check label {display:flex; height:2.2rem; align-items:center; padding:0 0 0 2.8rem; font-size:1.6rem; font-weight:400; color:#333333; background:url('/img/content/icon-check-off.svg') left center / 2.2rem no-repeat;}

.d_check label.str {color:#111; font-weight:600; font-size: 1.6rem;}
.d_check input:checked + label {background:url('/img/content/icon-check-on.svg') left center / 2.2rem no-repeat;}
.d_check input:disabled + label {color:#767676; background:url(../img/content/com-check-dis-24.svg) left center / 2.4rem no-repeat;}
.d_check.arr {display: block; background:url(../img/content/icon-arrow-right-c-0-d-9-d-9-12-px.svg) right center / 1.2rem no-repeat;}

.d_radio {display:inline-block;}

.radio_culumm {display:flex;flex-wrap:wrap;gap:1.6rem 1.2rem;}
.radio_culumm .d_radio  ~ .d_radio{ margin-left:0;}


.d_radio ~ .d_radio {margin-left: 1.2rem;}
.d_radio label {display:flex; height:2.2rem; align-items:center; padding:0 0 0 2.8rem; font-size:1.6rem; color:#333333; background: url('/img/content/icon-radio-check-all-off-24-px.svg') left center / 2rem no-repeat;}
.d_radio.br label br{
	display:none;
}
.d_radio.check input + label {background:url('/img/content/icon-radio-check-all-on-24-px.svg') left center / 2rem no-repeat;}
.d_radio.check input:checked + label {color:#009591; font-weight:600; background:url(../img/icon/icon-check-all-select-24-px.svg) left center / 2rem no-repeat;}
.d_radio input:checked + label {background: url('/img/content/icon-radio-check-all-on-24-px.svg') left center / 2rem no-repeat;}




.custom_success_box{
	display:flex;
	flex-direction:column;
	position:fixed;
	left:50%;
	top:50%;
	width:100%;
	transform:translate(-50%,-50%);
}
.custom_success_box > div{
	display:flex;
	justify-content:center;
}
.custom_success_box > div:nth-of-type(2){
	margin-top:5rem;
}
.custom_success_box > div:nth-of-type(2) strong{
	font-size:5rem;
	font-weight:500;
	color:#333333;
	line-height:1.3;
	text-align:center;
}
.custom_success_box > div:nth-of-type(2) strong span{
	font-weight:700;
}
.custom_success_box > div:nth-of-type(3){
	margin-top:4rem;
}
.custom_success_box > div:nth-of-type(3) p{
	font-size:3.6rem;
	color:#333333;
	font-weight:400;
}










@media screen and (max-width:768px){
#content{
	padding:3rem 0;
}
#content.type2 {
    padding: 15rem 0 5rem;
}
.custom_form_box {
	padding: 4rem 2rem 9rem;
    border-radius: 2rem;
}
	.custom_inner{
		padding:0 2rem;
	}
.custom_head h1{
	max-width:30rem;
}
.custom_head h2{
	font-size:2.6rem;
}

.check_change_wrap{
margin-top:2rem;
	justify-content:space-between;
	gap:1rem;
}
.check_change_wrap p{
	font-size:1.5rem;
}
.check_change_wrap p span{
	display:block;
	padding-left:0.5rem;
}
	.form_ul {
    margin-top: 4rem;
	}

	.small_form_wrap {
		padding: 1.2rem 0;
		flex-direction:column;
		align-items:flex-start;
		gap:1rem;
	}

	.small_form_wrap > div:first-of-type {
		max-width: unset;
		width:100%;
	}
	.small_form_wrap > div:first-of-type strong {
    font-size: 1.5rem;
	}
	.small_form_wrap > div:first-of-type::after {
   display:none;
	}
	.small_form_wrap > div:last-of-type {
		margin-left: 0;
		width:100%;
	}

	.d_radio label {
    height: 2.2rem;
    padding: 0 0 0 2.4rem;
    font-size: 1.5rem;
    background: url('/img/content/icon-radio-check-all-off-24-px.svg') left center / 1.6rem no-repeat;
	}
	.d_radio input:checked + label {
    background: url('/img/content/icon-radio-check-all-on-24-px.svg') left center /1.6rem no-repeat;
}
	.d_radio.br label{
		height:auto;
}
	.d_radio.br label br{
		display:block;
}

	.custom_form_box .select_box > p {
		height: 3.8rem;
		line-height: 3.8rem;
		font-size: 1.5rem;
		padding-left: 0.6rem;
		border-radius: 0.4rem;
		background: #ffffff url('/img/content/icon-arrow-down-18-px.svg') right 1rem center / 2rem no-repeat;
	}

	.check_culumm{
		gap: 1rem 1.6rem;
	}

	   .radio_culumm {
        gap: 1rem 1.6rem;
    }

	.d_check label {
		height: 2.2rem;
		padding: 0 0 0 2.4rem;
		font-size: 1.5rem;
		background: url('/img/content/icon-check-off.svg') left center / 1.6rem no-repeat;
	}

	.d_check input:checked + label {
		background: url(/img/content/icon-check-on.svg) left center / 1.6rem no-repeat;
	}


.custom_check_fl > span:first-of-type{
	width:calc(100% - 5rem);
}

.custom_check_fl .custom_pop {
    font-size: 1.5rem;
}

.rere_para{
	font-size:1.4rem;
	word-break:keep-all;
}

	.post_address .address_with button {
    min-width: 90px;
    margin-left: 1rem;
    border-radius: 0.4rem;
    font-size: 1.5rem;
}


.form_para {
    font-size: 1.5rem;
}

	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="search"] {
		font-size: 1.5rem;
		padding: 0 1rem;
		border-radius: 0.4rem;
	}
	::-webkit-input-placeholder {font-size:1.5rem;}

	select {
    padding: 0 3.4rem 0 1rem;
    font-size: 1.5rem;
    border-radius: 0.4rem;
    background: #ffffff url('/img/content/icon-arrow-down-18-px.svg') right 1.4rem center / 2rem no-repeat;
}

textarea{
	 font-size:1.5rem; padding:1rem;  border-radius:0.4rem; 
}
textarea:focus {padding:1rem 1.2rem; color:#111;}

.custom_check_fl {
    margin-top: 4rem;
    gap: 0.5rem;
}



.custom_btn_wrap .custom_btn {
    border-radius: 0.4rem;
    font-size: 1.6rem;
    padding: 1.2rem 0;
}
.custom_btn_wrap button + button {
    margin-left: 1rem;
}



.custom_success_box > div:nth-of-type(1) i{
	width:10rem;
}
.custom_success_box > div:nth-of-type(2){
	margin-top:3rem;
}
.custom_success_box > div:nth-of-type(2) strong{
	font-size:3.8rem;
}
.custom_success_box > div:nth-of-type(3){
	margin-top:2rem;
}
.custom_success_box > div:nth-of-type(3) p{
	font-size:2.6rem;
}
.select_box > .select_sub_box > ul > li{
	padding: 0.8rem 1.2rem;
}

}
 @media screen and (max-width:470px){

.custom_head h1{
	max-width:20rem;
}
.form_ul {
        margin-top: 2rem;
    }
}
/* @media screen and (max-width:470px){

	.custom_head h1{
		max-width:10rem;
}

	.form_ul {
    margin-top: 3rem;
	}

	.small_form_wrap {
		padding: 1rem 0;
		gap:1rem;
	}
	.small_form_wrap > div:first-of-type {
		max-width: 6rem;
	}
	.small_form_wrap > div:first-of-type strong {
    font-size: 1.2rem;
	}
	.small_form_wrap > div:first-of-type::after {
    width: 1px;
    height: 1.2rem;
	}

	.d_radio label {
    height: 1.8rem;
    padding: 0 0 0 1.8rem;
    font-size: 1.2rem;
    background: url('/img/content/icon-radio-check-all-off-24-px.svg') left center / 1.4rem no-repeat;
	}
	.d_radio input:checked + label {
    background: url('/img/content/icon-radio-check-all-on-24-px.svg') left center /1.4rem no-repeat;
}

	.custom_form_box .select_box > p {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.2rem;
		padding-left: 0.4rem;
		background: #ffffff url('/img/content/icon-arrow-down-18-px.svg') right 1rem center / 1.4rem no-repeat;
	}
	.big_form_wrap {
    padding: 1rem 0;
    gap: 2rem;
}

	.check_culumm{
		gap: 0.6rem 1rem;
	}

	.d_check label {
		height: 1.8rem;
		padding: 0 0 0 1.8rem;
		font-size: 1.2rem;
		background: url('/img/content/icon-check-off.svg') left center / 1.4rem no-repeat;
	}
	.d_check input:checked + label {
		background: url('/img/content/icon-check-on.svg') left center / 1.4rem no-repeat;
	}


.custom_check_fl > span:first-of-type{
	width:calc(100% - 5rem);
}

.custom_check_fl .custom_pop {
    font-size: 1.2rem;
}



	.post_address .address_with button {
    min-width: 80px;
    margin-left: 0.8rem;
    font-size: 1.2rem;
}


.form_para {
    font-size: 1.2rem;
}

	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="search"] {
		height: 3rem;
		font-size: 1.2rem;
		padding: 0 1rem;
	}
	::-webkit-input-placeholder {font-size:1.2rem;}

	select {
    height: 3rem;
    padding: 0 3.4rem 0 1rem;
    font-size: 1.2rem;
    background: #ffffff url('/img/content/icon-arrow-down-18-px.svg') right 1.4rem center / 2rem no-repeat;
}

.custom_check_fl {
    margin-top: 2rem;
    gap: 0.5rem;
}



.custom_btn_wrap .custom_btn {
    font-size: 1.4rem;
}


.custom_form_box .select_box > div.select_sub_box {
    top: 3rem;
}



.custom_success_box > div:nth-of-type(1) i{
	width:7.6rem;
}
.custom_success_box > div:nth-of-type(2){
	margin-top:2.4rem;
}
.custom_success_box > div:nth-of-type(2) strong{
	font-size:2.8rem;
}
.custom_success_box > div:nth-of-type(3){
	margin-top:1.4rem;
}
.custom_success_box > div:nth-of-type(3) p{
	font-size:1.8rem;
}
} */