@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@master/nanumsquare.css);

	
body {
	align-content: center;
	background-color:#ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-position: center top;
	font-family: 'NanumSquare', sans-serif;
	font-size: 11px;
	font-style: normal;
}

	.bottom1{
			font-size: 13pt;
			height: 70px;
			bottom: 0px;
			border: 0px;
			font-weight: bold;
			color: #616161;	
		    padding-top: 20px;

		
		}
		.bottom2{
			height: 80px;
			font-family: 돋움;
			font-size: 11px;
			line-height: 16px;
			bottom: 0px;
			border: 0px;
			color: #888787;
		}
	

	

.origin-public-header .nav,
.origin-public-header .nav a,
.origin-public-header .nav ul,
.origin-public-header .nav li,
.origin-public-header .nav div,
.origin-public-header .nav form,
.origin-public-header .nav input {
  width: 150px;
  border: 0;
  outline: 0;
}

.origin-public-header .nav {
  position: relative;
  top: 0;
  float: left;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  width: 1200px;
  height: 95px;
  margin: 1em 0;
  padding: 0 0 0 40px;
}

.origin-public-header .nav.nav-with-banner { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.origin-public-header .nav.nav-with-banner > li,
.origin-public-header .nav.nav-with-banner > li > a { width: 133.333px; }
.origin-public-header .nav li { float: left; list-style: none; }
.origin-public-header .nav a { text-decoration: none; }

.origin-public-header .nav > li > a {
  position: relative;
  z-index: 510;
  display: block;
  box-sizing: content-box;
  height: auto;
  padding-top: 10px;
  background: transparent;
  color: #fff;
  font-family: "NanumSquare", sans-serif;
  font-size: 16pt;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 0 0 1px rgba(0, 0, 0, .35);
  transition: color .15s ease, background-color .15s ease;
}

.origin-public-header .nav > li:hover > a,
.origin-public-header .nav > li.is-keyboard-open > a {
  color: #99ccff;
}

.origin-public-header .nav > li > div {
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 500;
  display: block;
  width: 1200px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity .12s ease, visibility .12s ease;
}

.origin-public-header .nav > li:hover > div,
.origin-public-header .nav > li.is-keyboard-open > div {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.nav-sub,
.nav-sub a,
.nav-sub ul,
.nav-sub li,
.nav-sub div,
.nav-sub form,
.nav-sub input {
    padding: 0;
	width: auto;
	height: 55px;
	text-align: center;
}
	
.origin-section-tabs {
	position: relative;
	top: 0;
	width: 1300px;
	min-width: 1300px;
}
/* Legacy inline wrappers were 2px wider and exposed white corners behind the tabs. */
div:has(> .origin-section-tabs) {
	width: 1300px !important;
	background-color: transparent !important;
}
.nav-sub {
	min-width: 1300px;
	width: 1300px;
	height: 55px;
	display: grid;
	grid-template-columns: repeat(var(--origin-subnav-count, 3), minmax(0, 1fr));
	margin: 0;
	padding: 0;
	border: 1px solid #d9e2ec;
	border-radius: 12px 12px 0 0;
	background: #f4f7fa;
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(23, 55, 84, .09);
}
.nav-sub > li {
	position: relative;
	float: none;
	min-width: 0;
	list-style: none;
	background: transparent;
}
.nav-sub > li + li { border-left: 1px solid #e1e8ef; }
.nav-sub > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	padding: 0 14px;
	box-sizing: border-box;
	font-family: 'NanumSquare', sans-serif;
	font-size: 15pt;
	color: #666666;
	font-weight: 600;
	text-decoration: none;
	transition: color 160ms ease, background-color 160ms ease;
}
.nav-sub > li > a:hover,
.nav-sub > li > a:focus-visible {
	color: #155f99;
	background: #eef6fc;
	outline: none;
}
.nav-sub > li.is-active > a,
.nav-sub > li.is-active > a:link,
.nav-sub > li.is-active > a:visited {
	color: #0c568f;
	background: #ffffff;
	font-weight: 800;
}
.nav-sub > li.is-active::after {
	content: "";
	position: absolute;
	right: 24px;
	bottom: 0;
	left: 24px;
	height: 4px;
	border-radius: 4px 4px 0 0;
	background: #248dcc;
}
	.sel-menu{
	font-size: 15pt;
	font-weight: 400;
	text-align: left;
	
			}
			
	

	
	
	
		 a:link { color: #616161; text-decoration: none;}
		 a:visited { color: #616161; text-decoration: none;}
		 a:hover { color: #000000; text-decoration: none;}
	.top-line a:link { color: #526e90; text-decoration: none;}
	.top-line a:visited { color: #526e90; text-decoration: none;}
.top-line a:hover { color: #526e90; text-decoration: none;}

.origin-subnav-1 { --origin-subnav-count: 1; }
.origin-subnav-2 { --origin-subnav-count: 2; }
.origin-subnav-3 { --origin-subnav-count: 3; }
.origin-subnav-4 { --origin-subnav-count: 4; }
.origin-subnav-6 { --origin-subnav-count: 6; }

.nav-sub > li,
.nav-sub > li > a {
  width: auto;
}

/* Shared public header: one structural layout for every public page. */
.origin-public-header {
	position: relative;
	z-index: 1100;
	height: 0;
}
.origin-public-header__top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	min-width: 1360px;
	height: 55px;
	background-color: #153a69;
	text-align: center;
}
.origin-public-header__top-inner {
	display: inline-block;
	width: 1360px;
	margin: 0 auto;
}
.origin-public-header__brand {
	float: left;
	width: 224px;
	padding-left: 30px;
}
.origin-public-header__brand img { border: 0; }
.origin-public-header__menu-rule {
	position: absolute;
	top: 150px;
	left: 0;
	z-index: 5;
	width: 100%;
	min-width: 1360px;
	height: 1px;
	background: #fff;
}
.origin-public-header__menu {
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 3;
	width: 100%;
	min-width: 1360px;
	text-align: center;
}
.origin-public-header__menu-inner {
	width: 1300px;
	margin: 0 auto;
}
.origin-public-header__primary {
	float: left;
	width: 1200px;
}
.origin-public-header__support {
	z-index: 800;
	float: right;
	width: 50px;
	text-align: right;
}
.origin-public-header__support img { border: 0; }
.origin-mega-marker {
	top: 0 !important;
	width: 1200px !important;
	background: transparent;
}
.origin-mega-panel {
	top: 85px !important;
	display: grid !important;
	grid-template-columns: 260px 260px 1fr;
	width: 1200px !important;
	height: 185px;
	background: transparent;
}
.origin-mega-panel__icon,
.origin-mega-panel__copy {
	box-sizing: border-box;
	width: 260px !important;
	height: 185px;
	background: #fff;
}
.origin-mega-panel__copy {
	padding-top: 40px;
	text-align: left;
}
.origin-mega-panel__copy strong {
	display: block;
	font-size: 2.1em;
	font-weight: 500;
	color: #616161;
}
.origin-mega-panel__copy p {
	margin: 25px 0 0;
	font-size: 1.7em;
	font-weight: 100;
	line-height: 1.5;
	color: #a2adb3;
}
.origin-mega-panel__links {
	display: grid;
	align-content: center;
	grid-template-columns: repeat(3, 200px);
	grid-auto-rows: 60px;
	box-sizing: border-box;
	width: 680px !important;
	height: 185px;
	padding-left: 80px;
	text-align: left;
}
.origin-mega-panel__links > a.sel-menu {
	display: flex;
	align-items: center;
	width: 200px;
	font-size: 18px;
	font-weight: 400;
	color: #616161;
	white-space: nowrap;
}
.origin-mega-panel__links > a.sel-menu:hover,
.origin-mega-panel__links > a.sel-menu:focus-visible { color: #111; }
.origin-mega-backdrop {
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 2;
	display: none;
	width: 100%;
	min-width: 1360px;
}
.origin-mega-backdrop__menu {
	height: 95px;
	background-color: #315e97;
}
.origin-mega-backdrop__panel {
	height: 185px;
	background-color: rgba(255, 255, 255, .96);
}
.origin-mega-backdrop__edge {
	height: 1px;
	background-color: #fff;
}
.origin-public-header:has(.origin-mega-nav-item:hover) .origin-mega-backdrop,
.origin-public-header:has(.origin-mega-nav-item.is-keyboard-open) .origin-mega-backdrop {
	display: block;
}