@charset "UTF-8";

/****************************************/
/* Name: DESIGN WAVE
/* PART: COMMON INPUT STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/


*:focus {outline: none !important;}


/*셀렉트박스*/
.select_wraps {overflow: hidden;}
select {border:0; font-size: 13px; box-sizing:border-box; padding: 0 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../_img/utility/bold-arrow-down-b.png) no-repeat 90% 50%; background-size: 12px;}
select option {font-size:13px; line-height:40px; vertical-align:middle; color:#141414;}
select::-ms-expand {display:none;}


/*체크박스*/
.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label{position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:16px; }
.single input[type=checkbox] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background:url("/_img/utility/checked.png") no-repeat center; background-color: #efefef; margin-right:10px;  background-size:8px; border:1px solid #ededed; content: "";}
.single input[type=checkbox]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background-color: #977456 !important; border:1px solid #977456; background-size:12px; text-align:center; line-height:18px;}



/*라디오박스*/
.single input[type=radio] {display:none;}
.single input[type=radio] + label{position:relative; display:inline-block; cursor:pointer; padding-left:25px; font-size:16px; }
.single input[type=radio] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background:url(/_img/utility/checked.png) no-repeat center; background-color: #efefef; margin-right:10px;  background-size:8px; border:1px solid #ededed; content: "";}
.single input[type=radio]:checked + label:before {content: "";  /* 체크모양 */ font-size:18px; font-weight:800; color:#fff; background-color: #977456 !important; border:1px solid #977456; background-size:12px; text-align:center; line-height:18px;}


/*리스트형 라디오&체크박스*/
ul.radio-wrap {width:100%; box-sizing:border-box; display: flex;}
ul.radio-wrap li {position:relative; float:left; width:20%; height:45px !important; box-sizing:border-box; background:#fff;}

ul.radio-wrap li input[type="checkbox"] {display:none;}
ul.radio-wrap li input[type="checkbox"] + label {display:block; width:100%; height:100%; margin-left:0; text-align:center; line-height:43px; color:#9b9b9b; font-size: 13px; border:1px solid #e0e0e0; border-left: 0; box-sizing: border-box; margin-top: -1px; border-radius: 5px;}
ul.radio-wrap li:first-of-type input[type="radio"] + label {border-left:1px solid #e0e0e0;}
ul.radio-wrap li input[type="checkbox"] + label span {}
ul.radio-wrap li input[type="checkbox"]:checked + label {border: 1px solid #f6678a !important;}
ul.radio-wrap li input[type="checkbox"]:checked + label span {background:url("../_img/utility/check.png") no-repeat center left; background-size:12px; color: #f6678a; padding-left: 17px}

ul.radio-wrap li input[type="radio"] {display:none;}
ul.radio-wrap li input[type="radio"] + label {display:block; width:100%; height:100%; margin-left:0; text-align:center; line-height:43px; color:#9b9b9b; font-size: 13px; border:1px solid #e0e0e0; border-left: 0; box-sizing: border-box; border-radius: 5px; font-weight: 500}
ul.radio-wrap li:first-of-type input[type="radio"] + label {border-left:1px solid #e0e0e0;}
ul.radio-wrap li input[type="radio"] + label span {}
ul.radio-wrap li input[type="radio"]:checked + label {border: 1px solid #f6678a !important;}
ul.radio-wrap li input[type="radio"]:checked + label span {background:url("../_img/utility/check.png") no-repeat center left; background-size:12px; color: #f6678a; padding-left: 17px}

ul.radio-wrap.one_ver {}
ul.radio-wrap.one_ver li input[type="radio"] + label {border-radius: 0}

ul.radio-wrap.leng02 li {width:50%;}
ul.radio-wrap.leng03 {display: block; }
ul.radio-wrap.leng03 li {width:32.3% !important; margin-left: 1.5%;; margin-top: 1.5%;}
ul.radio-wrap.leng03 li input[type="radio"] + label {border: 1px solid #e0e0e0}
ul.radio-wrap.leng03 li input[type="checkbox"] + label {border: 1px solid #e0e0e0}
ul.radio-wrap.leng03 li:first-of-type, ul.radio-wrap.leng03 li:nth-of-type(3n+1) {margin-left: 0;}
ul.radio-wrap.leng04 li {width:25%}
ul.radio-wrap.leng05 li {width:20%;}
ul.radio-wrap.leng06 li {width:16.6%;}