.main_banner{margin-bottom:80px;width:100%;height:400px;background-color:black;}

.main_banner{position:relative;display:flex;align-items:center;justify-content:center;}
.main_banner .textCon{text-align:center;}
.main_banner .textCon .head{margin-bottom:20px;font-weight: 700;font-size: 32px;color:white;}
.main_banner .textCon .text{text-align:center;font-weight: 500;font-size: 18px;color:white;}
.main_banner .ani_scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50% , -50%);color:white;text-align:center;}
.main_banner .ani_scroll .text{margin-bottom:10px;font-size:14px;font-weight:500;}

.main_banner .ani_scroll .icon{animation: bounce 3s cubic-bezier(0.39, 0.38, 0.57, 1) infinite;}
.main_banner .ani_scroll i{font-size:20px;color:white;}

/* Index Title & Content */
.index_cont_con{padding:30px 0px 60px 0px;letter-spacing:-0.05em;}
.index_title{font-size:45px;font-weight:700;text-align:center;margin-bottom:40px;}
.index_cont{
	margin:0px auto;
	width:100%;
	max-width:890px;
	text-align:justify;
	line-height:1.8;
	font-size:24px;
	word-break:keep-all !important;
	overflow-wrap:break-word;
	white-space:normal;
}

.index_cont p{
	word-break:keep-all !important;
	line-height:1.6;
	word-break:keep-all;
	overflow-wrap:break-word;
	margin-bottom:40px;
}

/* Index Step */
.index_step_con{padding:60px 20px 50px 20px;background-color:#f8f9fa;letter-spacing:-0.05em;}
.index_step{margin:0px auto;width:100%;max-width:1020px;}
.index_step ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;}
.index_step li{flex:1;min-width:150px;background:#fff;border-radius:12px;padding:25px 15px 15px 15px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.3s ease;border:2px solid transparent;}
.index_step li:hover{transform:translateY(-8px);box-shadow:0 6px 20px rgba(0,34,68,0.2);background-color:#f0f8ff;border-color:#002244;}
.index_step .step_head{font-size:28px;font-weight:700;color:#002244;margin-bottom:15px;padding-bottom:12px;text-align:center;border-bottom:2px solid #e0e0e0;}

.index_step .step_subject{text-align:center;font-size:18px;font-weight:700;color:#6B4C9A;margin-top:15px;letter-spacing:-0.05em;line-height:1.2;}

.index_step .step_text{padding:20px 0px;font-size:18px;line-height:1.6;color:#555;text-align:center;word-break:keep-all;word-wrap:break-word;}
body.kr .index_step .step_text{line-height:1.8;}

.index_manual{padding:80px 0px 0px 0px;display:flex;justify-content:center;gap:20px;}
.index_manual .manual_btn{display:inline-flex;align-items:center;justify-content:center;font-size:21px;width:30%;height:70px;border-radius:35px;background-color:#002244;color:white;font-weight:600;}
.index_manual .manual_btn:hover{background-color:#9d9ca6;color:white;}
.index_manual .manual_btn.single{width:250px;}
.manual_btn i{margin-right:10px;}
.index_step_con .index_help{display:flex;align-items:center; color: #666; padding: 40px 15px 0 15px;}

.index_step_con .index_help div{margin-left:auto;}
 
/* Responsive */
@media (max-width:1080px){
    .index_step ul{flex-wrap:wrap;justify-content:center;}
    .index_step li{flex:0 1 calc(33.333% - 15px);max-width:300px;}
	
}
@media (max-width:780px){
	.index_step_con{margin-left:-10px;width:calc(100% + 20px);}
	.index_step_con .index_title{font-size:35px;}
    .index_step .step_head{font-size:22px;}
    .index_step .step_subject{font-size:16px;}
    .index_step .step_text{font-size:16px;}
	.index_step_con{padding:40px 5px 30px 5px}
}
@media (max-width:768px){
    .index_manual{align-items:center;padding:40px 0px 0px 0px;gap:10px;}
    .index_manual .manual_btn{width:180px;font-size:clamp(1.6rem, 2.5vw, 1.8rem);height:60px;}
	.index_manual .manual_btn i{display:none;}
    .index_manual .manual_btn.single{width:250px;}
	.index_step_con .index_help{padding:20px 0px 0px 0px;word-break:keep-all;}
}
@media (max-width:650px){
    .index_step ul{flex-wrap:wrap;justify-content:center;}
    .index_step li{flex:0 1 calc(50% - 15px);max-width:100%;}
	.index_step_con .index_title{margin-bottom:20px;font-size:28px;}
    .index_step .step_head{font-size:20px;}
    .index_step .step_subject{font-size:16px;}
    .index_step .step_text{font-size:15px;}
}
@media (max-width:900px){
	.index_title{font-size:38px;}
	.index_cont{font-size:22px;text-align:left;}
	
}
@media (max-width:768px){
	.index_title{font-size:32px;}
	.index_cont{font-size:20px;}
	.index_cont_con {
		padding: 10px 0px 40px 0px;
	}
	
}
@media (max-width:600px){
	.index_title{font-size:28px;}
	.index_cont{font-size:18px;}
}
@media (max-width:400px){
	.index_title{font-size:24px;}
	.index_cont{font-size:16px;}
	.index_manual {gap: 10px; }
}
@media (max-width:380px){
	.index_step_con{padding:20px 15px;}
    .index_step ul{display:block;}
    .index_step li{margin-bottom:10px;max-width:100%;}
	.index_step li{padding:10px 10px 5px 10px;}
	.index_step .step_text{padding:10px 0px;}
}