/* 이 폴더의 css는 변경하시마시요. 사이트공용 디자인css 입니다. */
/* input button 들의 공용 모바일 디자인영역  */
.input_box input[type=text],
.input_box input[type=password]{
    background: #fff;
    border: 1px solid #dadada;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 11px 11px;
    overflow: hidden;
    position: relative;
    font-size: 0.92em;
    display: block;
    font-family: 'noto-r';
	outline:none;
}
.textarea_box textarea{
    background: #fff;
    border: 1px solid #dadada;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 11px 11px;
    overflow: hidden;
    position: relative;
    font-size: 0.9em;
    display: block;
    font-family: 'noto-r';
    resize: none;
    outline: none;
    min-height: 107px;
    line-height: 1.42em;
    letter-spacing: -0.02em;
}
.select_box select{
    background: #fff;
    border: 1px solid #dadada;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 11px 11px;
    overflow: hidden;
    position: relative;
    font-size: 0.92em;
    display: block;
    font-family: 'noto-r';
	outline:none;
}
.button_submit{
    width: 100%;
    background: #121212; /* < 공용 버튼색상지정 가능 */
    color: #eee;
    display: block;
    text-align: center;
    padding: 14px 0;
    font-size: 17px;
    font-family: 'noto-r';
	border-radius:2px;
}
.buttons{
	font-size: 16px;
    padding: 10px;
    border-radius: 3px;
    background: #f9f9f9;
    text-align: center;
	cursor:pointer;
}
/*공용 체크박스*/
.check_common{}
.check_common input[type=checkbox],
.check_common input[type=radio]{
	display:none
}
.check_common label{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	background:url(/images/ico/check_common.png)no-repeat;
	background-size:auto 20px;
	background-position:left center;	
}
.check_common label span{
	padding-left:24px;
	width:150px;
	display:inline-block;
	line-height:20px;
	font-size:14px !important;
}
.check_common input[type=checkbox]:checked +label,
.check_common input[type=radio]:checked +label{
	background-position:right center;
}
.check_common input[type=checkbox]:checked +label span,
.check_common input[type=radio] +label span{
	color:#
}
.f_info .cp{
	display:block;
	font-size:0.88em;
	letter-spacing:-0.02em;
	color:#777;
	text-align:center;
}
.f_info .cp img{
	height: 18px;
    vertical-align: -3px;
    opacity: 0.4;
}
.f_info .copy{
    position: absolute;
    bottom: 10px;
    left: 0;
    color: #999;
    font-size: 12px;
}

/*입력한 인풋, 셀렉트, 결과 뷰*/
.input_box .input_result,
.addr_box .input_result{
	background: #fff;
    width: 100%;
    padding: 4px 0;
    overflow: hidden;
    position: relative;
    font-size: 0.92em;
    display: block;
    font-family: 'noto-r';
	outline:none;
}
.tellinfo .input_result{
	float:left;
	background: #fff;
    width:auto ;
    padding: 4px 4px;
    overflow: hidden;
    position: relative;
    font-size: 0.92em;
    display: block;
    font-family: 'noto-r';
	outline:none;
}

/*sns 간편 로그인 버튼*/
.login_easyjoin .login_first_kakao{
	display: block;
    background: #f9e000 url(/images/ico/ico_btn_kakao.png)no-repeat 35% center;
    background-size: auto 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 52px;
    line-height: 52px;
    color: #381e1e;
    font-family: 'noto-m';
    width: 100%;
    margin: auto;
}
.login_easyjoin .login_first_naver{
	display: block;
    background: #1dc800 url(/images/ico/ico_btn_naver.png)no-repeat 35% center;
    background-size: auto 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-family: 'noto-m';
    width: 100%;
    margin: auto;
}