@charset "utf-8";

/*---- checkBox ----*/
ul.checkBox {
    margin-top:15px;
    text-align:right;
}
ul.checkBox li {
    display:inline-block;
    margin-left:15px;
}
ul.checkBox li input[type="checkbox"] {
	display:none;
}
ul.checkBox li input[type="checkbox"] + label {
	padding-left:32px;
	display:inline-block;
	height:25px;
	background:url('../images/checkbox.png') no-repeat;
	background-position: 0 0;
	font-size:17px;
	line-height:25px;
	color:#444;
}
ul.checkBox li input[type="checkbox"]:checked + label {
	background-position: 0 -25px;
}
ul.radioBox {
    margin-top:0;
    text-align:center;
}
ul.radioBox li {
    margin:0 8px;
}
ul.radioBox li input[type="radio"] {
	display:none;
}
ul.radioBox li input[type="radio"] + label {
	padding-left:25px;
	display:inline-block;
	height:18px;
	background:url('../images/radiobox.png') no-repeat;
	background-position: 0 0;
	font-size:14px;
	line-height:18px;
	color:#444;
}
ul.radioBox li input[type="radio"]:checked + label {
	background-position: 0 -18px;
}
ul.radioBox2 li input[type="radio"] + label {
	padding-left:25px;
	display:inline-block;
	height:18px;
	background:url('../images/radiobox.png') no-repeat;
	background-position: 0 0;
	font-size:20px;
	line-height:18px;
	color:#444;
	margin-left:30px;
}

ul.radioBox2 li input[type="radio"] {display:none;}
ul.radioBox2 li input[type="radio"]:checked + label {
	background-position: 0 -18px;
}

/*-- END checkBox --*/


/*---- Input Style ----*/
input.iptStyle {
    padding:0 15px;
    width:100%;
    height:50px;
    border:1px solid #e0e0e0;
    box-sizing:border-box;
	vertical-align: middle;
}
input.phone {
    width:30%;
}
/*-- END Input Style --*/


/*---- select Style ----*/
select.selStyle {
    padding:0 15px;
    width:100%;
    height:40px;
    background:url('../images/arrowDwon.png') no-repeat 95% center;
    background-color:#fff;
    border:1px solid #e0e0e0;
    box-sizing:border-box;
    font-size:17px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	vertical-align: middle;
}
select.phone {
    width:30%;
}
select.area {
    margin-left:19px;
    width:65%;
}
select::-ms-expand {
    display:none;
}

select.time {
    padding:0 15px;
    width:20%;
    height:50px;
    background:url('../images/arrowDwon.png') no-repeat 95% center;
    background-color:#fff;
    border:1px solid #e0e0e0;
    box-sizing:border-box;
    font-size:17px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
	vertical-align: middle;
}
/*-- END select Style --*/


input.ptnNo {
    width:150px;
    height:30px;
    font-size:17px;
    border: 1px solid #e0e0e0;
    box-sizing:border-box;
}
input.ptnName {
    width:100px;
    height:30px;
    font-size:17px;
    border: 1px solid #e0e0e0;
    box-sizing:border-box;
}

ul.search li.inp {
    width: 200px;
}