@charset "utf-8";

/* 초기화 */
html {
  overflow-y: scroll;
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 0.75em;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
header ul,
nav ul,
aside ul,
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

label,
input,
button,
select,
img {
  vertical-align: middle;
}
label {
  vertical-align: middle;
  margin-bottom: 0 !important;
}
textarea,
select {
  font-size: 1em;
}

input {
  margin: 0;
  padding: 0;
  border-radius: 0;
}
input[type='text'],
input[type='password'],
input[type='submit'],
input[type='image'] {
  -webkit-appearance: none;
}
button {
  border-radius: 0;
  font-size: 1em;
  -webkit-appearance: none;
  cursor: pointer;
}
p {
  margin: 0;
  padding: 0 0 10px;
  line-height: 1.7em;
  word-break: break-all;
}
hr {
  display: none;
}
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a {
  color: #000;
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
  text-decoration: underline;
  color: var(--primary) !important;
}

/* 헤딩 */
h1 {
  color: #333;
  font-size: 1.5em;
  letter-spacing: -0.1em;
}
h2 {
  font-size: 1.2em;
}

/* 중간 레이아웃 */
#wrapper {
  z-index: 5;
  margin: 20px 0;
  min-width: 1000px;
  zoom: 1;
}
#wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}

#container {
  z-index: 4;
  position: relative;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.msg_sound_only,
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

/* 본문 바로가기 */
#to_content a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#to_content a:focus,
#to_content a:active {
  width: 100%;
  height: 70px;
  background: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 3.1em;
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
  display: inline-block;
  position: relative;
}
#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
#captcha #captcha_img {
  height: 40px;
  border: 1px solid #898989;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
#captcha #captcha_mp3 {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../img/captcha2.png') no-repeat;
  text-indent: -999px;
  border-radius: 3px;
}
#captcha #captcha_reload {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../img/captcha2.png') no-repeat 0 -40px;
  text-indent: -999px;
  border-radius: 3px;
}
#captcha #captcha_key {
  margin: 0 0 0 3px;
  padding: 0 5px;
  width: 90px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  vertical-align: top;
}
#captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
  display: block;
  margin: 0 0 5px;
  width: 187px;
}
#captcha.m_captcha #captcha_img {
  width: 160px;
  height: 60px;
  border: 1px solid #e9e9e9;
  margin-bottom: 3px;
  margin-top: 5px;
  display: block;
}
#captcha.m_captcha #captcha_reload {
  position: static;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url('../img/captcha2.png') no-repeat 0 -40px;
  text-indent: -999px;
}
#captcha.m_captcha #captcha_reload span {
  display: none;
}
#captcha.m_captcha #captcha_key {
  margin: 0;
  padding: 0 5px;
  width: 115px;
  height: 29px;
  border: 1px solid #b8c9c2;
  background: var(--bg);
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  line-height: 29px;
  margin-left: 3px;
}
#captcha.m_captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}
#captcha.m_captcha #captcha_mp3 {
  width: 31px;
  height: 31px;
  background: url('../img/captcha2.png') no-repeat 0 0;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
}

/* ckeditor 단축키 */
.cke_sc {
  margin: 0 0 5px;
  text-align: right;
}
.btn_cke_sc {
  display: inline-block;
  padding: 0 10px;
  height: 23px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  line-height: 1.9em;
  vertical-align: middle;
  cursor: pointer;
}
.cke_sc_def {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #ccc;
  background: var(--bg);
  text-align: center;
}
.cke_sc_def dl {
  margin: 0 0 5px;
  text-align: left;
  zoom: 1;
}
.cke_sc_def dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.cke_sc_def dt,
.cke_sc_def dd {
  float: left;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
}
.cke_sc_def dt {
  width: 20%;
  font-weight: bold;
}
.cke_sc_def dd {
  width: 30%;
}
.btn_cke_sc_close {
  background: #333;
  padding: 5px;
  border: none;
  color: #fff;
}

/* 공통박스 */
.compare_wrap {
	margin-top: 20px;
  zoom: 1;
	display: flex;
	gap:30px;
}
.compare_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.compare_wrap section {
  margin: 10px 0;
  padding: 20px;
  background: var(--bg);
  border-radius: 8px;
}
.compare_wrap h3 {
  margin: 0 0 15px;
	font-size: 16px;
   font-family: WOFF_3;
}
.compare_wrap .tbl_frm {
  margin: 0;
}
.compare_wrap .frm_input,
.compare_wrap .required {
  background-color: #fff !important;
}
.compare_wrap .btn_confirm {
  padding: 10px 0 0;
}
.compare_left {
	flex:1;
}
.compare_right {
	flex:1;
}

