@charset "utf-8";

/* ************* common ************** */
form input[type="text"],
form input[type="password"],
form input[type="number"],
form select,
form button,
form textarea {
	z-index:0; position:relative; border:1px solid #e5e5e5;
	/* border-radius:3px; */
	height:50px; padding:15px;
	font-size:16px; line-height:1; color:#666; font-weight:400;
	font-family:inherit;
	background-color:#fff;
	background-image:none;
	width:100%;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow:0 0 0 1000px transparent inset;
}
form input::-webkit-input-placeholder {color:#666 !important;} /*크롬,사파리*/
form input::-moz-placeholder {color:#666 !important;} /*파폭*/
form input:focus,
form select:focus,
form textarea:focus {z-index:1; outline:none !important; border:1px solid #aaa; background-color:#fff;}

form select {
	cursor:pointer; color:#666;
	background-image:url(../images/common/arrow-down.png) !important;
	background-color:#fff !important;
	background-repeat:no-repeat !important;
	background-position:right 15px center !important;
	background-size:15px !important;
	-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
	-moz-appearance: none;
	appearance: none;
}
form textarea {width:100% !important; height:120px !important; resize:none;}
form input:disabled,
form input:read-only {background-color:#f7f7f7 !important; cursor:default; color:#888;}
form input:-moz-disabled,
form input:-moz-read-only {background-color:#eee !important;}
form input:disabled:focus,
form input:read-only:focus {border:1px solid #ccc !important;}
form input:-moz-disabled:focus,
form input:-moz-read-only:focus {border:1px solid #ccc !important;}
form textarea {line-height:1.8; max-width:100%; min-width:100%;}
form textarea:disabled {background:#f9f9f9 !important;}
form button {cursor:pointer;}




/*공통폼*/
#the_iframe {width:100%; height:100%; overflow:hidden;}
html.form_common {overflow:hidden;}
html.form_common body {margin:0;}
.form1 .con_form article {display:flex; flex-wrap:wrap;}
.form1 .con_form article:before, .form1 .con_form article:after {display:none;}
.form1 .con_form article+article {margin-top:10px;}
.form1 .con_form article label {width:100%; padding-top:15px; font-size:16px; color:#000;}
.form1 .con_form article .inputWrap {width:100%;}
.form1 .con_form article .inputWrap #flId {font-size: 16px; padding: 8px 10px 8px 5px; -webkit-appearance: none; display: block; background: #fff;color: #636363; width: 100%; border: 1px solid #e5e5e5;}
.form1 .con_form article .inputWrap #flId:read-only { background-color : #fff!important; }
.form1 .con_form article .ask {
	margin-top:10px;
	padding:20px 60px; line-height:1; color:#000; font-size:16px; font-weight:500;
	border:2px solid #000;
}
.form1 .con_form article .autoCode {display:flex; align-items:center;}
.form1 .con_form article .autoCode>span {
	width:110px; height:50px; border:1px solid #e5e5e5; border-right:0; padding:10px;
	letter-spacing:2px; color:#000; font-weight:400;
}
.form1 .con_form article .autoCode>span>span {color:red; font-weight:700;}
.form1 .con_form article .autoCode>input {width:calc(100% - 95px);}

.form1 .inputWrap {font-size:14px; letter-spacing:0; color:#000;}
.form1 .inputWrap p {margin:0;}
.form1 .inputWrap .ckwrap {display:flex; align-items:center;}
.form1 .inputWrap .ckwrap label {padding:0 0 0 5px; font-size:13px; color:#777; letter-spacing:0; }

.checkWrap_common input[type='checkbox'] {position:absolute; left:-999999999999px;}
.checkWrap_common input[type='checkbox']+label {
	padding-left:20px; font-size:14px; background:url(../images/common/i-check-black2.png) left 5px no-repeat; cursor:pointer;}
.checkWrap_common input[type='checkbox']:checked+label {
	background:url(../images/common/i-check-red.png) no-repeat left 5px / 14px; color:#ee2e2c; font-weight:500;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	/* #the_iframe {min-height:700px !important;} */

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.main .contact .form {padding:50px 30px !important}

	/* #the_iframe {min-height:800px !important;} */

	/* .form1 .con_form article>* {width:100% !important;} */
	/* .form1 .con_form article * {line-height:1;} */
	/* .form1 .con_form article+article {padding-top:10px; border-top:1px dotted #ccc;} */
	/* .form1 .con_form article .inputWrap {margin-top:5px;} */
	/* .form1 .con_form article .inputWrap>* {display:block; border-radius:0;} */
	/* .form1 .con_form article label {padding-top:0;} */
	/* .form1 .con_form article .ask {margin-left:0; text-align:center;} */

}