@charset "UTF-8";
:root {
  /* Colors */
  --gray130: #011327;
  --gray120: #292e41;
  --gray110: #373f57;
  --gray100: #475067;
  --gray90: #5c667b;
  --gray80: #67738e;
  --gray70: #8491a7;
  --gray60: #96a0b5;
  --gray50: #b4c0d3;
  --gray40: #d7dce5;
  --gray30: #eaedf4; /*border*/
  --gray20: #f4f6fa;
  --gray10: #f8fafc;
  --white: #fff;
  --black: #000;
  --main: #0e2970;
  --main70: #4360ad;
  --main60: #6788dd;
  --main50: #8da6e8;
  --main40: #bccaf4;
  --main30: #ccd8f8;
  --main20: #e2e9fc;
  --main10: #edf2ff;
  --sub110: #0070c2;
  --sub100: #0080c6;
  --sub90: #0f90d6;
  --sub80: #209ee4;
  --sub: #30aaed;
  --sub60: #59bbf1;
  --sub50: #83ccf4;
  --sub40: #acddf8;
  --sub30: #c1e6fa;
  --sub20: #d6eefb;
  --sub10: #eaf7fd;
  --system-red: #f04452;
  --system-green: #12ac79;
  --system-blue: #378ef4;
}


.wrap {
	position: relative;
}
.content-wrap {
	position: relative;
}


/* 적응형 고정 */
@media (max-width: 1360px) {
	.w-fixed {
		width: 1360px !important;
		overflow: auto !important;
	}
}

/* ==================== header ==================== */
#header {
	width:100%;
	position: relative;
	background: #fff;
	padding: 0 40px;
    position: fixed;
    z-index: 2;
}
#header:hover {
	background: #fff;
	box-shadow: inset 0 -1px 0 0 var(--gray30) !important;
}
#header.border_bottom {
	box-shadow: inset 0 -1px 0 0 var(--gray30);
}
#header .header_inner .logo {
	width:184px;
	height: 38px;
	display: block;
	background: url("../images/logo-color.svg") no-repeat center;
	background-size:100%;
	position: relative;
	z-index: 2;
}
#header .header_inner {
	width:100%;
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header .gnb-wrap {
	position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    left: 0;
    top: 0;
    justify-content: center;

}
#header .gnb-wrap > ul {
	display: flex;
	align-items: center;
}
#header .gnb-wrap .item > a {
	line-height: 78px;
	display: block;
	font-size: 20px;
	font-weight: 600;
	padding:0 30px;
	color:var(--gray130);
}
#header .gnb-wrap .item .sub-menu {
	display: none;
	position: absolute;
	top:78px;
	left: 0;
	width:100%;
	background: #fff;
    justify-content: center;
}
#header .gnb-wrap .item.active .sub-menu {
	display: flex;
}
#header .gnb-wrap > ul:hover .item:not(.active) > a {
	color: var(--gray50);
	-webkit-transition-duration:0.1s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.1s;
	transition-timing-function:ease;
}
#header .right_group {
	display: flex;
	align-items: center;
	gap:4px;
	z-index: 2;
	position: relative;
}
#header .right_group .hamburger-btn {
	width:46px;
	height: 46px;
	position: relative;
}
#header .right_group .hamburger-btn .hamburger-icon {
	width: 28px;
	position:absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%, -50%);
}

#header .right_group .hamburger-btn .hamburger-icon:before,
#header .right_group .hamburger-btn .hamburger-icon:after,
#header .right_group .hamburger-btn .hamburger-icon div {
  background: var(--gray130);
  content: "";
  display: block;
  height: 2.5px;
  border-radius: 3px;
  margin: 6px 0;
  transition: 0.3s;
}
#header .right_group .hamburger-btn.active .hamburger-icon:before {
  transform: translateY(8.5px) rotate(135deg);
}
#header .right_group .hamburger-btn.active .hamburger-icon:after {
  transform: translateY(-8.5px) rotate(-135deg);
}
#header .right_group .hamburger-btn.active .hamburger-icon div {
  transform: scale(0);
}
#header .right_group > button:hover {
	background-color:var(--gray20);
	border-radius: 8px;
}
#header .right_group .my {
	width:46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../images/icon-24-userMono-black.png) no-repeat center;
	background-size:30px;
}
#header .right_group .btn-group {
	margin-right:8px;
}
#header .right_group .btn-group button:last-child {
	margin-left:8px;
}
#header .right_group .login-name {
	display: block;
	font-size:15px;
	font-weight: 600;
	margin-right:16px;
}
/*GNB 팝업 부분*/
#header .gnb-wrap.dim::before {
	content: "";
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: calc(100vh - 78px);
    position: fixed;
    top: 78px;
    left: 0;
}
#header .gnb-wrap .inner {
	width:1280px;
	display: flex;
	align-items: flex-start;
	position: relative;
}
#header .gnb-wrap .inner::before {
	content:"";
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	left:-100%;
	background:url(../images/gnb-ci-bg.svg) no-repeat var(--main) 94% top;
}
#header .gnb-wrap .inner .sub-tit {
	width:254px;
	height: 100%;
	background: var(--main);
}
#header .gnb-wrap .inner .sub-tit > span {
	display: block;
	margin-top:25px;
	color:#fff;
	font-size: 28px;
	font-weight: 700;
}
#header .gnb-wrap .inner .sub-menu-list {
	width: calc(100% - 254px);
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	background: url("../images/gnb-line-bg.svg") repeat-y left;
	padding-top:28px;
	padding-bottom: 30px;
}
#header .gnb-wrap .inner .sub-menu-list li {
	padding-left:43px;
	width:320px;
	display: flex;
	flex-direction: column;
	padding-bottom:28px;
}
#header .gnb-wrap .inner .sub-menu-list a {
	display: flex;
	align-items: center;
	color: var(--gray80);
	font-size: 18px;
	font-weight: 400;
	padding:8px 0;
	line-height: 100%;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#header .gnb-wrap .inner .sub-menu-list a::before {
	content:"";
	width: 4px;
	height: 4px;
	border-radius: 99px;
	background: var(--main50);
	margin-right:12px;
}
#header .gnb-wrap .inner .sub-menu-list a:hover {
	color: var(--gray130);
	font-weight: 600;
}
#header .gnb-wrap .inner .sub-menu-list a:hover::before {
	width: 20px;
	background: var(--sub);
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#header .gnb-wrap .inner .sub-menu-list a .link-out {
	width:20px;
	height: 20px;
	border-radius: 50%;
	background: url(../images/icon-12-arrowup-right-white.svg) no-repeat center;
	background-color:var(--gray60);
	background-size:12px;
	margin-left:8px;
}
#header .gnb-wrap .inner .sub-menu-list a:hover .link-out {
	background-color:var(--gray130);
}


/*햄버거 모달*/
#hamburger {
	width:100%;
	height: calc(100vh - 67px);
	background: #fff;
    position: fixed;
    top: 67px;
    right: -100%;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.3s;
	transition-timing-function:ease;
	overflow: auto;
	z-index: 99;
	padding-bottom:40px;
}
#hamburger.active {
	right: 0;
}
#hamburger .menu-wrap {
    width: calc(100% - 60px);
    margin: 0 30px;
}
#hamburger .menu-wrap .sub-menu {
	display: none;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#hamburger .menu-wrap li.active .sub-menu {
	display: block;
}
#hamburger .menu-wrap li {
	border-bottom:1px solid var(--gray30);
}
#hamburger .menu-wrap li.active {
	padding-bottom:20px;
}
#hamburger .menu-wrap li > a {
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: center;
	height: 64px;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
	color: var(--gray60);
	font-size: 18px;
	font-weight: 700;
}
#hamburger .menu-wrap li > a::after {
	content:"";
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-arrow-down.svg");
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
	opacity: 0.5;
}
#hamburger .menu-wrap li.active > a {
	color:var(--gray130);
}
#hamburger .menu-wrap li.active > a::after {
	transform: rotate(-180deg);
	opacity: 1;
}
#hamburger .menu-wrap li .sub-menu {
	border-radius: 8px;
	background: var(--main);
	padding:8px 20px;
}
#hamburger .menu-wrap li .sub-menu > div {
	width:100%;
	display: flex;
	flex-direction: column;
	padding-bottom:10px;
	border-bottom:1px solid var(--main70);
	margin-bottom:10px;
}
#hamburger .menu-wrap li .sub-menu > div:last-child {
	padding-bottom:0;
	margin-bottom:0;
	border:none;
}
#hamburger .menu-wrap li .sub-menu > div a {
	display: flex;
	align-items: center;
	height: 44px;
	font-size:16px;
	font-weight: 600;
	color:#fff;
}
@media (max-width: 1560px) {
	#header .right_group .login-name {
		display: none;
	}
}
@media (max-width: 1360px) {
	#header {
		padding: 0 18px 0 30px;
	}
	#header .header_inner {
		height: 68px;
	}
}
@media (max-width: 900px) {
	#header {
		padding: 0 6px 0 16px;
		box-shadow: none !important;
	}
	#header .header_inner {
		height: 60px;
	}
	#header .header_inner .logo {
		width: 144px;
		height: 30px;
	}
	#header .right_group {
		gap:0;
	}
	#header .right_group .hamburger-btn {
		width:40px;
		height: 40px;
	}
	#header .right_group .hamburger-btn .hamburger-icon {
		width:22px;
	}
	#header .right_group .hamburger-btn .hamburger-icon:before,
	#header .right_group .hamburger-btn .hamburger-icon:after,
	#header .right_group .hamburger-btn .hamburger-icon div {
		height: 2px;
		margin: 5px 0;
	}
	#header .right_group .hamburger-btn.active .hamburger-icon:before {
		transform: translateY(7px) rotate(135deg);
	}
	#header .right_group .hamburger-btn.active .hamburger-icon:after {
		transform: translateY(-7px) rotate(-135deg);
	}
	#header .right_group .my {
		width:40px;
		height: 40px;
		background-size: 24px;
	}
	#header .right_group .my img {
		width:24px;
		height: 24px;
	}
	#hamburger {
		height: calc(100vh - 59px);
		top: 59px;
	}
	#header .right_group > button:hover {
		background-color: unset;
	}
	#hamburger .menu-wrap {
		width: calc(100% - 32px);
		margin: 0 16px;
	}
}

/* ==================== Footer ==================== */
#footer {
	width:100%;
	border-top:1px solid var(--gray30);
	display: flex;
	justify-content: center;
	padding:24px 0 32px;
	background-color: #fff; /* 흰색 배경 추가 */
}
#footer .inner {
	width:1280px;
	/*width:calc(100% - 80px);*/
	gap:20px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#footer .inner .top-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
}
#footer .f-menu {
	display: flex;
	align-items: center;
	gap:40px;
}
#footer .f-menu a {
	display: block;
	font-size:16px;
	font-weight: 300;
}
#footer .f-menu a.bold {
	font-weight: 600;
}
#footer .f-menu a:hover {
	text-decoration: underline;
}
#footer .selectbox_group {
	width:200px;
}
#footer .selectbox_group select {
	background-color: var(--gray30);
}
#footer .company-name {
	font-size: 16px;
	font-weight: 300;
}
#footer .copyright {
	font-size: 13px;
	font-weight: 400;
	margin-top:6px;
	color:var(--gray50);
}
#footer .addr-group {
	display: flex;
	align-items: center;
	font-size:13px;
}
#footer .addr-group > div {
	display: flex;
	align-items: center;
}
#footer .addr-group .label {
	font-weight: 600;
	display: block;
	margin-right:6px;
}
#footer .addr-group .addr {
	color:var(--gray80);
}
#footer .addr-group > div:not(:last-child)::after {
	content:"";
	width:1px;
	height: 14px;
	background: var(--gray30);
	margin:0 10px;
}
@media (max-width: 1800px)  {
	#footer .inner {
        margin: 0 auto 0 280px;
        width: calc(100% - 320px);
        min-width: 1000px;
        max-width: 1280px;
	}
	.snb-none + #footer .inner {
		margin: 0 auto;
        width: 1280px;
	}
}
@media (max-width: 1400px) {
	#footer .inner {
        width: 1280px;
        margin: 0 auto;
        min-width: unset;
	}
}
@media (max-width: 1360px) {
	#footer .inner {
		width:calc(100% - 60px) !important;
	}
}
@media (max-width: 900px) {
	#footer {
		padding:30px 0;
	}
	#footer .inner {
		width:calc(100% - 32px) !important;
		gap: 24px;
	}
	#footer .inner .top-wrap {
		align-items: flex-start;
		flex-direction: column;
	}
	#footer .f-menu {
		gap:16px;
		margin-bottom:10px;
		flex-wrap: wrap;
		width: 100%;
		row-gap: 24px;
	}
	#footer .f-menu a {
		font-size:14px;
	}
	#footer .company-name {
		width:100%;
	}
	#footer .selectbox_group {
		width: 100%;
	}
	#footer .addr-group {
		align-items: flex-start;
		font-size: 13px;
		flex-direction: column;
	}
	#footer .addr-group > div {
		margin-bottom:3px;
	}
	#footer .copyright {
		font-size:12px;
		margin-top:9px;
	}
	#footer .addr-group > div::after {
		display: none;
	}
}

/* ==================== Content ==================== */
.content-wrap {
	padding-top:78px;
	position: relative;
}
.sub-box {
	width:1280px;
	margin:0 auto;
	display: block;
}
.sub-box .breadcrumb {
	justify-content: flex-end;
	position: absolute;
	top:98px;
	width: 1280px;
}
/*서브 사이드 메뉴 SNB*/
.sub-box .snb-group {
	position: absolute;
	left:40px;
    top: 0px;
	padding-bottom:40px;
	height: 100%;
}
.sub-box .snb-group > div {
	background: var(--gray20);
	border-radius: 16px;
	padding:10px;
	width:200px;
    position: sticky;
    top: 98px;
}
.sub-box .snb-group .tit-group {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 8px;
	margin-bottom:10px;
}
.sub-box .snb-group .tit-group .tit {
	font-size: 20px;
	color:var(--main);
	line-height: 135%;
	font-weight: 800;
}
.sub-box .snb-group .sub-menu-list li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid rgba(215,220,229,.6);
}
.sub-box .snb-group .sub-menu-list li:last-child {
	margin:0;
	padding:0;
	border:none;
}
.sub-box .snb-group .sub-menu-list li a {
	display: flex;
	align-items: center;
	border-radius: 8px;
	padding:10px 32px 10px 12px;
	font-size: 16px;
	line-height: 140%;
	font-weight: 600;
	width:100%;
	position: relative;
}
.sub-box .snb-group .sub-menu-list li a .link-out {
	width: 18px;
    height: 18px;
    border-radius: 50%;
    background: url("../images/icon-12-arrowup-right-white.svg") no-repeat center;
    background-color: var(--gray130);
    background-size: 10px;
    margin-left: 6px;
}
.sub-box .snb-group .sub-menu-list li a.active {
	background: var(--main);
	color:#fff;
}
.sub-box .snb-group .sub-menu-list li a.active::after {
	content:"";
	position:absolute;
	right:12px;
	width:12px;
	height: 12px;
	background: url("../images/icon-12-right-gray.svg") no-repeat center;
}
.sub-box .snb-group .sub-menu-list li a:not(.active):hover {
	background: #fff;
}

@media (max-width: 1800px) {
	.sub-box {
		margin:0 auto 0 280px;
		width: calc(100% - 320px);
		min-width: 1000px;
		max-width: 1280px;
	}
	.sub-box .breadcrumb {
		width: calc(100% - 320px);
		min-width: 1000px;
		max-width: 1280px;
	}
	.snb-none .sub-box {
		margin:0 auto;
		width:1280px;
	}
	.snb-none .breadcrumb {
		margin:0 auto;
		width:1280px;
	}
}


@media (max-width: 1400px) {
	.sub-box .snb-group {
		display: none;
	}
	.sub-box {
		width:1280px;
		margin:0 auto;
		min-width: unset;
	}
	.snb-group + .content-group {
		width:100%;
	}
	.sub-box .breadcrumb {
		width:1280px;
	}

}
@media (max-width: 1360px) {
	.sub-box {
		width:calc(100% - 60px);
	}
}
@media (max-width: 900px) {
	.sub-box {
		width:100%;
	}
}

/*콘텐츠영역 시작*/
.sub-box .content-group {
	padding-bottom:100px;
}
.sub-box .content-group > .tit-group {
	padding-top:60px;
}
.sub-box .content-group > .tit-group .tit-label {
	font-size:22px;
	font-weight: 700;
	color:var(--sub);
	line-height: 135%;
	margin-bottom:10px;
	display: block;
	text-align: center;
}
.sub-box .content-group > .tit-group .main-tit {
	font-size: 44px;
	line-height: 135%;
	font-weight: 700;
	text-align: center;
}
.sub-box .content-group > .tit-group .main-tit + .tit-detail-txt {
	text-align: center;
	font-size:20px;
	font-weight: 500;
	color:var(--gray120);
	display: block;
	margin-top:16px;
}
.sub-box .content-group > .tit-group.left .main-tit,
.sub-box .content-group > .tit-group.left .tit-label {
	text-align: left !important;
}
.sub-box .content-group > .tab-group {
	margin-top:20px;
}
.sub-box .table-group .tool-box .btn-group {
	gap:6px;
	margin-bottom:16px;
}
.sub-box .table-group .tool-box .align-tool {
	display: flex;
	align-items: center;
}
.sub-box .table-group .tool-box .align-tool select {
	border:none;
}
.sub-box .table-group .tool-box .total-group {
	display: flex;
	align-items: center;
}
.sub-box .table-group .tool-box .total-group > div {
	display: flex;
	align-items: center;
	font-size:15px;
}
.sub-box .table-group .tool-box .total-group .price-total > div {
	display: flex;
    align-items: center;
}
.sub-box .table-group .tool-box .total-group .search-num::after,
.sub-box .table-group .tool-box .total-group .price-total > div:first-child::after {
	content:"";
	display: block;
	width:1px;
	height: 15px;
	background-color:var(--gray30);
	margin:0 16px;
}
.sub-box .table-group .tool-box .total-group .value {
	font-weight: 600;
	margin-left:12px;
}
.sub-box .table-group .tool-box .total-group .search-num .value {
	color:var(--sub);
}

@media (max-width: 1360px) {
	.content-wrap {
		padding-top: 68px;
	}
	.sub-box .content-group {
		padding-bottom:60px;
	}
	.sub-box .content-group > .tit-group {
		padding-top:40px;
	}
	.sub-box .content-group > .tit-group .main-tit {
		font-size:32px;
		line-height: 140%;
	}

}
@media (max-width: 900px) {
	.content-wrap {
		padding-top:60px;
	}
	.sub-box .content-group > .tit-group {
		padding-top:24px;
	}
	.sub-box .content-group {
		padding-bottom:50px;
	}
}


.sub-box .table-group .table-wrap {
	margin-top:8px;
}
.sub-box .table-group .table-wrap ul {
	width:100%;
	border-radius: 6px;
}
.sub-box .table-group .table-wrap .thead {
	background: var(--gray30);
	border-radius: 6px 6px 0 0;
	border:1px solid var(--gray40);
	border-right:none;
	overflow: hidden;
}
.sub-box .table-group .table-wrap li {
	border:1px solid var(--gray30);
	border-right: none;
	border-top:none;
	display: grid;
}
.sub-box .table-group .table-wrap li > div {
	display: inline-grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right:1px solid var(--gray30);
}
.sub-box .table-group .table-wrap li:last-child {
	border-radius: 0 0 6px 6px ;
	/*overflow: hidden;*/
}
.sub-box .table-group .table-wrap .thead > div {
	font-size:14px;
	font-weight: 500;
	line-height: 135%;
	height: 54px;
	border-right:1px solid var(--gray40);
}
.sub-box .table-group .table-wrap li > div.al_left {
	justify-content: start;
}
.sub-box .table-group .table-wrap li > div.al_right {
	justify-content: end;
}
.sub-box .table-group .table-wrap li .row-half {
	justify-content: stretch;
}
.sub-box .table-group .table-wrap li .row-half div {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
}
.sub-box .table-group .table-wrap li .row-half div:first-child {
	border-bottom: 1px solid var(--gray30);
}
.sub-box .table-group .table-wrap .thead .row-half div:first-child {
	border-color:var(--gray40);
}
.sub-box .table-group .table-wrap li .memo {
	width:100%;
	border-top:1px solid var(--gray30);
	min-height: 36px;
}
.sub-box .table-group .table-wrap li:not(.thead) > div.memo > div {
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: flex-start;
	text-align: left;
	padding:8px 13px;
}
.sub-box .table-group .table-wrap li:not(.thead) > div.memo > div.label {
	justify-content: center;
	background: var(--gray30);
	padding:8px 0;
	font-weight: 500;
}
.sub-box .table-group .table-wrap li .btn-group.xsmall {
	margin-top:3px;
}
.sub-box .table-group .table-wrap li a {
	text-decoration: underline;
	color:var(--sub);
}
.sub-box .table-group .table-wrap li a.error {
	color:var(--system-red);
}
.sub-box .table-group .table-wrap li a.error:hover {
	color:#CA1B29;
}
.sub-box .table-group .table-wrap li a:hover {
	color:var(--sub100);
}
.sub-box .table-group .table-wrap li > div:not(.memo) .label {
	display: none;
}
.sub-box .table-group .tax-sales-table-wrap li {
	grid-template-columns: 40px 40px 100px 1fr 1fr 140px 100px 100px 40px 40px 130px 100px;
}
.sub-box .table-group .tax-sales-table-wrap li:not(.thead) > div:not(.memo,.checked),
.sub-box .table-group .factura-table-wrap li:not(.thead) > div:not(.checked,.row-half) {
	min-height: 56px;
	padding: 0 4px;
}

.sub-box .table-group .payRequestList-factura-table-wrap li:not(.thead) > div:not(.checked,.row-half) {
	min-height: 56px;
	padding: 0 4px;
}


.sub-box .table-group .tax-sales-table-wrap li:not(.thead) > div.checked {
	grid-row: 1 / 3;
}
.sub-box .table-group .tax-sales-table-wrap li:not(.thead) > div.memo {
	grid-column: 2 / 13;
	grid-template-columns: 40px 1fr;
}
.sub-box .table-group .gen-sales-table-wrap li {
	grid-template-columns: 40px 40px 100px 1fr 1fr 140px 100px 40px 120px 100px;
}
.sub-box .table-group .gen-sales-table-wrap li:not(.thead) > div:not(.memo,.checked) {
	min-height: 56px;
	padding: 0 4px;
}
.sub-box .table-group .gen-sales-table-wrap li:not(.thead) > div.checked {
	grid-row: 1 / 3;
}
.sub-box .table-group .gen-sales-table-wrap li:not(.thead) > div.memo {
	grid-column: 2 / 11;
	grid-template-columns: 40px 1fr;
}

.sub-box .table-group .inv-paymnt-table-wrap li {
	grid-template-columns: 40px 50px 90px 1fr 1fr 1fr 1fr 100px 100px 100px 60px;
}
.sub-box .table-group .inv-paymnt-table-wrap li:not(.thead) > div:not(.memo,.checked) {
	min-height: 56px;
	padding: 0 4px;
}
.sub-box .table-group .inv-paymnt-table-wrap li:not(.thead) > div.checked {
	grid-row: 1 / 3;
}
.sub-box .table-group .inv-paymnt-table-wrap li:not(.thead) > div.memo {
	grid-column: 2 / 12;
	grid-template-columns: 40px 1fr;
}






.sub-box .table-group .tax-warehouse-table-wrap li {
	grid-template-columns: 40px 40px 100px 100px 1fr 120px 110px 120px 120px 120px 120px;
}
.sub-box .table-group .tax-warehouse-table-wrap li:not(.thead) > div {
	min-height: 56px;
	padding: 0 4px;
}

.sub-box .table-group .tax-email-table-wrap li {
	grid-template-columns: 40px 40px 80px 80px 1fr 120px 110px 120px 120px 120px 120px;
}
.sub-box .table-group .tax-email-table-wrap li:not(.thead) > div {
	min-height: 56px;
	padding: 0 4px;
}
.sub-box .table-group .tax-bulk-table-wrap li {
	grid-template-columns: 40px 50px 50px 100px 150px 1fr 140px 50px 50px 150px 150px;
}
.sub-box .table-group .tax-bulk-table-wrap li:not(.thead) > div {
	min-height: 56px;
	padding: 0 4px;
}
.sub-box .table-group .gen-bulk-table-wrap li {
	grid-template-columns: 40px 50px 50px 100px 150px 1fr 140px 50px 150px 150px;
}
.sub-box .table-group .gen-bulk-table-wrap li:not(.thead) > div {
	min-height: 56px;
	padding: 0 4px;
}
.sub-box .table-group .ext-bulk-table-wrap li {
	grid-template-columns: 40px 50px 50px 120px 1fr 50px 150px 150px 50px 220px 60px;
}
.sub-box .table-group .ext-bulk-table-wrap li:not(.thead) > div {
	min-height: 56px;
	padding: 0 4px;
}
.sub-box .table-group .email-log-table-wrap li {
	grid-template-columns: 40px 150px 150px 200px 200px 1fr 140px;
}
.sub-box .table-group .email-log-table-wrap li:not(.thead) > div
{
	min-height: 56px;
	padding: 0 4px;
}

.sub-box .table-group .payres-table-wrap li {
	grid-template-columns: 40px 100px 200px 1fr 200px 200px 150px 100px;
}

.payres-table-wrap li:not(.thead) > div:not(.checked, .row-half) {
	min-height: 56px;
	padding: 0 4px;
}


.sub-box .table-group .premium-item-table-wrap li {
	grid-template-columns: 40px 1fr 100px 100px 100px 150px 150px 200px;
}
.sub-box .table-group .table-wrap li .value .red {
    font-size: 13px;
    font-weight: 500;
}
.sub-box .content-group > .tit-group + .search-fillter-group {
	margin-top:40px;
}
.factura-wrap .table-group .tool-box .btn-group {
	margin-bottom: 4px;
}
.factura-wrap .table-group .factura-table-wrap li {
	grid-template-columns: 40px 68px 100px 180px 140px 1fr 1fr 110px 68px 68px 68px;
}

