@charset "utf-8";

#wrap {position:relative; overflow:hidden;margin:0 auto}

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

.header-text { line-height: 100px; font-size: 88px; font-weight: 900; position: absolute; width: 100%; text-align: center; left: 0; top: 214px; color: #fff000; }
.header-text .color-text { color: #fff; font-weight: 300;}
.header-text p {font-weight: 900; }

.form_wrap .con {position:relative; width:1000px; margin:0 auto;}

.alert2 {position: absolute; left: 797px; top: 2010px; z-index: 999; width: 205px; height: 1240px; cursor: pointer;}



.footer-bg {margin-top: -1px; background:url("./footer-bg.png") no-repeat top center; height:330px;}
 
.footer {position:relative; z-index:11; background:#282a29;}
.footer .con {width: 1100px; margin: 0 auto; position: relative; text-align: left;}
.footer .flogo {display:inline-block; vertical-align: top; margin: 39px 0 0px 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.2;}
b {font-weight: 700;}



/* 슬라이더 */


input.Ipt_Txt {width:100%;}
.sel_1 { width:50%; height:36px; width:100%; font-size:17px; text-indent:5px;}

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


.real_insu_wrap2 {top: 393px; left: 0px; width:1002px;}

/* 슬라이더 끝 */


.topImg {float:right; padding:2px 0; position: relative;}
.today_txt{position: absolute;left: 225px;top: 25px;color: #fff;font-weight: bold;}

.form_box2 {top: -65px !important; left:548px !important;}
.form_box2 .tbl_form .ip_base {border: 2px solid #c4c4c4 !important; font-size: 14px;}
.form_box2 .tbl_form .tel1 {border: 2px solid #c4c4c4;}
.form_box2 .privacy {
font-size: 11px !important; top: 5px !important; left: 244px !important; }
.form_box2 .tbl_form td {padding:0;}
.labelAfterCheckBox {margin-left: 11px; font-weight: 500; color: #000; display: inline-block; padding: 3px 10px; outline: 2px solid #000; color: #000;}
.labelAfterCheckBox{ background-color: #df0615; color:#fff;}



/* Select box �ろ���� 豐�蠍壱�� */ 
select {
	padding: 0 10px 0 4px;
	background: #f5f5f5 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; }

.name_box { display:flex;}

/* 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%; background:#fff; height:auto; max-width:1920px; margin:0 auto;}
#wrap_bottom { text-align:center; height:346px; background:url('./mainbg_bottom.png') no-repeat top center; position:relative; z-index:-1;}
.alert5 { 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 */
#insuSampleTable { width:1100px; max-width:100%; margin:0 auto; vertical-align:middle; position:relative; z-index:9; }
.bh_name { display:flex; align-items:center; flex-direction: column;}
.bh_name img {height:85px}

.price {     border-left: 1px solid #ddd;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 4rem;
    margin-left: 4rem;    justify-content: center;
	}
.bh_number {font-size: 12px;color: #999;display: block;word-break: break-all; margin-top: 25px;}
#insuSampleTbody { border:none; border-collapse: separate; border-spacing: 0; background-clip: padding-box; width:1100px; }
.price_num { font-size:26px; color:#ff7300; font-weight:500; cursor:inherit !important; position:relative;letter-spacing: -1px;margin-bottom:20px;display: flex;align-items: center;gap: 10px;margin-top:7px}
#insuSampleTable 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;}
.won {font-size:2.3rem; font-weight:500}
.price > a.jasehi { margin:10px 0; background:#ff7300}
.price > div, .price > a { margin:5px 0; cursor:pointer; width:200px; height:53px; display:flex; align-items:center; justify-content:center;font-size:2rem;color:#fff; background:#333;}
.gaip { background:#333; color:#fff;}
#insuSampleTable tr {width:1100px; display:flex; justify-content:space-between; align-items:center; border:1px solid #ddd; padding:0 40px 0 50px; margin-bottom:10px; background:#fff;height:22rem;border-radius: 2rem;margin-bottom: 4rem;}
.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;}
.product {width:55%; font-size: 2.5rem; font-weight: 500;word-break: break-all;line-height: 1.4;padding-right:14rem;letter-spacing: -.5px;}
.product .bohum_category {font-size: 2rem;color: #fc7a0d; font-weight: 500;margin-bottom: 10px;display: block;}
.form-set div .cover_box { position:relative; margin:0;}
/* 성별 css */
.sex_cover {position:absolute;right: 1px;top: 1px;display:flex;}
.sex_cover input { display:none;}
.sex_cover label { border:1px solid #000; height:48px; width:40px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:18px; background:#e0e0e0; cursor:pointer;}
.sex_cover input:checked + label { background:#005ecd; font-weight:bold; color:#fff;}

.par_name { font-size:14px; display:block; margin-bottom:5px;} 
#ajax_loding{z-index: 100;display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; 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: 1001px;height: 290px;top: 1259px;left: -1px;cursor: pointer;}

.copy_s p{line-height: 1.6em;color:#ddd;}

/* 폰트 깨지는 현상 */
@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: 17px;}


#wrap {
  max-width: 1920px;
  min-width: 1100px;
}
.inner {
  max-width: 1100px;
  margin: 0 auto;
}

header {
  padding: 1.5rem 0;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 3px 7px 12px rgba(22, 22, 22, 0.5);
}
header a {
  display: block;
  width: 14rem;
}
header a img {
  width: 100%;
}

#sec1 {
  padding: 5rem 0;
  background: url("../Img/main_bg.png") no-repeat center / cover;
}
#sec1 .intro {
    font-family: 'ONE-Mobile-Regular';
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
    color: #fff;
    font-weight: 300;
    text-shadow: 0px 0px 7px #b754007a;
    letter-spacing: -1px;
}
#sec1 h1 {
  font-family: 'ONE-Mobile-Title', 'sans-serif';
  font-size: 7rem;
  text-align: center;
  line-height: 1.25;
  color: #fff;
  margin-bottom: 3.4rem;
  text-shadow: 0px 0px 7px #b754007a;
  letter-spacing: -2px;
}
#sec1 .box_wrap {
  display: flex;
  gap: 2.5rem;
}
#sec1 .box_wrap .company_wrap,
#sec1 .box_wrap .form_wrap {
  width: 50%;
  border-radius: 1rem;
  box-shadow: rgba(99, 99, 99, 0.2) 1px 1px 5px 0px;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sec1 .box_wrap .company_wrap img {
  width: 100%;
}
#sec1 .box_wrap .form_wrap {
  padding: 4rem 5rem;
}
#sec1 .box_wrap .form_wrap .row {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
#sec1 .box_wrap .form_wrap .row > label {
  font-size: 2.3rem;
  font-weight: 600;
  min-width:120px;
  cursor: pointer;
}
#sec1 .box_wrap .form_wrap .row input {
  background: #f5f5f5;
  display: block;
  font-size: 2.2rem;
  padding: .8rem 1.2rem;
  width: calc(100% - 120px);
  outline: none;
  height:47px;
  font-weight: 500;
}
#sec1 .box_wrap .form_wrap .row input[type="text"]#customer_name {
  width: 53%;
}
#sec1 .box_wrap .form_wrap .row input#mobile2 {
  width: 52%;
}
#sec1 .box_wrap .form_wrap .row select {
height:42px;
  background: #f5f5f5;
  font-size: 2rem;
  font-weight: 600;
  padding: .8rem 1rem;
  border: 0;
  margin-right: 1rem;
	background:#f5f5f5 url('arrow.png') no-repeat 90% 50%  !important;
  outline: none;
  width:19%;    padding-left: 16px;height:47px
}
#sec1 .box_wrap .form_wrap .row option {
  font-size: 2rem;
}
#sec1 .box_wrap .form_wrap .row .sex_wrap {
  display: flex;
}
#sec1 .box_wrap .form_wrap .row .sex_wrap label {
  color: #fff;
  font-size: 2rem;
  padding: 1rem;
  background: #a0a0a0;
  cursor: pointer;
      width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
	height:48px
}
#sec1 .box_wrap .form_wrap .row .sex_wrap input[type="radio"] {
  display: none;
}
#sec1 .box_wrap .form_wrap .row .sex_wrap input:checked + label {
  background: #ff7300;
}
#sec1 .box_wrap .form_wrap .privacy_wrap {
  margin: 2.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 90px;
}
#sec1 .box_wrap .form_wrap .privacy_wrap .check_row {
  display: flex;
  align-items: center;
  width: 30rem;
}
#sec1 .box_wrap .form_wrap .privacy_wrap .check_row input[type="checkbox"] {
  appearance: auto;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
