@charset "utf-8";

/* 기본 */
/*#wrap > div {max-width:720px; margin:0 auto;}*/

/* 蠍一�覲� 蠍��� ��鍵 豐�蠍壱�� */
html, body{
  -webkit-text-size-adjust : none;  /* ��゜, ����襴�, �ろ��� ��覯��� */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* ���伎�危��� */
  -o-text-size-adjust : none;  /* �ろ��� 蟲���� */
}

/* main */

.form_wrap {background: url(./mainbg_top_1.png) no-repeat top center;height: 1055px;}
.form_wrap .con {position:relative; width:720px; margin:0 auto;}

.blank {position: absolute; left: 0; top: 1681px; background: url(./blank.png) no-repeat #fff center center; width: 720px; height: 100px; background-size: 75% auto; }

/* .alert3 {
    position: absolute;
    left: 401px;
    top: 247px;
}
.alert3>div {
	position: absolute;
	left: 0px;
	width: 250px;
	height: 82px;
	cursor: pointer;
}


.alert3 .ab-top1 { top: 2px; }
.alert3 .ab-top3 { top: 132px; }
.alert3 .ab-top4 {top: 261px;}
.alert3 .ab-top5 {top: 389px;}
.alert3 .ab-top6 {top: 521px;}
.alert3 .ab-top7 {top: 651px;}
.alert3 .ab-top8 {top: 781px;}
.alert3 .ab-top9 {top: 910px;} */
/* .alert3 .ab-top9 {top: 1041px;} */



/* 슬라이더 */

.real_insu_wrap {position: absolute;left: 42px;top: 1460px;z-index: 20;width: 630px;}
.real_insu_wrap h3{padding:0 0 5px 10px; font-size:16px; color:#164f94}
/*.insu_list_area{background:#5d6072}*/
.insu_list_area .rolling{padding:5px;  width:630px;}
.insu_list_area .rolling li{width:100%;color:#000; text-align:center; padding:6px 0; border-bottom:1px solid #eee; line-height:52px; 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:22px;}
.sex{display:inline-block; width:45%;  font-size:22px;  }
.age{display:inline-block; width:35%; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.age i {display:inline-block; font-style:normal; background:#006838; border-radius:0; line-height:45px; padding:0 15px; color:#fff; font-size:20px; vertical-align: top; padding:0; width:150px; 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;}


 


/* footer */
#footer {position:relative; background:#2f2f2f; width: 720px; margin: 0 auto;}
#footer ul li {font-size: 14px; padding-bottom: 10px;}
#footer .f-logo {background: url('./f-logo.png') no-repeat; background-size: cover; width: 276px; height: 42px; margin: 0 auto; margin-bottom: 30px;}
#footer .copyright{  color:#ddd; text-align:left;  font-size:18px; text-shadow:none !important; line-height:1.3; text-align:center; padding:30px 0;}
.footer-bg {margin: 0 auto; width: 720px;}
.footer-bg img {display: block;}
 input::-webkit-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
input:-ms-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
textarea::-webkit-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
textarea:-ms-input-placeholder {
  color: #000;
  font-style: normal;
  font-weight:100;
}
input::placeholder { font-weight: normal; color:#aaa; }

#clock {position: absolute; top: 10px; left: 363px; font-size: 32px; color: #ffe900; font-weight: 500; display: none;}

select {
width: 200px;
padding: .3em .5em;
background: url('arrow.png') #fff no-repeat 95% 50% !important ;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select::-ms-expand {
    display: none;
}

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

.mask-a {  
	width: 720px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.cm-popup {

	z-index: 99999;
	overflow: hidden;
	position: absolute;
	margin: 0 auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.cm-popup .form-box {position: absolute;top: 144px;left: 37px;}
.cm-popup .form-all { font-size: 35px; height: 70px; }
.cm-popup .form-set div span { color: #222; width: 150px; line-height: 70px;}
.cm-popup .form-set div .form-text { width: 380px; }
.cm-popup .form-set div .form-number { width: 117px; }
.cm-popup .privacy { color: #222; font-size: 33px; margin-top: -2px;}
.cm-popup .privacy a { color: #222; }
.cm-popup .btn_submit {top: 216px;left: -16px;width: 550px;height: 77px;}
.cm-popup .privacy #check-box2 { width: 33px; height: 33px; vertical-align: -5px; }

.popup-close {
	width: 20px;
	height: 20px;
	font-size: 58px;
	position: absolute;
	top: 9px;
	left: 534px;
	color: #222;
	cursor: pointer;
	font-weight: bold;
}

.form-box2 select {
	width: 200px;
	padding: 0 10px 0 5px;
/*	font-family: inherit;*/
	background: url('arrow.png') no-repeat 100% 50% #fff !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* ���� ��� */
.form-box { position: absolute; top: 633px; left: 84px; }
.form-all { height: 80px; font-weight: 800; font-size: 35px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 15px; }
.form-set div span { display: inline-block; width: 153px; line-height: 80px; font-weight: bold; background: none; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 394px; padding: 5px 10px; outline: none; border: 3px solid #000;; border-radius: 0; box-sizing: border-box;}
.form-set div .form-number { box-sizing: border-box; vertical-align: top; width: 122px; outline: none; border: 3px solid #000; border-radius: 0; margin-right: 14px; padding: 5px 10px;}
.form-set div .form-number:last-child { margin-right: 0; width:255px; border: 3px solid #000; outline:none; }
.form-set div .form-number-pop:last-child { margin-right: 0; width:248px; padding: 5px 8px; box-sizing: border-box; border: 3px solid #000;}
.form-set div select { outline: none; border: none; font-weight: 800;}

.form-set div select:focus { border: 3px solid #54a4ff; }
.form-set div input:focus { border: 3px solid #54a4ff; }

.privacy { text-align: center; font-size: 35px; font-family:NanumSquare, sans-serif; color: #fff; margin-top: 39px;}
.privacy #check-box, .privacy #check-box__mod { width: 35px; height: 35px; vertical-align: -6px;}
.privacy a { color: #fff; }

.btn_submit { position: absolute; top: 303px; left: -8px; width: 568px; height: 106px; background: transparent ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}


/* Select box �ろ���� 豐�蠍壱�� */ 
select {
	padding: 0 10px 0 15px;
	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 only screen and (min-device-width : 320px) and (max-device-width : 480px){
/*	.cm-popup { */
/*		margin: 0 auto;*/
/*		left: 0;*/
/*		right: 0;*/
/*		top: 15%;*/
/*	}*/
}

#wrap{position: relative; width:720px; margin: 0 auto;}
.today_txt{position: absolute;color: #fff;font-weight: bold;right: 25px;top: 19px;font-size: 17px;}


/* 한문철 이미지 삽입시 적용한 css */
.hmc_wrap {
	text-align: center;
	margin-bottom: 40px;
}

.hmc_wrap a {
	display: block;
}

.wrap_bottom {
	background:url("./mainbg_bottom.png") no-repeat top center; height: 1510px;
}

/* @media(min-width: 1400px){
	.cm-popup{transform: translate(-50%,-50%) scale(0.82);}
}
 */

/* 이벤트베너 코딩화 */
.event_banner {max-width: 720px; text-align: center; margin: 0 auto;}

.event_banner_wrap {background:url("./banner_bg_1.png") no-repeat top center;margin-top: -2px;}
.main_event {width: 565px; margin:0 auto; padding-top: 8px;}
.sg_event {padding-bottom: 10px;}
.main_event img {width: 100%;}
.mainbg_top_2 {position: relative;max-width: 720px;margin: 0 auto;margin-top: -3px;}

.mt_20{margin-top: 15px;}

#container > div.form_wrap > div > div.form-box > form > div.form-set > div:nth-child(1) > input{font-family:none;}

input#customer_name::placeholder{font-family: NanumSquare, sans-serif !important;}

.cm-popup{transform: translate(-50%,-50%) scale(0.82);}
/* //이벤트베너 코딩화 */
.tm_txt{position: absolute;line-height: 1.3;color: #fff;top: 414px;width: 100%;text-align: center;z-index: 10;font-size: 12px;    left: -8px;
    width: 568px;
}


/*mainbg_top_2 section 회사별 분리 */

.rolling_bg {position:relative;}
.real_insu_wrap {top:187px}
.alert3 > div {background:url(./mainbg_top_2-2_middle.png); height:132px}
.alert3 > div:nth-child(1) {background:url(./mainbg_top_2-2_top.png);margin-top:-6px}
.alert3 > div:last-child {background:url(./mainbg_top_2-2_bottom.png);height:144px}
.alert3 > div > div.btn_wrap {position: relative;display: flex;justify-content: space-between;padding: 0 20px;margin: 0 50px;align-items: center;height: 100%;}
.alert3 > div > div.btn_wrap > div {width: 250px; height: 82px; cursor: pointer;background: #000;border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 25px;font-weight: bold;}
.alert3 > div > div.btn_wrap > div > img {margin-left:20px}
.alert3 > div:last-child > .btn_wrap  {padding-bottom: 13px;}