@import url("icons.css?v=1");
@import url("reset.css?v=2.6");
@import url("drive.css");
@import url("multiple-select.css?v=1.1");

@import url("form.css?v=2.7");
@import url("contents.css?v=2.6");
@import url("consulting.css?v=3");

/* Layout */
html,
body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.App {
	display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}
.Container{
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 4.8em;
    bottom: 0;
	background: url(../images/common/bg_line.png);
	overflow-y: auto;
	z-index: 0;
}
.Container__inner{position: relative;}
.Container__main {
	min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
}

.App.Full {
	min-width: auto;
}
.App.Welcome .App_container{
    left: 0
}
.App__sidebar {
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #40427f;
	overflow-x: hidden;
	z-index:1;
}
.App.on .App__sidebar{width:12em}
.App__header {
    background: #ffffffcf;
    box-shadow: 0 0 2em #00000014;
	padding-bottom: 7px;
}
.App_container {
	position: absolute;
	top: 0rem;
	left: 0em;
	right: 0;
	bottom: 0;
	background: #ececf1;
	overflow-x: auto;
	overflow-y: hidden;
	z-index:10;
	display: flex;
	flex-direction: column;
	box-shadow: inset 0 0 1em 3px #00000026;
}
.App.on .App_container{left:12em}
.App_container:after {
	content: "";
	display: block;
	clear: both;
}
.App_container .App__header{
	flex-grow: 0;
	flex-shrink: 0;
}
.App_container .App__main{
	flex-grow: 1;
	flex-shrink: 1;
	overflow-y: auto;
}
.Container::-webkit-scrollbar {
  width: 14px; /* 스크롤바 너비 */
}

.Page {
	overflow-y: auto;
}
.Page__inner {
	padding: 0.5em;
}
.Page__setting {
	position: absolute;
	right: 0;
	top: 0;
}

.NoDrag *{
	-ms-user-select: none; 
	-moz-user-select: -moz-none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	user-select:none;
}


/* AlterSection */
.AlterSection{
	position: fixed;top:1em;left:10%;right:10%;z-index: 1050;
	opacity: 0.8;
}
.AlterSection .alert{
	position: absolute;
	left:0;
	right:0;
	transform: translateY(-10em);
	transition: all 1s;
	opacity: 0;
}
.AlterSection .alert i{display: inline-block;padding-right: .5em;}
.AlterSection .alert strong{display: inline-block;padding-right:.5em}
.AlterSection .alert.active{transform: translateY(0);opacity: 1;z-index:1000}
.AlterSection .alert .msg{font-size:0.8em}