.factura-wrap .table-group .payRequestList-factura-table-wrap li {
	grid-template-columns: 40px 68px 100px 180px 140px 1fr 1fr 110px 68px 68px;
}


.factura-wrap .table-group .factura-table-wrap li .btn-group.xsmall {
	margin:0 !important;
}
.sub-box .table-group .table-wrap li .value.al-vertical {
	flex-direction: column !important;
}
/* ==================== 마이페이지 ==================== */
.mypage-wrap .table-group .mypage-hihstory-table-wrap li {
	grid-template-columns: 150px 300px 200px 200px 1fr 150px;
}
.mypage-wrap .table-group .mypage-hihstory-table-wrap li:not(.thead) > div
{
	min-height: 56px;
	padding: 0 4px;
}
.mypage-wrap .table-group .mypage-hihstory-table-wrap li:not(.thead) > div
{
	min-height: 56px;
	padding: 0 4px;
}
.mypage-wrap .table-group .mypage-table-wrap li {
	grid-template-columns: 30px 120px 190px 190px 150px 180px 1fr;
}
.mypage-wrap .table-group .mypage-manager-table-wrap li {
	grid-template-columns: 100px 120px 190px 190px 150px 1fr;
}
.mypage-wrap .table-group .factura-table-wrap3 li {
    grid-template-columns: 100px 100px 1.5fr 1fr 1fr 1.2fr 1fr;
}
.mypage-wrap .table-group .table-wrap-non-m .thead {
	background: var(--gray30);
	border-radius: 6px 6px 0 0;
	border:1px solid var(--gray40);
	border-right:none;
	overflow: hidden;
}

.mypage-wrap .table-group .table-wrap-non-m li > div {
	height: 44px !important;
	min-height: 44px !important;
}
.mypage-wrap .table-group .value .btn-group {
	gap:8px;
}
.mypage-wrap .table-group .mypage-manager-table-wrap li:not(.thead) > div
{
	min-height: 56px;
	padding: 0 4px;
}
.mypage-wrap .table-group .mypage-manager-table-wrap li:not(.thead) > div
{
	min-height: 56px;
	padding: 0 4px;
}
.mypage-wrap .table-group .btn-del {
    width: 30px;
    height: 30px;
    border-radius: 99px;
    background: url("../images/icon-24-close.svg") no-repeat center var(--gray30);
    background-size: 16px;
}
.mypage-wrap .table-group .mypage-table-wrap li:not(.thead) > div
{
	min-height: 56px;
	padding: 0 4px;
}
.mypage-wrap .table-group .mypage-table-wrap li:not(.thead) > div.flex-center {
    display: flex;
    align-items: center;
    justify-content: center; /* 필요시 다른 정렬 값으로 수정 가능 */
    min-height: 56px; /* 기존 높이 유지 */
    padding: 0 4px; /* 기존 padding 유지 */
    gap: 8px;
}
.mypage-wrap .mypage-group .form-group {
	margin:60px 0;
}
.mypage-wrap .mypage-group .form-group2 {
    margin: 60px 0 20px 0;
}
.mypage-wrap .mypage-group > .btn-group {
	display: flex;
	align-items: center;
	width:100%;
	justify-content: space-between;
	margin-top:40px;
}
.mypage-wrap .mypage-group > .btn-group > div {
	display: flex;
	align-items: center;
	gap:10px;
}
.mypage-wrap .mypage-group > .btn-group.specific-btn-group {
    justify-content: center;
    gap: 10px;
}

.mypage-wrap .mypage-group > .btn-group.specific-btn-group > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mypage-wrap .mypage-group > .btn-group.specific-btn-group > div:first-child {
    justify-content: flex-start; /* 첫 번째 div는 왼쪽 정렬 */
    flex: 1; /* 첫 번째 div가 공간을 차지하도록 설정 */
}
.mypage-wrap .mypage-group > .btn-group button {
	width:140px;
}
.mypage-wrap .mypage-group .form-group .ar-tit {
	font-size:22px;
	font-weight: 700;
}
.mypage-wrap .mypage-group .form-group article:not(:first-child) {
	margin-top:40px;
}
.mypage-wrap .mypage-group .form {
	margin-top:20px;
	width:100%;
	border-top:1px solid var(--black);
}
.mypage-wrap .mypage-group .form .item {
	width:100%;
	display: flex;
	align-items: flex-start;
	padding:12px 0;
	border-bottom:1px solid var(--gray30);
}
.mypage-wrap .mypage-group .form .item2 {
	width:100%;
	display: flex;
	align-items: flex-start;
	padding:12px 0;
}
.mypage-wrap .mypage-group .form .item .item-label {
	width:300px;
	display: flex;
	padding:12px 40px;
	font-size:16px;
	font-weight: 700;
	height: 50px;
}
.mypage-wrap .mypage-group .form .item .item-label.request::after {
	content:"*";
	color:var(--system-red);
	font-size:16px;
	font-weight: 500;
	margin-left: 4px;
	display: block;
}
.mypage-wrap .mypage-group .form .item > .inner {
	width:calc(100% - 300px);
	display: flex;
	flex-direction: column;
	gap:10px;
}
.mypage-wrap .mypage-group .form .item > .inner > div {
	display: flex;
	align-items: center;
	gap:10px;
}
.mypage-wrap .mypage-group .form .item > .inner .info-txt {
	font-size:14px;
	color:var(--gray70);
	font-weight: 400;
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	gap:6px;
}
.mypage-wrap .mypage-group .form .item > .inner .radio_group {
    gap: 30px;
    row-gap: 16px;
    flex-wrap: wrap;
    min-height: 50px;
}
.mypage-wrap .mypage-group .form .item > .inner .checkbox_group {
	margin-left:10px;
}
.mypage-wrap .mypage-group .form .item > .inner .checkbox_group:not(.box-gray) {
    margin-top: 15px; /* 추가된 margin-top */
}
.mypage-wrap .mypage-group .form .item > .inner .box-gray  {
	background: var(--gray20);
}
.mypage-wrap .mypage-group .form .item > .inner .checkbox_group.box-gray {
	padding:14px 16px;
	margin:2px 0 0;
}
.mypage-wrap .mypage-group .form .item > .inner .checkbox_group.box-gray input[type="checkbox"] ~ label > span {
	font-size:16px;
	padding-left:10px;
}
.join-wrap .mypage-group .form .item > .inner .edi-detail-box {
	align-items: flex-start;
    gap: 6px;
    flex-direction: column;
}
.mypage-wrap .mypage-group .form .item > .inner .edi-detail-box .tit {
	font-size:14px;
	font-weight: 500;
}
.mypage-wrap .mypage-group .form .item > .inner .edi-detail-box .txt {
	font-size:14px;
	font-weight: 400;
	color:var(--gray70);
}
.mypage-wrap .mypage-group .radio_group.btn-type {
	display: flex;
    align-items: flex-start;
	justify-content: space-between;
	margin:24px 0 60px;
} 
.mypage-wrap .mypage-group .radio_group.btn-type .container {
	width:calc(50% - 12px);
	align-items: flex-start;
	flex-direction: column;
}
.mypage-wrap .mypage-group .radio_group.btn-type .inner-group {
	margin-top:24px;
}
.mypage-wrap .mypage-group .radio_group.btn-type .inner-group .inner-tit {
	font-size:18px;
	font-weight: 700;
	margin-bottom:12px;
	display: flex;
	align-items: center;
	color:var(--gray70);
}
.mypage-wrap .mypage-group .radio_group.btn-type .inner-group .inner-tit > i {
	width:20px;
	height: 20px;
	background: url(../images/icon-24-userMono-fill-gray.svg) no-repeat center;
	background-size:20px;
	display: block;
	margin-right:8px;
}
.mypage-wrap .mypage-group .radio_group.btn-type .btn {
	font-size:22px;
	font-weight:600;
	color:var(--gray70);
	height: 68px;
	border-radius: 8px;
	background: #fff;
	border:1px solid var(--gray40);
}
.mypage-wrap .mypage-group .radio_group.btn-type .btn > i {
	width:24px;
	height: 24px;
	background: url(../images/icon-24-userMono-fill-gray.svg) no-repeat center;
	background-size:24px;
	display: block;
	margin-right:12px;
}
.mypage-wrap .mypage-group .radio_group.btn-type input:checked ~ .btn {
	border-color: var(--main);
	color: var(--main);
}
.mypage-wrap .mypage-group .radio_group.btn-type input:checked ~ .btn > i {
	background: url(../images/icon-24-userMono-fill-main.svg) no-repeat center;
	background-size:24px;
}
.mypage-wrap .mypage-group .radio_group.btn-type input:checked ~ .inner-group  .inner-tit {
	color:var(--main)
}
.mypage-wrap .mypage-group .radio_group.btn-type input:checked ~ .inner-group  .inner-tit > i {
	background: url(../images/icon-24-userMono-fill-main.svg) no-repeat center;
	background-size:20px;
}
.mypage-wrap .mypage-group .radio_group.btn-type input:checked ~ .inner-group .info-group li {
	color:var(--gray130);
}
.mypage-wrap .mypage-group .radio_group.btn-type input:checked ~ .btn::before {
	content:"";
	width:24px;
	height: 24px;
	display: block;
	position: absolute;
	background: url(../images/icon-24-check.svg) no-repeat center;
	background-size:24px;
	left:24px;
}
.mypage-wrap .mypage-group .bottom-group {
	margin:20px 0;
}
.mypage-wrap .mypage-group .bottom-group .checkbox_group label span {
    color: #0A419B !important;
}
.mypage-wrap .mypage-group .bottom-detail-group {
	margin:10px 0;
	padding-left: 56px;
	color: #0A419B;
}
.mypage-wrap .mypage-group .bottom-detail-group2 {
	margin:10px 0;
	padding-left: 6px;
	color: #0A419B;
}
.mypage-wrap .mypage-info-group {
	margin-top:20px;
}
.mypage-wrap .mypage-info-button-group .btn-group {
	margin-top:20px;
	gap:10px;
}
.mypage-wrap .flex-end {
	display: flex;
    align-items: center;
    gap:10px;
	justify-content: end;
}

.mypage-wrap .mypage-info-group .box-gray {
    border-radius: 16px;
    background: var(--gray20);
    display: block; /* flex에서 block으로 변경 */
    text-align: center; /* 중앙 정렬 유지 */
    padding: 30px 20px; /* 좌우 여백 추가 */
    font-size: 18px;
    color: var(--gray100);
    font-weight: 400;
    margin: 40px 0 0;
}

/* 아이콘과 첫 번째 span을 함께 표시하기 위한 스타일 */
.mypage-wrap .mypage-info-group .box-gray i {
    width: 24px;
    height: 24px;
    display: inline-block; /* block에서 inline-block으로 변경 */
    vertical-align: middle; /* 수직 정렬 */
    background: url(../images/icon-24-exclamation.svg) no-repeat center;
    background-size: 24px;
}






/* span 요소에 대한 스타일 추가 */
.mypage-wrap .mypage-info-group .box-gray span {
    display: block; /* 각 span을 블록 요소로 만들어 개행 */
    margin-top: 10px; /* span 사이 여백 */
}

/* 첫 번째 span만 인라인으로 표시 */
.mypage-wrap .mypage-info-group .box-gray i + span {
    display: inline-block; /* 첫 번째 span은 인라인 블록으로 */
    vertical-align: middle; /* 수직 정렬 */
    margin-top: 0; /* 상단 여백 제거 */
}



.factura-wrap .table-group .box-gray i {
	width: 24px;
	height: 24px;
	display: inline-block; /* block에서 inline-block으로 변경 */
	vertical-align: middle; /* 수직 정렬 */
	/*background: url(../images/icon-24-check-fill.svg) no-repeat center;*/
	/*background: url(../images/icon-24-em.svg) no-repeat center;*/
	background: url(../images/icon-24-stepper-indicator.svg) no-repeat center;
	/*background: url(../images/icon-20-shield-check-color.svg) no-repeat center;*/
}






@media (max-width: 1360px) {
	.sub-box .table-group .table-wrap {
		margin-top:16px;
	}
	.factura-wrap .table-group .tool-box .total-group .search-num::after,
	.factura-wrap .table-group .tool-box .btn-group {
		display: none;
	}
}
@media (max-width: 1160px) {
	.sub-box .table-group .table-wrap .thead,
	.sub-box .table-group .table-wrap .checked {
		display: none;
	}
	.sub-box .table-group .table-wrap li > div:not(.memo) .label {
		display: flex;
	}
	.sub-box .table-group .table-wrap li .label {
		width:110px;
		text-align: left;
		font-weight: 600;
		justify-content: flex-start !important;
	}
	.sub-box .table-group .table-wrap li .value {
		text-align: left;
		width:calc(100% - 126px) !important;
		justify-content: flex-start !important;
		display: flex !important;
        align-items: center !important;
	 }
	.sub-box .table-group .table-wrap li .value.al-vertical {
        align-items: flex-start !important;
	}
	.sub-box .table-group .table-wrap li {
		display: flex;
		flex-direction: column;
		margin-bottom:24px;
		padding:4px 16px;
		border-radius: 8px;
		background: var(--gray20);
		border:none;
	}
	.sub-box .table-group .table-wrap li > div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		border-right:none;
		border-bottom:1px solid var(--gray30);
		padding:12px 0 !important;
		min-height: unset !important;
		gap:16px;
	}
	.sub-box .table-group .table-wrap li > div:last-child {
		border:none;
	}
	.sub-box .table-group .table-wrap li .btn-group.xsmall {
		margin-top:0;
		margin-left:10px;
	}
	.sub-box .table-group .table-wrap li .btn-group.xsmall button {
		background: var(--gray100);
		color:#fff;
	}
	.sub-box .table-group .table-wrap li .row-half {
		flex-direction: column;
		align-items: flex-start;
		padding:0 !important;
		gap:0;
	}
	.sub-box .table-group .table-wrap li .row-half > div {
		padding:12px 0;
		width:100%;
		justify-content: flex-start;
		gap:16px;
	}
	.sub-box .table-group .table-wrap li .row-half > div:first-child {
		border-bottom:1px solid var(--gray30) !important;
	}
	.sub-box .table-group .table-wrap li .row-half div:first-child {
		border:none;
	}
	.sub-box .table-group .table-wrap li:not(.thead) > div.memo {
		border:none;
	}
	.sub-box .table-group .table-wrap li:not(.thead) > div.memo > div.label {
		padding:0;
		font-weight: 600;
		background: none;
	}
	.sub-box .table-group .table-wrap li:not(.thead) > div.memo > div {
		padding:0;
	}
	.sub-box .table-group .table-wrap li:not(.thead) > div.memo.list {
		border-bottom:1px solid var(--gray30);
	}
	.sub-box .table-group .table-wrap li .value .red {
		font-size: 12px;
		margin-left: 6px;
	}
}

@media (max-width: 900px) {
	.sub-box .table-group {
		width:calc(100% - 32px);
		margin:0 auto;
	}
	.sub-box .table-group .table-wrap li {
		margin-bottom:16px;
	}
	.sub-box .table-group .tool-box .total-group {
		align-items: flex-start;
		flex-direction: column;
		width:100%;
	}
	.sub-box .table-group .tool-box .total-group .search-num {
		margin-bottom:6px;
	}
	.sub-box .table-group .tool-box .total-group .search-num::after,
	.sub-box .table-group .tool-box .total-group .price-total > div:first-child::after {
		display: none;
	}
	.sub-box .table-group .tool-box .total-group .search-num .value {
		margin-left:6px;
	}
	.sub-box .table-group .tool-box .total-group .price-total .label {
		font-size:13px;
	}
	.sub-box .table-group .tool-box .total-group .price-total .value {
		margin-left:0;
		font-size:16px;
	}
	.sub-box .table-group .tool-box .total-group > div {
		font-size:14px;
	}
	.sub-box .table-group .tool-box .total-group .price-total {
		width:100%;
		border:1px solid var(--gray30);
		border-radius: 8px;
		padding:10px 0;
	}
	.sub-box .table-group .tool-box .total-group .price-total > div {
		width:100%;
		align-items: flex-start;
		flex-direction: column;
		padding:0 16px;
	}
	.sub-box .table-group .tool-box .total-group .price-total > div:first-child {
		border-right:1px solid var(--gray30);
	}
	.sub-box .content-group > .tit-group + .search-fillter-group {
		margin-top:30px;
		border-top: 1px solid var(--gray30);
	}
	.factura-wrap .table-group .tool-box .total-group .search-num {
		margin-bottom: 0;
	}
}

.sub-box .premium-table-wrap li:not(.thead) > div:not(.checked, .row-half) {
	min-height: 56px;
	padding: 0 4px;
}
.premium-table-wrap li {
	grid-template-columns: 40px 40px 100px 1fr 200px 150px 200px 150px 100px;
}





/* ==================== join / 회원가입 ==================== */
.join-wrap .join-step-group {
	display: flex;
	margin-top:36px;
}
.join-wrap .join-step-group li {
	display: flex;
	flex-direction: column;
    align-items: center;
	width:140px;
	position: relative;
}
.join-wrap .join-step-group li:not(:last-child) {
	margin-right:32px;
}
.join-wrap .join-step-group img {
	display: block;
	width:60px;
	height: 60px;
	margin-bottom:10px;
	opacity: 0.3;
}
.join-wrap .join-step-group img + span {
	display: block;
	font-size:18px;
	font-weight: 500;
	color:var(--gray60);
}
.join-wrap .join-step-group .active img {
	opacity: 1;
} 
.join-wrap .join-step-group .active img + span {
	color:var(--gray130);
} 
.join-wrap .join-step-group li:not(:last-child)::after {
	content:"";
	display: block;
	width:32px;
	height: 32px;
	background: url("../images/icon-32-arrow.svg") no-repeat center;
    position: absolute;
    right: -32px;
	top:50%;
	transform: translate(0, -50%);
}
/*사업자번호 입력*/
.join-wrap .step01-group .box-gray-border {
	padding:40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:60px;
}
.join-wrap .step01-group .box-gray-border .btn-group {
	margin-top:30px;
}
.join-wrap .step01-group .box-gray-border .form {
	display: flex;
	align-items: center;
	margin-top:30px;
}
.join-wrap .step01-group .box-gray-border .form .hyphen {
	font-size:16px;
	font-weight: 300;
	color:var(--gray100);
	padding:0 6px;
}
.join-wrap .step01-group .inner-tit {
	font-size:24px;
	font-weight: 700;
}
.join-wrap .step01-group .inner-txt {
	font-size:18px;
	font-weight: 300;
	margin-top:10px;
}
/*약관 동의*/
.join-wrap .step02-group .agreement-group {
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid var(--gray30);
}
.join-wrap .step02-group .agreement-group > .btn-group {
	margin-top:60px;
}
.join-wrap .step02-group .agreement-group .inner-txt {
	font-size:20px;
	font-weight: 400;
}
.join-wrap .step02-group .agreement-group article {
	margin-top:40px;
}
.join-wrap .step02-group .agreement-group .box-border {
	padding:20px;
	font-size:16px;
	color:var(--gray100);
	overflow-y: auto;
	max-height: 180px;
	margin-top:16px;
}
.join-wrap .step02-group .agreement-group .all-select label {
	padding:16px 20px;
	border-radius: 8px;
	background: var(--main10);
	border:1px solid var(--main30);
}
.join-wrap .step02-group .agreement-group .all-select label span {
	font-size:20px;
	font-weight: 600;
	color:var(--main);
	padding-left: 12px;
}
.join-wrap .step02-group .agreement-group article:not(.all-select ) .checkbox_group label span {
	font-size:18px;
	font-weight: 600;
	padding-left:10px;
}
/*회원정보 입력*/
.join-wrap .step03-group .form-group {
	margin:60px 0;
}
.join-wrap .step03-group .btn-group {
	display: flex;
	align-items: center;
	gap:10px;
	justify-content: end;
}
.join-wrap .step03-group .form-group .ar-tit {
	font-size:22px;
	font-weight: 700;
}
.join-wrap .step03-group .form-group article:not(:first-child) {
	margin-top:40px;
}
.join-wrap .step03-group .form-group article2:not(:first-child) {
	margin-top:40px;
}
.join-wrap .step03-group .form {
	margin-top:20px;
	width:100%;
	border-top:1px solid var(--black);
}
.join-wrap .step03-group .form .item {
	width:100%;
	display: flex;
	align-items: flex-start;
	padding:12px 0;
	border-bottom:1px solid var(--gray30);
}
.join-wrap .step03-group .form .item .item-label {
	width:300px;
	display: flex;
	padding:12px 40px;
	font-size:16px;
	font-weight: 700;
	height: 50px;
}
.join-wrap .step03-group .form .item .item-label.request::after {
	content:"*";
	color:var(--system-red);
	font-size:16px;
	font-weight: 500;
	margin-left: 4px;
	display: block;
}
.join-wrap .step03-group .form .item > .inner {
	width:calc(100% - 300px);
	display: flex;
	flex-direction: column;
	gap:10px;
}
.join-wrap .step03-group .form .item > .inner > div {
	display: flex;
	align-items: center;
	gap:10px;
}
.join-wrap .step03-group .form .item > .inner .info-txt {
	font-size:14px;
	color:var(--gray70);
	font-weight: 400;
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	gap:6px;
}
.join-wrap .step03-group .form .item > .inner .radio_group {
    gap: 30px;
    row-gap: 16px;
    flex-wrap: wrap;
    min-height: 50px;
}
.join-wrap .step03-group .form .item > .inner .checkbox_group {
	margin-left:10px;
}
.join-wrap .step03-group .form .item > .inner .box-gray  {
	background: var(--gray20);
}
.join-wrap .step03-group .form .item > .inner .checkbox_group.box-gray {
	padding:14px 16px;
	margin:2px 0 0;
}
.join-wrap .step03-group .form .item > .inner .checkbox_group.box-gray input[type="checkbox"] ~ label > span {
	font-size:16px;
	padding-left:10px;
}
.join-wrap .step03-group .form .item > .inner .edi-detail-box {
	align-items: flex-start;
    gap: 6px;
    flex-direction: column;
}
.join-wrap .step03-group .form .item > .inner .edi-detail-box .tit {
	font-size:14px;
	font-weight: 500;
}
.join-wrap .step03-group .form .item > .inner .edi-detail-box .txt {
	font-size:14px;
	font-weight: 400;
	color:var(--gray70);
}
.join-wrap .step03-group .radio_group.btn-type {
	display: flex;
    align-items: flex-start;
	justify-content: space-between;
	margin:24px 0 60px;
} 
.join-wrap .step03-group .radio_group.btn-type .container {
	width:calc(50% - 12px);
	align-items: flex-start;
	flex-direction: column;
}
.join-wrap .step03-group .radio_group.btn-type .inner-group {
	margin-top:24px;
}
.join-wrap .step03-group .radio_group.btn-type .inner-group .inner-tit {
	font-size:18px;
	font-weight: 700;
	margin-bottom:12px;
	display: flex;
	align-items: center;
	color:var(--gray70);
}
.join-wrap .step03-group .radio_group.btn-type .inner-group .inner-tit > i {
	width:20px;
	height: 20px;
	background: url(../images/icon-24-userMono-fill-gray.svg) no-repeat center;
	background-size:20px;
	display: block;
	margin-right:8px;
}
.join-wrap .step03-group .radio_group.btn-type .btn {
	font-size:22px;
	font-weight:600;
	color:var(--gray70);
	height: 68px;
	border-radius: 8px;
	background: #fff;
	border:1px solid var(--gray40);
}
.join-wrap .step03-group .radio_group.btn-type .btn > i {
	width:24px;
	height: 24px;
	background: url(../images/icon-24-userMono-fill-gray.svg) no-repeat center;
	background-size:24px;
	display: block;
	margin-right:12px;
}
.join-wrap .step03-group .radio_group.btn-type input:checked ~ .btn {
	border-color: var(--main);
	color: var(--main);
}
.join-wrap .step03-group .radio_group.btn-type input:checked ~ .btn > i {
	background: url(../images/icon-24-userMono-fill-main.svg) no-repeat center;
	background-size:24px;
}
.join-wrap .step03-group .radio_group.btn-type input:checked ~ .inner-group  .inner-tit {
	color:var(--main)
}
.join-wrap .step03-group .radio_group.btn-type input:checked ~ .inner-group  .inner-tit > i {
	background: url(../images/icon-24-userMono-fill-main.svg) no-repeat center;
	background-size:20px;
}
.join-wrap .step03-group .radio_group.btn-type input:checked ~ .inner-group .info-group li {
	color:var(--gray130);
}
.join-wrap .step03-group .radio_group.btn-type input:checked ~ .btn::before {
	content:"";
	width:24px;
	height: 24px;
	display: block;
	position: absolute;
	background: url(../images/icon-24-check.svg) no-repeat center;
	background-size:24px;
	left:24px;
}




/*회원가입 완료*/
.join-wrap .step04-group {
	display: flex;
	flex-direction: column;
    align-items: center;
	min-height: calc(100vh - 242px);
	padding-top: 100px;
}
.join-wrap .step04-group .cover-img {
	height: 100px;
	display: block;
	margin-bottom:24px;
}
.join-wrap .step04-group .tit {
	font-size:32px;
	font-weight: 700;
	margin-bottom:40px;
	line-height: 140%;
	text-align: center;
}
.join-wrap .step04-group .txt-group {
	font-size:18px;
	font-weight: 400;
	text-align: center;
	line-height: 170%;
}
.join-wrap .step04-group .txt-group .fax-num {
	font-size:15px;
	font-weight: 600;
	color:var(--main);
	background: var(--main10);
	border-radius: 6px;
	padding:3px 10px;
	margin:0 4px;
}
.join-wrap .step04-group .btn-group {
	margin-top:48px;
}
.join-wrap .step04-group .box-gray-border {
	padding:100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:20px;
}
.join-wrap .step04-group .box-gray-border .btn-group {
	margin-top:30px;
}
.join-wrap .step04-group .box-gray-border .form {
	display: flex;
	align-items: center;
	margin-top:30px;
}
.join-wrap .step04-group .box-gray-border .form .hyphen {
	font-size:16px;
	font-weight: 300;
	color:var(--gray100);
	padding:0 6px;
}

