@charset "utf-8";

#wrap {position:relative; overflow:hidden; min-width: 1200px;}

.header {width: 100%; /* background: #fff; */ /* height: 52px; */ background-position: center center; background-repeat: no-repeat; position: absolute;}
.header .con {width:1000px; margin:0 auto;}
.header .logo {display:inline-block; padding:0px 0; margin-top:3px; float:left;}
.header .logo img {height:auto; margin:5px 0;}

 .form_wrap {background:url("./mainbg_top.png") no-repeat top center; height:942px;}
.form_wrap .con {position:relative; width:1000px; margin:0 auto;}




.alert {position: absolute; left: 772px; top: 0px; z-index: 999; width: 205px; height: 1220px; cursor: pointer;}
.alert2 {  display:none !important;    position: absolute;         left: 800px; top: 1520px; width: 190px; height: 970px; z-index: 999;cursor: pointer;}


}

#footer {margin:0 auto;  text-align:center; background:#282a29;}
/*#footer .content {width:1000px; margin:0 auto;}*/
#footer .copy{text-align:center; padding:10px 0; font-weight:bold; font-size:16px; color:#545454;}
#footer .copy span{display:inline-block; text-align:center}
#footer .copy span a{color:#545454}
#footer .copyright {padding:40px 0; color:#fff;}