/* 버튼 */
.btn_confirm {
  display: flex;
  gap: 8px;
  margin: 8px 0 0 0;
}
/*.btn_confirm_wrap .btn_confirm.is-fixed{
	position: fixed;
	top:100px;
	z-index: 0;
	right:0;
	width: calc(100% - 224px);
	background-color: #fff;
	padding: 20px 25px;
	border-top: 1px solid #ddd;
	justify-content: flex-start;
}*/


.btn_confirm01 {
  clear: both;
  text-align: center;
}
.btn_confirm01 button {
  padding: 8px 16px;
  height: 40px;
  border: 0;
  background: #617d46;
  color: #fff;
}
.btn_confirm01 button:hover {
  opacity: 0.7;
}
.btn_confirm01 a {
  display: inline-block;
  padding: 8px 16px;
  height: 40px;
  background: #617d46;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.btn_confirm01 a:focus {
  background: #555;
}

/* .btn_confirm {clear:both;margin-top:10px;text-align:center} */
.btn_confirm button {
  min-width: 140px;
  padding: 8px 16px;
  height: 40px;
  border: 0;
  background: var(--primary);
  color: #fff;
  border-radius: 4px;
	display: inline-flex;
	gap:4px;
	justify-content: center;
	align-items: center;
	font-weight: 600;
}
.btn_confirm button:hover {
  opacity: 0.7;
}
.btn_confirm a {
  display: inline-block;
  min-width: 140px;
  padding: 8px 16px;
  height: 40px;
  background: #000;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  padding: 12px 32px;
  border: none;
  cursor: pointer;
}
.btn_confirm a:focus {
  background: #555;
}

.btn_submit {
  margin: 0;
  padding: 0;
  border: 0;
  background: #ef552b;
  color: #fff;
  cursor: pointer;
}

.btn_confirm .btn_submit {
  border: 0;
  height: 40px;
  color: #fff;
  padding: 12px 32px;
  border: none;
  cursor: pointer;
}
.btn_cancel {
  display: inline-block;
  padding: 0 15px;
  height: 30px;
  border: 0;
  background: #617d46;
  color: #fff;
  text-decoration: none;
}
a.btn_cancel {
  line-height: 2.5em;
  vertical-align: middle;
}
.btn_frmline {
  display: inline-block;
  padding: 8px 12px;
  height: 36px;
  border: 0;
  background: #444;
  color: #fff !important;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
} /* 우편번호검색버튼 등 */
.btn_frmline:focus,
.btn_frmline:hover,
.btn_frmline:active {
  text-decoration: none;
  color: #fff !important;
  opacity: 0.7;
}

.btn_win {
  margin: 0 20px 10px;
} /* 새창용 */

.btn_win01 {
  clear: both;
  text-align: center;
}
.btn_win01 a,
.btn_win01 button {
  padding: 0 10px;
  height: 22px;
  border: 1px solid #ccc;
  background: #fafafa;
}
.btn_win01 a {
  display: inline-block;
  line-height: 2em;
  cursor: pointer;
}
.btn_win01 a:focus,
.btn_win01 a:hover {
  text-decoration: none;
}

.btn_win02 {
  clear: both;
  text-align: center;
}
.btn_win02 a,
.btn_win02 button {
  padding: 0 15px;
  height: 30px;
  border: 0;
  background: #617d46;
  color: #fff;
}
.btn_win02 a {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.btn_win02 a:focus,
.btn_win02 a:hover {
  text-decoration: none;
}
.btn_win02 button.btn_submit {
  background: #ff3061;
  color: #fff;
}

.btn_list {
  margin: 0 20px 10px;
} /* 목록용 */

.btn_list01 {
}
.btn_list01 input,
.btn_list01 button,
.btn_list01 a {
  display: inline-block;
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fafafa;
  text-decoration: none;
  cursor: pointer;
}
.btn_list01 a:focus {
  background: #555;
}

.btn_list02 {
}
.btn_list02 input,
.btn_list02 button,
.btn_list02 a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  background: #fafafa;
  text-decoration: none;
  cursor: pointer;
}
.btn_list02 a:focus {
  background: #555;
}

.btn_list03 {
  text-align: right;
}
.btn_list03 a {
  display: inline-block;
  padding: 0 15px;
  height: 28px;
  background: #617d46;
  color: #fff;
  text-decoration: none;
  line-height: 2.4em;
  vertical-align: middle;
}
.btn_list03 a:focus {
  background: #555;
}