/* ==================== 고객센터 ==================== */
.customer-wrap .table-group {
	margin-top:60px;
}
.customer-wrap .table-group .tool-box {
	margin-bottom:20px;
}
.customer-wrap .table-group .tool-box > div {
	display: flex;
	gap:10px;
}
.customer-wrap .table-group .tool-box .selectbox_group.small select {
	width: max-content;
}
.customer-wrap .table-group .tool-box .selectbox_group.small select,
.customer-wrap .table-group .tool-box .input_group .text_group input {
	background-color: var(--gray20);
	border:none;
}
.customer-wrap .table-group .tool-box .input_group {
	width:240px;
}
.customer-wrap .table-group .list-area {
	border-top:1px solid var(--gray30);
}
.customer-wrap .table-group .list-area li {
	border-bottom:1px solid var(--gray30);
}
.customer-wrap .table-group .list-area li > a {
	display: flex;
	align-items: center;
	padding:20px 0;
	gap:20px;
}
.customer-wrap .table-group .list-area .no {
	width:60px;
	display: block;
	text-align: left;
	font-size:18px;
	font-weight: 400;
	color:var(--gray60);
}
.customer-wrap .table-group .list-area .txt-group {
	width:calc(100% - 80px);
}
.customer-wrap .table-group .list-area .txt-group .tit {
	font-size:18px;
	font-weight: 400;
	display: flex;
	align-items: center;
}
.customer-wrap .table-group .list-area .txt-group2 {
    height: 44px !important;
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    justify-content: center; /* 수평 중앙 정렬 */
}
.customer-wrap .table-group .list-area .txt-group2 .nodata-list {
    text-align: center;
    border-right: 1px solid var(--gray30);
    padding-top: 5px; /* 텍스트를 좀 더 아래로 내리기 */
    font-size: 18px; /* 글씨 크기 키우기 */
}
.customer-wrap .table-group .list-area .txt-group .report-info {
	display: flex;
	align-items: center;
	font-size:14px;
	font-weight: 400;
	color:var(--gray60);
	margin-top:6px;
}
.customer-wrap .table-group .list-area .txt-group .report-info > span {
	display: flex;
	align-items: center;
}
.customer-wrap .table-group .list-area .txt-group .report-info > span:not(:last-child)::after {
	content:"";
	display:block;
	width:1px;
	height: 12px;
	background: var(--gray60);
	margin:0 10px;
}
.customer-wrap .table-group .list-area .new .tit {
	text-indent: 40px;
    position: relative;
    align-items: flex-start;
	display: block;
}
.customer-wrap .table-group .list-area .new .tit::before {
	content:"NEW";
	font-size:13px;
	font-weight: 500;
	color:var(--sub);
	position: absolute;
	display: block;
	left:-40px;
	line-height: 27px;
}
.customer-wrap .table-group .list-area a:hover .tit {
	text-decoration: underline;
} 
.customer-wrap.notice-detail-wrap .detail-group {
	margin-top:60px;
}
.customer-wrap.notice-detail-wrap .detail-header {
	width:100%;
	border-radius: 12px;
	padding:40px;
	background: var(--gray20);
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	gap:12px;
}
.customer-wrap.notice-detail-wrap .detail-header .tit {
	font-size:30px;
	font-weight: 700;
}
.customer-wrap.notice-detail-wrap .detail-header .report-info {
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: 400;
	color:var(--gray60);
}
.customer-wrap.notice-detail-wrap .detail-header .report-info > span {
	display: flex;
	align-items: center;
}
.customer-wrap.notice-detail-wrap .detail-header .report-info > span:not(:last-child)::after {
	content:"";
	display:block;
	width:1.5px;
	height: 14px;
	background: var(--gray50);
	margin:0 12px;
}
.customer-wrap.notice-detail-wrap .detail-content-area .content-group {
	padding:50px 40px;
	font-size:16px;
	color:var(--gray110);
}
.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group {
	border-radius: 12px;
	padding:20px 30px;
	display: flex;
	align-items: center;
	width:100%;
	margin-bottom:30px;
	border:1px solid var(--gray30);
	gap:30px;
}
.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group .label {
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: 500;
	gap:6px;
}
.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group .label::before {
	content:"";
	display: block;
	width:20px;
	height: 20px;
	background: url("../images/icon-20-file.svg") no-repeat center;
}
.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group .file-list {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: 16px;
	width: calc(100% - 112px);
	row-gap: 8px;
}
.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group .file-list  a {
	display: block;
	font-size:16px;
	font-weight: 400;
	text-decoration:underline;
	color:var(--main);
}
.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group .file-list  a:hover {
	color:var(--main70);
}
.customer-wrap.notice-detail-wrap .order-link-group {
	width:100%;
	border-top:1px solid var(--gray30);
}
.customer-wrap.notice-detail-wrap .order-link-group a {
	display: flex;
	align-items: center;
	width:100%;
	padding:20px 0;
	border-bottom:1px solid var(--gray30);
	gap:20px;
}
.customer-wrap.notice-detail-wrap .order-link-group .label {
	width:160px;
	font-size:18px;
	font-weight:500;
	color:var(--gray70);
	text-align: center;
}
.customer-wrap.notice-detail-wrap .order-link-group .txt-group {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	gap:6px;
	width:calc(100% - 180px);
}
.customer-wrap.notice-detail-wrap .order-link-group .tit {
	font-size:18px;
	font-weight: 500;
}
.customer-wrap.notice-detail-wrap .order-link-group a:hover .tit {
	text-decoration: underline;
}
.customer-wrap.notice-detail-wrap .order-link-group .report-info {
	display: flex;
	align-items: center;
	font-size:14px;
	font-weight: 400;
	color:var(--gray60);
}
.customer-wrap.notice-detail-wrap .order-link-group .report-info > span {
	display: flex;
	align-items: center;
}
.customer-wrap.notice-detail-wrap .order-link-group .report-info > span:not(:last-child)::after {
	content:"";
	display:block;
	width:1px;
	height: 12px;
	background: var(--gray60);
	margin:0 10px;
}
.customer-wrap.notice-detail-wrap .btn-group {
	margin-top:40px;
}
/*faq*/
.customer-wrap.faq-wrap .list-area li .faq-detail-group {
	display: none;
}
.customer-wrap.faq-wrap .list-area li.active .faq-detail-group {
	display: block;
	border-radius: 12px;
	background: var(--gray20);
	padding:30px 80px;
}
.customer-wrap.faq-wrap .list-area li.active {
	padding-bottom:24px;
}
.customer-wrap.faq-wrap .list-area .category {
	width:160px;
	font-size:18px;
	font-weight: 600;
	color:var(--main);
}
.customer-wrap.faq-wrap .list-area .txt-group {
	width: calc(100% - 260px);
}
.customer-wrap.faq-wrap .list-area .accordion-btn {
	align-items: flex-start;
	position: relative;
	padding-right:68px;
}
.customer-wrap.faq-wrap .list-area .accordion-btn::after {
	content:"";
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-right-gray.svg") no-repeat center;
	position: absolute;
	right:20px;
	top:25px;
	transform: rotate(90deg);
	-webkit-transition-duration:0.15s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.15s;
	transition-timing-function:ease;
}
.customer-wrap.faq-wrap .list-area .active .accordion-btn::after {
	background: url("../images/icon-16-right-main.svg") no-repeat center;
	transform: rotate(-90deg);
}
.customer-wrap.faq-wrap .list-area .faq-detail-group .txt {
	font-size:18px;
	white-space: pre-line;
}
.customer-wrap.faq-wrap .list-area .file-down-group {
	border-radius: 12px;
	padding:20px 30px;
	display: flex;
	align-items: center;
	width:100%;
	margin-top:24px;
	border:1px solid var(--gray30);
	background: #fff;
	gap:30px;
}
.customer-wrap.faq-wrap .list-area .file-down-group .label {
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: 500;
	gap:6px;
}
.customer-wrap.faq-wrap .list-area .file-down-group .label::before {
	content:"";
	display: block;
	width:20px;
	height: 20px;
	background: url("../images/icon-20-file.svg") no-repeat center;
}
.customer-wrap.faq-wrap .list-area .file-down-group .file-list {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	gap: 16px;
	width: calc(100% - 112px);
	row-gap: 8px;
}
.customer-wrap.faq-wrap .list-area .file-down-group .file-list a {
	display: block;
	font-size:16px;
	font-weight: 400;
	text-decoration:underline;
	color:var(--main);
}
.customer-wrap.faq-wrap .list-area .file-down-group .file-list a:hover {
	color:var(--main70);
}
.customer-wrap.faq-wrap .tab-btn-group {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin-top:20px;
	gap:10px;
	padding:0 20px;
}
.customer-wrap.faq-wrap .tab-btn-group button {
	border-radius: 8px;
	border:1px solid var(--gray30);
	color:var(--gray80);
	font-size:16px;
	font-weight: 600;
	padding:10px 20px;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.customer-wrap.faq-wrap .tab-btn-group button.active {
	color:#fff;
	background: var(--main);
	border-color: var(--main);
}
.customer-wrap.faq-wrap .tab-btn-group button:not(.active):hover {
	background: var(--gray20);
	color:var(--gray100);
}
/*이용가이드*/
.customer-wrap.guide-wrap .guide-detail-group .link-group {
	display: flex;
	flex-wrap: wrap;
	gap:16px;
	margin-top:20px;
}
.customer-wrap.guide-wrap .guide-detail-group .link-group a {
	display: flex;
	width:calc(50% - 8px);
	border-radius: 8px;
	background: var(--gray20);
	height: 60px;
	align-items: center;
	padding:0 24px;
	justify-content: space-between;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.customer-wrap.guide-wrap .guide-detail-group .link-group a:hover {
	background: var(--gray30);
}
.customer-wrap.guide-wrap .guide-detail-group .link-group .txt-group {
	display: flex;
	align-items: center;
	gap:8px;
	font-size:18px;
	font-weight: 600;
}
.customer-wrap.guide-wrap .guide-detail-group .link-group .txt-group .no {
	font-weight: 800;
}
.customer-wrap.guide-wrap .guide-detail-group .link-group a i {
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-right-gray.svg") no-repeat center;
} 
.customer-wrap.guide-wrap .guide-detail-group article {
	width:100%; 
	margin-top:40px;
	border-radius: 16px;
	border:1px solid var(--gray30);
	padding:40px;
	display: flex;
	align-items: flex-start;
	gap:40px;
}
.customer-wrap.guide-wrap .guide-detail-group .tit-group {
	width:250px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.customer-wrap.guide-wrap .guide-detail-group .tit-group .no {
	width:36px;
	height: 36px;
	display: block;
	border-radius: 4px;
	background: var(--main);
	color:#fff;
	font-size:22px;
	font-weight: 700;
	display: flex;
    align-items: center;
    justify-content: center;
}
.customer-wrap.guide-wrap .guide-detail-group .tit-group .tit {
	font-size:28px;
	font-weight: 700;
	margin-top:12px;
}
.customer-wrap.guide-wrap .guide-detail-group .detail-list {
	width:calc(100% - 290px);
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.customer-wrap.guide-wrap .guide-detail-group .detail-list .tit {
	font-size:18px;
	font-weight: 600;
	margin-bottom:8px;
}
.customer-wrap.guide-wrap .guide-detail-group .detail-list .tit .no {
	font-size: 10px;
    line-height: 19px;
    display: inline-flex;
    width: 16px;
    vertical-align: 8%;
    height: 16px;
    border-radius: 99px;
    background: var(--gray130);
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.customer-wrap.guide-wrap .guide-detail-group .detail-list .txt {
	font-size:16px;
}
.customer-wrap.guide-wrap .guide-detail-group .detail-list .img-box {
	margin-top:16px;
}
.customer-wrap.guide-wrap .selectbox_group {
	display: none;
}

@media (max-width: 1360px) {
	.sub-box .content-group > .tit-group .main-tit + .tit-detail-txt {
		font-size:16px;
	}
	.customer-wrap .table-group .list-area li > a {
		padding:16px 0;
	}
	.customer-wrap .table-group .list-area .no,
	.customer-wrap .table-group .list-area .tit {
		font-size:16px !important;
	}
	.customer-wrap .table-group .list-area .new .tit::before {
		line-height: 24px;
	}
	.customer-wrap .table-group .list-area .txt-group .report-info {
		font-size:13px;
	}
	.customer-wrap .table-group {
		margin-top:40px;
	}
	.customer-wrap.notice-detail-wrap .detail-group {
		margin-top: 40px;
	}
	.customer-wrap.notice-detail-wrap .detail-header .tit {
		font-size:24px;
	}
	.customer-wrap.notice-detail-wrap .detail-header {
		padding: 30px;
		gap: 8px;
	}
	.customer-wrap.notice-detail-wrap .detail-content-area .content-group {
		padding: 40px 30px;
	}
	.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group {
		padding: 16px 20px;
		margin-bottom: 24px;
		gap: 24px;
	}
	.customer-wrap.notice-detail-wrap .order-link-group a {
		padding: 16px 0;
	}
	.customer-wrap.notice-detail-wrap .order-link-group .label {
		width: 140px;
		font-size: 16px;
	}
	.customer-wrap.notice-detail-wrap .order-link-group .txt-group {
		width: calc(100% - 160px);
	}
	.customer-wrap.notice-detail-wrap .order-link-group .tit {
		font-size: 16px;
	}
	.customer-wrap.notice-detail-wrap .order-link-group .report-info {
		font-size:13px;
	}
	.customer-wrap.faq-wrap .list-area .faq-detail-group .txt,
	.customer-wrap.faq-wrap .list-area .category {
		font-size:16px;
		white-space: pre-line;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group {
		gap:10px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group a {
		height: 50px;
		padding:0 20px;
		width: calc(50% - 5px);
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group .txt-group {
		font-size:16px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group a i {
		width: 14px;
		height: 14px;
		background-size: 14px;
	}
	.customer-wrap.guide-wrap .guide-detail-group article {
		margin-top:30px;
		padding:30px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .tit-group {
		width:200px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .tit-group .no {
		width: 30px;
	    height: 30px;
		font-size:18px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .tit-group .tit {
		font-size:24px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .detail-list {
		width:calc(100% - 240px);
	}
}

@media (max-width: 900px) {
	.customer-wrap .table-group {
		margin-top:30px;
	}
	.customer-wrap .table-group .list-area .no {
		display: none;
	}
	.customer-wrap .table-group .list-area .txt-group {
		width:100%;
	}
	.customer-wrap .table-group .list-area a:hover .tit {
		text-decoration: unset;
	} 
	.sub-box .content-group > .tit-group .main-tit + .tit-detail-txt {
        display: flex;
        flex-direction: column;
        align-items: center;
		margin-top:10px;
	}
	.customer-wrap .table-group .tool-box {
		align-items: stretch;
		justify-content: space-between;
		flex-direction: column;
		gap:10px;
	}

	.customer-wrap .table-group .tool-box > div {
		width:100%;
	}
	.customer-wrap .table-group .tool-box > div:nth-child(2) .selectbox_group,
	.customer-wrap .table-group .tool-box > div:nth-child(2) select {
		width:100% !important;
	}
	.customer-wrap .table-group .tool-box .input_group {
		width:100%;
	}
	.customer-wrap.notice-detail-wrap .detail-group {
		width: calc(100% - 32px);
        margin: 30px auto 0;
	}
	.customer-wrap.notice-detail-wrap .detail-header {
        padding: 20px;
        gap: 10px;
	}
	.customer-wrap.notice-detail-wrap .detail-header .tit {
		font-size: 20px;
	}
	.customer-wrap.notice-detail-wrap .detail-header .report-info {
		font-size:13px;
	}
	.customer-wrap.notice-detail-wrap .detail-header .report-info > span:not(:last-child)::after {
		width: 1px;
		height: 12px;
		background: var(--gray60);
		margin: 0 10px;
	}
	.customer-wrap.notice-detail-wrap .detail-content-area .content-group {
		padding:40px 0;
	}
	.customer-wrap.notice-detail-wrap .detail-content-area .file-down-group {
		padding: 12px 16px;
        margin-bottom: 20px;
        gap: 20px;
        border-radius: 8px;
	}
	.customer-wrap.notice-detail-wrap .order-link-group a {
		padding:12px 0;
		gap: 16px;
	}
	.customer-wrap.notice-detail-wrap .order-link-group .label {
		font-size:14px;
		width:68px;
	}
	.customer-wrap.notice-detail-wrap .order-link-group .txt-group {
		width: calc(100% - 104px);
		gap: 4px;
	}
	.customer-wrap.notice-detail-wrap .btn-group {
		margin-top:30px;
	}
	.customer-wrap.faq-wrap .list-area .accordion-btn {
		flex-direction: column;
		gap:4px;
		padding-right: 36px;
	}
	.customer-wrap.faq-wrap .list-area .category {
		font-size:14px;
		color:var(--main60);
	}
	.customer-wrap.faq-wrap .list-area .accordion-btn::after {
		right: 0;
        top: 50%;
        transform: translate(0, -50%) rotate(90deg);
	}
	.customer-wrap.faq-wrap .list-area .active .accordion-btn::after {
		transform: translate(0, -50%) rotate(-90deg);
	}
	.customer-wrap.faq-wrap .list-area li.active {
		padding-bottom: 20px;
	}
	.customer-wrap.faq-wrap .list-area li.active .faq-detail-group {
		padding:20px 16px;
	}
	.customer-wrap.faq-wrap .list-area .file-down-group {
		padding:12px 16px;
		border-radius: 8px;
		gap: 20px;
	}
	.customer-wrap.faq-wrap .tab-btn-group button {
		padding:8px 16px;
	}
	.customer-wrap.guide-wrap .tab-group {
		display: none;
	}
	.customer-wrap.guide-wrap .guide-detail-group {
		width: calc(100% - 32px);
		margin: 0 auto;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group {
		flex-direction: column;
		gap: 8px;
		margin-top:16px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group a {
		width:100%;
		height: 40px;
		padding:0 12px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group a i {
		width: 12px;
		height: 12px;
		display: block;
		background: url("../images/icon-12-right-gray.svg") no-repeat center;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group .txt-group {
		font-size:15px;
	}
	.customer-wrap.guide-wrap .guide-detail-group article {
		margin:30px 0;
		padding:0;
		border:none;
		flex-direction: column;
		gap:20px;
		padding-bottom:30px;
		border-bottom:1px solid var(--gray30);
		border-radius: 0;
	}
	.customer-wrap.guide-wrap .guide-detail-group .link-group + article {
		margin-top:40px;
	}
	.customer-wrap.guide-wrap .guide-detail-group article > div {
		width:100%!important;
	}
	.customer-wrap.guide-wrap .guide-detail-group article:last-child {
		padding:0;
		margin-bottom:0;
		border:none;
	}
	.customer-wrap.guide-wrap .guide-detail-group .tit-group {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .tit-group .tit {
		margin-top:0;
		font-size:20px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .detail-list {
		gap:20px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .detail-list .tit {
		font-size:16px;
	}
	.customer-wrap.guide-wrap .guide-detail-group .detail-list .img-box {
		margin-top:0;
	}
	.customer-wrap.guide-wrap .selectbox_group {
		display: block;
		width:calc(100% - 32px);
		margin:30px auto 0;
	}
}


/* ==================== 발급 및 세금계산서 작성 화면 ==================== */
.tax-write-wrap .search-fillter-group .inner article > div:last-child {
	margin-bottom:0;
}
.tax-write-wrap .write-form-area {
	border:1.5px solid #F04452;
	border-radius: 8px;
}
.tax-write-wrap .write-form-area > div:not(:last-child) {
	border-bottom:1.5px solid #F04452;
}
.tax-write-wrap .write-form-area .half {
	display: flex;
	align-items: stretch;
	border-bottom:1px solid rgba(240,68,82,.26);
}
.tax-write-wrap .write-form-area .half > div:first-child {
	border-bottom:0;
}
.tax-write-wrap .write-form-area .half:last-child {
	border-bottom:none;
}
.tax-write-wrap .write-form-area .half > div {
	width:50%;
}
.tax-write-wrap .write-form-area .half.border-weight > div:first-child {
	border-right:1.5px solid #F04452;
}
.tax-write-wrap .write-form-area .half:not(.border-weight) > div:first-child {
	border-right:1px solid rgba(240,68,82,.26);
}
.tax-write-wrap .write-form-area .bg-point {
	background: rgba(240,68,82,.14);
}
.tax-write-wrap .write-form-area .tit-box {
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:30px;
	color:#D12D26;
	font-weight: 700;
	width: calc(50% + 30px) !important;
}
.tax-write-wrap .write-form-area .tit-box + div {
	width:calc(50% - 30px);
}
.tax-write-wrap .write-form-area .tit-box span {
	display: block;
	margin-left:10px;
	font-size:14px;
	font-weight: 400;
}
.tax-write-wrap .write-form-area .item:not(.tit-box) {
	display: flex;
    align-items: stretch;
	border-bottom:1px solid rgba(240,68,82,.26);
	width:100%;
}
.tax-write-wrap .write-form-area .item:last-child {
	border-bottom:0;
}
.tax-write-wrap .write-form-area .item .label {
	width:100px;
	background: rgba(240,68,82,.04);
	border-right:1px solid rgba(240,68,82,.26);
	font-size:14px;
	color:var(--system-red);
    display: flex;
    align-items: center;
    justify-content: center;
	font-weight: 500;
}
.tax-write-wrap .write-form-area .item .label.w-130 {
	width:130px !important;
}
.tax-write-wrap .write-form-area .item .label .red {
	margin-left:4px;
}
.tax-write-wrap .write-form-area .item .value-group {
	min-height: 46px;
	padding:5px 10px;
	width:calc(100% - 100px);
	display: flex;
    align-items: center;
	font-size:14px;
	color:var(--gray90);
	gap:6px;
}
.tax-write-wrap .write-form-area .item .value-group.right-btn-inner > div:not(.right-btn) {
	display: flex;
	align-items: center;
	width:calc(100% - 120px);
	gap: 6px;
}
.tax-write-wrap .write-form-area .item .value-group.right-btn-inner .right-btn {
	display: flex;
	align-items: center;
	gap:6px;
}
.tax-write-wrap .write-form-area .item .label.w-130 + .value-group {
	width:calc(100% - 130px);
}
.tax-write-wrap .write-form-area .item .value-group.al-center {
    justify-content: center;
}
.tax-write-wrap .write-form-area .item .value-group.vertical {
	flex-direction: column;
}
.tax-write-wrap .write-form-area .ver-label-group {
	display: flex;
	align-items: stretch;
}
.tax-write-wrap .write-form-area .ver-label-group .valtical-label {
	writing-mode: vertical-rl;
	width:30px;
	display: flex;
	align-items: center;
    justify-content: center;
	border-right:1px solid rgba(240,68,82,.26);
	font-size: 15px;
	color:#D12D26;
	font-weight: 600;
}
.tax-write-wrap .write-form-area .ver-label-group .valtical-label + div {
	width:calc(100% - 30px);
	display: flex;
    flex-direction: column;
}
.tax-write-wrap .write-form-area .inner-half {
	display: flex;
	border-bottom:1px solid rgba(240,68,82,.26);
}
.tax-write-wrap .write-form-area .inner-half .item:first-child {
	border-right:1px solid rgba(240,68,82,.26);
	border-bottom:none;
}
.tax-write-wrap .write-form-area .inner-half:last-child {
	border-bottom:0;
}
.tax-write-wrap .write-form-area .sam-height {
	flex-grow: 1;
}
.tax-write-wrap .write-form-area .mail-group {
	display: flex;
	gap:6px;
	width: 100%;
	align-items: center;
}
.tax-write-wrap .write-form-area .item .selectbox_group {
	width:100%;
}
.tax-write-wrap .write-form-area .item .selectbox_group.w-auto {
	width:auto;
}
.tax-write-wrap .write-form-area .item .input_group.w-487 {
	width:487px !important;
}
.tax-write-wrap .write-form-area .item .price-select-group .input_group {
	width:calc(100% - 146px);
}
.tax-write-wrap .write-form-area .mail-group .selectbox_group {
	width: 140px;
}
.tax-write-wrap .write-form-area button.btn-add ,
.tax-write-wrap .write-form-area button.btn-del,
.tax-write-wrap .write-form-area button.btn-search,
.premium-write-wrap button.btn-search{
	width:36px;
	height: 36px;
	border-radius: 4px; 
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
	font-size:0;
	 background:  var(--gray30);
	display: flex;
    align-items: center;
    justify-content: center;
}
.tax-write-wrap .write-form-area button.btn-my-list {
	width:72px;
	height: 36px;
	border-radius: 4px; 
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
	background:  var(--sub);
	color:#fff;
	display: flex;
    align-items: center;
    justify-content: center;
	font-weight: 600;
}
.tax-write-wrap .write-form-area button.btn-my-list:hover {
	background:  var(--sub80);
}


.tax-write-wrap .order-info-goup button.btn-my-list {
	width:72px;
	height: 36px;
	border-radius: 4px;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
	background:  var(--sub);
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
.tax-write-wrap .order-info-goup button.btn-my-list:hover {
	background:  var(--sub80);
}


.tax-write-wrap .write-form-area button.btn-add i {
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-plus.svg") no-repeat center;
	background-size:16px;
}
.tax-write-wrap .write-form-area button.btn-del i {
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-minus.svg") no-repeat center;
	background-size:16px;
}
.tax-write-wrap .write-form-area button.btn-search i,
.premium-write-wrap button.btn-search i{
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-search.svg") no-repeat center;
	background-size:16px;
}
.tax-write-wrap .write-form-area button.btn-add:hover,
.tax-write-wrap .write-form-area button.btn-del:hover,
.tax-write-wrap .write-form-area button.btn-search:hover,
.premium-write-wrap button.btn-search:hover{
	background-color: var(--gray40);
}
.tax-write-wrap .write-form-area .mail-group > div {
	display: flex;
	gap:6px;
	width: 100%;
	align-items: center;
}
.tax-write-wrap .write-form-area .mail-group > div:last-child {
	width:182px;
}
.tax-write-wrap .write-form-area .item-list-area .item > div {
	display: flex;
}
.tax-write-wrap .write-form-area .item-list-area .list-header .label {
    background: rgba(240, 68, 82, .04);
    border-right: 1px solid rgba(240, 68, 82, .26);
	color: var(--system-red);
	font-size: 14px;
	display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.tax-write-wrap .write-form-area .item-list-area .list-header .label:last-child {
	border-right:none;
}
.tax-write-wrap .write-form-area .item-list-area .month,
.tax-write-wrap .write-form-area .item-list-area .day {
	width:65px;
}
.tax-write-wrap .write-form-area .item-list-area .number {
	width:90px;
}
.tax-write-wrap .write-form-area .item-list-area .month .input_group.small .text_group input,
.tax-write-wrap .write-form-area .item-list-area .day .input_group.small .text_group input,
.tax-write-wrap .write-form-area .item-list-area .size .input_group.small .text_group input,
.tax-write-wrap .write-form-area .item-list-area .number .input_group.small .text_group input {
	padding:0 8px;
}
.tax-write-wrap .write-form-area .item-list-area .size {
	width:90px;
}
.tax-write-wrap .write-form-area.brown-type .item-list-area .text {
	width:calc(100% - 161px);
}
.tax-write-wrap .write-form-area.brown-type .item-list-area .number {
	width: 90px;
}
.tax-write-wrap .write-form-area.brown-type .item-list-area .supply,
.tax-write-wrap .write-form-area.brown-type .item-list-area .vat,
.tax-write-wrap .write-form-area.brown-type .item-list-area .price {
	width:calc(33.33% - 15px) !important;
}
.tax-write-wrap .write-form-area .item-list-area .name {
	width:calc(100% - 291px);
}
.tax-write-wrap .write-form-area .item-list-area .price {
	width:130px;
}
.tax-write-wrap .write-form-area .item-list-area .btn {
	width:46px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.tax-write-wrap .write-form-area .item-list-area .supply,
.tax-write-wrap .write-form-area .item-list-area .vat,
.tax-write-wrap .write-form-area .item-list-area .etc {
	width:calc(33.33% - 58px);
}
.tax-write-wrap .write-form-area .item-list-area .etc2 {
	width:calc(47.7%);
}
/* premium item info width */
.tax-write-wrap .write-form-area .item-list-area .premium_name {
	width:calc(50%);
}
.tax-write-wrap .write-form-area .item-list-area .premium_price {
	width:calc(50% - 130px);
}
.tax-write-wrap .write-form-area .item-list-area .premium_etc {
	width:calc(25%);
}
.tax-write-wrap .write-form-area .item-list-area .premium_tariff {
	width:130px;
}
.tax-write-wrap .write-form-area .item-list-area .premium_etc2 {
	width:calc(50% - 176px);
}
.tax-write-wrap .write-form-area .item-list-area .item > div > div {
	padding:5px;
	display: flex;
	align-items: center;
	gap:6px;
	border-right: 1px solid rgba(240, 68, 82, .26);
}
.tax-write-wrap .write-form-area .item-list-area .item > div > div:last-child {
	border-right:none;
}
.tax-write-wrap .write-form-area input {
	height: 36px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
}
.tax-write-wrap .write-form-area select {
	height: 36px !important;
	font-size: 14px !important;
	border-radius: 4px !important;
}
.tax-write-wrap .write-form-area .item-list-area .name .input_group {
	width:calc(100% - 42px);

}
.tax-write-wrap .write-form-area .total-area {
	display: flex;
    align-items: stretch;
}
.tax-write-wrap .write-form-area .total-area .item {
    flex-direction: column;
	border-right: 1px solid rgba(240, 68, 82, .26);
	border-bottom:0;
}
.tax-write-wrap .write-form-area .total-area .item .label {
	width: 100%;
    height: 46px;
	border-bottom: 1px solid rgba(240, 68, 82, .26);
	border-right:none;
}
.tax-write-wrap .write-form-area .total-area .item .value-group {
	width:100%;
	padding:5px;
}
.tax-write-wrap .write-form-area .total-area .radio-select-group {
	width:330px;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
	font-weight: 400;
	font-size:15px;
}
.tax-write-wrap .write-form-area .total-area .radio-select-group .container:first-child {
	margin-right:10px;
}
.tax-write-wrap .write-form-area .total-area .radio-select-group .container .txt {
	font-size:15px;
	font-weight: 600;
}
.tax-write-wrap .write-form-area .total-area .item.total {
	width:330px;
}
.tax-write-wrap .write-form-area .total-area .item:not(.total) {
	width:calc(25% - 165px);
}
.tax-write-wrap .order-info-goup {
	margin-top:40px;
}
.tax-write-wrap .order-info-goup.half {
	display: flex;
	align-items: stretch;
	gap:24px;
}
.tax-write-wrap .order-info-goup.half > div {
	width:50%;
    display: flex;
    flex-direction: column;
}
.tax-write-wrap .order-info-goup .tit {
	font-size:18px;
	font-weight: 700;
	line-height: 135%;
	margin-bottom:16px;
	display: flex;
	align-items: center;
}
.tax-write-wrap .order-info-goup .tit .red {
	font-size: 14px;
	font-weight: 500;
	margin-left:8px;
}
.tax-write-wrap .order-info-goup .tit-group {
	margin-bottom:12px;
}
.tax-write-wrap .order-info-goup .tit-group button {
	height: 36px;
	padding:0;
}
.tax-write-wrap .order-info-goup .tit-group .tit {
	margin-bottom:0;
}
.tax-write-wrap .order-info-goup .tit::before {
	content:"";
	display: block;
	width:4px;
	height: 18px;
	border-radius: 99px;
	margin-right:16px;
	background: var(--sub);
}
.tax-write-wrap .order-info-goup .box {
	width:100%;
	border-radius: 8px;
	padding:20px;
	border:1px solid var(--gray30);
	background:  var(--gray20);
	gap:16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.tax-write-wrap .order-info-goup .box .item {
	display: flex;
	align-items: center;
	width: 100%;
}
.tax-write-wrap .order-info-goup .box .label {
	width:120px;
	font-size:15px;
	font-weight: 600;
}
.tax-write-wrap .order-info-goup .box .label + .value-group {
	width:calc(100% - 120px);
}
.tax-write-wrap .order-info-goup .box .value-group {
	width:100%;
}
.tax-write-wrap.content-group > .btn-group {
	display: flex;
	align-items: center;
	width:100%;
	justify-content: space-between;
	margin-top:40px;
}
.tax-write-wrap.content-group > .btn-group > div {
	display: flex;
	align-items: center;
	gap:10px;
}
.tax-write-wrap.content-group > .btn-group button {
	width:120px;
}
.tax-write-wrap.content-group .file-uploader-group + .info-group {
	margin-top:16px;
}


@media (max-width: 1620px) {
	.tax-write-wrap .search-fillter-group .inner .half-50 {
		gap: 10px;
		flex-direction: column;
		align-items: flex-start;
	}
	.tax-write-wrap .search-fillter-group .inner .half-50 > div {
		width:100% !important;
	}
	.tax-write-wrap .search-fillter-group .inner .half-50 > .half-50 {
		width:100% !important;
		display: flex;
		flex-direction: row;
		gap:30px;
	}
	.tax-write-wrap .search-fillter-group .inner .half-50 > .half-50 > div {
		width:50% !important;
		display: flex;
	}
}
@media (max-width: 1200px) {
	.tax-write-wrap .write-form-area .company-info-area {
		display: flex;
		flex-direction: column;
        align-items: flex-start;
	}
	.tax-write-wrap .write-form-area .half.border-weight > div:first-child {
		border-right:none;
		border-bottom: 1px solid rgba(240, 68, 82, .26);
	}
	.tax-write-wrap .write-form-area .company-info-area > div {
		width:100%;
	}
	.tax-write-wrap .write-form-area .ver-label-group {
		flex-direction: column;
	}
	.tax-write-wrap .write-form-area .ver-label-group .valtical-label {
		width:100%;
		border-bottom: 1px solid rgba(240, 68, 82, .26);
		border-right: none;
		writing-mode: unset;
		height: 40px;
		font-size:16px !important;
	}
	.tax-write-wrap .write-form-area .ver-label-group .valtical-label + div {
		width:100%;
	}
	.tax-write-wrap .write-form-area .top-group > div {
		width:50% !important;
	}
	.tax-write-wrap .write-form-area .item .label.w-130 {
		width:100px !important;
	}
	.tax-write-wrap .write-form-area .item .label.w-130 + .value-group {
		width:calc(100% - 100px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .month, 
	.tax-write-wrap .write-form-area .item-list-area .day {
		width:50px;
	}
	.tax-write-wrap .write-form-area .item-list-area .name {
		width: calc(100% - 246px);
	}
	.tax-write-wrap .write-form-area .item-list-area .price {
		width:100px;
	}
	.tax-write-wrap .write-form-area .item-list-area .supply, 
	.tax-write-wrap .write-form-area .item-list-area .vat, 
	.tax-write-wrap .write-form-area .item-list-area .etc {
		width: calc(33.33% - 48px);
	}
	.tax-write-wrap .write-form-area .item-list-area .etc2 {
		width: calc(36.2%);
	}
	.tax-write-wrap .write-form-area .mail-group > div {
		width:calc(100% - 206px);
	}
	.tax-write-wrap .write-form-area .mail-group > div:last-child {
		width:200px;
	}
	.tax-write-wrap .write-form-area .mail-group.btn-right .selectbox_group {
		width: calc(100% - 42px);
	}
	.tax-write-wrap .write-form-area .mail-group .selectbox_group {
		width:100%;
	}
	.tax-write-wrap .write-form-area .total-area {
		flex-wrap: wrap;
	}
	.tax-write-wrap .write-form-area .total-area .item {
		width:20% !important;
	}
	.tax-write-wrap .write-form-area .total-area .radio-select-group {
		width:100%;
		border-top: 1px solid rgba(240, 68, 82, .26);
		height: 80px;
	}
	.tax-write-wrap .write-form-area.brown-type.agent-group .half.border-weight > div:first-child
	{
		border-color: rgba(164, 110, 28, 0.26) !important;
		border-right:0 !important;
	}
	.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child .label {
		width:100px !important;
	}
	.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child .value-group {
		width: calc(100% - 100px) !important;
	}
	.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child {
		width:100% !important;
	}

	/* premium item info width */
	.tax-write-wrap .write-form-area .item-list-area .premium_price {
		width:calc(50% - 100px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .premium_etc2 {
		width:calc(50% - 146px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .premium_tariff {
		width:100px !important;
	}

}
@media (max-width: 900px) {
	.tax-write-wrap .search-fillter-group .inner article .item > .label {
		width:100px;
	}
	.tax-write-wrap .search-fillter-group .inner .item > .label + div {
		width:calc(100% - 100px);
	}
	.tax-write-wrap .search-fillter-group .inner .half-50 {
		gap:0;
	}
	.tax-write-wrap .search-fillter-group .inner .half-50:last-child .half-50:last-child div:last-child {
		gap:0;
	}
	.search-fillter-group .inner .radio-item .radio_group {
		border-radius: 0;
        padding: 0;
        min-height: unset;
        gap: 0 !important;
        row-gap: 10px !important;
        box-shadow: none;
        background: unset;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
	}
	.search-fillter-group .inner article .item.radio-item > .label {
		line-height: 24px;
	}
	.search-fillter-group .inner .radio_group .container {
		width:50% !important;
		height: 24px;
	}
	.search-fillter-group .inner .radio_group .container .txt {
		font-size:14px !important;
	}
	.search-fillter-group .inner .radio_group .inner-btn {
		position: relative !important;
		width: 100% !important;
		right: 0 !important;
		top: 0 !important;
	}
	.tax-write-wrap .search-fillter-group .inner .half-50 > .half-50 {
		width:100% !important;
		flex-direction: column;
		gap:0px;
	}
	.tax-write-wrap .search-fillter-group .inner .half-50 > .half-50 > div {
		width:100% !important;
	}
	.tax-write-wrap .search-fillter-group {
		margin-bottom:0;
	}
	.tax-write-wrap .write-form-area {
		border-radius: 0;
		border-left:none;
		border-right:none;
	}
	.tax-write-wrap .write-form-area .half {
		flex-direction: column;
	}
	.tax-write-wrap .write-form-area .half > div {
		width:100% !important;
	}
	.tax-write-wrap .write-form-area .tit-box {
		font-size:22px;
		padding:16px 0;
		flex-direction: column;
		border-bottom: 1px solid rgba(240, 68, 82, .26) !important;
	}
	.tax-write-wrap .write-form-area .tit-box span {
		margin:0;
		font-size:13px;
	}
	.tax-write-wrap .write-form-area .item .value-group {
		min-height: 40px;
	}
	.tax-write-wrap .write-form-area .item .label {
		width:88px;
	}
	.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child .label {
		width:88px !important;
	}
	.tax-write-wrap .write-form-area .item .value-group {
		width: calc(100% - 88px);
		padding: 8px 12px;
	}
	.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child .value-group {
		width: calc(100% - 88px) !important;
	}
	.tax-write-wrap .write-form-area .item .value-group.right-btn-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.tax-write-wrap .write-form-area .item .value-group.right-btn-inner > div:not(.right-btn) {
		width:100%;
		gap:6px;
	}
	.tax-write-wrap .write-form-area .item .value-group.right-btn-inner .right-btn {
		display: flex;
		align-items: center;
		gap:6px;
		width:100%;
	}
	.tax-write-wrap .write-form-area .item .value-group.right-btn-inner .right-btn > button {
		width:50%;
	}
	.tax-write-wrap .write-form-area .item .label.w-130 {
		width:88px !important;
	}
	.tax-write-wrap .write-form-area .inner-half {
		flex-direction: column;
	}
	.tax-write-wrap .write-form-area .inner-half .item:first-child,
	.tax-write-wrap .write-form-area .half:not(.border-weight) > div:first-child {
		border-right:none;
		border-bottom:1px solid rgba(240,68,82,.26);
	}
	.tax-write-wrap .write-form-area .total-area .item {
		width:100% !important;
		flex-direction: row;
		border-bottom:1px solid rgba(240,68,82,.26);
	}
	.tax-write-wrap .write-form-area .total-area .item .label {
		width:88px;
		border-right:1px solid rgba(240,68,82,.26);
		border-bottom:0;
		height: auto;
	}
	.tax-write-wrap .write-form-area .total-area .item .value-group {
		width:calc(100% - 88px);
		padding: 8px 12px;
	}
	.tax-write-wrap .write-form-area .total-area .radio-select-group {
		border-top:0;
	}
	.tax-write-wrap .write-form-area .item-list-area .list-header .label:not(.btn) {
		display: none;
	}
	.tax-write-wrap .write-form-area .item-list-area .item:not(.list-header) {
		flex-direction: column;
        padding: 8px 0 8px 88px;
        position: relative;
	}
	.tax-write-wrap .write-form-area .item-list-area .item:not(.list-header)::before {
		content: "품목 01";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: rgba(240, 68, 82, .04);
        border-right: 1px solid rgba(240, 68, 82, .26);
        width: 87px;
        font-size: 14px;
        color: var(--system-red);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(3n)::before {
		content: "품목 02";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(4n)::before {
		content: "품목 03";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(5n)::before {
		content: "품목 04";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(6n)::before {
		content: "품목 05";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(7n)::before {
		content: "품목 06";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(8n)::before {
		content: "품목 07";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(9n)::before {
		content: "품목 08";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(10n)::before {
		content: "품목 09";
	}
	.tax-write-wrap .write-form-area .item-list-area .item:nth-child(11n)::before {
		content: "품목 10";
	}

	.tax-write-wrap .write-form-area .item-list-area .item:not(.list-header) > div {
		display: flex;
		border:none !important;
		flex-direction: row;
        flex-wrap: wrap;
		gap:10px;
		padding:0 12px;
	}
	.tax-write-wrap .write-form-area .item-list-area .item > div > div {
		width: 100%;
		border-right:0;
		padding: 0px;
		flex-wrap: wrap;
	}
	.tax-write-wrap .write-form-area .item-list-area .btn-del,
	.tax-write-wrap .write-form-area .item-list-area .btn-add {
		width:100%;
        font-size: 13px;
        font-weight: 600;
        gap:6px;
	}
	.tax-write-wrap .write-form-area .mail-group {
        align-items: flex-start;
        flex-direction: column;
	}
	.tax-write-wrap .write-form-area .mail-group > div {
		width:100% !important;
	}
	.tax-write-wrap .write-form-area .item .label.w-130 + .value-group {
		width:calc(100% - 88px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .list-header .label:last-child {
		padding: 8px 12px;
	}
	.tax-write-wrap .write-form-area .item-list-area .item > div > div:not(.btn)::before {
		content:"라벨";
		width:100%;
		font-size:14px;
		font-weight: 500;
		color:var(--system-red);
	}
	.tax-write-wrap .write-form-area .item-list-area .month,
	.tax-write-wrap .write-form-area .item-list-area .day,
	.tax-write-wrap .write-form-area .item-list-area .size, 
	.tax-write-wrap .write-form-area .item-list-area .number {
		width:calc(50% - 5px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .month::before {
		content:"월" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .day::before {
		content:"일" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .name::before {
		content:"품목" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .size::before {
		content:"규격" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .number::before {
		content:"수량" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .price::before {
		content:"단가" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .supply::before {
		content:"공급가액" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .vat::before {
		content:"세액" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .etc::before {
		content:"비고" !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .etc2::before {
		content:"비고" !important;
	}
	.tax-write-wrap .order-info-goup {
		margin-top:30px;
		width: 100%;
        padding: 0 16px;
	}
	.tax-write-wrap .order-info-goup.w-100 {
		padding:0;
	}
	.tax-write-wrap .order-info-goup .tit-group {
		padding:0 16px;
	}
	.tax-write-wrap .order-info-goup.half {
        flex-direction: column;
	}
	.tax-write-wrap .order-info-goup.half > div {
		width:100%;
	}
	.tax-write-wrap .order-info-goup .tit {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.tax-write-wrap .order-info-goup .tit::before {
		margin-right: 8px;
		height: 16px;
	}
	.tax-write-wrap .order-info-goup .box {
		padding:0;
		border:none;
		background: none;
		gap:12px;
	}
	.tax-write-wrap .order-info-goup .box .item {
		flex-direction: column;
		align-items: flex-start;
	}
	.tax-write-wrap .order-info-goup .box .label + .value-group {
		width:100%;
	}
	.tax-write-wrap .order-info-goup .box .label {
		width: 100%;
		font-size: 14px;
		display: block;
		margin-bottom: 8px;
	}
	.tax-write-wrap .content-group > .btn-group {
		width:calc(100% - 32px);
		margin:30px auto 0;
	}
	.tax-write-wrap .content-group > .btn-group > div {
		gap: 8px;
		width: calc(50% - 4px);
	}
	.tax-write-wrap .content-group > .btn-group button {
		width: 100%;
		padding:0;
	}
	.tax-write-wrap .content-group > .btn-group.m-w-25 > div:first-child {
		width:calc(25% - 4px);
	}
	.tax-write-wrap .content-group > .btn-group.m-w-25 > div:last-child {
		width:calc(75% - 4px);
	}

	/* premium item info width */
	.tax-write-wrap .write-form-area .item-list-area .premium_price {
		width:calc(50% - 88px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .premium_etc2 {
		width:calc(50% - 134px) !important;
	}
	.tax-write-wrap .write-form-area .item-list-area .premium_tariff {
		width:88px;
	}
}
.tax-write-wrap .write-form-area.blue-type,
.tax-write-wrap .write-form-area.blue-type > div:not(:last-child),
.tax-write-wrap .write-form-area.blue-type .half.border-weight > div:first-child{
	border-color:var(--system-blue) !important;
}
.tax-write-wrap .write-form-area.blue-type .half:not(.border-weight) > div:first-child,
.tax-write-wrap .write-form-area.blue-type .item:not(.tit-box),
.tax-write-wrap .write-form-area.blue-type .inner-half,
.tax-write-wrap .write-form-area.blue-type .ver-label-group .valtical-label,
.tax-write-wrap .write-form-area.blue-type .half,
.tax-write-wrap .write-form-area.blue-type .item-list-area .item > div > div,
.tax-write-wrap .write-form-area.blue-type .total-area .radio-select-group,
.tax-write-wrap .write-form-area.blue-type .item:not(.tit-box) {
	border-color:rgba(55,142,244,.26) !important;
}
.tax-write-wrap .write-form-area.blue-type .item .label,
.tax-write-wrap .write-form-area.blue-type .item-list-area .item:not(.list-header)::before {
	color:var(--system-blue) !important;
	background: rgba(55,142,244,.04) !important;
	border-color: rgba(55,142,244,.26) !important;
}
.tax-write-wrap .write-form-area.blue-type .tit-box,
.tax-write-wrap .write-form-area.blue-type .ver-label-group .valtical-label {
	color:#1170DF !important;
}
.tax-write-wrap .write-form-area.blue-type .bg-point {
	background: rgba(55,142,244,.16) !important;
}
.tax-write-wrap .write-form-area.blue-type .item-list-area .item > div > div:not(.btn)::before {
	color:var(--system-blue) !important;
}

.tax-write-wrap .write-form-area.brown-type,
.tax-write-wrap .write-form-area.brown-type > div:not(:last-child),
.tax-write-wrap .write-form-area.brown-type .half.border-weight > div:first-child{
	border-color:#A46E1C !important;
}
.tax-write-wrap .write-form-area.brown-type .half:not(.border-weight) > div:first-child,
.tax-write-wrap .write-form-area.brown-type .item:not(.tit-box),
.tax-write-wrap .write-form-area.brown-type .inner-half,
.tax-write-wrap .write-form-area.brown-type .ver-label-group .valtical-label,
.tax-write-wrap .write-form-area.brown-type .half,
.tax-write-wrap .write-form-area.brown-type .item-list-area .item > div > div,
.tax-write-wrap .write-form-area.brown-type .total-area .radio-select-group,
.tax-write-wrap .write-form-area.brown-type .item:not(.tit-box) {
	border-color:rgba(164, 110, 28, 0.26) !important;
}
.tax-write-wrap .write-form-area.brown-type .item .label,
.tax-write-wrap .write-form-area.brown-type .item-list-area .item:not(.list-header)::before {
	color:#A46E1C !important;
	background: rgba(164, 110, 28, 0.06) !important;
	border-color: rgba(164, 110, 28, 0.26) !important;
}
.tax-write-wrap .write-form-area.brown-type .tit-box,
.tax-write-wrap .write-form-area.brown-type .ver-label-group .valtical-label {
	color:#A46E1C !important;
}
.tax-write-wrap .write-form-area.brown-type .bg-point {
	background: rgba(164, 110, 28, 0.26) !important;
}
.tax-write-wrap .write-form-area.brown-type .item-list-area .item > div > div:not(.btn)::before {
	color:#A46E1C !important;
}
.tax-write-wrap .write-form-area.brown-type.agent-group .half.border-weight > div:first-child {
	border-right:1px solid rgba(164, 110, 28, 0.26) !important;
}
.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child {
	width: calc(100% + 60px);
}
.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child .label {
	width:130px;
}
.tax-write-wrap .write-form-area.brown-type.agent-group .ver-label-group:nth-child(2) .item:first-child .value-group {
	width: calc(100% - 130px);
}

/* ==================== main ==================== */
#main #header {
	background: none;
}
#main #header.border_bottom {
	box-shadow: none;
}
#main #header .header_inner .logo {
    background: url("../images/logo-white.svg") no-repeat center;
    background-size: 100%;
}
#main #header .gnb-wrap .item > a {
	color:#fff;
}
#main #header .btn-group button {
	color:#fff;
	border:1px solid #fff;
}
#main #header .right_group .login-name {
	color:#fff;
}
#main #header .right_group .my {
	background: url(../images/icon-24-userMono-white.png) no-repeat center;
	background-size:30px;
}
#main #header .right_group .hamburger-btn .hamburger-icon:before,
#main #header .right_group .hamburger-btn .hamburger-icon:after,
#main #header .right_group .hamburger-btn .hamburger-icon div {
	background-color:#fff;
}
#main #header:hover {
	background: #fff;
}
#main #header:hover .header_inner .logo {
	background: url("../images/logo-color.svg") no-repeat center;
    background-size: 100%;
}
#main #header:hover .gnb-wrap .item > a {
	color:var(--gray130);
}
#main #header .gnb-wrap > ul:hover .item:not(.active) > a {
	color: var(--gray50) !important;
	-webkit-transition-duration:0.1s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.1s;
	transition-timing-function:ease;
}
#main #header:hover .right_group .login-name {
	color:var(--gray130);
}
#main #header:hover .right_group .my {
	background: url(../images/icon-24-userMono-black.png) no-repeat center;
	background-size:30px;
}
#main #header:hover .right_group .hamburger-btn .hamburger-icon:before,
#main #header:hover .right_group .hamburger-btn .hamburger-icon:after,
#main #header:hover .right_group .hamburger-btn .hamburger-icon div {
	background-color:var(--gray130);
}
#main #header.down {
	background: #fff;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main #header.down .header_inner .logo {
	background: url("../images/logo-color.svg") no-repeat center;
    background-size: 100%;
}
#main #header.down .gnb-wrap .item > a {
	color:var(--gray130);
}
#main #header .gnb-wrap > ul:hover .item:not(.active) > a {
	color: var(--gray50) !important;
	-webkit-transition-duration:0.1s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.1s;
	transition-timing-function:ease;
}
#main #header.down .right_group .login-name {
	color:var(--gray130);
}
#main #header.down .right_group .my {
	background: url(../images/icon-24-userMono-black.png) no-repeat center;
	background-size:30px;
}
#main #header.down .right_group .hamburger-btn .hamburger-icon:before,
#main #header.down .right_group .hamburger-btn .hamburger-icon:after,
#main #header.down .right_group .hamburger-btn .hamburger-icon div {
	background-color:var(--gray130);
}
#main #footer {
	border-top:none;
}
/*비주얼영역*/
@keyframes main-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#main .main-cover {
	height: 900px;
	position: relative;
}
#main .main-cover .bg .in-top {
    animation: main-rotate 7s linear infinite;
    transform-origin: 15px 25px;
    opacity: 0.2;
	filter: url("#blur");
	transform: translate(35%,8%);
}
#main .main-cover .bg .out-bottom {
	animation: main-rotate 7s linear infinite;
	background: url("../images/bg-out-bottom.png") no-repeat center;
	width:852px;
	height: 647px;
	bottom: -50px;
	position: absolute;
	right: -10%;
	filter: blur(55px);
	opacity: 100%;
}
#main .main-cover .bg svg {
	width: 100%;
	height: 100%;
}
#main .main-cover .bg {
    height: 900px;
    background: #0E2970;
    overflow: hidden;
    overflow: hidden;
	position: absolute;
    width: 100%;
}	
#main .main-cover .bg a {
    text-decoration: none;
    color: black;
    margin-left: 1em;
}
#main .main-cover .bg a:hover {
    text-decoration: underline;
}
#main .main-cover .bg a img.icon {
    display: inline-block;
    height: 1em;
    margin: 0 0 -0.1em 0.3em;
}
#main .main-cover .bg .section-title {
    position: absolute;
    bottom:150px;
    right: -30px;
}
#main .main-cover .content-group {
	position: relative;
	width:1280px;
	margin:0 auto;
}
#main .main-cover .content-group .top {
	padding-top:120px;
	margin-bottom:60px;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	align-items: center;
}
#main .main-cover .content-group .top .sub-tit {
	font-size:24px;
	color:#fff;
	font-weight: 600;
	display: block;
	margin-bottom:4px;
}
#main .main-cover .content-group .top .main-tit {
	font-size:58px;
	line-height: 135%;
	color:#fff;
	font-weight: 800;
	display: block;
}
#main .main-cover .content-group .top .main-tit > span {
	color:#39D0FF;
}
#main .main-cover .content-group .top .btn-group-line {
	margin-top:30px;
}
#main .main-cover .content-group .top .btn-group-line a {
	display: flex;
	align-items: center;
	height: 58px;
	font-size:18px;
	font-weight: 600;
	color:#fff;
	width:300px;
	border-bottom:1px solid var(--main70);
	position: relative;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main .main-cover .content-group .top .btn-group-line a > i {
	width:28px;
	height: 28px;
	margin-right:12px;
	display: block;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main .main-cover .content-group .top .btn-group-line a::after {
	content:"";
	width:16px;
	height: 16px;
	display: block;
	position: absolute;
	right:0;
	background: url("../images/icon-16-right-white.svg") no-repeat center;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main .main-cover .content-group .top .btn-group-line a:hover {
	padding:0 16px;
}
#main .main-cover .content-group .top .btn-group-line a:hover::after {
	right:16px;
}
#main .main-cover .content-group .top .img-group {
	width:444px;
	height: 300px;
	margin-right:140px;
	position: relative;
}
#main .main-cover .content-group .top .img-group .main-illu {
	position: relative;
	z-index: 1;
}
#main .main-cover .content-group .top .img-group .main-illu-ci {
	position: absolute;
	width:160px;
	height: 160px;
	background: url(../images/main-illu-ci.svg) no-repeat center;
	top:0px;
	right:0px;
	animation: main-ci-rotate 12s linear infinite;
    transform-origin: 50% 50%;
}
#main .main-cover .content-group .top .img-group .main-illu-ci.bounce {
	animation: main-ci-bounce 2s ease-out infinite;
	top:30px;
}
@keyframes main-ci-rotate {
	100% {
    	transform: rotate(360deg);
    }
}
@keyframes main-ci-bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-50px);}
	60% {transform: translateY(-22px);}
}
#main .main-cover .inner-box {
	width:100%;
	display: flex;
	gap:24px;
}
#main .main-cover .inner-box .qick-group {
	display: flex;
	gap:16px;
	flex-wrap: wrap;
	width:calc(100% - 460px);
}
#main .main-cover .inner-box .qick-group > a {
	border-radius: 16px;
	background: #fff;
	width:calc(33.33% - 11px);
	padding:24px 20px;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
	position: relative;
	top:0;
}
#main .main-cover .inner-box .qick-group .tit-group {
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom:12px;
}
#main .main-cover .inner-box .qick-group .tit-group i {
	display: block;
	width:36px;
	height: 36px;
}
#main .main-cover .inner-box .qick-group .tit-group .tit {
	font-size:20px;
	font-weight: 700;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main .main-cover .inner-box .qick-group a .sub-txt {
	font-size:16px;
	font-weight: 400;
	color:var(--gray80);
}
#main .main-cover .inner-box .qick-group a:hover {
	position: relative;
    top: -8px;
	box-shadow: 1px 6px 20px 2px rgba(14, 41, 112, .4);
}
#main .main-cover .inner-box .qick-group a:hover .tit {
	color:var(--main70);
}
#main .main-cover .inner-box .login-group {
	width:444px;
	border-radius: 16px;
	background: #fff;
	padding:4px 20px 18px;
}
#main .main-cover .loginTab .tab-group {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-bottom: 20px;
}
#main .main-cover .loginTab .tab-group a {
	font-size: 18px;
    height: 52px;
}
#main .main-cover .loginTab .btn-group {
	margin-top:16px;
}
#main .main-cover .loginTab .input-id {
	margin-bottom:8px;
}
#main .main-cover .loginTab .input_group .text_group.left-icon input {
	padding-left: 48px;
}
#main .main-cover .loginTab .side-menu-group {
	display: flex;
	align-items: center;
	margin-top:12px;
	justify-content: space-between;
}
#main .main-cover .loginTab .side-menu-group .join-lin-group {
	display: flex;
	align-items: center;
	font-size:14px;
	color:var(--gray80);
	gap:10px;
	font-weight: 400;
}
#main .main-cover .loginTab .side-menu-group .join-lin-group a {
	display: flex;
	align-items: center;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main .main-cover .loginTab .side-menu-group .join-lin-group a:first-child::after {
	content:"";
	width:1px;
	height: 14px;
	background:var(--gray50); 
	display: block;
	margin-left:10px;
}
#main .main-cover .loginTab .side-menu-group .join-lin-group a:hover {
	color:var(--gray130);
}
#main .main-cover .loginTab .tab-group .authentication-btn {
	display: flex;
	align-items: center;
}
#main .main-cover .loginTab .tab-group .authentication-btn i {
	width:20px;
	height: 20px;
	margin-right:6px;
	background: url(../images/icon-20-shield-check-gray.svg) no-repeat center;
}
#main .main-cover .loginTab .tab-group .authentication-btn:hover i, 
#main .main-cover .loginTab .tab-group .authentication-btn.active i {
	background: url(../images/icon-20-shield-check-color.svg) no-repeat center;
}
#main .main-cover .after-login {
	padding:20px !important;
}
#main .main-cover .after-login .user-info-group {
	padding-bottom:15px;
	margin-bottom:16px;
	border-bottom:1px solid var(--gray30);
}
#main .main-cover .after-login .user-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:4px;
}
#main .main-cover .after-login .user-group .name {
	font-size:16px;
	font-weight: 600;
}
#main .main-cover .after-login .user-group .mypage-btn {
	display: block;
	font-size:14px;
	font-weight: 400;
	color:var(--gray70);
}
#main .main-cover .after-login .user-group .mypage-btn:hover {
	color:var(--gray130);
}
#main .main-cover .after-login .authentication-state .period-group {
	display: flex;
	align-items: center;
	font-size:14px;
	font-weight: 400;
	gap:4px;
}
#main .main-cover .after-login .authentication-state .period-group .label {
	color:var(--gray80);
}
#main .main-cover .after-login .authentication-state .period-group .alarm-txt {
	color:var(--system-red);
}
#main .main-cover .after-login .authentication-state .alarm-link {
	display: flex;
	align-items: center;
	color:var(--system-red);
	font-weight: 500;
	gap:3px;
	margin-top:1px;
}
#main .main-cover .after-login .authentication-state .alarm-link-blue::before {
	content:"";
	display: block;
	width:14px;
	height: 14px;
	background: url(../images/icon-14-exclamation-blue.svg) no-repeat center;
}
#main .main-cover .after-login .authentication-state .alarm-link-blue {
	display: flex;
	align-items: center;
	color:var(--main70);
	font-weight: 500;
	gap:3px;
	margin-top:1px;
}
#main .main-cover .after-login .authentication-state .alarm-link::before {
	content:"";
	display: block;
	width:14px;
	height: 14px;
	background: url(../images/icon-14-exclamation.svg) no-repeat center;
}
#main .main-cover .after-login .authentication-state .alarm-link::after {
	content:"";
	display: block;
	width:12px;
	height: 12px;
	background: url(../images/icon-12-right-red.svg) no-repeat center;
}
#main .main-cover .after-login .authentication-state .alarm-link:hover {
	text-decoration: underline;
}
#main .main-cover .after-login .user-tax-group .tit-group {
	display: flex;
	align-items: center;
	font-size:18px;
	font-weight: 700;
	color:var(--main);
	gap:6px;
	margin-bottom:10px;
}
#main .main-cover .after-login .user-tax-group .tit-group > i {
	width:24px;
	height: 24px;
	display: block;
}
#main .main-cover .after-login .user-tax-group .tax-state-group {
	display: flex;
	gap:12px;
}
#main .main-cover .after-login .user-tax-group .tax-state-group > div {
	width:calc(50% - 6px);
	border-radius: 12px;
	padding:16px;
	display: flex;
	align-items: flex-start;
}
#main .main-cover .after-login .user-tax-group .tax-state-group .sales {
	background: rgba(240,68,82,.08);
}
#main .main-cover .after-login .user-tax-group .tax-state-group .purchase {
	background: var(--main20);
}
#main .main-cover .after-login .user-tax-group .tax-state-group .group-label {
	width:44px;
	font-size:16px;
	font-weight: 700;
	line-height: 122%;
}
#main .main-cover .after-login .user-tax-group .tax-state-group .sales .group-label {
	color:var(--system-red);
}
#main .main-cover .after-login .user-tax-group .tax-state-group .purchase .group-label {
	color:var(--main70);
}
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group {
	display: flex;
	gap:3px;
	flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 44px);
}
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group > div {
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	font-size:14px;
}
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group .label {
	font-weight: 400;
	color:var(--gray100);
}
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group .value {
    font-weight: 600;
    color: var(--gray130); /* 기본 색상 */
    transition: color 0.3s ease; /* 색상 변경 시 부드러운 전환 효과 */
}

