@charset "utf-8";

@font-face { 
	font-family: 'NanumSquareEB';
	src: url('../Font/NanumSquareEB.woff') format('woff');
}

@font-face { 
	font-family: 'NanumSquareR';
	src: url('../Font/NanumSquareR.woff') format('woff');
}

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

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


.insu_selector {top:99px; left: -80px; position: absolute;}
.insu_selector ul {padding: 0 30px 0 45px;}
.insu_selector ul li {float:left; width: 25%; height: 55px; line-height: 55px; text-align: center; box-sizing: border-box; font-size: 29px; color:#fff;}
.insu_selector ul li:nth-child(8){border-right:1px solid #fff;}
.sel {display: none;}

.view_txt>img { 
	position: absolute;
	top: -45px;
	left: -45px;
}
.view_txt {text-align: left; position: relative; top: -445px; left: 33px; width: 500px;}
.view_txt h1 .insu_name1 {font-size: 77px; font-weight: 800; color:#2b2b5e; font-family:'NanumSquareEB';}
.view_txt h1 .insu_name2 {font-size: 70px; font-weight: 500; color: #2b2b5e; padding-top: 2px; font-family:'NanumSquareR'; line-height: 79px;}
.insu_name3 {    position: absolute;
    top: -170px;
    left: 33px;
    font-size: 37px;
    color: #fff;
    line-height: 48px;
	text-shadow: 3px 3px 11px #828282;
	margin-top: -18px;
	font-family: 'NanumSquareEB';
	}
.clearfix::after{ content:""; display:block; clear:both; } 


.blank {position: absolute; left: 0; top: 1681px; background: url(./blank.png) no-repeat #fff center center; width: 720px; height: 100px; background-size: 75% auto; }
.checks {position: relative;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 60px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  font-size:30px; margin-right:18px;}
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -1px; width: 40px; height: 40px; text-align: center; background: #fafafa; border: 2px solid #000; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #000; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute;    top: 9px; left: 10px; width: 25px; height: 25px; background: #e83228; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

.verticalLine {
  border-left: thick solid #ff0000;
}
.main_top .form_box {position:absolute;    left: 100px; top:147px;    text-align:left; }
.main_top .tbl_form {margin-top: 0; vertical-align: top; width: 100%; position: relative; top: -7px; left: -40px;}
.main_top .tbl_form th, .main_top .tbl_form td {vertical-align:middle; padding:0px 0; color:#fff; text-align:left;}

.main_top .form_box2 .tbl_form th { font-weight: 500; font-size: 34px; padding-left: 18px; letter-spacing: -3px;}
.main_top .tbl_form th {font-weight: 500; font-size: 39px; padding-left: 16px; padding-top:35px; letter-spacing: -4px;}
.main_top .tbl_form td {padding:0 20px; padding-left:15px;}
.main_top .tbl_form td span.bar {position:relative; width:5px; height:1px; background:#000; display:inline-block; margin:0 2px; top:-2px;}
.main_top .ip_base {border-radius:0px;    border: 3px solid #000; height:86px; box-sizing:border-box; padding:0 7px; font-size:18px;font-size:38px; width:493px; font-weight: 600;margin-bottom:-30px;}
.main_top .form_box2 .ip_base {border-radius:0px;    border: 3px solid #000; height:59px; box-sizing:border-box; padding:0 7px; font-size:18px; width:180px; font-size:32px; width:100%; font-weight: 600;}

/* .main_top select.tel1 {height:35px;border-radius:0px; border:1px solid #555; width:54px; font-size:12px;} */
.main_top .ip_base.ip_tel { width:54px;}
.main_top .form_box .t1 {padding:0 20px; font-size:14px; font-weight:300; color:#4a4a4a; line-height:1.4; position:relative; padding-left:30px; word-break: keep-all; display:inline-block; vertical-align: top; width:150px; color:#000; display:none;}
.main_top .form_box .t1:before {content:"※"; position:absolute; left:12px; top:0;}
.main_top .form_box .privacy input {margin:0; width:30px; height:30px; vertical-align: middle;}
.main_top .form_box2 .privacy input {margin: 0; width: 20px; height: 20px; vertical-align: middle;}
.main_top .form_box .btn_sub {cursor: pointer; display: inline-block; margin: 0; padding: 0; background: none; border: none; outline: none; position: absolute; left: 0; top: 0; width: 659px; height: 125px;}
/*.form_box .btn_sub  img {width:180px; height:auto;}*/

.main_top .t_txt {position:absolute; left:128px; top:365px; width:514px; text-align:left;}
.main_top .t_txt > div { font-size:12px; color:#000; line-height:14px;}
.main_top .t_txt > div.t2 {font-size:18px; font-weight:500; margin-top:2px;}

.alert {     position: absolute; z-index: 20;    left: 366px; top: 496px; width: 473px; height: 418px; cursor: pointer; cursor: pointer;}

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

 span .tel1 {font-size: 30px !important; padding:13px 0; font-weight: 600; margin-top:1px;}

.alert {position: absolute;left: 32px;top: 0px;width: 656px;height: 1192px;cursor: pointer;}
.alert img { 
	position: absolute;
	top: -5px;
	left: -5px;
	display: none;
}
.main_top .tbl_form tr {    line-height: 1.5;}
 

.main_top .form_box1 {left: 66px; top: 608px; width: 654px;}
.main_top .form_box1 .tbl_form td {padding:6px 3px;}


.main_top .form_box2 {left: 27px; top: 277px;}
.main_top .form_box2 .ip_base {width:377px;}
.main_top .form_box2 .btn_sub {margin-left: 13px; margin-top: -44px; width: 511px;}
.main_top .form_box2 .privacy {font-size:22px;}
.main_top .form_box2 .privacy label {color:#000;}
.main_top .form_box2 .privacy a {color:#000; border:1px solid #000;}

/* 슬라이더 */

.real_insu_wrap {position: absolute; left: 20px; top: 1814px; z-index: 1; width: 685px;}
.real_insu_wrap h3{padding:0 0 5px 10px; font-size:16px; color:#164f94}
.insu_list_area .rolling{padding:5px;  width:685px;}
.insu_list_area .rolling li{width:100%;color:#000; text-align:center; line-height:26px; font-size:0; vertical-align:middle; border-bottom: 3px solid #fff;}
.insu_list_area .rolling li span {vertical-align: top;  font-weight: 600; padding-bottom: 10px;}
.days{display:inline-block; width:25%; padding:0 10px; font-size:22px;  display:none;}
.name_new{display:inline-block; width:10%;  font-size:30px; padding-top: 15px;}
.sex{display:inline-block; width:50%;  font-size:30px; padding-top: 15px;  }
.age{display:inline-block; width:24%; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;padding-top:5px;}
.age i {display: inline-block; font-style: normal; background: #9d9d9d; border-radius: 30px; height: 45px; line-height: 45px; padding: 0 15px; color: #fff; font-size: 30px; vertical-align: top; padding: 0; width: 160px; text-align: center;}
.user{display: inline-block;width:7%;float:left;padding-top:3px; margin-left: 10px;}


.rolling {width: auto;  width:700px; 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;}

/* 슬라이더 끝 */

.red{display: inline-block;color: #f21173;font-weight: 800;font-size: 28px;position: absolute;margin-left: -25px;}
.c{font-weight: 800;font-size: 18px;}
 


/* footer */
#footer {position:relative; background:#141446; padding-top: 30px; padding-bottom: 15px;}
#footer .f-top {width: 228px; height: 40px; background: url('./f-logo.png') no-repeat; margin-left: 25px; position: relative;}
#footer .f-cont {margin-top: 30px; margin-left: 5px;}
#footer .f-cont ul {overflow: hidden;}
#footer .f-cont ul li {color: #ddd; padding-bottom: 10px; margin-left: 14px; font-size: 15px; line-height: 1.4em;}
#footer .f-cont ul li:nth-child(4) { display: block; }
#footer .f-cont ul li:last-child {padding-top: 10px; padding-bottom: 20px;}
 


 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: 400; color:#000; }

#clock {position: absolute; top: 20px; left: 511px; font-size: 24px; display:none;}



	.bohumsa ul {}
	.bohumsa ul li {position: absolute; left: 0px; top: 2640px; }
	.bohumsa .bosa_2 {opacity:0;}
	.bo_seek {opacity: 1 !important;}
	.bo_hide {opacity: 0 !important;}
/* 자동차보험 선택할때 이미지 변경 끝 */


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

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


/* 심플 레이어 팝업 */

.Pstyle { opacity: 0; display: none; position: relative; width: auto;  }

.b-close {position: absolute; right: 5px; top: 5px; padding: 5px; display: inline-block; cursor: pointer; color: #fff; font-size: 22px;}

.popbtn{ position: absolute; left: 523px; top: 9px; width: 184px; height: 51px; opacity:0; display:none;}

/* 심플 레이어 팝업 끝 */

#content-img { 
	position: absolute;
	top: 1369px;
	display:none;
}

.btn_sub>img { 
	position: absolute;
	top: -6px;
	left: -21px;
	display: block;
}

/*.btn_sub:hover img { */
/*	display: block;*/
/*}*/

.slick-box { 
	position: absolute;
	left: 280px;
	top: 15px;
	overflow-x: hidden;
}
.slick-slider { 
	width: 420px;
}
.slick-slider>div { 
	width: 480px;
	padding-right: 50px;
}
.slick-slider img {
	width: 150px;
}

.Selected {background: #f21173; border-radius: 10px; font-weight: bold;}

.alert2 { 
	width: 720px;
	height: 350px;
	position: absolute;
	bottom: -3130px;
	left: 0;
	z-index: 9999;
	cursor: pointer;
}

.bx-wrapper, .bx-viewport { height: 500px !important;  }

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

.form-set {position: absolute;top: 84px;left: -24px;}
.form-all { height: 85px; font-weight: 800; font-size: 38px; font-family:NanumSquare, sans-serif;}
.form-set > div { margin-bottom:11px; display:flex;}
.form-set div span { display: inline-block; width: 165px; line-height: 85px; font-weight: 400; color: #fff; text-align: left; }

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

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

.privacy {text-align: center;font-size: 33px; font-family:NanumSquare, sans-serif;color: #fff;margin-top: 3px;letter-spacing: 0.3px;}
.privacy #check-box { width: 35px; height: 35px; vertical-align: -6px; margin-right:10px;}
.privacy #check-box2 { width: 35px; height: 35px; vertical-align: -6px; margin-right:10px;}
.privacy a { color: #fff; }

.btn_submit { position: absolute; top: 379px; left: -11px; width: 658px; height: 124px; background: none; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}

/* 蠍一�覲� 蠍��� ��鍵 豐�蠍壱�� */
html, body{
  -webkit-text-size-adjust : none;  /* ��゜, ����襴�, �ろ��� ��覯��� */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* ���伎�危��� */
  -o-text-size-adjust : none;  /* �ろ��� 蟲���� */
}
/* 성별 css */
.sex_cover { position: absolute; left:324px; top:2px; display: flex;}
.sex_cover input { display:none;}
.sex_cover label {     
	border: 1px solid #000;
    height: 79px;
    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;}
.cover_box { position:relative;}
.main_top .form_box .privacy { width:100%; justify-content:center; align-items:center;}

/* 테이블 자료 */
#sampleTable { 
	margin:0 auto;
	width:664px;
	max-width:100%;

	border-top:none;
}
#sampleTbody tr {
	display:flex; 
	justify-content:space-between;
	align-items:center;
	padding:10px 0;
	border:1px solid #c0c0c0;
	background:#fff;
	padding:0 10px;
}
#sampleTbody tr:nth-child(even) {
	background:#F6F7F7;
}

#sampleTable tr:first-child .wonbg { display:none;}
.bh_name { width:120px; max-width:24%;}
.bh_name > img { width:100%}
.product { width:368px; max-width:56%; font-size:17px; font-family: 'NotoSansKR' !important; line-height:1.4; display:flex; flex-direction:column; justify-content:center; text-align:left;}
.price { width:110px; max-width:20%;}
.bh_number { font-size:14px; color:#999;}
.wonbg { position:absolute; top:0; left:0; display:flex; width:110px; height:40px; justify-content:center; align-items:center; background:linear-gradient(320deg, #60027d, #f11173); color:#fff; cursor:pointer; font-size:14px !important; }
.wonbg.on { display:none;}
.jasehi { border:2px solid #000; margin:5px 0; color:#000; background:#fff;}
.price > div, .price > a { margin:5px 0; cursor:pointer; width:110px; height:40px; display:flex; align-items:center; justify-content:center; font-size:14px;}
.gaip { background:#333; color:#fff; }
.price_num {  font-size:20px !important; color:#f44; font-weight:bold; cursor:inherit !important; position:relative; background:#383635; color:#ffe900; border-radius:5px;}
.won { color:#fff;}
#wrap_middle { position:relative; background:url('./middle_bg.png') center/cover; padding:50px 0;}
.mainbg_middle { text-align:center; position:relative;}

.footer-bg  { width: 720px;background: #272727;align-items: center; display: flex;}
.footer-inner {width:720px; margin:0 auto;padding: 50px 20px;color: #bbb;}
.footer-inner ul li {line-height:24px;}
.middle_title { text-align:center; font-size:44px;line-height:1.2; margin-bottom:30px;}
.middle_title b { font-weight:900;}
.footer-inner ul .red_bold {color: red;font-weight: bold;}
#ajax_loding { position:fixed;z-index:999; top:0; left:50%; transform:translateX(-50%); width:100%; height:100vh; display:flex; background:rgba(0,0,0,0.7); color:#fff; font-size:30px; justify-content:center; align-items:center; flex-direction:column; display:none;}
.round > img { width:100%;}
#jasehi_loding { position:fixed;z-index:999; top:0; left:50%; transform:translateX(-50%); width:100%; height:100vh; display:flex; background:rgba(0,0,0,0.7); color:#fff; font-size:30px; justify-content:center; align-items:center; flex-direction:column; display:none;}
.round1 > img { width:100%;}
#container { position:relative;}
.age_date { position:absolute; top:1433px; left:247px; width:370px; height:140px;}
.age_date > div { height:62px; text-align:center; line-height:62px; color:#F21173; font-size:39px; text-decoration:underline; text-underline-position:under;}
.age_box { margin-bottom:16px;}

@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';}

#mobile2::placeholder {font-size: 33px;}