.btn_add {
  margin: 0 20px 10px;
} /* 목록용 추가 */

.btn_add01 {
  text-align: right;
}
.btn_add01 a,
.btn_add01 button {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f0f0f0;
  text-decoration: none;
  cursor: pointer;
}
.btn_add01 a {
  display: inline-block;
  vertical-align: middle;
}
.btn_add01 button {
  margin: 0;
}

/* 필수입력 */
.required {
  background: url('../img/wrest.gif') #fff top right no-repeat !important;
}

/* 폼 */
textarea,
.frm_input,
.form-control {
  border: 1px solid var(--border-2) !important;
  background: #fff;
  vertical-align: middle;
  border-radius: 4px;
  padding: 4px 8px;
}
textarea {
  padding: 2px;
  width: 90%;
}
.frm_input {
  height: 36px;
}
.full_input {
  width: 98%;
}
select,
select.frm_input,select.form-control {
  border: 1px solid var(--border-2) !important;
  padding-left: 10px;
  padding-right: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%23667085%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e');
  background-position: right 2px center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  border-radius: 4px;
  height: 36px;
}
select:disabled,
input:disabled{
  background-color: var(--bg) !important;
	color: #888 !important;
}
.input-group-addon {
  border-color: var(--border-2) !important;
}
legend {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  border: 0;
  overflow: hidden;
  border: none !important;
}
.limit-text-box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: 8px;
	font-size: 0.9em;
}
.readonly {
}

/* 폼 안내글 */
.frm_info {
  display: block;
  margin-top: 4px;
  font-family: WOFF_1;
}
.top-info-con .frm_info {
  margin: 0;
  padding-bottom: 16px;
}

/* 목록 바로가기 */
.anchor {
  margin: 0 20px 10px 21px;
  padding: 0;
  zoom: 1;
}
.anchor:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.anchor li {
  float: left;
  margin-left: -1px;
  list-style: none;
}
.anchor a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #c8ced1;
  background: #d6dde1;
  text-decoration: none;
}
.anchor a:focus,
.anchor a:hover {
  background: #c8d2d8;
}

#sort_mb {
  width: 800px;
}

#sort_sodr {
  width: 600px;
}

/* 페이지 내 검색 */

.local_sch {
  min-width: 960px;
}

.local_sch .btn_submit {
  padding: 0 5px;
  height: 24px;
  border: 0;
  color: #fff;
  font-size: 0.95em;
  vertical-align: middle;
  cursor: pointer;
}

.local_sch01 {
  margin: 0 0 10px;
  padding: 0 20px 10px;
  border-bottom: 1px solid #e9e9e9;
}
.local_sch01 span {
  display: block;
  margin: 0 0 5px;
}

.local_sch02 {
  margin: 0 0 10px;
  padding: 0 20px 5px;
  border-bottom: 1px solid #e9e9e9;
}
.local_sch02 div {
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px solid #f4f4f4;
}
.local_sch02 div.sch_last {
  margin: 0;
  border: 0;
}
.local_sch02 strong {
  display: inline-block;
  width: 80px;
}
.local_sch02 strong.sch_long {
  width: 160px;
}
.local_sch02 label {
  display: inline-block;
  margin: 0 5px 0 0;
}
.local_sch02 button {
  margin: 0;
  padding: 5px;
  border: 1px solid var(--border-2);
  background: #f6f9fa;
  font-size: 0.95em;
  vertical-align: middle;
  cursor: pointer;
}

/* 페이지 내 실행 */
.local_cmd {
  min-width: 960px;
}

.local_cmd01 {
  margin: 0 0 10px;
  padding: 0 20px;
}
.local_cmd01 .cmd_tit {
  font-weight: bold;
}
.local_cmd01 .btn_submit {
  padding: 3px 5px;
  border: 1px solid #ff3061;
  color: #fff;
  font-size: 0.95em;
  vertical-align: middle;
}

/* 페이지 내 안내문 */
.local_desc {
}
.local_desc ol,
.local_desc ul {
  margin: 0;
  padding: 0 0 10px 21px;
}
.local_desc li {
  margin: 0 0 5px;
}

.local_desc01 {
  margin: 0 20px 10px;
  padding: 10px 20px 0;
  min-width: 920px;
  border: 1px solid #f2f2f2;
  background: #f9f9f9;
}
.local_desc01 strong {
  color: #ff3061;
}
.local_desc01 a {
  text-decoration: underline;
}