#sec1 .box_wrap .form_wrap .privacy_wrap .check_row label,
#sec1 .box_wrap .form_wrap .privacy_wrap .check_row a {
  font-size: 2.1rem;
  font-weight: 600;
  cursor: pointer;
}
#sec1 .box_wrap .form_wrap .privacy_wrap .check_row a {
  display: block;
  margin-left: .5rem;
}
#sec1 .box_wrap .form_wrap .submit_wrap {
  width: 100%;
  text-align: center;
  position:relative;
  margin-top:30px
}
#sec1 .box_wrap .form_wrap .submit_wrap input {
  position: absolute;
  top: 0;
  height: 62px;
  width: 450px;
  background: transparent;
  cursor:pointer;
} 
#sec1 .box_wrap .form_wrap .submit_wrap a img {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 4px;
}

#sec2 {
  padding: 3rem 0;
}
#sec2 .plan_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  border: 1px solid #e1e1e1;
}
#sec2 .plan_wrap p {
  font-size: 2.7rem;
  font-weight: 600;
}
#sec2 .plan_wrap .title {
  background: url("../Img/con1_icon.png") no-repeat 0 50% / 4rem;
  padding: 2.5rem 2.5rem 2.5rem 5rem;
}
#sec2 .plan_wrap .title em {
  font-weight: 700;
}
#sec2 .plan_wrap .date_wrap {
  padding: .8rem 1.6rem;
  background: #f7f7f7;
}
#sec2 .plan_wrap .date_wrap .date em {
  font-weight: 700;
  color: #e23101;
}

