/* ●●●●●●●●●● 폼요소 기본 */

/* 체크박스/라디오버튼 */
label {overflow:hidden; line-height:20px; display:inline-block;}
input[type=checkbox],input[type=radio] {float:left; -webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; margin-right:5px;}

/* 체크박스 : 체크되었을때 컬러값만 수정 */
input[type=checkbox] {width:20px; height:20px; border-radius:2px; box-sizing:border-box; box-shadow:0 0 1px rgba(0,0,0,0.5); margin-left:1px !important}
input[type=checkbox] {background:#fff url('../images/cm_images/checkbox_radio.png') left top no-repeat; background-size:40px;}
input[type=checkbox]:checked {background-color:#fa0d3e; background-position:right top; box-shadow:none}

/* 라디오버튼 : 체크되었을때 컬러값만 수정 */
input[type=radio] {width:20px; height:20px; border-radius:100px; box-sizing:border-box; box-shadow:0 0 1px rgba(0,0,0,0.5); margin-left:1px !important}
input[type=radio] {background:#fff url('../images/cm_images/checkbox_radio.png') left bottom no-repeat; background-size:40px; }
input[type=radio]:checked {background-color:#fa0d3e; background-position:right bottom; box-shadow:none}


/* 인풋폼 기본 */
input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=date],input[type=file],input[type=search], input[type=submit],input[type=url], input[type=button], button
{-webkit-appearance:none; -webkit-gradient:none; -webkit-border-radius:0; border:none; color:#999; background:none; box-sizing:border-box; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input:focus {color:#333}
textarea {border:none; background:none; line-height:18px; padding:5px; box-sizing:border-box; width:100%; -webkit-appearance:none; -webkit-border-radius:0;}
textarea:focus {color:#000}


/* placholder는 일부 안드로이드에서 line-height값이 먹히지 않으므로 패딩값으로 함께 조절 */
input::-webkit-input-placeholder {color:#aaa; letter-spacing:-0.5px}
input::input-placeholder {color:#aaa; letter-spacing:-0.5px}
textarea::-webkit-input-placeholder {color:#aaa}
textarea::input-placeholder {color:#aaa}


/* 셀렉트박스 */
.select {position:relative; border:1px solid #ddd; background:#fff; margin-bottom:5px; height:35px; width:100%; box-sizing:border-box; border-radius:5px;}
.select:only-of-type {margin-bottom:0;}
.select .shape {position:absolute; right:0; top:0; border-left:1px solid #ddd; width:30px; height:100%; background:#fafafa; border-radius:0 5px 5px 0;}
.select .shape:before {content:''; width:2px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:-4px 0 0 2px}
.select .shape:after {content:''; width:2px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:-4px 0 0 -3px}
.select select {width:100%; height:100%; line-height:35px; padding:0 35px 0 10px; box-sizing:border-box; border:none; position:absolute; left:0; top:0; -webkit-appearance:none; background:transparent; z-index:1}
/* 사용법
<div class="select">
	<span class="shape"></span>
	<select name="">
		<option value="0">옵션</option>
	</select>
</div>
*/


.lineup {display:inline-block;}
.wrap {width:100%; height:100%; position:relative;}
.clear {clear:both}
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}


/* 공통페이지는 다음과 같은 경로안으로 들어갑니다. */
.common_page {padding:10px; overflow:hidden; background:#eee; }
.common_inner {background:#fff; padding:10; overflow:hidden;}
.common_full {padding:0} /* 패딩값없이 */
.common_full .cm_bottom_button {padding:0 15px;}

.font-inherit { font-size: inherit!important; font-family: inherit!important; font-weight: inherit!important; color: inherit!important; line-height: inherit!important; }