.local_desc02 {
  margin: 0 20px 10px;
  min-width: 960px;
} /* 주로 온라인 서식 관련 안내 내용에 사용 */
.local_desc02 p {
  padding: 0;
  line-height: 1.8em;
}

/* 페이지 내 카운트 */
.local_ov {
  min-width: 960px;
}

.local_ov01 {
  position: relative;
  margin: -10px 0 10px;
  padding: 10px 20px;
  border-bottom: 1px solid #e9e9e9;
  background: #f2f5f9;
}
.local_ov01 .ov_listall {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ccc;
}
.local_ov01 .ov_a {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 0 0 0 10px;
  border-left: 1px solid #ccc;
  color: #ff3061;
}

/* 테이블 */
table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table caption {
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
tbody td {
  border: 1px solid var(--border-2);
}
tfoot th,
tfoot td {
  padding: 10px 0;
  border: 1px solid #c1d1d5;
  background: #d7e0e2;
}
tfoot th {
}
tfoot td {
  font-weight: bold;
  text-align: center;
}

.tbl_wrap {
  margin: 0 0 10px;
  padding: 0 20px;
}

/* thead 한 줄 테이블 */
.tbl_head01 {
}
.tbl_head01 table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl_head01 thead th,
.tbl_head01 tbody th {
  padding: 10px 0;
  border: 1px solid #d1dee2;
  background: #e5ecef;
  color: #383838;
  letter-spacing: -0.1em;
}
.tbl_head01 thead th {
  font-size: 0.95em;
}
.tbl_head01 thead input {
  vertical-align: top;
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {
  color: #383838;
  text-decoration: underline;
}
.tbl_head01 tbody th {
}
.tbl_head01 tbody td {
  padding: 10px 5px;
  line-height: 1.4em;
  word-break: break-all;
}

/* thead 두 줄 테이블 */
.tbl_head02 {
}
.tbl_head02 table {
  clear: both;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl_head02 thead th,
.tbl_head02 tbody th {
  padding: 5px 0;
  border: 1px solid #d1dee2;
  background: #e5ecef;
  color: #383838;
  letter-spacing: -0.1em;
}
.tbl_head02 thead th {
  font-size: 0.95em;
}
.tbl_head02 thead input {
  vertical-align: top;
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 thead a {
  color: #383838;
  text-decoration: underline;
}
.tbl_head02 tbody th {
}
.tbl_head02 tbody td {
  padding: 7px 5px;
  line-height: 1.4em;
  word-break: break-all;
}

/* UL */
.ul_wrap {
}

.ul_01 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ul_01 li {
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9;
}

/* 자료 없는 목록 */
.empty_table {
  padding: 100px 0 !important;
  text-align: center;
}
.empty_list {
  padding: 20px 0 !important;
  text-align: center;
}

/* 폼 테이블 */
.tbl_frm01 th {
  padding: 0;
  border-top: 1px solid var(--border-2);
  border-bottom: 1px solid var(--border-2);
  text-align: left;
  vertical-align: top;
  padding: 16px 0;
}
.title-con {
  height: 36px;
  display: flex;
  align-items: center;
  font-weight: 500;
	font-family: WOFF_3;
	text-wrap:nowrap;
}

.tbl_frm01 td {
  padding: 16px 8px;
  border-right: 0;
  border-left: 0;
}
.tbl_frm01 textarea {
  height: 150px;
}
.tbl_frm01 #captcha {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.tbl_frm01 #captcha input {
  margin-left: 5px;
  text-align: center;
}
/*.tbl_frm01 input[type=radio], input[type=checkbox] {margin:0!important;}*/
.tbl_frm01 input[type='radio'],
.tbl_frm01 input[type='checkbox'] {
  display: inline-block;
  transform: scale(1.4);
  margin-top: 0 !important;
  transform-origin: left center;
}
.tbl_frm01  label +  input[type='radio'],
.tbl_frm01 label + input[type='checkbox'] {
  margin-left: 8px;
}

.tbl_frm01 input[type='radio'] + label,
.tbl_frm01 input[type='checkbox'] + label {
  padding-left: 6px;
  line-height: 1;
}
/*.tbl_frm01 label + input[type='checkbox'],
.tbl_frm01 label + input[type='radio'] {
  margin-left: 5px !important;
}*/
.tbl_frm01 .one-line-radio-con-offset {
  padding-top: 21px;
}
/*.tbl_frm01 .radio-label-offset {
  margin: 0 4px 5px 4px;
}*/
.tbl_frm01 tbody tr:last-child th,
.tbl_frm01 tbody tr:last-child td {
  border-bottom: none;
}
/* 테이블 그리드 */
.grid_1 {
  width: 50px;
}
.grid_2 {
  width: 100px;
}
.grid_3 {
  width: 160px;
}
.grid_4 {
  width: 200px;
}
.grid_5 {
  width: 250px;
}
.grid_6 {
  width: 300px;
}
.grid_7 {
  width: 350px;
}
.grid_8 {
  width: 400px;
}
.grid_9 {
  width: 450px;
}
.grid_10 {
  width: 500px;
}
.grid_11 {
  width: 550px;
}
.grid_12 {
  width: 600px;
}
.grid_13 {
  width: 650px;
}
.grid_14 {
  width: 700px;
}
.grid_15 {
  width: 750px;
}
.grid_16 {
  width: 800px;
}
.grid_17 {
  width: 850px;
}
.grid_18 {
  width: 900px;
}

/* 목록 홀짝 배경색 */
.bg0 {
  background: #fff;
}
.bg1 {
  background: #f2f5f9;
}
.bg1 td {
  border-color: #e9e9e9;
}
.bg0cancel {
  background: #fdebf3;
}
.bg0cancel td {
  border-color: #f9d8e6;
}
.bg1cancel {
  background: #fdebf3;
}
.bg1cancel td {
  border-color: #f9d8e6;
}

/* 공통 */
.td_addr {
  text-align: left !important;
}
.td_alignc {
  text-align: center;
}
.td_addr_line {
  line-height: 2em;
}
.td_amount {
  width: 70px;
  text-align: center;
}
.td_auth {
  width: 100px;
  text-align: center;
}
.td_auth_mbnick {
  width: 200px;
}
.td_boolean {
  width: 50px;
  text-align: center;
}
.td_category {
  width: 120px;
  text-align: center;
}
.td_categorysmall {
  width: 60px;
  text-align: center;
}
.td_chk {
  width: 30px;
  text-align: center;
}
.td_cnt {
  width: 100px;
  font-size: 0.95em;
  text-align: center;
}
.td_cntsmall {
  width: 50px;
  font-size: 0.95em;
  text-align: center;
}
.td_code {
  width: 80px;
  text-align: center;
}
.td_confirm {
  width: 90px;
  text-align: center;
}
.td_date {
  width: 70px;
  text-align: center;
}
.td_datetime {
  width: 130px;
  text-align: center;
}
.td_delicom {
  width: 100px;
}
.td_delino {
  width: 130px;
}
.td_device {
  width: 70px;
  text-align: center;
}
.td_etc {
  width: 80px;
  text-align: center;
}
.td_extra label {
  display: inline-block;
  width: 100px;
}
.td_extra input {
  margin-right: 5px;
  width: 130px;
}
.td_grid {
  width: 60px;
  text-align: center;
}
td.td_grpset {
  width: 160px;
  border-left: 1px solid #e9ecee;
  text-align: center;
}
.td_id {
  width: 150px;
}
.td_idsmall {
  width: 75px;
}
.td_itname {
  text-align: left !important;
}
.td_itopt {
  width: 200px;
}
.td_itopt_tl {
  text-align: left !important;
}
.td_img {
  text-align: center;
}
.td_imgline {
  width: 70px;
  text-align: center;
}
.td_input input {
  width: 94%;
}
.td_mbcert {
  text-align: center;
}
.td_mbid,
.td_name,
.td_mbname {
  width: 100px;
  text-align: left !important;
}
.td_mbstat {
  text-align: center;
}
.td_mng {
  width: 100px;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em;
}
.td_mngsmall {
  width: 60px;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em;
}
.td_mng button,
.td_mngsmall button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.td_num {
  width: 60px;
  text-align: center;
}
.td_numbig {
  width: 100px;
  text-align: center;
}
.td_numcancel0 {
  color: #999;
  text-align: center;
}
.td_numcancel1 {
  color: #ff3061;
  font-weight: bold;
  text-align: center;
}
.td_numcoupon {
  color: #86b325;
  text-align: center;
}
.td_numincome {
  color: #357dbb;
  text-align: center;
}
.td_numsmall {
  width: 30px;
  text-align: center;
}
.td_numsum {
  font-weight: bold;
  text-align: center;
}
.td_numrdy {
  color: #ff3061;
  text-align: center;
}
.td_odrnum {
  width: 250px;
  text-align: center;
}
.td_odrnum2 {
  width: 140px;
  text-align: center;
}
.td_odrnum3 {
  width: 110px;
  text-align: center;
}
.td_odrstatus {
  width: 70px;
  letter-spacing: -0.1em;
  text-align: center;
}
.td_output {
  width: 90px;
  text-align: center;
}
.td_payby {
  width: 70px;
  text-align: center;
  letter-spacing: -0.1em;
}
.td_paybybig {
  width: 140px;
  text-align: center;
  letter-spacing: -0.1em;
}
.td_possible {
  width: 70px;
  text-align: center;
}
.td_postal {
  width: 60px;
  text-align: center;
}
.td_postalbig {
  width: 140px;
  text-align: center;
}
.td_price {
  text-align: right;
}
.td_pt {
  text-align: right !important;
}
.td_send {
  width: 50px;
  text-align: center;
}
.td_sendcost_by {
  width: 50px;
  text-align: center;
}
.td_sendcost_add {
  width: 100px;
  text-align: center;
}
.td_stat {
  width: 70px;
  text-align: center;
}
.td_tdiv {
  border-bottom: 1px solid #c9c9c9 !important;
}
.td_tel {
  width: 80px;
  text-align: center;
}
.td_telbig {
  width: 100px;
  text-align: center;
}
.td_test {
  width: 50px;
  text-align: center;
}
.td_category1 {
  width: 130px;
  text-align: center;
}
.td_category2 {
  width: 100px;
  text-align: center;
}
.td_category3 {
  width: 80px;
  text-align: center;
}
.td_time {
  text-align: center;
  width: 130px;
}
.td_center {
  text-align: center;
}
.td_type {
  width: 120px;
}

.txt_true {
  color: #e8180c;
}
.txt_false {
  color: #ccc;
}
.txt_succeed {
  color: #40b300;
}
.txt_fail {
  color: #ce4242;
}

.banner_or_img {
  margin: 10px 0 0;
}
.banner_or_img button {
  display: block;
  margin: 5px 0 0;
}
.txt_active {
  color: #5d910b;
}
.txt_expired {
  color: #ccc;
}
#sct_mobileimg {
  width: 125px;
}

/* 상품입력/수정 */
#sit_compact {
  margin: 0 20px;
  padding: 15px 0;
  border: 1px solid #e9e9e9;
  background: var(--bg);
  text-align: center;
}

.sit_w_opt {
  height: 70px !important;
}
.sit_wimg {
  display: none;
}
.sit_relation_list {
  width: 100%;
  background: #f6f6f6;
}
.sit_relation_selected {
  width: 100%;
  background: #fcfff2;
}
#add_span img,
#sel_span img {
  margin: 5px 0;
}