/* Dialog */
.Dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 20em;
	margin-left: -10em;
	margin-top: -10em;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid #efefef;
	z-index: 1000;
	border-radius: 0.5em;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.Dialog__msg {
	text-align: center;
	padding: 3em 0;
	line-height: 1em;
	font-weight: bold;
	color: #004e6d;
}
.Dialog.danger .Dialog__msg {
	color: tomato;
}
.noti {
	display: inline-block;
	font-size: 0.9em;
	color: #ff8080;
}
.sino_link{
	padding: 0.2em .4em;
	vertical-align: middle;
	background-color: #efefef;
	border-radius: 1px solid #eee;
}
.bg-update { background-color: #fffde7 !important; }
.bg-update:hover { background-color: #fff9c4 !important; }


/* Layout */
.Layout__row:after {
	content: "";
	display: block;
	clear: both;
}
.Layout__row > div[class^="Layout__col"] {
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 0 0.5em;
}
.Layout__row > div[class^="Layout__col"]:first-child {
	padding-left: 0;
}
.Layout__row > div[class^="Layout__col"]:last-child {
	padding-right: 0;
}
.Layout__col9 {
	width: 75%;
}
.Layout__col8 {
	width: 66.66%;
}
.Layout__col7 {
	width: 58.33%;
}
.Layout__col6 {
	width: 50%;
}
.Layout__col5 {
	width: 41.66%;
}
.Layout__col4 {
	width: 33.33%;
}
.Layout__col3 {
	width: 25%;
}
@media (max-width: 1024px) {
	.Layout__col6 {width:100%}
	.Layout__col5 {width:100%}
	.Layout__col4 {width:100%}
	.Layout__col3 {width:100%}
}

/* Div_row */
.Div__table{font-size:0.875em}
.Div__row.center {text-align: center;}
.Div__row.register {background: #eaf3f9;margin: 0.5em;border-radius: 0.3em;}
.Div__col {display: inline-block;padding: 0.5em;}
.Div__col .Div__label {display: inline-block;line-height: 2em;}

/* DivTable */
.DivTable{display: table;width: 100%;}
.DivTable.Size_sm{font-size:0.825em}
.DivTable__table{
	display: table;
    table-layout: fixed;
    width: 100%;
}
.DivTable__row{display: table-row;}
.DivTable__cell{display: table-cell;vertical-align: middle;box-sizing:border-box;border-bottom:1px solid #eee;text-align: left;padding:.4em 1em;height:3em;line-height: 1.3em;}
.DivTable__row.thead .DivTable__cell{font-weight: bold;border-top:1px solid #ddd;text-align: center;background: rgba(255,255,255,0.5);}
.DivTable__cell.center{text-align: center;}
.DivTable__cell.left{text-align: left;}
.DivTable__empty{
	width: 100%;
    border-bottom: 1px solid #eee;
    text-align: center;
    min-height: 3em;
    line-height: 3em;
}
.DivTable.Style_line{border:1px solid #004e6d}
.DivTable.Style_line .DivTable__cell{border-left:1px solid #eee}
.DivTable.Style_line .DivTable__cell:last-child{border-right:1px solid #eee}
.DivTable.Style_line .DivTable__row.thead .DivTable__cell{background:#e6f5f6}

.DivTable__cell .link{
    border: 1px solid #9e9e9e;
    text-transform: uppercase;
	width:6.5em;
	padding:.2em .4em;
	background:#efefef;
	border-radius: 3px;
    line-height: 1.6em;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.DivTable__cell .link:hover{font-weight: bold;border-color:#000;}
.DivTable__cell .link.tf{background-color: #faf2c2;}
.DivTable__cell .link .txt{font-size: 12px;letter-spacing: -0.5px;}


/* icon */
.icon_folder {
	background-image: url("/public/images/icons/icon_folder.png");
}
.icon_pdf {
	background-image: url("/public/images/icons/icon_pdf.png");
}
.icon_excel {
	background-image: url("/public/images/icons/icon_excel.png");
}
.icon_doc {
	background-image: url("/public/images/icons/icon_doc.png");
}
.icon_word {
	background-image: url("/public/images/icons/icon_word.png");
}
.icon_ppt {
	background-image: url("/public/images/icons/icon_ppt.png");
}
.icon_image {
	background-image: url("/public/images/icons/icon_image.png");
}
.icon_admin {
	background-image: url("/public/images/icons/icon_admin.png");
}

.Icon__basic {
	width: 2em;
	height: 2em;
	display: inline-block;
	background-position: center;
	background-size: auto 2em;
	background-repeat: no-repeat;
}

/* badge */
.badge {
	display: inline-block;
	margin: 0 5px;
	padding: 0.5em 1em;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 2rem;
	background-color: #3c8ed3;
    color: #fff;
}
.badge__soft {
	color: #444bf8;
	background-color: #eeeeee;
}
.badge__info {
	color: #00ed96;
	background-color: rgba(0, 237, 150, 0.2);
}
.badge__danger {
	color: #f12559;
	background-color: rgba(241, 37, 89, 0.2);
}
/* 완료·성공 상태 — badge__danger(빨강)를 완료 표시에 쓰지 않도록 추가 */
.badge__success {
	color: #0a7a52;
	background-color: rgba(0, 237, 150, 0.2);
}
.badge__warning {
	color: #f1be25;
	background-color: rgba(241, 190, 37, 0.2);
}
.fileIcons{
    position: absolute;
    left: 50%;
	margin-left:-5em;
    top: -2em;
    line-height: 2em;
    border-radius: 3px;
    background: #fffca4aa;
    width: 10em;
    border: 1px solid #b3b3b3;
    padding: .2em .5em;
    font-size: 0.8em;
	opacity: 0;
	z-index: -1;
	box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;	
}
.fileIcons.active{
	opacity: 1;
    z-index: 1000;
}
.fileIcons:after {
	content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1em;
    width: 0;
    margin-left: -1em;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid #b3b3b3;
}
.fileIcons i{font-size:0.925em}

/* state */
.state {
	margin: 2px 0;
	min-width: 10em;
	box-sizing: border-box;
	display: inline-block;
	padding: 0 0.6em;
	line-height: 2.4em;
	height: 2.4em;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	box-shadow: 0 0 5px #eee;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	font-size: 0.9em;
}
.state.fin {
	background: #eee;
}
.state.ivd{
	background-color: #607d8b;
	color:#fff;
}

/* Btn_basic */
.Button[class*="Button_"] {
	box-sizing: border-box;
	min-width: 2.6em;
	padding: 0 0.5em;
	line-height: 2.5em;
	height: 2.5em;
	color: #fff;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-appearance: button;
	display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .4em;
}
.Button [class*="mif-"] {
	font-size: 0.9em !important;
    line-height: 1em;
    height: 0.9em;
	vertical-align: baseline;
}
.Button[class*="Button_"] > .txt {
}
.Button[class*="Button_"] > span {
	vertical-align: baseline;
	letter-spacing: -.5px;
	font-size:0.825em;
}
.Button[size="8"] {
	width: 8em;
}
.Button[size="9"] {
	width: 9em;
}
.Button[size="10"] {
	width: 10em;
}
.Button[size="11"] {
	width: 11em;
}
.Button.Button__normal {
	background-color: #fefefe;
	color: #7e7e7e;
	box-shadow: 0 0 3px #eee;
}
.Button.Button__normal:hover {
	background-color: #bfbfbf;
}
.Button.Button__normal .icon {
	font-size: 1em;
}
.Button.Button__normal.active, .Button.Button__normal.active:hover{
	background-color: #4f8fa8;
	color:#fff;
}
.Button.Button__basic {
	background-color: #e4e4e4;
	color: #666666;
}
.Button.Button__basic:hover {
	background-color: #d2d2d2;
}
.Button.Button__normal {
	background-color: #fff;
	color: #888;
}
.Button.Button__normal:hover {
	background-color: rgb(233, 233, 233);
}
.Button.Button__primary {
	background-color: #40427f;
	color: #fff;
}
.Button.Button__primary:hover {
	background-color: #252647;
}
.Button.Button__sub {
	background-color: #a782c8;
	color: #fff;
}
.Button.Button__sub:hover {
	background-color: #72538d;
}
.Button.Button__danger {
	background-color: #dc3545;
	color: #fff;
}
.Button.Button__danger:hover {
	background-color: #b52a37;
}
.Button.Button__second {
	background-color: #f78c00;
	color: #fff;
}
.Button.Button__second:hover {
	background-color: #d87a00;
}
.Button.Button__second.active {
	background-color: #f35900;
}
.Button.Button__info {
	background-color: #1fb9ce;
	color: #fff;
}
.Button.Button__standard {
	background-color: #efefef;
	color:#222;
	text-align: center;
	height: 2.9em;
	line-height: 2.9em;
}
.Button.Button__standard.active {
	background-color: #9052f5;
	color:#fff;
}
.Button.Button__standard.Button__C{background-color: #e9dbff;}
.Button.Button__standard.Button__P{background-color: #ffd0f9;}

.Button.Button__standard .txt{
	font-size:1em;
}
.Button.Button__delete {
	background-color: #f6e2e2;
	color: #666666;
}
.Button.Button__delete:hover {
	background-color: #eccfcf;
}
.Button.Button__blue {
	background-color: #e2eef6;
	color: #666666;
}
.Button.Button__blue:hover {
	background-color: #cfdfec;
}
.Button.Button__icon {
	overflow: hidden;
	padding: 0;
	width: 3em;
	height: 3em;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 3em;
}
.Button__large.Button.Button[class*="Button_"] {
	padding: 0 1em;
	line-height: 2.8em;
	height: 2.8em;
}
.Button__large.Button.Button[class*="Button_"] > .txt {
	font-size: 1em;
}
.Button__large.Button.Button[class*="Button_"] [class*="mif-"] {
	font-size: 1em;
}
.Button.Button__block{
	display: flex;
	width: 100%;
	box-sizing: border-box;
}
.Button__disabled.Button.Button[class*="Button_"]{
	background-color: #e7e7e7;
	color: #d1cdcd;
	pointer-events: none;
}

.Button__group {text-align: left;}
.Button__group:after{content:'';display: block;clear: both;}
.Button__group.right {text-align: right;}
.Button__group.center {text-align: center;}
.Button__group .group_left{float:left;text-align: left;}
.Button__group .group_right{float:right;text-align: right;}
.Button__group.small{font-size:0.875em}

.Button__client_file{width: 11em;}

.RadiusBox {
	box-sizing: border-box;
	display: inline-block;
	min-width: 2em;
	padding: 0 0.6rem;
	line-height: 2rem;
	border-radius: 3px;
}
.RadiusBox__basic {
	background: #fff;
	color: #222;
	border: 1px solid #eee;
}
.RadiusBox__basic.active {
	background: #ff8080;
	color: #fff;
}
.RadiusBox__basic.wait {
	background: #8eafbc;
	color: #fff;
}
.RadiusBox__basic.fin {
	background: #004e6d;
	color: #fff;
}
.RadiusBox__page {
	padding: 1em 2em;
	background: #efefef;
	color: #222;
	border: 1px solid #eee;
}

.Status.active {
	color: #ff8080;
}
.Status.wait {
	color: #222;
}
.Status.fin {
	color: #004e6d;
}

/* FileArea */
.FileArea {
	display: inline-block;
}
.FileArea label {
	display: inline-block;
	line-height: 2em;
	background: #000;
	color: #fff;
	padding: 0 1em;
	border-radius: 3px;
}
.FileArea input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}

/* AlertArea */
.AlertArea {
}
.AlertArea p {
	font-size: 0.875em;
	line-height: 1.2em;
}
.AlertArea__item {
	margin-bottom: 0.3em;
	padding: 0.8em 0.5em;
	border: 1px solid #efefef;
	border-radius: 3px;
}
.AlertArea__item span {
	font-size: 0.8em;
	display: inline-block;
	padding: 0 0.5em;
}
.AlertArea__danger {
	background-color: #ffcece;
}

/* NoticeArea */
.NoticeArea {
}
.NoticeArea__item {
	font-size: 0.825em;
	line-height:1.4em;
}
.NoticeArea__item.center {text-align: center;}
.NoticeArea__item.empty {line-height: 5em;border:1px solid #eee;background: #efefef;text-align: center;}
.NoticeArea__item.red{color:red}

/* DataLink */
.DataLink__list {
	text-align: center;
    padding: 0.5em 0;
    background: #f8f7fc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}
.DataLink__list.is_button{
	padding-right:10em;
}
.DataLink__list__inner {
	text-align: center;
	position:relative;
	overflow-x:auto;
	text-align: center;
    position: relative;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    gap: 0.5em;	
}
.DataLink__list__button{
	position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -1.2em;
}
.DataLink__list.isArrow .DataLink:after{
    content: '▶';
    position: absolute;
    right: -0.9em;
    margin-top: -0.5em;
    line-height: 1em;
    width: 1em;
    text-align: left;
    top: 50%;
    display: block;
    z-index: 100;
    color: #bdc7c9;
    font-size: 0.825em;
}
.DataLink__list.isArrow .DataLink{
	margin-right:0.5em;
	position: relative;
	text-align: center;
}
.DataLink__list.isArrow .DataLink.active:after{
	color:#9395d5 !important;
	margin-right: 1px;
}
.DataLink__list.isArrow .DataLink:hover:after{
	color:#8ea9a9;
}
.DataLink__list.isArrow .DataLink:last-child:after{display: none;margin-right: 0;}
.DataLink__list.flex .DataLink{flex-grow: 1;}
.DataLink__list.flex_10 .DataLink{flex-grow: 1;flex-basis: 10%;}
.DataLink__list select{background-color: #fff;border-width: 2px;}

.DataLink__contol{display:flex;flex-direction: row;justify-content: end;}
.DataLink {
	box-sizing: border-box;
	min-width: 3em;
	line-height: 1em;
	padding: .6em 1em;
	color: #6d6d6d;
	border-radius: 3px;
	background-color: #e4e4e4;
	border: 1px solid #bdc7c9;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.DataLink:hover {
	background-color: #8ea9a9;
	color: #fff;
}
.DataLink > span {
	letter-spacing: -0.5px;
	line-height: 1rem;
	font-size: 0.825em;
}
.DataLink.active {
	background-color: #36387f;
	color: #fff;
}
.DataLink__empty {
	text-align: center;
	padding: 1em 0;
}

/* empty data  */
.data_w3 {
	display: inline-block;
	width: 3em;
}
.data_w5 {
	display: inline-block;
	width: 5em;
}

/* Title */
.Title__box{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}
.Title__box > div{}
.Title__basic {
	line-height: 1.2em;
	padding: 1em 0;
}
.Title__basic span {
	font-size: 1.4em;
	vertical-align: middle;
}

/* TableStyle */
.TableStyle__1 {
	overflow-x: auto;
	font-size: 0.8em;
	min-height: 20em;
	border-top: 2px solid #8789ad;
	line-height: 1.2em;
}
.TableStyle__1 .flex{display: flex;flex-direction: row;gap:2px}
.TableStyle__1 .flex input{flex-grow: 1;flex-shrink: 1;}
.TableStyle__1.fixed{table-layout: fixed;}
.TableStyle__1 .icon{vertical-align: middle;}
.TableStyle__1.font_md {
	font-size: 1em;
}
.TableStyle__1.font_sm {
	font-size: 0.825em;
}
.TableStyle__1.no_width table {
	min-width: 100%;
	width: auto;
}
.TableStyle__1 table {
	min-width: 85em;
}

.TableStyle__1 thead th {
	height: 3.2em;
	color: #444444;
	letter-spacing: -.5px;
	border-bottom: 1px solid #b9bacf;
}
.TableStyle__1 tbody td {
	height: 3em;
	padding: 0.2em;
}
.TableStyle__1 td,
.TableStyle__1 th {
	border-bottom: 1px solid #efefef;
	margin: 0;
	padding: 0;
	color: #615c71;
	letter-spacing: -0.5px;
}
.TableStyle__1 td.left,
.TableStyle__1 th.left {
	text-align: left;
}
.TableStyle__1 td.empty {
	height: 3em;
	text-align: center;
	width: 100%;
    display: table-cell;
}
.TableStyle__1 .link {
	text-decoration: underline;
}
.TableStyle__1 .link.active {
	font-weight: bold;
}
.TableStyle__1 .register {
	background: #eaf3f9;
	margin: 0.5em;
	border-radius: 0.3em;
}
.TableStyle__1 tbody tr:nth-child(2n-1) {
	background: #f7f8fc;
}
.TableStyle__1 tr.mark td{background:rgb(255, 237, 240)}
.TableStyle__1 .td_list {
	display: inline-block;
	width: 46%;
	padding: 0.5em;
	background: #fff;
	border-radius: 3px;
	vertical-align: top;
	border: 1px solid #eee;
	margin: 3px;
}
.TableStyle__1 .td_col {
	margin: 0 2px;
	text-align: left;
}
.TableStyle__1 .td_title {
	font-weight: bold;
	text-align: left;
}
.TableStyle__1 .td_col .tit {
	display: inline-block;
	width: 6em;
}
.TableStyle__1 tr.warning td {
	background: #fff4f4;
}
.TableStyle__1 .empty{
	display: block;
	line-height: 3em;
	text-align: center;
	border-bottom: 2px solid #eee;
}
.TableStyle__1 .bigger{font-size:1.2em;line-height: 1.2em;}
.TableStyle__1 .sort i{
	display: inline-block;
	cursor: pointer;
}
.TableStyle__1 .sort i.active{
	color:#004e6d;
}
.TableStyle__1 .out{
	color: #f00;
}
.TableStyle__1 .ing{
	color: #000;
}
.TableStyle__1 .control{
	font-size: 1.1em;
}
.TableStyle__1 .control .Button{margin:1px 0;width: 9em;}
.TableStyle__1 .em{
	display: inline-block;
    line-height: 2em;
    color: #fff;
    border-radius: 3px;
    width: 2em;
    text-align: center;
    font-size: 0.9em;
	font-style: normal;
}
.TableStyle__1 .em.R{
    background: #bb00ed;
}
.TableStyle__1 .em.CR{
    background: #c0a6e3;
}
.TableStyle__1 .em.NR{
    background: #ccc;
}
@media (max-width: 1600px) {
	.TableStyle__1 .md_skip{
		display: none;
	}
}

/* TableStyle__2 */
.TableStyle__2 {
	overflow-x: auto;
	font-size: 0.875em;
	border: 1px solid #a7a7a7;
	border-radius: .5em;
}
.TableStyle__2 .empty{
	display: block;
	line-height: 3em;
	text-align: center;
}

.TableStyle__2.font_md {
	font-size: 1em;
}
.TableStyle__2.font_sm {
	font-size: 0.825em;
}
.TableStyle__2 table th{
    background: #40427f;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #9b9edd;
    border-left: 1px solid #9b9edd;
    height: 2.8em;
    line-height: 1.3em;
    color: #fff;
    font-size: 1.125em;
	font-weight: normal;
}
.TableStyle__2 table td{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	padding: .4em 1em;
	line-height: 1.3em;
	height:2.4em;
}
.TableStyle__2 table td.c_01{background:#f9f9f9}
.TableStyle__2 table td.c_02{background:#fff}
.TableStyle__2 table td.c_03{background:#fff5f5}
.TableStyle__2 table td.left{
	text-align: left;
}
.TableStyle__2 table .link:hover{text-decoration: underline;font-weight: bold;}
.TableStyle__2 table thead th{border-bottom-width: 1px;border-bottom-color: #2d2e62;}
.TableStyle__2 table thead th:first-child{border-left-color:#2d2e62}
@media (max-width: 1600px) {
	#tbl_me_sub table{
		width:130%;
	}
}

/* Layer */
.Layer__content {
	position: relative;
	min-height: 10em;
}
.Layer__loading {
	position: absolute;
	left: 50%;
	height: 3em;
	width: 3em;
	top: 50%;
	margin-top: -1.5em;
	margin-left: -1.5em;
	background: url(../images/common/ajax-loader-big.gif) center no-repeat;
	background-size: 3em auto;
}

/* Top */
.Top__inner {
	padding: 6px 1em 0;
	position: relative;
	height: 100%;
}
.Top__inner:after {
	content: "";
	display: block;
	clear: both;
	height: 4px;
	position: absolute;
	left:0;
	right:0;
	top:0;
	background-color: #b2b7c3;
}
.Top__nav {
	float: right;
}
.Top__button {
	float: left;
	display: flex;
	flex-direction: row;
	height: 100%;
	gap:2px;
	align-items: center;
}
.Top__button a{
	display: flex;
	line-height: 2em;
	border-radius: 5px;
	height: 2em;
	text-align: center;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding:0 .5em;
}
.Top__button a:hover{
	background: #eee;;
}
.Top__button .menu i{
	transition: transform .2s;
	transform: rotate(-180deg);
}
.Top__button .menu.on i{transform: rotate(0deg);}
.Top__button .menu span{font-size: 12px;}

.Global{
	display: flex;
    flex-direction: row;
    gap: 4px;
    margin-left: 1em;
	background-color: #F1F5F9;
	padding: 0.2em;
	border-radius: 0.5em;
}
.Global .menu.active{
    background-color: #5355c4;
	border-radius: 0.5em;
}
.Global .menu.active span{color:#fff;}
.Global .menu span{
	font-family: 'NotoSansKR';
	font-size: 13px;
	font-weight: 100;
	color:#9e9e9e;
	letter-spacing: -0.5px;
}
.Global .menu{padding:0 1em;}

.Navi__list:after {
	content: "";
	display: block;
	clear: both;
}
.Navi__item {
	display: inline-block;
	line-height: 3.5em;
	padding: 0em 0.5em;
}
.Navi__item > a > span, .Navi__item > a > i{vertical-align:middle;}
.Navi__item > a {
	display: inline-block;
	vertical-align: baseline;
	border-radius: 3px;
	vertical-align: middle;
	color: #64748B;
	margin:0 .2em;
}
.Navi__item > a:hover{color: #40427f;}
.Navi__item > a > i {
	display: block;
	text-align: center;
}
.Navi__item .icon {
	font-size: 1.6em;
	color: #d6d6d6;
}
.Navi__item .name {
	font-size: 0.875em;
	letter-spacing: -0.5px;
}
.Navi__menu{
	border-right: 2px solid #E9EEF4;
	padding-right: 1.5em;
	margin-right: 1.5em;
}
.Navi__menu .name{font-size: 0.75em;}
.Navi__item .num {
	position: absolute;
	left: -8px;
	top: -8px;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	line-height: 16px;
	font-size: 10px;
	background: #004e6d;
	color: #fff;
	display: block;
	text-align: center;
	font-family: "Dotum", sans-serif;
}

.Navi__item.active > a {
	color: #40427f;
}

.Navi__user{
	line-height: 1.5em;
	transform: translateY(10px);
	text-align: center;
	padding: 0;
	margin: 0 1.5em 0 0;
}
.Navi__user i{
	display: block;
	font-style: normal;
	font-weight: 700;
	color: #7b7b7b;
}
.Navi__user span{
	display: inline-block;
	padding: 0 3em;
	background-color: #CFCFED;
	color: #fff;
	border-radius: 999px;
}
.Navi__lang{
	display: inline-block;
    background-color: #F1F5F9;
    padding: 0.2em;
    border-radius: 0.5em;
	line-height: 0;
	transform: translateY(-1px);
	margin: 0 0.5em;
}
.Navi__lang a{
	display: inline-block;
	font-size: 13px;
	padding: 0.75em;
}
.Navi__lang a.active {
	color: #5C5FC0;
	background-color: #fff;
	font-weight: bold;
	border-radius: 0.5em;
	border: 1px solid #E9EDF3;
}
.Top__Search {
	position: absolute;
	left: 50%;
	width: 20em;
	margin-left: -4em;
	top: 50%;
	margin-top: -1.5em;
}

/* SearchBox */
.SearchBox {}
.SearchBox__line {
	display: block;
	border: 1px solid #1aafc6;
	border-radius: 3em;
	padding: 0.5em 1em;
}
.SearchBox .icon {
	width: 1em;
	color: #657374;
	position: absolute;
	left: 1.5em;
	top: 50%;
	margin-top: -0.5em;
	font-size: 1em;
}
.SearchBox input[type="text"] {
	border: 0;
	width: 100%;
	line-height: 2em;
	padding: 0 2em;
	height: 2em;
}
.SearchBox input[type="text"]::placeholder {
	color: #aedce3;
}

.Top__depart {
	float: left;
	line-height: 4.5em;
}
.Top__depart span {
	line-height: 1em;
}
.Top__depart .DepartMenu {
	display: inline-block;
	padding: 0 1em;
}
.Top__depart .DepartMenu.active span {
	color: #00b0c8;
}
.Top__depart .DepartMenu span {
	font-size: 0.825em;
	padding-left: 0.5em;
	color: #b7b7b7;
}
.Top__depart .DepartMenu.active:before {
	background-position: 0 -2em;
}
.Top__depart .DepartMenu:before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	background-repeat: no-repeat;
	background-size: 2em auto;
	background-position: 0 0;
	vertical-align: middle;
	overflow: hidden;
}
.Top__depart .DepartMenu.trade:before {
	background-image: url(../images/icons/icon_trade.png);
}
.Top__depart .DepartMenu.brokerage:before {
	background-image: url(../images/icons/icon_brokerage.png);
}
.Top__depart .DepartMenu.agency:before {
	background-image: url(../images/icons/icon_agency.png);
}

/* Sidebar */
.Sidebar {
	color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.Sidebar a {
	color: #fff;
}
.Sidebar__logo {
	text-align: center;
    padding: 0.5em 0;
    box-sizing: border-box;
    height: 5.5em;
    background: #fff;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 4px solid #40427f;
	flex-grow: 0;
    flex-shrink: 0;
}
.Sidebar__logo img{height: 60%;}
.Sidebar__info {
	position: relative;
	padding: 1em 1em;
	background: #36386c;
	overflow: hidden;
}
.Sidebar__info.trade:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5em;
    height: 5em;
    content: "";
    display: block;
    background-image: url(../images/common/img_depart_trade.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.Sidebar__info span {
	display: block;
	font-size: 0.875em;
	line-height: 1.2em;
}
.Sidebar__info span.depart {
	font-size: 1.2em;
	font-weight: bold;
}
.Sidebar__main {
	flex-shrink: 1;
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
}
.Sidebar__title {
}
.Sidebar__title span {
	font-size: 1em;
	color: #fff;
}

/* MenuList */
.MenuList {
	list-style: none;
	padding-bottom: 2em;
	border-top: 1px solid #00000044;
}
.MenuList[data-rank] {
	padding : 0.8em 0;
	background-color: #00000044;
}
.MenuList[data-rank='0']{padding:0}
.MenuList[data-rank] .MenuList__item > a {
	color:#8385c2;
	display: block;
	position: relative;
	text-indent: .5em;
}
.MenuList[data-rank='1'] .MenuList__item > a:before{
	content:'-';
	display: inline-block;
	padding-right: .2em;
}
.Sidebar__main > .MenuList > .MenuList__item {
	border-bottom: 1px solid #00000044;
}
.MenuList__item.isSub > a:after {
	content:'';
	display: block;
	width:1em;
	height: 1em;
	position: absolute;
	right:1em;
	top:50%;
	margin-top:-0.5em;
	background: url(../images/common/arrow.png) no-repeat center;
	background-size: 1em auto;
}
.MenuList__item {
	position: relative;
}
.MenuList__item.active > a {
	color: #fff390 !important;
}
.MenuList__item > a {
	display: block;
	line-height: 2.75em;
	position: relative;
	color: #fff;
	text-indent:1em;
}
.MenuList__item > a:hover {
	background: rgba(0, 0, 0, 0.1);
}
.MenuList__item .name {
	font-size: 0.9em;
	letter-spacing: -0.5px;
	vertical-align: baseline;
}
.MenuList__item.isSub .MenuList__item {
	font-size: 0.825em;
}
.MenuList__item.isSub .MenuList__item.active {
	background:rgba(0, 0, 0, 0.1);
}
.MenuList__item.isSub .MenuList__item > a {
	line-height: 1em;
    padding-top: 0.4em;
    padding-bottom: .4em;
}
.MenuList[data-rank="2"] {
    margin-left:1em;
}


/* alert  */
.alert {
	padding: 1em 2em;
	border-radius: 5px;
	margin-bottom: 0.4em;
}
.alert p {
	font-size: 0.875em;
	color: #666;
}
.alert {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
	background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b2dba1;
}
.alert-info {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
	background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #9acfea;
}
.alert-warning {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
	background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #f5e79e;
}
.alert-danger {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
	background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dca7a7;
}

/* Location */
.Location {
	padding-left: 1em;
	padding-top: 1em;
}
.Location__title {
	font-size: 1.5em;
	line-height: 1.3em;
	color: #484848;
	letter-spacing: -0.5px;
	font-weight: bold;
}
.Location__text {
	font-size: 0.825em;
	letter-spacing: -1px;
}

/* BoxArea */
.BoxArea {
	padding-top: 3.6em;
	border: 1px solid #cecfee;
	box-shadow: 0 0 0.5em #eee;
	position: relative;
}
.BoxArea__content {
	padding: 1em 1.5em;
	background: #fff;
	overflow-x:auto;
	box-sizing: border-box;
	width:100%;
}
.BoxArea__top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	line-height: 3.6em;
	background: #eaeef9;
}
.BoxArea__title {
	float: left;
	color: #3d4e82;
	padding-left: 1em;
	font-weight: bold;
}
.BoxArea__title label {
	vertical-align: middle;
}
.BoxArea__info {
	float: left;
	padding-left: 1em;
	font-weight: bold;
}

.BoxArea__control {
	float: right;
	padding-right: 1em;
}

.BoxArea.size_sm {
	font-size: 0.9em;
}

.BoxArea__basic .BoxArea__top {
	background: #eee;
}

.BoxStyle1 {
	border: 1px solid #eee;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 1em 1.5em;
}
.BoxStyle2 {
	border: 1px solid #eee;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 1em 1.5em;
	background:#f8f8f8;
}

/* MoveArea */
.MoveArea {
	font-size: 0.825em;
	display: none;
	position: absolute;
	width: 20em;
	left: 0;
	top: 0;
	padding-top: 3.6em;
	border: 1px solid #ceecee;
	box-shadow: 0 0 0.5em #cccccc;
}
.MoveArea.active {
	display: block;
}
.MoveArea__content {
	padding: 1em;
	background: #fff;
}
.MoveArea__top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	line-height: 3.6em;
	background: #e4e4e4;
}
.MoveArea__title {
	float: left;
	color: #3d7782;
	padding-left: 2em;
	font-weight: bold;
}
.MoveArea__title label {
	vertical-align: middle;
}
.MoveArea__control {
	float: right;
	padding-right: 2em;
}
.MoveArea:after {
	position: absolute;
	left: 1em;
	top: -1em;
	z-index: 100;
	content: "";
	width: 0;
	height: 0;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 1em solid #e4e4e4;
}

/* MenuTree */
.MenuTree {
}
.MenuTree.noDepth {
	border: 0;
	padding: 0;
}
.MenuTree.noDepth .MenuTree__list {
	padding-left: 0;
}
.MenuTree__list {
	list-style: none;
	padding-left: 0.3em;
}
.MenuTree__list .MenuTree__list {
	display: none;
}
.MenuTree__list[data-rank] {
	margin-left: 0.5em;
}
.MenuTree__item {
	margin: 4px 0;
	position: relative;
}
.MenuTree__item > .info {
	border: 1px solid #efefef;
}
.MenuTree__item .toggle {
	display: none;
	width: 1em;
	line-height: 2em;
	position: absolute;
	left: -1.5em;
	top: 10px;
	font-size: 10px;
	cursor: pointer;
}
.MenuTree__item.isSub > .info .toggle {
	display: block;
}
.MenuTree__item.isSub.isOpen > .info .toggle {
	transform: rotateZ(90deg);
}
.MenuTree__item.isSub.isOpen .MenuTree_list {
	display: block;
}
.MenuTree__item .info {
	border-radius: 3px;
	cursor: pointer;
	box-sizing: border-box;
	padding: 5px 1em;
}
.MenuTree__item .info:hover {
	background: #efefef;
}
.MenuTree__item .icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
}
.MenuTree__item .name {
	display: inline-block;
	font-weight: bold;
	line-height: 2em;
	vertical-align: middle;
	padding-left: 0.3em;
	font-size: 0.875em;
}
.MenuTree__item .name i {
	text-decoration: none;
	color: #666;
	font-style: normal;
	letter-spacing: -1px;
	font-size: 0.8em;
	font-weight: normal;
}
.MenuTree__item.active > .info {
	background: #fff;
	border: 1px solid blueviolet;
}
.MenuTree__item [class*="mif-"] {
	vertical-align: middle;
}

/* MenuDetail */
.MenuDetail {
	border: 1px solid #eee;
}
.MenuDetail__top {
	padding: 0.5em 1em;
	border-bottom: 1px solid #eee;
	background-color: #1aafc6;
	min-height: 2.5em;
}
.MenuDetail__top.right {
	text-align: right;
}
.MenuDetail__top .title {
	line-height: 2.5em;
	color: #fff;
}
.MenuDetail__content {
	padding: 1em;
}

/* InputBox */
.InputBox__basic {
	display: block;
	position: relative;
	margin: 0.5em 0;
}
.InputBox__basic > .title {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 2em;
	width: 6em;
}
.InputBox__basic > .cont {
	padding-left: 6.5em;
}
.InputBox__basic > .cont input[type="text"] {
	width: 100%;
	border: 1px solid #efefef;
}

/* Draggable */
.Draggable {
	overflow-x: auto;
	font-size: 0.9em;
}
.Draggable.smaller{font-size: 0.8em;}
.Draggable > div {
	min-width: 100em;
}
.Draggable.no_width > div {
	min-width: 100%;
}
.Draggable__bottom {
	padding: 1em 0;
	text-align: center;
}
.Draggable__title {
	border-top: 2px solid #cccccc;
}

.Draggable.sm_size .col{
	font-size: 0.825;
	line-height: 1.1em;
}

.Draggable__title .Draggable__item > .col {
	height: 3em;
}
.Draggable__body .Draggable__item:nth-child(2n-1) {
	background: #f7fcfc;
}
.Draggable__body .Draggable__item:nth-child(2n-1):hover {
	background: #e6f5f6;
}
.Draggable__body.bg01 .Draggable__item {
	background-color: #fff;
}
.Draggable__body.bg01 .Draggable__item:hover{
	background: #e6f5f6;
}
.Draggable__body.bg01 .Draggable__item:after{background: #e3e3e3;}
.Draggable__body.bg01 .Draggable__item.dep_0{background-color: #fff;}
.Draggable__body.bg01 .Draggable__item.dep_1{background-color: #f6f6f6;}
.Draggable__body.bg01 .Draggable__item.dep_2{background-color: #eee;}
.Draggable__body.bg01 .Draggable__item:hover{background-color: #f8f4ff;}
.Draggable__body.bg01 .Draggable__item:hover .col_num{font-weight:bold;}
.Draggable__list {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.Draggable__scroll {
	display: block;
	overflow-x:auto;
}
.Draggable__scroll > *{font-size:0.9em}

.Draggable__item:hover {
	background: #e6f5f6;
	/* cursor: move; */
}
.Draggable__item div.line{height:3px}
.Draggable__item {
	display: table;
	position: relative;
	transform: scale(1);
	width:100%;
}
.Draggable__item .notice p{font-size: 0.825em;text-align: left;padding:0.5em 0}
.Draggable__item:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #efefef;
}
.Draggable__item > .col {
	display: table-cell;
	text-align: center;
	height: 3em;
	line-height: 2em;
	padding: 0.5em 0.2em;
	box-sizing: border-box;
	vertical-align: middle;	
}
.Draggable__item > .col input[type='checkbox'] {margin: 0 0.5em;}
.grade_mark {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}
.grade_mark span {
	background-color: #e0f2fe;
	color: #0369a1;
	font-size: 12px;
	border-radius: 5px;
	font-weight: 500;
	padding: 0 0.5em;
	white-space: nowrap;
}

.ui-sortable .Draggable__item > .col {
	cursor: grab;
}
.Draggable__item > .col.col_date{
	display: flex;
}
.Draggable__item > .col.left{text-align: left;}
.Draggable__item .mark {
	line-height: 2em;
	display: inline-block;
	width: 4em;
	text-align: center;
}
.Draggable__item .none_file {
	width: 2em;
	height: 2em;
	display: inline-block;
}
.Draggable__item.empty {
	line-height:3em;text-align: center;
}
.Draggable__item select{background: #fff;}

.ItemBox{font-size:0.825em;}
.item_row{position:relative;display: flex;flex-wrap:nowrap;gap:3px;padding:.5em 1em;border-radius:3px;background:rgba(255,255,255,0.2);border:1px solid #eee;align-items: center;margin:2px;}
.item_row:hover{border-color:#8a8385}
.item_row.bg_1{background:rgba(222,229,231,0.4);}
.item_row .item{min-width:4em;display: inline-block;vertical-align: middle;margin:0 1px}
.item_row .Button{flex-grow: 0;}
.item_row.active{background:rgb(255, 239, 246)}
.item_row .item.center{text-align: center;}
.item_row select{background:#fff}
.item_row.thick textarea{height:8em;}
.item_row.empty{text-align: center;display: block;}
.cursor_move:hover{cursor:move}
.item_row .item.label{
    height: 2.5em;
    line-height: 2.5em;
    display: inline-block;
    text-align: center;
    min-width: 2em;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
	background:#eee;
	padding: 0 .5em;
	border-radius: 3px;
	flex-grow: 0;
    flex-shrink: 0;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex-direction: row;
}
.item_row .item.label.block{width:100%}
.item_row .item.label > input[type="checkbox"]{vertical-align: middle;}
.item_row .item.label > .txt{
    display: inline-block;
	letter-spacing: -1px;
    font-size: 0.825em;
    margin-top: -1px;
	line-height: 1.1em;
}
.DivTableRow .item_row .item.w_3 {width:3em;}
.DivTableRow .item_row .item.w_5 {width:5em;}
.DivTableRow .item_row .item.w_10 {width:10em;}
.DivTableRow .item_row .item.w_15 {width:15em;}
.DivTableRow .item_row .item.w_20 {width:20em;}
.DivTableRow .item_row .item.w_25 {width:25em;}
.DivTableRow .item_row .item.w_30 {width:30em;}
.DivTableRow .item_row .item.w_40 {width:40em;}
.DivTableRow .item_row .item.w_50 {width:50em;}
.DivTableRow .item_row .item.w_60 {width:60em;}
.DivTableRow .item_row .item.w_70 {width:70em;}
.DivTableRow .item_row .item.w_80 {width:80em;}
.DivTableRow .item_row .item.w_auto{width: 100%;}
.DivTableRow .item_row .item textarea{height:5em !important;width: 100% !important;}
.DivTableRow input[type='text']{width: 100%;}
.DivTableRow .desc{font-size: 0.8em;color: #666;padding-top: 0.5em;}

.item_row .hideData.size_sm{
	width:10em;
}
.item_row .hideData{
	z-index: -1;
	position: absolute;
	left:-99999px;
	top:0;
	border:1px solid #3279b5;
	padding:.5em 1em;
	background:#fff;
	border-radius: 5px;
	width:25em;
}
.item_row .hideData.active{
	z-index: 100;
}
.item_row .hideData:after {
	content:'';
	display: block;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #3279b5;
	position: absolute;
	left: 10px;
	top: -5px;
}
.item_sub{padding: 0 0.2em;}
.item_sub__title{text-align: center;padding-bottom: .5em;}
.item_sub__title span{font-size: 0.9em;font-weight: bold;}
.item_sub__list{display: flex;flex-wrap: nowrap;gap:3px}
.item_sub__list .item.label{display: block;width:100%}
.item_sub__list textarea{width:100%;height: 5.3em !important;}


/* Modal */
.Modal {
	z-index: -1;
	opacity: 0;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -999999px;
}
.Modal.active {
	z-index: 1000;
	opacity: 1;
	left: 0;
	right: 0;
}
.Modal__close {
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -1em;
	width: 3em;
	line-height: 2em;
	text-align: center;
	color: #fff;
}
.Modal__close:hover {
	color: #fff;
}

.Modal__inner {
	width: 100em;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 20%;
	margin-left: -50em;
	z-index: 10;
	display: flex;
	flex-direction: column;
	border-radius: .5em;
}
.Modal__top {
	padding: 1em 1em;
	background: #40427f;
	position: relative;
	border-radius: .5em .5em 0 0;
}
.Modal__bottom {
	padding: .5em 1em;
	position: relative;
	text-align: right;
	background-color: #eee;
	border-top:1px solid #b9b9b9;
	border-radius: 0 0 .5em .5em;
}
.Modal__title {
	color: #fff;
    font-size: 1.4em;
    line-height: 1em;
    padding-right: 4em;
}
.Modal__content {
	padding: 1em 1em;
	box-sizing: border-box;
	overflow-y: auto;
	max-height: 45em;
	height: 100%;
}
.Modal__blind {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
}


.Modal.size_m .Modal__inner {
	width: 78em;
	margin-left: -39em;
}
.Modal.size_sm .Modal__inner {
	width: 50em !important; 
	margin-left: -25em !important; 
}
.Modal.size_xs .Modal__inner {
	width: 30em;
	margin-left: -15em;
}
.Modal.size_xxs .Modal__inner {
	width: 20em;
	margin-left: -10em;
}
.Modal.size_lg .Modal__inner {
	width: 94em;
	margin-left: -47em;
}
.Modal.size_hf .Modal__inner {
	top: 6% !important; 
	bottom : 6% !important; 
	margin-top : 0 !important; 
}
.Modal.size_hf .Modal__inner .Modal__content {
	max-height: 100%;
	height: auto;
	flex-shrink: 1;
    flex-grow: 1;
}
@media (max-width: 1600px) {
	.Modal.size_hf .Modal__inner{
		width: 70em;
		margin-left: -35em;
	}
}
@media (max-width: 1366px) {
	.Modal.size_lg .Modal__inner {
		width: 98%;
		margin-left: -49%;
	}
	.Modal.size_hf .Modal__inner {
		width: 94%;
		margin-left: -47%;
	}	
}

/* StepList */
.StepList__list {
	text-align: left;
	list-style: none;
}
.StepList__list .StepList__list {
	padding-left: 2em;
}
.StepList__list > .StepList__item {
	margin: 0.5em 0;
}
.StepList__item.active > a {
	background-color: #004e6d;
	color: #fff;
}
.StepList__item > a {
	border: 1px solid #eee;
	display: inline-block;
	padding: 0.5em 1em;
}
.StepList__item > a:hover {
	background-color: #efefef;
}

/* Pagination */
.Pagination {
	padding: .5em 0;
	text-align: center;
}
.Pagination strong,
.Pagination a {
	display: inline-block;
	min-width: 2em;
	line-height: 2em;
	margin: 0 2px;
	padding: 0 0.5em;
	border: 1px solid #eee;
	color: #004e6d;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.Pagination strong {
	background: #efefef;
}
.Pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.Pagination__jump {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	margin-left: 1em;
}
.Pagination__jump__input {
	width: 4em;
	text-align: center;
	padding: 0.3em 0.4em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.9em;
}
.Pagination__jump__input::-webkit-inner-spin-button,
.Pagination__jump__input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.Pagination__jump__input[type=number] {
	-moz-appearance: textfield;
}
.Pagination__jump__total {
	color: #666;
	font-size: 0.9em;
}
.Pagination__jump__btn {
	padding: 0.3em 0.8em;
	border: 1px solid #004e6d;
	background: #004e6d;
	color: #fff;
	border-radius: 4px;
	font-size: 0.85em;
	cursor: pointer;
}
.Pagination__jump__btn:hover {
	background: #003a52;
}

/* DragFileUpload */
.DragFileUpload {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.DragFileUpload__top {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	line-height: 3em;
	background-color: #004e6d;
}
.DragFileUpload__close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	line-height: 3em;
	width: 3em;
}
.DragFileUpload__close a {
	color: #fff;
}
.DragFileUpload__title span {
	color: #fff;
	font-size: 1.2em;
	padding-left: 1em;
}
.DragFileUpload__drag {
	width: 100%;
	height: 100%;
	background: #efefef;
	padding: 3em 1em 1em;
	box-sizing: border-box;
	display: table;
}
.DragFileUpload__drag span {
	display: table-cell;
	width: 100%;
	text-align: center;
}
.DragFileUpload__drag.highlight {
	background-color: #8eafbc;
}

/* ReportStep */
.ReportStep {
	position: relative;
}
.ReportStep__title {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 5em;
	color: #fff;
	background-color: #004e6d;
	width: 12em;
	text-align: center;
	border-radius: 0.3em;
}
.ReportStep__title span {
	font-size: 1.5em;
}
.ReportStep__list {
	padding-left: 16em;
}
.ReportStep__item {
	height: 5em;
	display: inline-block;
	border-radius: 0.3em;
	background-color: #eee;
	border-radius: 0.3em;
	width: 16em;
	position: relative;
}
.ReportStep__item .link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.ReportStep__item .title {
	font-size: 1.2em;
	padding-top: 0.5em;
	font-weight: bold;
	text-align: center;
}
.ReportStep__item .check {
	padding-top: 0.8em;
	text-align: center;
}
.ReportStep__item .check .Switch {
	position: relative;
	z-index: 10;
}
.ReportStep__item.active {
	background-color: #a0c6d5;
}

/* Tab__basic */
.Tab__basic {
	display: flex;
	flex-direction: row;
	margin-bottom: -3px;
}
.Tab__basic .Tab__item {
	position: relative;
	flex-grow: 1;
	background-color: #f7fcfc;
	border: 1px solid #d7e7e7;
	border-right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Tab__basic .Tab__item:last-child {
	border-right: 1px solid #d7e7e7;
}

.Tab__basic .Tab__item.active:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 5px;
	background: #9395d5;
}
.Tab__basic .Tab__item.active {
	background-color: #fff;
	border-bottom-color: #fff;
}
.Tab__basic .Tab__item .link {
	display: block;
	padding: 1em 0;
	width:100%;
	text-align: center;
	font-size:0.8em;
}
.Tab__basic .Tab__item .icon {
	line-height: 1.3em;
}
.Tab__basic .Tab__item .txt {
	display: block;
	text-align: center;
	line-height: 1em;
	font-size: 0.825em;
}
.Tab__basic.only_text .Tab__item .txt {
	font-size:1.2em;
	font-weight: bold;
	padding:0.5em 0;
	display: block;
}
.Tab__basic.only_text.small_text .Tab__item .txt {
	font-size:0.9em;
	padding:1em 0;
}
.Tab__basic.only_text .Tab__item.active:after {height: 3px;background: #add2d7;}

.Tab__content__basic {
	padding: 1em;
	border: 1px solid #d7e7e7;
	min-height: 10em;
	overflow-x: auto;
}
.Tab__basic .Tab__item .StepStatus {
	position: absolute;
	right: .5em;
	top: 50%;
	margin-top: -1.3em;
}

/* StepStatus */
.StepStatus {
	padding: 0.3em;
	border: 1px solid #eee;
	background: #fff;
	font-size:0.8em;
}
.StepStatus__item {
	display: inline-block;
	background: #efefef;
	color: #888;
	border: 1px solid #eee;
	line-height: 2em;
	padding: 0 0.5em;
}
.StepStatus__item span {
	font-size: 0.825em;
}
.StepStatus__item.active {
	background: #1fb9ce;
	color: #fff;
	font-weight: bold;
}
.StepStatus__item.active.fin {
	background: #666;
}

/* UploadFile */
.UploadFile {
	min-width: 8em;
}
.UploadFile .UploadFile__list {
	padding: 0.5em 0;
}
.UploadFile .UploadFile__item:first-child {
	margin-top: 0;
}
.UploadFile .UploadFile__item {
	text-align: left;
	position: relative;
	height: 1.6em;
	margin-top: 3px;
}
.UploadFile .UploadFile__item input[type="checkbox"] {
	position: absolute;
	left: -2px;
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	z-index: 100;
	padding: 0;
}
.UploadFile .UploadFile__item.is_check {
	padding-left: 1.2em;
}
.UploadFile .UploadFile__item .filename {
	display: inline-block;
	letter-spacing: -1px;
	font-size: 0.9em;
	padding-left: 0.1em;
	width: 85%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.UploadFile .UploadFile__item .fileicon {
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 0px;
}
.UploadFile .UploadFile__item a {
	display: inline-block;
	text-align: left;
	width: 90%;
	position: absolute;
	padding-left: 1.5em;
	vertical-align: middle;
	line-height: 1.2em;
	margin-top: -0.6em;
	top: 50%;
}

.UploadFile .UploadFile__max {
	position: relative;
}
.UploadFile .UploadFile__max.active .UploadFile__close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 3em;
	line-height: 3em;
	z-index: 120;
}
.UploadFile .UploadFile__max .UploadFile__file {
	display: none;
}
.UploadFile .UploadFile__max.active .UploadFile__file {
    display: block;
    position: absolute;
    width: 24em;
    background: #fff;
    border: 1px solid #d0d0d0;
    z-index: 200;
    box-sizing: border-box;
    border-radius: 1em;
    padding: 1em;
    margin-top: -6em;
    box-shadow: 0 0 .5em 1em #00000003;
}
.UploadFile__control{
	padding-top:5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}
.UploadFile__control .UploadFile__download{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis : 50%;
}
.UploadFile__download .btn{
	display: block;
	border-radius: 3px;
	background-color: #efefef;
	color:#111;
	padding:.5em;
	margin-top:.2em;
	font-size: 0.925em;
}


/* NaviList */
.NaviList {
	padding-bottom: 0.5em;
}
.NaviList .NaviList__item:first-child {
	padding-left: 0;
}
.NaviList .NaviList__item:first-child:before {
	display: none;
}
.NaviList .NaviList__item:before {
	content: ">";
	position: absolute;
	left: 0;
	top: 50%;
	line-height: 1em;
	display: block;
	margin-top: -0.5em;
}
.NaviList .NaviList__item {
	display: inline-block;
	padding-left: 1em;
	position: relative;
}
.NaviList .NaviList__item span {
	font-size: 0.985em;
	line-height: 1em;
	border: 1px solid #eee;
	padding: 0.4em 1em;
	display: inline-block;
	border-radius: 5px;
	font-size: 0.825em;
}
.NaviList .NaviList__item:last-child span {
	background: #eee;
}

/* ErpsLinkList */
.ErpsLinkList{font-size:0.825em;padding-top:1em}
.ErpsLinkList__item{line-height: 1.1em;padding:.2em 0}

/* List__basic */
.List__basic {
	list-style: none;
}
.List__basic li {
	position: relative;
	padding-left: 9em;
}
.List__basic li .title {
	position: absolute;
	left: 0;
	width: 9em;
	line-height: 1em;
	top: 50%;
	margin-top: -0.5em;
	font-weight: bold;
}
.List__basic li .data {
	display: block;
	min-height: 3em;
	line-height: 3em;
}

/* UploadDragFile */
.UploadDragFile {
	z-index: -1;
	opacity: 0;
	transform: translateX(-1000px);
}
.UploadDragFile.active {
	z-index: 2000;
	opacity: 1;
	transform: inherit;
}

.UploadDragFile__box {
	position: fixed;
	top: 50%;
	margin-left: -20em;
	width: 40em;
	left: 50%;
	height: 20em;
	margin-top: -10em;
	background: #eee;
	border: 1px solid #004e6d;
	border-radius: 0.5em;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	z-index: 2000;
}
.UploadDragFile__inner {
	border: 2px dashed #666;
	position: absolute;
	left: 1em;
	right: 1em;
	top: 1em;
	bottom: 1em;
	border-radius: 0.5em;
	z-index: 2110;
}
.UploadDragFile__close {
	width: 2em;
	height: 2em;
	position: absolute;
	right: 1.5em;
	top: 1.5em;
	display: block;
	line-height: 2em;
	z-index: 2200;
}
.UploadDragFile__close > i {
	font-size: 2em;
}
.UploadDragFile__icon {
	width: 5em;
	height: 5em;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -4em;
	margin-left: -2.5em;
	display: block;
	line-height: 5em;
}
.UploadDragFile__icon > i {
	font-size: 5em;
}
.UploadDragFile__text {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: 2em;
	text-align: center;
}
.UploadDragFile.ie .UploadDragFile__files {
	display: block;
	z-index: 2120;
}
.UploadDragFile__files {
	display: none;
	position: absolute;
	left: 2.5em;
	right: 50%;
	bottom: 3em;
	top: 3em;
	z-index: 2105;
	list-style: none;
	font-size: 0.8em;
	overflow-y: auto;
	text-align: center;
}
.UploadDragFile__files input {
	display: block;
	width: 100%;
}
.UploadDragFile__result {
	position: absolute;
	left: 50%;
	right: 5em;
	top: 2em;
	bottom: 2em;
	z-index: 2105;
	list-style: none;
	overflow-y: auto;
}
.UploadDragFile__result > li {
	font-size: 0.825em;
	display: inline-block;
	padding: 0.5em 1em;
	border: 1px solid #666;
	margin: 0.2em;
	background: #fff;
	border-radius: 0.3em;
	width: 12em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Notification */
.Notification {
	width: 30em;
	position: absolute;
	top: 4em;
	right: 2em;
	opacity: 0;
	transform: translateY(-1em);
	transition: all 0.5s ease-in;
}
.Notification.active {
	transform: translateY(0em);
	opacity: 1;
	z-index: 1000;
}
.Notification__inner {
	border: 1px solid #eee;
	border-radius: 0.5em;
	background: #fff;
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
}
.Notification__top {
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 0.5em 0;
	position: relative;
}
.Notification__top .title {
	font-size: 0.925em;
}
.Notification__close {
	position: absolute;
	right: 0;
	top: 50%;
	width: 2em;
	height: 2em;
	line-height: 2em;
	display: block;
	margin-top: -1em;
}
.Notification__control {
	position: absolute;
	left: .5em;
	top: 50%;
	line-height: 1.4em;
	display: block;
	padding:0 1em;
	margin-top: -0.7em;
	background:#ff8080;
	border-radius: 3px;
}
.Notification__control > span{
	font-size:0.825em;
	color:#fff;
	vertical-align: baseline;
}
.Notification__control:hover{
	background:#c76a6a
}
.Notification__list {
	list-style: none;
	max-height: 30em;
	overflow-y: auto;
}
.Notification__list__item {
	position: relative;
	padding: 0.5em 4.5em 0.5em 4.5em;
	border-top: 1px solid #eee;
}
.Notification__list__item.no{
	padding-right:.5em;
}
.Notification__list .Notification__list__item:first-child {
	border-top: 0;
}
.Notification__list .link:hover {
	text-decoration: underline;
}
.Notification__list__item .info {
	font-size: 0.825em;
	letter-spacing: -1px;
}
.Notification__list__item.empty {
	padding: 0.5em 1em;
}
.Notification__list__item.empty span {
	font-size: 0.825em;
}
.Notification__list__item .group_mark{
    position: absolute;
    left: 0.5em;
    top: 50%;
    line-height: 1em;
    height: 1.4em;
    margin-top: -0.5em;
}
.Notification__date{font-size:12px;color:#666;padding-top:.5em;}

.group_mark{
    display: inline-block;
    width: 3.5em;
    text-align: center;
    border-radius: 3px;
    background: #004e6d;
}
.group_mark.mfds{background:#00b0c8}
.group_mark.kgmp{background:#2d2e62}
.group_mark.pm{background:#484848}
.group_mark span{
	font-size:11px;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: -.5px;
}
.Notification__list__item .control{
	position: absolute;
    right: .5em;
    top: 50%;
    line-height: 20px;
    margin-top: -10px;
    display: block;
    width: 3.5em;
    text-align: center;
    border-radius: 3px;
    background: #eee;
}
.Notification__list__item .control:hover{
	background:#ccc;
}
.Notification__list__item .control span{
	font-size:11px;
	color:#222;
	text-transform: uppercase;
}

.Notification__file{
	position: relative;
    padding-left: 1em;
    color: #888;
    line-height: 1em;
    margin-top: 4px;
}
.Notification__file:after{
	position: absolute;
	left:0;
	top:0;
	content:'└';
}

/* OrderIcon */
.OrderIcon {
	width: 1em;
	height: 2em;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
.OrderIcon span {
	display: block;
	position: absolute;
	cursor: pointer;
}
.OrderIcon span:hover {
	color: #000;
}
.OrderIcon span.up {
	top: -1px;
}
.OrderIcon span.down {
	bottom: -1px;
}

/* LayerBox */
.LayerBox{
	display:none;
	position:fixed;
	top:20%;
	bottom:20%;
	overflow-y:auto;
	left:50%;
	margin-left:-20em;
	width:40em;
	border:1px solid #aaa;
	box-sizing: border-box;
	padding:2em;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);
	background:#fff;
	z-index:-1;
}
.LayerBox.active{display:block;z-index:1000}
.LayerBox .TableStyle__1 table{min-width:100%}
.LayerBox__close {
	display: block;
	position: absolute;
	right: 0em;
	top: 0;
	width: 3em;
	line-height: 3em;
	text-align: center;
}
.LayerBox__content{padding-top:2em}

/* rps_list */
.rps_list .item .link{text-decoration: underline;}

/* TextArea */
.TextArea.left{text-align: left;}
.TextArea.right{text-align: right;}
.TextArea span, .TextArea strong, .TextArea i{vertical-align: middle;line-height: 2em;}
.TextArea .TextArea__item{display: inline-block;line-height: 1em;padding: 0 .5em;}
.TextArea .c_red{color:#f12559}
.TextArea .c_blue{color:#9395d5}

/* Exchange */
.Exchange{display: inline-block;padding:0 1em;line-height: 2.5em;background:#efefef;border-radius: 3px;vertical-align: middle;}
.Exchange__currency{vertical-align: baseline;font-weight: bold;line-height: 1em;}
.Exchange__price{min-width:3em;color:#000;line-height: 1em;vertical-align: baseline;}

.ExchangeInput{position: relative;width:10em;display: inline-block;}
.ExchangeInput > input{width:100%;text-indent:2.5em;text-align: right;}
.ExchangeInput__currency{
	position: absolute;
    left: .5em;
    line-height: 2em;
    margin-top: -1em;
    top: 50%;
    width: 2em;
    text-align: center;
    height: 2em;
    border-radius: 3px;
    background: #eee;
    color: #000;
}

/* Checkbox */
.Checkbox{
}
.CheckboxArea{display: flex;flex-direction: row;gap: .5em;flex-wrap: wrap;}
.CheckboxArea .Checkbox{flex-grow: 1;width:auto;min-width:4em;display:block;padding-right: 0;}
.CheckboxArea .Checkbox__label{
	min-width:100%;
	width:100%;
}
.CheckboxArea label{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.CheckboxArea label span{
	vertical-align: baseline;
}
.CheckboxArea input[type='checkbox'] span{
	vertical-align: baseline;
}
.Checkbox .Checkbox__label:first-child{margin-top:0}

.Checkbox__label{
	margin-top:.5em;
	line-height:2.5em;
	height:2.5em;
	border:1px solid #ddd;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	padding:0 .5em;
	background:#efefef;
	vertical-align: middle;
	min-width:13em;
	text-align: center;
	position: relative;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;	
}
.Checkbox__label .icon{
	display:inline-block;
	padding:0 .4em;
	vertical-align: top;
	line-height: 2.5em;
}
.Checkbox__label .txt, .Checkbox__label .Checkbox__text{
	display:inline-block;
	font-size:0.825em;
	vertical-align: top;
	line-height: 3em;
}
.Checkbox__label input[type='checkbox']{position: absolute;left:.5em;top:50%;margin-top:-.5em;height:1em;width:1em;}
.Checkbox.isBigger .Checkbox__label{min-width:20em}

/* ServiceLabel */
.ServiceLabel .ServiceLabel__label{margin-top:.2em}
.ServiceLabel .ServiceLabel__label:first-child{margin-top:0}
.ServiceLabel__label{
	cursor:default;
	line-height:2.5em;
	height:2.5em;
	border:1px solid #ddd;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	padding:0 .3em;
	min-width:9em;
	background:#efefef;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.ServiceLabel__label .icon{
	display:inline-block;
	vertical-align: top;
	line-height: 2.5em;
}
.ServiceLabel__label .txt{
	display:inline-block;
	font-size:0.8em;
	vertical-align: top;
}


.LayerSelectBox{
	width:100%;
	position:relative;
	background:#fff;
	height: 2.5em;
    font-size: 1em;
    line-height: 1em;
    padding: 0.5em;
    border: 1px solid #d9e4f2;
    border-radius: 3px;
	box-sizing: border-box;
}
.LayerSelectBox__select{display: block;color:#222}
.LayerSelectBox__list{list-style: none;position: absolute;left:0;right:0;top:2.5em;}
.LayerSelectBox__item{}
.LayerSelectBox__item > a{display: block;}

div.tags{width:25em}
div.tagstxt{
	border-radius:3px;
	border:1px solid #d9e4f2; 
	background: #FFF; 
	padding:4px; 
	padding-bottom:2px;
}
div.tagstxt span.tag { border: 1px solid #ced9de; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: .2em; text-decoration:none; background: #f6f9fa;margin-right: .2em; margin-bottom:.2em}
div.tagstxt:after{content:'';display: block;clear: both;}
div.tagsinput { border-radius:3px;border:1px solid #d9e4f2; background: #FFF; padding:.2em; width:20em; height:5em; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #ced9de; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: .2em; text-decoration:none; background: #f6f9fa;margin-right: .2em; margin-bottom:.2em}
div.tagsinput span.tag a { font-weight: bold; color: #222; text-decoration:none;   } 
div.tagsinput input { width:5em; height:2em;margin:0px; border:1px solid transparent; padding:.2em; background: transparent; color: #000; outline:0px;  margin-right:.2em; margin-bottom:.2em; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

.Editor{border:1px solid #eee;border-radius: 5px;padding:2em;}
.Editor__inner p{
    font-size: 0.875em;
    line-height: 1.6;
    word-wrap: break-word;
}

/* ControlSwitch */
.ControlSwitch {position: relative;height: 2em;display: inline-block;}
.ControlSwitch__text{position: absolute;right:4.4em;line-height: 2em;text-align: right;width:8em;letter-spacing: -1px;display: block;}
.ControlSwitch__text span{font-size: 0.9em;display: block;}
.ControlSwitch__label{display: inline-block; width: 4em;height: 2em;position: relative;}
.ControlSwitch__label input {opacity: 0;width: 0;height: 0;}
.ControlSwitch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 2em;
}
    
.ControlSwitch__slider:before {
    position: absolute;
    content: "";
    height: 1.4em;
    width: 1.4em;
    left: 0.3em;
    bottom: 0.3em;
    border-radius: 2em;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.ControlSwitch__slider:after {
    position: absolute;
	left: 2.4em;
    content: "OFF";
    -webkit-transition: .4s;
    transition: .4s;
	z-index:10;
	font-size:0.8em;
	top: 50%;
	margin-top: -0.7em;
	line-height: 1.4em;
}
  
.ControlSwitch input:checked + .ControlSwitch__slider {background-color: #2196F3;}
.ControlSwitch input:focus + .ControlSwitch__slider {box-shadow: 0 0 1px #2196F3;}
.ControlSwitch input:checked + .ControlSwitch__slider:before {
	-webkit-transform: translateX(2em);
	-ms-transform: translateX(2em);
	transform: translateX(2em);
}
.ControlSwitch input:checked + .ControlSwitch__slider:after {
	-webkit-transform: translateX(-1.4em);
	-ms-transform: translateX(-1.4em);
	transform: translateX(-1.4em);
	color:#fff;
	content:'ON'
}

.SearchForm{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
}
.SearchForm__search{}
.SearchForm__control{}

/* LinkContent */
.LinkNav{
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding: 1em .5em;
}

.LinkCategory{display: flex;flex-direction: row;gap:2px;padding:.5em;font-size: 0.8em;flex-wrap: wrap;}
.LinkCategory__item{flex-grow: 1;flex-shrink: 1;text-align: center;min-width: 6em;}

.LinkContent{overflow-y:auto;height:20em}
.LinkItem{}
.LinkItem .LinkItem__item:first-child{margin-top:0}
.LinkItem__select{padding:1em 0}
.LinkItem__list{height:20em;overflow-y: auto;box-sizing: border-box;padding:0.5em;border:1px solid #d9e4f2;}
.LinkItem__button:hover{background-color: #888;color:#fff}
.LinkItem__button.active{background-color: #004e6d;color:#fff}
.LinkItem__button{
	display: block;
    background-color: #aebabb;
    color: #fff;
    border-radius: 2em;
    line-height: 2em;
    min-width: 6em;
}
.LinkItem__button > *{vertical-align: middle;}
.LinkItem__button.setting{
	background-color: #ccc;
	min-width: 2em;
}
.LinkItem__button.setting:hover{
	background-color: #aaa;
}
.LinkItem .LinkItem__item:first{
	margin-top:0;
}
.LinkItem__item{
	display: flex;
    flex-direction: row;
    margin: 0.2em;
    border: 1px solid #eee;
    border-radius: 1em;
	align-items: center;
	font-size:0.825em;
}
.LinkItem__item:hover{background-color: #efefef;}
.LinkItem__item.active{border-color:#9395d5;}
.LinkItem__item > div{
	flex-grow: 0;
    flex-shrink: 0;
}
.LinkItem__item > .num{width:5em;text-align: center}
.LinkItem__item > .sub_title{width:10em;padding:.5em}
.LinkItem__item > .title{flex-grow: 1;flex-shrink: 1;padding:.5em}
.LinkItem__item > .control{
	min-width: 6em;
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 3px;
	padding:3px;
	justify-content: center;
    align-items: center;
}

/* SampleDoc */
.SampleDoc{
	padding: 2em;
    border: 1px solid #eee;
    border-radius: 1em;
}
.SampleDoc__title{padding-top:1em;text-align: center;}
.SampleDoc__title span{font-size:1.3em;font-weight: bold;}
.SampleDoc__info{padding:1em;background: #efefef;border-radius: .5em;}
.SampleDoc__info p{line-height: 1.4em;padding:.2em 0}
.SampleDoc__example{padding:1em 0;font-size:0.875em}
.SampleDoc__key .num{}
.SampleDoc__key span{font-size: 1em;font-weight: bold;letter-spacing: -0.5px}
.SampleDoc__check{display: flex;flex-direction: row;gap:1em}
.SampleDoc__filelist{position: relative;}
.SampleDoc__filelist + .UploadFile{padding:0 .5em}
.SampleDoc__filelist .UploadFile__item{line-height: 2em;}
.SampleDoc__filelist .UploadFile__item i{vertical-align: middle;}
.SampleDoc__list{padding:.2em 0}
.SampleDoc__item{
    line-height: 1em;
    padding: 0.4em 1em;
    border: 1px solid #6ac6bd;
    border-radius: 0.5em;
    background: #eee;
	margin:2px 0;
	text-align: left;
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: .2em;
}
.SampleDoc__item > span{font-size:0.825em;vertical-align: baseline;}
.SampleDoc__item > i{vertical-align: middle;}
.SampleDocFile{padding:1em;background: #efefef;border-radius: .5em;}
.sample_mark{
    display: inline-block;
    width: 3em;
    text-align: center;
    border-radius: 3px;
    background: #004e6d;
}
.sample_mark.r{background:#c80000}
.sample_mark.nr{background:#666666}
.sample_mark.cr{background:#ff7300}
.sample_mark span{
	font-size:12px;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: -.5px;
	font-weight: normal;
}

/* ReportsDoc */
.ReportsDoc{
	position: relative;
	padding: 6em 2em 2em;
    border: 1px solid #eee;
    border-radius: 1em;
}
.ReportsDoc__title{padding-top:1em;text-align: center;}
.ReportsDoc__title span{font-size:1.4em;font-weight: bold;line-height: 1.5em;}
.ReportsDoc__info{padding:1em;background: #efefef;border-radius: .5em;}
.ReportsDoc__info p{line-height: 1.4em;padding:.2em 0}
.ReportsDoc__table{
	border: 1px solid #aaa;
}
.ReportsDoc__table .ReportsDoc__row:first-child{border-top:0}
.ReportsDoc__row{
	padding:1em 0;
	font-size:0.875em;
	display: flex;
	flex-direction: row;
	border-top: 1px solid #aaa;
	align-items: center;
}
.ReportsDoc__row .title{
	flex-grow: 0;
	flex-shrink: 0;
	width:12em;
	border-right: 1px solid #aaa;
	text-align: center;
}
.ReportsDoc__row .text{
	flex-grow: 1;
	flex-shrink: 1;
	padding:0 1em;
}
.EditorContent{
	padding:1em 0;
}
.EditorContent .editor span, .EditorContent .editor p{
	font-size: 1em !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	line-height: 1.2em;
}
.EditorContent .editor{
	padding: .5em 0;
}
.EditorContent .title span{
	line-height: 1.2em;
    padding: .3em 1em;
    background: #e7e7ff;
    border-radius: 3px;
    letter-spacing: -0.5px;
}

.ReportsDoc__product th{font-weight: bold;}
.ReportsDoc__product .left{text-align: left;}
.ReportsDoc__filelist{position: relative;}
.ReportsDoc__filelist + .UploadFile{padding:0 .5em}
.ReportsDoc__filelist .UploadFile__item{line-height: 2em;}
.ReportsDoc__filelist .UploadFile__item i{vertical-align: middle;}
.ReportsDoc__list{}
.ReportsDoc__item{
	display: block;
    line-height: 1em;
    padding: 0.4em 1em;
    border: 1px solid #6ac6bd;
    border-radius: 0.5em;
    background: #eee;
	margin:2px 0;
	text-align: left;
}
.ReportsDoc__item > span{font-size:0.825em;vertical-align: baseline;}
.ReportsDoc__item > i{vertical-align: middle;}
.ReportsDocFile{padding:1em;background: #efefef;border-radius: .5em;}

.ReportsDoc__product table{
	font-size: 0.825em;
	border-radius: .5em;
}
.ReportsDoc__product table th, .ReportsDoc__product table td{
	border:1px solid #c1cbd3;
	padding:.5em;
	height: 2em;
}
.ReportsDoc__product tbody tr:nth-child(2n-1) td{
	background-color: #f7f7ff;
}
.ReportsDoc__product table tbody th{
	background-color: #673ab7;
	color:#fff;
}

.ReportsDoc__product table thead th{
	border-bottom: 2px solid #c2aaed;
	background-color: #673ab7;
	color:#fff;
}
.ReportsDoc__product .img{
	border:1px solid #c1cbd3;
	border-radius: .2em;
	margin:0 auto;
	width:10em;
	background-color: #fff;
}
.ReportsDoc__product .img img{
	max-width: 100%;
}
.ReportsDoc__subtitle{
	position: relative;
	padding:1em;
}
.ReportsDoc__subtitle span{
	font-size: 1.2em;
	letter-spacing: -0.5px;
	font-weight: bold;
}
.ReportsDoc__subtitle:after{
	content:'';
	display: block;
	width:4px;
	height:1em;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-0.5em;
	background-color: #00ed96;
}
.reports_name{
    display: block;
    text-align: center;
	color:#000;
	padding:.5em 1em;
	margin:2px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.reports_mark{
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #eee;
	color:#000;
	padding:.5em 1em;
	margin:2px 0;
	background-color: #fff;
}

.reports_mark .title{
	display: inline-block;
	line-height: 2em;
	padding:0 .5em;
	background-color: #efefef;
	font-size: 0.825em;
	text-transform: uppercase;
	border-radius: .5em;
	letter-spacing: -0.5px;
}
.reports_mark .text{
	text-transform: uppercase;
	font-weight: bold;
}

.ReportsDoc__lang{
	display: block;
	position: absolute;
	left:1em;
	top:1em;
}
.ReportsDoc__lang button{
	display: inline-block;
	padding:0 1em;
	line-height: 2em;
	border-radius: 3px;
	color: #fff;
	background-color: rgb(74, 81, 87);
}
.ReportsDoc__lang button.on{
	background: #176199;
}
.ReportsDoc__lang button span{
	font-size: 0.825em;
}

/* Product */
.Product{display: flex;flex-direction: row;gap:.5em;align-items: center;flex-wrap: wrap;}
.Product__item{
	display: block;
    border-radius: 3px;
    background-color: #e7e7ff;
    color: #000;
    padding: 0 1em;
    line-height: 2em;
}
.Product__item input{vertical-align: middle;}
.Product__item .txt{vertical-align: middle;}

/* FormSearch */
.FormSearch{display: flex;flex-direction: row;gap:2px;align-items: center;}
.FormSearch .icon_translation{color:#bb00ed}

/* TreeArea */
.TreeArea{position:absolute;top:5.5em;bottom:1em;left:1em;right:1em;box-sizing: border-box;}
.TreeArea__menu{position: absolute;left:0;top:0;bottom:0;z-index:1000;width:20em;overflow-y: hidden;}
.TreeArea__form{position: absolute;left:20.5em;top:0;bottom:0;right:0}
.TreeArea__menu > form{height: 100%;}

/* TreeMenu */
.TreeMenu{display: flex;height:100%;flex-direction: column;background-color: #fff;}
.TreeMenu__top{
	flex-grow: 0;
    flex-shrink: 0;
	padding:.5em;border-top:1px solid #ceecee;color:#3d7782;background-color: #eaf3f9;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

/* 하위 목록 트리 툴바 — 2026-08-25 [자동목록] 이 늘어 버튼이 4개가 됐다.
   패널 폭(약 300px)에 한 줄로 다 들어가지 않으므로 줄바꿈을 허용하고, 넘친 버튼도
   오른쪽에 붙여 세운다. 인라인 여백 대신 gap 을 써서 두 줄 간격을 고르게 한다.
   (가이드라인·법규 편집 화면이 같이 쓴다) */
.TreeMenu__top .control{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25em;}

.TreeMenu__bottom{
	flex-grow: 0;
    flex-shrink: 0;
	padding:.5em;background-color: #40427f;color:#fff;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.TreeMenu .treejs > .treejs-nodes{padding-left:0}
.TreeMenu__content{flex-grow: 1;flex-shrink: 1;box-sizing: border-box;overflow:hidden;position: relative;}
.TreeMenu__content #TreeMenuList{height: 100%;overflow-y: auto;}
/* 메뉴 사용여부(gs_is_view) "안보임" 항목: 관리자 트리에서 회색+취소선으로 한눈에 구분 */
#TreeMenuList .jqtree-tree li.menu-hidden > .jqtree-element .jqtree-title{color:#b3b3b3;text-decoration:line-through;}

/* TreeForm */
.TreeForm{display: flex;height:100%;flex-direction: column;background-color: #fff;}
.TreeForm__top{padding:.5em;border-top:1px solid #ceecee;color:#3d7782;background-color: #eaf3f9;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.TreeForm__content{flex-grow: 1;box-sizing: border-box;padding:.5em 1em;overflow-y: auto;}
.TreeForm__bottom{
	padding:.5em;
	background-color: #40427f;
	color:#fff;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.TreeForm .title{line-height: 2.5em;}

/* TreeContent */
.TreeContent{}
.TreeContent.dep_0{}
.TreeContent.dep_1{padding-left:1em;}
.TreeContent.dep_2{padding-left:2em}
.TreeContent.dep_3{padding-left:3em}
.TreeContent__title{
	line-height: 1.2em;
    padding: 0.2em 0;
}
.TreeContent__title span{font-weight: bold;font-size: 1.1em;letter-spacing: -0.5px;}
.TreeContent__title .cn{color:#666}
.TreeContent__title .ko{color:#222}

.TreeContent__wrap{
	display: flex;
	flex-direction: row;
	gap:1em;
	justify-content: space-between;
	align-items: center;
} 
.TreeContent__item{
	flex-basis: 50%;
	flex-shrink: 1;
}

/* TriLang : 가이드라인 하위 다국어 편집 (국문 고정 + 우측 중/영 토글) */
.TriLang{
	display:flex;
	flex-direction:row;
	gap:1em;
	align-items:flex-start;
}
.TriLang__col{
	flex:1 1 0;
	min-width:0;
}
.TriLang__head{
    height: 2em;
    display: flex;
    align-items: flex-end;
    margin-bottom: .4em;
    align-items: center;
    justify-content: end;
}
.TriLang__badge{
	font-size:.8em;
	line-height:1.6;
	border:1px solid #454670;
	border-radius:5px;
	background:#40427f;
	color:#fff;
	cursor:pointer;
	min-width: 6em;
	text-align: center;
}
.TriLang__title{
	font-weight:bold;
	margin-bottom:.4em;
}
.TriLang__fc{
	margin-bottom:.4em;
}
.TriLang__tabs{
	display:flex;
	gap:.3em;
}
.TriLang__tab{
	font-size:.8em;
	line-height:1.6;
	border:1px solid #d8d8e6;
	border-radius:5px;
	background:#f3f3f8;
	color:#666;
	cursor:pointer;
	min-width: 6em;
	text-align: center;
}
.TriLang__tab.active{
	background:#40427f;
	color:#fff;
	border-color:#40427f;
}
/* 번역/복사 버튼: 에디터 위 별도 줄, 우측 정렬 (가이드 하위 편집 한정) */
.GlTransCtrl{
	display:flex;
	gap:3px;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
	margin:.3em 0;
	min-height:2em;   /* 빈 자리(중문)와 버튼 줄 높이 일치 → 에디터 정렬 */
	box-sizing:border-box;
}
.GlTransCtrl .Button{
	height: 2em;
    line-height: 2em;
    vertical-align: middle;
}


/* footnotes */
*[rel='footnote']{
	color:#2196F3;
	text-decoration: underline;
}
.footnotes{
	padding: 0.5em;
    border: 2px solid #d5d5d5;
    background: #ffffff57;
}
.footnotes li{text-indent: 0;}
.footnotes header{font-size: 11px;}
.footnotes ol{margin:0;padding:0 2em;font-size: 0.825em;}
.footnotes cite{font-style: normal;}
.footnotes cite em{font-style: italic;}
.footnotes sup a{color:#2196F3;text-decoration: underline;}

/* ContentTitle */
.ContentTitle{
	background-repeat: no-repeat;
	background-size:100% auto;
	background-position: center;
	height: 5.5em;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.ContentTitle.bg01{background-image: url(../images/contents/bg_law.jpg);}
.ContentTitle__text{text-align: center;}
.ContentTitle__text span{font-size:2em;color:#fff;letter-spacing: 1em;}

/* LegalLayout */
.mark_status{
	display: inline-block;
	padding:0 1em;
	border-radius: 3px;
	background-color: #efefef;
	line-height: 2em;
	color:#000;
}
.mark_status.active{
	background-color: #9052f5;
	color:#fff;
}
.mark_status.ivd{
	background-color: #a272f0;
	color:#fff;
}
.mark_status.digital{
	background-color: #8f9294;
	color:#fff;
}
.mark_status.me{
	background-color: #fff;
	color:#000000;
}
.mark_status.w8{
	min-width: 8em;
}

.flex_row{display: flex;flex-direction: row;align-items: center;gap:3px}
.flex_row.center{justify-content: center;}
.mark_number{
	display: inline-block;
	padding:0 1em;
	border-radius: 3px;
    background-color: #eaebff;
    line-height: 2.5em;
}
.LegalListLayout{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 100%;
}
.LegalLayout{height: 100%;}
.Container__main.legal{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.Container__main.legal .ContentTitle,
.Container__main.legal .LegalCategory,
.Container__main.legal .LegalTop
{
	flex-grow: 0;
	flex-shrink: 0;
	align-items: center;
}
.Container__main.legal .LegalLayout,
.Container__main.legal .LegalListLayout
{
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}
.LegalLayout__inner{
	display: flex;
	flex-direction: column;
	position: relative;
	height: 98%;
}
.LegalLayout__title{
    flex-shrink: 0;
    flex-grow: 0;
    height: 6em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.LegalLayout__title .title{font-weight: bold;letter-spacing: -0.5px;}
.LegalLayout__control{
	position: absolute;
	right:0;
	top:0;
	z-index: 1000;
}
.LegalLayout__control > a{display: inline-block;line-height: 2em;width:2em;text-align: center;background-color: #004e6d;}
.LegalLayout__control > a > i{color:#fff}
.LegalLayout__category{padding:1em 0}
.LegalLayout__category > a{display: inline-block;padding:0 .5em;line-height: 2em;color:#176199}
.LegalLayout__category > a.active{background-color: #004e6d;color:#fff}
.LegalLayout__category > a > span{font-size:1.2em;}
.LegalList{
	padding:1em;
	background: #fff;
	flex-grow: 1;
    flex-shrink: 1;
	box-sizing: border-box;
}
.LegalListLayout{
	background: #fff;
}
.LegalList__count{
	padding-bottom: 1em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.LegalList__count .control{

}
.LegalCategory{
	background-color: #40427f;
	display: flex;
	flex-direction: row;
	gap:2px;
	padding-top:1em;
    padding-left: 1em;
    padding-right: 1em;	
}
.LegalCategory__item{
	background-color: #ffffffa6;
	border-radius: 0.5em 0.5em 0 0;
	color:#40427f;
	line-height: 2.6em;
	min-width: 8em;
	padding:0 3em;
	text-align: center;
}
.LegalCategory__item.active{
	background-color: #fff;
	font-weight: bold;
	color:#40427f;
}

.LegalCategory__item > span{}
.LegalSubCategory{
	display: flex;
	flex-direction: row;
	gap:2px;
	justify-content: center;
	flex-wrap: wrap;
}
.LegalSubCategory__item{
	background-color: #eee;
	color:#40427f;
	line-height: 2.6em;
	padding:0 1em;
	text-align: center;
	border-radius: 3px;
	white-space: nowrap;
}
.LegalSubCategory__item.active{
	color: #fff;
	font-weight: bold;
	background-color: #40427f;
}
.LegalSubCategory__item > span{
	font-size: 0.8em;
}
.LegalSearch{
    display: flex;
    flex-direction: row;
    gap: 2px;
    text-align: center;
    justify-content: center;
    font-size: 0.8em;
    padding: 0.5em 0.5em;
    background: #efefef;
    border-radius: 3px;
}
.LegalSearch select{
	background-color: #fff;
}
.LegalSearch__select{}
.LegalSearch__input{}
.LegalSearch select[name='mc_idx']{width:20em}

.LegalTop{
	padding: 1em 1em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}
.ButtonControl{
	padding:.5em 1em;
	text-align: right;
	border-top:1px solid #eee;
}
.ButtonControl__inner{
	font-size: 0.8em;
}
@media screen and (max-width: 116em) {
	.LegalTop{flex-direction: column;gap:.5em}
}




/* Comparision */
.Comparision{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.Comparision__content{
	flex-grow: 1;
	flex-shrink: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:0.5em;
}
.Comparision__content .LegalLayout{
	flex:1 1 0;
	min-width:0;
	padding:0;
}
.Comparision__content .LegalLayout__content{
	margin: 0.5em;
    padding: 0.5em;
    border: 1px solid #eee;
    border-radius: 0.5em;
    box-shadow: inset 0 0 10px #eee;
	width: 100%;
    box-sizing: border-box;
}
.Comparision__content .LegalContent__inner{
	min-height: auto;
}
.Comparision__content .LegalLayout__title{
	font-size: 0.9em;
	padding:1em;
}
/* CompareToggle (국문 고정 / 영문·중문 토글) */
.CompareToggle{
	flex-shrink:0;
	padding:0.35em 1em;
	border-bottom:1px solid #eef1f4;
	background:#fff;
	font-size:0.85em;
}
.CompareToggle__inner{
	display:flex;
	align-items:center;
}
.CompareToggle__half{
	flex:1 1 0;
	min-width:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:0 1em;
	box-sizing:border-box;
}
.CompareToggle__sep{
	display:none;
}
.CompareToggle__fixed{
	display:inline-flex;
	align-items:center;
	gap:0.4em;
	padding:0.67em 1.2em;
	border-radius:999px;
	background:#eaf2f6;
	color:#004e6d;
	font-weight:600;
	letter-spacing:-0.3px;
	cursor:default;
}
.CompareToggle__fixed::before{
	content:"";
	width:0.5em;
	height:0.5em;
	border-radius:50%;
	background:#004e6d;
}
.CompareToggle__group{
	display:inline-flex;
	gap:0.2em;
	padding:0.25em;
	border-radius:999px;
	background:#f1f3f6;
}
.CompareToggle__btn{
	padding:0.42em 1.25em;
	border:0;
	border-radius:999px;
	background:transparent;
	color:#6b7785;
	font-weight:600;
	letter-spacing:-0.3px;
	cursor:pointer;
	outline:none;
	transition:background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.CompareToggle__btn:hover{
	color:#004e6d;
}
.CompareToggle__btn.active{
	background:#004e6d;
	color:#fff;
	box-shadow:0 1px 4px rgba(0,78,109,0.25);
}

/* NmpaData__item */
.NmpaData{
}
.NmpaData__list{}
.NmpaData__item{
	border:1px solid #eee;
	border-radius: 3px;
	padding:.2em 3em .2em 1em;
	position: relative;
	letter-spacing: -0.5px;
	margin: 2px 0;
}
.NmpaData__item button{
	position: absolute;
	right:1em;
	top:50%;
	margin-top:-1em;
	height:2em;
	width: 2em;
}
.NmpaData__item span{line-height: 2em;}
.NmpaData__item span:first-child::before{display: none;}
.NmpaData__item span::before{
    content: '>';
    display: inline-block;
    line-height: 2em;
    border-radius: 1em;
    background-color: #aebabb;
    color: #fff;
    width: 2em;
    text-align: center;
    margin: 0 0.5em;
    font-size: 0.6em;
	vertical-align: middle;
}
.NmpaData__item[data-href]:hover{
	border-color: #004e6d;
	cursor: pointer;
}

/* StandardGroup */
.StandardGroup{background:#fff;padding:0 1em;display: flex;flex-direction: row;align-items: center;justify-content: center;gap:1em}
.StandardGroup.center {
	display: block;
}
.StandardGroup.center .StandardGroup{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.StandardGroup.center .StandardGroup__title{
	text-align: center;
	padding:.5em;
}
.StandardGroup__button{display: block;line-height: 5em;border-radius: .5em;border:1px solid #eee;min-width: 20em;text-align: center;}
.StandardGroup__button > span{font-size:1.5em}
.StandardGroup__button.Button__C{background-color: #dfe0ff;}
.StandardGroup__button.Button__C:hover{background-color: #b59dcf;}
.StandardGroup__button.Button__P{background-color: #e6d0ff;}
.StandardGroup__button.Button__P:hover{background-color: #c1acda;}

.StandardGroup.small{justify-content:flex-start;font-size:0.8em}
.StandardGroup__title{background:#fff;padding:1em 1em}
.StandardGroup__title span:last-child::after{display: none;}
.StandardGroup__title span{
	cursor: pointer;
}
.StandardGroup__title span:after{
	content:'>';
	display: inline-block;
	padding:0 .5em;
}
.StandardGroup__item > .link{
	display: block;
	line-height: 2em;
}
.StandardGroup__item > .link span{}
.StandardGroup__item.active{
	background-color: #eee;
}
.LegalLayout__group{
}
.LegalLayout__group .LinkCategory{
	padding:0;
}
.LegalLayout__group .LinkCategory__item.Button__primary {
	background-color: #40427f;
}
.LegalLayout__group .LinkCategory__item.Button__primary:hover {
	background-color: #40427f;
}
.LegalLayout__group .LinkCategory__item .txt{font-size: 1em;}
.LegalLayout__group .LinkItem__item{
	display: flex;
    flex-direction: row;
    margin: 0.2em;
    border: 1px solid #a7a7a7;
    border-radius: 0;
    align-items: center;
    font-size: 0.825em;
    padding: 0.2em;
    gap: 0.5em;
	cursor: pointer;
	border-radius: .5em;
}
.LegalLayout__group .LinkItem__item > .num{width: 3em;}


/* TagArea */
.TagArea{
	border:2px solid #004e6d;
	background: #004e6d;
	color:#fff;
}
.TagArea__title{
	text-align: center;
	line-height: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:.2em;
}
.TagArea__title > span{font-size: 1.2em;text-align: center;color:#fff}
.TagArea__list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:.5em;
	padding:.5em;
}
.TagArea__list > .item{
	color:#004e6d;
	background-color: #fff;
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	text-align: center;
	line-height: 2em;
	min-width: 4.5em;
}

.LegalLayout{
	display: flex;
	flex-direction: row;
	gap:.5em;
	background-color: #fff;
	padding: 0 1em;
	flex-grow: 1;
    flex-shrink: 1;
}
.LegalLayout__outline{
	width:20em;
	flex-grow: 0;
    flex-shrink: 0;
	margin-bottom: 1em;
	background-color: #eee;
}
#StnadardGroupCategory{padding:0.5em}
.LegalLayout__outline .Button.Button__standard {
	background-color: #fff;
}
.LegalLayout__outline .Button.Button__standard.active{
	background-color: #9052f5;
	color:#fff;
}
.LegalLayout__content{
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
}
.LegalLayout__title{text-align: center;}
.LegalLayout__title .title{font-size: 1.4em;line-height: 1.6em;}
.LegalLayout__title .info{line-height:2em;text-align: center;color:#004e6d}
.LegalContent{
	flex-grow: 1;
	flex-shrink: 1;
	overflow-y:auto;
}
.LegalContent__inner{min-height: 100em;padding:1em 1em}
.LegalContent__inner table{table-layout: fixed;padding:.5em 0;}
/* 한글 주석: 정렬(align) 지정이 없는 표만 폭을 100%로 강제 (강제 시 가운데정렬이 보이지 않음) */
.LegalContent__inner table:not([align]){width:100% !important}
/* 한글 주석: 에디터에서 표에 지정한 align 속성을 고객단 표시에서도 유지
   - width:auto → reset.css 의 table{width:100%} 를 풀어 표가 내용 폭으로 줄어들게 한다(그래야 정렬이 보임)
   - 인라인 style 로 폭을 지정한 표는 !important 를 쓰지 않으므로 그 폭이 그대로 유지된다 */
.LegalContent__inner table[align="center"]{width:auto;margin-left:auto;margin-right:auto;}
.LegalContent__inner table[align="right"]{width:auto;margin-left:auto;margin-right:0;}
.LegalContent__inner table[align="left"]{width:auto;margin-left:0;margin-right:auto;}
.LegalContent__inner table td{
	padding:.2em;
	min-height: 1em;
	height:auto;
	min-width: 12em;    
	display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
	text-align: left;
}
/* 한글 주석: inline에 text-align:right가 있으면 그 값을 최우선으로 유지 */
.LegalContent__inner table td[style*="text-align:right"] {
    text-align: right !important; /* inline의 right를 가장 강하게 보존 */
}
.LegalContent__inner table td p{
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
	text-align: inherit; /* 한글 주석: 셀(td)의 정렬을 그대로 따른다 (기본값은 위 td의 left) */
}
/* 한글 주석: 셀에 지정한 가로 정렬(align 속성 / inline text-align)을 고객단 표시에서도 유지 */
.LegalContent__inner table td[align="center"],
.LegalContent__inner table th[align="center"],
.LegalContent__inner table td[style*="text-align:center"],
.LegalContent__inner table td[style*="text-align: center"]{text-align:center !important}
.LegalContent__inner table td[align="right"],
.LegalContent__inner table th[align="right"]{text-align:right !important}
.LegalContent__inner table td[align="left"],
.LegalContent__inner table th[align="left"]{text-align:left !important}
/* 한글 주석: 고객단 에디터 본문 공통 — 표에 지정한 align 속성대로 표시
   (reset.css 의 table{width:100%;margin:0} 때문에 align 속성이 무시되던 문제)
   폭은 !important 를 쓰지 않으므로 인라인 style 로 지정한 표 폭은 그대로 유지된다 */
.editor table[align="center"],
.text_editor table[align="center"],
.EditorContent table[align="center"],
.ContentsVeiw__content table[align="center"]{width:auto;margin-left:auto;margin-right:auto;}
.editor table[align="right"],
.text_editor table[align="right"],
.EditorContent table[align="right"],
.ContentsVeiw__content table[align="right"]{width:auto;margin-left:auto;margin-right:0;}
.editor table[align="left"],
.text_editor table[align="left"],
.EditorContent table[align="left"],
.ContentsVeiw__content table[align="left"]{width:auto;margin-left:0;margin-right:auto;}
.LegalContent__item .text_editor{overflow-x: auto;}
.LegalContent__item .text_editor ul{padding-left:20px}
.LegalContent__item .text_editor ul li{text-indent: 0;}
.LegalContent__item img{max-width: 100%;height: auto !important;}
.LegalContent__item{position: relative;line-height: 1.4em;text-indent: 1em;}
.LegalContent__item .title{
	color:#40427f;
	padding:1.3em 0;
	font-weight: bold;
	border-bottom: 1px solid #40427f;
	position: relative;
}
.LegalContent__item .control{
	display: block;
	position: absolute;
	right:1em;
	top:50%;
	margin-top:-1em;
	width:2em;
	height:2em;
	line-height: 2em;
}
.LegalContent__item .title span{font-size:1.3em}
.LegalContent__item .text{
	max-height:0;
	overflow: hidden;
}
.LegalContent__item .text em{
	font-style: italic;
}
.LegalContent__item.active .text{
	max-height: 400em;
	padding : 1em;
}
.LegalContent__item p{line-height: 1.8em;text-indent: 0;padding-bottom: .5em;}
.LegalContent__item.dep_1{padding-left:1em}
.LegalContent__item.dep_2{padding-left:2em}
.LegalContent__item.dep_3{padding-left:3em}
.LegalContent__item.dep_4{padding-left:4em}
.LegalContent__item.dep_5{padding-left:5em}
.LegalContent__item.dep_6{padding-left:6em}
.LegalContent__item.dep_7{padding-left:7em}
.LegalContent__item a{
    display: inline-block;
    background-color: #eee;
    color: #000;
    border-radius: 3px;
    line-height: 1.4em;
    vertical-align: baseline;
    padding: 0 0.5em;
}
.LegalContent__item a[rel],
.LegalContent__item a[href^='#footnote']
{
	background-color: transparent;
	border-radius: 0;
	padding:0;
}

.LegalContent .editor{
	padding: 1em;
    border-radius: 1em;
    border: 1px solid #eee;
    box-shadow: 0 0 1em #eee;
	text-align: left;
}
.LegalContent .editor *{
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.LegalContent .editor p a{
	line-height: 1em;
	vertical-align: baseline;
}
.LegalContent .editor a span{
	line-height: 1em;
	vertical-align: baseline;
}
.LegalContent .editor .inner{
    max-width: 82em;
    margin: 0 auto;
}
.LegalContent .editor .sino_link{
	background-color: transparent;
	padding:0;
	vertical-align: baseline;
	line-height: 1.4em;
	color:#8cbcc1
}

.Outline__list{
	overflow-y: auto;
    max-height: 100%;
	border-top:2px solid #004e6d
}
.Outline__list ul.jqtree-tree li.jqtree_common{margin:0}
.Outline__tree{background-color: #efefef;min-height: 2em;border-bottom: 1px solid #eee;}
.QuickMain__scrollEnd{text-align: center;}
.QuickMain__scrollEnd.off{display: none;}

/* QuickLinkList */
.QuickLinkList__list{}
.QuickLinkList__item{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #eee;
    align-items: center;
    text-align: left;
    gap: 1em;
    padding: 0.4em 1em;
}
.QuickLinkList__item .num, 
.QuickLinkList__item .control, 
.QuickLinkList__item .cate
{
	flex-grow: 0;
	flex-shrink: 0;
	width:6em;
	text-align: center;
}

.QuickLinkList__item .title{
	flex-grow: 1;
	flex-shrink: 1;
}
.QuickLinkList__item .title span{
	font-size: 0.825em;
}
.QuickLinkList__item .cate span{
	font-size: 0.825em;
	background-color: #eefeff;
	border-radius: 3px;
	display: inline-block;
	padding:0 1em;
}
.QuickSearch{
	padding: 0.5em;
    text-align: center;
    background: #efefef;
    margin: 0 0.5em;
    border-radius: 3px;
	font-size: 0.9em;
}
.QuickSearch select{background-color: #fff;}

.QuickMian{
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
}
.QuickMain__top{
	flex-grow: 0;
	flex-shrink: 0;
	padding-bottom: .5em;
	border-bottom: 1px solid #eee;
}
.QuickMain__content{
	flex-grow: 1;
	flex-shrink: 1;
	overflow-y: auto;
	max-height: 20em;
}

.QuickSubList{
	padding:0 2em;
	background-color: #fbf8ff;
}
.QuickSubList__item{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.4em 3em;
    font-size: 0.8em;
    align-items: center;
	border-bottom: 1px solid #eee;
}
.QuickSubList__item.dep1{
	padding-left:3.5em;
}
.QuickSubList__item.dep2{
	padding-left:4em;
}
.QuickSubList__item > .control{
    cursor: pointer;
    background: #9052f5;
    display: inline-block;
    padding: 0 1em;
    line-height: 1.6em;
	color:#fff;
	border-radius: 3px;
}

/* ProcessView */
.ProcessView{
	padding:2em 2em;
	background-color: #fff;
	border-radius: 2em;
	box-shadow: 2px 2px 9px 1px #cdcdcd;
}
.ProcessView__title{
	background-color: #40427f;
	border-radius: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	padding:2em;
	color:#fff;
	position: relative;
}
.ProcessView__title .title{
	display: inline-block;
	cursor: pointer;
}
.ProcessView__title .title > *{
	vertical-align: middle;
	font-size:1.4em;
}
.ProcessView__title .active .drop{
	transform: rotate(180deg);
}
.ProcessView__title .control{
	position: absolute;
	right: 1em;
	top:50%;
	margin-top:-1em;
	line-height: 2em;
}
.ProcessView__title .info{
	display: inline-block;
	text-align: center;
	padding:0 1em;
	line-height: 2em;
	background: #ffffffc5;
	color:#000;
	border-radius: 1em;
}
.ProcessView__title .info > span{
	vertical-align: baseline;
}
.ProcessView__lang{display: flex;flex-direction: row;gap:.5em}
.ProcessView__lang > a{min-width:5em;text-align: center; display: block;line-height: 2em;border-radius: .5em;background-color: #efefef;}
.ProcessView__lang > a span{vertical-align: baseline;font-size: 0.825em;}
.ProcessView__lang > a.active{background-color: #004e6d;color:#fff}
.ProcessView__content{
	max-height: 0;
	opacity: 0;
	overflow:hidden;
}
.ProcessView__content.active{
	max-height: 200em;
	opacity: 1;
}

.ProcessView__inner{
	display: flex;
	flex-direction: row;
	gap:1em;
}
.ProcessViewGrade{
	display: flex;
	flex-direction: column;
	gap:1em;
	flex-grow: 1;
	flex-shrink: 1;
	width:10em;
}
.ProcessViewGrade__item{
	background-color: #829ac8; 
	color:#fff;
	border-radius: 1em;
	line-height: 4em;
	position: relative;
	text-align: center;
	width:100%;
	flex-grow: 0;
	flex-shrink: 0;
}

.ProcessView__list:after{
	content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 1em;
    background-image: url(../images/common/arrow_p.png);
    background-repeat: repeat-y;
    background-position: center 0;
    z-index: 100;
    bottom: 0;
	top:0;
}
.ProcessView__list{
	display: flex;
    flex-direction: column;
    gap: 1.6em;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: space-between;
    position: relative;
}
.ProcessView__list.is_grade{
	padding-top:3em;
}
.ProcessView__list .ProcessView__item:last-child:after{
	display: none;
}
.ProcessView__item{
	background-color: #ecf1f8;
    border-radius: 1em;
    padding: 1em 2em;
    position: relative;
    z-index: 1000;
    border: 0.3em solid #ffffff55;
}
.ProcessView__item .title{}
.ProcessView__item .title > span{font-size:1.2em;line-height: 1.3em;}
.ProcessView__item .content{display: block;padding-top:.5em;line-height: 1.3em;}
.ProcessView__item .content p{line-height: 1.6em;padding-bottom: .2em;}
.ProcessView__item .content a{background: #829ac8;color:#fff;padding:0 1em;border-radius: 3px;display: inline-block;line-height: 1.6em;}
.ProcessView__item .content strong{vertical-align: baseline;}
.ProcessView__item .content span{vertical-align: baseline;}

/* MedicalCategory */
.MedicalCategory{padding:2em}
.MedicalCategory__title{padding: 2em 0;}
.MedicalCategory__title > span{font-size: 2em;color:#222;font-weight: bold;}
.MedicalCategory__content{
	display: flex;
    flex-direction: row;
    gap: 1em;
    justify-content: space-between;
    background: #ffffff55;
    padding: 1em;
    border-radius: 1em;
    border: 1px solid #ffffff;
}
.MedicalCategory__list{
	flex-grow: 0;
	flex-shrink: 0;
	width:20em;
	border-top:2px solid #40427f;
	background: #fff;
}
.MedicalCategory__item{
	position: relative;
	border-bottom: 1px solid #666;
}
.MedicalCategory__item.active{
	background-color: #2d2e62;
}
.MedicalCategory__item > a{
	display: flex;
	padding:1em 1em;
	flex-direction: row;
	align-items: center;
	color:#666;
	gap:1em;
}
.MedicalCategory__item.active > a{
	color:#fff;
}
.MedicalCategory__item.active .num{
	color:#fff;
	font-weight: bold;
	position: relative;
	display: block;
}
.MedicalCategory__item.active .num:after{
	position: absolute;
	left:0;
	right:0;
	bottom:-0.5em;
	height:2px;
	background-color: #00ed96;
	display: block;
	content:'';
}
.MedicalCategory__item .num{
	display: inline-block;
	width: 2em;
	text-align: center;
	color:#000;
}
.MedicalCategory__item:hover .icon{
	right:.5em;
	transition: all .5s;
}
.MedicalCategory__item .icon{
	position: absolute;
	right:1em;
	top:50%;
	width:2em;
	height:2em;
	line-height: 2em;
	text-align: center;
	margin-top:-1em;
}
.MedicalCategory__item .text .ko{
    display: block;
    font-weight: bold;
    color: #000;
	line-height: 1.2em;
}
.MedicalCategory__item.active .text .ko{
	color:#fff;
}
.MedicalCategory__item .text .ch{
	font-size:0.8em;
	display: block;
}
.MedicalSubCategory{
	flex-grow: 1;
	flex-shrink: 1;
	padding: 0.5em;
    background: #fff;
}
.MedicalSubCategory__title{
    padding: 1.3em 2em;
    position: relative;
    background: #5d5faf;
    color: #fff;
}
.MedicalSubCategory__title:after{
	position: absolute;
	top:50%;
	margin-top:-.5em;
	left:1em;
	width:4px;
	height:1em;
	background-color: #00ed96;
	display: block;
	content:'';
}

.MedicalSubCategory__title span{
	vertical-align: baseline;
	font-size: 1.2em;
	color:#fff
}
.MedicalSubCategory__item{
	padding:.5em 0;
	border-bottom: 1px dashed #666;
	background-color: #f8fbff;
}
.MedicalSubCategory__item .title{
    color: #40427f;
    font-weight: bold;
    padding: 0em 1em;
    line-height: 2em;
}
.MedicalSubCategory__item .title span{
	font-size: 1em;
}
.MedicalSubCategory__item .list{
	padding:.5em 1em;
}
.MedicalSubCategory__item .list a{
	display: inline-block;
	line-height: 1.6em;
	border-radius: 3px;
	border: 1px solid #eee;
	background-color: #fff;
	padding:0 .5em;
	color:#666;
	margin:1px -1px;

}
.MedicalSubCategory__item .list a span{
	font-size:0.9em;
}
.MedicalSubCategory__item .list a:hover{
	border-color: #40427f;
}

/* MeTotalView */
.MeTotalView{
    padding: 2em;
    margin: 1.5em;
    box-shadow: 0.5em 0.5em 1em #64646455;
    border: 1px solid #eee;
	background-color: #fff;
}
.MeTotalView__title{
	padding:3em 1em 1em;
	line-height: 1.2em;
	border-bottom: 1px solid #000;
	text-align: center;
}
.MeTotalView__title span{
	font-size: 1.5em;
	letter-spacing: -1px;
}
.MeTotalView__info .title{
	line-height: 2.4em;
	border-bottom: 2px solid #bbbbbb;
}
.MeTotalView__info .info{
	padding-top:1em;
}
.MeTotalView__info .title span{color:#000;font-weight: bold;}
.MeTotalView__info{
	padding-top:1em;
	padding-bottom: 2em;
}
.MeTotalView__detail{
	padding: 2em;
    background: #fcf7ff;
    border: 1px solid #ece0ff;
}
.MeTotalView__detail > .title{padding-bottom: 1em;line-height: 1.5em;}
.MeTotalView__detail > .title span{
	font-size: 1em;
	vertical-align: baseline;
}
.MeTotalView__detail > .title strong{font-weight: bold;color:#000;vertical-align: baseline;}

.MeTotalView__detail .detail{
	border-top:3px solid #2d2e62;
}
.MeTotalView__detail .detail .title{
	font-size: 0.925em;
	color:#666;
	line-height: 2em;
}
.MeTotalView__detail .detail li{
	padding:1em 0;
	border-bottom: 1px solid #aaa;
}
.MeTotalView__detail .detail .txt{
	font-size: 1em;
	line-height: 1.1em;
	color:#000;
}
.MeTotalView__detail .product{
	font-size: 0.9em;
}
.MeTotalView__detail .product span{
	border:1px solid #2d2e62;
	display: inline-block;
	padding: 0 .5em;
	line-height: 2em;
	color:#2d2e62;
	margin:1px;
	background: #fff;
}
.MeTotalView__detail .product span.active{
	color: #f00;
    border-color: #c30000;
}

.MeTotalView__bottom{
	text-align: right;
}

/* DataInfoList */
.DataInfoList li{
	border-bottom: 1px solid #eee;
}
.DataInfoList__desc{}
.DataInfoList__desc .desc p{
	font-size: 1em !important;
}
.DataInfoList__desc .desc{
	padding:1em 1.5em;
	background-color: #f7f7f7;
	font-size: 0.8em;
}
.DataInfoList__item{
	padding: 0.5em 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	align-items: center;
	font-size: 0.8125em;
}
.DataInfoList__item .link span{
	display: inline-block;
}
.DataInfoList__item .link span.stat{
	text-align: center;
	border:1px solid #eee;
	border-radius: 5px;
	background-color: #2d2e62;
	line-height: 1.5em;
	color:#fff;
	padding:0 .5em;
	font-size: 0.725em;
}
.DataInfoList__item .link span.mark{
	min-width: 4em;
	text-align: center;
	border:1px solid #eee;
	border-radius: 5px;
	background-color: #40427f;
	line-height: 1.5em;
	color:#fff;
}
.DataInfoList__item .link span.mark.grade_1{background-color: #6c70d5;}
.DataInfoList__item .link span.mark.grade_2{background-color: #ae7dff;}
.DataInfoList__item .link span.code{
	min-width: 10em;
	text-align: center;
	border:1px solid #eee;
	border-radius: 5px;
	background-color: #eee;
	line-height: 1.5em;
}
.DataInfoList__item .link span.num{
	min-width: 5em;
	text-align: center;
	border:1px solid #eee;
	border-radius: 5px;
	background-color: #eee;
	line-height: 1.5em;
}

.DataInfoList__item .link span.name{
	padding-left:1em;
}
.DataInfoList .UploadFile{width:25em}
.DataInfoList .UploadFile .UploadFile__list{padding:0}


/* Dashboard */
.Dashboard{
	padding:4em 4em;
}
.Dashboard__title{line-height: 3.2em;}
.Dashboard__title span{
	font-size: 2.6em;
	font-weight: bold;
	color:#000;
	letter-spacing: -1px;
}
.DashboardLink__title{
	position: relative;
	line-height: 3.6em;
	padding-left:1.8em;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.DashboardLink__title span{
	font-size: 1.4em;
	font-weight: bold;
	color:#000;
	letter-spacing: -1px;
	vertical-align: baseline;
}
.DashboardLink__title .more{
	font-weight: bold;
	color:#000;
	letter-spacing: -1px;
	vertical-align: baseline;
	padding:0 1em;
	line-height: 1.6em;
	border-radius: 3px;
	background-color: #5d5faf;
	color: #fff;
	font-size: 0.8125em;
}
.DashboardLink__title .more span{
	font-size: 0.8125em;
	vertical-align: baseline;
	color:#fff;
	letter-spacing: 0;
    font-weight: normal;
}
.DashboardLink__title:after{
	position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 1em;
    width: 4px;
    height: 1em;
    background-color: #00ed96;
    display: block;
    content: '';
}
.Dashboard__desc {
	line-height: 2em;
}
.Dashboard__desc > span{font-size:1.125em;color:#666666;}
.DashboardLink{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.DashboardLink__item{
    width: 48%;
}
.DashboardLink__info{
    background-color: #fff;
    border-radius: 1em;
    padding: 1em 1.5em;
    position: relative;
    align-items: center;
    border: 2px solid #eee;
    box-shadow: 0 0 0.5em #dbdbdbee;
    margin-bottom: 1em;
}
.DashboardLink__info .title {
	padding:1em 0.5em;
	cursor: pointer;
	display: flex;
    flex-direction: row;
    align-items: center;
}
.DashboardLink__info .title i{
	width: 2em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.DashboardLink__info .info{
	transition: all;
	height: 0;
	overflow: hidden;
	max-height: 0;	
}
.DashboardLink__info.on .title{
	border-bottom:1px solid #000;
}
.DashboardLink__info.on .title i{
	transform: rotate(180deg);
}
.DashboardLink__info.on .info{
	height: auto;
	overflow: hidden;
	max-height: 100em;	
}

.DashboardLink__info .title span{font-size: 1.2em;color:#000;font-weight: bold;line-height: 1em;}
.Dashboard__list {
	display: flex;
	flex-direction: column;
	gap:.5em;
}
.Dashboard__list {
	display: flex;
	flex-direction: column;
	gap:.5em;
}
.Dashboard__item{
	background-color: #fff;
	border-radius: 1em;
	padding:1em 1.5em;
	position: relative;
	display:flex;
	flex-direction: row;
	align-items: center;
	border:2px solid #eee;
	box-shadow: 0 0 .5em #dbdbdbee;
}
.Dashboard__item .link{
	position: absolute;
	left:0;right:0;
	top:0;
	bottom:0;
	z-index: 100;
}
.Dashboard__item:hover{
	border-color:#00ed96;
}
.Dashboard__item .num{
	border-radius: 4em;
	line-height: 2em;
	background-color: #5d5faf;
	color:#fff;
	padding:0 1em;
	font-size: 15px;
}
.Dashboard__item .num::before{
	display: inline-block;
	color:#fff;
}
.Dashboard__item .info{
    padding-left: 1em;
    line-height: 1.4em;
}
.Dashboard__item .text{
	vertical-align: middle;
    line-height: 1.2em;
}
.Dashboard__item .text span{
	font-size: 1.125em;
    letter-spacing: -0.5px;
}


/* BoardCategory */
.BoardCategory{font-size: 0.9em;}
.BoardCategory__title span{font-size: 1.2em;}
.BoardCategory__item .empty{
	line-height: 2em;
}
.BoardCategory__item{
	display: flex;
	flex-direction: row;
	gap:.3em;
	padding:.5em 0;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #eee;
}
.BoardCategory__item .num{
	background-color: #efefef;
	border-radius: 3px;
	width:3em;
	line-height: 2em;
	display: block;
	text-align: center;
}
.BoardCategory__write{
	display: flex;
	flex-direction: row;
	gap:.5em;
	justify-content: center;
	align-items: center;
	background-color: #efefef;
	padding: .5em;
}
.BoardCategory__write .title{
	border-radius: 3px;
    line-height: 2.4em;
    display: block;
    width: 3em;
    text-align: center;
	border:1px solid #aaa;
}
.BoardCategory__write .title span{
	font-size: 0.875em;
    vertical-align: baseline;
    line-height: 1em;
	color:#222;
}

/* ContentsVeiw */
.ContentsVeiw__title{position: relative;padding:1.5em 15em 1.5em 1em;border-bottom: 1px solid #d1d1d1;border-top:1px solid #121212}
.ContentsVeiw__title .title{padding-left:1em;padding-right:1em}
.ContentsVeiw__title .title span{font-size:1.25em;line-height: 1em;}
.ContentsVeiw__title .data{position: absolute;right:1em;top:50%;margin-top:-1em;line-height: 2em}
.ContentsVeiw__title .data span{display: inline-block;padding:0 .2em;font-size: 0.8125em;}
.ContentsVeiw__title .data .writer{}
@media (max-width: 1024px) {
	.ContentsVeiw__title {padding:1em}
	.ContentsVeiw__title .title{text-align: center;}
	.ContentsVeiw__title .data{position: static;margin-top:0;text-align:center}
}
.ContentsVeiw_title2{border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;padding:2em 5em}
.ContentsVeiw_title2 .title span{font-size:2.25em;line-height:1.2em;font-weight: normal}
.ContentsVeiw_title2 .date {padding-top:5em}
.ContentsVeiw_title2 .date span{font-size:1.125em;}
@media (max-width: 1024px) {
	.ContentsVeiw_title2{padding:2em;text-align:center}
	.ContentsVeiw_title2 .date{padding-top:3em}
}

.ContentsVeiw__file{position: relative;border-bottom: 1px solid #d1d1d1;padding:1em 0}
.ContentsVeiw__file .title{
    position: absolute;
    left: 0;
    top: 50%;
    width: 6em;
    line-height: 1.6em;
    margin-top: -0.8em;
    background: #eee;
    border-radius: 3px;
    text-align: center;
}
.ContentsVeiw__file .title span{font-size:0.9em;vertical-align: baseline;}
.ContentsVeiw__file .data{padding-left:7em;}
.ContentsVeiw__file .data .item:first-child{margin-top:0}
.ContentsVeiw__file .data .item{margin-top:.5em;font-size: 0.8125em;}
.ContentsVeiw__file .file{display: block;padding-left:1.5em;background: url(../images/board/icon_file.gif) left center no-repeat;background-size:1em auto;}
.ContentsVeiw__file .file span{letter-spacing: -1px}

.ContentsVeiw__empty{line-height:5em;text-align:center}
.ContentsVeiw__empty p{font-size:1.2em;}

.ContentsVeiw__content.editor{
	padding: 2em;
    margin: 1em 0;
    border-radius: 1em;
    border: 1px solid #eee;
    box-shadow: 0 0 1em #eee;
}
.ContentsVeiw__content.editor *{
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.ContentsVeiw__content.editor p a{
	line-height: 1em;
	vertical-align: baseline;
}
.ContentsVeiw__content.editor a span{
	line-height: 1em;
	vertical-align: baseline;
}
.ContentsVeiw__content.editor .inner{
    max-width: 82em;
    margin: 0 auto;
}
.ContentsVeiw__content.editor .sino_link{
	background-color: transparent;
	padding:0;
	vertical-align: baseline;
	line-height: 1.4em;
	color:#8cbcc1
}
.ContentsVeiw__content{padding:2em}
.ContentsVeiw__content .inner{min-height:10em;position:relative}
.ContentsVeiw__content .inner p{line-height:1.3em;font-size:0.875em;margin:1em 0;}
.ContentsVeiw__content .inner h1{line-height:1.3em;font-size:1.8em;margin:1em 0;}
.ContentsVeiw__content .inner h2{line-height:1.3em;font-size:1.6em;margin:1em 0;}
.ContentsVeiw__content .inner h3{line-height:1.3em;font-size:1.4em;margin:1em 0;}
.ContentsVeiw__content .inner img{max-width:100%;height:auto !important;}
.ContentsVeiw__content .inner .yt-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.ContentsVeiw__content .inner .yt-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ContentsVeiw__content .embed-responsive p{font-size:1em;margin:0}
.ContentsVeiw__content .embed-responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow: hidden;
}
.ContentsVeiw__content .embed-responsive iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 1024px) {
	.ContentsVeiw__content .inner p{font-size:1.1em;}
}

.ContentsVeiw__move{border-top: 1px solid #121212;border-bottom: 1px solid #121212;}
.ContentsVeiw__move .item{position: relative;padding-left:8em;padding-right:15em;}
.ContentsVeiw__move .item:first-child{border-bottom: 1px solid #e5e5e5}
.ContentsVeiw__move .tit{font-weight:bold;position:absolute;left:0;width:7em;text-align:center;top:50%;margin-top:-1em;line-height:2em;}
.ContentsVeiw__move .data{position: absolute;right:1em;top:50%;margin-top:-1.2em;line-height:2em;}
.ContentsVeiw__move .data span{font-size:0.875em;padding-left:1em}
.ContentsVeiw__move .link{
	display: block;
    padding: 1em 0.5em;
}
.ContentsVeiw__move .link span{
	font-size: 0.9em;
    line-height: 1.2em;
    vertical-align: baseline;
}
.ContentsVeiw__move .link:hover{text-decoration: underline}
@media (max-width: 1024px) {
	.ContentsVeiw__move .item{padding-left:3em;padding-right:12em}
	.ContentsVeiw__move .tit{width:3em}
	.ContentsVeiw__move .data span{letter-spacing: -1px}
}


/* 의료기기임상시험기관 */
.leaflet-popup-content{
	margin:8px;
}
.MapList{overflow-y:auto;max-height:16em;font-size: 16px;}
.MapListPaging__info{font-size:11px;color:#888;padding:2px 0;text-align:right;}
.MapListPaging{display:flex;justify-content:center;gap:2px;padding:6px 0 2px;}
.MapListPaging__btn{border:1px solid #ddd;background:#fff;color:#555;font-size:11px;padding:2px 7px;border-radius:3px;cursor:pointer;line-height:1.4;}
.MapListPaging__btn:hover:not([disabled]){background:#f0f0f0;border-color:#bbb;}
.MapListPaging__btn.active{background:#5d5faf;color:#fff;border-color:#5d5faf;}
.MapListPaging__btn[disabled]{opacity:0.4;cursor:default;}
.MapListPaging__dots{color:#999;font-size:11px;padding:2px 4px;line-height:1.4;}
.MapList li{
	border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    padding: .1em 0;
}
.MapList li:last-child{
	border-bottom: 0;
}
.MapList li .marker{
	display: block;
    flex-basis: 8em;
    background-color: #5d5faf;
    color: #fff;
    font-size: 0.7em;
    line-height: 2em;
    text-align: center;
    border-radius: 3px;
}
.MapList li .marker.wide{
	flex-basis: 12em;
}
.MapList li .marker[data-field="약품"]{
	background-color: #43b8d9;
}
.MapList li .marker[data-field="체외진단제"]{
	background-color: #43b8d9;
}
.MapList li .marker.dt{
	background-color: #43b8d9;
}
.MapList li .link{
	display:block;
	font-size: 0.825em;
	color:#626262;
	flex-grow: 1;
	flex-shrink: 1;
	line-height: 2em;
}
.MapList li:hover a{color:#000}

/* LinkGroup */
.LinkGroup{
	display: flex;
	flex-direction: column;
	gap:.5em;
}
.LinkGroup__item{
	display: inline-block;
	background-color: #efefef;
	border-radius: 3px;
	line-height: 1.2em;
	padding:.5em;
}
.LinkGroup__item:hover{
	background-color: #eee;
	font-weight: bold;
}
.LinkGroup__item span{
	font-size: 0.925em;
}

/* LatestInfo */
.LatestInfo{
    background-color: #fff;
    border-radius: 1em;
    padding: 1em 1.5em;
    position: relative;
    align-items: center;
    border: 2px solid #eee;
    box-shadow: 0 0 0.5em #dbdbdbee;
}
.LatestInfo__item{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #eee;
	height: 2.4em;
	font-size: 0.8125em;
}
.LatestInfo__item .icon{
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 3em;
	text-align: center;
}
.LatestInfo__item .info{
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 6em;
	color:#a3a3a3;
	text-align: right;
}
.LatestInfo__item .link {
	display: block;
	padding: 0.5em 0;
	color:#666;
	flex-grow: 1;
	flex-shrink: 1;
	letter-spacing: -0.5px;
}
.LatestInfo__item .link:hover{
	color:#000;
}
.LatestInfo__item .link span{
	vertical-align: middle;
}

/* NoticeList */
.NoticeList {
	background-color: #ffffff;
    border-radius: 1em;
    margin-right: 1em;
	list-style: none;
}
.NoticeList li {
	padding: .5em 1em;
	border-bottom: 1px dashed #eee;;
}
.NoticeList li:last-child {
	border-bottom: none;
}
.NoticeList li:before {
	content: "•";
	color: #40427f;
	display: inline-block;
	width:1em;
	text-align: center;
}
.NoticeList li > strong{
	font-size: 0.825em;
	vertical-align: middle;
	display: inline-block;
	border-radius: .2em;
	padding:0 1em;
	background-color: #efefef;
	line-height: 2em;
}
.NoticeList li > span{
	font-size: 0.825em;
	vertical-align: middle;
	padding:0 1em;
}

.new-label {
    font-weight: bold;
    background-color: #bb00ed;
    color: #ffffff;
    border-radius: 3px;
    vertical-align: baseline;
    height: 1.6em;
    line-height: 1.6em;
    display: inline-block;
    text-align: center;
    padding: 0 0.5em;
    margin: 0 0.4em;
    font-size: 0.725em;
    text-indent: 0;
}
.trans-label.small{
	font-size: 0.5em;
}
.trans-label {
    font-weight: bold;
    background-color: #bb00ed;
    color: #ffffff;
    border-radius: 3px;
    vertical-align: middle;
    height: 3em;
    line-height: 3em;
    display: inline-block;
    text-align: center;
    padding: 0 0.5em;
    margin: 0 0.4em;
    font-size: 0.725em;
    text-indent: 0;
}
.trans-label > i{font-size: 1.6em;vertical-align: middle;}
.trans-label[data-type="false"]{
	background-color: #b2b7c3;
} 
.trans-label[data-type="none"]{
	background-color: #eee;
	color:#aaa;
} 

/* ExhibitList__item */
.ExhibitList{
	margin-left:-1.5em;
}
.ExhibitList__item{
	display: block;
	float:left;
	width:25%;
	position: relative;
}
.ExhibitList__inner{
	border:1px solid #eee;
	border-radius: .5em;
	margin-left:1.5em;
	margin-bottom:1em;
	overflow: hidden;
}
.ExhibitList__item:hover .ExhibitList__inner{
	border-color: #176199;
}
.ExhibitList__item:hover .thumbnail img{
	transform: scale(1.1);
}
.ExhibitList__item .link{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index: 1000;
}
.ExhibitList__item .thumbnail{
	display: block;
	height: 10em;
	overflow: hidden;
	text-align: center;
	background: #eee;
}
.ExhibitList__item .thumbnail img{
	transition: all 1s;
	object-fit:fill;
}
.ExhibitList__item .info{
	display: block;
	text-align: center;
	padding:1em;
	background-color: #f9f9f9;
	height: 4em;
}
.ExhibitList__item .info dt{
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.ExhibitList__item .info dd{
	font-size: 1em;
	font-weight: normal;
	padding-top:.5em;
}

/* Mapbox */
.MapArea .transparent-tooltip {
	background: transparent;
	border: none;
	box-shadow: none;
	padding-top:24px;
	color:#fff;
	margin-left:-20px;
	font-size:1.2em;
}
.MapArea .transparent-tooltip::before {
	border: none;
}

/* Logs */
.Logs{
	font-size: 0.9em;
}
.Logs__title{padding-bottom: 1em;}
.Logs__title span{font-size: 1.2em;font-weight: bold;}
.Logs__list{
	border:1px solid #eee;
	border-radius: .5em;
	padding:1em;
}
.Logs__item{
	display: flex;
    flex-direction: row;
    gap: 1em;
	align-items: center;
	margin: .2em 0;
}

.Logs__item .time{display: block;background-color: #eee;border-radius: 1em;padding:.5em 1em;}
.Logs__item .time span{font-size: 0.825em;}

/* ReportsExport */
.ReportsExport{
	display: flex;
	flex-direction: column;
	max-height: 20em;
	border:4px solid #e9e2ff;
	background-color: #fff;
	font-size: 0.9em;
}
.ReportsExport__top{
	flex-grow: 0;
	flex-shrink: 0;
	height:2.2em;
	background-color: #efefef;
}
.ReportsExport__content{
	overflow-y: auto;
	flex-grow: 1;
	flex-shrink: 1;
}
.ReportsExport__table th{
	height:2em;
	border-bottom: 1px solid #eee;
}
.ReportsExport__table td{
	height:2em;
	border-bottom: 1px solid #eee;
	padding:.5em;
}
.ReportsExport__table .title{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.6em;
	letter-spacing: -0.5px;
}
.ReportsExport__table .left{text-align: left;}
.ReportsExport__table .date{font-size: 0.825em;letter-spacing: -0.5px;}

.ReportsLoad{display: block;padding:1em;background-color: #fbfaff;border: 1px solid #eee;}
.ReportsLoad__form{border: 4px solid #e9e2ff;padding:1em;}
.ReportsLoad__title{padding:.5em 0}
.ReportsLoad__title > span{font-weight: bold;font-size: 1.2em;}

.ReportInfo{
	padding:.5em;
	font-size: 0.8em;
	border: 1px solid #eee;
	background: #fff;
}
.ReportInfo__item{
}
.ReportInfo__item .title{
	display: inline-block;
	line-height: 2em;
	border-radius: 3px;
	background-color: #eee;
	letter-spacing: -0.5px;
	width:6em;
	text-align: center;
	margin-right:1em;
}
.ReportInfo__title{font-size: 1.2em;line-height:1.4em;font-weight: bold;}

.ReportsDocSign{
	display: flex;
	flex-direction: row;
	position: absolute;
	right:1em;
	top:1em;
	gap: 3px;
}
.ReportsDocSign__item{
    width: 6em;
    border: 1px solid #222;
    text-align: center;
}
.ReportsDocSign__item dt{
	line-height: 1.5em;
	font-size:0.8em;
	border-bottom: 1px solid #222;
}
.ReportsDocSign__item dd{
	height: 3em;
    line-height: 3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding:.5em;
}
.ReportsDocSign__item dd img{
	max-width: 100%;
    max-height: 100%;
}
.ReportsDoc__add{
	border:1px solid #eee;
	padding:1em;
	line-height: 2em;
}

/* sign */
.sign_img{width: 10em;text-align: center;margin:0 auto}
.sign_img img{max-width: 100%;object-fit: cover;}

/* Footer */
.Footer{
	position: relative;
    padding: 1.5em 4em;
    border-top: 1px solid #e7e7e7;
    background: #ffffff88;
	flex-grow: 0;
    flex-shrink: 0;
}
.Footer__menu{}
.Footer__menu ul{display: flex;flex-direction: row;gap:.5em}
.Footer__menu ul li a{display: block;font-size: 0.825em;}
.Footer__menu ul li a.privacy{color:#004e6d;font-weight: bold;}
.Footer__address{font-size: 0.725em;}
.Footer__address .info{padding:.2em 0}
.Footer__site{
	position: absolute;
	right:0em;
	top:0em;
}
.FamilySite{
    line-height: 2em;
    width: 15em;
    position: relative;
}
.FamilySite__link{
	display: block;
	line-height: 2em;
	padding:0 1em;
	border-radius: 5px;
    background: #ffffff82;
	border: 1px solid #40427f;
}
.FamilySite__link span{
	vertical-align: baseline;
    font-size: 0.825em;
}
.FamilySite__link:after{
	content:'▼';
	display: block;
	position: absolute;
	right:1em;
	top:50%;
	margin-top:-1em;
	width:2em;
	line-height: 2em;
	height:2em;
	text-align: center;
}
.FamilySite:hover .FamilySite__list{display: block;}
.FamilySite__list{
	display: none;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 2.1em;
    border-radius: 5px;
	max-height: 20em;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #a1a2cf82;
}
.FamilySite__list li{border-top: 1px solid #a1a2cf82;}
.FamilySite__list li:first-child{border-top:0}
.FamilySite__list li a{display: block;font-size: 0.725em;padding:1em;word-break: break-all;}

/* CommingSoon */
.CommingSoon{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
}

/* AuthArea */
.Auth{padding:0 10%}
.Auth .ContentsVeiw p{line-height: 1.2em;padding-bottom: 1em;}

/* AgreeBox */
.AgreeBox{padding-top:1em}
.AgreeBox__title > span{font-size:1.2em;color:#222;font-weight:400;}
.AgreeBox__list{
	max-height: 10em;
    overflow-y: auto;
	margin-top:1em;border:1px solid #CCC;background-color:#F8F8F8;padding:1em;color:#666}
.AgreeBox__list .txt{color:#333}
.AgreeBox__list p{line-height: 1.2em;font-size: 0.9em;}
.AgreeBox__list p + p{margin-top:1em}
.AgreeBox__checkbox{margin-top:0.5em;}
.AgreeBox__checkbox label span{padding-left:0.5em;}

/* 전시회관리 */
.gallery__upload__page .size__area{display:flex;justify-content:right;padding-right:20px;}
.gallery__upload__page .size__area p{font-weight:600;padding-right:20px;}
.gallery__upload__page .size__area p, .gallery__upload .size__area label{height:40px;line-height:40px;}
.gallery__upload__page .size__area label{margin-left:20px;}
.gallery__upload__page .size__area input{margin-left:10px;text-indent:10px;}
.upload__img__lists{padding:0 20px;margin-top:20px;border-top:2px solid #cecfee;border-bottom:2px solid #cecfee;}
.upload__img__lists li{list-style:none;display:flex;height:120px;overflow:hidden;margin:5px 0;background-color:#eaeef9;cursor:pointer;}
.upload__img__lists li:hover{background-color:#cbcaf5;}
.upload__img__lists li span, .upload__img__lists li i{width:100px;flex-shrink:0;line-height:120px;text-align:center;font-size:1.5em;}
.upload__img__lists li i:hover{color:#c00;}
.upload__img__lists li div{width:300px;text-align:center;flex-shrink:0;overflow:hidden;}
.upload__img__lists li div img{width:100%;height:100%;}
.upload__img__lists li p{line-height:120px;width:100%;padding-left:20px;}

/* StaticsManager */
.StaticsManager{
	display: flex;
	flex-direction: column;
	gap:.2em;
}
.StaticsManager__item{
	list-style:none;
	display:flex;
	align-items: center;
	background-color:#eaeef9;
	border-radius: .5em;
	padding:.6em;
}
.StaticsManager__item .order_num{width:100px;text-align:center;flex-shrink:0;}
.StaticsManager__item i{width:50px;text-align:center;font-size:2em;flex-shrink:0;}
.StaticsManager__item .title{
	flex-grow: 1;
	flex-shrink: 1;
}
.StaticsManager__item .Button{width:8em;line-height:2em;margin:auto 0;flex-shrink:0;}
.StaticsManager__item .control{
	flex-grow: 0;
	flex-shrink: 0;
	width: 10em;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap:1em;
}
.StaticsManager__item .control span{font-size:1.25em;cursor:pointer;}



.chart__view__modal{display:none;width:1000px;height:700px;padding:50px;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.chart__view__modal .chart__inner{width:100%;height:100%;background-color:#176199;text-align:center;color:#fff;line-height:600px;}
.add__chart__modal{display:none;max-width:1000px;width:auto;height:auto;border-radius:10px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;}
.add__chart__modal .modal__inner{padding:30px !important;}
.chart__form{display:flex;margin-bottom:20px;}
.chart__form > label{width:100px;line-height:40px;flex-shrink:0;}
.chart__form > input{width:100%;}
.table__section{padding-bottom:50px;position:relative;}
.table__add{position:absolute;bottom:10px;left:100px;}
.table__add a{border:1px solid #ccc;padding:5px 20px;border-radius:5px;background-color:#eaeef9;}
.table__add a:nth-child(even){background-color:#f9eaeb;margin-right:20px;}
.chart__form .table__inner{width:auto;max-height:390px;overflow:auto;}
.chart__form table{width:600px;height:100px;}
.chart__form table thead{height:40px;}
.chart__form table, .chart__form th, .chart__form td{border:1px solid #adaecd;border-collapse:collapse;}
.chart__form tr{min-height:30px;}
.chart__form table input{width:100%;text-align:center;}
.chart__form table input::placeholder{color:#ccc;}
.chart__form table input:disabled{background-color:#d6d7e9;}
.chart__type__area div label{margin-right:20px;}
.chart__type__area i{
	display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
	font-size:0.75em;
	cursor:pointer;
	margin-right:30px;
}
.chart__tooltip__modal{
	display:none;
	width:750px;
	padding:70px;
	border-radius:20px;
	background-color:#fff;
	border:1px solid #8668a0;
	position:fixed;
	box-shadow:5px 5px 10px #aaa;
	z-index:10;
}
.chart__tooltip__modal img{width:100%;}
.chart__tooltip__modal .tooltip__close{
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:#8668a0;
	position:absolute;
	bottom:10px;
	left:50%;
	transform:translateX(-50%);
	border-radius:10px;
	cursor:pointer;
}
.option__area div{line-height:40px;}
.add__color__area{display:flex;width:100%;justify-content:left;flex-wrap:wrap;}
.chart__form.color__area button{margin-top:10px;}
.chart__preview{text-align:center;}
.chart__preview button{background-color:#a782c8;color:#fff;width:120px;height:40px;font-size:0.75em;border-radius:5px;}

.modal__close{position:absolute;top:20px;right:20px;font-size:1.5em;cursor:pointer;}
.add__chart__modal .modal__close{color:#fff;}

/* 부스 정보관리 */
.booth__info__setting li{list-style:none;}
.booth__info__setting .inner__tab{height:40px;display:flex;border:1px solid #ccc;border-radius:5px;overflow:hidden;}
.booth__info__setting .inner__tab li{width:50%;text-align:center;line-height:40px;cursor:pointer;}
.booth__info__setting .inner__tab li.inner__tab__sct{background-color:#40427f;color:#fff;}

.info__detail__content{padding:50px 20px 20px;}
.info__detail__content table, .info__detail__content th, .info__detail__content td{border:1px solid #adaecd;}
.info__detail__content th{height:40px;}
.info__detail__content td{height:150px;padding:20px;}
.info__detail__content td input{width:100%;text-indent:10px;}
.info__detail__content td textarea{width:100%;height:100%;resize:none;padding:10px;}
.info__detail__content td p{background-color:#00b0c8;width:100%;height:100%;line-height:140px;}
.info__detail__content .booth__detail__btns a{margin:0 10px;font-size:1.2em;}

.info__price__content{padding:50px 20px 20px;display:none;}
.info__price__content label{width:120px;flex-shrink:0;margin:auto 0;}
.info__price__content .setting__price div label{margin-right:30px;}
.info__price__content .setting__price div input{margin-right:5px;}
.info__price__content .price__table{overflow:auto;margin:50px 0 50px 120px;padding-bottom:20px;}
.info__price__content .price__table table{width:min-content;overflow:auto;}
.info__price__content .price__table table th, .info__price__content .price__table table td{
	border:1px solid #ccc;
	position:relative;
}
.info__price__content .price__table table thead th:first-child{display:flex;border:none;justify-content:center;}
.info__price__content .price__table table thead th:first-child a{width:50%;justify-content:space-between;height:40px;line-height:40px;background-color:#ecedff;color:#40427f;}
.info__price__content .price__table table thead th:first-child a span{margin-left:5px;margin-bottom:3px;}
.info__price__content .price__table table thead th:first-child a:last-child{color:#90111A;background-color:#fff2f3;}
.info__price__content .price__table table thead th:first-child a:hover{background-color:#a0eda6;}
.info__price__content .price__table table input{width:100%;border:none;padding-right:40px;}
.info__price__content .price__table table .mif-minus{cursor:pointer;position:absolute;right:7px;top:7px;width:30px;height:30px;background-color:#333;color:#fff;line-height:30px;border-radius:5px;}
.info__price__content .text__etc textarea{width:100%;height:200px;padding:30px;resize:none;}

.load__modal{display:none;width:400px;height:auto;background-color:#fff;border-radius:10px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.load__modal .modal__close{color:#fff;}
.load__modal .modal__inner{max-height:400px;overflow:auto;}
.load__modal .modal__inner ul li{display:flex;border:1px solid #d1d2ff;border-radius:5px;margin-bottom:10px;height:40px;line-height:40px;}
.load__modal .modal__inner ul li span{text-align:center;width:50px;flex-shrink:0;}
.load__modal .modal__inner ul li p{line-height:40px;width:100%;}
.load__modal .modal__inner ul li a{flex-shrink:0;}

/* setting__page 공통 */
.flex__div{display:flex;}
.modal__area{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.5);}
.modal__area .modal__header{height:60px;background-color:#40427f;color:#fff;border-radius:10px 10px 0 0;overflow:hidden;}
.modal__area .modal__header h3{line-height:60px;font-size:1.2em;color:#fff;text-indent:20px;}
.modal__area .modal__inner{padding:20px;}
.modal__area .modal__btns{padding:20px;display:flex;justify-content:right;padding-top:0;}
.modal__area .modal__btns button{width:100px;}

/* 부스위치 관리 */
.FloorMap{
	display: block;
	position: relative;
	height:60em;
	border: 1px solid #cecfee;
	border-radius: 3px;
	overflow: hidden;
}
.FloorMap__header select{
	background-color: #fff;
}
.FloorMap__map{
	position: absolute;
	right:20em;
	left:0;
	top:0;
	bottom:0;
	display: flex;
    flex-direction: column;
}
.FloorMap__info{
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:20em;
	background-color: #f3f3f3;
	border-left:1px solid #cecfee;
	box-shadow: 0 0 1em #aaa;
	display: flex;
    flex-direction: column;
}
.FloorMap__canvas{
	position: relative;
	display: block;
	background-repeat: no-repeat;
}
.FloorMap__canvas canvas{
	background-color: #00000055;
}
.FloorMap__header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height:4em;
	padding:0 1em;
	align-items: center;
	border-bottom: 1px solid #eee;
	background-color: #fcfcfc;
	flex-grow: 0;
	flex-shrink: 0;
}
.FloorMap__header .total{font-size: 0.8em;}
.FloorMap__area{
	flex-grow: 1;
	flex-shrink: 1;
	overflow-y: auto;
	position: relative;
}
.FloorMap__top{
	position: absolute;
    left: 1em;
    right: 1em;
    top: 1em;
    background-color: #ffffffb0;
    border-radius: .5em;
    border: 1px solid #eee;
    padding: 1em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 100;
}
.FloorMap__control{
	flex-grow: 20em;
	flex-shrink: 20em;
}
.FloorMap__control .count{
	line-height: 2em;
	border-radius: 3px;
	background-color: #00b0c8;
	color: #fff;
	width: 4em;
	text-align: center;
}

.FloorMap__noti{
	flex-grow: 1;
	flex-shrink: 1;
}
.FloorMap__noti p{font-size: 0.8em;}

.FloorMap__area.canvas{
	display: flex;
	justify-content: center;
	align-items: center;
}
.FloorMap__title span{
	font-size: 1.2em;
	font-weight: bold;
}
.FloorMap__area .empty{
	position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    margin-top: -1em;
    line-height: 2em;
    display: block;
}
.FloorInfo{
	padding:1em;
}
.FloorInfo__item.on{
	border-bottom: 2px solid #40427f;
}
.FloorInfo__item.on .name{color:#40427f;}
.FloorInfo__item{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 2.4em;
	border-bottom: 1px solid #ccc;
	margin-bottom: .5em;
	cursor: pointer;
}
.FloorInfo__item .control{
	display: flex;
	flex-direction: row;
	gap:.5em;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
}
.FloorInfo__item .name{
	letter-spacing: -0.5px;
	font-size: 0.9em;
	color:#706e74;
	flex-grow: 1;
	flex-shrink: 1;	
}
.FloorInfo__item .location{
    display: inline-block;
    text-align: center;
	border-radius: 3px;
    line-height: 2em;
    width: 5em;
    letter-spacing: -0.5px;
    font-size: 0.825em;
	color:#000;
}
/* FloorInfoPopup */
.FloorInfoPopup{
	position: absolute;
	left:0;
	top:0;
	background:#000000cc;
	border: 1px solid #004448;
	width:10em;
	border-radius: .5em;
	overflow: hidden;
}
.FloorInfoPopup__inner{
	padding:1em;
	color: #fff;
	text-align: center;
}
.FloorInfoPopup__inner .item{
	padding:.2em 0;
}
.FloorInfoPopup__inner .location{
	font-size: 1em;
}
.FloorInfoPopup__inner .name{
	font-size: 0.8em;
}
.FloorInfoPopup__inner .control{
	position: absolute;
	right:.5em;
	top:.5em;
}
.FloorInfoPopup__inner .control a{color:#fff}

/* MatchingProduct */
.MatchingProduct{
	border: 1px solid #d3cfeb;
    border-radius: 1em;
    box-sizing: border-box;
    padding: 1em;
    font-size: 0.9em;
	position: relative;
}
.MatchingProduct__control{
	position: absolute;
	right:1em;
	top:1em;
	z-index: 100;
}
.MatchingProduct__control a{
	display: inline-block;
	line-height: 3em;
	width: 3em;
	background-color: #004448;
	color:#fff;
	text-align:center;
	border-radius: 2em;
}
.MatchingProduct__title{text-align: center;padding-top:1em;}
.MatchingProduct__title span{font-size: 1.2em;font-weight: 100;}
.MatchingProduct__list{
	padding-top:1em;
}
.MatchingProduct__item{
	border-top: 1px dashed #fff;
	padding:1em;
}
.MatchingProduct__top{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    background: #e4e1fc;
	padding: 1em;
}
.MatchingProduct__info{
	display: flex;
	flex-direction: row;
	gap:1em;
	align-items: center;
	justify-content: left;
    width: 23em;
}
.MatchingProduct__info .info{line-height: 2em;}
.MatchingProduct__info .info > *{
	display: inline-block;
	padding: 0 .5em;
    line-height: 2em;
	vertical-align: middle;
}
.MatchingProduct__info .info .tit{
    border-radius: 3px;
    background-color: #bcbcbc55;
}
.MatchingProduct__name{
	display: flex;
	flex-direction: row;
	gap:1em;
	align-items:center
}
.MatchingProduct__name .name{}
.MatchingProduct__name .num{
	background-color: #2d2e62;
	color: #fff;
	line-height: 2em;
	width: 2em;
	text-align: center;
	display: inline-block;
	border-radius: .3em;
}
.MatchingProduct__content{
	padding: 1em;
    border: 1px solid #eeecff;
    font-size: 0.9em;
    background: #f5f5f5;
}
.MatchingProduct__content .item{
	padding:.2em 0;
}
.MatchingProduct__content .product{
	padding:.5em;
	background-color: #fff;
}
.MatchingProduct__content .title{
	background: #9b9bbd;
	color:#fff;
	padding:0 1em;
	line-height: 2em;
	border-radius: 3px;
}
.MatchingProduct__content .matching{
	padding:.5em;
	background-color: #fff;
}
.MatchingProduct__content .matching .item{
	padding-top:.5em;
}
.MatchingProduct__empty{
	display: block;
	line-height: 5em;
	text-align: center;
	border-radius: 1em;
	background-color: #efefef;
}
.flex_center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.MatchingProduct .nmpa-controls {
    display: flex;
    gap: 5px;
    align-items: center;
}
.MatchingProduct .nmpa-controls .Button {
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
}
.MatchingProduct .nmpa-controls .Button:hover {
    opacity: 0.8;
}
.MatchingProduct .nmpa-controls .Button span {
    margin-right: 3px;
}

/* ChecklistBox */
.ChecklistDoc{
	position: relative;
}
.ChecklistDoc__message{
	position: fixed;
    left: 50%;
    top: 50%;
	margin-left:-20em;
    margin-top: -2em;
    width: 40em;
	text-align: center;
	color:#fff;
	padding:1em;
	box-sizing: border-box;
	font-size: 0.825em;
	background-color: #00313755;
	z-index: -1;
	opacity: 0;
	transform: translateY(0);
	transition: all .5s;
}
.ChecklistDoc__message.active{
	opacity: 1;
	transform: translateY(-1em);
	z-index: 10000;
}
.ChecklistBox{
	display: flex;
	flex-direction: column;
	gap:4px;
}
.ChecklistBox.view .ChecklistBox__info{
	font-size: 0.825em;
	padding: 0.5em;
    font-size: 0.825em;
	margin:0;
    margin-top: .5em;
}

.ChecklistBox__item{
	position: relative;
	padding:0.5em;
	border-radius: .5em;
	border:1px solid #efefef;
	text-align: left;
	background-color: #fff;
}
.ChecklistBox__item.active{
	border-color: #00b0c8;
}
.ChecklistBox__item .editor{
	padding:.8em;
	border-radius: .5em;
	background-color: #f7f7f7;
}
.ChecklistBox__item .editor p{line-height: 1.6;}
.ChecklistBox__info{
	display: flex;
	flex-direction: column;
	gap:.5em;
	margin:0.8em;
	background-color: #fff;
}
.ChecklistBox__info_item{
	text-align: left;
	line-height: 1.2em;
	position: relative;
}
.ChecklistBox__info_item input[type='radio']{
	position: absolute;
	left:0;
	top:1px;
	margin:0 !important;
	height: 1.2em;
}
.ChecklistBox__info_item input[type='checkbox']{
	position: absolute;
	left:0;
	top:1px;
	margin:0 !important;
}
.ChecklistBox__info_item .txt{
	padding-left:1.6em;
	display: block;
}
.ChecklistBox__control{
	text-align: right;
	padding-top:2px;
}
.ChecklistBox__checkbox{
	position: absolute;
	left:40em;
	display: flex;
	flex-direction: row;
	top:50%;
	margin-top:-1.2em;
}

/* EquiForm */
.EquiForm{
	display: flex;
	flex-direction: column;
	gap:3px;
}
.EquiForm.write .EquiForm__item{
	background: #f9e6e6;
	border:1px solid #eee;
}
.EquiForm__item.empty{
	text-align: center;
	align-items: center;
	justify-content: center;
}
.EquiForm__item{
	display: flex;
	flex-direction: row;
	gap:.5em;
	padding:0 1em;
	border-radius: .5em;
	padding:5px;
	background-color: #efefef;
}
.EquiForm__item .input{
	display: flex;
	flex-direction: row;
	gap:2px;
}
.EquiForm__item .control{
	flex-grow: 0;
	flex-shrink: 0;
	width:12em;
}
.EquiForm__button{
	text-align: center;
}

/* EquiArea */
.EquiArea{
	font-size: 0.9em;
	display: flex;
	flex-direction: row;
	gap:.5em;
	justify-content: space-between;
}
.EquiArea__section{
	padding:1em;
	border-radius: 1em;
	border:1px solid #eee;
	max-height: 40em;
    overflow-y: auto;
}
.EquiArea__title{}
.EquiArea__title span{font-size: 1.2em;font-weight: bold;}
.EquiArea__control{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.EquiArea__control .Button{
	width: 15em;
}
.EquiViewArea__grid .val{
	font-size: 16px;
    font-family: 'NotoSansKR', sans-serif;
}
.EquiViewArea__grid .tui-grid-cell {
	overflow: visible;
    word-break: break-word;
    white-space: break-spaces;
}
.EquiViewArea__link {
    display: flex;
    flex-direction: row;
    gap: 2em;
    justify-content: center;
    background: #f6f6f6;
    border-radius: 1em;
    padding: 1em;
}
.EquiViewArea__link a{
    display: block;
    padding: 0.6em 2em;
    line-height: 1.2em;
    background-color: #40427f;
	color:#fff;
    border-radius: 5px 5px 0 0;
    border-radius: 1em;
	border:1px solid #00000055;
}
.EquiViewArea__link .link{
	display: flex;
	flex-direction: row;
	gap:.5em;
	padding-top:.5em;
}

.EquiContentArea__tab {
	display: flex;
	flex-direction: row;
	gap:3px;
	padding:0 0.5em;
}
.EquiContentArea__tab .item span{font-size: 0.825em;}
.EquiContentArea__tab .item{
	display: block;
	padding:0.4em 1em;
	line-height: 1.2em;
	border:1px solid #eee;
	background-color: #efefef;
	border-radius: 5px 5px 0 0;
}
.EquiContentArea__tab .item.active{
	border:1px solid #004448;
	background-color: #004e6d;
	color:#fff;
}
.ag-cell-value{
	font-family: 'NotoSansKR', sans-serif !important;
	font-size: 12px;
	overflow: visible;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: initial;
}

/* EquiViewArea */
.EquiViewArea{min-height: 40em;}
.EquiViewArea__grid{}
.EquiViewArea__top{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:10px;
}
.EquiViewArea__sub{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:2px;
}
.EquiViewArea__sub a{
    display: block;
    border-radius: 5px;
    background-color: #40427f;
    border: 1px solid #40427f;
    line-height: 2em;
    padding: 0 1em;
}
.EquiViewArea__sub a span{
	vertical-align: baseline;
    text-transform: capitalize;
	color:#fff;
}
.EquiViewArea__title span{font-size: 1.2em;font-weight: bold;text-transform: capitalize;}
.EquiViewArea__content{
	padding:1em;
	border:1px solid #eee;
	border-radius: 5px;
}
.EquiViewArea__content span{vertical-align: baseline;}
.EquiViewArea__content .text{
	max-height:0;
	overflow: hidden;
}
.EquiViewArea__content .text em{
	font-style: italic;
}
.EquiViewArea__content .text{
	max-height: 400em;
	padding : 1em;
}
.EquiViewArea__content p{font-size:14px;line-height: 1.6em;text-indent: 0;}

/* FlowChart */
.FlowChart {}
.FlowChart__diagram {
	border: 1px solid #000;
	background: #fff;
	width: 100%;
	height: 1000px;
	box-sizing: border-box;
	overflow: hidden; /* canvas 스크롤 방지 */
	position: relative; /* 내부 요소 위치 기준 */
}
.FlowChart__controls {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.FlowChart__button {
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	color: #333;
	font-size: 0.875em;
}
.FlowChart__button--primary {
	background-color: #4CAF50;
	border-color: #3b8a3e;
	color: #fff;
	font-weight: bold;
}
.FlowChart__guide {
	line-height: 1.6;
	font-size: 0.875em;
	margin: 10px 0;
}
.FlowChart__textarea {
	width: 100%;
	height: 300px;
	font-family: monospace;
	font-size: 11px;
	box-sizing: border-box;
}
.FlowChart textarea{
	height:auto !important;
}
.Flowchart__guide p{font-size: 12px;}

/* KgmpConsultingProcessView */
#KgmpConsultingProcessView .sino_link{
	background: #829ac8;
    color: #fff;
    padding: 1em 1em;
    border-radius: 1em;
    display: inline-block;
    line-height: 1.6em;
    min-width: 10em;
    border: 1px solid #666;
}


/* Crawl Style UI */
.CrawlPage {
}
.CrawlCard__memo{font-size: 13px;}
.CrawlCard__log {
	color: #666;
	padding: 8px;
	background: #fffcde;
	border-radius:0.5em;
}
.CrawlCard__info{
	color:#8b95a1; font-size:14px; margin-top:-10px; margin-bottom:0;
}
.CrawlCard .checked{color:red !important;}
.CrawlCard__name{
    color: #111;
    font-size: 16px;
    padding: 1em;
    background: #fff3f3;
    border: 1px solid #e7c7c7;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
}
.CrawlCard {
    background: #fff;
    border-radius: 16px; /* 24px -> 16px */
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    padding: 20px; /* 30px -> 20px */
    margin-bottom: 16px; /* 24px -> 16px */
	border: 1px solid #eee;
}
.CrawlCard__title {
    font-size: 16px; /* 18px -> 16px */
    font-weight: 700;
    color: #191f28;
    margin-bottom: 12px; /* 20px -> 12px */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.CrawlSection {
    margin-bottom: 20px; /* 30px -> 20px */
}
.CrawlSection:last-child {
    margin-bottom: 0;
}
.CrawlLabel {
    display: block;
    font-size: 13px; /* 14px -> 13px */
    font-weight: 600;
    color: #4e5968;
}
.CrawlGridItem__top .control{display: flex;flex-direction: row;gap:5px;}
.CrawlOriginBox {
    background-color: #f9fafb;
    border: 1px solid #e5e8eb;
    border-radius: 8px; /* 12px -> 8px */
    padding: 12px; /* 16px -> 12px */
    font-size: 13px; /* 14px -> 13px */
    line-height: 1.5; /* 1.6 -> 1.5 */
    color: #333;
    white-space: pre-wrap;
    min-height: 40px; /* 60px -> 40px */
}
.CrawlInput {
    width: 100%;
    border: 1px solid #e5e8eb;
    border-radius: 8px; /* 12px -> 8px */
    padding: 10px; /* 14px -> 10px */
    font-size: 13px; /* 14px -> 13px */
    line-height: 1.4;
    transition: all 0.2s;
    background-color: #fff;
    resize: vertical;
    box-sizing: border-box;
    font-family: inherit;
    color: #191f28;
	height:7em;
}
.CrawlInput:focus {
    border-color: #3182f6;
    outline: none;
    box-shadow: 0 0 0 2px rgba(49, 130, 246, 0.1);
}
.CrawlGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* 16px -> 10px */
}
.CrawlGridItem {
    display: flex;
    flex-direction: column;
	position: relative;
}
.CrawlGridItem__top{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	padding-bottom: 5px;
	padding-top:10px;
}
.CrawlGridItem__top .CrawlLabel{
	line-height: 26px;
    background: #eee;
    border-radius: 5px;
    padding: 0 10px;
}
.CrawlCheck{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	padding-bottom: 5px;
}
.CrawlCheck input[type='checkbox']{
	margin: 0;
}
.CrawlCheck span{
	vertical-align: baseline;
	font-weight: bold;
}
.CrawlButton{
    padding: 0 1em;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #3F51B5;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
.CrawlButton:hover{color:#fff}
.CrawlButton .txt{font-size: 11px;}
.CrawlBtnGroup {
    text-align: right;
    margin-top: 16px; /* 20px -> 16px */
}
.CrawlBtn {
    background-color: #3182f6;
    color: #fff;
    border: none;
    padding: 12px 20px; /* 14px 24px -> 12px 20px */
    border-radius: 8px; /* 12px -> 8px */
    font-size: 14px; /* 15px -> 14px */
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    display: inline-block;
    text-decoration: none;
}
.CrawlBtn:hover {
    background-color: #1b64da;
}
.CrawlBadge {
    display: inline-block;
    padding: 4px 8px; /* 6px 10px -> 4px 8px */
    border-radius: 4px; /* 6px -> 4px */
    font-size: 12px; /* 13px -> 12px */
    font-weight: 500;
    background-color: #e8f3ff;
    color: #3182f6;
}

/* FlowChartBox */
.FlowChartBox{
	display: flex;
	gap:10px;
	align-items: center;
}
.FlowChartBox__control{flex-shrink: 0;flex-grow: 0;}
.FlowChartBox__list{display: flex;flex-direction: row;gap:5px;}
.FlowChartBox__item{
	padding:0.5em 1em;
	background-color: #fff;
	border:1px solid #eee;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap:5px;
}

/* FlowChartBox 뱃지 */
.FCBadge__wrap{display:inline-flex;gap:3px;align-items:center;}
.FCBadge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap;}
.FCBadge--type{background:#e8f0fe;color:#3c5ec9;}
.FCBadge--lang{background:#e6f4ea;color:#2a7a3a;}
.FCBadge--lang-ko{background:#e6f4ea;color:#2a7a3a;}
.FCBadge--lang-en{background:#e8f0fe;color:#3c5ec9;}
.FCBadge--lang-cn{background:#fce8e6;color:#c5221f;}
.FCBadge--cls{background:#fff3cd;color:#856404;}
.FCBadge--n{background:#f1f3f5;color:#868e96;}
.FCBadge--y{
	color: #e67e22;
    background: #fef5e7;
}

/* 반응형으로 인한 inline css 이동 */
.popup__setting__table colgroup col:nth-child(1){width: 5em;}
.popup__setting__table colgroup col:nth-child(3){width: 12em;}
.popup__setting__table colgroup col:nth-child(4){width: 12em;}
.popup__setting__table colgroup col:nth-child(5){width: 8em;}
.popup__setting__table colgroup col:nth-child(6){width: 12em;}
.popup__setting__table colgroup col:nth-child(7){width: 10em;}

.admin__board__list .table__check{width: 3em;}
.admin__board__list .table__order{width: 5em;}
.admin__board__list .table__no{width: 8em;}
.admin__board__list .table__cate{width: 12em;}
.admin__board__list .table__year{width: 8em;}
.admin__board__list .table__file{width: 5em;}
.admin__board__list .table__writer{width: 10em;}
.admin__board__list .table__views{width: 5em;}
.admin__board__list .table__date{width: 12em;}
.admin__board__list .table__yn{width: 6em;}

.front__table .table__no{width: 8em;}
.front__table .table__cate{width: 12em;}
.front__table .table__file{width: 6em;}
.front__table .table__views{width: 6em;}
.front__table .table__date{width: 10em;}

.law__table .table__check, .guideline__table .table__check{width: 3em;}
.law__table .table__order, .guideline__table .table__order{width: 5em;}
.law__table .table__no, .guideline__table .table__no{width: 8em;}
.law__table .table__cate, .guideline__table .table__cate{width: 12em;}
.law__table .table__translate, .guideline__table .table__translate{width: 5em;}
.law__table .table__list__add, .guideline__table .table__list__add{width: 10em;}
.law__table .table__date, .guideline__table .table__date{width: 14em;}
.law__table .table__yn, .guideline__table .table__yn{width: 8em;}

.standard__table .table__check{width: 3em;}
.standard__table .table__order{width: 5em;}
.standard__table .table__no{width: 5em;}
.standard__table .table__nomal__identify{width: 6em;}
.standard__table .table__identify__no{width: 10em;}
.standard__table .table__cate{width: 10em;}
.standard__table .table__title{width: auto;}
.standard__table .table__cate__no{width: 12em;}
.standard__table .table__date{width: 12em;}
.standard__table .table__yn{width: 6em;}

.laboratory__table .table__check, .region__table .table__check,
.testing__table .table__check, .testing__region__table .table__check{width: 3em;}
.laboratory__table .table__order, .testing__table .table__order{width: 5em;}
.laboratory__table .table__no, .region__table .table__no,
.testing__table .table__no, .testing__region__table .table__no{width: 8em;}
.laboratory__table .table__cate{width: 8em;}
.laboratory__table .table__class, .testing__table .table__cate{width: 15em;}
.laboratory__table .table__date, .testing__table .table__date{width: 14em;}
.laboratory__table .table__yn, .testing__table .table__yn{width: 8em;}
.region__table .table__region, .testing__region__table .table__region{width: 35em;}
.region__table .table__date, .testing__region__table .table__date{width: 12em;}
.region__table .table__edit, .testing__region__table .table__edit{width: 12em;}

.medi__rank__table .table__check{width: 5em;}
.medi__rank__table .table__order{width: 5em;}
.medi__rank__table .table__no{width: 5em;}
.medi__rank__table .table__service{width: 10em;}
.medi__rank__table .table__cate{width: 20em;}
.medi__rank__table .table__ip__no{width: 14em;}
.medi__rank__table .table__company__name{width: auto;}
.medi__rank__table .table__product__en{width: auto;}
.medi__rank__table .table__product__cn{width: auto;}
.medi__rank__table .table__date{width: 10em;}
.medi__rank__table .table__expiry{width: 10em;}

.medi__type__table .table__check{width: 5em;}
.medi__type__table .table__order{width: 5em;}
.medi__type__table .table__no{width: 5em;}
.medi__type__table .table__service{width: 15em;}
.medi__type__table .table__cate{width: 20em;}
.medi__type__table .table__ip__no{width: 14em;}
.medi__type__table .table__company__name{width: auto;}
.medi__type__table .table__product__en{width: auto;}
.medi__type__table .table__product__cn{width: auto;}
.medi__type__table .table__date{width: 10em;}
.medi__type__table .table__expiry{width: 10em;}

/* 목록 정보 — 필터 상자와 표 사이.
   위(필터 16px)·아래(표)와 간격을 같게 두어 세 덩어리가 고르게 보이도록 한다. */
.ListInfo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px 16px;
	margin: 0 0 12px;
	padding: 0 2px;
	font-size: 13px;
	color: #615c71;
}
.ListInfo strong{ color: #40427f; font-weight: 700; }
.ListInfo__page{ color: #8a8f9a; }
.ListInfo__badge{
	display: inline-block;
	margin-right: 6px;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
}
.ListInfo__badge--warn{ background: #fdecea; color: #a03a38; border: 1px solid #f2c4bf; }

/* 행 마우스오버 — 열이 10개라 눈이 옆으로 가다 줄을 놓친다.
   배경만 바꾸면 기본 글자색(#615c71)이 옅어 보여 대비가 오히려 준다.
   글자도 함께 진하게 해 "지금 이 줄" 이 분명해지도록 한다.
   색은 이 화면 팔레트(남보라 #40427f)에 맞춘 옅은 톤이다. */
.register__table tbody tr:hover td{
	background: #e7eaf8;
	color: #33304a;
}
/* 배지·링크는 제 색을 지킨다 — 위 색이 안쪽까지 내려가면 배지가 흐려진다 */
.register__table tbody tr:hover td .ViewFlag--on{ color: #2f6b4a; }
.register__table tbody tr:hover td .ViewFlag--off{ color: #61697a; }
.register__table tbody tr:hover td a{ color: #40427f; }

/* 노출여부 배지 — 목록에서 '예/아니오' 글자만으로는 훑어볼 때 묻힌다.
   노출 중인지 아닌지는 눈으로 빠르게 가려내는 값이라 형태를 준다.
   색은 원색을 피하고 옅은 배경 + 같은 계열 진한 글자로 (앱 공통 배지 방식). */
.ViewFlag{
	display: inline-block;
	min-width: 48px;
	padding: 3px 10px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}
.ViewFlag--on{  background: #e4f0e8; color: #2f6b4a; border-color: #c3ddcd; }
.ViewFlag--off{ background: #f1f3f6; color: #61697a; border-color: #dfe3ea; }

/* 관리방식/분류 확정 배지 — re_is_auto(행 전체), re_auto_class(분류값)는 화면
   어디에도 안 보이던 내부 컬럼이라, 재수집 결과가 기대와 다를 때 왜 그런지
   DB를 직접 조회해야 했다. 둘 다 "이 값을 매크로가 자동으로 넣었는지, 사람이
   확정했는지"를 나타내므로 같은 배지 모양을 쓴다
   (docs/modules/admin/nmpa-register/duplicate-handling.md "화면단 표기" 참고).
   ViewFlag 와 모양은 같되, 의미가 다른 배지임을 구분하려 색은 따로 둔다 —
   자동은 이 표(.register__table)의 기존 강조색(#40427f)을 옅게, 수동/확정은
   "손대지 않고 보호됨"을 나타내는 톤(imda.css 의 안내 배지와 같은 계열). */
.AutoBadge{
	display: inline-block;
	min-width: 48px;
	padding: 3px 10px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
}
.AutoBadge--auto{   background: #eef1fb; color: #40427f; border-color: #d6dbf2; }
.AutoBadge--manual{ background: #fff3cd; color: #856404; border-color: #ffe083; }
/* 목록(main_v.php)에서만 클릭으로 자동/수동을 즉시 전환한다(2026-09-03) —
   write_v.php 의 분류 배지(re_auto_class)는 별도 체크박스로 바꾸므로 여기 해당 없다. */
.AutoBadge--toggle{ cursor: pointer; }
.AutoBadge--toggle:hover{ opacity: 0.75; }

/* NMPA 재수집 변경 이력 카드 (resource/register/write_v.php) — 회원 변경 이력
   (member/update_log_list_v.php, public/css/member.css 의 .ChangeCard) 과 같은
   모양을 그대로 복제했다. member.css 는 회원 모듈 전용이라 여기 화면에서
   import 하지 않고, 공용 파일(dashboard.css)에 필요한 부분만 옮겨 둔다
   (CLAUDE.md 「다른 모듈 CSS 복제」). 필드별 색 구분(data-field 팔레트)까지는
   필요 없어 단색 배지로 단순화했다. */
.ChangeList{ display:flex; flex-wrap:wrap; gap:.6em; text-align:left; }
.ChangeCard{
	flex: 0 1 calc(33.333% - .6em);
	min-width: 13em;
	box-sizing: border-box;
	padding: .7em .8em;
	background-color: #fff;
	border: 1px solid #e3e4ef;
	border-radius: 6px;
}
.ChangeCard .FieldBadge{
	display: inline-block;
	margin-bottom: .5em;
	padding: .3em .7em;
	font-size: .85em;
	font-weight: 500;
	border-radius: 2rem;
	color: #40427f;
	background: #eef1fb;
}
.ChangeCard__row{ display:flex; align-items:baseline; gap:.4em; line-height:1.5; }
.ChangeCard__label{ flex:0 0 3.4em; color:#9a9aa8; }
.ChangeCard__before,
.ChangeCard__after{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ChangeCard__before{ color:#c0392b; text-decoration:line-through; text-decoration-color:rgba(192,57,43,.4); }
.ChangeCard__after{ color:#0e9f6e; font-weight:500; }

/* ==========================================================================
   중국 시판허가 현황 필터 (/resource/register/207)

   2026-08-26: 뷰의 인라인 style 을 걷어 여기로 옮겼다 (CLAUDE.md 「CSS 작성 위치」).
   이 화면의 클래스(.register__table 등)가 이미 이 파일에 있어 같은 자리에 둔다.

   ⚠️ 컨트롤 높이를 34px 로 못박는다. 그대로 두면 제각각이었다 —
      select/input  padding 6px + font 13px  = 약 31px
      .Button       height:2.5em (상속 글자크기에 따라 35~40px)
      .ms-choice    height:2.5em
      input[type=date]  브라우저 기본값
      미완료 필터 라벨   padding 8px = 약 35px
   ========================================================================== */

.FilterBox{
	padding: 16px;
	margin-bottom: 16px;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
}
.FilterBox .FilterRow{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;   /* 라벨 높이가 달라도 컨트롤의 아랫변을 맞춘다 */
	gap: 12px;
}
.FilterBox .FilterRow + .FilterRow{ margin-top: 12px; }
.FilterBox .FilterItem{ display: flex; flex-direction: column; }
.FilterBox .FilterItem--right{ margin-left: auto; }
/* 라벨이 없는 항목(불완전데이터만 보기 · 필터 초기화)은 줄의 가운데에 둔다.
   줄 기본값이 flex-end 라 라벨 있는 항목(16+4+34=54px)에 맞춰 바닥에 붙는데,
   라벨이 없으면 34px 뿐이라 아래로 처져 보인다. */
.FilterBox .FilterItem--mid{ align-self: center; }

/* 라벨 — 컨트롤 위에 붙는 설명글.
   ⚠️ :not(.FilterFlag) 가 핵심이다. 이 선택자는 (0,2,1) 이라 .FilterBox .FilterFlag
      (0,2,0) 를 이긴다. 빼 두지 않으면 토글 버튼이 display:block 이 되어
      align-items:center 가 죽고, line-height:16px 때문에 34px 상자 안에서
      글자가 위로 붙는다. 실제로 그 증상이 났다. */
.FilterBox .FilterItem > label:not(.FilterFlag){
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}

/* 한 칸 안에 컨트롤이 여러 개인 경우 (검색분류+검색어+버튼, 날짜 범위 등) */
.FilterBox .FilterCtrls{ display: flex; align-items: center; gap: 6px; }
.FilterBox .FilterCtrls .sep{ color: #999; }

/* ---- 컨트롤 높이 통일: 34px ---- */
.FilterBox select,
.FilterBox input[type="text"],
.FilterBox input[type="date"],
.FilterBox .Button,
.FilterBox .ms-choice{
	box-sizing: border-box;
	height: 34px;
	min-height: 34px;
	font-size: 13px;
}
.FilterBox select,
.FilterBox input[type="text"],
.FilterBox input[type="date"]{
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	/* 필터 상자 배경이 회색(#f8f9fa)이라 흰 바탕을 명시해야 입력칸이 드러난다.
	   지정하지 않으면 브라우저·OS 테마에 따라 회색으로 비쳐 경계가 흐려진다. */
	background: #fff;
	line-height: 32px;
	transition: border-color .2s;
}
.FilterBox select:focus,
.FilterBox input[type="text"]:focus,
.FilterBox input[type="date"]:focus{
	border-color: #4a90d9;
	outline: none;
	box-shadow: 0 0 0 2px rgba(74,144,217,.1);
}
.FilterBox .ms-choice{ line-height: 32px; border-radius: 4px; }
.FilterBox .ms-choice > span{ line-height: 32px; }

.FilterBox .Button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 0 14px;
	line-height: 32px;
	border-radius: 4px;
}
/* 전역 `.Button [class*="mif-"]{height:.9em; vertical-align:baseline}` 가
   flex 안에서 아이콘을 위로 띄운다. 이 화면에서는 되돌린다. */
.FilterBox .Button > [class*="mif-"]{ height: auto; line-height: 1; vertical-align: middle; }
.FilterBox .Button > span{ line-height: 1; }
.FilterBox .Button__outline{ background: #fff; border: 1px solid #ddd; color: #666; }
.FilterBox .Button__outline:hover{ background: #f5f5f5; border-color: #ccc; }

/* ---- 값이 들어 있는 필터 ----
   어떤 조건이 걸려 있는지 훑어보고 알 수 있게 테두리·배경·글자를 함께 바꾼다.
   테두리만 바꾸면 3줄짜리 필터에서 눈에 안 들어온다. */
.FilterBox select.is-active,
.FilterBox input.is-active,
.FilterBox .ms-choice.is-active{
	border-color: #5355c4;
	background: #f4f5ff;
	color: #33345f;
	font-weight: 600;
}
.FilterBox .ms-choice.is-active > span{ color: #33345f; font-weight: 600; }

/* 하나라도 걸려 있으면 초기화 버튼을 살린다 — 되돌릴 곳을 찾기 쉽게 */
.FilterBox.has-filter .Button__outline{ border-color: #5355c4; color: #40427f; font-weight: 600; }
.FilterBox.has-filter .Button__outline:hover{ background: #f4f5ff; border-color: #40427f; }

/* 작은 초기화 버튼 — 옆 입력칸과 같은 높이를 유지하되 폭만 줄인다 */
.FilterBox .Button--sm{ padding: 0 10px; font-size: 12px; }

/* 미완료 필터 토글 — 다른 컨트롤과 같은 높이 */
.FilterBox .FilterFlag{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	box-sizing: border-box;
	height: 34px;
	padding: 0 12px;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	color: #dc3545;
	font-size: 13px;
	cursor: pointer;
}
/* ⚠️ reset.css 의 전역 input 규칙(23행 display:inline-block · 83행 height:2.5em
   padding:.5em border:1px)이 체크박스까지 덮친다. 되돌리지 않으면 35px 짜리
   테두리 상자가 되어 라벨 안 글자를 밀어낸다. */
.FilterBox .FilterFlag input[type="checkbox"]{
	box-sizing: border-box;
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	accent-color: #dc3545;
	cursor: pointer;
}
/* 아이콘·글자가 라벨 높이(34px) 한가운데 오도록 줄높이를 눕힌다.
   전역 `.Button [class*="mif-"]{height:.9em}` 같은 규칙이 아이콘을 띄우기도 한다. */
.FilterBox .FilterFlag > i,
.FilterBox .FilterFlag > span{ line-height: 1; }
.FilterBox .FilterFlag > i{ font-size: 14px; height: auto; vertical-align: middle; }
.FilterBox .FilterFlag__count{ line-height: 16px; }

.FilterBox .FilterFlag:hover{ background: #fdf6f6; }
/* 켠 상태 — solid red 로 채우면 안쪽 체크박스가 묻힌다. 옅은 톤 + 진한 글자로. */
.FilterBox .FilterFlag.is-on{ background: #fdecea; border-color: #dc3545; color: #a03a38; }
.FilterBox .FilterFlag__txt{ font-weight: 600; }
.FilterBox .FilterFlag__count{
	padding: 1px 8px;
	border-radius: 10px;
	background: #dc3545;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}
.FilterBox .FilterFlag.is-on .FilterFlag__count{ background: #dc3545; color: #fff; }

.register__table .table__check, .register__region__table .table__check{width: 3em;}
.register__table .table__order{width: 4em;}
.register__table .table__no{width: 4em;}
.register__table .table__cate{width: 9em;}
.register__table .table__ip__no{width: 13em;}
.register__table .table__title{width: auto;}
.register__table .table__company__name{width: auto;}
.register__table .table__date{width: 9em;}
.register__table .table__yn{width: 6em;}
.register__region__table .table__no{width: 8em;}
.register__region__table .table__region{width: 35em;}
.register__region__table .table__date{width: 12em;}
.register__region__table .table__edit{width: 12em;}

.register__country__table .table__check{width: 3em;}
.register__country__table .table__no{width: 8em;}
.register__country__table .table__country__code{width: 8em;}
.register__country__table .table__region{width: 30em;}
.register__country__table .table__date{width: 12em;}
.register__country__table .table__edit{width: 10em;}

.erps__task__table .table__no{width: 4em;}
.erps__task__table .table__cate{width: 10em;}
.erps__task__table .table__class{width: 8em;}
.erps__task__table .table__type{width: 12em;}
.erps__task__table .table__form{width: 10em;}
.erps__task__table .table__process{width: 8em;}
.erps__task__table .table__yn{width: 5em;}
.erps__task__table .table__register{width: 8em;}

.nmpa__admreport__table .table__order{width: 3.5em;}
.nmpa__admreport__table .table__no{width: 4em;}
.nmpa__admreport__table .table__company{width: 11em;}
.nmpa__admreport__table .table__product{width: 13em;}
.nmpa__admreport__table .table__service{width: 9em;}
.nmpa__admreport__table .table__cate{width: auto;}
.nmpa__admreport__table .table__progress{width: 14em;}
.nmpa__admreport__table .table__contract{width: 7em;}
.nmpa__admreport__table .table__edit{width: 9.5em;}
/* 좁은 화면에서 한글이 한 글자씩 세로로 끊기는 것을 막는다 */
.nmpa__admreport__table td,
.nmpa__admreport__table th{word-break: keep-all;overflow-wrap: break-word;}
/* 관리번호 등 보조 정보 — 제품명보다 약하게 */
.nmpa__admreport__table .td_sub{color: #8f8c9e;font-size: 0.9em;}
/* 진행상황 칩 — 입력창처럼 보이던 흰 배경·그림자를 걷어내고 상태 표시로 바꾼다 */
.nmpa__admreport__table .state{
	background: #f5f6fb;
	border-color: #e3e5f0;
	box-shadow: none;
	border-left: 3px solid #b9bacf;
}
/* 완료 단계 — 회색(비활성)이 아니라 완료로 읽히게 */
.nmpa__admreport__table .state.fin{
	background: rgba(0, 237, 150, 0.12);
	border-left-color: #00b871;
	color: #0a6b4c;
}
/* 정렬 화살표 — 헤더 글자를 먼저 읽히게 하고 열을 넘지 않도록 */
.nmpa__admreport__table .sort{margin-left: 0.3em;white-space: nowrap;}
.nmpa__admreport__table .sort i{color: #c3c4d4;}
.nmpa__admreport__table .sort i.active{color: #444bf8;}
/* 고객사가 늘어도 탭이 화면을 밀어내지 않도록 높이 제한 */
.nmpa__admreport__tabs{max-height: 7.5em;overflow-y: auto;}
/* 현재 조건에 0건인 고객사 — 탭은 남기고 흐리게만 */
.nmpa__admreport__tabs .DataLink.is_empty{opacity: 0.45;}
.nmpa__admreport__tabs .DataLink.is_empty:hover{opacity: 1;}
/* 헤더 고정 — 행이 높아 스크롤하면 어느 열인지 알 수 없었다 */
.nmpa__admreport__table{max-height: calc(100vh - 15em);}
.nmpa__admreport__table thead th{
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1;
}

.board__table__basic .table__no{width: 8em;}
.board__table__basic .table__cate{width: 12em;}
.board__table__basic .table__year{width: 8em;}
.board__table__basic .table__file{width: 6em;}
.board__table__basic .table__views{width: 6em;}
.board__table__basic .table__date{width: 10em;}

.client__law__table .table__no{width: 8em;}
.client__law__table .table__cate{width: 15em;}
.client__law__table .table__translate{width: 12em;}
.client__law__table .table__file{width: 14em;}
.client__law__table .table__status{width: 9em;}
.client__law__table .table__date{width: 10em;}

.client__standard__table .table__no{width: 5em;}
.client__standard__table .table__cate{width: 6em;}
.client__standard__table .table__type{width: 8em;}
.client__standard__table .table__ip__no{width: 10em;}
.client__standard__table .table__name{width: auto;}
.client__standard__table .table__type__no{width: 8em;}
.client__standard__table .table__presentation__date{width: 8em;}
.client__standard__table .table__implementation__date{width: 8em;}
.client__standard__table .table__status{width: 8em;}
.client__standard__table .table__download{width: 10em;}

.client__standard__content .table__normal{width: 14em;}
.client__standard__content .table__normal__no{width: 14em;}

.resource__client__table .table__no{width: 8em;}
.resource__client__table .table__cate{width: 6em;}
.resource__client__table .table__class{width: 13em;}
.resource__client__table .table__location{width: 18em;}
.resource__client__table .table__reg__no{width: 15em;}
.resource__client__table .table__subjects{width: 20em;}

.resource__testing__table .table__no{width: 6em;}
.resource__testing__table .table__cate{width: 10em;}
.resource__testing__table .table__location{width: 18em;}
.resource__testing__table .table__reg__no{width: 15em;}
.resource__testing__table .table__medi__cate{width: 12em;}
.resource__testing__table .table__ivd__cate{width: 12em;}

.trade__report__table .table__no{width: 6em;}
.trade__report__table .table__company{width: 12em;}
.trade__report__table .table__product__name{width: auto;}
.trade__report__table .table__service{width: 12em;}
.trade__report__table .table__cate{width: 24em;}
.trade__report__table .table__progress{width: 20em;}
.trade__report__table .table__date{width: 8em;}

.qna__table .table__no{width: 8em;}
.qna__table .table__cate{width: 12em;}
.qna__table .table__file{width: 6em;}
.qna__table .table__views{width: 6em;}
.qna__table .table__date{width: 10em;}



/* iPad 가로 모드 전용 (대략 1024~1366px) */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {

	/* 대쉬보드 */
	select, input, textarea{font-size: 0.75em;line-height: 0.75em;}
	.Button__danger{background-color: #ffaeae;}
	.Button[class*="Button_"]{height: 2em;line-height: 2em;}
	.Button__large.Button.Button[class*="Button_"]{
		height: 2.2em;
		line-height: 2.2em;
		font-size: 0.9em;
	}
	.Dashboard__title{font-size: 0.75em;}
	.Global{
		padding-left: 0;
		margin: 0 0 0 1em;
	}
	.Global .menu{padding: 0 0.5em;}
	.Top__button .menu.on i, .Top__button .menu i{vertical-align: middle;}
	.Navi__item{padding: 0;}
	.Top__nav .Navi__item a{text-align: center;}
	.Top__nav .Navi__item i{display: block;}
	.Navi__item > a{margin: 0 0.1em;}
	.Navi__menu{
		margin: 0 1em 0 0;
		padding: 0 1em 0 0;
	}
	.Navi__menu a{margin: 0 0.2em;}
	.Navi__user{margin: 0 0.5em;}
	.Navi__user span{padding: 0 1.5em;}
	.Navi__lang{margin: 0 0.2em;padding: 0.2em;}
	.Navi__lang a{padding: 0.5em;}
	.Navi__lang > a:after{padding-left: 0.3em;}

	.Container{top: 4.8em;}
	.Dashboard__desc > span{font-size: 0.9em;}
	.DataInfoList__item > a{width: 100%;}
	.DataInfoList__item .download{
		padding-left: 1em;
		width: 40%;
		flex-shrink: 0;
	}
	.DataInfoList .UploadFile{width: 100%;}
	.Location__title{font-size: 1.25em;}
	.Location__text{font-size: 0.75em;padding-top: 0.25em;}
	.BoxArea__title{font-size: 0.9em;}
	.BoxArea__content{padding: 1em;}

	/* 게시판관리 - 팝업 */
	.popup__setting__table table{min-width: 100%;}
	.popup__setting__table colgroup col:nth-child(1){width: 3em;}
	.popup__setting__table colgroup col:nth-child(3){width: 7em;}
	.popup__setting__table colgroup col:nth-child(4){width: 7em;}
	.popup__setting__table colgroup col:nth-child(5){width: 4em;}
	.popup__setting__table colgroup col:nth-child(6){width: 7em;}
	.popup__setting__table colgroup col:nth-child(7){width: 6em;}

	/* 게시판관리 - 게시판등록 */
	.board__setting{font-size: 0.95em;}
	.board__setting .DataGroup__item .title{min-width: 3em;}
	.board__setting .DataGroup__item select{min-width: 9em;}

	/* 게시판 관리 admin/lists 형식 */
	.admin__board__list .table__check{width: 3em;}
	.admin__board__list .table__order{width: 4em;}
	.admin__board__list .table__no{width: 4em;}
	.admin__board__list .table__cate{width: 6em;}
	.admin__board__list .table__year{width: 8em;}
	.admin__board__list .table__file{width: 4em;}
	.admin__board__list .table__writer{width: 8em;}
	.admin__board__list .table__views{width: 4em;}
	.admin__board__list .table__date{width: 12em;}
	.admin__board__list .table__yn{width: 5em;}

	/* 게시판 관리 inquire 형식 */
	.front__table table{min-width: 100%;}
	.front__table .table__no{width: 4em;}
	.front__table .table__cate{width: 6em;}
	.front__table .table__views{width: 5em;}
	.front__table .table__date{width: 8em;}

	/* popup modal 너비/높이 조절 */
	.Modal__content{max-height: 35em;}
	.Modal.size_m .Modal__inner, .Modal__inner, .Modal.size_sm .Modal__inner{
		width: 60em;
		margin-left: 0 !important;
		transform: translate(-50%, -50%);
		margin-top: 0 !important;
	}
	
	.Modal__blind{background: rgba(0, 0, 0, 0.6);}

	/* 정보제공 등록관리 - 법규 및 규범 */
	.law__table table, .guideline__table table{min-width: 100%;}
	.law__table .table__order, .guideline__table .table__order{width: 4em;}
	.law__table .table__no, .guideline__table .table__no{width: 5em;}
	.law__table .table__cate, .guideline__table .table__cate{width: 6em;}
	.law__table .table__list__add, .guideline__table .table__list__add{width: 9em;}
	.law__table .table__date, .guideline__table .table__date{width: 6em;}
	.law__table .table__yn, .guideline__table .table__yn{width: 5em;}

	/* 정보제공 등록관리 - 표준 */
	.StandardGroup__button{line-height:3.5em; min-width: 15em;}
	.StandardGroup__title{font-size: 0.95em;padding: 1em !important;}
	.standard__table table{min-width: 100%;}
	.standard__table .table__order{width: 4em;}
	.standard__table .table__no{width: 5em;}
	.standard__table .table__nomal__identify{width: 5em;}
	.standard__table .table__identify__no{width: 7em;}
	.standard__table .table__cate{width: 6em;}
	.standard__table .table__title{width: auto;}
	.standard__table .table__cate__no{width: 6em;}
	.standard__table .table__date{width: 6em;}
	.standard__table .table__yn{width: 5em;}

	/* 정보제공 등록관리 - 임상시험기관 등록, 시험기관 등록 */
	.laboratory__table table, .region__table table, .testing__table table,
	.testing__region__table table{min-width: 100%;}
	.laboratory__table .table__order, .testing__table .table__order{width: 4em;}
	.laboratory__table .table__no, .region__table .table__no,
	.testing__table .table__no, .testing__region__table .table__no{width: 5em;}
	.laboratory__table .table__cate{width: 6em;}
	.laboratory__table .table__class, .testing__table .table__cate{width: 13em;}
	.laboratory__table .table__date, .testing__table .table__date{width: 6em;}
	.laboratory__table .table__yn, .testing__table .table__yn{width: 5em;}
	.region__table .table__region, .testing__region__table .table__region{width: 23em;}
	.region__table .table__date, .testing__region__table .table__date{width: 6em;}
	.region__table .table__edit, .testing__region__table .table__edit{width: 6em;}

	/* 정보제공 등록관리 - 한국의료기기 등록 & 한국의료기기 품목별등록 */
	.medi__rank__table .table__check, .medi__type__table .table__check{width: 3em;}
	.medi__rank__table .table__order, .medi__type__table .table__order{width: 3em;}
	.medi__rank__table .table__no, .medi__type__table .table__no{width: 4em;}
	.medi__rank__table .table__service, .medi__type__table .table__service{width: 6em;}
	.medi__rank__table .table__cate, .medi__type__table .table__cate{width: 16em;}
	.medi__rank__table .table__ip__no, .medi__type__table .table__ip__no{width: 12em;}
	.medi__rank__table .table__company__name, .medi__type__table .table__company__name{width: auto;}
	.medi__rank__table .table__product__en, .medi__type__table .table__product__en{width: auto;}
	.medi__rank__table .table__product__cn, .medi__type__table .table__product__cn{width: auto;}
	.medi__rank__table .table__date, .medi__type__table .table__date{width: 7em;}
	.medi__rank__table .table__expiry, .medi__type__table .table__expiry{width: 7em;}

	/* 정보제공 등록관리 - 중국시판허가 현황관리 */
	.resource__register__header{font-size: 0.9em;}
	.register__region__table table, .register__country__table table{min-width: 100%;}
	.register__table .table__order{width: 3em;}
	.register__table .table__date{width: 7em;}
	.register__table .table__yn{width: 5em;}
	.register__region__table .table__no, .register__country__table .table__no,
	.register__country__table .table__country__code{width: 5em;}
	.register__region__table .table__region{width: 27em;}
	.register__region__table .table__date, .register__country__table .table__date{width: 8em;}
	.register__region__table .table__edit, .register__country__table .table__edit{width: 5em;}
	.register__country__table .table__region{width: 23em;}

	/* NMPA 등록관리 - 업무관리 */
	.erps__task__table .table__no{width: 3em;}
	.erps__task__table .table__cate{width: 7em;}
	.erps__task__table .table__class{width: 4em;}
	.erps__task__table .table__type{width: 10em;}
	.erps__task__table .table__form{width: 8em;}
	.erps__task__table .table__process{width: 6em;}
	.erps__task__table .table__yn{width: 4em;}
	.erps__task__table .table__register{width: 7em;}

	/* NMPA 등록관리 - 문서관리 */
	.erps__etc__header, .erps__etc__list, .erps__etc__bottom,
	.erps__rps__header, .erps__rps__list, .erps__rps__bottom{min-width: 100% !important;}
	.erps__etc__header .table__no, .erps__etc__writer .table__no,
	.erps__etc__list .table__no{width: 3em;}
	.erps__etc__header .table__doc, .erps__etc__writer .table__doc,
	.erps__etc__list .table__doc{width: auto;}
	.erps__etc__header .table__sublist, .erps__etc__writer .table__sublist,
	.erps__etc__list .table__sublist{width: 6em;}
	.erps__etc__header .table__sample, .erps__etc__writer .table__sample,
	.erps__etc__list .table__sample{width: 7em;}
	.erps__etc__header .table__status, .erps__etc__writer .table__status,
	.erps__etc__list .table__status{width: 6em;}
	.erps__etc__header .table__cn, .erps__etc__writer .table__cn,
	.erps__etc__list .table__cn{width: 9em;}
	.erps__etc__header .table__origin, .erps__etc__writer .table__origin,
	.erps__etc__list .table__origin{width: 9em;}
	.erps__etc__header .table__btns, .erps__etc__writer .table__btns,
	.erps__etc__list .table__btns{width: 6em;}

	/* NMPA 등록관리 - NMPA 등록관리 */
	.nmpa__admreport__table .table__order{width: 3em;}
	.nmpa__admreport__table .table__no{width: 4em;}
	.nmpa__admreport__table .table__company{width: 10em;}
	.nmpa__admreport__table .table__product{width: 12em;}
	.nmpa__admreport__table .table__service{width: 10em;}

	/* board - basic */
	.nmpa__board table{min-width: 100%;}
	.board__table__basic .table__no{width: 4em;}
	.board__table__basic .table__cate{width: 8em;}
	.board__table__basic .table__year{width: 5em;}
	.board__table__basic .table__file{width: 4em;}
	.board__table__basic .table__views{width: 4em;}
	.board__table__basic .table__date{width: 6em;}

	/* 정보제공 - 법률 및 규정 & 가이드라인 */
	.client__law__text{font-size: 0.6em !important;}
	.client__law__view{font-size: 0.8em;}
	.client__law__table .table__no{width: 4em;}
	.client__law__table .table__cate{width: 6em;}
	.client__law__table .table__translate{width: 10em;}

	/* 정보제공 - 의료기기 표준 */
	.client__header{justify-content: center !important;font-size: 0.8em;}
	.client__standard__table .table__no{width: 4em;}
	.client__standard__table .table__cate{width: 4em;}
	.client__standard__table .table__ip__no{width: 8em;}
	.client__standard__table .table__presentation__date{width: 6em;}
	.client__standard__table .table__implementation__date{width: 6em;}
	.client__standard__table .table__status{width: 8em;}
	.client__standard__table .table__download{width: 10em;}
	.client__standard__content{font-size: 0.9em;}
	.client__standard__content .LegalLayout__title{font-size: 0.9em;padding:0 5em;}
	.client__standard__content .table__normal{width: 8em;}
	.client__standard__content .table__normal__no{width: 8em;}

	/* 정보제공 - 의료기기 임상시험기관 & 의료기기 시험기관 */
	.resource__client__table table, .resource__testing__table table{min-width: 100%;}
	.resource__client__table .table__no{width: 4em;}
	.resource__client__table .table__cate{width: 4em;}
	.resource__client__table .table__class{width: 6em;}
	.resource__client__table .table__location{width: 12em;}
	.resource__client__table .table__reg__no{width: 7em;}
	.resource__client__table .table__subjects{width: 12em;}	

	.resource__testing__table .table__no{width: 4em;}
	.resource__testing__table .table__cate{width: 6em;}
	.resource__testing__table .table__location{width: 10em;}
	.resource__testing__table .table__reg__no{width: 7em;}
	.resource__testing__table .table__medi__cate{width: 11em;}
	.resource__testing__table .table__ivd__cate{width: 11em;}

	/* NMPA컨설팅 - NMPA인허가 */
	.mobile__datalink a{padding: 0.6em 0.8em;}
	.trade__report__table .bigger{font-size: 1.25em;}
	.trade__report__table .table__no{width: 4em;}
	.trade__report__table .table__company{width: 10em;}
	.trade__report__table .table__product__name{width: auto;}
	.trade__report__table .table__service{width: 12em;}
	.trade__report__table .table__progress{width: 18em;}
	.trade__report__table .table__date{width: 6em;}

	.company__info__table table{min-width: 100%;}

	/* 고객지원 - slow 공지사항 && QnA */
	.slow__notice table, .qna__table table{min-width: 100%;}
	.qna__table .table__no{width: 4em;}
	.qna__table .table__cate{width: 10em;}
	.qna__table .table__views{width: 4em;}
}

@media (max-width: 1130px){
	.Navi__item .name{
		max-width: 3.7em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

.OverallChartBar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
	justify-content: end;
}
.OverallChartBar__status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.OverallChartBar__label {
    font-size: 12px;
    color: #868e96;
    font-weight: 500;
}
/* 메뉴관리에서 지정한 "업데이트됨" 배지 (사이드바 최상위 메뉴) */
.update-label {
    font-weight: bold;
    background-color: #1e88e5;
    color: #ffffff;
    border-radius: 3px;
    vertical-align: baseline;
    height: 1.6em;
    line-height: 1.6em;
    display: inline-block;
    text-align: center;
    padding: 0 0.5em;
    margin: 0 0.4em;
    font-size: 0.65em;
    letter-spacing: 0.02em;
    text-indent: 0;
}

/* ── NIFDC 크롤링 실행 버튼 (2026-08-26) ───────────────────────────────
   크롤링 모니터와 NIFDC 크롤링 데이터 화면이 함께 쓴다.
   핸들러: public/js/nifdc-run.js
   전역 CSS 에 두는 이유: 두 화면의 스타일시트가 달라서, 한쪽에만 넣으면
   다른 화면에서 아이콘이 돌지 않는다. 이름은 충분히 좁게 잡았다. */
@keyframes nifdc-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.NifdcRun__spin {
    display: inline-block;
    animation: nifdc-spin 0.9s linear infinite;
}
/* 실행 요청 중에는 눌린 버튼을 눈에 띄게 둔다 — 옆 버튼과 구분된다 */
.Button[data-nifdc-run][disabled],
.btn-collect[disabled] {
    opacity: .75;
    cursor: progress;
}

/* ── NIFDC 크롤링 진행률 (2026-08-26) ─────────────────────────────────
   NIFDC 크롤링 데이터 화면(me/ivd crawl_v.php)의 진행 표시.
   갱신은 public/js/nifdc-run.js 가 /crawl_monitor/progress 를 폴링한다.
   전역 CSS 에 두는 이유는 위 .NifdcRun__spin 과 같다 — 두 화면의 스타일시트가
   달라서 한쪽에만 넣으면 다른 화면에서 모양이 깨진다. */
/* 띠 — .BoxArea 는 배경이 없어서(padding-top 3.6em 뒤가 바로 이 자리) 흰색으로
   채우지 않으면 페이지 배경이 비친다. 좌우 여백은 .BoxArea__content 와 맞춘다. */
.NifdcProgressBand {
    padding: 1em 1.5em 0;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
}
.NifdcProgressBand[hidden] { display: none; }
.NifdcProgress {
    padding: 14px 16px;
    background: #f8f9fc;
    border: 1px solid #e3e6f0;
    border-left: 4px solid #7950f2;
    border-radius: 4px;
}
.NifdcProgress__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.NifdcProgress__title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    color: #3f3d56;
}
.NifdcProgress__stat {
    font-size: 12px;
    color: #666;
    font-variant-numeric: tabular-nums;   /* 숫자가 바뀔 때 폭이 흔들리지 않게 */
}
.NifdcProgress__bar {
    height: 18px;
    background: #e9ecef;
    border-radius: 9px;
    overflow: hidden;
}
.NifdcProgress__fill {
    height: 100%;
    width: 0;
    background: #7950f2;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    transition: width .4s ease;           /* 5초마다 갱신되므로 부드럽게 채운다 */
    font-variant-numeric: tabular-nums;
}
.NifdcProgress__fill.is-done   { background: #2eb886; }
.NifdcProgress__fill.is-failed { background: #d40e0d; }
.NifdcProgress__note {
    margin-top: 8px;
    font-size: 12px;
    color: #888;
    word-break: break-all;                /* 처리 중 항목명이 길면 줄바꿈 */
}