.txt_red{color:#e84141 !important;}

.naesin .header{position:fixed; top:0; left:0; z-index:999; width:100%; height:90px; border-bottom:1px solid #d7d7d7; background:#fff; z-index:9999;}
.naesin .header .inner{width:100%; height:100%; max-width:1580px; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.naesin .header h1 img{height:50px;}
.naesin .header .logo{}
.naesin .header .logo img{max-height:45px; max-width:200px;}
.naesin .header p{margin-top:4px; font-size:18px; color:#000000; text-align:left; font-family:'EsaManru',sans-serif; font-weight:300;}
.naesin .header p span{display:block; font-size:13px; color:#8d8d8d;}
.naesin .header p span em{font-size:15px;}


@media screen and (max-width:1580px){ 
	.naesin .header .inner{width:92%;}
}

@media screen and (max-width:1023px){
	.naesin .header{position:fixed; height:70px; background:#fff;}
	.naesin .header h1 img{max-height:35px; width:auto;}	
	.naesin .header .logo img{max-height:40px;}
	.naesin .header p{font-size:16px;}
	.naesin .header p span{font-size:12px;}
	.naesin .header p span em{font-size:14px;}
}

@media screen and (max-width:767px){ 
	.naesin .header .inner{width:94%;}	 
	.naesin .header .menu{right:3%;}
	.naesin .header h1 img{max-height:30px;}
	.naesin .header .logo img{max-height:35px; max-width:130px;}
	.naesin .header p{font-size:14px;}
	.naesin .header p span{font-size:10px;}
	.naesin .header p span em{font-size:13px;}
}

@media screen and (max-width:320px){	
	.header .logo img{max-height:110px;}
}


.naesin{position:relative; width:100%; min-height:100vh; background:#f2f2f2;}
.naesin_container{max-width:1200px; margin:0 auto; padding:125px 0 50px;}
.naesin_contents{min-height:100px; border-radius:10px; border:1px solid #dcdcdc; background:#fff;}
.naesin_contents + .naesin_contents{margin-top:10px;}
.naesin .title_wrap{padding:50px 0 45px; text-align:center;}
.naesin .title_wrap h2{font-size:40px; font-weight:300; line-height:1; font-family:'EsaManru'}
.naesin .title_wrap h2 span{display:inline-block; position:relative; z-index:1;}
.naesin .title_wrap h2 span:after{content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:100%; height:16px; background:#dff3ff; z-index:-1;}
.naesin .title_wrap h2 strong{position:relative; font-weight:500; z-index:1;}
.naesin .title_wrap h2 em{position:relative; z-index:1; font-weight:100}
.naesin .title_wrap h2 strong:after,
.naesin .title_wrap h2 em:after{content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:100%; height:12px; background:#dff3ff; z-index:-1; display:none;}
.naesin .title_wrap .btn_area{margin-top:25px; display:flex; justify-content:center; gap:10px; }
.naesin .title_wrap .btn_area .btn{display:flex; justify-content:space-between; align-items:center;padding:0 5px 0 25px; width:170px; height:38px; font-size:15px; color:#000000; background:#fff; border-radius:38px; border:1px solid #dcdcdc;}
.naesin .title_wrap .btn_area .btn span{position:relative; display:block; width:28px; height:28px; border-radius:50%; background:#e9e9e9;}
.naesin .title_wrap .btn_area .btn span:before{content:''; position:absolute; left:50%; top:50%; background:#4c4c4c;}
.naesin .title_wrap .btn_area .btn span:after{content:''; position:absolute; left:50%; top:50%; background:#4c4c4c; }
.naesin .title_wrap .btn_area .btn_back span:before{transform:translate(-50%,-50%) rotate(-40deg); margin-top:-4px; width:12px; height:1px; transform-origin:bottom;}
.naesin .title_wrap .btn_area .btn_back span:after{transform:translate(-50%,-50%) rotate(40deg); margin-top:4px; width:12px; height:1px; transform-origin:top;}
.naesin .title_wrap .btn_area .btn_caution span:before{transform:translate(-50%,-50%) rotate(-45deg); margin-top:-2px; height:11px; width:1px; transform-origin:bottom;}
.naesin .title_wrap .btn_area .btn_caution span:after{transform:translate(-50%,-50%) rotate(45deg); margin-top:-2px; height:12px; width:1px; transform-origin:bottom;}	 
.naesin .title_wrap .btn_area .btn:hover{font-weight:800; color:#fff; text-decoration:underline; text-underline-offset:4px; border:1px solid #0075bc; background:#0075bc; transition:0.2s;}
.naesin .title_wrap .btn_area .btn:hover span{background:#fff;}
.naesin .title_wrap .btn_area .btn:hover span:before,
.naesin .title_wrap .btn_area .btn:hover span:after{background:#0075bc;}		   

.naesin .info_wrap{padding:30px 45px;}
.naesin h2.h2_tit{position:relative; margin-top:56px; padding-left:35px; padding-bottom:25px; margin-bottom:33px; font-size:17px; color:#272727; font-weight:700; border-bottom:1px solid #000000;}
.naesin h2.h2_tit:before{content:''; position:absolute; top:-3px; left:0; width:23px; height:23px; background:url("../csapp/img/tit_add.png")no-repeat; background-size:100% auto;}
.naesin h2.h2_tit:first-child{margin-top:0;}
.naesin .list_box{padding:0 25px 0 38px;}
.naesin .list_box dl{position:relative; display:flex; align-items:baseline; flex-wrap:wrap; font-size:16px; color:#000000; font-weight:300;}
.naesin .list_box dl:before{content:''; position:absolute; top:5px; left:-25px; display:block; width:11px; height:10px; background:url("../csapp/img/li_add.png")no-repeat; background-size:100% auto;}
.naesin .list_box dl + dl{margin-top:30px;}
.naesin .list_box dl dt{position:relative; display:flex; align-items:center; width:125px; color:#0075bc; font-weight:700; line-height:1.3; flex:none;}	   
.naesin .list_box dl dd{width:calc(100% - 125px); line-height:1.3;}
.naesin .info_box{margin-top:35px; padding:35px 38px 45px; background:#f9f9f9; border-radius:0 0 20px 20px; font-size:14px; word-break:keep-all;}
.naesin .info_box dl dt{margin-bottom:15px; font-size:16px; color:#000000;}
.naesin .info_box dl dd{position:relative; padding-left:14px; font-weight:300; line-height:1.3;}
.naesin .info_box dl dd:before{content:''; position:absolute; top:7px; left:2px; width:3px; height:3px; border-radius:3px; background:#000;}
.naesin .info_box dl dd + dd{margin-top:5px;}
.naesin .info_box dl + p{margin-top:20px;}
.naesin .info_box .info_txt{padding-left:18px; text-indent:-18px; line-height:1.3;}	  
.naesin .result_box{display:flex; gap:11px; flex-wrap:wrap;}
.naesin .result_box .result{display:flex; align-items:center; justify-content:space-between; gap:0 20px; padding:15px 30px 15px 22px; width:calc(100%/2 - 11px/2); min-height:50px; background:#29a4ee; border-radius:10px; font-size:15px; color:#fff; font-weight:700;}
.naesin .result_box .result .tit{line-height:1.3;}
.naesin .result_box .result .num{font-size:20px; font-weight:900;}

.naesin .footer{margin:0 auto; padding:40px 0 0; text-align:center;}								 
.naesin .footer p{font-size:14px; color:#8b8b8b; line-height:1.4;}


@media screen and (max-width:1200px){ 
	.naesin_container{width:700px; max-width:94%;}
	.naesin .info_wrap{padding:30px 35px;}
	.naesin .list_box dl{gap:10px 0;}
	.naesin .list_box dl:before{top:4px;}
	.naesin .list_box dl dt{width:100%;}
	.naesin .list_box dl dd{width:100%;}
	.naesin .result_box .result{width:100%;}	  
}

@media screen and (max-width:1023px){ 
	.naesin_container{padding:100px 0 40px;}

}
@media screen and (max-width:767px){ 
	.naesin_container{padding:90px 0 40px;}
	.naesin .title_wrap{padding:40px 20px 35px;}
	.naesin .title_wrap h2 span:after{bottom:-3px; height:12px;}
	.naesin .title_wrap h2{font-size:33px;}
	.naesin .title_wrap .btn_area{margin-top:20px;}
	.naesin .title_wrap .btn_area .btn{height:33px; padding-left:20px; width:150px; font-size:14px;}
	.naesin .title_wrap .btn_area .btn span{width:23px; height:23px;}		
	.naesin .title_wrap .btn_area .btn_back span:before{margin-top:-3px; width:9px; height:1px;}
	.naesin .title_wrap .btn_area .btn_back span:after{margin-top:3px; width:9px; height:1px;}
	.naesin .title_wrap .btn_area .btn_caution span:before{margin-top:-1px; height:8px; width:1px;}
	.naesin .title_wrap .btn_area .btn_caution span:after{margin-top:-1px; height:9px; width:1px;}

	.naesin .info_wrap{padding:30px 20px;}
	.naesin h2.h2_tit{margin-top:45px; padding-left:30px; padding-bottom:15px; margin-bottom:23px; font-size:15px;}
	.naesin h2.h2_tit:before{top:-2px; width:20px; height:20px;}
	.naesin .list_box{padding:0 15px 0 30px;}
	.naesin .list_box dl{font-size:14px;}
	.naesin .list_box dl:before{left:-20px; top:2px; width:9px; height:8px;}		   
	.naesin .info_box{margin-top:25px; padding:25px 28px 35px; font-size:12px;}
	.naesin .info_box dl dt{font-size:14px;}
	.naesin .info_box dl dd:before{top:6px; width:2px; height:2px;}
	.naesin .info_box .info_txt{padding-left:15px; text-indent:-15px;}
	.naesin .info_box dl + p{margin-top:15px;}
	.naesin .result_box{gap:6px;}
	.naesin .result_box .result{padding:10px 25px 10px 17px; min-height:45px; font-size:13px;}
	.naesin .result_box .result .num{font-size:17px;}

	.naesin .footer{padding:30px 0 0;}								 
	.naesin .footer p{font-size:12px; letter-spacing:-1px;}
	.naesin .footer .copy{display:block;}		
}


@media screen and (max-width:390px){ 
	.naesin .title_wrap{padding:30px 20px 25px;}
	.naesin .title_wrap h2{font-size:26px;}
	/* .naesin .title_wrap h2 strong{margin-top:10px; display:block;}
	.naesin .title_wrap h2 span:after{display:none;}
	.naesin .title_wrap h2 strong:after,
	.naesin .title_wrap h2 em:after{display:block;} */
	.naesin .title_wrap .btn_area{gap:5px;}
	.naesin .title_wrap .btn_area .btn{padding-left:15px; max-width:50%; font-size:12px;}
}

@media screen and (max-width:320px){ 
	.naesin .footer p{font-size:11px;}
	.naesin .title_wrap h2 strong{margin-top:5px; display:block;}
	.naesin .title_wrap h2 span:after{display:none;}
	.naesin .title_wrap h2 strong:after,
	.naesin .title_wrap h2 em:after{display:block;}
}