.sit_option {
  margin: 0 0 10px;
  padding: 16px !important;
  border: 1px solid #f1f1f1;
  background: var(--bg);
  border-radius: 4px;
}
.sit_option .frm_input {
  background: #fff !important;
  color: #000;
}
.sit_option_frm_wrapper {
  margin: 0 0 10px;
  height: auto !important;
  height: 500px;
  max-height: 500px;
  border: 1px solid #ccc;
  overflow-y: scroll;
}
.sit_option_frm_wrapper th {
  padding: 5px 0 !important;
  text-align: center !important;
}
.sit_option_frm_wrapper th{
	vertical-align: middle;
	line-height: 1.6;
	background-color: var(--bg);
}
.sit_option_frm_wrapper .opt_name{
	margin-top: -25px;
}
.sit_option_frm_wrapper .frm_input,.sit_option_frm_wrapper select{
	width: 100%;
}
.sit_option_frm_wrapper td{
	padding-inline: 5px;
}
#sit_option_frm .btn_list {
  margin: 0 0 10px;
}
#sit_option_frm fieldset {
  padding: 16px;
  border: 1px solid #f1f1f1;
  background: var(--bg);
  border-radius: 4px;
}
#sit_option_frm fieldset .frm_input {
  margin: 0 10px 0 5px;
  background: #fff !important;
  color: #000;
}
#sit_option_frm .new_fieldset {
  padding: 0;
  border: none;
  background: transparent;
  border-radius: none;
}