/* 마우스를 올렸을 때 색상 변화 */
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group .value[data-value]:hover {
    color: #ff6b6b; /* 마우스를 올렸을 때 색상 (예: 빨간색) */
}

/* 값이 0보다 큰 경우 색상 적용 */
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group .value[data-value]:not([data-value="0"]):hover {
    color: #ff6b6b; /* 값이 0보다 클 때 색상 */
}
#main .main-cover .after-login .user-tax-group .tax-state-group .value-group .value a:hover {
	display: block;
	text-decoration: underline;
	cursor: pointer;
}
#main .main-guide-btn {
	position: relative;
}
#main .main-guide-btn::before {
	content:"";
    height: 100px;
    background: #30AAED;
    width: 50%;
	top:0;
    left: 0;
    display: block;
    position: absolute;
	z-index: 0;
}
#main .main-guide-btn::after {
	content:"";
    height: 100px;
    background: #3252A8;
    width: 50%;
	top:0;
    right: 0;
    display: block;
    position: absolute;
	z-index: 0;
}
#main .main-guide-btn > div {
	display: flex;
	width:1280px;
	margin:0 auto;
	position: relative;
	z-index: 1;
}
#main .main-guide-btn a {
	display: flex;
	align-items: center;
	color:#fff;
	font-size:28px;
	font-weight: 600;
	gap:16px;
	width:50%;
	padding:0 40px;
	height: 100px;
	position: relative;
}
#main .main-guide-btn a:first-child {
	background: #30AAED;
	padding-left:0;
}
#main .main-guide-btn a:last-child {
	background: #3252A8;
}
#main .main-guide-btn a > img {
	width:32px;
}
#main .main-guide-btn a::after {
	content:"";
	width:16px;
	height: 16px;
	display: block;
	position: absolute;
	right:0;
	background: url("../images/icon-16-right-white.svg") no-repeat center;
}
#main .main-guide-btn a:first-child::after {
	right:40px;
}
#main .sc-notice-wrap {
	width:1280px;
	margin:0 auto;
	padding:80px 0;
	display: flex;
	gap:50px;
}
#main .sc-board-wrap {
	border-radius: 30px;
	padding:80px 0;
	width:calc(100% - 80px);
	margin:0 auto;
	background: var(--main10);
	margin-bottom:30px;
}
#main .sc-board-wrap > div {
	width:1280px;
	margin:0 auto;
}
#main section .sc-tit {
	font-size:28px;
	font-weight: 700;
}
#main .sc-notice-wrap .notice-group {
	width:calc(100% - 352px);
}
#main .sc-notice-wrap .notice-group .tit-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#main .sc-notice-wrap .notice-group .tit-group a {
	font-size:16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap:4px;
}
#main .sc-notice-wrap .notice-group .tit-group a i {
	width:12px;
	height: 12px;
	background: url("../images/icon-12-arrow-down.svg") no-repeat center;
	display: block;
	transform: rotate(-90deg);
}
#main .sc-notice-wrap .notice-group .list-group {
	margin-top:20px;
}
#main .sc-notice-wrap .notice-group .list-group li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:16px 0;
	border-bottom:1px solid var(--gray30);
}
#main .sc-notice-wrap .notice-group .list-group li a:hover {
	color:var(--main70);
}
#main .sc-notice-wrap .notice-group .list-group .date {
	font-size:14px;
	font-weight: 400;
	color:var(--gray60);
}
#main .sc-notice-wrap .notice-group .list-group .tit {
	font-size:16px;
	font-weight: 400;
	width:calc(100% - 120px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
#main .sc-notice-wrap .cs-group {
	width:302px;
	border-radius: 16px;
	background: var(--main);
	padding:30px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
#main .cs-group .top {
	display: flex;
	gap:12px;
	flex-direction: column;
    align-items: flex-start;
}
#main .cs-group .top .label {
	color:#fff;
	font-size:20px;
	line-height: 135%;
	font-weight: 600;
}
#main .cs-group .top .tel {
	display: flex;
	align-items: center;
	gap:6px;
	font-size:38px;
	color:#fff;
	line-height: 100%;
	font-weight: 700;
}
#main .cs-group .top .tel i {
	width:32px;
	height: 32px;
	background: url("../images/icon-32-call-white.svg") no-repeat center;
	display: block;
}
#main .cs-group .bottom {
	display: flex;
	gap:8px;
	flex-direction: column;
    align-items: flex-start;
}
#main .cs-group .bottom > div {
	display: flex;
	font-size:16px;
	font-weight: 400;
	color:#fff;
}
#main .cs-group .bottom .label {
	width:90px;
}
#main .tab-group {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	position: relative;
}
#main .tab-group .tit-group {
	display: flex;
	align-items: center;
	gap:54px;
	margin-bottom:30px;
}
#main .tab-group .tit-group button {
	font-size:28px;
	font-weight: 800;
	position: relative;
	color:var(--gray50);
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
#main .tab-group .tit-group button.active {
	color:var(--gray130);
}
#main .tab-group .tit-group button:hover:not(.active) {
	color:var(--gray70);
}
#main .tab-group .tit-group button.active::after {
	content:"";
	width:10px;
	height: 10px;
	position: absolute;
	display: block;
	right: -16px;
    top: 0;
    background: var(--sub);
    border-radius: 99px;
}
#main .sc-board-wrap .tab-group .btn-group {
	position: absolute;
	right:0;
	top:-2px;
}
#main .sc-board-wrap .tab-group .tabcontent {
	width:100%;
}
#main .sc-board-wrap .tab-group .list-group a {
	width:100%;
	display: flex;
	align-items: center;
	padding:24px 0;
	font-size:20px;
	color:var(--gray130);
	font-weight: 400;
	border-bottom:1px solid var(--main20);
	height: auto;
	justify-content: flex-start;
    flex-direction: row;
	line-height: 150%;
	position: relative;
}
#main .sc-board-wrap .tab-group .list-group li:last-child a {
	border-bottom:0;
	padding-bottom:0;
}
#main .sc-board-wrap .tab-group .list-group a::before {
	content:"";
	width:24px;
	height: 24px;
	display: block;
	background: url(../images/icon-24-question.svg) no-repeat center;
	margin-right:6px;
}
/* 라이브러리 항목에 대한 새로운 규칙 추가 */
#main .sc-board-wrap .tab-group .list-group a.library::before {
	background: url(../images/icon-24-em.svg) no-repeat center;
}
#main .sc-board-wrap .tab-group .list-group a::after {
	content:"";
	width:16px;
	height: 16px;
	display: block;
	background: url("../images/icon-16-arrow-down.svg") no-repeat center;
	transform: rotate(-90deg);
	position: absolute;
    right: 0;
}
#main .sc-board-wrap .tab-group .list-group a:hover {
	color:var(--main70);
}
#main .sc-board-wrap .tab-group .list-group a .tit {
	width:calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