#sec3 {
  background: #f7f7f7;
  padding: 5rem 0;
}
#sec3 .top_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 9rem;
  background: #fff;
  margin-bottom: 2rem;
  border-radius: 1rem;
  box-shadow: rgba(144, 144, 144, 0.15) 2px 2px 3px 0px;
}
#sec3 .top_container h1 {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1px;
}
#sec3 .top_container .progress_wrap ul {
  display: flex;
  align-items: center;
}
#sec3 .top_container .progress_wrap ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem;
}
#sec3 .top_container .progress_wrap ul li:nth-child(2n) {
  margin: 0 1.5rem 5rem 1.5rem;
}
#sec3 .top_container .progress_wrap ul li .circle {
  background: #ff7300;
  border-radius: 100%;
  margin-bottom: 1rem;
}
#sec3 .top_container .progress_wrap ul li p {
  font-size: 1.7rem;
  letter-spacing: -.15rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}
#sec3 .top_container .progress_wrap ul li span {
  font-size: 1.5rem;
  letter-spacing: -.1rem;
}
#sec3 .btm_container {
  display: flex;
  gap: 2rem;
}
#sec3 .btm_container .rolling_wrap {
  background: #fff;
  width: 50%;
  padding: 3rem 2rem;
  box-shadow: rgba(144, 144, 144, 0.15) 2px 2px 3px 0px;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