#sit_option_addfrm_btn {
  position: relative;
}
#sit_option_addfrm_btn button {
  position: absolute;
  top: -32px;
  right: 0;
}

#sit_option_addfrm .btn_list {
  margin: 0 0 10px;
}
#sit_option_addfrm fieldset {
  padding: 10px;
  border: 1px solid #e9e9e9;
  background: var(--bg);
  text-align: center;
}
#sit_option_addfrm fieldset .frm_input {
  margin: 0 10px 0 5px;
  background: #fff !important;
  color: #000;
}
#sit_option_addfrm .new_fieldset {
  padding: 0;
  border: none;
  background: transparent;
  border-radius: none;
}

/* 상품 복사 */
#sit_copy {
  margin: 10px 20px 20px;
  background: #fff;
}
#sit_copy label {
  display: inline-block;
  margin: 0 10px 0 0;
  font-weight: bold;
}

/* 상품옵션재고관리 */
.sit_stock_qty_alert {
  color: #ff1133;
  font-weight: bold;
}


/* 관련 상품, 관련 이벤트 입력/수정 */
.srel section ul {
  margin: 0;
  padding: 10px;
  list-style: none;
}
.srel section li {
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
  zoom: 1;
}
.srel section li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.srel .srel_list,
.srel .srel_sel {
  height: auto !important;
  height: 200px;
  max-height: 200px;
  background: #fff;
  overflow-y: scroll;
}
.srel .list_item {
  float: left;
  width: 80%;
}
.srel .list_item img {
  float: left;
  margin: 0 10px 0 0;
}
.srel .list_item_btn {
  float: right;
}
.srel .srel_sel {
  background: #fff;
}
.srel .srel_list p,
.srel .srel_sel p {
  padding: 10px 0;
  text-align: center;
}
.srel .compare_left ul {
  margin: 0;
  list-style: none;
}
.srel .srel_noneimg li {
  padding: 7px 0;
}
.srel .srel_noneimg button {
  top: 0;
  right: 0;
}
.srel .srel_pad {
  display: block;
  height: 30px;
}
.srel .srel_pad button {
  position: static;
}

