/*---------------------------- sub_02_4 2023-03-27 csh ----------------------------*/
.wi-30p {width: 30%}
.wi-2 {width: 2px}
.wi-100p {width: 100%}
.p-20 {padding: 20px}

.ml-40 {margin-left: 40px}
.ml-30 {margin-left: 30px}
.ml-16 {margin-left: 16px}
.ml-10 {margin-left: 10px}

.mt-35 {margin-top: 35px}
.mt-20 {margin-top: 20px}
.mt-16 {margin-top: 16px !important}
.mt-10 {margin-top: 10px}
.mt-05 {margin-top: 5px}

.mb-20 {margin-bottom: 20px}

.dp-ib {display: inline-block}
.dp-f {display: flex; align-items: center}
.dp-f-1 {display: flex; align-items: center; justify-content: center; }
.dp-f-2 {display: flex; align-items: center; justify-content: space-around; }
.dp-f-3 {display: flex; align-items: center; justify-content: space-between; }
.dp-f-4 {display: flex; align-items: center; justify-content: space-evenly; }
.dp-f-5 {display: flex; align-items: center; flex-direction: column;}

.f-items-start {align-items: flex-start !important}
.fw-warp {flex-wrap: wrap}

.lhi-39 {line-height: 39px }
.lhi-37 {line-height: 37px}
.lhi-33 {line-height: 33px}
.lhi-32 {line-height: 32px}
.lhi-30 {line-height: 30px}
.lhi-27 {line-height: 27px}

.hi-80 {height: 80px}

.f26 {font-size: 1.625em} 
.f25 {font-size: 1.563em} 
.f22 {font-size: 1.375em} 
.f21 {font-size: 1.313em} 
.f20 {font-size: 1.250em} 
.f18 {font-size: 1.125em} 
.f16 {font-size: 1em} 