/*메인 퀵메뉴*/
.fixed-qick-group {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
	border-radius: 16px 0 0 16px;
	background: #091841;
	padding:8px;
}
.fixed-qick-group a {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding:14px 0 12px;
	width:84px;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,.1);
}
.fixed-qick-group a:first-child {
	box-shadow: none;
}
.fixed-qick-group .txt {
	display: block;
	color:#fff;
	font-size:13px;
	line-height: 135%;
	margin-top:6px;
}
.fixed-qick-group i {
	width:28px;
	height: 28px;
	display: block;
}
.fixed-qick-group a:hover {
	background: var(--main);
	border-radius: 8px;
	box-shadow: none;
}
.fixed-qick-group a:nth-child(1n):hover + a {
	box-shadow: none;
}

@media (max-width: 1560px) {
	.fixed-qick-group {
		display: none;
	}
}

@media (max-width: 1380px) {
	#main .main-cover {
		height: auto;
	}
	#main .main-cover .bg {
		height: 100%;
	}
	#main .main-cover .inner-box {
		padding-bottom:50px;
	}
	#main .main-cover .content-group {
		width: calc(100% - 60px);
	}
	#main .main-cover .content-group .top .tit-group {
		padding-left:20px;
	}
	#main .main-cover .content-group .top .main-tit {
		font-size:48px;
	}
	#main .main-cover .content-group .top > div {
		width:50%;
	}
	#main .main-cover .content-group .top .img-group {
		margin-right: 90px;
	}
	#main .main-cover .inner-box .qick-group .tit-group i {
		width: 32px;
   		height: 32px;
	}
	#main .main-cover .inner-box .login-group {
		width:343px;
	}
	#main .main-cover .inner-box .qick-group {
		width: calc(100% - 343px);
	}
	#main .main-cover .inner-box .qick-group > a {
		padding: 20px 16px;
	}
	#main .main-cover .inner-box .qick-group .tit-group {
		align-items: flex-start;
		gap: 8px;
		margin-bottom: 8px;
		flex-direction: column;
	}
	#main .main-cover .inner-box .qick-group a .sub-txt br {
		display: none;
	}
	#main .main-cover .inner-box .qick-group .tit-group .tit {
		font-size:19px;
	}
	#main .main-cover .inner-box .qick-group a .sub-txt {
		font-size:14px;
	}
	#main .main-guide-btn > div {
		width:100%;
	}
	#main .main-guide-btn a {
		font-size:22px;
		height: 68px;
		padding:0 30px !important;
	}
	#main .main-guide-btn::before, #main .main-guide-btn::after {
		display: none;
	}
	#main .main-guide-btn a::after {
		right:30px;
	}
	#main .sc-notice-wrap {
		width:calc(100% - 60px);
		padding:50px 0;
	}
	#main .sc-board-wrap {
		width:100%;
		border-radius:0px;
		padding:50px 0;
	}
	#main .sc-board-wrap > div {
		width:calc(100% - 60px);
	}
	#main .tab-group .tit-group button,
	#main section .sc-tit {
		font-size:24px;
	}
	#main .sc-board-wrap .tab-group .list-group a {
		font-size:16px;
		padding: 18px 0;
	}
	#main .sc-board-wrap .tab-group .list-group a::before {
		width: 20px;
    	height: 20px;
		background-size:20px;
	}
	#main .sc-board-wrap .tab-group .list-group a::after {
		width:12px;
		height: 12px;
	}
	#main .snb-none + #footer .inner {
		width:calc(100% - 60px);
	}
	#main .main-cover .after-login .authentication-state .alarm-link {
		gap: 26px;
		margin-top: 8px;
	}
	#main .main-cover .after-login .authentication-state .alarm-link::before {
		display: none;
	}
	#main .main-cover .after-login .user-tax-group .tax-state-group .group-label {
		font-size:14px;
		line-height: 150%;
	}
	#main .main-cover .after-login .user-tax-group {
		height: calc(100% - 130px);
	}
	#main .main-cover .after-login .user-tax-group .tax-state-group {
		height: calc(100% - 38px);
	}
}

@media (max-width: 1050px) {
	#main .main-cover .content-group .top {
		flex-direction: column;
		padding-top: 88px;
		margin-bottom:30px;
	}
	#main .main-cover .content-group .top .tit-group {
		padding-left:0;
        display: flex;
        flex-direction: column;
        align-items: center;
	}
	#main .main-cover .content-group .top .sub-tit {
		font-size: 22px;
		margin-bottom: 8px;
	}
	#main .main-cover .content-group .top .main-tit {
		text-align: center;
		font-size: 44px;
		line-height: 135%;
	}
	#main .main-cover .content-group .top .btn-group-line {
		margin-top:12px;
	}
	#main .main-cover .content-group .top .btn-group-line a {
		height: 54px;
		width:360px;
		font-size:18px;
	}
	#main .main-cover .content-group .top .btn-group-line a:last-child {
		border:none;
	}
	#main .main-cover .content-group .top .btn-group-line a > i {
		width:24px;
		height: 24px;
	}
	#main .main-cover .content-group .top .img-group {
		margin-right:0;
		margin-top:40px;
	}
	#main .main-cover .content-group .top > div {
		width:100%;
	}
	#main .main-cover .inner-box {
		flex-direction: column-reverse;
		align-items: stretch;
	}
	#main .main-cover .inner-box > div {
		width:100% !important;
	}
	#main .main-cover .loginTab .tab-group a {
		font-size:16px;
		height: 46px;
	}
	#main .main-cover .loginTab .tab-group {
		margin-bottom:12px;
	}
	#main .sc-notice-wrap {
		flex-direction: column;
		align-items: flex-start;
	}
	#main .sc-notice-wrap > div {
		width:100% !important;
	}
	#main .sc-notice-wrap .cs-group {
		gap:20px;
		align-items: center;
	}
	#main .cs-group .top {
		align-items: center;
		gap:10px;
	}
	#main .cs-group .bottom {
		align-items: center;
		gap:5px;
	}
	#main .cs-group .top .label {
		font-size:18px;
	}
	#main .cs-group .top .tel {
		font-size:34px;
		gap:8px;
	}
	#main .cs-group .top .tel i {
		width:28px;
		height: 28px;
		background-size:100%;
	}
}