/* 새창 기본 스타일 */
/* .new_win {padding: 32px;border: 1px solid #f1f1f1;border-radius: 4px;background-color: #fff;} */
.new_win h1 {
  margin-bottom: 20px;
  padding: 0 20px;
  min-width: 320px /* 적정값으로 변경하여 사용하세요. */;
  height: 60px;
  border-top: 2px solid #484848;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
  font-size: 1.2em;
  line-height: 5em;
}
.new_win h2 {
  margin: 0 20px 10px;
}
.new_win_ul {
  margin: -20px 0 20px 0;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #515151;
  background: #484848;
  list-style: none;
  zoom: 1;
}
.new_win_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: '';
}
.new_win_ul li {
  float: left;
  margin-left: -1px;
}

.new_win_ul a {
  display: block;
  padding: 10px 10px 8px;
  border-right: 1px solid #595959;
  border-left: 1px solid #595959;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.new_win_desc {
  margin: 0 20px;
}
.new_win .anchor {
  margin: 0 20px 5px;
}

.new_win .tbl_wrap {
  margin: 0 20px 20px;
  padding: 0;
}

.new_win .win_btn {
  clear: both;
  padding: 20px;
  text-align: center;
} /* 새창용 */
.new_win .win_btn button {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  border: 0;
  background: #4b545e;
  color: #fff;
  line-height: 2em;
  cursor: pointer;
}
.new_win .win_btn input {
  padding: 0 10px;
  height: 30px;
  line-height: 2em;
}
.new_win .win_btn a {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  background: #4b545e;
  color: #fff;
  vertical-align: middle;
  line-height: 2.4em;
}
.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
  text-decoration: none;
}

.new_win .local_sch,
.new_win .local_cmd,
.new_win .local_desc01,
.new_win .local_desc02,
.new_win .local_ov {
  min-width: 320px;
}

/* 사이드뷰 */
.sv_wrap {
  position: relative;
  font-weight: normal;
}
.sv_wrap .sv {
  z-index: 1000;
  display: none;
  margin: 5px 0 0;
  font-size: 0.92em;
  background: #333;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.sv_wrap .sv:before {
  content: '';
  position: absolute;
  top: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #333 transparent;
}
.sv_wrap .sv a {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
  width: 100px;
  font-weight: normal;
  color: #bbb;
}
.sv_wrap .sv a:hover {
  background: #000;
  color: #fff;
}
.sv_member {
  color: #333;
}
.sv_on {
  display: block !important;
  position: absolute;
  top: 23px;
  left: 0px;
  width: auto;
  height: auto;
}
.sv_nojs .sv {
  display: block;
}

