@charset "utf-8";

#wrap {position:relative; overflow:hidden;}

.header {width:100%;  background: url("./headerbg.png") no-repeat center center; box-sizing:border-box;}
.header .con {width:1040px; margin:0 auto; position: relative;}
.header .logo {display:inline-block; padding:0px 0;}
.header .logo img {height:auto; margin:11px 0;}

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


.alert { 
	position: absolute;
	width: 1000px;
	height: 188px;
	top: 345px;
	left: 0;
}
.alert>div { 
	position: absolute;
	left: 0;
	width: 165px;
	height: 28px;
	cursor: pointer;
	border-radius: 10px;
}
.alert .ab-left1 { left: 40px; }
.alert .ab-left2 { left: 291px; }
.alert .ab-left3 { left: 543px; }
.alert .ab-left4 { left: 794px; }
.alert .ab-top1 { top: 49px; }
.alert .ab-top2 { top: 145px; }

.alert2 {position: absolute;left: 799px;top: 2010px;z-index: 999;/* width: 203px; *//* height: 993px; */}
.alert2>div { 
	position: absolute;
	left: 0;
	width: 203px;
	height: 118px;
	cursor: pointer;
}
.alert2 .ab-top1 { top: 0px; }
.alert2 .ab-top2 { top: 512px; }
.alert2 .ab-top3 { top: 1063px; }
.alert2 .ab-top4 {top: 1083px;}
.alert2 .ab-top5 {top: 1672px;}
.alert2 .ab-top6 {top: 2188px;}
.alert2 .ab-top7 {top: 2783px;}
.alert2 .ab-top8 {top: 3184px;}
.alert2 .ab-top9 {top: 3828px;}

.main_top .tbl_form tr {    line-height: 1.5; }


#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-bg {margin-top: -1px; background:url("./footer-bg.png") no-repeat center center; height:448px;}
 

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




/* 슬라이더 */

.real_insu_wrap {position: absolute; left: -64px; top: 1015px; 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:30%;  font-size:17px;  }
.age{display:inline-block; width:35%; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.age i {display:inline-block; font-style:normal; background:#00a9ef; border-radius:0; line-height:33px; padding:0 15px; color:#fff; font-size:15px; vertical-align: top; padding:0; width:90px; text-align:center;}

.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;}


.real_insu_wrap2 {top: 373px; left: 0px; width:1002px;}
.topImg { position: absolute; top: 3px; right: 0; }

/* 슬라이더 끝 */

.bx-prev {width: 50px; height: 50px; display: block; position: absolute; left: -68px; top: 45px; opacity: 0;}
.bx-next {width: 50px; height: 50px; display: block; position: absolute; left: 1018px; top: 45px; opacity: 0;}

#mask {  
	background: rgba(0, 0, 0, 0.8);
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
}

.mask-a {  
	width: 100%;
	height: auto;
	position: relative;
}

.cm-popup {
	/* height: 661px; */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	display: block;
}

.cm-popup .form-box {position: absolute;top: 164px;left: 544px;}
.cm-popup .form-all { font-size: 25px; height: 57px; }
.cm-popup .form-set div span { color: #222; width: 110px; line-height: 57px;}
.cm-popup .form-set div .form-text { width: 313px; }
.cm-popup .form-set div .form-number { width: 101px; }
.cm-popup .privacy {color: #222;font-size: 25px;margin-top: -2px;}
.cm-popup .privacy a { color: #222; }
.cm-popup .privacy #check-box2 { width: 25px; height: 25px; vertical-align: -4px;}
.cm-popup .btn_submit {top: 213px;left: -23px;width: 470px;height: 85px;}

.popup-close {
	width: 20px;
	height: 20px;
	font-size: 35px;
	position: absolute;
	top: 18px;
	left: 975px;
	color: #888;
	cursor: pointer;
	font-weight: bold;
}

/* ���� ��� */
.form-box { position: absolute; top: 622px; left: 38px; }
.form-all { height: 52px; font-size: 20px; font-weight: 800; font-size: 19px; font-family:NanumSquare, sans-serif;}
.form-set>div { margin-bottom: 10px; overflow: hidden;}
.form-set>div>div:first-child { width: 340px; }
.form-set>div>div { float: left; }
.form-set div span { display: inline-block; width: 105px; line-height: 52px; font-size: 25px; font-weight: bold; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 211px; 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: 67px; 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; }
.form-set div select { outline: none; border: none; font-weight: 800;}

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

.privacy { text-align: center; font-size: 21px; font-family:NanumSquare, sans-serif; color: #fff; padding-top: 12px;}
.privacy #check-box { width: 21px; height: 21px; vertical-align: -3px;}
.privacy .agree-text { cursor: pointer; }
.privacy a { color: #fff; }

.btn_submit { position: absolute; top: 0px; left: 685px; width: 246px; height: 115px; background: none; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}


/* 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; }