기본 common.css type = radio, checkbox, select

.radio input[type="radio"] {display:none;}
.radio input[type="radio"] + label {color:#3b4859; font-size: 15px; line-height: 36px;}
.radio input[type="radio"] + label span {display:inline-block; width:20px; height:20px; border-radius: 10px; vertical-align: -5px; background: #fff; background-size: cover; border: 1px solid #b5bbca; cursor: pointer; margin-right: 10px;}
.radio input[type="radio"]:checked + label {color: #3b4859;}
.radio input[type="radio"]:checked + label span {position: relative;}
.radio input[type="radio"]:checked + label span:after {content: ''; display: inline-block; position: absolute; width: 8px; height: 8px; border-radius: 4px; background: #0084f6; top: 5px; left: 5px;}

.checkbox input[type="checkbox"] {display:none;}
.checkbox input[type="checkbox"] + label {color:#666; font-size: 15px; display: inline-block;}
.checkbox input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; vertical-align: -2px; background: url(../images/common/checkbox_03.png) center center no-repeat !important; cursor: pointer; margin-right: 9px;}
.checkbox input[type="checkbox"]:checked + label {color: #222;}
.checkbox input[type="checkbox"]:checked + label span {position: relative; background: url(../images/common/checked_01.png) center center no-repeat !important;}

.select select {width: 100%; height:40px; vertical-align:middle; background: #fff url(../images/common/arrow_d_04.png) right 15px center no-repeat; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 5px; padding: 0 40px 0 10px; border: 1px solid #d6d8de; font-weight: 100;}
.select select option {font-weight: 100;}
.select.center select {text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center;}
select::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/}