@charset "utf-8";
/* form */
input,
label,
select,
button
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    font-family:inherit;
}
textarea
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    background:none;
    line-height:1;
    font-family:inherit;
}

/* Input Reset  */
input[type="checkbox"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="radio"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="file"] {border:0px solid #ccc;}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea {border-radius: 0px;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
/*input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}*/

/* Mobile Reset */
*{-webkit-text-size-adjust:none}

input::placeholder {color:var(--second-color);font-size:12px;}
input:-ms-input-placeholder {color:var(--second-color);font-size:12px;}
input::-ms-input-placeholder { color:var(--second-color);font-size:12px;}
input::-webkit-input-placeholder {color:var(--second-color);font-size:12px;}
input::-moz-placeholder {color:var(--second-color);font-size:12px;}

textarea::placeholder {color:var(--second-color);font-size:12px;}
textarea:-ms-input-placeholder {color:var(--second-color);font-size:12px;}
textarea::-ms-input-placeholder {color:var(--second-color);font-size:12px;}
textarea::-webkit-input-placeholder {color:var(--second-color);font-size:12px;}
textarea::-moz-placeholder {color:var(--second-color);font-size:12px;}

select{-webkit-border-radius:0}

button {font-style: normal;font-weight:500; cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:24px;margin-right:0px; font-size: 14px; line-height:18px; font-weight: 400;color:#000;vertical-align:top;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0;/*background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--second-color);*/ border:1px solid var(--concept-color);border-radius:3px;}
input[type=checkbox]+ label:after{content: "";  display: inline-block;width:8px;height:8px;transition:all .2s;position:absolute; left:4px; top:50%;margin-top:-5px; background:transparent; border-radius:2px;}
input[type=checkbox]:checked + label:before { /* background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);*/ border:1px solid var(--concept-color);}
/*input[type=checkbox]:checked + label:after{background:var(--concept-color); }*/

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:24px;margin-right:0px; font-size:14px; line-height:18px; font-weight: 400;color:#000;vertical-align:top;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:18px;height:18px;transition:all .2s;position:absolute; left:0; top:0; background: #fff0f6; border: 1px solid rgba(0, 0, 0, 0.05); border-radius:50%;}
input[type=radio]:checked + label:before {
	width:18px;
	height:18px;
	background:#f86000;
	border:4px solid #fff0f6;
	border-radius:50%;
}

/*
input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:24px;margin-right:0px; font-size:15px; line-height:16px;font-weight:500;color:#545454;vertical-align:top;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:18px;height:18px;transition:all .2s;position:absolute; left:0; top:0; border:2px solid var(--second-color); border-radius:50%;} 
input[type=radio]+ label:after {content: "";  display: inline-block;width:7px;height:7px;transition:all .2s;position:absolute; left:5px; top:50%;margin-top:-2.5px; background:var(--second-color); border-radius:50%;} 
input[type=radio]:checked + label:after {background:var(--concept-color); } 
*/

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select,
input,
textarea
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box; /* width:auto; */
}
input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

::-webkit-search-decoration
{
    display:none;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
    overflow:visible;
    width:auto;
}

::-webkit-file-upload-button
{
    padding:0;
    border:0;
    background:none;
}

textarea
{
    vertical-align:top;overflow:auto;
}

select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline-width:0;
}
select::-ms-expand {
    display: none;
}
select[multiple]
{
    vertical-align:top;
}
input[type=text]::-ms-clear {
    display:none;
}

