@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');

@font-face { font-family: 'NanumSquareR'; src: url('../Font/NanumSquareR.woff') format('woff'); font-weight: 500; }
@font-face { font-family: 'NanumSquareB'; src: url('../Font/NanumSquareB.woff') format('woff'); font-weight: 900; }
@font-face { font-family: 'NanumSquareB'; src: url('../Font/NanumSquareB.woff') format('woff'); font-weight: 300; }
@font-face { font-family: 'NanumSquareB'; src: url('../Font/NanumSquareB.woff') format('woff'); font-weight: 100; }
/* 湲곗쥌蹂� 湲��� �ш린 珥덇린�� */
html, body{
  -webkit-text-size-adjust : none;  /* �щ＼, �ы뙆由�, �ㅽ럹�� �좊쾭�� */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* �뚯씠�댄룺�� */
  -o-text-size-adjust : none;  /* �ㅽ럹�� 援щ쾭�� */
}
/* 기본 */
* {text-size-adjust:none;}
#wrap {}
#wrap > div {max-width:720px; margin:0 auto; position:relative;}

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


.insu_selector {top: 4px; left: -80px; position: absolute; border-top: 4px solid #000; border-bottom: 1px solid #000; }
.insu_selector ul {}
.insu_selector ul li {float:left; width:25%; height: 74px; line-height: 74px; background: #fff; text-align: center; border-bottom: 1px solid #24292c; border-left:1px solid #24292c; box-sizing: border-box; font-size: 28px; font-weight: 500;}
.insu_selector ul li:nth-child(8){border-right:1px solid #24292c;}
.sel {display: none;}

.view_txt {text-align: center; position: relative; top: 97px; left: 0px;}
.view_txt h1 .insu_name1 {font-size: 83px; color:#fff; text-shadow: 0px 0px 10px #28292a;font-family:'NanumSquareB'; font-weight: 300;}
.view_txt h1 .insu_name2 {display: block; margin-top: 3px;margin-left: 0;padding-top: 5px; font-size: 83px; font-weight: 900; color: #fff; text-shadow: 0px 0px 10px #28292a;font-family:'NanumSquareB';}
.view_txt h1 .insu_name3 {margin-top: -14px;margin-left: 0;padding-top: 5px;font-size: 78px; font-weight: 900; color:#fff; text-shadow: 0px 0px 10px #28292a; font-family:'NanumSquareB'; display: block;}

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


.alert {position: absolute; left: 34px; top: 2702px; width: 656px; height: 1675px; cursor: pointer;}

.bohum_title{position: absolute;color: #fff;font-size: 70px;left: 50%;transform: translateX(-50%);top: 115px;width: 100%;text-align:center;}

/* 슬라이더 */

.real_insu_wrap {position: absolute; left: 20px; top: 1143px; 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;}
.insu_list_area .rolling li:nth-child(2n) { background: none; }
.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:13%;  font-size:30px; padding-top: 10px;}
.sex{display:inline-block; width:50%;  font-size:35px; padding-top: 10px;  }
.age{display:inline-block; width:30%; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.age i {display: inline-block; border: 3px solid #000; font-style: normal; background: none; border-radius: 30px; height: 40px; line-height: 40px; padding: 0 15px; color: #000; font-size: 25px; font-weight: bold;vertical-align: top; padding: 0; width: 170px; 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{background: #282828; padding: 40px 20px;}
.footer .logo{width: 100%; height: 42px; display:flex;align-items:center;justify-content:center; margin-bottom: 25px;}
.footer .con span{position: relative;}
.footer .con span b{text-align: center; display:block; font-size: 14px; color: #fff; font-family:NanumSquare, sans-serif; font-weight: normal; color: #777;}
.footer .con span p{text-align: center; font-size: 14px; color: #fff; font-weight: normal; font-family:NanumSquare, sans-serif; margin-bottom: 10px;  color: #777;}
.footer .con span em{width: 100%; display:flex;align-items:center;justify-content:center;}
.footer .con span em a{}

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

.main-slide { 
	position: absolute;
	z-index: 999;
	top: 640px;
	left: 77px;
	overflow: hidden;
	width: 600px;
}

.main-slide .slide-list { 
	width: 500px;
}
.main-slide .slide-list div { 
	width: 560px;
}
.main-slide .slide-list div img { 
	width: 150px;
}

.alert2 { 
	position: absolute;
	top: 5005px;
	left: 50%;
	transform: translate(-50%);
	z-index: 9999;
	width: 330px;
	height: 68px;
	cursor: pointer;
}
.bx-wrapper, .bx-viewport {
       height: 330px !important;
}

.tr-box { 
	margin-top: -82px;
}
.td-box { 
	overflow: hidden;
	width: 650px;
	margin-left: -44px;
	margin-bottom: 10px;
}
.name-th { 
	float: left;
	display: block;
	font-size: 35px;
	height: 80px;
	text-align: left;
	color: #fff;
	line-height: 80px;
}
.td-box input { 
	float: right;
}
.today-date { 
	color: #fff;
	position: absolute;
	right: 27px;
	top: 24px;
	font-size: 20px;
	margin-top: 1px;
	display:none;
}
/* .today-date .date-text { 
	border-bottom: 1px solid #fff;
} */

.date-update { 
	background: #4664bd;
	display: inline-block;
	padding: 5px 10px;
	font-size: 13px;
	margin-left: 2px;
	vertical-align: 2px;
}

.logo_a { 
	position: absolute;
	top: 10px;
	left: 0;
	width: 290px;
	height: 55px;
	text-decoration: none;
	color: #ddd;
	text-align: right;
	font-family: 'NanumSquareB';
}
.logo_a p { 
	display: block;
	margin-top: 3px;
	margin-right: 10px;
	font-size: 15px;
	font-weight: bold;
}

/* ���� ��� */



/* Select box �ろ���� 豐�蠍壱�� */ 
.form_wrap 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; }

#wrap_middle{width: 720px; margin:0 auto;}
#wrap_bottom{width: 720px; margin:0 auto;}
#footer-bg{width: 720px; margin:0 auto;}

#form-box {     position: absolute;
    top: 650px;
    left: 85px;}
.form-all { height: 73px; font-weight: 800; font-size: 32px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 15px; display:flex; justify-content: center;}
.form-set div span { display: inline-block; width: 160px; line-height: 72px; font-weight: bold; color: #fff; text-align: left;font-size: 32px; }

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

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

.privacy { text-align: center; font-size: 19px; font-family:NanumSquare, sans-serif; color: #fff; margin-top: -2px;}
.privacy #check-box, .privacy #check-box__btm, .privacy #check-box__mod { width: 32px; height: 32px; vertical-align: -4px;}
.privacy .agree-text { cursor: pointer; font-size: 32px;}
.privacy a { color: #fff; }

.btn_submit {
    position: absolute;
    top: 310px;
    left: -55px;
    width: 656px;
    height: 107px;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer;
}


#container{position: relative;}
.today_txt{position: absolute;left: 530px;top: 27px;color: #fff;font-weight: bold;}

/* Select box  */ 
.box_wrap 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; }

/* 테이블 및 최신 랜딩css */
#wrap_middle { padding-top:50px;}
#wrap_middle > div { width:1000px; margin:0 auto; max-width:100%;}
#wrap_bottom { background:url('./mainbg_bottom.png') top center no-repeat; height:740px; position:relative;}
.middle_title { text-align:center;}
.middle_title h2 { font-size:30px; font-weight:bold;}
.middle_title p { margin-top:20px; color:#999; font-size:14px; margin-bottom:30px;}
#userName { border-bottom:2px solid #000;}

.mainbg_middle { margin:0 auto; text-align:center; position:relative; width:1100px;}
.mainbg_middle ul {position: absolute; top: 23px; left: 35px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px;}
.mainbg_middle ul li {width: 318px; height: 320px; margin-bottom: 0; cursor: pointer;}
.alert5 {     
	cursor:pointer;
	}

/* 테이블자료  */
#insuSampleTable {
    margin: 0 auto;
	margin-bottom: 30px;
    width: 720px;
    max-width: 100%;
}

#insuSampleTbody tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border: 1px solid #c0c0c0;
    background: #fff;
    padding: 0 10px;
    margin-bottom: 10px;
}


#insuSampleTable 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-weight: bold;
    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: #eee;
    color: #333;
    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;
    box-sizing: border-box;
}

.gaip {
    background: #333;
    color: #fff;
}

.price_num {
    font-size: 20px !important;
    font-weight: bold;
    cursor: inherit !important;
    position: relative;
    background: #3949ab;
    color: #fff;
}

.won {
    color: #fff;
}


#insubody {
    width: 100%;
}

.insuhead {
    width: 670px;
    margin: 0 auto;
    max-width: 100%;
}

.insuhead h2 {
    font-size: 42px;
    text-align: center;
    background: #383635;
    color: #ffe400;
    padding: 30px 0;
    font-weight: bold;
    border-radius: 20px 20px 0 0;
}

.main_top .tbl_form .child_box th {
    font-size: 34px;
    line-height: 1.2;
}


.par_name {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}


.age_box {
    position: absolute;
    top: 1352px;
    left: 50%;
    width: 720px;
    height: 51px;
    transform: translateX(-50%);
}

#bo_age {
    position: absolute;
    left: 197px;
    top: 10px;
    font-size: 38px;
    color: #ffdd00;
    font-weight: bold;
    width: 121px;
    text-align: center;
}

#bo_date {
    position: absolute;
    left: 478px;
    top: 10px;
    font-size: 38px;
    color: #ffdd00;
    font-weight: bold;
    width: 179px;
    text-align: center;
}


.infoBox { 
	width: 653px;
    height: 463px;
    position: absolute;
    top: 408px;
	left:408px;
	display:flex;
}
.infoBox > div {
	width:50%;
}
/* 메인글씨 */
.header_text { position:absolute; top:121px; left:50%; transform:translateX(-50%); width:100%;}
.header_text h2 { font-size:75px; text-align:center; font-weight:900; color:#fff; text-shadow:0 0 5px #000;}
.yelText { color:#ffe600; text-align:center; font-weight:900; display:inline; white-space:nowrap;}
/* //메인글씨end */

.info1 { text-align:center; position:relative;}
.num_title { width:50px; height:50px; border-radius:50%; background:#0064c8; color:#fff; font-size:24px; display:flex; align-items:center; justify-content:center; margin:20px auto 10px;}
.info1 p { font-size:24px; line-height:1.2; }
.bo_com { width:193px; height:76px;  border-radius:5px;  font-size:40px; display:flex; align-items:center; justify-content:center; color:#f2f2bd; font-weight:900; position:absolute; top:119px; left:62px;}
.bo_com img { width:100%;}
.bh_day { margin:10px auto 0; width:258px; height:40px; border-radius:5px; font-size:22px; display:flex; align-items:center; justify-content:center; position:absolute; top:388px; left:30px; color:#fff;}
.bo_pri { color: #333; position: absolute; top: 213px; left: 81px; width: 89px; font-size: 23px; font-weight:900;}
.bh_sinname { text-decoration:underline; text-underline-position:under;}
.red { color:#f2f2bd; font-weight:900; border-bottom:1px solid #f2f2bd; }

.info2 { display:flex; align-items:center; justify-content:center; flex-direction:column;}
.info2 div { display:flex; align-items:center; background:#fff; justify-content:space-between; width:275px; border:1px solid #e0e0e0;}
.i2_bh_name { width:109px; max-width:40%;}
.i2_pipe { width:14px;max-width:5%; font-size:30px; color:#f0f0f0; text-align:center; }
.i2_text { width:54px; max-width:20%; font-size:10px; color:#999;}
.i2_price {text-align:center; width:96px; max-width:35%; font-size:12px; color:#000; position:relative;}
.i2_price b { font-size:14px; color:#f2f2bd; font-weight:bold; width:57px; max-width:60%; background:#282828; box-shadow:0px -2px 2px #ccc; display:inline-block; text-align:center; padding:5px 0; border-radius:5px; margin:0 5px; }
.info2 div .i2_bg { position:absolute; top:-4px; left:0; background:#0064c8; color:#fff; display:flex; width:96px; height:30px; justify-content:center; align-items:center; background:#0064c8; color:#fff; cursor:pointer; border-radius:5px;}
.info2 div .i2_bg.on { display:none;}
.info2 div:first-child .i2_bg { display:none;}
.i2_bh_align { font-size:14px;}
/* 성별 css */
.sex_cover {position:absolute;right: 1px;top:1px;display:flex;}
.sex_cover input { display:none;}
.sex_cover label { border:1px solid #000; height:69px; width:73px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:32px; background:#e0e0e0;}
.sex_cover input:checked + label { background:#fd0; font-weight:bold;}
 .cover_box { position:relative; margin-bottom:0 !important} 

/* //최신랜딩 css */
.container_fix { width:1000px; max-width:100%; margin:0 auto; position:relative;}
.par_name { font-size:14px; display:block; margin-bottom:5px;} 


#wrap_bottom{position: relative;}

.topImg{
    width: 158px;
    height: 40px;
    /* background: red; */
    position: absolute;
    left:555px;
    
    top: 14px;
    
    cursor: pointer;
}

#ajax_loding { position:fixed;z-index:999; top:0; left:0; 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;}
#wrap{overflow-x: hidden;}

.copy_s b{line-height: 1.6em;}
.copy_s p{line-height: 1.6em;}

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

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

input[type="text"], input[type="tel"] {font-family: 'Pretendard', sans-serif !important;}
input[type="tel"]::placeholder {font-size: 32px !important;}
#modal-form select {font-size: 30px !important}