@charset "utf-8";
@font-face {
  font-family: 'GongGothicMedium';
  src: url('../Font/GongGothicMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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

.header {width: 100%; background: #fff; height: 70px;}
.header .con {width:1000px; margin:0 auto;height:70px;display: flex;align-items: center;justify-content: space-between; }
.header .logo img {height:auto; margin:5px 0;}


#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;}
.copy_s {font-size: 14px; padding: 25px 0; }
.main_top .t_txt {position:absolute; left:758px; top:494px; width: 360px; padding-left:44px; background:rgba(0,0,0,0.2); padding-bottom:10px;}
.main_top .t_txt > div {font-weight:500; font-size:20px; color:#fff; line-height:1.3}
.main_top .t_txt > div span {font-size:30px; font-weight:bold; color:#fff; letter-spacing:-4px;}
.main_top .t_txt > div.t2 {font-size:16px; font-weight:500; margin-top:2px;}
.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: 42px 60px 0px 0;}
.footer .copy_s {display:inline-block; color:#999; vertical-align: top; }
.copy_s p {margin: 12px 0; text-align: left; }
b {font-weight: 400;}
select {
	padding: 0 10px 0 4px;
/*	font-family: inherit;*/
	background: url('arrow.png') no-repeat 100% 50% #fff !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {
   display: none;            /* 占쎈뗄沅∽옙占� 占쎈냱釉룡묾占� for IE10, 11*/
}
/* bx-slider */
.bx-box {background: #fff;
    width: 520px;
    padding: 30px;
    border-radius: 10px;}
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 230px !important;
	text-align:center
}
.bx-box ul li {	margin-bottom: 14px;display: flex;align-items: center;justify-content: center;}
.bx-box ul li span { font-size: 24px; }
.bx-box ul li span:nth-child(2) {
}
.bx-box ul li span:nth-child(1),
.bx-box ul li span:nth-child(2) {
	display: inline-block;
}
.bx-box ul li span.name_new {  letter-spacing: -1px; vertical-align: -1.5px; 	}
.bx-box ul li span.sex { letter-spacing: -1px; padding: 0 35px 0 35px; vertical-align: -1.5px; }
.bx-box ul li span.age { display: flex;  color: #fff; border: 1px solid #009145; background: #009145;  padding: 7px 20px;border-radius: 20px}
.bx-box ul li span.age i { font-size: 18px;  font-weight: normal;}


/* ���� ��� */
.form-box {position: relative}
.form-all { height: 52px; font-size: 20px; font-weight: 800; font-size: 19px; font-family:NanumSquare, sans-serif;}
.form-set div { display:flex;align-items: center; }
.form-set div span { display: inline-block; width: 25%; line-height: 52px; font-weight: bold; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text {vertical-align: top;width: 75%;height:40px;padding: 5px 8px;outline: none;border: none;border-radius: 5px;box-sizing: border-box;}
.form-set div .form-number { box-sizing: border-box; vertical-align: top; width: 20%;height:40px; outline: none; border-radius: 5px; margin-right: 5px; padding: 5px 8px;border:none}
.form-set div .form-number:last-child {margin-right: 0;width: 55%;}
.form-set div select { outline: none; border: none; font-weight: 800;}
.form-set div select:focus { border: 2px solid #ff5c39; }
.form-set div input:focus { border: 2px solid #ff5c39; }

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

.btn_submit {background: url(./form_btn.png)no-repeat;
    width: 360px;
    height: 60px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 15px;
}



/* 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;
	  font-family:pretendard
}

/* IE ���� Select box ���危�� ��蟇� */ 
select::-ms-expand { display: none; }

/* IE10 �伎������ input box �� 豢�螳��� 讌��郁鍵 覯��� ��蟇� */
input::-ms-clear { display: none; }

/* placeholder 豐�蠍壱�� */
input::-webkit-input-placeholder {
  color: #888;
  font-style: normal;
  font-weight:100;
     font-family:pretendard
}
input:-ms-input-placeholder {
  color: #888;
  font-style: normal;
  font-weight:100;
   font-family:pretendard
}
textarea::-webkit-input-placeholder {
  color: #888;
  font-style: normal;
  font-weight:100;
   font-family:pretendard
}
textarea:-ms-input-placeholder {
  color: #888;
  font-style: normal;
  font-weight:100;
   font-family:pretendard
}
.form-set div input.form-name::placeholder { font-weight: 300; color:#888;  font-family:pretendard}
input::placeholder { font-weight: 300; color:#888;  font-family:pretendard}
.i2_text{ display: none;}
.form-set div .cover_box { position:relative; margin:0; width:75%}
/* 성별 css */
.sex_cover {position:absolute;right:0;top: 0;display:flex;color:#fff; border-radius: 0 5px 5px 0;overflow: hidden;}
.sex_cover input { display:none;}
.sex_cover label {  height:40px; width:40px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:18px; background:#a0a0a0;}
.sex_cover input:checked + label { background:#f96500; font-weight:bold;}

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

#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;}
.round { width:300px; height:300px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
/* 2022-06-22 토탈 배너 a 링크 */
.footer p {line-height: 1.3em;}
.today_txt{color: #fff;position:relative;padding-left:15px; border-left:1px solid #fff;margin-left:15px}
#insuSampleTbody { width:1000px; max-width:100%; margin:0 auto; vertical-align:middle; position:relative; z-index:9; }
.bh_name { display:flex; align-items:center; width:202px; max-width:20%;}
.product { vertical-align:middle; font-size:20px; font-weight:bold; max-width:55%; width:550px; word-break:keep-all;
white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ 
word-break: break-all;
}
.price { vertical-align:middle; font-size:18px; text-align:center; width:165px; max-width:20%;}
.bh_number { font-size:14px; color:#999;}
#sampleTbody { border:none; border-collapse: separate; border-spacing: 0; background-clip: padding-box; width:1000px;}
.price_num { font-size:20px; color:#f44; font-weight:bold; cursor:inherit !important; position:relative;}
#insuSampleTbody 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;}
.jasehi { border:1px solid #333; margin:5px 0; color:#000;}
.price > div, .price > a { margin:5px 0; cursor:pointer; width:160px; height:40px; display:flex; align-items:center; justify-content:center;}
.gaip { background:#333; color:#fff;}
#insuSampleTbody tr { display:flex; justify-content:space-between; align-items:center; border:1px solid #999; padding:10px 25px; margin-bottom:10px; background:#fff;}
.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;}

/* 폰트 깨지는 현상 */
@font-face {
	font-family: 'NotoSansKR';
	src: url('../Font/NotoSansKR-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
.form-set div .form-text.form-name {font-family: 'pretendard' !important;width:100%; height:40px}
.form-set .form-name::placeholder{font-family: 'SCDream';}
.form-set .form-number::placeholder {font-size: 17px;}

.inner {width:1000px; margin:0 auto}

/* section1 */
.section1 {background: url(./main_bg.png);height:710px;position:relative}
.today_txt_wrap {    position: absolute;
    top: -36px;
    display: flex;
    align-items: center;
    color: #fff;
    background: #ff630d;
    padding: 10px 40px;
    right: 0;
    border-radius: 10px 10px 0 0; }
.section1 .sec1_top {padding-top:60px}
.section1 .sec1_top .sec1_title_wrap p , .section1 .sec1_top .sec1_title_wrap span{color:#fff}
.section1 .sec1_bottom{width: 100%;display: flex;align-items: center; position: absolute; bottom: 0;}
.section1 .sec1_bottom::before {position:absolute; width:50%; right:0 ; bottom:0; content:''; background:#009145;;height:100%}
.section1 .sec1_top .today_txt_wrap {background: #fff;width: 310px;padding: 15px 20px;display: flex;align-items: center; justify-content: space-between; box-shadow: 0 0 2px 2px #f7f0ec; border-radius: 10px;font-size: 17px;font-weight: 700;margin-bottom:60px}
.bohum_title {    font-family: 'GongGothicMedium';margin-bottom: 40px;font-size: 65px;font-weight: normal; letter-spacing: -2px;line-height: 1.2;}
.bohum_title span { font-family: 'GongGothicMedium';font-size: 65px;font-weight: normal;color: #f96500;}
.sec1_title_wrap > span {font-size: 25px;font-weight: 100;letter-spacing: -1px; margin-bottom: 20px;display: block;}
.sec1_bottom .inner {background:#009145; position:relative;display: flex;justify-content: space-between;align-items: center;padding:50px 0}
.sec1_bottom .inner::before {position:absolute; left:-150px; content:''; height:100%;background:#009145; width:150px; border-radius:30px 0 0 0}
.form_wrap {width:360px;margin-left:60px }
.form_wrap h2 {color: #fff;
    font-family: 'GongGothicMedium';
    text-align: center;
    font-size: 35px;margin-bottom:20px}


/* section2 */
.section2 {padding: 100px 0}
.section2 .inner > h3 {font-family: 'GongGothicMedium';background: none;color: #000;padding: 0;text-align: center; font-size: 50px; letter-spacing: -1px;margin-bottom: 50px;}
.section2 .inner > h3 span {font-family: 'GongGothicMedium';color: #009145;}
.section2 .inner > span {font-size: 20px;letter-spacing: -1px;margin-bottom: 30px;font-weight: 500;background: #d9d9d9;display: inline-block;margin-left: 50%;transform: translateX(-50%);padding: 15px 0;border-radius: 30px;color: #333;width: 350px;text-align: center;}

.middle_list {width: 100%;margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 50px 0 0;border-top: 2px solid #afafaf;border-bottom: 2px solid #afafaf;height:90px}
.middle_list_1 {}
.middle_list_2 {display: flex;align-items: center;justify-content: center;width:50%;gap: 70px;}
.middle_list_2 p {font-size: 22px; line-height: 1.3; text-align: center; color: #464646;width:150px;font-weight:600}
.middle_list_2 div {font-family: NanumSquare;font-size: 30px;;font-weight:600;position:relative}
.middle_list_2 div.middle_list_2_line {width: 2px;height: 70px;background: #bbb;}
.middle_list_2 p span {display: block;color: #b9b9b9;font-size: 18px;}
.middle_list_2 div span {font-family: pretendard;font-size: 40px;padding: 0 10px;font-weight: 600;color: #f00;letter-spacing: -2px;}
.middle_list_3 {width:200px;display: flex;justify-content: flex-end;}
.middle_list_3 p {    background: #3e3a39;color: #fff;padding: 10px 20px;font-size: 20px; cursor: pointer;}



/* section3 */
.section3 {padding: 100px 0;background: #f2f9f6;}
.section3 .inner > h3 {font-family: 'GongGothicMedium';background: none;color: #000;padding: 0;text-align: center; font-size: 50px; letter-spacing: -1px;margin-bottom: 50px;}
.section3 .inner > h3 span {font-family: 'GongGothicMedium';color: #009145;}
.section3 .inner > span {font-size: 20px;letter-spacing: -1px;margin-bottom: 30px;font-weight: 500;background: #d9d9d9;display: inline-block;margin-left: 50%;transform: translateX(-50%);padding: 15px 0;border-radius: 30px;color: #333;width: 350px;text-align: center;}

.sec3_content_wrap {display: flex;justify-content: space-around;flex-direction: column;align-items: center;gap:20px;align-items: flex-end;}
.sec3_content_wrap > div {position:relative}
.sec3_content_wrap > div::before {position:relative}
.sec3_content_mid {width: 28%;text-align: center;}
.sec3_content_wrap .sec3_content_top, .sec3_content_wrap .sec3_content_bottom{display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;align-items: center;gap:20px}
.sec3_content_wrap .sec3_content_top > div, .sec3_content_wrap .sec3_content_bottom > div {width: 28%;background: #fff;border: 1px solid #e8edf3; border-radius: 15px; display: flex;align-items: center;padding:20px 0 20px 35px;gap: 30px;}
.sec3_content_wrap .sec3_content_top > div > div > span , .sec3_content_wrap .sec3_content_bottom > div > div > span {font-size: 22px;font-weight: 700; letter-spacing: -1px;}
.sec3_content_wrap .sec3_content_top > div > div > p , .sec3_content_wrap .sec3_content_bottom > div > div > p {color: #b9b9b9;margin-bottom: 10px;font-weight: 600;letter-spacing: -.5px;}
.sec3_content_wrap .sec3_content_bottom > div:last-child > div > p {    color: #80c8a2;}
.left_arrow {transform: rotateZ(180deg);}
.down_arrow {transform: rotateZ(90deg);}

.sec3_content_wrap .sec3_content_bottom {    flex-direction: row-reverse;}
.sec3_content_wrap .sec3_content_bottom > div:last-child {background:#009145; color:#fff}

.swiper-wrap {
  padding: 30px;
  background: #fff;
  box-sizing: border-box;
  width: 520px;
  height: 290px;
  overflow: hidden; 
  border-radius: 10px;
}

.swiper-wrap .mySwiper {
  height: 100%;
}

.swiper-wrap .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

.swiper-wrap .swiper-slide {
}

.swiper-wrap ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-wrap ul li span.name_new {
  letter-spacing: -1px;
  vertical-align: -1.5px;
  font-size: 24px;
}

.swiper-wrap ul li span.sex {
  letter-spacing: -1px;
  padding: 0 35px 0 35px;
  vertical-align: -1.5px;
  font-size: 24px;
}

.swiper-wrap ul li span.age {
  display: flex;
  color: #fff;
  border: 1px solid #009145;
  background: #009145;
  padding: 7px 20px;
  border-radius: 20px;
  font-size: 18px;
}