@charset "utf-8";
/*reset*/
@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot);
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.woff) format('woff'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Barun Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot);
    src: url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff) format('woff'),
         url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf) format('truetype');
}
html,body{margin:0;padding:0;font-family:'Nanum Barun Gothic', sans-serif;}
img{width:100%;}
input {margin-right:5px;}
label {font-size:20px;color:#565757;letter-spacing:-1px;}
em{font-style:normal;color:#3a3a3b;font-size:20px;}
.blind{display: block;position: absolute;left: 0; top: -9999em;}
.clearfix{zoom:1}
.clearfix:after{content:'';display:block;clear:both}
/*mobile-style*/
/*추가 내용 20260224*/
.container .cont_sub {
	display: flex !important;
	flex-direction: column-reverse !important; /* 신청폼을 위로 */
}

/* 1. 보험사 리스트 (2열씩 4줄 배치) */
.content ul {
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
    overflow: hidden !important; /* 내부 float 해제 */
}

.content ul li {
    float: left !important;
    width: 46% !important; /* 2열 정렬을 위한 너비 */
    margin: 2% !important;
    height: 180px !important; /* 박스 높이 통일로 깨짐 방지 */
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* 2. 리스트 뒤에 오는 요소들이 겹치지 않게 강제 분리 */
.content ul::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

/* 3. 필수안내사항 & 준법감시인 문구 영역 (겹침 방지 핵심) */
.container .cont_sub .content p, 
.container .cont_sub .content .li1[style*="background-color: #eaeaea"],
.container .cont_sub .content li:last-child {
    width: 100% !important;
    height: auto !important; /* 고정 높이 해제 */
    float: none !important;
    clear: both !important; /* 위쪽 float 요소들 밀어내기 */
    display: block !important;
    padding: 15px !important;
    margin: 10px 0 !important;
    background: transparent !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
    color: #444 !important;
    word-break: break-all !important; /* 긴 문장 줄바꿈 */
}

/* 4. 하단 이미지(content2, footer) 크기 제어 */
.content2 {
    width: 100% !important;
    padding: 10px !important;
    background: #fff !important;
}

.content2 ul {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important; /* float 자식들을 감싸기 위함 */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. 이미지 박스 3열 정렬 (한 줄에 3개씩) */
.content2 ul li {
    float: left !important;
    width: 33.33% !important; /* 3열 정렬을 위해 너비를 1/3로 설정 */
    padding: 5px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* 3. 이미지 크기 폭주 방지 */
.content2 ul li img {
    width: 100% !important; /* 부모인 li 너비에 맞춤 */
    max-width: 120px !important; /* 너무 커지지 않게 적당히 제한 */
    height: auto !important;
    display: inline-block !important;
}

/* 4. 리스트 끝난 후 레이아웃 깨짐 방지 */
.content2 ul::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

/*추가내용 끝*/

	*{box-sizing:border-box;}
	/* #wrap {max-width:700px;min-width:400px;} */
	#wrap {width: 100%;}
	.container{width:100%;background:#eaeaea;margin-top:-5px;padding-bottom:60px;}
	.content ul{width:100%;list-style:none;overflow:hidden;margin:0;padding:0;}
	.content ul li{float:left;margin:1.5%;width:47%;background:#fff;padding-left:2%;padding-right:2%;padding-bottom:2%;}
	/*.content ul li:last-child{padding:0;background:#eaeaea}*/

	.aside{background:#fcfcfc;padding:2.57%;border:1px solid #dedddd;margin-top:48px;}
	.aside .aside-con{text-align:center; width:100%;}
	.aside .aside-con img{width:70%;margin-bottom:-20px;}
	.aside .aside-con fieldset{border:0;width:100%}
	

	.aside .aside-con .notice {width:100%;margin:0 auto;margin-bottom:45px;color:#605955;}	
	.aside .aside-con .notice ul{color:#605955;width:100%;text-align:left;}
	.aside .aside-con .notice ul li{background:#fcfcfc;font-size:17px;color:#605955;letter-spacing:-1px;margin-top:15px;width:90%;}	
	
	input[type=text], input[type=tel], select{width:100%;border:1px solid #dbdada;padding:10px;color:#3a3a3b;font-size:1.2em;background:#fff;}
	label a {color:#ef7b1b;}
	.container .aside .aside-con p.btn{width: 100%;}
	.container .aside .aside-con button{margin:0 auto; font-size:30px;color:#fff;width:80%;height:50px;border-radius:16px;background-color:#ef7b1b;line-height:47px;border:0;margin-bottom:30px;}
   fieldset .ch {text-align:left;}
	.inform {width:100%;background:#dee8f5;border:3px solid #6089c0;display:none;position:absolute;/* top:95%; */top:10%;left:0;right:0;/* margin-top:700px; */}
	.inform .inform_header{width:100%;background:#dee8f5;position:relative;}
	.inform .inform_header h1{font-family:'Nanum Barun Gothic', sans-serif;font-size:18px;letter-spacing:-1px;color:#526e93;width:80%;margin:18px 10px;}
	.inform .inform_header a {position: absolute;top:0;right:17px;}
	.inform .inform_body{width:100%;background:#fcfcfc;}         
	.inform .inform_body .inform_con{margin:0;padding:0;}
	.inform .inform_body .inform_con ul {padding:5% 5%;}	
	.inform .inform_body .inform_con ul li{font-family:'Nanum Barun Gothic', sans-serif;font-size:17px;color:#686564;list-style:none;}
	.inform .inform_body .inform_con ul li.con_notice{color:#ca652e;margin:3px 0;}
	.inform .inform_body .inform_con p{font-family:'Nanum Barun Gothic', sans-serif;font-size:18px;color:#4a4b4b;padding:5%;margin-top:-15px;}
	.content2{width:94%;margin:0 auto;}
	.content2 img{width:100%;margin:0 auto;}
	.footer {width:100%;margin:0 auto;border-top:1px solid #b5b3b2;text-align:center;}
	.footer img{width:97%;margin:0 auto;}