.fc_gray1 {color: #7A7A7A}
.fc_primary1 {color: #BC131C}
.txt-center {text-align: center}

.fw7 {font-weight: 700}

.pointer {cursor: pointer}

.ofh{overflow: hidden !important;}


.cont1 {letter-spacing: -0.02em; font-family: 'Noto Sans KR'; width: 100%; background: #EDEDED; padding: 50px 100px 100px 100px; align-content:center ; background-color: #FAFAFA;}
.info1, .info2, .info3, .info4, .info5 {display: flex; flex-direction: column;}

.sub02_4_wrap .info1 .title {margin: 0 auto -25px; background: #444444; z-index: 1; padding: 12px 30px; border-radius: 8px; color: #fff; font-weight: 700;}
.sub02_4_wrap .info1 .content {background: #FFFFFF; box-shadow: 0px 4px 16px 10px rgba(0, 0, 0, 0.03); border-radius: 16px; padding: 75px 0 50px;line-height:1.4;word-break:keep-all}

.sub02_4_wrap .info2 .title {margin: 0 auto -25px; background: #444444; z-index: 1; padding: 12px 30px; border-radius: 8px; color: #fff; font-weight: 700;}
.sub02_4_wrap .info2 .content {background: #FFFFFF; box-shadow: 0px 4px 16px 10px rgba(0, 0, 0, 0.03); border-radius: 16px; padding: 75px 86px 60px}
.sub02_4_wrap .info4 .sub2 {width: 96%; background: #F2F2F2; border-radius: 8px; margin-top: 30px; line-height: 24px; padding: 10px}

.sub02_4_wrap .info3 .title {margin: 0 auto -25px; background: #444444; z-index: 1; padding: 12px 30px; border-radius: 8px; color: #fff; font-weight: 700;}
.sub02_4_wrap .info3 .content {background: #FFFFFF; box-shadow: 0px 4px 16px 10px rgba(0, 0, 0, 0.03); border-radius: 16px; padding: 75px 86px 60px}

.sub02_4_wrap .info4 .title {margin: 0 auto -25px; background: #444444; z-index: 1; padding: 12px 30px; border-radius: 8px; color: #fff; font-weight: 700;}
.sub02_4_wrap .info4 .content {background: #FFFFFF; box-shadow: 0px 4px 16px 10px rgba(0, 0, 0, 0.03); border-radius: 16px; padding: 55px 86px 60px}

.sub02_4_wrap .info5 .title {margin: 0 auto -25px; background: #444444; z-index: 1; padding: 12px 30px; border-radius: 8px; color: #fff; font-weight: 700;}
.sub02_4_wrap .info5 .content {background: #FFFFFF; box-shadow: 0px 4px 16px 10px rgba(0, 0, 0, 0.03); border-radius: 16px; padding: 75px 86px 60px}

.sub02_4_wrap .info5 .step {padding: 9px 24px; gap: 10px; background: #E2E2E2; border-radius: 100px; line-height: 26px;}
.sub02_4_wrap .info5 .sub1 {border: 1px solid #CCCCCC; border-radius: 16px; padding: 24px 25px; margin-top: 9px; }

.sub02_4_wrap .red_btn {padding: 10px 20px; background: #BC131C; color: #fff; border-radius: 48px; min-width: 150px}
.sub02_4_wrap .red_btn2 {padding: 5px 10px; background: #BC131C; color: #fff; border-radius: 48px; display: inline-block; font-size: 80%}
.sub02_4_wrap .red_btn3 {color: #BC131C; display: inline-block; margin-left: 10px; font-size: 110%; text-decoration: underline; text-underline-offset: 5px }
.sub02_4_wrap .big_btn {width:100%; background: #BC131C; padding: 23px 0; color: #fff;}

@media (min-width: 960px){

	.mobile {display: none}
	.pc {display: unset}

	.info2, .info3, .info4, .info5 {margin-top: 108px;}

	.sub02_4_wrap .info4 .sub1 {border: 1px solid #E3E3E3; border-radius: 11px; max-width:32%; margin-top: 20px}
	.sub02_4_wrap .info5 .arrow1 {width: 103px; justify-content: center; margin: 6px 0}
	.sub02_4_wrap .info5 .sub1 .text1 {min-width: 2.5em; line-height: 26px;}
	.sub02_4_wrap .info5 .sub1 .text2 {padding-left: 15px; margin-left: 15px; border-left: 1px solid #ccc; }
	.sub02_4_wrap .info5 .sub1 .text3 {width: 340px}

}
@media (min-width: 960px) and (max-width: 1200px) {

	.f26 {font-size: 1.375em} 
	.f25 {font-size: 1.328em} 
	.f22 {font-size: 1.125em} 
	.f21 {font-size: 1.1em} 
	.f20 {font-size: 1.063em} 
	.f18 {font-size: 0.938em} 
	.f16 {font-size: 0.8em}

	.sub02_4_wrap .info2 .content, .sub02_4_wrap .info3 .content, .sub02_4_wrap .info4 .content, .sub02_4_wrap .info5 .content {padding: 50px 20px 30px}
	
	.sub02_4_wrap .info5 .sub1 {border: 1px solid #CCCCCC; border-radius: 16px; padding: 15px; margin-top: 9px; }
	.sub02_4_wrap .info5 .arrow1 {width: 80px !important}
	
}

@media (min-width: 1px) and (max-width: 959px) {

	.pc {display: none}
	.mobile {display: unset}

	.f26 {font-size: 1.625em} 
	.f25 {font-size: 1.563em} 
	.f22 {font-size: 1.375em} 
	.f21 {font-size: 1.313em} 
	.f20 {font-size: 1.250em} 
	.f18 {font-size: 1.125em} 
	.f16 {font-size: 1em} 

	.dp-f-1 {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center}
	.dp-f-2 {display: flex; align-items: center; justify-content: space-around; flex-direction: column; text-align: center}

	.cont1 {padding: 50px 20px; margin: 0 auto}
	.info2, .info3, .info4, .info5 {margin-top: 60px;}
	
	.sub02_4_wrap .info1 .title {width: 100%; margin:0 auto -25px; border-radius: 8px 8px 0 0; text-align: center}
	.sub02_4_wrap .info1 .content {padding: 50px 16px 25px}

	.sub02_4_wrap .info2 .title {width: 100%; margin:0 auto -25px; border-radius: 8px 8px 0 0; text-align: center}
	.sub02_4_wrap .info2 .content {padding: 50px 10px 25px}
	.sub02_4_wrap .info2 .content img {height: 120px}
	.sub02_4_wrap .info2 .wi-30p {width:100%}

	.sub02_4_wrap .info3 .title {width: 100%; margin:0 auto -25px; border-radius: 8px 8px 0 0; text-align: center}
	.sub02_4_wrap .info3 .content {padding: 50px 10px 25px}
	.sub02_4_wrap .info2 .content img {height: 120px}
	.sub02_4_wrap .info3 .wi-30p {width:100%}

	.sub02_4_wrap .info4 .title {width: 100%; margin:0 auto -25px; border-radius: 8px 8px 0 0; text-align: center}
	.sub02_4_wrap .info4 .content {padding: 30px 0 25px}
	.sub02_4_wrap .info4 .content img {width: 100%}
	.sub02_4_wrap .info4 .sub1 {border: 1px solid #E3E3E3; border-radius: 11px; max-width:90%; margin-top: 20px}

	.sub02_4_wrap .info5 .title {width: 100%; margin:0 auto -25px; border-radius: 8px 8px 0 0; text-align: center}
	.sub02_4_wrap .info5 .content {text-align: center; padding: 50px 10px 25px}
	.sub02_4_wrap .info5 .sub1 .text2 {width:90%; margin: 16px 0; border-top: 1px solid #ccc ; }
	.sub02_4_wrap .info5 .step {padding: 6px 16px; }
}