/* PC - 인풋 css */
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 체크박스 */
.checks {

}
.checks input[type="checkbox"] {
	display: none;
}
.checks input[type="checkbox"] + label {
	position: relative;
	cursor: pointer;
}
.checks input[type="checkbox"] + label::before {
	content: '';
	display: inline-block;
	width: 1.18rem;
	height: 1.18rem;
	vertical-align: middle;
}
.checks input[type="checkbox"] + label::after {
	content: '';
	position: absolute;
	top: 0.8rem;
	left: 0.36rem;
	transform: rotate(-45deg);
	width: 0.6rem;
	height: 0.3rem;
	border-left: 2px solid #eee;
	border-bottom: 2px solid #eee;
	opacity: 0;
}
/* 체크박스 - 흰배경 */
.checks.fill input[type="checkbox"] + label::before {
	background: #fff;
	border: 2px solid transparent;
}
.checks.fill input[type="checkbox"] + label:hover::before {
	border-color: #9e9e9e;
}
/* 체크박스 - 테두리 */
.checks.l_stroke input[type="checkbox"] + label::before {
	border: 2px solid #eedcbe;
}
.checks.d_stroke input[type="checkbox"] + label::before {
	border: 2px solid #666;
}

.checks input[type="checkbox"]:checked + label::before {
	background: #816a56;
	border-color: #816a56;
}
.checks input[type="checkbox"]:checked + label::after {
	opacity: 1;
}
/* 체크박스 - 원형테두리 */
.checks.roune_l_stroke input[type="checkbox"] + label::before { width: 1.6rem; height: 1.6rem; }
.checks.roune_l_stroke input[type="checkbox"] + label::after { top: 0.8rem; left: 0.6rem; }
.checks.roune_l_stroke input[type="checkbox"] + label::before {	border: 2px solid #8d8d8d;	border-radius: 5rem; }
.checks.roune_l_stroke input[type="checkbox"]:checked + label::before {	background: #3f3f3f; }

/* radio */
.radio_wrap > input[type="radio"] { display: none; }
.radio_wrap > input[type="radio"] + label { position: relative; padding-left: 2.5rem; color: #777; font-size: 1.3rem; }
.radio_wrap > input[type="radio"] + label::before,
.radio_wrap > input[type="radio"] + label::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); box-sizing: border-box; }
.radio_wrap > input[type="radio"] + label::before { left: 0; width: 1.5rem; height: 1.5rem; border-radius: 100%; border: 1px solid #bbb; }
.radio_wrap > input[type="radio"] + label::after { left: 0.3rem; width: 0.9rem; height: 0.9rem; border-radius: 100%; background: #8d8d8d; opacity: 0; }
.radio_wrap > input[type="radio"]:checked + label { color: #444; }
.radio_wrap > input[type="radio"]:checked + label::before { border-color: #8d8d8d; }
.radio_wrap > input[type="radio"]:checked + label::after { opacity: 1; }
.radio_wrap > input[type="radio"]:disabled + label { color: #999; }
.radio_wrap > input[type="radio"]:disabled + label::before { background: #8d8d8d; border-color: #8d8d8d; }
.radio_wrap > input[type="radio"]:disabled + label::after { opacity: 0; }
.radio_wrap > input[type="radio"]:checked:disabled + label::before { background: #fff; border-color: #BBB; }
.radio_wrap > input[type="radio"]:checked:disabled + label::after { opacity: 1; background: #bbb; }
/* PC - 인풋 css END */