#sec3 .btm_container .rolling_wrap::before {
  content: "";
  width: 100%;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: #fff;
}
#sec3 .btm_container .rolling_wrap::after {
  content: "";
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: #fff;
}
#sec3 .btm_container .rolling_wrap ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.4s;
}
#sec3 .btm_container .rolling_wrap ul li {
  display: flex;
  justify-content: center;
  align-items: center;
}
#sec3 .btm_container .rolling_wrap ul li {
  display: flex;
  gap: 2.5rem;
}
#sec3 .btm_container .rolling_wrap ul li p {
  font-size: 2rem;
  font-weight: 600;
}
#sec3 .btm_container .rolling_wrap ul li .state {
  font-size: 1.6rem;
  padding: .6rem 2rem;
  background: #fc7300;
  color: #fff;
  border-radius: 2rem;
}
#sec3 .btm_container .benefit_wrap {
  width: 50%;
  background: #fc7300 url("../Img/con1_txt_bg_1.png") no-repeat 100% 100% / 20rem;
  padding: 3rem 4rem;
  border-radius: 1rem;
  border: 1px solid #e1e1e1;
}
#sec3 .btm_container .benefit_wrap h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2rem;
}
#sec3 .btm_container .benefit_wrap ul li {
  display: flex;
  align-items: center;
}
#sec3 .btm_container .benefit_wrap ul li:not(:last-child) {
  margin-bottom: 1rem;
}
#sec3 .btm_container .benefit_wrap ul li i {
  font-size: 1.5rem;
  padding: .3rem;
  background: #fff;
  color: #fc7300;
  font-weight: 600;
  margin-right: 1.2rem;
  width: 3rem;
  text-align: center;
}
#sec3 .btm_container .benefit_wrap ul li p {
  font-size: 1.7rem;
  color: #fff;
}
#sec4 h1 {
	padding:60px 0
}
#sec4 h1 ,
#sec5 h1 {
  font-family: 'ONE-Mobile-Title', 'sans-serif';
  font-size: 4rem;
  text-align: center;
  letter-spacing: -.05rem;
}


#sec4 {padding:50px 0 100px;}
#sec4 .category_wrap {display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 50px;}
#sec4 .category_wrap label {display: block; padding: 11px 30px; box-sizing: border-box; border-radius: 8px; font-size: 21px; font-weight: 500; border: 1px solid #bbb; cursor: pointer;}
#sec4 .category_wrap input[type="radio"]:checked + label {color: #fff; background: #ff7300; border: 1px solid #ff7300;}

#sec4 .list_wrap ul {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
#sec4 .list_wrap ul li {display: flex; align-items: center; justify-content: center; border: 2px solid #ddd; padding: 45px; box-sizing: border-box; border-radius: 20px; background: #fff; height: 165px;}
#sec4 .list_wrap ul li img {width: 100%; height: 100%;}
#sec4 .list_wrap .life_list {display: none;}




#sec5 h1 {margin-bottom:4.5rem}
#sec4 h1 em, 
#sec5 h1 em {
  font-family: inherit;
  color: #ff7300;
}


#sec5 {
  padding: 9rem 0;
  background: #f7f7f7;
}
#sec5 .list_wrap .box {
  font-size: 2.8rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid #ddd;
  padding: 5rem 6rem;
  letter-spacing: -.1rem;
  border-radius: 2.5rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  position: relative;
}
#sec5 .list_wrap .box:first-of-type {
  margin-bottom: 2rem;
  padding: 3rem 6rem;
}
#sec5 .list_wrap .box:last-of-type::after {
  content: "";
  width: 18rem;
  height: 18rem;
  background: url("../Img/con3_icon.png") no-repeat center / cover;
  position: absolute;
  bottom: 5rem;
  right: 6rem;
}
#sec5 .list_wrap .box h2 {
  font-size: 3.2rem;
  font-weight: 700;
  color: #ff7300;
  letter-spacing: -.08rem;
  margin-bottom: 3.5rem;
}
#sec5 .list_wrap .box ul li {
  font-size: 2rem;
  font-weight: 500;
  background: url("../Img/con3_arrow.png") no-repeat 0 50% / 2rem;
  padding-left: 3rem;
  letter-spacing: -.08rem;
}
#sec5 .list_wrap .box ul li:not(:last-child) {
  margin-bottom: 2.5rem;
}

footer .sim_wrap {
  padding: 3rem 0;
  background: #ffe8d9;
}
footer .sim_wrap .red {
  font-size: 1.5rem;
  font-weight: 500;
  color: red;
  line-height: 1.4;
  margin-bottom: 1rem;
}
footer .sim_wrap .sim {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
}
footer .company_wrap {
  padding: 3rem 0;
  background: #333;
}
footer .company_wrap ul li {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
}
footer .company_wrap ul li:not(:last-child) {
  margin-bottom: .7rem;
}