@media (max-width: 700px) {
	#main .main-cover .content-group {
		width:calc(100% - 32px);
	}
	#main .main-cover .content-group .top .img-group {
		margin-top:20px;
        width: 300px;
        height: 205px;
        margin-right: 26px;
	}
	#main .main-cover .content-group .top .img-group .main-illu-ci {
		width:110px;
		height: 110px;
		background-size:100%;
		right:16px;
	}
	#main .main-cover .content-group .top .sub-tit {
		font-size: 18px;
	}
	#main .main-cover .content-group .top .main-tit {
		font-size: 32px;
	}
	#main .main-cover .content-group .top .btn-group-line a {
		height: 50px;
		width:280px;
		font-size:16px;
	}
	#main .main-cover .inner-box .qick-group {
		flex-direction: column;
		gap:12px;
	}
	#main .main-cover .inner-box .qick-group a {
		width:100%;
		padding: 12px 16px;
		border-radius: 12px;
	}
	#main .main-cover .inner-box {
		gap:12px;
		padding-bottom:40px;
	}
	#main .main-cover .inner-box .qick-group .tit-group i {
		width:24px;
		height: 24px;
	}
	#main .main-cover .inner-box .qick-group .tit-group .tit {
		font-size:16px;
	}
	#main .main-cover .inner-box .qick-group .tit-group {
		gap:6px;
		flex-direction: row !important;
	}
	#main .main-cover .inner-box .login-group {
		border-radius: 12px;
		padding:2px 16px 20px;
	}
	#main .main-guide-btn > div {
		flex-direction: column;
		align-items: flex-start;
	}
	#main .main-guide-btn a {
		width:100%;
        height: auto;
        padding: 20px 16px !important;
        font-size: 18px;
        gap: 12px;
	}
	#main .main-guide-btn a > img {
		width:24px;
	}
	#main .main-guide-btn a::after {
		right:16px !important;
	}
	#main .sc-notice-wrap {
		width: calc(100% - 32px);
		padding: 40px 0;
		gap: 20px;
	}
	#main .sc-notice-wrap .notice-group .list-group li:last-child a {
		border-bottom:none;
	}
	#main .tab-group .tit-group button, #main section .sc-tit {
		font-size:22px;
	}
	#main .sc-notice-wrap .notice-group .tit-group a {
		font-size:14px;
	}
	#main .sc-notice-wrap .notice-group .list-group {
		margin-top:10px;
	}
	#main .sc-notice-wrap .notice-group .list-group li a {
		padding:12px 0;
		flex-direction: column;
		align-items: flex-start;
		gap:6px;
	}
	#main .sc-notice-wrap .notice-group .list-group .tit {
		width:100%;
		display: block;
	}
	#main .cs-group .top .label {
		font-size:14px;
	}
	#main .cs-group .top .tel {
		font-size:28px;
	}
	#main .cs-group .top .tel i {
		width:24px;
		height: 24px;
	}
	#main .cs-group .bottom {
		gap:4px;
	}
	#main .cs-group .bottom > div {
		font-size:14px;
	}
	#main .sc-notice-wrap .cs-group {
		padding:16px 20px;
	}
	#main .sc-notice-wrap .cs-group,
	#main .cs-group .top,
	#main .cs-group .bottom {
		align-items: flex-start;
	}
	#main .sc-board-wrap {
		padding:40px 0 120px;
		margin-bottom:0;
	}
	#main .tab-group .tit-group {
		gap:36px;
		margin-bottom:16px;
	}
	#main .tab-group .tit-group button.active::after {
		width:8px;
		height: 8px;
	}
	#main .sc-board-wrap .tab-group .btn-group {
		bottom: -76px;
        top: unset;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	#main .sc-board-wrap > div {
		width:calc(100% - 32px);
	}
	#main .sc-board-wrap .tab-group .list-group a::after {
		display: none;
	}
	#main .sc-board-wrap .tab-group .list-group a {
		padding:16px 0;
		align-items: flex-start;
	}
	#main .sc-board-wrap .tab-group .list-group a::before {
		width:18px;
		height: 24px;
		background-size:100%;
	}
	#main .sc-board-wrap .tab-group .list-group a .tit {
		width: calc(100% - 24px);
		display: block;
	}
	#main .snb-none + #footer .inner {
		width: calc(100% - 32px);
	}
	#main .main-cover .after-login .authentication-state .period-group {
		font-size:13px;
	}
	#main .main-cover .after-login .authentication-state .alarm-link {
		font-size:13px;
		justify-content: space-between;
		gap:110px;
	}
	#main .main-cover .after-login .user-tax-group .tit-group {
		font-size:16px;
	}
	#main .main-cover .after-login .user-tax-group .tax-state-group > div {
		padding:12px 16px;
		align-items: stretch;
		flex-direction: column;
	}
	#main .main-cover .after-login .user-tax-group .tax-state-group .group-label {
		font-size:16px;
		margin-bottom:10px;
	}
	#main .main-cover .after-login .user-tax-group .tax-state-group .value-group {
		width:100%;
	}
}


/* ==================== ETB Service ==================== */
/*서비스 소개*/
.etb-wrap .sub-main-cover ~ .sub-box .snb-group > div {
	margin-top: 522px;
}
.etb-wrap .sub-main-cover {
	height: 408px;
	background: var(--main);
	border-radius: 30px;
	display: flex;
	width:calc(100% - 80px);
	margin:0 auto;
}
.etb-wrap .sub-main-cover > div {
	width:1280px;
	margin:0 auto;
	display: flex;
	align-items: center;
}
.etb-wrap .sub-main-cover .txt-group,
.etb-wrap .sub-main-cover .img-group {
	width:50%;
}
.etb-wrap .sub-main-cover .img-group > img {
	height: 248px;
}
.etb-wrap .sub-main-cover .txt-group {
	color:#fff;
	font-size: 44px;
	line-height: 140%;
}
.etb-wrap .sub-main-cover .txt-group .bold {
	font-weight: 700;
}
.etb-wrap .sub-main-cover .txt-group .point {
	color:#66C9FF !important;
	font-weight: 700;
}
.etb-wrap .service-wrap {
	margin-top:36px;

}
.etb-wrap .service-wrap .service-point-group {
	display: flex;
	flex-direction: column;
	gap:30px;
}
.etb-wrap .service-wrap .service-point-group > li {
	width:100%;
	border-radius: 16px;
	border: 1px solid var(--gray30);
	padding: 40px 60px;
	display: flex;
	align-items: center;
	gap:50px;
}
.etb-wrap .service-wrap .service-point-group > li > div {
	width:calc(50% - 25px);
}
.etb-wrap .service-wrap .service-point-group .label-group img {
	width:60px;
	display: block;
	margin-bottom:12px;
}
.etb-wrap .service-wrap .service-point-group .label-group .tit {
	font-weight: 800;
	font-size: 36px;
	line-height: 135%;
	display: block;
	margin-bottom:16px;
}
.etb-wrap .service-wrap .service-point-group .label-group .sub-tit {
	font-size: 20px;
	font-weight: 500;
}
.etb-wrap .service-wrap .service-point-group .detail-group .item {
	padding-left:28px;
	border-left:1px solid #CCD8F8;
	padding-bottom:30px;
}
.etb-wrap .service-wrap .service-point-group .detail-group .item:last-child {
	border-left:0;
	padding-bottom:0px;
}
.etb-wrap .service-wrap .service-point-group .detail-group .item .label {
	color: var(--main);
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	display: flex;
	align-items: center;
	position: relative;
}
.etb-wrap .service-wrap .service-point-group .detail-group .item .info-group {
	margin-top:8px;
}
.etb-wrap .service-wrap .service-point-group .detail-group .item .info-group > li {
	font-size:16px;
	color: var(--gray80);
	margin-left:14px;
	margin-bottom: 5px;
	font-weight: 400;
}

.etb-wrap .service-wrap .service-point-group .detail-group .item .info-group > li::before {
    width: 4px;
    height: 4px;
    margin-top: 10px;
	left:-14px;
}
.etb-wrap .service-wrap .service-point-group .detail-group .item .label::before {
	content:"";
	width:24px;
	height: 24px;
	display: block;
	background: url(../images/icon-24-stepper-indicator.svg) no-repeat center;
	position: absolute;
	left: -40px;
}
.etb-wrap .sub-service-map-group {
	width:calc(100% - 80px);
	margin:0 auto 100px;
	border-radius: 30px;
	background: var(--gray20);
	padding:100px;
	display: flex;
	flex-direction: column;
    align-items: center;
}
.etb-wrap .sub-service-map-group .sc-tit {
	font-size: 44px;
	font-weight: 700;
	line-height: 135%;
	margin-bottom:60px;
}
.etb-wrap .sub-service-map-group .map-img {
	max-width:900px;
	width:100%;
}
.etb-wrap .sub-service-map-group .map-img .mobile {
    display: none;
}

