@charset "utf-8";
/**************************************************

	SUPERBOARD :: FORM SKIN :: default

**************************************************/
.sub-banner {background-position: 100% 50%;background-color: #f1f5fb;}

#sb-form{}
#sb-form fieldset{margin-bottom: 50px;position: relative;z-index: 0;}
#sb-form legend{margin-bottom: 15px;font-size: 25px;color: #333333;font-weight: 700;}
#sb-form .privacy{height: 156px;overflow-y: scroll;background: #f7f7f7;border: 1px solid #eee;padding: 5px 15px 15px 15px;font-size: 13px;line-height: 18px;color: #666;margin-bottom: 10px;}
#sb-form .agree{display: block;margin-top: 10px;font-size: 14px;}
#sb-form .form_tbl{width: 100%;border-top: 2px solid #196aa1;}
#sb-form .form_tbl tr > *{position: relative;padding: 15px 25px;border: 1px solid #dddddd;border-width: 0 0 1px 0;font-size: 14px;line-height: 18px;text-align: center;}
#sb-form .form_tbl tr th{background: #f7f7f7;font-weight: 500;text-align: left;font-size: 16px;color: #444444;}
#sb-form .form_tbl tr td{text-align: left;}
#sb-form .form_tbl .inp,
#sb-form .form_tbl select{width: 280px;display:inline-block;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;line-height:48px;border:1px solid #ddd;border-radius: 3px;}
#sb-form .form_tbl .inp{text-indent:10px;}
#sb-form .form_tbl select{padding-left:7px;}
#sb-form .form_tbl textarea{width:100%;max-height: 120px;border:1px solid #ddd;border-radius: 3px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#sb-form .form_tbl .w33{width: 150px;}
#sb-form .form_tbl .w40{width: auto;}
#sb-form .form_tbl .w50{width: 480px;}
#sb-form .form_tbl .btn1,
#sb-form .form_tbl .btn2,
#sb-form .form_tbl .btn3,
#sb-form .form_tbl .btn4 {border-radius: 5px;height: 50px;line-height: 50px;border: 0;}
#sb-form .form_tbl .btn1 {background-color: #555555;border-color: #555555;}
#sb-form .form_tbl .br {height: 5px;}

#sb-form .plus {padding-left: 40px;background: url('/images/sub/ico-plus.png') no-repeat 0 0;line-height: 30px;}
#sb-form .del {padding-left: 40px;background: url('/images/sub/ico-minus.png') no-repeat 0 0;line-height: 30px;}
#sb-form .rig-btn {margin: -20px 0 20px;height: 0;display: flex;justify-content: flex-end;align-items: flex-end;font-family: empty;font-size: 0;}
#sb-form .rig-btn > * {display: inline-block;vertical-align: bottom;font-size: 16px;font-weight: 500;background-color: #fff;border: 0;margin-left: 40px;}
#sb-form .info-wrap {position: relative;z-index: 0;}
#sb-form .info-wrap .del {margin-bottom: 20px;font-size: 16px;font-weight: 500;background-color: #fff;border: 0;transform: translateX(1200px);}
#sb-form .rig-btn + .info-wrap .del {position: absolute;bottom: 100%;right: 0;transform: translateX(0);}
#sb-form .info-wrap + .info-wrap {margin-top: 50px;}

#sb-wrap .btnWrap > * {border-radius: 5px;min-width: 220px;height: 50px;line-height: 48px;}
#sb-wrap .custlab {margin-right: 20px;}
#sb-wrap .custlab span {height: 50px;line-height: 48px;}
#sb-wrap *[datepicker] {min-width: 220px;background: url('/images/sub/ico-cal.png') no-repeat calc(100% - 20px) 50% !important;}
#sb-form *[disabled] {background-color: #f7f7f7 !important;}

@media screen and (max-width: 750px) {
	#sb-form fieldset{margin-bottom: 20px;}
	#sb-form legend{margin-bottom: 10px;font-size: 14px;}
	#sb-form .form_tbl .inp{text-indent:5px;}
	#sb-form .form_tbl select{padding-left:4px;}
	#sb-form .privacy{height: 100px;padding: 10px;font-size: 12px;line-height: 15px;}
	#sb-form .agree{font-size: 12px;}
	#sb-form .form_tbl colgroup{display: none;}
	#sb-form .form_tbl tr > *{padding: 5px 3px;font-size: 11px;line-height: 15px;}
	#sb-form .form_tbl tr th{width: 80px;}
	#sb-form .form_tbl select{width: 100%;}
	#sb-form .form_tbl textarea{height: 150px;}
	#sb-form .form_tbl .inp{width: 100%;}
	#sb-form .form_tbl .w33{width: 30.5%;}
	#sb-form .form_tbl .w40{width: 46%;}
	#sb-form .form_tbl .w50{width: 46%;}
	#wm_email_select{margin-top:6px;}

    #sb-wrap .btnWrap > * {border-radius: 3px;min-width: auto;height: 40px;line-height: 38px;font-size: 14px;}
}
