@media only screen and (min-width: 768px){
	input[type='text'],input[type='number'],input[type='password'],input[type='email'],input[type='search'],input[type='tel'],input[type='text']
	{width:100%;height:30px;font-size:14px;color:#555;background:#fff;border:1px solid #bbb !important;padding:0 6px;margin-bottom:4px;height:30px;}
	input:disabled, input[readonly]{background:#eee;color:#555 !important;-webkit-text-fill-color:#555 !important;-webkit-opacity:1 !important;}
	input[type='search']{width:100%;float:left}
	input.tel{width:62px !important;vertical-align:0% !important;}
	.tel:FIRST-CHILD{margin-right:4px !important;}
	.tel:FIRST-CHILD+.tel{margin:0 4px !important;}
	.tel:FIRST-CHILD+.tel+.tel{margin-left:4px !important;}
	.tel+.email{margin-left: 4px;margin-right: 0;}

	.email{width:96px !important;margin-bottom:5px;margin-right:4px}
	.email+.email{margin-left:4px;margin-right:0;}

	.date{width:170px !important;margin-right:4px}
	.date + .date{margin-left:4px;margin-right: 0}
	span.date{width: auto !important;}

	.ui-datepicker-year:after {content: '년';}
	.datepicker{width:170px !important;}
	.datepicker + label {
	  display: inline-block;
	  width: 27px;
	  height: 16px;
	  background: url(/img/common/datepicker.gif);
	  position: absolute;
	  margin-top: 7px;
	  margin-left: -39px;
	}

	.post1{width:13% !important;vertical-align:middle}
	.post2{width:29% !important;vertical-align:middle;margin-left:6px;margin-right:6px}
	.post3{width:49% !important;vertical-align:middle}
	.post4{width:79px !important;margin-right:6px;}
	.post1+.post2{width:35% !important;margin-right:5px;}
	.post1+.search_btn{margin-left:-3px;}

	label{color:#555;font-size:13px;letter-spacing:-1px}
	input[type='checkbox']{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
	input[type='checkbox']+label{display:inline-block;position:relative;cursor:pointer;}
	input[type='checkbox']+label:before{content:' ';box-sizing:border-box;display:inline-block;width:13px;height:13px;line-height:13px;text-align:center;background:#fff;border:1px solid #999;vertical-align:middle;margin:0 4px 0 2px;position:relative;top:-1px}
	input[type='checkbox']:checked+label:before{content:' ';width:13px;height:13px;line-height:13px;border:none;background:url(/img/button/mobi_checked.gif) no-repeat;background-size:100%}

	input[type='radio']{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
	input[type='radio']+label{display:inline-block;position:relative;cursor:pointer;}
	input[type='radio']+label:before{content:' ';display:inline-block;width:13px;height:13px;background:#fff;border:1px solid #999;border-radius:100%;margin:0 4px 0 2px;vertical-align:top;}
	input[type='radio']:checked+label:before{content:' ';width:13px;height:13px;
	background: #A1D366; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #A1D366 0%, #A1D366 39%, #ffffff 52%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #A1D366 0%,#A1D366 39%,#ffffff 52%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #A1D366 0%,#A1D366 39%,#ffffff 52%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	textarea{width:100%;height:100px;font-size:14px;padding:6px;margin-bottom:4px;}
	.width210{width:210px !important}

	label + input + label{margin-left:10px;}

	.buttons + input{width: 204px}

	input.username{width: 35% !important}
	input.birthday{width: 63% !important}
}

@media only screen and (max-width:767px){
	input[type='text'],input[type='number'],input[type='password'],input[type='email'],input[type='search'],input[type='tel'],input[type='text']
	{ width:100%;height:28px;font-size:13px;color:#555;background:#fff;border:1px solid #a4a4a4 !important;padding:0 6px;margin-bottom:4px;}
	input:disabled, input[readonly]{padding-top:3px;background:#eee;color:#555 !important;-webkit-text-fill-color:#555 !important;-webkit-opacity:1 !important;}
	input[type='search']{width:100%;float:left}
	input.tel{width:28% !important;vertical-align:0%;}
	.tel:FIRST-CHILD{margin-right:2.6%;}
	.tel:FIRST-CHILD+.tel{margin:0 2.6%;}
	.tel:FIRST-CHILD+.tel+.tel{margin-left:2.6%;}

	.email{width:44% !important;margin-bottom:4px;margin-right:2.2% !important;}
	.email+.email{margin-left:2.2% !important;margin-right:0;}
	.post1{float:left;}
	.post2{margin-bottom:6px}
	.search_btn+.post2, .post2+.post3{margin-top:5px;}
	.date{width:38% !important;margin-right:4px}
	.date + .date{margin-left:4px;margin-right: 0}
	span.date{width: auto !important}

	.ui-datepicker-year:after {content: '년';}
  .datepicker {padding-left: 0 !important;width:39% !important;}
  .datepicker + label {
    display: inline-block;
    width: 22px;
    height: 13px;
    background-size: 22px 13px !important;
    background: url(/img/common/datepicker.gif);
    position: absolute;
    margin-top: 7px;
    margin-left: -26px;
  }

	label{color:#555;font-size:13px;line-height:22px;}
	input[type='checkbox']{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
	input[type='checkbox']+label{display:block;position:relative;cursor:pointer;}
	input[type='checkbox']+label:before{content:' ';box-sizing:border-box;display:inline-block;width:16px;height:16px;line-height:13px;text-align:center;background:#fff;border:1px solid #999;vertical-align:middle;margin:0 5px 0 0;position:relative;top:-1px}
	input[type='checkbox']:checked+label:before{content:' ';box-sizing:border-box;border-color:#A1D366;background:url(/img/button/mobi_checked.gif) no-repeat;background-size:100%}

	input[type='radio']{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
	input[type='radio']+label{display:inline-block;position:relative;cursor:pointer;}
	input[type='radio']+label:before{content:' ';display:inline-block;width:16px;height:16px;line-height:13px;text-align:center;background:#fff;border:1px solid #999;border-radius:100%;vertical-align:middle;margin:0 5px 0 0;position:relative;top:-1px}
	input[type='radio']:checked+label:before{content:' ';width:16px;height:16px;
	background: #A1D366; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #A1D366 0%, #A1D366 39%, #ffffff 52%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #A1D366 0%,#A1D366 39%,#ffffff 52%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #A1D366 0%,#A1D366 39%,#ffffff 52%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	textarea{width:100%;height:60px;font-size:13px;padding:6px;}

	label + input + label{margin-left:2px;}

	.buttons + input{width:calc(100% - 80px);}

	input.username{width: 35% !important}
	input.birthday{width: 63% !important}
}