/*서비스 요금 안내*/
.etb-wrap.service-price-wrap .service-price-area {
	display: flex;
	flex-direction: column;
	gap:30px;
	margin-bottom:40px;
	margin-top:60px;
}
.etb-wrap.service-price-wrap .member-group {
	padding: 30px 40px;
	border-radius: 12px;
	background: var(--sub10);
}
.etb-wrap.service-price-wrap .member-group .member-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:30px;
}
.etb-wrap.service-price-wrap .member-group .member-type .price-value {
	font-size: 28px;
	font-weight: 700;
	color: var(--sub);
}
.etb-wrap.service-price-wrap .member-group .member-type .label-group {
	width:calc(100% - 120px);
}
.etb-wrap.service-price-wrap .member-group .member-type .label-group .label {
	display: flex;
	align-items: center;
	gap:10px;
	font-size: 28px;
	font-weight: 700;
}
.etb-wrap.service-price-wrap .member-group .member-type .label-group .label i {
	width:28px;
	height: 28px;
	display: block;
	background: url(../images/icon-24-userMono-fill-sub.svg) no-repeat center;
	background-size: 100%;
}
.etb-wrap.service-price-wrap .member-group .member-type .label-group .sub-txt {
	color: var(--gray90);
	font-size: 18px;
	font-weight: 500;
	margin-top:6px;
	display: block;
}
.etb-wrap.service-price-wrap .member-group.blue-type {
	background: var(--main10);
}
.etb-wrap.service-price-wrap .member-group.blue-type .member-type .price-value {
	color: var(--main70);
}
.etb-wrap.service-price-wrap .member-group.blue-type .member-type .label-group .label i {
	background: url(../images/icon-24-userMono-fill-main.svg) no-repeat center;
	background-size: 100%;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group {
	width:100%;
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	display: flex;
	align-items: flex-start;
	margin-top:30px;
	justify-content: space-between;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group img {
	width: 28px;
	height: 28px;
	display: block;	
	margin-bottom:8px;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group .tit {
	font-size: 22px;
	font-weight: 700;
	display: block;
	margin-bottom:16px;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group .vat {
	color: var(--gray70);
	font-size: 16px;
	font-weight: 400;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list {
	width: 750px;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list > li {
	display: flex;
	align-items: center;
	padding: 16px 24px;
	border-bottom: 1px solid var(--gray30);
	justify-content: space-between;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list > li:last-child {
	border-bottom:0;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-label .tit {
	font-size: 18px;
	font-weight: 600;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-label .info-group {
	margin-top:8px;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value .value {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom:4px;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value .value:last-child {
	margin-bottom:0;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value .value em {
	display: block;
	margin-right:16px;
	font-size: 16px;
	font-weight: 500;
}
.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value .point {
	color: var(--main70) !important;
}

/*KTNET 소개*/
.etb-wrap .ktnet-detail-wrap {
	display: flex;
	align-items: flex-start;
	position: relative;
	padding-bottom:100px;
	border-bottom:1px solid var(--gray30);
}
.etb-wrap.ktnet-intro-wrap .tit-group .tit-label {
	color: var(--sub);
	font-size: 22px;
	font-weight: 700;
	display: block;
	margin-bottom:10px;
	line-height: 135%;
}
.etb-wrap.ktnet-intro-wrap .tit-group .main-tit {
	font-size: 44px;
	font-weight: 700;
	line-height: 140%;
}
.etb-wrap.ktnet-intro-wrap .tit-group .sub-txt {
	font-size: 20px;
	font-weight: 300;
	margin-top:20px;
	display: block;

}
.etb-wrap .ktnet-detail-wrap > div {
	width:50%;
	padding-top:80px;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group {
	position: absolute;
	left:0;
	bottom:100px;
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	gap:16px;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a {
	display: flex;
	width:300px;
	height: 70px;
	align-items: center;
	border-bottom: 2px solid #000;
	justify-content: space-between;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a .txt {
	display: flex;
	align-items: center;
	gap:10px;
	font-size: 22px;
	font-weight: 600;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a .txt em {
	font-size: 16px;
	font-weight: 600;
	color: var(--sub);
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a i {
	display: block;
	width: 20px;
	height: 20px;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a i.link {
	background: url(../images/icon-20-arrowup-right.svg) no-repeat center;
	background-size:100%;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a i.download {
	background: url(../images/icon-20-download.svg) no-repeat center;
	background-size:100%;
}
.etb-wrap .ktnet-detail-wrap .line-btn-group a:hover {
	padding:0 16px;
	color: var(--main70);
}
.etb-wrap .ktnet-detail-wrap .ktnet-report-wrap {
	display: flex;
	gap:24px;
	flex-direction: column;
	font-size: 18px;
	color: var(--gray100);
}
.etb-wrap .ktnet-detail-wrap .ktnet-report-wrap .bold {
	color: var(--gray130);
	font-weight: 700;
}
.etb-wrap.ktnet-intro-wrap .organ-group {
	margin-top:100px;
}
.etb-wrap.ktnet-intro-wrap .organ-group .list-group {
	display: flex;
	gap:24px;
	flex-wrap: wrap;
	margin-top:60px;
}
.etb-wrap.ktnet-intro-wrap .organ-group .list-group li {
	width:calc(20% - 19.2px);
	display: flex;
	flex-direction: column;
    align-items: center;
	padding: 30px;
	border-radius: 16px;
	background: var(--gray20);
	text-align: center;
	gap:20px;
}
.etb-wrap.ktnet-intro-wrap .organ-group .list-group img {
	display: block;
	height: 80px;
	width:auto;
}
.etb-wrap.ktnet-intro-wrap .organ-group .list-group .label {
	height: 62px;
	font-size: 22px;
	font-weight: 700;
}
.etb-wrap.ktnet-intro-wrap .sub-main-cover {
	background: url(../images/ktnet-cover.png) no-repeat top;
	background-size:cover;
}

/*시스템 연동*/
.etb-wrap .server-howto-wrap .tit-group .cover-img {
	width:630px;
	display: block;
	margin:40px auto 0;
}
.etb-wrap .server-howto-wrap .howto-system-group {
	margin-top:110px;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap:110px;
}
.etb-wrap .server-howto-wrap .howto-system-group .box {
	position: relative;
	width:100%;
	border-radius: 30px;
	border: 1px solid var(--gray30);
	background: var(--gray20);
	padding:80px 60px 60px;
}
.etb-wrap .server-howto-wrap .howto-system-group .box.pb-20 {
	padding-bottom:20px;
}
.etb-wrap .server-howto-wrap .howto-system-group .label {
	position: absolute;
	top:-32px;
	border-radius: 99px;
	background: var(--main);
	width: 200px;
	height: 64px;
	display: flex;
	color:#fff;
    align-items: center;
    justify-content: center;
	font-size: 32px;
	font-weight: 800;
	left: 50%;
	transform: translate(-50%, 0);
}
.etb-wrap .server-howto-wrap .howto-system-group .detail-group {
	margin-bottom:40px;
}
.etb-wrap .server-howto-wrap .howto-system-group .detail-group .main {
	font-size: 22px;
	font-weight: 700;
	display: block;
	margin-bottom:16px;
}
.etb-wrap .server-howto-wrap .howto-system-group .detail-group .sub-txt {
	font-size: 18px;
	color: var(--gray90);
	line-height: 175%
}
.etb-wrap .server-howto-wrap .stepper-group {
	display: flex;
	border-radius: 16px;
	background: var(--white);
	padding: 40px 0px;
	align-items: center;
	margin-bottom:50px;
}
.etb-wrap .server-howto-wrap .stepper-group li:not(.arrow) {
	width:calc(25% - 24px);
}
.etb-wrap .server-howto-wrap .stepper-group li {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.etb-wrap .server-howto-wrap .stepper-group li img {
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom:16px;
}
.etb-wrap .server-howto-wrap .stepper-group li .txt {
	font-size: 22px;
	font-weight: 500;
}
.etb-wrap .server-howto-wrap .stepper-group .arrow {
	width:32px;
	height: 32px;
	display: block;
	background: url(../images/icon-32-arrow.svg);
}
.etb-wrap .server-howto-wrap .howto-system-group .btn-group button {
	width:auto;
}
.etb-wrap .system-bottom-banner {
	width:100%;
	height: 213px;
	background: url("../images/system-call-cover.png") no-repeat center;
	background-size:cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	color:#fff;
}
.etb-wrap .system-bottom-banner .tit {
	font-size: 22px;
	font-weight: 700;
	margin-bottom:16px;
	display: block;
}
.etb-wrap .system-bottom-banner .num {
	font-size: 44px;
	font-weight: 700;
	display: flex;
	align-items: center;
	line-height: 100%;
}
.etb-wrap .system-bottom-banner .num::before {
	content:"";
	width: 44px;
	height: 44px;
	display: block;
	background: url("../images/icon-32-call-white.svg") no-repeat center;
	background-size:44px;
}


@media (max-width: 1460px) {
	.etb-wrap .sub-main-cover > div {
		width:calc(100% - 100px);
	}
	.etb-wrap .sub-main-cover .txt-group {
		font-size:40px;
	}
	.etb-wrap .sub-main-cover .img-group > img {
		height: 220px;
	}
}
@media (max-width: 1360px) {
	.etb-wrap .sub-main-cover {
		height: 320px;
	}
	.etb-wrap .sub-main-cover .txt-group {
		width:500px;
		font-size:36px;
	}
	.etb-wrap .sub-main-cover .img-group {
		width:calc(100% - 500px);
	}
	.etb-wrap .sub-main-cover .img-group > img {
		height: 200px;
	}
	.etb-wrap .sub-service-map-group {
		margin-bottom:60px;
	}
	.etb-wrap .sub-service-map-group .sc-tit {
		font-size: 36px;
	}
	.etb-wrap .service-wrap .service-point-group .label-group .tit {
		font-size:32px;
	}
	.etb-wrap .service-wrap .service-point-group .label-group img {
		width:52px;
	}
	.etb-wrap .service-wrap .service-point-group .label-group .sub-tit {
		font-size:18px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group .item .label {
		font-size:18px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group .item .info-group > li {
		font-size:15px;
	}
	.etb-wrap.service-price-wrap .service-price-area {
		gap:20px;
	}
	.etb-wrap.service-price-wrap .member-group {
		padding:30px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .label-group .label {
		font-size:24px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .price-value {
		font-size:26px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .label-group .sub-txt {
		font-size:16px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group {
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
		padding: 30px 30px 16px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group {
		align-items: center;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group .tit {
		margin-bottom:8px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group img {
		margin-bottom:6px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list {
		margin-top:6px;
		width: 100%;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list > li {
		padding:16px 0;
	}
	.etb-wrap.ktnet-intro-wrap .sub-main-cover {
		width: calc(100% - 60px);
	}
	.etb-wrap .ktnet-detail-wrap > div:first-child {
		width:400px;
	}
	.etb-wrap .ktnet-detail-wrap > div:nth-child(2) {
		width:calc(100% - 400px);
	}
	.etb-wrap .ktnet-detail-wrap {
		padding-bottom:80px;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group {
		bottom:80px;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group a {
		height: 60px;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group a .txt {
		font-size:20px;
	}
	.etb-wrap.ktnet-intro-wrap .tit-group .main-tit {
		font-size:36px;
	}
	.etb-wrap.ktnet-intro-wrap .tit-group .tit-label {
		font-size:20px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group {
		margin-top:80px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group {
		margin-top:40px;
		gap: 20px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group li {
		width: calc(50% - 10px);
		gap:12px;
		padding: 20px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group .label {
		font-size:20px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group img {
		height: 68px;
	}
}




@media (max-width: 900px) {
	.etb-wrap .sub-main-cover {
		height: auto;
		padding: 40px 0px;
		width: calc(100% - 32px);
		border-radius: 16px;
	}
	.etb-wrap .sub-main-cover > div {
		width:100%;
		flex-direction: column;
		gap: 30px;
		text-align: center;
	}
	.etb-wrap .sub-main-cover .txt-group {
		font-size: 24px;
		line-height: 140%;
	}
	.etb-wrap .sub-main-cover .img-group {
		width:100%;
	}
	.etb-wrap .sub-main-cover .img-group > img {
		height: 150px;
	}
	.etb-wrap .service-wrap {
		width:calc(100% - 32px);
		margin:20px auto 0;
	}
	.etb-wrap .service-wrap .service-point-group {
		gap:20px;
	}
	.etb-wrap .service-wrap .service-point-group > li {
		padding: 20px;
		align-items: flex-start;
		flex-direction: column;
		gap:24px;
	}
	.etb-wrap .service-wrap .service-point-group > li > div {
		width:100%;
	}
	.etb-wrap .service-wrap .service-point-group .label-group img {
		width: 48px;
		height: 48px;
		margin-bottom:10px;
	}
	.etb-wrap .service-wrap .service-point-group .label-group .tit {
		font-size: 24px;
		margin-bottom:10px;
	}
	.etb-wrap .service-wrap .service-point-group .label-group .sub-tit {
		font-size: 16px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group .item {
		padding-bottom:20px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group .item .label {
		font-size: 16px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group .item .info-group > li {
		font-size:14px;
		margin-bottom: 4px;
		margin-left: 10px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group .item .info-group > li::before {
		width: 3px;
		height: 3px;
		left: -10px;
		margin-top: 9px;
	}
	.etb-wrap .service-wrap .service-point-group .detail-group {
		padding-left:12px;
	}
	.etb-wrap .sub-service-map-group {
		width:100%;
		border-radius: 0;
		padding:60px 16px;
		margin-bottom:0;
	}
	.etb-wrap .sub-service-map-group .sc-tit {
		font-size: 24px;
		margin-bottom:30px
	}
	.etb-wrap .sub-service-map-group .map-img .mobile {
		max-width: 460px;
	}
	.etb-wrap .sub-service-map-group .map-img .pc {
		display: none;
	}
	.etb-wrap .sub-service-map-group .map-img .mobile {
		display: block;
		margin: 0 auto;
	}
	.etb-wrap.service-price-wrap .service-price-area {
		margin-top:30px;
		padding: 0 16px;
		margin-bottom:30px;
	}
	.etb-wrap.service-price-wrap .member-group {
		padding:16px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type {
		gap:20px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .label-group {
		width: calc(100% - 70px);
	}
	.etb-wrap.service-price-wrap .member-group .member-type .price-value {
		font-size:20px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .label-group .label i {
		width: 24px;
		height: 24px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .label-group .label {
		font-size:22px;
		gap:8px;
	}
	.etb-wrap.service-price-wrap .member-group .member-type .label-group .sub-txt {
		font-size:14px;
		margin-top:6px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group {
		margin-top:20px;
		padding:20px 16px 6px;
		border-radius: 12px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group img {
		width: 24px;
		height: 24px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group .tit {
		font-size:20px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .label-group .vat {
		font-size:14px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-label .tit {
		font-size:16px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value .value {
		font-size:16px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list > .m-column {
		flex-direction: column;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list > .m-column > div {
		width:100%;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list > .m-column .price-value {
		margin-top:12px;
	}
	.etb-wrap.service-price-wrap .member-group .price-detail-group .price-list .price-value .value em {
		font-size:13px;
		margin-right:10px;
	}
	.etb-wrap.ktnet-intro-wrap .sub-main-cover {
		height: 200px;
		width:calc(100% - 32px);
		background-position-x: 91%;
	}
	.etb-wrap .ktnet-detail-wrap {
		padding-bottom:60px;
		width: calc(100% - 32px);
        margin: 0 auto;
        flex-direction: column;
	}
	.etb-wrap .ktnet-detail-wrap .tit-group {
		padding-top:30px;
	}
	.etb-wrap.ktnet-intro-wrap .tit-group .tit-label {
		font-size: 16px;
	}
	.etb-wrap.ktnet-intro-wrap .tit-group .main-tit {
		font-size:24px;
	}
	.etb-wrap .ktnet-detail-wrap > div {
		width:100% !important;
	}
	.etb-wrap .ktnet-detail-wrap .ktnet-report-wrap {
		padding-top:20px;
		font-size: 16px;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group {
		position: relative;
		gap: 0;
        padding-top: 20px;
        bottom: unset;
        left: unset;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group a {
		width:100%;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group a .txt {
		font-size: 18px;
		gap:8px;
	}
	.etb-wrap .ktnet-detail-wrap .line-btn-group a .txt em {
		font-size:14px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group {
		width:calc(100% - 32px);
		margin:60px auto 0;
	}
	.etb-wrap.ktnet-intro-wrap .tit-group .sub-txt {
		font-size: 16px;
		margin-top:16px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group {
		margin-top:20px;
		gap:16px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group li {
		width:calc(50% - 8px);
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group .label {
		font-size: 16px;
		height: 44px;
	}
	.etb-wrap.ktnet-intro-wrap .organ-group .list-group img {
		height: 54px;
	}
}




/* ==================== 약관 ==================== */
.terms-wrap .main-top-group {
	margin:60px 0;
}
.terms-wrap .main-top-group .tit {
	font-weight: 700;
	line-height: 140%;
	font-size: 30px;
	margin-bottom:24px;
}
.terms-wrap .main-top-group .txt {
	font-size: 16px;
}
.terms-wrap .sc-tit-22 {
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 140%;
	margin-bottom:24px;
	gap:12px;
}
.terms-wrap .sc-tit-22 > img {
	display: block;
	width: 32px;
	height: 32px;
}

/*개인정보 처리방침*/
.terms-wrap .label-list-group ul {
	display: flex;
	align-items: flex-start;
	margin-bottom:60px;
	margin-top:30px;
}
.terms-wrap .label-list-group ul li {
	width:16.66%;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.terms-wrap .label-list-group ul img {
	display: block;
	width: 100px;
	height: 100px;
	margin-bottom:24px;
}
.terms-wrap .label-list-group .label {
	font-size: 18px;
	color: var(--main);
	font-weight: 600;
	display: block;
	margin-bottom:6px;
}
.terms-wrap .label-list-group .txt {
	color: var(--gray80);
	font-size: 14px;
	font-weight: 400;
} 
.terms-wrap .detail-group .page-move-btn {
    display: flex;
    flex-wrap: wrap;
	gap:10px;
} 
.terms-wrap .detail-group .page-move-btn a {
	width:calc(50% - 5px);
	border-radius: 8px;
	background: var(--gray20);
	padding: 16px 20px;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.terms-wrap .detail-group .page-move-btn.three-row a {
	width:calc(33% - 2.5px);
}
.terms-wrap .detail-group .page-move-btn a:hover {
	background: var(--gray30);
}
.terms-wrap .detail-group article {
	margin-top:60px;
}
.terms-wrap .detail-group article .item {
	margin-bottom:24px;
}
.terms-wrap .detail-group article .item > .main-tit {
	font-size: 16px;
	font-weight: 300;
}
.terms-wrap .detail-group article .item > .main-tit .no {
    font-size: 10px;
    line-height: 19px;
    display: inline-flex;
    width: 16px;
    vertical-align: 8%;
    height: 16px;
    border-radius: 99px;
    background: var(--gray130);
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.terms-wrap .detail-group article .item > .sub-tit {
	font-size: 16px;
	margin-top:16px;
}
.terms-wrap .detail-group article .item .inner-list-group {
	padding-left:20px;
	margin-top:16px;
}

.terms-wrap .detail-group article .item .inner-list-group > li {
	margin-bottom:12px;
}
.terms-wrap .detail-group article .item .inner-list-group > li > .txt {
	font-size: 16px;
}
.terms-wrap .detail-group article .item .inner-list-group > li > .txt.bold {
	font-weight: 500;
}
.terms-wrap .detail-group article .item .inner-list-group > li > .txt + .dot-list {
	margin-top:6px;
}
.terms-wrap .detail-group article .item .inner-list-group .dot-list {
	font-size: 16px;
	color: var(--gray90);
}
.terms-wrap .detail-group article .item .inner-list-group .dot-list li {
	margin-bottom:8px;
	display: flex;
	align-items: flex-start;
	padding-left:10px;
	position: relative;
}
.terms-wrap .detail-group article .item .inner-list-group .dot-list li::before {
	content:"";
	display: block;
	width:3px;
	height: 3px;
	border-radius: 99px;
	background-color: var(--gray90);
	position: absolute;
	left:0;
	top:10px;
}
.info-table-wrap {
	border-top:1px solid #000;
	margin-top:20px;
}
.info-table-wrap tr {
	border-bottom: 1px solid var(--gray30);
}
.info-table-wrap th {
	height: 52px;
	font-size: 14px;
	font-weight: 700;
	background: var(--gray20);
	border-right: 1px solid var(--gray30);
	text-align: center;
}
.info-table-wrap thead th:last-child {
	border-right: 0;
}
.info-table-wrap td {
	height: 52px;
	color: var(--gray100);
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	border-right: 1px solid var(--gray30);
}
.info-table-wrap td:last-child {
	border-right:0;
}
.info-table-wrap td.al-left {
	padding-left:40px;
	text-align: left;
}
.info-table-wrap th.w-300 {
	width:300px;
}
.info-table-wrap td a.btn-download {
	height: 32px;
	padding: 0px 20px;
	border-radius: 99px;
	background: var(--gray30);
	font-size: 13px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap:6px;
	width:fit-content;
	margin: 0 auto;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.info-table-wrap td a.btn-download:hover {
	background: var(--gray40);
}
.info-table-wrap td a.btn-download i {
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/icon-20-download.svg") no-repeat center;
	background-size:16px;
}
.info-table-wrap.large th, .info-table-wrap.large td {
	height: 56px;
	font-size: 15px;
}
.info-table-wrap .input-set {
	display: flex;
	align-items: center;
}
.info-table-wrap .input-set .label {
	width:80px;
}
.info-table-wrap .input-set div:not(.label) {
	width:400px;
}
.info-table-wrap .radio_group {
	display: flex;
	align-items: center;
	gap: 16px;
}
.info-table-wrap .radio_group .container .txt {
	font-size:15px;
}



/* ==================== 공동인증서 ==================== */
.certificate-wrap .info-icon-txt {
	display: flex;
	margin-top:16px;
	gap:8px;
	font-size: 16px;
	color: var(--gray100);
	justify-content: center;
}
.certificate-wrap .info-icon-txt > i {
	width: 24px;
	height: 24px;
	display: block;
	background: url(../images/icon-24-exclamation.svg) no-repeat center;
	background-size:24px;
}
.certificate-wrap .info-icon-txt em {
	color:var(--gray130);
	font-weight: 600;
}
.certificate-wrap .empty-certificate-btn {
	margin-top:30px;
	border-radius: 16px;
	background: var(--gray20);
	padding:40px;
	display: flex;
	justify-content: center;
    flex-direction: column;
    align-items: center;
}
.certificate-wrap .empty-certificate-btn button {
	width:340px;
}
.certificate-wrap .empty-certificate-btn .txt {
	display: block;
	font-size: 18px;
	font-weight: 400;
	color: var(--gray70);
	margin-bottom:24px;

}
.certificate-wrap .certificate-list-group {
	margin-top:60px;
	width:100%;
}
.certificate-wrap .certificate-list-group > .tit {
	font-size: 28px;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom:36px;
}
.certificate-wrap .certificate-list-group .list-group {
    display: flex;
    align-items: stretch;
	gap:24px;
}
.certificate-wrap .certificate-list-group .list-group > div {
	padding: 30px;
	border-radius: 16px;
	border: 1px solid var(--gray30);
}
.certificate-wrap .certificate-list-group .list-group > div:first-child {
	width: 547px;
}
.certificate-wrap .certificate-list-group .list-group > div:nth-child(2) {
	width:calc(100% - 571px);
}
.certificate-wrap .certificate-list-group .list-group > div > .tit {
	font-size: 22px;
	display: block;
	margin-bottom:24px;
	font-weight: 700;
	text-align: center;
}
.certificate-wrap .certificate-list-group .normal .detail-group {
	border-radius: 16px;
	background: var(--gray20);
	padding: 30px 36px;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	height: 310px;
}
.certificate-wrap .certificate-list-group .special .detail-group {
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.certificate-wrap .certificate-list-group .special .detail-group > div {
	width:100%;
	padding: 30px 30px 30px 122px;
	border-radius: 16px;
	background: var(--gray20);
	display: flex; 
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.certificate-wrap .certificate-list-group .detail-group .label {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: var(--main70);
	margin-bottom:4px;
}
.certificate-wrap .certificate-list-group .normal .detail-group .label {
	margin-bottom:20px;	
	display: flex;
	align-items: center;
	gap:8px;
}
.certificate-wrap .certificate-list-group .normal .detail-group .label > img {
	width: 24px;
	height: 24px;
	display: block;
}
.certificate-wrap .certificate-list-group .detail-group li {
	font-size: 16px;
	line-height: 175%;
}
.certificate-wrap .certificate-list-group .detail-group li.small {
	font-size: 14px;
	color: var(--gray60);
	font-weight: 700;
	line-height: 150%;
	margin-bottom:10px;
}
.certificate-wrap .certificate-list-group .special .detail-group > div::before {
	content:"";
	width: 68px;
	height: 68px;
	display: block;
	margin-right:24px;
	border-radius: 99px;
	position: absolute;
	left:30px;
}
.certificate-wrap .certificate-list-group .special .detail-group > div.thek {
	border-radius: 16px;
	border: 1px solid rgba(6, 53, 171, 0.60);
	background: #fff;
}
.certificate-wrap .certificate-list-group .detail-group .thek .label {
	color: #0635AB;
}
.certificate-wrap .certificate-list-group .special .detail-group > div.thek::before {
	background: url(../images/logo-thek.svg);
}
.certificate-wrap .certificate-list-group .special .detail-group > div.etc::before {
	background: url(../images/logo-etc.svg);
}
.certificate-wrap .certificate-selector-group {
	margin-top:60px;
}
.certificate-wrap .certificate-selector-group .sub-tit {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
.certificate-wrap .certificate-selector-group .btn-group {
	margin-top:40px;
}
.certificate-wrap .certificate-selector-group .btn-group button {
	width:340px;
}
.certificate-wrap .info-table-wrap {
	margin:60px 0 24px;
}
.certificate-wrap .info-table-wrap ~ .red {
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}
.certificate-wrap .info-table-wrap ~ .btn-group {
	gap:10px;
}
.certificate-wrap .tab-table-group {
	margin-top:50px;
}
.certificate-wrap .tab-table-group .btn-group button:not(.w-120) {
	width:auto;
}
.certificate-wrap .tab-table-group .btn-group {
	gap:10px;
}
.certificate-wrap .tab-table-group .info-table-wrap {
	margin:-1px 0 0;
}
.certificate-wrap .re-group {
	margin-top:36px;
}




/* ==================== 대량등록 ==================== */
.bulk-wrap .tax-bulk-group {
	margin-top:30px;
}
.bulk-wrap .tax-bulk-group .box-gray {
	padding:40px;
	background: var(--gray20);
	border-radius: 16px;
}
.bulk-wrap .tax-bulk-group .box-gray .txt-group {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.bulk-wrap .tax-bulk-group .box-gray .qa-btn-set {
	display: flex;
	align-items: center;
	gap:20px;
}
.bulk-wrap .tax-bulk-group .box-gray .qa-btn-set button {
	font-size: 14px;
	color: var(--gray70);
	font-weight: 400;
	display: flex;
	align-items: center;
	gap:6px;
}
.bulk-wrap .tax-bulk-group .box-gray .qa-btn-set button i {
	width: 20px;
	height: 20px;
	background: url(../images/icon-24-question-gray.svg) no-repeat center;
}
.bulk-wrap .tax-bulk-group .box-gray .qa-btn-set button:hover {
	color: var(--gray130);
}
.bulk-wrap .tax-bulk-group .box-gray .qa-btn-set button:hover i {
	background: url(../images/icon-24-question.svg) no-repeat center;
	background-size:100%;
}
.bulk-wrap .tax-bulk-group .box-gray .txt-group {
	margin-bottom:30px;
}
.bulk-wrap .tax-bulk-group .box-gray .txt-group .txt {
	font-size: 18px;
	font-weight: 400;
}
.bulk-wrap .tax-bulk-group .box-gray .radio-select-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bulk-wrap .tax-bulk-group .box-gray .radio-select-group .radio-box {
	width:calc(100% - 240px);
	display: flex;
	align-items: center;
	gap:12px;
}
.bulk-wrap .tax-bulk-group .box-gray .radio-select-group .radio-box > div {
	width:100%;
	border-radius: 8px;
	border: 1px solid var(--gray30);
	background: var(--white);
	height: 50px;
	display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}
.bulk-wrap .tax-bulk-group .box-gray .radio-select-group .btn-down {
	display: flex;
	align-items: center;
	gap:4px;
	border-radius: 4px;
	background: var(--system-green);
	height: 26px;
	padding: 0px 10px;
	color:#fff;
	font-size: 13px;
	font-weight: 500;
}
.bulk-wrap .tax-bulk-group .box-gray .radio-select-group .btn-down i {
	width: 14px;
	height: 14px;
	background: url("../images/icon--32-download-fill.svg") no-repeat center;
	background-size:100%;
}
.bulk-wrap .tax-bulk-group .box-gray .radio-select-group .btn-down:hover {
	background: #0A9769;
}
.bulk-wrap .tax-bulk-group .step-group {
	padding:40px 12px;
}
.bulk-wrap .tax-bulk-group .step-group li {
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom:22px;
	position: relative;
}
.bulk-wrap .tax-bulk-group .step-group .no {
	width: 22px;
	height: 22px;
	background: var(--main60);
	border-radius: 99px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color:#fff;
	font-weight: 600;
}
.bulk-wrap .tax-bulk-group .step-group .txt {
	font-size: 16px;
	color: var(--gray100);
	font-weight: 400;
}
.bulk-wrap .tax-bulk-group .step-group li:not(:last-child)::before {
	content:"";
	position: absolute;
	width: 2px;
	height: 16px;
	background: #D7DCE5;
	left: 10px;
    top: 27px;
}
.bulk-wrap .tax-bulk-group .table-group .tool-box .btn-group {
	margin-bottom:40px;
	margin-top:24px;
}
.bulk-wrap .tax-bulk-group .table-group .table-wrap-non-m {
    width: 100%;
    overflow: auto;
	padding-bottom:16px;
}
.bulk-wrap .tax-bulk-group .table-group .table-wrap-non-m ul {
	width:fit-content;
}
.bulk-wrap .tax-bulk-group .table-group li.Atype {
	display: grid;
	grid-template-columns: 40px repeat(2, 140px) 170px repeat(5, 140px) 300px repeat(50, 140px);
}
.bulk-wrap .tax-bulk-group .table-group li.Btype {
	display: grid;
	grid-template-columns: 40px repeat(2, 140px) 170px repeat(4, 140px) 300px repeat(50, 140px);
}
.bulk-wrap .tax-bulk-group .table-group li.Ctype {
	display: grid;
	grid-template-columns: 40px repeat(2, 140px) 170px repeat(4, 140px) 300px repeat(12, 140px) 300px repeat(50, 140px);
}
.bulk-wrap .tax-bulk-group .table-group li.Dtype {
	display: grid;
	grid-template-columns: 40px repeat(2, 140px) 170px repeat(5, 140px) 300px repeat(45, 140px);
}
.bulk-wrap .tax-bulk-group .table-group li.Etype {
	display: grid;
	grid-template-columns: 40px repeat(2, 140px) 170px repeat(4, 140px) 300px repeat(45, 140px);
}
.bulk-wrap .tax-bulk-group .table-group li.Ftype {
	display: grid;
	grid-template-columns: 40px repeat(2, 140px) 170px repeat(4, 140px) 300px repeat(12, 140px) 300px repeat(45, 140px);
}
.bulk-wrap .tax-bulk-group .table-group .thead {
	grid-template-rows: repeat(2, 27px);
}
.bulk-wrap .tax-bulk-group .table-group .thead > div {
	height: auto;
	display: flex;
    flex-direction: row;
    gap: 4px;
}
.bulk-wrap .tax-bulk-group .table-group .thead .only {
	grid-row:1/span2;

}
.bulk-wrap .tax-bulk-group .table-group .thead .row-tit01 {
    grid-row-start: 1;
	grid-column-end: span 13;
	border-bottom:1px solid var(--gray40);
}
.bulk-wrap .tax-bulk-group .table-group .thead .row-tit02 {
    grid-row-start: 1;
	grid-column-end: span 8;
	border-bottom:1px solid var(--gray40);
}
.bulk-wrap .tax-bulk-group .table-group .thead .row-tit03 {
    grid-row-start: 1;
	grid-column-end: span 2;
	border-bottom:1px solid var(--gray40);
}
.bulk-wrap .tax-bulk-group .table-group .thead .row-tit04 {
    grid-row-start: 1;
	grid-column-end: span 12;
	border-bottom:1px solid var(--gray40);
}
.bulk-wrap .tax-bulk-group .table-group .thead .row-tit05 {
    grid-row-start: 1;
	grid-column-end: span 7;
	border-bottom:1px solid var(--gray40);
}
.bulk-wrap .tax-bulk-group .table-group li:not(.thead) > div {
	min-height: 52px;	
	padding: 0 8px;
	display: flex;
}
.bulk-wrap .tax-bulk-group .table-group .selectbox_group {
	width:100%;
}
.bulk-wrap .tax-bulk-group .outside-info-box {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.bulk-wrap .tax-bulk-group .outside-info-box img {
	width: 52px;
	height: 52px;
	display: block;
	margin-bottom:16px;
}
.bulk-wrap .tax-bulk-group .outside-info-box .txt {
	font-size: 18px;
	font-weight: 400;
	color: var(--gray120);
	text-align: center;
}
.sub-box .table-group .table-wrap-non-m .thead > div {
    font-size: 14px;
    font-weight: 500;
    line-height: 135%;
    border-right: 1px solid var(--gray40);
}
.sub-box .table-group .table-wrap-non-m .thead {
	background: var(--gray30);
	border-radius: 6px 6px 0 0;
	border:1px solid var(--gray40);
	border-right:none;
	overflow: hidden;
}
.sub-box .table-group .table-wrap-non-m li {
	border:1px solid var(--gray30);
	border-right: none;
	border-top:none;
	display: grid;
}
.sub-box .table-group .table-wrap-non-m li > div {
	display: inline-grid;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right:1px solid var(--gray30);
}
.sub-box .table-group .table-wrap-non-m li:last-child {
	border-radius: 0 0 6px 6px ;
	overflow: hidden;
}





/* ==================== 팝업들 ==================== */
.modal .modal_content > .btn-group {
	margin-top:24px;
	gap:16px;
}
.modal .tab-group {
	gap:24px;
	flex-direction:row !important;
}
.modal .tab-group a {
	font-size:18px;
	height: 64px;
	width:auto;
}
#md-id .form {
	margin-top:20px;
}
#md-id .form .input_group:first-child {
	margin-bottom:16px;
}
#md-id .form .input_group label {
	display: flex;
	align-items: center;
	font-weight: 400;
	margin-bottom:6px;
}
#md-id .form .input_group label::before {
	content:"";
	width: 3px;
	height: 14px;
	background: var(--sub);
	border-radius: 99px;
	margin-right:6px;
}
#md-chage .top-group {
	display: flex;
	align-items: center;
	flex-direction: column; 
	text-align: center;
	margin-bottom:24px;
}
#md-chage .top-group img {
	width:60px;
	height: 60px;
	display: block;
	margin-bottom:8px;
}
#md-chage .top-group .tit {
	font-size: 20px;
	font-weight: 600;
	margin-bottom:6px;
}
#md-chage .top-group .sub-txt {
	color: var(--gray80);
	font-size: 14px;
	font-weight: 400;
}
#md-chage .form {
	width:100%;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid var(--gray30);
}
#md-chage .last-txt {
	color: var(--main60);
	font-size: 16px; 
	font-weight: 500;
	display: block;
	margin-top:20px;
	text-align: center;
}
#md-chage .form > div:not(:last-child){
	margin-bottom:12px;
}
#md-chage .form > div.half {
	display: flex;
	align-items: center;
	gap:12px;
}
#md-chage .form  .checkbox_group  {
	margin-top:16px;
}
#md-chage .form  .checkbox_group label span {
	width: calc(100% - 34px);
	padding-left: 10px;
}
#md-chage .form  .checkbox_group input[type="checkbox"] ~ label {
	align-items: flex-start;
}
#md-email .tax-number {
	display: flex;
	align-items: center;
}
#md-email .tax-number .tit {
	font-size: 16px;
	font-weight: 600;
	width:110px;
	text-align: center;
}
#md-email .table-group {
	margin-top:24px;
	border-radius: 10px;
    border-style: hidden;
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--gray30);
}
#md-email .table-group tr {
	height: 48px;
	border-bottom:1px solid var(--gray30);
}
#md-email .table-group tbody tr:last-child {
	border-bottom:0;
}
#md-email .table-group th {
	border-right: 1px solid var(--gray40);
	text-align: center;
	background: var(--gray30);
}
#md-email .table-group td {
	border-right: 1px solid var(--gray30);
	padding:4px 6px;
	text-align: center;
}
#md-email .table-group th:last-child, #md-email .table-group td:last-child {
	border-right: 0;
}
#md-email .table-group td .flex-center {
	justify-content: center;
	gap:6px;
}
#md-email .table-group th:first-child {
	width:44px;
}
#md-email .table-group th:nth-child(2) {
	width:68px;
}
#md-email .table-group th:nth-child(3) {
	width:180px;
}
#md-email .table-group th:last-child {
	width:160px;
}
#md-email .table-group .checkbox_group label {
	justify-content: center;
}
#md-email .table-group button.fill-sub {
	background: var(--sub);
	color:#fff;
	width:52px;
}
#md-email .table-group td .flex-center .label {
	width:40px;
}
#md-email .table-group tbody tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}
#md-email .table-group .btn-del {
	width: 30px;
	height: 30px;
	border-radius: 99px;
	background: url("../images/icon-24-close.svg") no-repeat center var(--gray30);
	background-size:16px;
}
#md-email .table-group .btn-del:hover {
	background-color: var(--gray40);
}
#md-email .table-group td .flex-center .input_group {
	width:calc(100% - 36px);
}

#md-notice .table-group {
	margin-top:24px;
	border-radius: 10px;
    border-style: hidden;
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--gray30);
}
#md-notice .table-group tr {
	height: 48px;
	border-bottom:1px solid var(--gray30);
}
#md-notice .table-group tbody tr:last-child {
	border-bottom:0;
}
#md-notice .table-group th {
	border-right: 1px solid var(--gray40);
	text-align: center;
	background: var(--gray30);
}
#md-notice .table-group td {
	border-right: 1px solid var(--gray30);
	padding:4px 6px;
	text-align: center;
}
#md-notice .table-group th:last-child, #md-notice .table-group td:last-child {
	border-right: 0;
}
#md-notice .table-group td .flex-center {
	justify-content: center;
	gap:6px;
}
#md-notice .table-group th:first-child {
	width:44px;
}
#md-notice .table-group th:nth-child(2) {
	width:68px;
}
#md-notice .table-group th:nth-child(3) {
	width:180px;
}
#md-notice .table-group th:last-child {
	width:160px;
}
#md-notice .table-group .checkbox_group label {
	justify-content: center;
}
#md-notice .table-group button.fill-sub {
	background: var(--sub);
	color:#fff;
	width:52px;
}
#md-notice .table-group td .flex-center .label {
	width:40px;
}
#md-notice .table-group tbody tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}
#md-notice .table-group .btn-del {
	width: 30px;
	height: 30px;
	border-radius: 99px;
	background: url("../images/icon-24-close.svg") no-repeat center var(--gray30);
	background-size:16px;
}
#md-notice .table-group .btn-del:hover {
	background-color: var(--gray40);
}
#md-notice .table-group td .flex-center .input_group {
	width:calc(100% - 36px);
}
#md-notice .table-group td .row-half {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
}
#md-notice .table-group td .row-half div {
    padding: 5px;
    font-size: 14px;
    line-height: 1.5;
}
#md-notice .table-group td .row-half div:first-child {
    border-bottom: 1px solid #ddd;
}
#md-notice .table-group td .row-half .small-font {
    font-size: 10px; /* 원하는 폰트 크기로 설정 */
    line-height: 1.3;
}

/* ==================== 세금계산서 설정 관리 ==================== */
.tax-default-setting-group {
	margin-top:40px;
}
.tax-default-setting-group > .btn-group {
	margin-top:40px;
	gap:10px;
}
.tax-default-setting-group .setting-area .box-gray {
	border-radius: 16px;
	background: var(--gray20);
	display: flex;
	align-items: center;
    justify-content: center;
	padding:30px 0;
	font-size: 18px;
	color: var(--gray100);
	font-weight: 400;
	margin:40px 0 0;
	gap:12px;
}
.tax-default-setting-group .setting-area .box-gray i {
	width: 24px;
    height: 24px;
    display: block;
    background: url(../images/icon-24-exclamation.svg) no-repeat center;
    background-size: 24px;
}
.tax-default-setting-group article {
	margin-top:40px;
}
.tax-default-setting-group article .info-group {
	margin-top:20px;
}
.tax-default-setting-group article .radio_group .container:first-child {
	width:310px;
}
.tax-default-setting-group article .radio_group .container:nth-child(2) {
	width: 310px;
}
.tax-default-setting-group article .info-table-wrap {
	margin-top:16px;
}
.tax-default-setting-group article .info-table-wrap .flex-center {
	display: flex;
	align-items: center;
	gap:10px;
}
.tax-default-setting-group article .check-area.w-33per .checkbox_group {
	width:33.33%;
}
.tax-default-setting-group article .info-table-wrap .flex-center .small-red {
	font-size: 13px;
	font-weight: 500;
	color:var(--system-red);
}
.tax-default-setting-group article .tit-label {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 135%;
}
.tax-default-setting-group article .tit-label::before {
	content:"";
	width: 4px;
	height: 18px;
	border-radius: 99px;
	background: var(--sub);
	display: block;
	margin-right:12px;
}
/* ==================== 거래처 관리 ==================== */
.customer-admin-wrap > .btn-group {
	gap:10px;
	margin-top:50px
}
.customer-admin-wrap .table-group .factura-table-wrap li {
    grid-template-columns: 40px 68px 1.5fr 136px 136px 100px 1.2fr 1fr 110px;
}
.customer-admin-wrap .table-group .factura-table-wrap2 li {
    grid-template-columns: 350px 350px 1.5fr;
}
.customer-admin-wrap .table-group .factura-table-wrap3 li {
    grid-template-columns: 40px 100px 1.5fr 136px 200px 100px 1.2fr 1fr;
}
.customer-admin-wrap .table-group .factura-table-wrap4 li {
    grid-template-columns: 40px 100px 1.5fr 200px 1.2fr 1fr;
}
.customer-admin-wrap .table-group .factura-table-wrap5 li {
    grid-template-columns: 40px 200px 1fr 1.5fr 200px 100px 1.2fr;
}
.customer-admin-wrap .table-group .factura-table-wrap2 li a {
	text-decoration: underline;
	color:var(--sub);
}
.customer-admin-wrap .table-group .factura-table-wrap2 li a.error {
	color:var(--system-red);
}
.customer-admin-wrap .table-group .factura-table-wrap2 li a.error:hover {
	color:#CA1B29;
}
.customer-admin-wrap .table-group .factura-table-wrap2 li a:hover {
	color:var(--sub100);
}
.customer-admin-wrap .table-group .table-wrap-non-m {
	margin-top:10px;
}
.customer-admin-wrap .table-group .table-wrap-non-m li > div {
	height: 44px !important;
	min-height: 44px !important;
}
.customer-admin-wrap .table-group .tool-box .btn-group {
	margin-bottom:0 !important;
}
.customer-admin-wrap .table-group .value .btn-group {
	gap:8px;
}
.customer-admin-wrap .table-group .value .btn-group button.fill-opacity-blue {
	background: var(--main20);
	color:var(--main);
}
.customer-admin-wrap .table-group .value .btn-group button.fill-opacity-blue:hover {
	background: var(--main30);
}

.mypage-wrap .table-group .value .btn-group button.fill-opacity-blue {
	background: var(--main20);
	color:var(--main);
}
.mypage-wrap .table-group .value .btn-group button.fill-opacity-blue:hover {
	background: var(--main30);
}

.customer-admin-wrap .search-group {
	display: flex;
	align-items: center;
	padding: 24px 24px 20px 24px;
	border-radius: 16px;
	border: 1px solid var(--gray30);
	background: var(--gray10);
	margin:40px 0 60px;
}
.customer-admin-wrap .search-group .label {
	font-size: 18px;
	font-weight: 600;
	line-height: 135%; 
	width:100px;
	text-align: center;
}
.customer-admin-wrap .search-group .form {
	display: flex;
	width:calc(100% - 100px);
	gap:30px;
}
.customer-admin-wrap .search-group .form > div:first-child {
	gap:10px;
	display: flex;
	width:calc(100% - 190px);
}
.customer-admin-wrap .search-group .form > div:first-child .input_group {
	width:calc(100% - 195px);
}
#md-customer-new .modal_content section {
	margin-bottom:24px;
}
#md-customer-new .modal_content section .label-tit {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom:12px;
}
#md-customer-new .modal_content section .label-tit::before {
	content:"";
	display: block;
	width: 4px;
	height: 18px;
	border-radius: 99px;
	background: var(--sub);
	margin-right:12px;
}
#md-customer-new .modal_content section .form {
	border-radius: 12px;
	border: 1px solid var(--gray30);
	padding: 20px;
}
#md-customer-new .modal_content section .form > div:not(:last-child) {
	margin-bottom:12px;
}
#md-customer-new .modal_content section .form > div.half {
	display: flex;
	gap:12px;
	align-items: center;
}
#md-customer-new .modal_content section .form .addr-group {
	display: flex;
	align-items: flex-end;
	gap:10px;
}
#md-customer-new .modal_content section .form .addr-group .input_group {
	width:calc(100% - 130px);
}
#md-customer-new .modal_content section .form .business-num-group {
	display: flex;
	align-items: flex-end;
	gap:10px;
	width:100%;
}
#md-customer-new .modal_content section .form .business-num-group .input_group {
	width:calc(100% - 50px);
}
#md-customer-new .modal_content section .form .business-num-group .btn-search {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: url("../images/icon-16-search.svg") no-repeat center var(--gray30);
	background-size:18px;
}
#md-customer-new .modal_content section .form .business-num-group .btn-search:hover {
	background-color:var(--gray40);
}
#md-customer-new .modal_content .main-box-gray {
	border-radius: 12px;
	background: var(--gray20);
	padding: 16px 20px;
}
#md-customer-new .modal_content .main-box-gray .radio_group {
	display: flex;
	align-items: center;
	gap:16px;
	justify-content: center;
}

.merge-2 {
	grid-column: span 2;
}
.merge-3 {
	grid-column: span 3;
}
/* ==================== 청구서 발급 ==================== */
.search-fillter-group.bl-acdun-group .bl-no-group .item .btn-group {
	width:80px !important;
	margin-left:0 !important;
}
.search-fillter-group.bl-acdun-group .bl-no-group .item .flex-center {
	width:100% !important;
}
.search-fillter-group.bl-acdun-group .inner.active .hide {
	margin-top:10px;
}


.no-show {
	opacity: 0;
	pointer-events: none;
}






.charge-table-wrap li {
	/*grid-template-columns: 40px 1fr repeat(3,100px) 80px repeat(2,166px) 68px;*/
	/*grid-template-columns: 40px 1fr repeat(4, 120px) repeat(2, 116px) 68px;*/
	/* grid-template-columns: 체크박스 컨테이너번호 규격 단가 통화 환율 원화금액 부가세 납부; */
	grid-template-columns: 40px 1fr 120px 120px 120px 120px 116px 116px 68px;


}
.charge-table-wrap.payres-detail1-wrap li {
	grid-template-columns: 40px 300px 300px 1fr 200px;
}
.tsum {
	background: var(--gray30);
	font-size: 14px;
	font-weight: 500;
	line-height: 135%;
	height: 54px;
}
.charge-table-wrap li:not(.thead) > div.checked {
    grid-row: 1 / 3;
}
.charge-table-wrap li:not(.thead) > div.memo.list {
    grid-column: 2 / 4;
    grid-template-columns: 68px 1fr;
}
.charge-table-wrap li:not(.thead) > div.memo.only {
    grid-column: 2 / 10 !important;
    grid-template-columns:40px 1fr;
}
.charge-table-wrap li:not(.thead) > div.memo:not(.list) {
    grid-column: 4 / 10;
    grid-template-columns: 40px 1fr;
}
.charge-table-wrap li > div:not(.memo, .checked) {
	padding:0 8px;
	height: 44px;
}
.charge-table-wrap li .selectbox_group {
	height: 36px;
}
.charge-table-wrap li .selectbox_group select {
	padding: 0 26px 0 10px;
	font-size:14px;
}
.charge-table-wrap li div.input {
	padding:0 4px;
}
.order-info-goup .tit-group .btn-all-check {
	display: none;
}
.order-info-goup .check-area {
	flex-wrap: wrap;
	row-gap:16px;
}
.order-info-goup .check-area .checkbox_group {
	width:20%;
}


@media (max-width: 1620px) {
	.search-fillter-group .bl-no-group .item.mbl {
		padding-left: 100px;
	}
}
@media (max-width: 1360px) {
	.order-info-goup .check-area .checkbox_group {
		width: 33.33%;
	}
}

@media (max-width: 1160px) {
	.charge-table-wrap li .checked {
		display: flex !important;
    }
	.charge-table-wrap li .selectbox_group {
		width:100%;
	}
	.charge-table-wrap li .checked::before {
		content:"선택";
        width: 110px;
        text-align: left;
        font-weight: 600;
        justify-content: flex-start !important;

	}
	.charge-table-wrap li:last-child {
		border-radius: 8px !important;
	}
	.order-info-goup .tit-group .btn-all-check {
		display: block;
		height: 22px !important;
		padding: 0px 12px !important;
		border-radius: 4px;
		background: var(--sub);
		font-size: 13px;
		font-weight: 600;
		color:#fff;
	}
}


@media (max-width: 900px) {
	.freight-num-group .hyphen {
		display: none;
	}
	.search-fillter-group.bl-acdun-group {
		border-top:1px solid var(--gray30);
	}
	.search-fillter-group.bl-acdun-group .bl-no-group .item:first-child {
		padding-bottom:6px;
	}
	.search-fillter-group.bl-acdun-group .bl-no-group .item:first-child::after {
		display: none;
	}
	.search-fillter-group.bl-acdun-group .bl-no-group .item .flex-center {
		align-items: flex-start;
		flex-direction: column;
	}
	.search-fillter-group.bl-acdun-group .bl-no-group .item .flex-center .btn-group,
	.search-fillter-group.bl-acdun-group .bl-no-group .item .flex-center .btn-group button {
		width:100% !important;
	}
	.order-info-goup .check-area .checkbox_group {
		width: 50%;
	}
}

/* ==================== 입금표 조회 ==================== */
.paybil-wrap .table-group .factura-table-wrap li {
	grid-template-columns: 40px 180px 1fr 100px 1fr 146px 60px 100px;
}

.paybil-span { /*grid-colspan*/
	grid-column-end: span 2;
}

/* ==================== 입금표 발급 ==================== */
.paybil-charge-table-wrap li {
	grid-template-columns: 40px 1fr repeat(4,100px) repeat(2,166px);
}
.paybil-charge-table-wrap li:not(.thead) > div.checked {
    grid-row: 1 / 3;
}
.paybil-charge-table-wrap li:not(.thead) > div.memo.list {
    grid-column: 2 / 4;
    grid-template-columns: 68px 1fr;
}
.paybil-charge-table-wrap li:not(.thead) > div.memo.only {
    grid-column: 2 / 10 !important;
    grid-template-columns:40px 1fr;
}
.paybil-charge-table-wrap li:not(.thead) > div.memo:not(.list) {
    grid-column: 4 / 10;
    grid-template-columns: 40px 1fr;
}
.paybil-charge-table-wrap li > div:not(.memo, .checked) {
	padding:0 8px;
	height: 44px;
}
.paybil-charge-table-wrap li .selectbox_group {
	height: 36px;
}
.paybil-charge-table-wrap li .selectbox_group select {
	padding: 0 26px 0 10px;
	font-size:14px;
}
.paybil-charge-table-wrap li div.input {
	padding:0 4px;
}

/* ==================== 매출합계표 ==================== */
.table-group.sales-tax-total-wrap {
	margin-top:16px;
}
.table-group.sales-receipt-wrap li {
    grid-template-columns: 60px repeat(2,1fr) 80px repeat(3,160px);
}
.table-group.sales-tax-total-wrap li {
	grid-template-columns: 240px repeat(2,160px) repeat(3,1fr);
}
.table-group.sales-receipt-wrap li > div,
.table-group.sales-tax-total-wrap li > div {
    height: 44px !important;
    min-height: 44px !important;
	padding:0 8px;
}
.table-group.sales-receipt-wrap li > div.al_right,
.table-group.sales-tax-total-wrap li > div.al_right {
	justify-content: end;
}
.table-group.sales-tax-total-wrap li > div.th {
	background: var(--gray20);
	font-weight: 500;
}









/* ==================== 로그인 ==================== */
.login-wrap {
	min-height: 100vh;
}
.login-wrap .content-wrap {
	min-height: calc(100vh - 164px);
    padding-bottom: 70px;
}
.login-wrap .loginTab .tab-group {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-bottom: 20px;
}
.login-wrap .loginTab .tab-group a {
	font-size: 18px;
    height: 52px;
}
.login-wrap .loginTab .btn-group {
	margin-top:16px;
}
.login-wrap .loginTab .input-id {
	margin-bottom:8px;
}
.login-wrap .loginTab .input_group .text_group.left-icon input {
	padding-left: 48px;
}
.login-wrap .loginTab .side-menu-group {
	display: flex;
	align-items: center;
	margin-top:12px;
	justify-content: space-between;
}
.login-wrap .loginTab .side-menu-group .join-lin-group {
	display: flex;
	align-items: center;
	font-size:14px;
	color:var(--gray80);
	gap:10px;
	font-weight: 400;
}
.login-wrap .loginTab .side-menu-group .join-lin-group a {
	display: flex;
	align-items: center;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.login-wrap .loginTab .side-menu-group .join-lin-group a:first-child::after {
	content:"";
	width:1px;
	height: 14px;
	background:var(--gray50); 
	display: block;
	margin-left:10px;
}
.login-wrap .loginTab .side-menu-group .join-lin-group a:hover {
	color:var(--gray130);
}
.login-wrap .loginTab .tab-group .authentication-btn {
	display: flex;
	align-items: center;
}
.login-wrap .loginTab .tab-group .authentication-btn i {
	width:20px;
	height: 20px;
	margin-right:6px;
	background: url(../images/icon-20-shield-check-gray.svg) no-repeat center;
}
.login-wrap .loginTab .tab-group .authentication-btn:hover i, 
.login-wrap .loginTab .tab-group .authentication-btn.active i {
	background: url(../images/icon-20-shield-check-color.svg) no-repeat center;
}
.login-wrap .login-group {
	max-width:440px;
	margin:60px auto 0;
}
.login-wrap .tit-top {
	display: flex;
	flex-direction: column;
    align-items: center;
	margin-bottom:36px;
}
.login-wrap .tit-top i {
	width: 60px;
	height: 60px;
	margin-bottom:12px;
	display: block;
	background: url(../images/icon-44-ci.svg) no-repeat center;
	background-size:100%;
}
.login-wrap .tit-top .tit {
	font-size: 32px;
	font-weight: 700;
	line-height: 140%;
	display: block;
	margin-bottom:6px;
}
.login-wrap .tit-top .sub-txt {
	font-size: 18px;
	color: var(--gray100);
	font-weight: 400;
}
.login-wrap .sub-box {
	width:calc(100% - 60px);
}

.login-wrap .loginSearchTab .tab-group {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-bottom: 20px;
}
.login-wrap .loginSearchTab .tab-group a {
	font-size: 18px;
    height: 52px;
}
.login-wrap .loginSearchTab .btn-group {
	margin-top:16px;
}
.login-wrap .loginSearchTab .input-id {
	margin-bottom:8px;
}
.login-wrap .loginSearchTab .input_group .text_group.left-icon input {
	padding-left: 48px;
}
.login-wrap .loginSearchTab .side-menu-group {
	display: flex;
	align-items: center;
	margin-top:12px;
	justify-content: space-between;
}
.login-wrap .loginSearchTab .side-menu-group .join-lin-group {
	display: flex;
	align-items: center;
	font-size:14px;
	color:var(--gray80);
	gap:10px;
	font-weight: 400;
}
.login-wrap .loginSearchTab .side-menu-group .join-lin-group a {
	display: flex;
	align-items: center;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.2s;
	transition-timing-function:ease;
}
.login-wrap .loginSearchTab .side-menu-group .join-lin-group a:first-child::after {
	content:"";
	width:1px;
	height: 14px;
	background:var(--gray50); 
	display: block;
	margin-left:10px;
}
.login-wrap .loginSearchTab .side-menu-group .join-lin-group a:hover {
	color:var(--gray130);
}
.login-wrap .loginSearchTab .tab-group .authentication-btn {
	display: flex;
	align-items: center;
}
.login-wrap .loginSearchTab .tab-group .authentication-btn i {
	width:20px;
	height: 20px;
	margin-right:6px;
	background: url(../images/icon-20-shield-check-gray.svg) no-repeat center;
}
.login-wrap .loginSearchTab .tab-group .authentication-btn:hover i, 
.login-wrap .loginSearchTab .tab-group .authentication-btn.active i {
	background: url(../images/icon-20-shield-check-color.svg) no-repeat center;
}
.login-wrap .loginSearchTab .form {
	margin-top:20px;
}
.login-wrap .loginSearchTab .form .input_group:nth-child(-n+2):not(.w-185):not(.w-220) {
    margin-bottom: 16px;
}
.login-wrap .loginSearchTab .form .input_group label {
	display: flex;
	align-items: center;
	font-weight: 400;
	margin-bottom:6px;
}
.login-wrap .loginSearchTab .form .input_group label::before {
	content:"";
	width: 3px;
	height: 14px;
	background: var(--sub);
	border-radius: 99px;
	margin-right:6px;
}
.login-wrap .loginSearchTab .form .input_group > .inner {
	display: flex;
	flex-direction: column;
	gap:10px;
}
.login-wrap .loginSearchTab .form .input_group > .inner > div {
	display: flex;
	align-items: center;
	gap:10px;
}
.login-wrap .login-search-group {
	max-width:540px;
	margin:60px auto 0;
}



@media (max-width: 900px) {
	.login-wrap .snb-none + #footer .inner {
		width:calc(100% - 32px)
	}
	.login-wrap .tit-top i {
		display: none;
	}
	.login-wrap .login-group {
		margin-top:30px;
	}
	.login-wrap .tit-top .tit {
		font-size: 28px;
		margin-bottom: 8px;
	}
	.login-wrap .tit-top .sub-txt {
		font-size: 16px;
	}
	.login-wrap .sub-box {
		width:calc(100% - 32px);
	}
	.login-wrap .content-wrap {
		min-height: calc(100vh - 295px);
	    padding-bottom: 40px;
	}
}


/* ==================== 개별 추가 ==================== */

.nodata-list {
	grid-template-columns: none !important;
}

/* ==================== 모달 공통 스타일 추가 ==================== */
.md-comm .form .input_group label {
	display: flex;
	align-items: center;
	font-weight: 400;
	margin-bottom:2px;
}
.md-comm .form .input_group label::before {
	content:"";
	width: 3px;
	height: 14px;
	background: var(--sub);
	border-radius: 99px;
	margin-right:2px;
}

.md-comm .modal_content .absleft100 {
	position: absolute;
	left: 100px;
	color:var(--gray130);
}

.md-comm .tax-number {
	display: flex;
	align-items: center;
}
.md-comm .tax-number .tit {
	font-size: 16px;
	font-weight: 600;
	width:110px;
	text-align: center;
}
.md-comm .table-group {
	margin-top:1px;
	border-radius: 10px;
    border-style: hidden;
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--gray30);
}
.md-comm .table-group tr {
	height: 48px;
	border-bottom:1px solid var(--gray30);
}
.md-comm .table-group tbody tr:last-child {
	border-bottom:0;
}
.md-comm .table-group th {
	border-right: 1px solid var(--gray40);
	text-align: center;
	background: var(--gray30);
}
.md-comm .table-group td {
	border-right: 1px solid var(--gray30);
	padding:4px 6px;
	text-align: center;
}
.md-comm .table-group th:last-child, #md-email .table-group td:last-child {
	border-right: 0;
}
.md-comm .table-group td .flex-center {
	justify-content: center;
	gap:6px;
}