/* 페이징 */
.pg_wrap {
  clear: both;
  margin: 0 0 20px;
  padding: 20px 0 0;
  text-align: center;
}
.pg {
}
.pg_page,
.pg_current {
  display: inline-block;
  padding: 0 8px;
  height: 25px;
  color: #000;
  letter-spacing: 0;
  line-height: 2.2em;
  vertical-align: middle;
}
.pg a:focus,
.pg a:hover {
  text-decoration: none;
}
.pg_page {
  background: #e4eaec;
  text-decoration: none;
}
.pg_start,
.pg_prev {
  /* 이전 */
}
.pg_end,
.pg_next {
  /* 다음 */
}
.pg_current {
  display: inline-block;
  margin: 0 4px 0 0;
  background: #333;
  color: #fff;
  font-weight: normal;
}
.pg_input {
  font: bold 15px Consolas;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.my-60 {
  margin: 60px 0 !important;
}
.new_search_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  font-weight: bold;
  font-size: 14px;
  border: none;
  background-color: var(--primary);
  color: #fff;
}
.new_search_btn:hover {
  opacity: 0.7;
  color: #fff;
}
.new_reg_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  font-weight: bold;
  font-size: 14px;
  border: none;
  background-color: var(--primary-2);
  color: var(--primary);
	border:1px solid var(--primary);
}
.new_reg_btn:hover {
  opacity: 1 !important;
  background-color: #d0e3ff !important;
}
.btn_confirm .new_btn_style {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 6px;
  height: 44px;
  font-weight: bold;
  font-size: 1.2em;
  border: none;
}
.btn_confirm .new_btn_style.normal {
  background-color: #000;
}
.btn_confirm .new_btn_style.normal:hover {
  opacity: 0.7;
  color: #fff !important;
}
.btn_confirm .new_btn_style.submit {
  background: var(--primary);
  color: #fff;
}
.btn_confirm .new_btn_style.submit:hover {
  opacity: 0.7;
  color: #fff !important;
}

#anc_sitfrm_attach input[type='file']::file-selector-button {
  width: 140px;
  height: 32px;
  background: var(--bg);
  border: 1px solid #e4eaec;
  border-radius: 10px;
  cursor: pointer;
}

#anc_sitfrm_attach input[type='file']::file-selector-button:hover {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: #fff;
}
.in-form-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.in-form-btn {
  font-size: 13px;
  padding: 6px 12px;
  font-weight: 400;
  text-align: center;
  background-color: #444;
  color: #fff;
  box-shadow: none;
  border-radius: 4px;
  white-space: nowrap;
  border: none;
}
.in-form-btn:hover {
  opacity: 0.7;
  color: #fff !important;
}
.h-36 {
  height: 36px;
}
.manage-btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.manage-btn-group .edit-btn {
  font-size: 13px;
  padding: 6px 12px;
  font-weight: 400;
  text-align: center;
  background-color: #444;
  color: #fff;
  border: 2px solid#444;
  box-shadow: none;
  border-radius: 4px;
  white-space: nowrap;
}
.manage-btn-group .edit-btn:hover {
  opacity: 0.7;
  color: #fff !important;
}
.manage-btn-group .copy-btn {
  font-size: 13px;
  padding: 6px 12px;
  font-weight: 400;
  text-align: center;
  color: #444;
  border: 2px solid#444;
  box-shadow: none;
  border-radius: 4px;
  white-space: nowrap;
}
.manage-btn-group .copy-btn:hover {
  opacity: 0.7;
  color: #444 !important;
}

.select2_custom_con .select2-container--default .select2-selection--single {
  height: 36px;
  border: 1px solid var(--border-2) !important;
  border-radius: 0 !important;
}
.select2_custom_con .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.select2_custom_con .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--primary) !important;
}
.select2-dropdown {
  border: 1px solid var(--border-2) !important;
}

.chk_btn input[type='radio'],
.chk_btn input[type='checkbox']{
    display: none !important;
}
.chk_btn input[type='radio'] + .btn {
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 10px 15px;
		min-width: 100px;
    border: none;
    background-color: var(--bg-2);
		border-radius: 4px;
}

.chk_btn input[type='radio']:checked + .btn,
.chk_btn input[type='checkbox']:checked + .btn{
	background-color: var(--primary);
	color:#fff;
}

.chk_btn_wrap{
	display: flex;
	align-items: center;
	gap:5px;
}
.chk_btn_wrap label + label{
	margin-left: 0;
}
.chk_in_label_wrap{
	display: flex;
	align-items: center;
	gap:5px;
	 
}

label + label,
.chk_in_label + .chk_in_label{
	margin-left: 10px;
}