@charset "utf-8";
/* CSS Document */
#db_input * {box-sizing: border-box;}
#db_input {position: relative; overflow: hidden; background: #4a4236; padding: 43px 0;box-sizing: border-box;line-height:1;}

#db_input .t_warp {  max-width: 1300px;margin:0 auto;display: flex;  flex-wrap: nowrap;  justify-content: center;}

#db_input .t_warp .t_contant { position: relative; display:flex;overflow: hidden; width: 85%; padding:0; flex-direction:row; flex-wrap:wrap;align-items:flex-start;}

#db_input .t_warp .db_submit {width: 15%; background-color: #b47b20; }

#db_input .t_warp .db_submit  #apply_btn { background:transparent; width:100%; height: 125px;color: #fff; font-size: 20px; font-weight: 700;border:0;padding:0;cursor: pointer; }
#db_input .t_warp .db_submit  #apply_btn span {display:inline-block;position: relative;padding-right:35px;}
#db_input .t_warp .db_submit  #apply_btn span:after {content:''; position:absolute;right:0;top:3px;width:26px;height:26px;background:url("/img/db_f_ico.png");}


#db_input .t_warp .t_contant h2 { position: relative; display:flex; flex-direction:row;align-items:center;width:100%; color:#fff;font-size: 36px; font-weight:600;letter-spacing:-0.06em; line-height:1;}

#db_input .t_warp .t_contant h2 span {display:inline-block; color:rgba(255,255,255,.8); font-size: 16px; font-weight: 300; padding:5px 0 0 14px;}

#db_input .t_warp .t_contant .input_warp { position: relative; display: flex;  justify-content: left;flex-wrap:wrap; flex-direction:row; margin-top:20px;}
#db_input .t_warp .t_contant .input_warp li {display:inline-block;margin-right:20px;}
#db_input .t_warp .t_contant .input_warp li:nth-child(1) {width:180px;}
#db_input .t_warp .t_contant .input_warp li:nth-child(2) {width:220px;}
#db_input .t_warp .t_contant .input_warp li:nth-child(3) {width:430px;}
#db_input .t_warp .t_contant .input_warp li.agree-tx p {color:#fff;font-size:18px;line-height:1;font-weight:300;}
#db_input .t_warp .t_contant .input_warp li.agree-tx p:first-child {padding-bottom:10px;}
#db_input .t_warp .t_contant .input_warp li.agree-tx a {color:#fff; font-weight:500;vertical-align:baseline;}


/* input */
#db_input  input[type="text"] {line-height:50px;height:50px;padding: 5px 10px; font-size:20px; letter-spacing:-0.04em; width:100%; background:#fff; color:#222; border:0;}
#db_input input:focus { outline: none;box-shadow:none;border:0 !important;}

#db_input ::-webkit-input-placeholder { color:#a9a9a9; }/* WebKit browsers */
#db_input :-moz-placeholder { color:#a9a9a9; }/* Mozilla Firefox 4 to 18 */
#db_input ::-moz-placeholder { color:#a9a9a9; }/* Mozilla Firefox 19+ */
#db_input :-ms-input-placeholder { color:#a9a9a9; }/* Internet Explorer 10+ */


#db_input input:-webkit-autofill,
#db_input input:-webkit-autofill:hover, 
#db_input input:-webkit-autofill:focus {
  border:0;
  -webkit-text-fill-color: #222;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}



#db_input input[type="radio"] {display:none;}
#db_input input[type="radio"] + label { color:#fff;cursor:pointer;}
#db_input input[type="radio"]:first-child + label {margin-right:10px;}
#db_input input[type="radio"] + label span {  position:relative;display:inline-block;  width:20px;  height:20px;  background:#fff;margin:0px 7px 0 0;  border-radius:50%;  top:3px;}
#db_input input[type="radio"]:checked + label span {}
#db_input input[type="radio"]:checked + label span:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:12px;height:12px;background:#b47b20;border-radius:50%;}







/* 모바일 */

@media (max-width:1299px) {
	#db_input .t_warp .t_contant {width:76%;}
	#db_input .t_warp .db_submit {width:24%;}
	#db_input .t_warp {width:calc(100% - 60px);}
	#db_input .t_warp .t_contant .input_warp li {display:block;width:100%;margin-right:auto;}
	#db_input .t_warp .t_contant .input_warp li:nth-child(1) {width:22%;}
	#db_input .t_warp .t_contant .input_warp li:nth-child(2) {width:26%;}
	#db_input .t_warp .t_contant .input_warp li:nth-child(3) {width:47%;}
	#db_input .t_warp .t_contant .input_warp li p {display:inline-flex;padding:10px 0; }
	#db_input .t_warp .t_contant .input_warp li p:nth-child(2) {padding-left:20px;}
	#db_input .t_warp .db_submit #apply_btn {height:100%;}
}


@media (max-width:860px) {
	#db_input .t_warp .t_contant h2 {flex-direction:column; align-items: flex-start;font-size:2rem;}
	#db_input .t_warp .t_contant h2 span {display:block; padding:8px 0 0 0;}
	#db_input .t_warp .db_submit #apply_btn span {padding-right:0;}
	#db_input .t_warp .db_submit #apply_btn span:after {display:none;}
}


@media (max-width:768px) {
	#db_input .t_warp {flex-direction:column;}

	#db_input .t_warp .t_contant,
	#db_input .t_warp .db_submit {width:100%;}

	#db_input .t_warp .t_contant .input_warp li:nth-child(1),
	#db_input .t_warp .t_contant .input_warp li:nth-child(2),
	#db_input .t_warp .t_contant .input_warp li:nth-child(3) {width:100%;margin-top:0.8rem;}
	#db_input .t_warp .t_contant .input_warp li.agree-tx {text-align:center;}

	#db_input .t_warp .t_contant, #db_input .t_warp .db_submit {margin-top:1rem;}
	#db_input .t_warp .db_submit #apply_btn {height:5rem;}
		#db_input .t_warp .db_submit #apply_btn span {padding-right:35px;}
	#db_input .t_warp .db_submit #apply_btn span:after {display:inline-block;}
    
}
@media (max-width:468px) {
	#db_input .t_warp .t_contant .input_warp li p:nth-child(2) {padding-left:0.8rem;}
	#db_input .t_warp .t_contant .input_warp li.agree-tx p {font-size:0.9rem;}
	#db_input .t_warp .t_contant h2 {font-size:1.85rem;}
	#db_input .t_warp .t_contant h2 span {font-size:0.8rem;}
	#db_input input[type="text"] {font-size:1.2rem;}

	
}