.select_sty{position:relative;display:inline-block;vertical-align:middle;background:#fff;}
.select_sty select{width:100%;height:40px;padding:0px 30px 0px 15px;border:1px solid var(--border-color);background:#fff;color:#000;font-size:14px;cursor: pointer;  border-radius:4px;box-sizing:border-box;}
.select_sty select#sot {color: #888; font-weight: 400;}
.select_sty.lg select{height:50px;}
.select_sty.sm select{height:26px;}
.select_sty.ss select{height:20px;border:0;}
.select_sty.pop select{width:100%;height:45px;padding:0px 30px 0px 15px;border:0;background:#f5f5f5;color:#000;font-size:14px;cursor: pointer;  border-radius:0px;box-sizing:border-box;}
.select_sty#select_bank {width: 100%;}
.select_sty#select_bank select {border: 1px solid var(--second-color)}

.select__arrow{position: absolute;top: 40%;right:15px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 8px 5px 0 5px;border-color: #888 transparent transparent transparent;}
.select__arrow.ss{right:0;border-width: 7px 5px 0 5px;}
.select__arrow_2{position: absolute;top: 40%;right:5px;pointer-events: none;width:9px; height:9px;border: 2px solid #3e4358;border-top: none;border-right: none; transform: rotate(-45deg);} /* line */
.select__arrow_2.ss-line{right:0;} /* line */
.select__arrow_3{position: absolute;top: 40%;right:15px;pointer-events: none;width:9px; height:9px;border: 1px solid #c4c4c4;border-top: none;border-right: none; transform: rotate(-45deg);} /* line */

.input_sty{width:100%;transition: all 0.3s ease-out}
.input_sty input{width:100%;height:50px;padding:0 12px;border:1px solid var(--second-color);background:#fff;color:#000;font-size:14px;border-radius:6px;box-sizing:border-box;}
.input_sty input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty input:disabled, .input_sty input:read-only {background:#f1f1f1;}
.input_sty input:disabled:focus, .input_sty input:read-only:focus {border-color:var(--second-color); }
.input_sty.sm input{height:26px;}
.input_sty.date input{height:34px;background:#f5f5f5; border:0; border-radius:0px;text-align:center;}
.input_sty.error input{border:1px solid var(--red-color);}
.input_sty.point input{width:100%;height:18px;padding:0 2px;border:0;background:transparent;color:#000;font-size:14px;border-radius:0px;box-sizing:border-box;text-align:center;}

/* input 안에 버튼있는 경우 */
.input_sty_1{position:relative; width:100%;height:70px; }
.input_sty_1 input{width:100%;height:50px; padding:0 12px 0 12px;border:1px solid var(--second-color);color:#000;font-size:14px;border-radius:6px;box-sizing:border-box;}
.input_sty_1 .btnWrap{position:absolute; right:12px; top:5px;height:100%;display:inline-flex;align-items:center; gap:12px;}
.input_sty_1 .btn-txt{font-weight: 400; font-size:10px;color:var(--gray-color);}
.input_sty_1.on input{border:1px solid var(--concept-color);}
.input_sty_1.on .btn-txt{color:var(--concept-color);}
.input_sty_1 input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty_1 input:disabled, .input_sty_1 input:read-only {background:#f1f1f1;}
.input_sty_1 input:disabled:focus, .input_sty_1 input:read-only:focus {border-color:var(--second-color); }

/* input 이메일인경우 */
.input_sty_2 {
	position:relative; 
	width:100%;
	height:70px; 
}
.input_sty_2 input{width:100%;height:50px; padding:0 12px 0 12px;border:1px solid var(--second-color);color:#000;font-size:14px;border-radius:6px;box-sizing:border-box;}
.input_sty_2 .input_sty_2_email {
}
.input_sty_2 .input_sty_2_select {
	justify-content:flex-end;	
}
.input_sty_2 select {
	width:48%;
	height:50px; 
	padding:0px 30px 0px 15px;
	border:1px solid var(--second-color);
	background:#ffffff;
	color:#000;
	font-size:14px;
	cursor:pointer;  
	border-radius:0px;
	box-sizing:border-box;
}
.input_sty_2 .btnWrap{position:absolute; right:12px; top:5px;height:100%;display:inline-flex;align-items:center; gap:12px;}
.input_sty_2 .btn-txt{
	margin-top:20px;
}
.input_sty_2 input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty_2 input:disabled, .input_sty_2 input:read-only {background:#f1f1f1;}
.input_sty_2 input:disabled:focus, .input_sty_2 input:read-only:focus {border-color:var(--second-color); }

/* 휴대폰번호 입력시 */
.input_sty_phone{position:relative; width:100%;height:70px; }
.input_sty_phone_title { 
	position:relative; 
	width:100%;
	height:30px; 
}
.input_sty_phone_title.margin_top_25 { 
	margin-top:25px;
}
.input_sty_phone_title .form-label { 
	font-weight: 700;
  font-size: 16px;
	line-height: 24px;
	color:#000000;
}
.input_sty_phone input{width:80%;height:50px; padding:0 12px 0 12px;border:1px solid var(--second-color);color:#000;font-size:14px;border-radius:6px;box-sizing:border-box;}
.input_sty_phone .btnWrap {
  background: #f86000;
  border-radius: 4px;
  width: 20%;
  height: 48px;
  position: absolute;  
  right: 0px;
	bottom: 0px;
	text-align:center;
}
.input_sty_phone .btn-txt {
	width:100%;
  line-height: 50px;
  display: block;
  color: #ffffff;
  text-align: center;
  font-size: 1 rem;
  font-weight: 400;
}
.input_sty_phone.on .btnWrap {
  background: #FFF0F6;
}
.input_sty_phone.on input{border:1px solid var(--concept-color);}
.input_sty_phone.on .btn-txt {
	width:100%;
  line-height: 50px;
  display: block;
  color: #f86000;
  text-align: center;
  font-size: 1 rem;
  font-weight: 400;
}
.input_sty_phone.on .btn-txt.on {
  color: #f86000;
	background:#ffffff;
	border:1px solid #f86000;
	border-radius:6px;
}
/*.input_sty_phone.on .form-label{color:var(--concept-color);}*/
.input_sty_phone.off input{border:1px solid var(--second-color);}
.input_sty_phone .btnWrapTime {
  border-radius: 4px;
  width: 33%;
  height: 48px;
  position: absolute;  
  right: 12px;
	bottom: 0px;
}
.input_sty_phone .btnWrapTime .time{
	font-weight: 700; 
	font-size:12px;
	color:#f86000;
	line-height: 50px;
}

.input_sty_phone input:focus {outline: none;background:#fff;border-color:var(--concept-color);}
.input_sty_phone input:disabled, .input_sty_phone input:read-only {background:#f1f1f1;}
.input_sty_phone input:disabled:focus, .input_sty_phone input:read-only:focus {border-color:var(--second-color); }
.input_sty_phone .btn-txt-box{ font-weight:400; font-size:12px; line-height:14px; color:#fff; width:45px; height:26px; background:var(--main-color); border-radius:6px; margin-top:11px; }
.input_sty_phone .btn-txt-box-confirm{ font-weight:400; font-size:12px; line-height:14px; border:1px solid #ff7700; color:#ff7700; width:45px; height:26px; background:#ffffff; border-radius:6px; margin-top:11px; }
.input_sty_phone .btn-txt-box-modify{ font-weight:400; font-size:12px; line-height:14px; color:#fff; width:100%; height:26px; border-radius:6px; margin-top:11px; }

/* main search */
.input_search{position:relative;display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_search input{width:100%;font-size:15px;color:#333;padding:16px 14px 16px 45px;border:1px solid var(--second-color);background:#fff;border-radius:6px;box-sizing:border-box;}
.input_search input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_search .btn__search{ position: absolute;top:50%;transform:translateY(-50%);left:14px;width:24px;height:24px;background:url(../images/icon-search-main.png) 50% 50% no-repeat;text-indent: -9999px; /* top:50%;transform:translateY(-50%); */}

.input_date{position:relative;display:inline-block;vertical-align:middle;height:24px;}
.input_date:after {position: absolute; right: 0px;top: 50%;margin-top:-2px; content: ""; width: 0;height: 0;border-style :solid;border-width: 7px 5px 0 5px;border-color: var(--concept-color) transparent transparent transparent; display: block; pointer-events: none; }
.input_date input{width:120px; height:100%;font-weight: 700;font-size:16px;color:var(--concept-color);padding-right:20px;border:0;background:transparent;box-sizing:border-box;}
.input_date input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_date.info:after {display:none;}
.input_date.info input{width:100%;padding-right:0px; text-align: center;}

.textArea_sty{}
.textArea_sty textarea{display: inline-block;width:100%;border:1px solid var(--second-color);height:24rem;font-weight: 400;color:#000;font-size:14px;line-height:1.45;padding:10px;background:#fff;border-radius:4px;box-sizing: border-box;}
.textArea_sty textarea:focus {outline: none;border-color:var(--concept-color);}

.input_calendar{position: relative;display:inline-block;vertical-align:middle;height:35px;border:0px solid var(--second-color);background-color: transparent;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_calendar input{height:35px;padding:0px 25px 0px 2px;text-align:center;box-sizing:border-box;color:#666;font-size:14px;font-weight: 400;border-radius:0px;width:100%;}
.input_calendar input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_calendar input:disabled {background:#f1f1f1;}
.input_calendar .i_calendar{position: absolute;right:5px;top:0;border:0;display: inline-block;width:16px; height:20px;background:url(../images/icon_calendar.png) 0 50% no-repeat;text-indent: -9999px;}

/* select custom */
.select-wrap { position: relative;display: block;}
.select-wrap .nice-select { position: relative; -webkit-tap-highlight-color: transparent; background-color: #fff;border:1px solid var(--second-color);  clear: both;cursor: pointer; display: block;font-size:14px;color: #000;height:50px; line-height: 48px;border-radius:4px; outline: none; padding-left:10px;  padding-right: 25px; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width:100%;  box-sizing: border-box; z-index:1;}

.select-wrap .nice-select > span.current {display: block;overflow: hidden; text-overflow: ellipsis;}
.select-wrap .nice-select > span.current.placeholder {color:var(--second-color);font-size:12px;}
.select-wrap .nice-select.open {border-color: var(--concept-color); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-sizing: border-box;font-weight:600; z-index:6;}
.select-wrap .nice-select.disabled { opacity: 0.5;}
/* line  */
.select-wrap.line .nice-select:after {  content: ""; width: 8px; height: 8px; border: 1px solid #000; border-top: none; border-left: none; display: block; margin-top: -6px; pointer-events: none; position: absolute; right: 16px;top: 50%; transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.select-wrap.line .nice-select.open:after {transform: rotate(225deg);margin-top: -2px;} 

/* 삼각형 */
.select-wrap .nice-select:after {  content: ""; width: 0;height: 0;border-style :solid;border-width: 9px 6px 0 6px;border-color: #888 transparent transparent transparent; display: block; margin-top:-5px; pointer-events: none; position: absolute; right: 16px;top: 50%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.select-wrap .nice-select.open:after {transform: rotate(-180deg);margin-top: -5px;}
/* 삼각형 */

.select-wrap .nice-select.open .list { opacity: 1; pointer-events: auto; border-color: var(--concept-color);  border-radius: 0 0 4px 4px; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); z-index: 6;}
.select-wrap .nice-select.disabled {background: #f5f5f5; color: #A6A6A6; pointer-events: none;}
.select-wrap .nice-select.disabled:after { border-color: #cccccc;}
.select-wrap .nice-select .list {width:calc(100% + 2px);background: #fff; border: 1px solid transparent; border-top: none;box-sizing: border-box;opacity: 0; overflow: hidden;padding: 0; pointer-events: none; position: absolute;top: 100%; left: -1px;right: -1px;-webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0;transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px); z-index:6; }
.select-wrap .nice-select .list:hover .option:not(:hover) { background-color: transparent;}
.select-wrap .nice-select .option {display: block;width:100%; cursor: pointer;font-weight: 400; color:#888; line-height: 40px; list-style: none; min-height: 40px;outline: none;padding: 0 10px;font-size: 14px; text-align: left;box-sizing: border-box; -webkit-transition: all 0.2s;transition: all 0.2s;margin-top:0px;}
.select-wrap .nice-select .option:hover,
.select-wrap .nice-select .option.focus,
.select-wrap .nice-select .option.selected.focus { background-color: #F5F5F5;}
.select-wrap .nice-select .option.selected {font-weight: bold;}
.select-wrap .nice-select .option.disabled {background-color: transparent;color: #999;cursor: default;}
.select-wrap .nice-select .sm {color: #A6A6A6;display: block;width:100%; cursor: pointer;font-weight: 400;line-height: 40px; list-style: none; min-height: 40px;outline: none;padding: 0 10px;font-size: 14px; text-align: left;box-sizing: border-box; -webkit-transition: all 0.2s;transition: all 0.2s;}

.error--txt{font-size:14px; color:#FF0000; }

.checkbox{position:relative;}
/* 선택 */
.checkbox.type1{}  /* time 설정 - 대실 */
.checkbox.type1 label{text-align:center;}
.checkbox.type1 .box{display:inline-flex;justify-content:center;align-items:center; width:48px; height:48px;border-radius:50%; background:#fff; font-weight:400;font-size:12px;color:#c4c4c4; line-height: 1.4;}
.checkbox.type1 input:checked + .box{font-weight: 500;color:#fff;background:var(--concept-color); }
.checkbox.type1 input[type=checkbox]:disabled + .box{font-weight: 500;color:#fff;background:var(--concept-color); }
.checkbox.type1 input[type=radio]:disabled + .box{font-weight: 500;color:#fff;background-color: #cacfd1 !important;pointer-events: none;}

.checkbox.type2{}  /* form basic */
.checkbox.type2 label{text-align:center;}
.checkbox.type2 .box{display:flex;justify-content: center; align-items:center;text-align:center;font-weight: 500;font-size:15px;color:var(--concept-color);line-height:1.2;letter-spacing:0em;padding:0 16px; border-radius:24px;border:1px solid var(--concept-color); height:40px;box-sizing:border-box;}
.checkbox.type2 input:checked + .box{font-weight: 500;color:#fff;border:1px solid var(--concept-color);background:var(--concept-color); }
.checkbox.type2 input[type=checkbox]:disabled + .box{font-weight: 500;color:#fff;border:1px solid var(--concept-color);background:var(--concept-color); }
.checkbox.type2 input[type=radio]:disabled + .box{font-weight: 500;color:#fff;border: 1px solid #cacfd1 !important;background-color: #cacfd1 !important;pointer-events: none;}
.checkbox.type2.full{width:100%;}
.checkbox.type2.full label{width:100%;}
.checkbox.type2.full .box{width:100%;}

/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex; margin:3rem 0; gap:8px}
.btn-group.login > * {flex:1;}
.btn-group.login > *:first-child{flex:2;}
.btn-group.mw > * {flex:1;}
.btn-group.center { display: flex;justify-content: center;}
.btn-group.space-between {justify-content: space-between;}
.btn-group.right { justify-content: flex-end;}
.btn-group.column { display: flex; flex-direction: column; gap:15px;}

.btn-group-bot {display: flex; padding:20px;background:#fff;box-sizing: border-box; z-index:2; }
.btn-group-bot > * {flex:1;}
.btn-group-bot .like{flex:0 0 60px;  min-height:30px; background:url(../images/like_off.png) 50% 50% no-repeat}

.btn-type {display:inline-flex;align-items: center; position:relative;cursor:pointer;transition:all 0.3s; line-height:1;padding:0 16px;text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:6px;box-sizing: border-box;}
.btn-type.btn {height:50px;font-weight:400;font-size:16px;} /* basic */
.btn-type.btn-pop {height:44px;font-weight:400;font-size:14px;}
.btn-type.btn-m {height:30px;font-weight:400;font-size:12px;}
.btn-type.btn-s {height:26px;font-weight:400;font-size:12px;padding:0 10px;} 
.btn-type.btn-xs {height:20px;font-weight:400;font-size:11px;padding:0 8px;} 

.btn-type.rbtn {height:50px;font-weight:400;font-size:16px;border-radius:20px;padding:0 20px;}
.btn-type.rbtn-m {height:30px;font-weight:400;font-size:12px;border-radius:20px;padding:0 20px;}
.btn-type.rbtn-s {height:26px;font-weight:400;font-size:11px;border-radius:20px;}
.btn-type.rbtn-xs {height:20px;font-weight:400;font-size:11px;border-radius:20px;}

.btn-type.off {color:#fff !important;border:1px solid #cacfd1;background:#cacfd1; paint-order:none; cursor:not-allowed;}

.i_right_arrow_wh {position: relative; padding-right:20px; text-align: left;}
.i_right_arrow_wh::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg);}

.i_left_arrow {position: relative; padding-left:15px; text-align: left;}
.i_left_arrow::after { content: ' ';position: absolute; top: 50%;left: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #333;border-top: none;border-right: none; transform: rotate(45deg);}

.i_right_arrow {position: relative; padding-right:15px; text-align: left;}
.i_right_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #333;border-top: none;border-right: none; transform: rotate(-135deg);}
.i_right_arrow.point::after {border: 1px solid var(--point-color);border-top: none;border-right: none; transform: rotate(-135deg);}

button:disabled,
button[disabled]{
  border: 1px solid var(--disabled-color) !important;
  background-color: var(--disabled-color) !important;
  color: #888 !important;
  pointer-events: none;
}

input[type=checkbox]:disabled,
input[type=radio]:disabled{
  border: 1px solid var(--second-color) !important;
  background-color: var(--second-color) !important;
  color: #888 !important;
  pointer-events: none;
}

/* color */
.btn-type.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.blue {color:#fff !important;border:1px solid #337bcc;background:#337bcc}
.btn-type.red {color:#fff !important;border:1px solid #e60012;background:#e60012}
.btn-type.orange {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.btn-type.green {color:#fff !important;border:1px solid #1fb25a;background:#1fb25a}
.btn-type.lightgray{color:#000 !important;border:1px solid #f5f5f5;background:#f5f5f5}
.btn-type.lgray{color:#888 !important;border:1px solid #f2f2f2;background:#f2f2f2}
.btn-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }

.btn-type.white{color:#888 !important;border:0;background:#fff;}
.btn-type.concept-color {color:#fff !important;border:0;background:var(--concept-color);}
.btn-type.main-color {color:#fff !important;border:0;background:var(--main-color);}
.btn-type.leave-color {color:#888888 !important; border:0; text-decoration:underline; }
.btn-type.light-color {color:var(--concept-color) !important;border:0;background:var(--light-color);}
.btn-type.concept-line {color:var(--concept-color) !important;border:1px solid var(--concept-color);background-color:transparent;}
.btn-type.gray_line {color:#888 !important;border:1px solid var(--border-color);background-color:transparent;}
.btn-type.second-color{color:#888 !important;border:0;background:var(--second-color);}
.btn-type.transparent-line {color:#888;border:0;background-color:transparent;text-decoration: underline !important;}

.badge-type {position:relative;display:inline-flex;justify-content: center;align-items: center;transition:all 0.3s; line-height:1.3;text-align:center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:3px;box-sizing: border-box;}
.badge-type.normal {height:20px;font-weight:400;font-size:11px;padding:0 10px;}
.badge-type.md{height:24px;font-weight:400;font-size:12px;padding:0 10px;}
.badge-type.round-md{height:24px;font-weight:700;font-size:12px;padding:0 10px;border-radius:15px;}


/* color */
.badge-type.white{color:#888 !important;border:0;background:#fff;}
.badge-type.concept-color {color:#fff !important;border:0;background:var(--concept-color);}
.badge-type.light-color {color:var(--concept-color) !important;border:0;background:var(--light-color);}
.badge-type.concept-line {color:var(--concept-color) !important;border:1px solid var(--concept-color);background-color:transparent;}
.badge-type.gray_line {color:#888 !important;border:1px solid var(--border-color);background-color:transparent;}
.badge-type.second-color{color:#888 !important;border:0;background:var(--second-color);}
.badge-type.transparent-line {color:#888;border:0;background-color:transparent;text-decoration: underline !important;}
.badge-type.border-color {color:#fff !important;border:0;background-color:var(--border-color);}

@media screen and (max-width: 359px) {
    .btn-group {gap:5px}

    input[type=checkbox] + label{padding-left:24px;line-height:18px;font-size:16px;}
    input[type=radio] + label{font-size:16px;}   

    .select_sty select{font-size:13px;}
    .input_sty input{font-size:13px;}
    .textArea_sty textarea{font-size:13px;}
    
    input::placeholder {font-size:13px;}
    input:-ms-input-placeholder {font-size:13px;}
    input::-ms-input-placeholder {font-size:13px;}
    input::-webkit-input-placeholder {font-size:13px;}
    input::-moz-placeholder {font-size:13px;}
    
    textarea::placeholder {font-size:13px;}
    textarea:-ms-input-placeholder {font-size:13px;}
    textarea::-ms-input-placeholder {font-size:13px;}
    textarea::-webkit-input-placeholder {font-size:13px;}
    textarea::-moz-placeholder {font-size:13px;}    
}