.footer {position:relative; z-index:11; background:#282a29; padding: 10px 0;}
.footer .con {width: 1000px; margin: 0 auto; position: relative; text-align: left;}
.footer .flogo {display: inline-block; vertical-align: top; margin: 15px 0 0 0;}
.footer .copy_s {display:inline-block; color:#999; vertical-align: top;  }
.copy_s p {margin: 12px 0; text-align: left; font-size: 14px; line-height:1.4;}
b {font-weight: 700;}

.footer-bg {margin-top: -1px; background:url("./footer-bg.png") no-repeat top center; height:384px;;}

/* 슬라이더 */

.topImg {float:right; padding:6px 0; position: relative;}
/* 주요보험사목록 최신 210727 */
#insuSampleTable { width:1100px; max-width:100%; margin:0 auto; vertical-align:middle;   position:relative; z-index:9; background:#fff;}
.bh_name { display:flex; align-items:center; width:202px; max-width:20%;}
.product { vertical-align:middle; font-size:20px; font-weight:bold; max-width:55%; width:550px; word-break:keep-all;
white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ }
#insuSampleTbody > tr{ 
	border: 1px solid #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 20px;
    padding: 10px 37px;
}
#insuSampleTbody > tr:last-child{ margin-bottom: 0 !important;}
.real_insu_wrap {position: absolute;left: 469px;top: 1180px;z-index: 20;width: 620px;}
.real_insu_wrap h3{padding:0 0 5px 10px; font-size:16px; color:#164f94}
.insu_list_area .rolling{padding:5px;  width:630px;}
.insu_list_area .rolling li{width:100%;color:#000; text-align:center; padding-top:6px; line-height:32px; font-size:0; vertical-align:middle;}
.insu_list_area .rolling li span {vertical-align: top;}
.days{display:inline-block; width:25%; padding:0 10px; font-size:22px;  display:none;}
.name_new{display:inline-block; width:20%;  font-size:17px;}
.sex{display:inline-block; width:27%;  font-size:17px;  }
.age{display:inline-block; width:28%; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.age i {display:inline-block; font-style:normal; background:#ff4600; border-radius:0; line-height:33px; padding:0 15px; color:#fff; font-size:17px; vertical-align: top; padding:0; width:90px; text-align:center;}
#insuSampleTbody > tr:nth-child(1) > td.price > div > div { display: none;}
.rolling {width: auto;  width:900px; height: 300px; position: relative;}

input.Ipt_Txt {width:100%;}
.sel_1 { width:50%; height:36px; width:100%; font-family:'NanumSquare',sans-serif; font-size:17px; text-indent:5px;}


.real_insu_wrap .bx-wrapper {background:none; box-shadow:none; border:none;}

/* 슬라이더 끝 */


.nav .con ul {padding: 23px 0; display: flex; justify-content: flex-end; display:none;}
.nav .con ul  a li {float:left; color:#000; font-size: 20px; margin-left:50px;}


#clock {position: absolute; top: 16px; left: 210px; font-size: 20px; font-weight: 600;}


/* ���� ��� */
.form-box { position: absolute; top: 195px; left: 663px; width: 360px;}
.form-all { height: 58px; font-size: 20px; font-weight: 800; font-size: 22px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 12px; }
.form-set div>span:first-child { display: inline-block; width: 95px; line-height: 58px; font-weight: bold; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text {vertical-align: top;width: 264px;padding: 5px 8px;outline: none;border: 2px solid #222;border-radius: none;box-sizing: border-box;}
.form-set div .form-number { box-sizing: border-box; vertical-align: top; width: 77px; outline: none; border: 2px solid #222; border-radius: none; margin-right: 5px; padding: 5px 8px;}
.form-set div .form-number:last-child {margin-right: 0;width: 183px;}
.form-set div select { outline: none; border: none; font-weight: 800;}

.form-set div select:focus { border: 2px solid #ff4600; }
.form-set div input:focus { border: 2px solid #ff4600; }

.form-set .btn-sex .Rdio { display: none;}
.form-set .btn-sex { width: 240px; }
.form-set .btn-sex label {
						text-align: center;
						display: inline-block;
						line-height: 58px;
						width: 129.5px;
						height: 58px;
						background: #fff;
						vertical-align: top;
						border: 2px solid #000;
						margin-right: -2px;
						cursor: pointer;
}
.form-set .btn-sex .Txt { font-size: 22px; font-weight: 600; font-family:NanumSquare, sans-serif; color: #888; }
.btn-sex label.Selected {background:#ffe600 !important;}
.btn-sex label.Selected .Txt { color: #000; }

.privacy { text-align: left; font-size: 22px; font-family:NanumSquare, sans-serif; color: #fff; margin-top: 14px;}
.privacy #check-box { width: 22px; height: 22px; vertical-align: -5px;}
.privacy .agree-text { cursor: pointer; letter-spacing: 0.4px;}
.privacy a { color: #fff; }

.btn_submit {position: absolute;top: 343px;left: 1px;width: 346px;height: 70px;background: none;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}


input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  margin: 0;
  outline: none;
}
input[type="radio"] + label { 
	padding: 0;
	margin: 0;
	outline: none;
}

/* Select box �ろ���� 豐�蠍壱�� */ 
select {
	padding: 0 10px 0 4px;
	background: url('arrow.png') no-repeat 100% 50% #fff !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* IE ���� Select box ���危�� ��蟇� */ 
select::-ms-expand { display: none; }

/* IE10 �伎������ input box �� 豢�螳��� 讌��郁鍵 覯��� ��蟇� */
input::-ms-clear { display: none; }

/* placeholder 豐�蠍壱�� */
input::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input::placeholder { font-weight: 400; color:#aaa; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.main_top .form_box .privacy input { 
		width: 20px;
		height: 20px;
	}
}

.middle_title { height:128px;}
.mainbg_middle { width:1001px; margin:0 auto;}

/* 성별 css */
.sex_cover { position: absolute; left:258px; top:2px; display: flex;}
.sex_cover input { display:none;}
.sex_cover label {     
	border: 1px solid #000;
    height: 74px;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 30px;
    background: #e0e0e0;
}
.sex_cover input:checked + label { background:#fd0; font-weight:bold; color:#000;}
.form-set div .cover_box { position:relative; margin-bottom:0;}

/* kjh css  */
.form_bg{ background:url('./form_bg.png') no-repeat top center; position:absolute; width:433px; height:556px; top:249px; left:0; z-index:2;}
.infoBox { width: 341px; height: 404px; background: #fff; position: absolute; z-index: 1; top: 393px; left: 399px;}
.info2Img{ width:100%; cursor:pointer;}
#wrap_middle { width:100%;  height:auto; padding-top:25px; max-width:1920px; margin:0 auto; padding-bottom:100px;}
.mainbg_middle {width: 1026px;margin:0 auto;position:relative;}

.alert5 {
    position: absolute;
    left: 797px;
    top: 26px;
    z-index: 999;
    width: 205px;
    height: 1219px;
    cursor: pointer;
    }

.info2 div { width:100%; height:50px; display:flex; justify-content:space-between; align-items:center; padding:0 20px;}
.info2 div:nth-child(even) { background:#f9f9f9;}
.i2_price { font-size:20px;}
.i2_price b { display:inline-block; border:2px solid #999; width:80px; height:28px; margin:0 5px; text-align:center; line-height:28px; color:#ff4600;}
/* 테이블 및 최신 랜딩css */
/* 주요보험사목록 최신 210727 */
#sampleTable { width:1000px; max-width:100%; margin:0 auto; vertical-align:middle; position:relative; z-index:9; }
.bh_name { display:flex; align-items:center; width:202px; max-width:20%;}
.product { vertical-align:middle; font-size:20px; font-weight:bold; max-width:55%; width:550px; word-break:keep-all;
white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ 

}
.price { vertical-align:middle; font-size:18px; text-align:center; width:165px; max-width:20%;}
.bh_number { font-size:14px; color:#999;}
#sampleTbody { border:none; border-collapse: separate; border-spacing: 0; background-clip: padding-box; width:1000px;}
.price_num { font-size:20px; color:#f44; font-weight:bold; cursor:inherit !important; position:relative;}
#sampleTable tr:first-child .wonbg { display:none;}
.wonbg { position:absolute; top:0; left:0; display:flex; width:160px; height:40px; justify-content:center; align-items:center; background:#333; color:#fd0; cursor:pointer;}
.wonbg.on { display:none;}
.jasehi { border:1px solid #333; margin:5px 0; color:#000;}
.price > div, .price > a { margin:5px 0; cursor:pointer; width:160px; height:40px; display:flex; align-items:center; justify-content:center;}
.gaip { background:#333; color:#fff;}
#sampleTable tr { display:flex; justify-content:space-between; align-items:center; border:1px solid #999; padding:10px 25px; margin-bottom:10px; background:#fff;}
.insuTitle { width:1000px; margin:0 auto; text-align:center; font-size:45px; font-weight:900; background:#ff4600; color:#fff; padding:30px 0; border-radius:20px 20px 0 0; border:2px solid #333; border-bottom:0;  position:relative; z-index:8; display:none;}
.info2 div .i2_bg { position:absolute; top:-4px; left:0; background:#ff4600; color:#fff; display:flex; width:133px; height:38px; justify-content:center; align-items:center; color:#fff; cursor:pointer; border-radius:5px; padding:0;}
.info2 div .i2_bg.on { display:none;}
.i2_price { position:relative;}
.info2 div:first-child .i2_bg { display:none;}

.form-set div .cover_box { position:relative; margin:0;}
.par_name { font-size:14px; display:block; margin-bottom:5px;} 

/* 보험나이 상령일 */
.age_box {position:absolute;top: 849px;left:50%;width:1000px;height:51px;transform:translateX(-50%);}
.bo_age {position: absolute;left: 327px;top: 18px;font-size: 25px;color: #000;font-weight: bold;width: 121px;text-align:center;}
.bo_date {
    position: absolute;
    left: 635px;
    top: 18px;
    font-size: 23px;
    color: #000;
    font-weight: bold;
    width: 201px;
    text-align: center;
    }
#ajax_loding{ display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100vh; background: rgba(0,0,0,0.7);}
#ajax_loding > p{ font-size: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 95px; color: #fff;}
#ajax_loding > div{ position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);}

/* 2022-06-22 토탈 배너 a 링크 */
.sh_btn {position: absolute;width: 999px;height: 283px;top: 1453px;left: 0px;cursor: pointer;}
.bo_Y, .bo_m, .bo_d{font-weight: bold;}

.today_txt{position: absolute;left: 201px;top: 17px;color: #fff;font-weight: 500;font-size: 15px;}
.bohum_title{font-size: 72px;font-weight: normal;line-height: 1.1em;font-family: 'Black Han Sans', sans-serif;color: #003268;position: absolute;right: 481px;top: 146px;}

/* 폰트 깨지는 현상 */
@font-face {
	font-family: 'NotoSansKR';
	src: url('../Font/NotoSansKR-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
.form-set .form-name {font-family: 'NotoSansKR' !important;}
.form-set .form-name::placeholder{font-family: 'SCDream';}

/* .form-set .form-number::placeholder {font-size: 20px;} */