@charset "UTF-8";

.input_row {
	position: relative;
    height: 30px;
    margin-bottom: 8px;
    padding: 8px 35px 10px 11px;
    border: solid 1px #dadada;
    background: #fff;
    -webkit-box-sizing: unset;
	box-sizing: unset;
}

.input_row_focus {
	/*border: solid 1px #309bd4 !important;*/
	opacity: 1 !important;
	/* box-shadow: 0 2px 6px 0 rgba(61,80,81,.08); */
}

.input_row_error {
	border: solid 1px ##FF000099;
	box-shadow: 0 2px 6px 0 rgba(61,80,81,.08);
}

.input_row_board {
	position: relative;
    height: 20px;
    padding: 8px 35px 10px 11px;
    border: solid 1px #dadada;
    background: #fff;
    -webkit-box-sizing: unset;
	box-sizing: unset;
}

.input_row_board_focus {
	border: solid 1px #309bd4;
	box-shadow: 0 2px 6px 0 rgba(61,80,81,.08);
}

.input_box {
	display: block;
	overflow: hidden;
}

.join_field {
	clear: both;
}

.login_field {
	clear: both;
}

.id_area {
	position: relative;
}

.name_area {
	position: relative;
}

.pw_area {
	position: relative;
}

.int:not(.input[type="text"]) {
	-webkit-box-sizing: unset;
	box-sizing: unset;
	font-size: 14px;
    line-height: 16px;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 16px;
    padding: 8px 0 6px;
    color: #000;
    border: none;
    background: #fff;
    -webkit-appearance: none;
}

.int_board:not(.input[type="text"]) {
	-webkit-box-sizing: unset;
    box-sizing: unset;
    line-height: 16px;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 14px;
    padding: 4px 0 3px;
    color: #000;
    border: none;
    background: #fff;
    -webkit-appearance: none;
}

.error {
	font-size: 13px;
    line-height: 18px;
    margin: 4px 0 8px -1px;
    color: #FF000099;
    text-align: left;
}

.terms_box {
	position: relative;
    overflow: auto;
    height: 88px;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid #dadada;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-base-color: #d9d9d9;
    scrollbar-arrow-color: #8e8e8e;
    scrollbar-3dlight-color: #d9d9d9;
    scrollbar-darkshadow-color: #d9d9d9;
    scrollbar-face-color: #d9d9d9;
    scrollbar-highlight-color: #d9d9d9;
    scrollbar-shadow-color: #d9d9d9;
    scrollbar-track-color: #f2f2f2;
    -webkit-overflow-scrolling: touch;
}

.sp_input_row {
	position: relative;
    height: 30px;
    margin-bottom: 8px;
    padding: 8px 4px 10px 11px;
    border-bottom: solid 2px #0092b9; 
    background: #fff;
    -webkit-box-sizing: unset;
    box-sizing: unset;
    opacity: 0.6;
}

.sp_input_text {
    text-align: left;
    font: normal normal normal 16px/24px Noto Sans KR;
    letter-spacing: 0px;
    color: #0092B9 !important;
    opacity: 0.6;
    border: none !important;
    padding: 0 !important;
}

.sp_input_text::placeholder {color: #0092B9 !important;}
.sp_input_row:hover {opacity: 1}
.sp_input_row:hover .sp_input_text {opacity: 1}