@charset "utf-8";
/*==============================================
@ PC 기본
==============================================*/
/*----------------------------------------------------------------------
- 입력박스
-------------------------------------------------------------------------*/
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week],
input[type=file],
input[type=password]	{
	position:relative;
	display:block;
	width:100%;
	height:47px;
	padding:0 15px;
	color:#fff;
	font-weight:400;
	font-size:14px;
	line-height:1; 
	border:1px solid #4E4E4E;
	border-radius:0;
	background-color:transparent;
	box-sizing:border-box;
	z-index:0;
}
input[type=file] {
	line-height:48px;
}
textarea {
	position:relative;
	display:block;
	width:100%;
	height:240px;
	padding:15px; 
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-align:left;
	line-height:1.5;
	border:1px solid #4E4E4E;
	background-color:#1c1c1c;
	border-radius:0;
	overflow:auto;
	resize:none;
	box-sizing:border-box;
	z-index:0;
}
select {
	position:relative;
	display:block;
	width:100%;
	height:47px;
	padding:0 40px 0 15px;
	color:#ABABAB;
	font-weight:400;
	text-align:left;
	font-size:14px;
	line-height:1;
	border:1px solid #4E4E4E;
	border-radius:0;
	background-image:url(../images/icons/icon-select-arrow-gray.png);
	background-position:right 15px center;
	background-repeat:no-repeat;
	background-color:#1c1c1c;
	background-size:16px auto;
	box-sizing:border-box;
	z-index:0;
}

/* 입력태그 placeholder 설정 */
::-webkit-input-placeholder	{color:#4E4E4E;}
::-moz-placeholder	{color:#4E4E4E;}
:-ms-input-placeholder	{color:#4E4E4E;}
:-moz-placeholder   {color:#4E4E4E;}

/* focus */
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus {border-color:#ABABAB; z-index:1;}
textarea:focus {border-color:#ABABAB;z-index:1;}
select:focus {border-color:#ABABAB;z-index:1;}


/* Readonly */
input[type=text]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=url]:read-only,
input[type=password]:read-only,
textarea:read-only {color:#111; background-color:#fff; border-color:#d8d8d8; opacity:1;  box-shadow:none;}

/* Disabled */
input[type=text]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled {color:#aaa; background-color:#f5f5f5; border-color:#ccc; opacity:1;}

/* 입력창  + 버튼 */
.form-btns {position:relative;}
.form-btns > input {padding-right:62px;}
.form-btns > .btn-data-send {position:absolute;}
.form-btns .btn-data-search {top:0;right:0;display:inline-flex; width:47px; height:100%; align-items:center; justify-content:center; z-index:5;}

/* 검색 */
.form-search {display:flex;}
.form-search-select:first-child {margin-right:15px;}
.form-search-select:last-child {margin-left:15px;}
.form-search-select {flex:0 0 auto;}
.form-search-input {flex:1;}

/* 폼 > 체크박스 */
.form-checkbox {position:relative;display:inline-block; line-height:30px;}
.form-checkbox input {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-checkbox input:checked + .form-check-icon:before{background:#3E1C96;}
.form-checkbox input:checked + .form-check-icon:after{opacity:1;}
.form-checkbox input:checked:disabled + .form-check-icon:after{opacity:1;}
.form-checkbox input:checked:disabled + .form-check-icon:before{opacity:0;}
.form-checkbox input:checked:disabled + .form-check-icon > em {opacity:1;}
.form-checkbox input:disabled + .form-check-icon:after {opacity:0;}
.form-checkbox input:disabled + .form-check-icon:before {opacity:0.5;}
.form-checkbox input:disabled + .form-check-icon > em {opacity:0.5;}
.form-checkbox .form-check-icon {position:relative; display:block; min-width:30px; min-height:30px;}
.form-checkbox .form-check-icon:before {content:''; position:absolute; top:6px; left:0; display:block; margin-top:0; width:18px; height:18px; z-index:5; opacity:1; background:#CBCBCB; box-sizing:border-box; transition:opacity 0.25s ease;}
.form-checkbox .form-check-icon:after {content:''; position:absolute; top:6px; left:0; display:block; margin-top:0; width:18px; height:18px; z-index:5; background:#F2C140;  box-sizing:border-box; transition:transform 0.25s ease; opacity:0;}
.form-checkbox .form-check-icon > em {display:inline-block; padding-left:28px; font-size:16px; line-height:30px; font-weight:400; color:#C9C9C9;}
.form-checkbox .form-check-icon > em:empty {display:none;}


/*==============================================
@ 태블릿 기본
==============================================*/
@media screen and (max-width:1024px) {

}


/*==============================================
@ 모바일 기본
==============================================*/
@media screen and (max-width:768px) {
	.form-checkbox {line-height:14px;}
	.form-checkbox .form-check-icon {min-width:16px; min-height:16px;}
	.form-checkbox .form-check-icon:before {top:0; width:16px; height:16px;}
	.form-checkbox .form-check-icon:after {top:0;  width:16px; height:16px;}
	.form-checkbox .form-check-icon > em {padding:1px 0px 1px 22px; font-size:12px; line-height:14px;}
}


/*==============================================
@ 모바일 해상도별 분기
==============================================*/
@media screen and (max-width:420px) {

}