/* 신청폼박스 */
.form-wrap { font-family: 'Pretendard'; }

/* 신청STEP */
ul.form_step { font-family:Pretendard, sans-serif; display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px 0 20px 0; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid #212121; }
ul.form_step li { width:33%; text-align:center; font-weight:500; font-size:15px; line-height:120%; letter-spacing:-0.05em; }
ul.form_step li span { display:inline-block; font-size:13px; font-weight:500; padding:5px 0; margin-right:5px; color:#000;  background:#fff; width:80px; border-radius:20px; text-align:center; line-height:120%; border:1px solid #dfdfdf; transition:all .2s; }
ul.form_step li span.on { background:#333333; color:#fff; transition:all .2s; }
ul.form_step li strong { font-weight:500; }

@media screen and (max-width : 900px){
	ul.form_step { padding:20px 0 20px 0; }
	ul.form_step li { width:33%; font-size:14px; }
	ul.form_step li span { font-size:13px; padding:5px 0; margin-right:5px; width:80px; }
}
@media screen and (max-width : 650px){
	ul.form_step { padding:10px 0 10px 0; }
	ul.form_step li { width:33%; font-size:13px; }
	ul.form_step li span { width:100px; font-size:11px; padding:4px 0 3px 0; margin-right:0; margin-bottom:5px; }
	ul.form_step li strong { display:block; font-weight:500; }
}

/* 신청타이틀 */
.form_tit_wrap { padding:50px 0 50px 0; font-family:Pretendard, sans-serif; }
.form_tit_wrap .form_title { font-size:33px; text-align:center; color:#212121; font-weight:700; letter-spacing:-0.05em; }
.form_tit_wrap .form_desc { font-size:19px; text-align:center; color:#949494; font-weight:500; letter-spacing:-0.05em; padding:10px 0 0px 0; line-height:1.2; }

@media screen and (max-width : 1260px){
	.form_tit_wrap { padding:40px 0 40px 0; }
	.form_tit_wrap .form_title { font-size:30px; }
	.form_tit_wrap .form_desc { font-size:17px; padding:10px 0 0px 0; }
}

@media screen and (max-width : 900px){
	.form_tit_wrap { padding:40px 0 40px 0; }
	.form_tit_wrap .form_title { font-size:27px; }
	.form_tit_wrap .form_desc { font-size:16px; padding:10px 0 0px 0; }
}

@media screen and (max-width : 650px){
	.form_tit_wrap { padding:20px 0 10px 0; }
	.form_tit_wrap .form_title { font-size:24px; }
	.form_tit_wrap .form_desc { font-size:14px; padding:10px 0 0px 0; }
}

/* 신청단락타이틀 */
.form_tit_wrap2 { padding:40px 0 20px 0; font-family:Pretendard, sans-serif; }
.form_tit_wrap2 .r_title { font-size:25px; text-align:left; color:#212121; font-weight:700; letter-spacing:-0.05em; }
.form_tit_wrap2 .r_title span { font-size:16px; color:#212121; padding:0 0 0 20px; }
.form_tit_wrap2 .r_title span i { color:#d71392; }
.form_tit_wrap2 .r_desc { position:relative; font-size:18px; font-weight:500; color:#949494; letter-spacing:-0.05em; padding:10px 0 0 25px; line-height:1.2; }
.form_tit_wrap2 .r_desc i { position:absolute; font-size:18px; color:#333; top:12px; left:0; }

@media screen and (max-width : 900px){
	.form_tit_wrap2 { padding:35px 0 15px 0; }
	.form_tit_wrap2 .r_title { font-size:21px; }
	.form_tit_wrap2 .r_title span { font-size:14px; padding:0 0 0 10px; }
	.form_tit_wrap2 .r_desc { font-size:16px; padding:10px 0 0 20px; }
	.form_tit_wrap2 .r_desc i { font-size:16px; top:12px; left:0; }
}

@media screen and (max-width : 650px){
	.form_tit_wrap2 { padding:35px 0 15px 0;  }
	.form_tit_wrap2 .r_title { font-size:17px; }
	.form_tit_wrap2 .r_title span { font-size:14px; color:#212121; padding:0 0 0 8px; }
	.form_tit_wrap2 .r_desc { font-size:14px; padding:5px 0 0 20px; }
	.form_tit_wrap2 .r_desc i { font-size:15px; top:5px; left:0; }
}

/* 신청하단타이틀 */
.form_tit_wrap3 { padding:40px 0 20px 0; text-align:center; font-family:Pretendard, sans-serif; font-size:22px; color:#333; font-weight:700; letter-spacing:-0.05em; line-height:1.2; }

@media screen and (max-width : 1260px){
	.form_tit_wrap3 { padding:40px 0 20px 0; font-size:18px; }
}
@media screen and (max-width : 900px){
	.form_tit_wrap3 { padding:30px 0 10px 0; font-size:16px; }
}
@media screen and (max-width : 650px){
	.form_tit_wrap3 { padding:20px 10px 10px 10px; font-size:14px; }
}

/* 신청동의서 */
.agreeWrap { margin:20px 0 30px 0; font-family: 'Pretendard'; }
.agreeWrap .agr_title { font-size:20px; color:#212121; font-weight:700; letter-spacing:-0.05em; padding:0 0 15px 0; }
.agreeWrap .agr_desc { font-size:17px; text-align:left; color:#949494; font-weight:500; letter-spacing:-0.05em; padding:0 0 30px 0; line-height:1.2; }
.agreeWrap .agreetxt { border:1px solid #eaeaea; background:#f7f7f7; padding:20px; }
.agreeWrap .agreetxt .txta_frm { font-size:15px; }
.agreeWrap .agrchk { font-size:17px; text-align:left; color:#949494; font-weight:500; letter-spacing:-0.05em; padding:20px 0 0 0; line-height:1.2; }
.agreeWrap .agrchk * { vertical-align:middle; }

@media screen and (max-width : 900px){
	.agreeWrap { margin-top:30px; }
	.agreeWrap .agr_title { font-size:18px; padding:0 0 15px 0; }
	.agreeWrap .agr_desc { font-size:16px; padding:0 0 30px 0; }
	.agreeWrap .agreetxt { padding:15px; }
	.agreeWrap .agreetxt .txta_frm { font-size:13px; }
	.agreeWrap .agrchk { font-size:16px; padding:20px 0 0 0; }
}

@media screen and (max-width : 650px){
	.agreeWrap { margin-top:10px; }
	.agreeWrap .agr_title { font-size:16px; padding:0 0 15px 0; }
	.agreeWrap .agr_desc { font-size:15px; padding:0 0 30px 0; }
	.agreeWrap .agreetxt { padding:10px; }
	.agreeWrap .agreetxt .txta_frm { font-size:12px; }
	.agreeWrap .agrchk { font-size:15px; padding:20px 0 10px 0; }
}


/* 신청버튼 */
.circBtn { display: inline-block; max-width:200px; width:100%; padding: 10px 0 12px 0; background: var(--main-color); border-radius: 5px; color: #fff; line-height: 1.2; font-family:Pretendard, sans-serif; font-size:15px; font-weight:500; border:0; cursor:pointer; transition:all .2s;}
.circBtn:hover, .circBtn:focus {background: #2c2c2c; transition:all .2s; }

.lineBtn { display: inline-block; max-width:200px; width:100%; padding: 15px 0 17px 0; background: var(--main-color); border-radius: 0; color: #fff; line-height: 1.2; font-family:Pretendard, sans-serif; font-size:15px; font-weight:500; border:0; cursor:pointer; transition:all .2s;}
.lineBtn:hover, .lineBtn:focus {background: #2c2c2c; transition:all .2s; }

.linegrayBtn { display: inline-block; max-width:200px; width:100%; padding: 15px 0 17px 0; background:#212121; border-radius: 0; color: #fff; line-height: 1.2; font-family:Pretendard, sans-serif; font-size:15px; font-weight:500; border:0; cursor:pointer; transition:all .2s;}
.linegrayBtn:hover, .linegrayBtn:focus {background: #2c2c2c; transition:all .2s; }

@media screen and (max-width : 1260px){

}

@media screen and (max-width : 650px){
	/* btn */
	.circBtn { max-width:150px; padding: 10px 0 12px 0; font-size:14px; }
	.circBtn:hover, .circBtn:focus {background: #2c2c2c; transition:all .2s; }

	.lineBtn { display: inline-block; max-width:120px; width:100%; padding: 10px 0 12px 0; background: var(--main-color); border-radius: 0; color: #fff; line-height: 1.2; font-family:Pretendard, sans-serif; font-size:14px; font-weight:500; border:0; cursor:pointer; transition:all .2s;}
	.lineBtn:hover, .lineBtn:focus {background: #2c2c2c; transition:all .2s; }

	.linegrayBtn { display: inline-block; max-width:120px; width:100%; padding: 10px 0 12px 0; background:#212121; border-radius: 0; color: #fff; line-height: 1.2; font-family:Pretendard, sans-serif; font-size:14px; font-weight:500; border:0; cursor:pointer; transition:all .2s;}
	.linegrayBtn:hover, .linegrayBtn:focus {background: #2c2c2c; transition:all .2s; }
}


/* 신청우편번호 */
.input_pup { width:100%; height:45px; padding:0 0; border:1px solid var(--main-color); color:#fff !important; cursor:pointer; background:var(--main-color); text-align:center; font-size:14px; font-weight:700; transition:all .2s;}
.input_pup:hover {outline:none; background-color: #000; border:1px solid #000000 !important; transition:all .2s;}
.input_pup::placeholder {color: rgba(255,255,255,0.9); font-size:13px;}

@media all and ( max-width: 650px ){	
	.input_pup { height:40px; font-size:13px; }
}


/* 완료페이지 */
.result_wrap { max-width:640px; margin:30px auto 0; border:1px solid rgba(0,0,0,0.1); text-align:center; padding:50px 10px 50px 10px; font-family:Pretendard, sans-serif; }
.result_wrap .pic { display:inline-block; }
.result_wrap .rp_title { font-size:28px; text-align:center; color:#212121; font-weight:500; letter-spacing:-0.05em; padding:30px 0 25px 0; }
.result_wrap .rp_desc { font-size:18px; text-align:center; color:#666; font-weight:500; letter-spacing:-0.05em; padding:0 20px 30px 20px; line-height:1.5;  }
.result_wrap .rp_btn { padding-top:20px; }

@media screen and (max-width : 1260px){

}

@media screen and (max-width : 900px){
	.result_wrap {  max-width:100%; margin:20px auto 0; padding:40px 10px 40px 10px; }
	.result_wrap .rp_title { font-size:21px; padding:25px 0 10px 0; }
	.result_wrap .rp_desc { font-size:15px; padding:0 0 30px 0; }
	.result_wrap .rp_btn { padding-top:0; }
}

@media screen and (max-width : 650px){
	.result_wrap {  max-width:100%; margin:20px auto 0; padding:30px 10px 30px 10px; }
	.result_wrap .rp_title { font-size:20px; padding:25px 0 10px 0; }
	.result_wrap .rp_desc { font-size:15px; padding:0 0 30px 0; }
	.result_wrap .rp_btn { padding-top:0; }
}



















/** -- 폼빌더 - View */
.frmbd-list .req { position:relative; display:inline-block; padding:0 10px; font-size:0;  }
.frmbd-list .req * {vertical-align:middle;}
.frmbd-list .req i { font-size:18px; color:#d71392;}

.frmbd-list {border-top:1px solid #333333; }
.frmbd-list > ul {display:block; font-family:Pretendard, sans-serif; }
.frmbd-list > ul > li {display:block; border-bottom:1px solid #eaeaea}
.frmbd-list .frm-li { display:flex; align-items:stretch; position:relative;}
.frmbd-list .frm-li > * {display:block; line-height:120%; }
.frmbd-list .frm-li .fitem { display:flex; align-content:center; font-size:16px; font-weight:500; color:#000000; width:210px; background:#f6f6f6; padding:30px 10px 15px 30px; border-right:1px solid #eaeaea;}
.frmbd-list .frm-li .fitem label { padding:0; margin:0; }
.frmbd-list .frm-li .fld { display:flex; flex-wrap:wrap; align-items:center; justify-content: flex-start; padding:15px 0 15px 30px; width:calc(100% - 210px); }
.frmbd-list .frm-li .fld .space { padding:0px 10px; }
.frmbd-list .frm-li .fld .fidtxt { padding:0px 10px 0 0; font-size:15px; }
.frmbd-list .frm-li .fld .popbtn { width:70px; margin:3px 0 3px 0; }
.frmbd-list .frm-li .fld .fld_txt { display:block; width:100%; font-size:14px; padding:10px 0; }
.frmbd-list .frm-li .fld .radioSet { display:block; font-size:16px; padding:15px 20px 15px 0; font-weight:500; line-height:1; }
.frmbd-list .frm-li .fld .chkSet { display:block; font-size:16px; padding:15px 20px 15px 0; font-weight:500; line-height:1.2; }

@media screen and (max-width : 1260px){
	.frmbd-list .req { padding:0 10px; font-size:0; }
	.frmbd-list .req i { font-size:17px; }

	.frmbd-list .frm-li .fitem { font-size:15px; width:200px; padding:25px 10px 15px 30px; }
	.frmbd-list .frm-li .fld { padding:15px 0 15px 30px; width:calc(100% - 200px); }
	.frmbd-list .frm-li .fld .pupbtn { width:100px; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .fld_txt { display:block; width:100%; font-size:14px; padding:10px 0; }
	.frmbd-list .frm-li .fld .radioSet { display:block; font-size:15px; padding:15px 20px 15px 0; font-weight:500; line-height:0.9; }
	.frmbd-list .frm-li .fld .chkSet { display:block; font-size:15px; padding:15px 20px 15px 0; font-weight:500; line-height:0.8; }
}

@media screen and (max-width : 900px){
	.frmbd-list .req { padding:0 10px; font-size:0; }
	.frmbd-list .req i { font-size:16px; }

	.frmbd-list .frm-li .fitem { font-size:14px; width:150px; padding:25px 10px 15px 15px; }
	.frmbd-list .frm-li .fld { padding:10px 0 10px 30px; width:calc(100% - 150px); }
	.frmbd-list .frm-li .fld .fidtxt { padding:0px 10px 0 0; font-size:13px; }
	.frmbd-list .frm-li .fld .popbtn { width:100px; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .fld_txt { display:block; width:100%; font-size:14px; padding:10px 0; }
	.frmbd-list .frm-li .fld .radioSet { display:block; font-size:15px; padding:15px 20px 15px 0; font-weight:500; line-height:0.9; }
	.frmbd-list .frm-li .fld .chkSet { display:block; font-size:15px; padding:15px 20px 15px 0; font-weight:500; line-height:0.8; }
}

@media screen and (max-width : 650px){
	.frmbd-list .req { padding:0 10px; font-size:0; }
	.frmbd-list .req i { font-size:16px; }

	.frmbd-list .frm-li .fitem { font-size:14px; width:120px; padding:20px 10px 15px 10px; }
	.frmbd-list .frm-li .fld { padding:10px 0 10px 10px; width:calc(100% - 120px); }
	.frmbd-list .frm-li .fld .fidtxt { width:50px; padding:0px 10px 0 0; font-size:12px; }
	.frmbd-list .frm-li .fld .popbtn { width:80px; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .fld_txt { display:block; width:100%; font-size:14px; padding:10px 0; }
	.frmbd-list .frm-li .fld .radioSet { display:block; font-size:14px; padding:10px 20px 10px 0; font-weight:500; line-height:0.9; }
	.frmbd-list .frm-li .fld .chkSet { display:block; font-size:14px; padding:10px 20px 10px 0; font-weight:500; line-height:0.8; }
}


/** input size */
.frmbd-list .frm-li .fld .item100 { width:100%; margin:3px 0 3px 0; }

/* 주소 */
.frmbd-list .frm-li .fld .adrsize1 { width:20%; margin:3px 0 3px 0; }
.frmbd-list .frm-li .fld .adrsize2 { width:70px; margin:3px 0 3px 0; }
.frmbd-list .frm-li .fld .adrsize3 { width:80%; margin:3px 0 3px 0; }
.frmbd-list .frm-li .fld .adrsize4 { width:80%; margin:3px 0 3px 0; }

/* 라디오, 셀렉트 처리 */
.frmbd-list .frm-li .fld .itempart { margin:3px 10px 3px 0; }
.frmbd-list .frm-li .fld .itempart_full { margin:3px 10px 3px 0; }
.frmbd-list .frm-li .fld .itempart_pcfull { width:100%; margin:3px 10px 3px 0; line-height:1.2; }

/* INPUT ~ 2개 */
.frmbd-list .frm-li .fld .iteminput2 { width:40%; margin:3px 0 3px 0; }

/* 데이터요약 */
.frmbd-list .frm-li .fld .itemdata1 { width:10%; margin:3px 10px 3px 0; }
.frmbd-list .frm-li .fld .itemdata2 { width:20%; margin:3px 10px 3px 0; }
.frmbd-list .frm-li .fld .itemdata3 { width:20%; margin:3px 10px 3px 0; }
.frmbd-list .frm-li .fld .itemdata4 { width:30%; margin:3px 10px 3px 0; }
.frmbd-list .frm-li .fld .itemdata5 { width:30%; margin:3px 10px 3px 0; }


@media screen and (max-width : 1260px){
	.frmbd-list .frm-li .fld .item100 { margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .itemdata5 { width:25%; margin:3px 10px 3px 0; }
}

@media screen and (max-width : 900px){
	.frmbd-list .frm-li .fld .adrsize1 { width:30%; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .adrsize2 { width:70px; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .adrsize3 { width:100%; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .adrsize4 { width:100%; margin:3px 0 3px 0; }

	.frmbd-list .frm-li .fld .itemdata1 { width:10%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata2 { width:15%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata3 { width:15%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata4 { width:30%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata5 { width:50%; margin:3px 10px 3px 0; }
}

@media screen and (max-width : 650px){
	.frmbd-list .frm-li .fld .adrsize1 { width:50%; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .adrsize2 { width:70px; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .adrsize3 { width:100%; margin:3px 0 3px 0; }
	.frmbd-list .frm-li .fld .adrsize4 { width:100%; margin:3px 0 3px 0; }

	.frmbd-list .frm-li .fld .itempart { width:50%; margin:1px 0 1px 0; }
	.frmbd-list .frm-li .fld .itempart_full { width:100%; margin:1px 0 1px 0; }
	.frmbd-list .frm-li .fld .itempart_pcfull { width:100%; margin:1px 0 1px 0; }

	.frmbd-list .frm-li .fld .itemdata1 { width:23%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata2 { width:50%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata3 { width:50%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata4 { width:60%; margin:3px 10px 3px 0; }
	.frmbd-list .frm-li .fld .itemdata5 { width:70%; margin:3px 10px 3px 0; }
}