@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('../Font/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'ONE-Mobile-Regular';
  src: url('../Font/ONE-Mobile-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

a {	color: #fff; text-decoration: none; }

.container { width: 1200px; margin: 0 auto; position: relative; }

/* header */
header .inner {width: 1200px; margin: 0 auto;}
header .inner > a {display: block; padding: 20px 0;}

/* 입력 폼 */
.form-box {display:flex}
.allcheck {display: flex; gap: 100px; align-items: center; height: 52px; padding-bottom: 20px; box-sizing: border-box;}
.form-flex {display: flex; align-items: center;}
.form-flex span.txt {width: 60px; height: 40px; display: inline-block; line-height: 40px; text-align: center; cursor: pointer;}
.form-flex .radio-wrap {display: flex; width: 100%; gap: 10px;}
.form-flex .Rdio_Txt {width: 100%; display: inline-block; border: 1px solid #ccc;}
.form-flex input:checked + .Rdio_Txt {background: #00843b; color: #fff;}
.form-flex input:checked + .Rdio_Txt > .Txt{
  color: #fff;
}
.form-flex input {display: none;}
.form-flex .Rdio_Txtno {border-left: 0; width: 100%;}
.pure-form {background: #fff;width: 1000px;position: relative;border: 1px solid #ddd;box-sizing: border-box;border-left: 0;}
#inputform_1{display: flex;width: calc(100% - 200px);justify-content: space-between;align-items: center;}
.form_title {flex: 1; background: #00843b;color:#fff;display: flex; flex-direction: column;justify-content: center;box-sizing: border-box;padding: 0 25px;}
.form_title h2 {font-size:25px;font-weight:600}
.form_title p {font-size: 14px;font-weight: 100;margin-top: 23px;line-height: 1.3;}
.form-all {font-weight: 800; font-size: 18px; font-family:pretendard, sans-serif; margin-right: 10px;}
.form-set div { position:relative }
.form-set div span {line-height: 52px;font-weight: bold;color: #222; text-align: left;height: 40px; display: flex; align-items: center;}
.form-set div .form-text {height:45px;background: #efefef;vertical-align: top;width: 100%;padding: 5px 8px 5px 15px;outline: none;border: none;border-radius: 5px;box-sizing: border-box; font-weight: 400;}
.form-set div .form-number { background: #efefef; box-sizing: border-box; vertical-align: top; width: 30%; outline: none; border: none; border-radius: none; margin-right: 5px; padding: 5px 8px 5px 15px;height: 45px; border-radius: 5px; font-weight: 400;}
.form-set div .form-number:last-child {margin-right: 0;width: 68%;}
.form-set div select { outline: none; border: none; font-weight: 700;}
.form-set {display: flex;align-items: center;gap:20px;padding: 20px;box-sizing: border-box;}
.form-set > div {display: flex; flex-direction: column;width:27%}
.form-set > div:last-child {    display: flex;flex-wrap: wrap;align-items: flex-start;flex-direction: row;width:30%}
.form-set > div:last-child span {width:100%}

.form-set > div.num_wrap {
  display: unset;
  width: 38%;
}
.form-set > div.num_wrap .row{
  display: flex;
}
.form-set .name_input_wrap {

}
.privacy {margin:0 0 0 35px;font-weight: 400;display: flex;align-items: center;gap: 10px;}
.privacy #check-box { width: 22px; height: 22px; vertical-align: -3.5px; margin: 0; padding: 0;}
.privacy .agree-text { cursor: pointer; font-size:17px}
.privacy a { color: #333;font-size:17px;margin-left:3px}
#mobile1 {padding-left:17px}
.form-set div.sex_cover {position:absolute;right:0;top: 1px;display:flex;color:#fff; border-radius: 0 5px 5px 0;overflow: hidden;    flex-direction: row;}
.sex_cover input { display:none;}
.sex_cover label {  height:43px; width:40px; display:flex; justify-content:center; align-items:center; font-weight:400; font-size:18px; background:#a0a0a0;}
.sex_cover input:checked + label { background:#00843b; font-weight:400;}
.btn_submit {display:none}
.btn_submit + label{    position: absolute;
    top: 50%;
    right: 0px;
    width: 200px;
    height: 100%;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer;
    transform: translateY(-50%);
    background: #312927;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 22px;
    gap: 10px;
    font-weight: 600;
	}



  
/* Select box 스타일 초기화 */ 
select {
	padding: 0 10px 0 4px;
	background: url(arrow.png) no-repeat 90% 50% #efefef !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family:pretendard

}

select option { 
	color: #000;
}

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

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px none inset !important;
}

/* alert 버튼 */
.btn-box2 { top: 2764px; left: 737px; width: 264px; height: 56px; position:absolute; cursor:pointer; }
.btn-box1 { top: 1630px; left: 29px; width: 196px; height: 42px; position:absolute; cursor:pointer; }

/* bx-slider */
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 190px !important;
	text-align:center; display:flex
}

.bx-box ul li span { font-size: 25px; }
.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 30px 0 23px; vertical-align: -1.5px; }
.bx-box ul li span.age { display: inline-block;  color: #fff; border: 1px solid #007f41; background: #007f41; font-size: 13px; padding: 5px 20px;border-radius: 20px}
.bx-box ul li span.age i { font-size: 20px;  font-weight: normal;}


/* section1 */
.section1 {background:url("./main_bg.png") no-repeat center / cover;position:relative; width:100%;padding-bottom:80px; padding-top: 80px;}
.sec1_top .container {display: flex;justify-content: space-between;align-items: center;}
.sec1_top_left {background: #fff;    margin: 50px 0;border: 1px solid #ddd;display: flex;flex-wrap: wrap;width: 28%;padding: 30px; box-sizing: border-box;justify-content: space-between;gap: 20px;}
.sec1_top_left > div {height:104px;margin-bottom:10px;width:125px;display: flex;justify-content: center; align-items: center;}
.today_txt_wrap {background: #fff;width: 300px;padding: 10px 20px;display: flex;align-items: center;justify-content: center;;border-radius: 30px;font-size: 17px;font-weight: 700;gap: 20px; border: 1px solid #e8e9e9; margin-bottom: 30px;}
.today_txt::before {position:absolute; bottom:-5px; width:100%; height:1px;background:#019c50; content:'';}
.today_txt{color: #019c50;font-weight: 700;letter-spacing: -1px;position:relative;}
.sec1_top_right {display: flex; box-sizing: border-box;flex-direction: column; margin-bottom: 40px;}
.sec1_top_right > div:last-child {display: flex;justify-content: space-between;align-items: center; gap: 20px;}
.sec1_top_right .img_wrap img {width: 85%;}
.sec1_top_title_wrap {}
.sec1_top_title_wrap p {font-size: 22px;font-weight: 400;margin-bottom: 30px; font-family: 'ONE-Mobile-Regular';}  
.sec1_top_title_wrap h1 span {color: #2d2d2d;  font-family: 'ONE-Mobile-Title'}
.sec1_top_title_wrap h1 {font-family: 'ONE-Mobile-Title';color: #007f41;font-size: 68px;line-height: 1.3;}

.sec1_bottom {position:absolute;left: 50%;transform: translateX(-50%);bottom: -85px;}

/* section2 */
.section2 {padding: 200px 0 20px 0; background: #fff;}
.section2 h1, .section4 h1 {font-family: 'ONE-Mobile-Title';text-align: center; font-size: 40px;margin-bottom: 50px; color: #333; letter-spacing: -1px;}
.section2 .step_wrap {display: flex; flex-direction: column; gap: 65px; position: relative;}
.section2 .step_wrap::after {content: ""; width: 20px; height: 26px; background: url("./con2_arrow_btm.png") no-repeat center / contain; position: absolute; top: 50%; right: 190px; transform: translateY(-50%);}
.section2 .step_wrap ul {display: flex; align-items: center; justify-content: space-between;}
.section2 .step_wrap ul li:nth-child(2n-1) {display: flex;align-items: center;background: #fff;padding: 20px 40px;width: 320px;border: 2px solid #f2f2f2;box-sizing: border-box;}
.section2 .step_wrap ul li:nth-child(2n-1) img {display: block; margin-right: 25px;}
.section2 .step_wrap ul li .txt_wrap p {font-size: 15px; font-weight: 600; color: #ccc; margin-bottom: 7px;}
.section2 .step_wrap ul li .txt_wrap h4 {font-size: 25px; font-weight: 700;}
.section2 .step_wrap .btm_list li:nth-child(1) {background: #00843b; color: #fff;}
.section2 .step_wrap .btm_list li:nth-child(1) p {color: #fff;}
.section2 .step_wrap .btm_list li:nth-child(2n) img {transform: rotate(180deg);}

.section2_bottom {display:flex;justify-content: space-between;align-items: center;margin-top:60px; gap:35px;}
.section2_bottom .section2_bottom_left {width:50%;background: #fff;height:265px;box-shadow: 0 0 2px 1px #ececec;box-sizing:border-box;padding:40px 0; position: relative; touch-action: auto;}
.section2_bottom .section2_bottom_left .rolling {
  margin: 0 auto;
  width: fit-content;
}
.section2_bottom .section2_bottom_left::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: #fff;
  z-index: 999;
}
.section2_bottom .section2_bottom_left::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: #fff;
  z-index: 999;
}
.section2_bottom .section2_bottom_right {width:50%;background:#007f41 url(./con1_bg.png)no-repeat bottom right; height:265px;box-sizing: border-box;padding:40px 50px;}
.section2_bottom .section2_bottom_right h3 {background: none;color: #fff;font-size: 32px;text-align: unset;padding: 0;font-weight: 600;letter-spacing: -1px;margin-bottom: 25px;}
.section2_bottom .section2_bottom_right ul {display: flex;flex-direction: column;gap: 15px;}
.section2_bottom .section2_bottom_right ul li {    color: #fff;display: flex;align-items: center;gap: 10px;font-size: 22px;font-weight: 300;letter-spacing:-.5px}
.section2_bottom .section2_bottom_right ul li span {font-size:15px;background: #fff;color: #007f41;display: flex;width: 25px;height: 22px;align-items: center; justify-content: center; box-sizing: border-box;}

/* sec_ft */
#sec_ft { padding: 80px 0; background-color: #262626; color: #fff;}
#sec_ft h4 { font-size: 30px; letter-spacing: -1px; font-weight: 400;}
#sec_ft p {font-size: 18px; letter-spacing: -1px; margin-top: 20px; line-height: 1.9;}