.md-comm .table-group td .flex-left {
	display: flex;
	justify-content: left;
	gap:6px;
}

.md-comm .table-group .checkbox_group label {
	justify-content: center;
}
.md-comm .table-group button.fill-sub {
	background: var(--sub);
	color:#fff;
	width:52px;
}
.md-comm .table-group td .flex-center .label {
	width:40px;
}
.md-comm .table-group tbody tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}
.md-comm .table-group .btn-del {
	width: 30px;
	height: 30px;
	border-radius: 99px;
	background: url("../images/icon-24-close.svg") no-repeat center var(--gray30);
	background-size:16px;
}
.md-comm .table-group .btn-del:hover {
	background-color: var(--gray40);
}
.md-comm .table-group td .flex-center .input_group {
	width:calc(100% - 36px);
}
.md-comm .ar-tit {
	font-size:18px;
	font-weight: 600;
}
.md-comm .data-form > div.top-section {
	margin-top:10px;
	width:100%;
	border-top:1px solid var(--black);
}
.md-comm .data-form > div.top-section > div.bottom-section {
	display: flex;
	align-items: center;
	gap:12px;
	margin-top:10px;
}
.md-comm .data-form > div.data-section {
	margin-top:10px;
	width:100%;
}
.md-comm .data-form > div.data-section > div.bottom-section {
	display: flex;
	align-items: center;
	gap:12px;
	margin-top:10px;
}
.md-comm .data-form {
	width:100%;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid var(--gray30);
}
.md-comm .last-txt {
	color: var(--main60);
	font-size: 16px; 
	font-weight: 500;
	display: block;
	margin-top:20px;
	text-align: center;
}
.md-comm .info-txt {
	color:var(--system-red);
	font-size: 16px; 
	font-weight: 500;
	display: block;
	margin: 20px 20px;
	text-align: center;
}
.md-comm .result-txt {
	color: var(--main60);
	font-size: 16px; 
	font-weight: 500;
	display: block;
	margin: 20px 20px;
	text-align: center;
}
.md-comm .data-form > div:not(:last-child){
	margin-bottom:12px;
}
.md-comm .data-form .checkbox_group  {
	margin-top:16px;
}
.md-comm .data-form .checkbox_group label span {
	width: calc(100% - 34px);
	padding-left: 10px;
}
.md-comm .data-form .checkbox_group input[type="checkbox"] ~ label {
	align-items: flex-start;
}

.md-comm .modal_content .top-group {
	display: flex;
	align-items: center;
	flex-direction: column; 
	text-align: center;
	margin-bottom:24px;
}
.md-comm .modal_content .top-group img {
	width:60px;
	height: 60px;
	display: block;
	margin-bottom:8px;
}
.md-comm .modal_content .top-group .tit {
	font-size: 20px;
	font-weight: 600;
	margin-bottom:6px;
}
.md-comm .modal_content .top-group .sub-txt {
	color: var(--gray80);
	font-size: 14px;
	font-weight: 400;
}
.md-comm .data-form .input_group > .inner {
	display: flex;
	flex-direction: column;
	gap:10px;
}
.md-comm .data-form .input_group > .inner > div {
	display: flex;
	align-items: center;
	gap:10px;
}
.md-comm .modal_content .password-reset-section .item {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid var(--gray30);
}

.md-comm .modal_content .password-reset-section .item .item-label {
    width: 300px;
    display: flex;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
}

.md-comm .modal_content .password-reset-section .item .item-label.request::after
{
    content: "*";
    color: var(--system-red);
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px;
    display: block;
}

.md-comm .modal_content .input_group.request > label::after
{
	content: "*";
	color: var(--system-red);
	font-size: 16px;
	font-weight: 500;
	margin-left: 4px;
	display: inline;         /* block에서 inline으로 변경 */
	vertical-align: middle;  /* 수직 정렬을 위해 추가 */

}

.md-comm .modal_content .password-reset-section .item > .inner {
    width: calc(100% - 300px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.md-comm .modal_content .password-reset-section .item > .inner > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.md-comm .modal_content .password-reset-section .item > .inner .info-txt {
    font-size: 14px;
    color: var(--gray70);
    font-weight: 300;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.md-comm .modal_content > .password-reset-section > .btn-group {
    margin-top: 24px;
    gap: 16px;
}




/* ==================== 툴팁 ==================== */
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: max-content;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  white-space:pre;
  content: attr(data-tooltip);
  font-size: 13px;
  line-height: 1.2;
	border-radius: 2px;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 50%;
	transform: translateY(-50%);
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

/* 엑셀 업로드 모달 전용 스타일 */
#md-excel-upload .modal_content {
	padding: 30px;
	overflow: visible;
}

#md-excel-upload .form .item {
	border-bottom: none;
	padding: 0;
	display: flex;
	align-items: flex-start;
}

#md-excel-upload .form .item .item-label {
	width: 90px;
	padding: 12px 0;
	height: auto;
	font-size: 14px;
	font-weight: 600;
}

#md-excel-upload .form .item .item-label.request::after {
	content: "*";
	color: var(--system-red);
	font-size: 14px;
	margin-left: 4px;
}

#md-excel-upload .form .item > .inner {
	width: calc(100% - 90px);
}

#md-excel-upload .form .item > .inner > div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

#md-excel-upload .input_group {
	display: flex;
	gap: 8px;
	align-items: center;
}

#md-excel-upload .input_group .text_group {
	flex: 1;
}

#md-excel-upload .file-label {
	cursor: pointer;
	display: inline-block;
	padding: 8px 16px;
	white-space: nowrap;
}

#md-excel-upload .info-txt {
	font-size: 13px;
	color: var(--gray70);
}

#md-excel-upload .ar-tit {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 16px;
}

#md-excel-upload article:not(:first-child) {
	margin-top: 30px;
}

/* 결과 메시지 */
#md-excel-upload .result-message {
	display: flex;
	align-items: flex-start;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 12px;
}

#md-excel-upload .result-message.success {
	background-color: #f0f9ff;
	border: 1px solid #0ea5e9;
}

#md-excel-upload .result-message.error {
	background-color: #fef2f2;
	border: 1px solid #ef4444;
}

#md-excel-upload .message-icon {
	font-size: 28px;
	font-weight: bold;
	margin-right: 12px;
	min-width: 35px;
	text-align: center;
}

#md-excel-upload .result-message.success .message-icon {
	color: #0ea5e9;
}

#md-excel-upload .result-message.error .message-icon {
	color: #ef4444;
}

#md-excel-upload .message-content {
	flex: 1;
}

#md-excel-upload .message-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
}

#md-excel-upload .result-message.success .message-title {
	color: #0369a1;
}

#md-excel-upload .result-message.error .message-title {
	color: #dc2626;
}

#md-excel-upload .message-text {
	font-size: 14px;
	color: #374151;
	line-height: 1.5;
}

#md-excel-upload .message-text .highlight {
	font-weight: bold;
	font-size: 15px;
}

#md-excel-upload .result-message.success .highlight {
	color: #0369a1;
}

#md-excel-upload .result-message.error .highlight {
	color: #dc2626;
}

/* 에러 테이블 */
#md-excel-upload .error-table-wrap {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

#md-excel-upload .error-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

#md-excel-upload .error-table thead {
	position: sticky;
	top: 0;
	background-color: #f3f4f6;
	z-index: 1;
}

#md-excel-upload .error-table th {
	background-color: #f3f4f6;
	padding: 10px 8px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid #e5e7eb;
}

#md-excel-upload .error-table td {
	padding: 10px 8px;
	border-bottom: 1px solid #e5e7eb;
	text-align: center;
}

#md-excel-upload .error-table td:last-child {
	text-align: left;
}

#md-excel-upload .error-table tbody tr:hover {
	background-color: #f9fafb;
}

#md-excel-upload .error-table tbody tr:last-child td {
	border-bottom: none;
}

/* 버튼 그룹 */
#md-excel-upload .btn-group.specific-btn-group {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	gap: 8px;
}

/* 반응형 */
@media (max-width: 900px) {
	#md-excel-upload .modal_content {
		padding: 20px;
	}

	#md-excel-upload .form .item {
		flex-direction: column;
	}

	#md-excel-upload .form .item .item-label {
		width: 100%;
		margin-bottom: 6px;
	}

	#md-excel-upload .form .item > .inner {
		width: 100%;
	}

	#md-excel-upload .btn-group.specific-btn-group {
		flex-direction: column;
	}

	#md-excel-upload .btn-group.specific-btn-group button {
		width: 100%;
	}

	#md-excel-upload .error-table th:first-child,
	#md-excel-upload .error-table td:first-child {
		width: 60px;
	}

	#md-excel-upload .error-table th:nth-child(2),
	#md-excel-upload .error-table td:nth-child(2) {
		width: 80px;
	}
}

/* 파일 업로드 영역 스타일 */
#md-excel-upload .file-upload-area {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#md-excel-upload .file-upload-area .input_group {
	display: flex;
	gap: 8px;
	align-items: center;
}

#md-excel-upload .file-upload-area .input_group .text_group {
	flex: 1;
}

#md-excel-upload .file-upload-area .input_group input[type="text"] {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--gray40);
	border-radius: 4px;
	background-color: var(--gray10);
	font-size: 14px;
}

#md-excel-upload .file-upload-area .input_group button {
	height: 40px;
	padding: 0 16px;
	white-space: nowrap;
}

#md-excel-upload .file-upload-area .info-txt {
	font-size: 13px;
	color: var(--gray70);
	display: block;
	text-align: left;
	margin-left: 0;
	margin-top: 0;
}

.under-right-blue-info-txt {
	float: right;
	color: var(--system-blue);
	font-weight: bold;
}

/* readonly 상태일 때도 파란색 유지 */
.blue-text:read-only {
	color: blue !important;
}

/* 혹시 모를 내부 글자색 속성까지 제어 */
.blue-text {
	color: blue !important;
	-webkit-text-fill-color: blue !important; /* 일부 브라우저 대응 */
}