/* 입력폼관련 스타일 시작 */
/* 버튼 기본 ========================================================================== */
.h_form button, .h_form a, .h_form input[type="button"], .h_form span.btn_st
{
	margin: 0;
	overflow: visible;
	font: inherit;
	display: inline-block;
	box-sizing: border-box;
	padding:12px 20px;
	vertical-align: middle;
	font-size:14px;
	text-align:center;
	line-height:1.0;
	text-decoration: none;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	border-radius:3px;
	color: #333;
	border:1px solid rgba(0,0,0,0.1);
	outline:none;
	float:left;
	position:relative;
	background-color:#ffffff;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


.h_form button::-moz-focus-inner,
.h_form a::-moz-focus-inner,
.h_form input[type="button"]::-moz-focus-inner,
.h_form span.btn_st::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

.h_form button:hover, .h_form a:hover, .h_form button:focus,
.h_form a:focus, .h_form input[type="button"]:hover, .h_form input[type="button"]:focus,
.h_form span.btn_st:hover, .h_form span.btn_st:hover
{
	text-decoration: none;
	color: #333;
	border-color:rgba(0,0,0,0.2);
}


.h_form button:active, .h_form a:active, .h_form input[type="button"]:active,
.h_form span.btn_st:active
{
	color: #333;
	border-color: rgba(0,0,0,0.2);

}

.h_form button:not(:disabled), .h_form a:not(:disabled), .h_form input[type="button"]:not(:disabled),
.h_form span.btn_st:not(:disabled)
{
	cursor:pointer;
}

.h_form button:disabled, .h_form input[type="button"]:disabled, .h_form span.btn_st:disabled
{
	color:#999;
	border-color:rgba(0,0,0,0.1);
}



.h_form a.none_a_st,
.h_form button.none_a_st,
.h_form .none_a_st a,
.h_form .none_a_st button
{
	margin: 0;
	overflow: visible;
	font: inherit;
	display: inline-block;
	box-sizing: border-box;
	padding: 0px;
	vertical-align: middle;
	font-size: inherit;
	text-align: left;
	text-decoration: none;
	transition: none;
	transition-property:none;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#333;
	border:none;
	outline:none;
	float:left;
	position:relative;
	background-color:transparent;
	word-break:break-word;
}
.h_form a.none_a_st.rows_a_wrap,
.h_form button.none_a_st.rows_a_wrap,
.h_form .none_a_st.rows_a_wrap a,
.h_form .none_a_st.rows_a_wrap button,
.h_form .none_a_st.rows_a_wrap
{
	display:block;
	float:none;
}


.h_form a.none_a_st::-moz-focus-inner,
.h_form button.none_a_st::-moz-focus-inner,
.h_form .none_a_st a::-moz-focus-inner,
.h_form .none_a_st button::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

.h_form a.none_a_st:hover, .h_form a.none_a_st:focus,
.h_form button.none_a_st:hover, .h_form button.none_a_st:focus,
.h_form .none_a_st a:hover, .h_form .none_a_st a:focus,
.h_form .none_a_st button:hover, .h_form .none_a_st button:focus
{
	text-decoration: none;
	color: #333;
	border-color:rgba(0,0,0,0.2);
}


.h_form a.none_a_st:active,
.h_form button.none_a_st:active,
.h_form .none_a_st a:active,
.h_form .none_a_st button:active
{
	color: #333;
	border-color:rgba(0,0,0,0.2);
}

.h_form a.none_a_st:not(:disabled),
.h_form button.none_a_st:not(:disabled),
.h_form .none_a_st a:not(:disabled),
.h_form .none_a_st button:not(:disabled)
{
	cursor:pointer;
}



.h_form.none_link a,
.h_form.none_link button
{
	margin: 0;
	overflow: visible;
	font: inherit;
	display:initial;
	box-sizing: border-box;
	padding: 0px;
	vertical-align: top;
	font-size: inherit;
	text-align: left;
	text-decoration: none;
	transition: none;
	transition-property:none;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#333;
	border:none;
	outline:none;
	float:initial;
	position:relative;
	background-color:transparent;
}

.h_form.none_link a::-moz-focus-inner,
.h_form.none_link button::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

.h_form.none_link button:hover, .h_form.none_link button:focus,
.h_form.none_link a:hover, .h_form.none_link a:focus
{
	text-decoration: none;
	color: #333;
	border-color:rgba(0,0,0,0.2);
}

.h_form.none_link button:active,
.h_form.none_link a:active
{
	color: #333;
	border-color:rgba(0,0,0,0.2);
}

.h_form.none_link button:not(:disabled),
.h_form.none_link a:not(:disabled)
{
	cursor:pointer;
}



.h_form a.file_upload_btn {
	background-color:rgba(0,0,0,0.03);
	padding-left:40px !important;
	margin-bottom:5px;
}

.h_form a.file_upload_btn svg{
	position:absolute;
	top:9px;
	left:18px;
}

.h_form a.file_download_btn {
	background-color:rgba(0,0,0,0.03);
	padding-left:40px !important;
}

.h_form a.file_download_btn svg{
	position:absolute;
	top:9px;
	left:18px;
}

.h_form a.file_upload_s_btn {
	background-color:rgba(0,0,0,0.03);
	padding-left:30px !important;
	padding:9px 15px;
	font-size:12px;
	margin-top:4px;
}

.h_form a.file_upload_s_btn svg{
	position:absolute;
	top:7px;
	left:14px;
}



.h_form .none_shadow
{
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

/* 버튼 기본 ========================================================================== */

/* 버튼 크기 ========================================================================== */

.h_form .h_btn_icon
{
	padding: 9px;
	font-size: 10px;
}

.h_form .h_btn_s
{
	padding: 9px 15px;
	font-size: 12px;
}

.h_form .h_btn_field
{
	padding:3px 15px;
	font-size: 12px;
	margin:3px;
	float:none !important;
	color:#787878;
}

.h_form .h_btn_field2
{
	padding:7px 15px;
	font-size: 12px;
	margin:3px;
	float:none;
	color:#787878;
}


.h_form .h_btn_b
{
	padding:15px 30px;
	font-size: 17px;
}

/* 버튼 크기 ========================================================================== */

/* 버튼 색상 ========================================================================== */

.h_form .h_btn_st1
{
	background-color:var( --main-color-8 ) !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st1:hover, .h_form .h_btn_st1:focus
{
	background-color:var( --main-color-10 ) !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st1:active
{
	background-color:var( --main-color-10 ) !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st1:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}


.h_form .h_btn_st2
{
	background-color: #acb8c9 !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st2:hover, .h_form .h_btn_st2:focus

{
	background-color: #95a3b8 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st2:active
{
	background-color: #95a3b8 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st2:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}


.h_form .h_btn_st3
{
	background-color: #445163 !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st3:hover, .h_form .h_btn_st3:focus
{
	background-color: #384454 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st3:active
{
	background-color: #384454 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st3:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}


.h_form .h_btn_st4
{
	background-color: #ff9b00 !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st4:hover, .h_form .h_btn_st4:focus
{
	background-color: #f09302 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st4:active
{
	background-color: #f09302 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st4:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}


.h_form .h_btn_st5
{
	background-color: #ff4700 !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st5:hover, .h_form .h_btn_st5:focus
{
	background-color: #f24503 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st5:active
{
	background-color: #f24503 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st5:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}

.h_form .h_btn_st6
{
	background-color: #59a913 !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st6:hover, .h_form .h_btn_st6:focus
{
	background-color: #509a0f !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st6:active
{
	background-color: #509a0f !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st6:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}




.h_form .h_btn_st7
{
	background-color: #ffffff !important;
	color: #000 !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st7:hover, .h_form .h_btn_st7:focus
{
	background-color: #f5f5f5 !important;
	color: #000 !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st7:active
{
	background-color: #f5f5f5 !important;
	color: #000 !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st7:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}



.h_form .h_btn_st8
{
	background-color: #ff4747 !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st8:hover, .h_form .h_btn_st8:focus
{
	background-color: #ef3333 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st8:active
{
	background-color: #ef3333 !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st8:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}



.h_form .h_btn_st9
{
	background-color:#00a2ff !important;
	color: #fff !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st9:hover, .h_form .h_btn_st9:focus
{
	background-color:#007eff !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st9:active
{
	background-color:#007eff !important;
	color: #fff !important;
	text-decoration: none !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}

.h_form .h_btn_st9:disabled
{
	background-color:transparent !important;
	color:#999 !important;
	border-color:rgba(0,0,0,0.2) !important;
}

/* 버튼 색상 ========================================================================== */



/* 버튼 아이콘 ========================================================================== */

.h_form .icon_s {
	padding-left:32px !important;
}


.h_form .icon_s svg {
	position:absolute;
	left:16px;
}

.h_form .icon_m {
	padding-left:40px !important;
}

.h_form .icon_m svg {
	position:absolute;
	left:20px;
}

.h_form .icon_m.pick_icon svg{
	margin-top:-2px;
}


.h_form .icon_m2 {
	padding:12px 15px 12px 32px !important;
}

.h_form .icon_m2 svg {
	position:absolute;
	left:14px;
}


.h_form .h_btn_field_double svg
{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}


.h_form .icon_m_100p {
	padding-left:40px !important;
}

.h_form .icon_m_100p svg {
	position:absolute;
	top:12px;
	left:50%;
	margin-left:-80px;
}

.h_form .icon_b {
	padding-left:50px !important;
}

.h_form .icon_b svg {
	position:absolute;
	left:23px;
}

.h_form .icon_right svg {
	position:absolute;
	top:-8px;
	right:-20px;
}

/* 버튼 아이콘 ========================================================================== */



/* 입력폼 기본 ========================================================================== */

.h_form input[type="text"],
.h_form input[type="tel"],
.h_form input[type="number"],
.h_form input[type="password"],
.h_form select,
.h_form textarea
{
	box-sizing: border-box;
	margin: 0;
	font: inherit;
	float:left;
	max-width:100%;
	width:100%;
	padding:9px 10px;
	background: #fff;
	color: #666;
	font-size:14px;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 3px;
	-webkit-appearance: none;
}

.h_form input[type="text"],
.h_form input[type="tel"],
.h_form input[type="number"],
.h_form input[type="password"]
{
	overflow: visible;
}

.h_form input[type="text"]::-moz-placeholder,
.h_form input[type="tel"]::-moz-placeholder,
.h_form input[type="number"]::-moz-placeholder,
.h_form input[type="password"]::-moz-placeholder,
.h_form textarea::-moz-placeholder
{
	opacity: 1;
}


.h_form input[type="text"],
.h_form input[type="tel"],
.h_form input[type="number"],
.h_form input[type="password"],
.h_form select:not([multiple]):not([size])
{
	height:40px;
	vertical-align:middle;
	display:inline-block;
}


.h_form input[type="text"]:focus,
.h_form input[type="tel"]:focus,
.h_form input[type="number"]:focus,
.h_form input[type="password"]:focus,
.h_form select:focus,
.h_form textarea:focus,
.h_form input[type="text"]:hover,
.h_form input[type="tel"]:hover,
.h_form input[type="number"]:hover,
.h_form input[type="password"]:hover,
.h_form select:hover,
.h_form textarea:hover
{
	outline: none;
	background-color: #fff;
	color: #666;
	border-color: var( --main-color-10 );
}


.h_form input[type="text"]:disabled,
.h_form input[type="tel"]:disabled,
.h_form input[type="number"]:disabled,
.h_form input[type="password"]:disabled,
.h_form select:disabled,
.h_form textarea:disabled
{
	background-color: #f8f8f8;
	color: #999;
	border-color: #e5e5e5;
}



.h_form input[type="text"]:read-only:focus,
.h_form input[type="tel"]:read-only:focus,
.h_form input[type="number"]:read-only:focus,
.h_form input[type="password"]:read-only:focus,
.h_form textarea:read-only:focus
{
	outline: none;
	background-color: #fff;
	color: #ff0000;
	border-color:#ff0000;
	border-bottom-color :#ff0000;
	opacity:1;
}

.h_form input[type="text"]:-moz-read-only:focus,
.h_form input[type="tel"]:-moz-read-only:focus,
.h_form input[type="number"]:-moz-read-only:focus,
.h_form input[type="password"]:-moz-read-only:focus,
.h_form textarea:-moz-read-only:focus
{
	outline: none;
	background-color: #fff;
	color: #ff0000;
	border-color:#ff0000;
	border-bottom-color :#ff0000;
	opacity:1;
}

.h_form input[type="text"]:-ms-read-only:focus,
.h_form input[type="tel"]:-ms-read-only:focus,
.h_form input[type="number"]:-ms-read-only:focus,
.h_form input[type="password"]:-ms-read-only:focus,
.h_form textarea:-ms-read-only:focus
{
	outline: none;
	background-color: #fff;
	color: #ff0000;
	border-color:#ff0000;
	border-bottom-color :#ff0000;
	opacity:1;
}






.h_form input[type="text"]::-ms-input-placeholder,
.h_form input[type="tel"]::-ms-input-placeholder,
.h_form input[type="number"]::-ms-input-placeholder,
.h_form input[type="password"]::-ms-input-placeholder,
.h_form textarea::-ms-input-placeholder
{
	color: #999 !important;
}

.h_form input[type="text"]::placeholder,
.h_form input[type="tel"]::placeholder,
.h_form input[type="number"]::placeholder,
.h_form input[type="password"]::placeholder,
.h_form textarea::placeholder
{
	color: #999;
}

.h_form select
{
	text-transform: none;
}

.h_form select optgroup
{
	font: inherit;
	font-weight: bold;
}


.h_form select:not(select)
{
	line-height: 38px;
}

.h_form select[multiple],
.h_form select[size]
{
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}


.h_form textarea
{
	min-height:80px;
	overflow:auto;
	overflow-wrap:break-word;
	resize:horizontal;
	vertical-align: top;
}


.h_form select:not([multiple]):not([size])
{
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right:20px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-repeat: no-repeat;
	background-position:100% 50%;
}

.h_form select:not([multiple]):not([size])::-ms-expand
{
	display: none;
}

.h_form select:not([multiple]):not([size]) option
{
	color: #444;
}


.h_form input[type="file"]
{
	width:100%;
	border:1px solid #e5e5e5;
	padding:8px 0;
	border-left:none;
	border-right:none;
	border-top:none;
	font-size:14px;
	color:#000000;
	background-color:transparent !important;
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
	border-radius:0 !important;
	-webkit-transition: border-color ease-in-out .25s, -webkit-box-shadow ease-in-out .25s;
	-o-transition: border-color ease-in-out .25s, box-shadow ease-in-out .25s;
	transition: border-color ease-in-out .25s, box-shadow ease-in-out .25s;
	float:none;
}

.h_form input[type="file"]:focus
{
	outline: none;
	color: #666;
	border-color:var( --main-color-10 );
	box-shadow:0 -1px var( --main-color-10 ) inset;
	border-bottom-color :var( --main-color-10 );
	opacity:1;
	background-color:transparent;
}



.h_form input[type="file"]:read-only:focus
{
	box-shadow:0 -1px #ff0000 inset !important;
}

.h_form input[type="file"]:-moz-read-only:focus
{
	box-shadow:0 -1px #ff0000 inset !important;
}

.h_form input[type="file"]:-ms-read-only:focus
{
	box-shadow:0 -1px #ff0000 inset !important;
}

.h_form .auto_input
{
	width:auto !important;
}

.h_form .small_input
{
	width:20% !important;
}

.h_form .middle_input
{
	width:50% !important;
}

.h_form .large_input
{
	width:95% !important;
}

.h_form .number_st
{
	width:50px !important;
}

.h_form .hour_st
{
	width:70px !important;
}

.h_form .date_st,
.h_form .data_input
{
	width:110px !important;
}

.h_form .date_m_st
{
	width:130px !important;
}

.h_form .data_t_input
{
	width:160px !important;
}

.h_form .ph_number
{
	width:160px !important;
}

.h_form .sms_form_bg
{
	width:180px !important;
	height:150px;
	resize:none;
}

.h_form .mail_input
{
	width:250px !important;
}


.h_form input[type="range"]
{
	box-sizing: border-box;
	margin: 0;
	vertical-align: middle;
	max-width: 100%;
	width: 100%;
	-webkit-appearance: none;
	background: transparent;
	padding: 0;
}

.h_form input[type="range"]:focus
{
	outline: none;
}
.h_form input[type="range"]::-moz-focus-outer
{
	border: none;
}

.h_form input[type="range"]::-ms-track
{
	height: 20px;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

.h_form input[type="range"]:not(:disabled)::-webkit-slider-thumb
{
	cursor: pointer;
}
.h_form input[type="range"]:not(:disabled)::-moz-range-thumb
{
	cursor: pointer;
}
.h_form input[type="range"]:not(:disabled)::-ms-thumb
{
	cursor: pointer;
}



.h_form input[type="range"]::-webkit-slider-thumb
{
	-webkit-appearance: none;
	margin-top: -8px;
	height: 20px;
	width: 20px;
	border-radius: 500px;
	background: #fff;
	border: 1px solid #cccccc;
}

.h_form input[type="range"]::-moz-range-thumb
{
	border: none;
	height: 20px;
	width: 20px;
	border-radius: 500px;
	background: #fff;
	border: 1px solid #cccccc;
}

.h_form input[type="range"]::-ms-thumb
{
	height: 20px;
	width: 20px;
	border-radius: 500px;
	background: #fff;
	border: 1px solid #cccccc;
	margin-top: 0;
}

.h_form input[type="range"]::-ms-tooltip
{
	display: none;
}

.h_form input[type="range"]::-webkit-slider-runnable-track
{
	height: 5px;
	background: #ebebeb;
	border-radius: 500px;
}

.h_form input[type="range"]:focus::-webkit-slider-runnable-track,
.h_form input[type="range"]:active::-webkit-slider-runnable-track
{
	background: rgba(0, 184, 255, 1);
}

.h_form input[type="range"]::-moz-range-track
{
	height: 5px;
	background: #ebebeb;
	border-radius: 500px;
}

.h_form input[type="range"]:focus::-moz-range-track {
	background: rgba(0, 184, 255, 1);
}

.h_form input[type="range"]::-ms-fill-lower,
.h_form input[type="range"]::-ms-fill-upper
{
	height: 5px;
	background: #ebebeb;
	border-radius: 500px;
}

.h_form input[type="range"]:focus::-ms-fill-lower,
.h_form input[type="range"]:focus::-ms-fill-upper
{
	background: rgba(0, 184, 255, 1);
}


/* 입력폼 기본 ========================================================================== */


/* 테이블 기본 ========================================================================== */
.h_form table {
	border-collapse:collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 20px;
	table-layout:fixed;

}

.h_form table thead{
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;

}

.h_form table th {
	padding: 14px 12px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	/*text-transform:uppercase;*/
	background-color:rgba(250, 250, 250, 1);
}

.h_form table td {
	padding:16px 10px;
	word-break:break-all;
}

.h_form table td > :last-child {
	margin-bottom: 0;
}

.h_form table tfoot {
	font-size: 16px;
}

.h_form table caption {
	font-size: 16px;
	text-align: left;
	color: #4d4d4d;
	padding:0 0 3px 10px;
	height:inherit;
	overflow:hidden;
	letter-spacing:-1px;
	margin:20px 0 10px 0;
	border-left:3px solid var( --main-color-10 );
	font-family:'Noto Sans KR' !important;
	font-weight:500 !important;
	line-height:1.5;
}


.h_form table > tr:not(:first-child),
.h_form table > :not(:first-child) > tr,
.h_form table > :first-child > tr:not(:first-child) {
	border-bottom: 1px solid #e5e5e5;
}

.h_form table > tr:hover,
.h_form table tbody tr:hover {
	background: #ffd !important;
}

.h_form table > tr.uk-active,
.h_form table tbody tr.uk-active {
	background: #ffd !important;
}

.h_form table tbody tr {
	transition: background-color 0.1s linear;
}

/* 테이블 기본 ========================================================================== */


/* 스위치 기본1 ========================================================================== */

.h_form .h-switch
{
	position: relative;
	display: inline-block;
	height: 23px;
	vertical-align:middle;
}

.h_form .h-switch input
{
	display:none !important;
}


.h_form .h-switch .h-switch-slider
{
	background-color: rgba(0,0,0,0.22);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 500px;
	bottom: 0;
	cursor: pointer;
	transition-property: background-color;
	transition-duration: .2s;
}

.h_form .h-switch .h-switch-slider:before
{
	content: '';
	background-color: #fff;
	position: absolute;
	width: 19px;
	height: 19px;
	left: 2px;
	bottom: 2px;
	border-radius: 50%;
	transition-property: transform, border;
	transition-duration: .2s;
}

.h_form .h-switch input:checked + .h-switch-slider
{
	background-color:var( --main-color-10 );
}


.h_form .h-switch input:checked + .h-switch-slider:before
{
	transform: translateX(22px);
}

/* 스위치 기본1 ========================================================================== */

/* 스위치 스타일 ========================================================================== */

.h_form .h-switch .h-switch-slider.uk-switch-b:before
{
	transform: scale(1.5);
	border:1px solid rgba(0,0,0,0.1);
}

.h_form .h-switch input:checked + .h-switch-slider.uk-switch-b:before
{
	transform: translateX(22px) scale(1.5);
}

.h_form .h-switch .h-switch-slider.uk-switch-s:before
{
	transform: scale(0.8);
}
.h_form .h-switch input:checked + .h-switch-slider.uk-switch-s:before
{
	transform: translateX(22px) scale(0.8);
}

/* 스위치 스타일 ========================================================================== */


/* 스위치 기본2 ========================================================================== */

.h_form .h-switch-st2
{
	height: 12px !important;
	width: 40px !important;
}


.h_form .h-switch-st2 .h-switch-slider:before
{
	width: 22px !important;
	height: 22px !important;
	left: 0px !important;
	bottom: -5px !important;
	border:1px solid rgba(0,0,0,0.1) !important;
}


.h_form .h-switch-st2 input:checked + .h-switch-slider:before
{
	transform: translateX(20px) !important;
}

.h_form .label_info
{
	cursor: pointer;
	margin-left:5px;
	font-size:14px;
	vertical-align: middle;
}

/* 스위치 기본2 ========================================================================== */




/* 라디오, 체크박스 기본 ========================================================================== */

.h_form input[type="radio"],
.h_form input[type="checkbox"]
{
	box-sizing: border-box;
	margin: 0;
	font: inherit;
}


.h_form .h-check input[type="checkbox"],
.h_form .h-radio input[type="radio"]
{
	vertical-align:text-top;
	position: absolute;
	z-index: -1;
	opacity: 0;
}


.h_form .h-check span,
.h_form .h-radio span
{
	vertical-align:text-top;
	line-height:1.6;
	font-size:16px;
}


.h_form .h-check,
.h_form .h-radio
{
	margin-right:20px;
	cursor:pointer;
	display: inline-block;
}

.h_form .h-check
{
	margin-top: -4px;
}

.h_form .h-check:last-child,
.h_form .h-radio:last-child
{
	margin-right:0px !important;
}

.h_form.widget_inquiry_form .write_input .h-radio,
.h_form.widget_inquiry_form .write_input .h-check {
	display:inline-block;
	margin-left:0;
	margin-right:20px;
}


.h_form.widget_inquiry_form .write_input .h-radio:last-child,
.h_form.widget_inquiry_form .write_input .h-check:last-child {
	margin-right:0 !important;
}



.h_form .more_info_check
{
	margin-left:0px !important;
	margin-right:10px !important;
	margin-bottom:10px !important;
	display:inline-block;
}


.h_form .h-radio input[type="radio"] + span::before,
.h_form .h-check input[type="checkbox"] + span::before
{
	content:' ';
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:5px;
	margin-top:4px;
	vertical-align: text-top;
	background-color:rgba(242,242,242,1);
	border:1px solid rgba(230,230,230,1);
	transition: 0.4s ease-in-out;
	transition-property: background-color, background-image,background-repeat, border;
}



.h_form .h-radio input[type="radio"] + span::before
{
	border-radius: 50%;
}

.h_form .h-check input[type="checkbox"] + span::before
{
	border-radius: 2px;
}


.h_form .h-radio input[type="radio"]:checked + span::before
{
	background-color:var( --main-color-8 );
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid var( --main-color-10 );
}

.h_form .h-check input[type="checkbox"]:checked + span::before
{
	background-color:var( --main-color-8 );
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid var( --main-color-10 );
}


.h_form .h-radio input[type="radio"]:disabled + span::before
{
	background-color:rgba(0,0,0,0.2);
	border:1px solid rgba(170,170,170,1);
}


.h_form .h-check input[type="checkbox"]:disabled + span::before
{
	background-color:rgba(0,0,0,0.2);
	border:1px solid rgba(170,170,170,1);
}

/* 라디오, 체크박스 기본 ========================================================================== */


/* 드롭박스 스타일 1 ========================================================================== */
.drop_box_st1 {
	background-color:#ffffff;
	color:#212121;
	border-radius:3px;
	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
	border:1px solid rgba(0, 0, 0, 0.1);
}
/* 드롭박스 스타일 1 ========================================================================== */

.h_form .slide_cd_input {
	width:80px;
	float:left;
}

.h_form .color_cd_input {
	width:180px;
	float:left;
	position:relative;
	display:inline-flex;
}

.h_form .color_cd_input input[type="text"]{
	width:180px;
	float:left;
}

.h_form .slide_cd_input_full {
	width:100%;
}

.h_form .slide_cd_bar {
	padding-top:18px;
	margin-left:95px;
}

.h_form .slide_cd_bar_full {
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}



.h_form .color_cd_bar{
	margin-left:10px;
	position: relative;
	height:40px;
	display:inline-flex;
	vertical-align: middle;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	cursor:pointer;
	float:left;
}

.h_form .color_cd_circle {
	width:25px;
	height:25px;
	border-radius:50%;
	border:1px solid rgba(0,0,0,0.10);
}

.h_form .color_cd_circle_transparent {
	background-image:linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef) !important;
	background-position: 0 0,5px 5px !important;
	background-size: 10px 10px !important;
	background-color:transparent !important;
}


/* RGBA 색상선택 스타일*/
.h_form .color_cd_check {
	font-size:14px;
	line-height:1;
	color:#212121;
	position: relative;
	height: 40px;
	display: inline-flex;
	vertical-align: middle;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	float:left;
	padding-left:10px;
	padding-top:3px;
}

.h_form .color_cd_circle_wrap{
	margin-left:10px;
	margin-top:8px;
	position: relative;
	height:25px;
	width:25px;
	display:inline-flex;
	vertical-align: middle;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	cursor:pointer;
	float:left;
}

.h_form .color_cd_circle_bg{
	background-image: linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef) !important;
	background-position: 0 0,5px 5px !important;
	background-size: 10px 10px !important;
	background-color:#ffffff;
	content:"";
	display: inline-block;
	width:25px;
	height:25px;
	border-radius: 50%;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border:1px solid rgba(0,0,0,0.10);
}

.h_form .color_cd_circle_sel{
	display: inline-block;
	width:25px;
	height:25px;
	border-radius: 50%;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 2;
	border:1px solid rgba(0,0,0,0.10);
	line-height:1.1;
}
/* RGBA 색상선택 스타일*/


span.form_inline_explain, span.form_inline_explain_left{
	padding:0 5px;
	font-size:14px;
	line-height:1;
	color:#212121;
	position:relative;
	height:40px;
	display:inline-flex;
	vertical-align:middle;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	float:left;
}

span.form_inline_explain_left{
	padding:0 5px 0 0 !important;
}

.h_form .write_input, .h_form .write_info{
	position:relative;
	margin-bottom:15px;
}
.h_form .write_input:first-child, .h_form .write_info:first-child{
	padding-top:0px !important;
}
.h_form .write_input > label, .h_form .write_info > label{
	cursor:pointer;
	word-break:break-all;
	width:160px;
	float:left;
	position:relative;
	margin:0;
	text-align:left;
	color:#666666;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:16px;
	line-height:1.3;
}

.h_form .write_input > div, .h_form .write_info > div{
	width:calc(100% - 160px);
	word-break:break-all;
	min-height:1px;
	float:left;
	position:relative;
	padding-left:10px;
	text-align:left;
	font-size:16px;
}

.h_form .write_input > div.multiple_select select {
	margin-left:5px;
}

.h_form .write_input > div.multiple_select select:first-child{
	margin-left:0px;
}


.h_form .write_input > label{
	margin-top:9px;
}

.h_form .write_info > label{
	margin-top:2px;
}




.h_form .write_input_m{
	position:relative;
	margin-bottom:15px;
}

.h_form .write_input_m > label {
	cursor:pointer;
	width:100%;
	position:relative;
	margin:0;
	text-align:left;
	color:#686868;
	font-size:14px;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
}

.h_form .write_input_m > div {
	width:100%;
	min-height:1px;
	position:relative;
	text-align:left;
	font-size:16px;
	margin-top:5px;
	color:#000000;
}


.h_form .write_info_m{
	position:relative;
	margin-bottom:6px;
}

.h_form .write_info_m > label{
	cursor:pointer;
	width:80px;
	float:left;
	position:relative;
	margin:0;
	text-align:left;
	color:#222222;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:15px;
}

.h_form .write_info_m > div{
	width:calc(100% - 90px);
	min-height:1px;
	float:left;
	position:relative;
	padding-left:10px;
	text-align:left;
	font-size:15px;
	color:#222222;
	word-break:break-all;
}






.list_btn_margin, .bottom_btn_margin, .input_margin_left{
	margin-left:5px !important;
}

.input_margin_right{
	margin-right:5px !important;
}


.h_form .image_up {
	margin-top:0px !important;
}

.h_form .check_up {
	padding-top:7px !important;
}

.h_form .switch_up {
	padding-top:5px !important;
}

.h_form .text-area_up {
	margin-top:0px !important;
}

.h_form .info_up {
	margin-top:7px !important;
}
/* 입력폼관련 스타일 끝 */


/* 페이지 안내문 */
.info_alert {
	border-left:3px solid var( --main-color-10 );
	padding:20px;
	background-color:#fafafa;
	margin-bottom:20px;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:14px;
	color:#333333;
	word-break:keep-all;
}
/* 페이지 안내문 */


/* 페이지 안내문 */
.info_alert_ok {
	border:3px solid var( --main-color-10 );
	padding:20px;
	background-color:#fafafa;
	margin-bottom:20px;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:14px;
	color:#333333;
	word-break:keep-all;
}
/* 페이지 안내문 */

/* 페이지 안내문 모바일 */
.info_alert_m {
	border-left:3px solid var( --main-color-10 );
	padding:20px;
	background-color:#fafafa;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:14px;
	color:#333333;
	margin-bottom:0px;
	word-break:keep-all;
}
/* 페이지 안내문 모바일 */

/* 페이지 안내문 디자인편집 모달용*/
.info_alert_modal_wrap {
	padding:15px 15px 0px 15px;
}

.info_alert_modal_wrap .info_alert_modal{
	border-left:3px solid var( --main-color-10 );
	padding:20px;
	background-color:#fafafa;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:14px;
	color:#333333;
	word-break:keep-all;
}
/* 페이지 안내문 디자인편집 모달용*/


/* 입력폼 우측 안내문 */
.info_text_p {
	margin-top:5px;
	color:#666666;
	font-family:'Noto Sans KR' !important;
	font-weight:400 !important;
	font-size:14px;
	position:relative;
	padding-left:20px;
	display:block;
	width:98%;
	line-height:1.5;
}

.info_text_p svg{
	position:absolute;
	top:3px;
	left:0px;
}

.info_text_p .point_title {
	font-weight:500 !important;
	color:#333333;
}

.info_text_p a {
	margin:0;
	overflow: visible;
	font: inherit;
	display: inline-block;
	box-sizing: border-box;
	padding: 0px;
	vertical-align:top;
	font-size: inherit;
	text-align: left;
	text-decoration: none;
	transition: none;
	transition-property: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #333;
	border: none;
	outline: none;
	float: none;
	position: relative;
	background-color: transparent;
}
/* 입력폼 우측 안내문 */


/* 주요색상 */
.caution_color {
	color:#ff0000 !important;
	font-weight:500 !important;
}

.caution_thin_color {
	color:#ff0000 !important;
}

.w_color {
	color:#ffffff !important;
	font-weight:500 !important;
}
/* 주요색상 */

/* 하단 버튼 정렬 */
.save_btn_center {
	position:relative;
	text-align:center;
	display:table;
	margin:20px auto;
	width:auto;
}

.save_btn_center_m {
	position:relative;
	text-align:center;
	display:table;
	margin:10px auto;
	width:auto;
}

.contents_border {
	border-bottom:1px solid #eee;
}

.contents_border2 {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.contents_border3 {
	border-top:1px solid #eee;
}

.outarea_save_btn{
	position:relative;
	text-align:left;
	display:block;
	margin-left:0px;
	padding:0px !important;
}


/* 하단 버튼 정렬 */

/* input 우측 체크박스 정렬 */
.input_right_check {
	padding-top:7px;
	margin-left:10px;
	float: left;
}
/* input 우측 체크박스 정렬 */