@charset "utf-8";

* { -webkit-text-size-adjust: inherit;}
html, body{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
html, body{ height: 100%; width: 100%;}
body {margin:0;padding:0;font-family:"Pretendard"; font-size:0.93em;color:#111;font-weight:400;}
input, select, button, textarea{font-family: 'Pretendard';font-weight: 400; font-size:1em;}
h1, h2, h3, h4, h5, h6, bold, strong, dt, th, b{ font-weight:600;}


a{text-decoration:none;color:#000;border:none;margin:0;padding:0; display: block;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover,
a:focus{text-decoration:none;}


article, aside, details, figcaption, figure, footer, /*header,*/ hgroup, menu, /*nav,*/ section { }
div, p, ul, ol, li, img, a, table, td, th, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none;}

img, input.image, button {border:0 none; vertical-align:middle; }
table{border-collapse:collapse; vertical-align:middle;}

textarea{ width: 100%; border: 1px solid #d6deeb;font-size: 14px; border-radius: 4px; padding:10px 10px 0 10px;  line-height:18px;}

textarea.textr_h50{min-height: 50px;}
textarea.textr_h60{min-height: 60px;}
textarea.textr_h80{min-height: 80px;}
textarea.textr_h100{min-height: 100px;}
textarea.textr_h150{min-height: 150px;}
textarea.textr_h200{min-height: 200px;}
@media all and (max-width: 767px) {
textarea{min-height: 50px !important;}
textarea.textr_h150,
textarea.textr_h200{min-height: 100px !important;}

}


::-webkit-input-placeholder {color: #b3b3b3; font-size: 13px; font-weight: 300;}
:-ms-input-placeholder {color: #b3b3b3; font-size: 13px; font-weight: 300;}
::-moz-placeholder {color: #b3b3b3;opacity: 1; font-size: 13px; font-weight: 300;}
:-moz-placeholder {color: #b3b3b3;opacity: 1; font-size: 13px; font-weight: 300;}


a, button, submit{transition: .2s ease-out;}
input{border:1px solid #d6deeb; height:38px; line-height:38px;border-radius: 4px;vertical-align: middle;}
input[type=text].text_r01{ text-align: right!important;}

input[type=button],
input[type=submit],
button{ cursor:pointer;border-radius: 4px;}
input[type=radio]{vertical-align:top;  border:none !important; height:auto !important;}
input[type=checkbox] { border:none !important;width:auto!important; height:auto!important;border-radius: 2px; vertical-align: middle;}




/*input[type="date"]{ padding-left: 10px;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
	display: block; 
	width: 38px;
	height: 38px; 
	background:url("../images/com/calendar01.png") center no-repeat;
	cursor: pointer;
}*/


select::-ms-expand {display:none !important;}
select {-moz-appearance:none !important; /* Firefox */
 -webkit-appearance:none !important; /* Safari and Chrome */
 appearance:none !important;}
select{ background:#fff url("../../images/com/select_arrow02.png") calc(100% - 3px) center no-repeat; padding-left:10px !important; padding-right: 20px !important;border-radius: 4px; border: 1px solid #ddd; background-size: 22px;}
@media all and (max-width: 767px) {
select{ background-size: 20px;}
}

	
fieldset{border:none;margin:0; padding:0;}
form, input{margin:0;padding:0;}
legend{display:none !important; margin:0; padding:0;}
caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px;}
ul,ol,li {list-style:none;}
em, i{font-style: normal;}


hr{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }


/* Customize the label (the container) */
.form_guide{display: inline-block ;position: relative; vertical-align: middle; cursor: pointer;font-size: 1em; line-height: 30px; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; box-sizing: border-box; width: 30px; }


.form_guide01{display: inline-block ;position: relative; vertical-align: middle; cursor: pointer;font-size: 1em; line-height: 20px; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; box-sizing: border-box; width: 20px;}

.form_guide input { /*position: absolute;*/opacity:0;/*height: 0;width: 0;cursor: pointer; left: 0; top: 0;*/}
.form_guide .checkmark {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #fff;border: 1px solid #ddd;  display: inline-block;}

.form_guide01 input { /*position: absolute;*/opacity:0;/*height: 0;width: 0;cursor: pointer; left: 0; top: 0;*/}
.form_guide01 .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border: 1px solid #ddd;  display: inline-block;}




.check .checkmark {border-radius: 5px;}
.radio .checkmark {border-radius: 50%;height: 24px;width: 24px}
.checkmark:after {content: "";position: absolute;display: none;}

.form_guide01.radio .checkmark {height: 20px;width: 20px;}


.form_guide:hover input ~ .checkmark {background-color: #fff;}
.form_guide input:checked ~ .checkmark {background-color: #3669ff;border: none; }
.form_guide input:checked ~ .checkmark:after {display: block!important;}

.form_guide01:hover input ~ .checkmark {background-color: #fff;}
.form_guide01 input:checked ~ .checkmark {background-color: #3669ff;border: none; }
.form_guide01 input:checked ~ .checkmark:after {display: block!important;}


.form_guide.check .checkmark:after {left: 11px;top: 5px;width: 4px;height: 11px;border: solid white;border-width: 0 4px 4px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.form_guide.radio .checkmark:after {top: 6px;left: 6px;width: 12px;height: 12px;border-radius: 50%;background: white;}
.form_guide.radio{ width: 26px;}

.form_guide01.check .checkmark:after {left: 6px;top: 4px;width: 4px;height: 6px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.form_guide01.radio .checkmark:after {top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: white;}
.form_guide01.radio{ width: 22px;}



::selection {
  background: #e4780b;
  color: #FFF;
  text-shadow: none;
}



/*온오프 스위치*/
.ub_switch_guide {display: flex; align-items: center;}
.ub_switch_box { position: relative; display: inline-block;width: 50px; height: 26px; vertical-align:middle;}
.ub_switch_box input {display:none;}
.ub_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc;
  -webkit-transition: .4s; transition: .4s;}
.ub_slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}

.ub_switch_guide input:checked + .ub_slider {background-color: #2196F3;}
.ub_switch_guide input:focus + .ub_slider { box-shadow: 0 0 1px #2196F3;}

.ub_switch_guide input:checked + .ub_slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px);  transform: translateX(20px);}

.ub_slider.round { border-radius: 34px;}
.ub_slider.round:before { border-radius: 50%;}
.ub_switch_txt {margin:0 6px 0 0;display:inline-block;font-size:13px;font-weight:500;}
.ub_switch_txt.ubs_none {display:none;}
@media all and (max-width: 767px) {
.ub_switch_txt {font-size:12px;}
}