* {
	box-sizing:border-box;
	font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '¸¼Àº °íµñ', dotum, 'µ¸¿ò', sans-serif;
}

body {
	min-width: fit-content;
	width:100%;
	margin:0px;
	overflow-y:scroll;
}

h2 {
    margin-top: 40px;
}

font.bold {
	font-weight:bold;
}

.top {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	border-bottom: 1px solid #d7d7d7;
	box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	padding: 8px 18px;
	padding-left:max(calc(20% - 175px), 25px);
	background-color:#ffffff;
	font-weight:bold;
	color:rgb(0, 110, 210);
}

.top-contact {
	font-weight:normal;
	color:rgb(0, 0, 0);
	font-size:13px;
	/*position:absolute;*/
	/*right:22px;*/
	color:rgb(0, 78, 225);
	float:right;
	position:relative;
	top:1px;
}

.left {
	position:fixed;
	left:0;
	top:70px;
	height:calc(100% - 107px);
	padding:20px 0px 20px 20px;
	background-color:#ffffff;
	color:rgb(30, 30, 30);
}

.left-top {
	position:relative;
	top:-15px;
	left: 0px;
	border-bottom:1px solid rgb(210, 210, 210);
}
.left-top-title {
	color:rgb(90, 90, 90);
	font-size:14px;
	position:relative;
	top: -6px;
	left:18px;
}

.left-main {
	overflow-y:auto;
	height:calc(100%);
}

.menu {
	height:calc(100% - 77px);
	font-size:14px;
	padding-right:2px;
}

.right {
	position:fixed;
	top:60px;
	width:20%;
	height:100%;
	padding:20px;
	overflow:hidden;
	background-color:#ffffff;
}

.right-top {
	top:-15px;
	left: 0px;
	border-bottom:2px solid rgb(0, 110, 210);
	margin-bottom:10px;
}
.right-top-title {
	color:rgb(0, 110, 210);
	font-size:14px;
	font-weight:bold;
	position:relative;
	top: -6px;
	left:0px;
}

.right-link {
	display:block;
	color:rgb(30, 30, 30);
	text-decoration-line: none;
	font-size:15px;
	margin-bottom:5px;

	height: 20px;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.right-link:hover {
	color:#888;
	cursor:pointer;
}

.right-link-active {
	color:rgb(0, 120, 210);
	font-weight:bold;
}
.right-link-active:hover {
	color:rgb(0, 140, 230);
	font-weight:bold;
}

.main-top
{
	padding:30px;
}

.main {
	width:60%;
	padding:20px;
	padding-top:48px;
	overflow:hidden;
	text-align:left;
	font-size:15px;
}

.main-menu-path {
	position:relative;
	top:12px;
	font-size:14px;
	color:rgb(90, 90, 90);
}

.bottom {
	background-color: rgb(60, 60, 60);
	padding:10px;
	color:rgb(200, 200, 200);
	font-size:13px;
	position: relative;
    z-index: 9999;
}



/* for sizing */
.top {
	padding-left:max(calc(100% - 1500px) / 2 + 25px, 25px);
	padding-right:max(calc(100vw - 1527px) / 2, 21px);
}

.left {
	width:220px;
	left:max(calc(100% - 1534px) / 2, 0px);
}
.main {
	width:calc(100vw - 20px);
	padding-left:max(calc(100vw - 1017px - 34px) / 2, 250px);
	padding-right:max(calc(100vw - 1113px - 34px) / 2, 210px);
	min-height:calc(100vh - 37px);
}
.right {
	width:200px;
	left:min(calc(100% - 200px) - (100% - 1554px) / 2, 100% - 200px);
	padding:20px;
}
/*77 45 32*/


/* etc */
.screenshot {
	border: 1px solid #d8d8d8;
	max-width:100%;
	margin-top:4px;
}







.table-style1 {
  border-collapse: collapse;
  border: 0;
}
.table-style1 th, .table-style1 td {
  border: 1px solid #d4d4d4;
  background-clip: padding-box;
  scroll-snap-align: start;
  font-size:14px;
  padding: 0.5rem;
  min-width: 6rem;
  text-align: left;
  margin: 0;
}
.table-style1 thead th,
.table-style1 tbody th {
  background-color: #f8f8f8;
}




.download-date {
	font-size:14px;
}