BODY {FONT-SIZE: 9pt; COLOR: #765246; FONT-FAMILY: "µ¸¿ò", "µ¸¿òü", "Arial", "Verdana"; line-height: 140%;}
td {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 140%;
	color: #454545;
: none;
}
.form1 { border-width:1px; border-color:#CAC9C6; border-style:solid; }
.line_bottom { border-bottom-width:1px; border-bottom-color:#E8E6E8; border-bottom-style:solid; }
.form2 { border-right: #B2B2B2 1px solid; border-top: #B2B2B2 1px solid; font-size: 12px; border-left: #B2B2B2 1px solid; color: #000000; border-bottom: #B2B2B2 1px solid; font-family: "¥ì¢¬¢¯o", "¥ì¢¬¢¯oA¨ù", "Arial", "Verdana"; background-color: #ffffff}
.text_location {
	
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 8pt;
	line-height: 150%;
	color: #868686;
	text-decoration: none;
}
.text_color01 {
	
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #006489;
	text-decoration: none;
}
.text_color02 {

	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #5A731E;
	text-decoration: none;
}
.text_color03{

	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #006B4A;
	text-decoration: none;
}
.text_color04{

	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #50519E;
	text-decoration: none;
}
.text_color05{

	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #7E6233;
	text-decoration: none;
}
.text_color06{

	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #035F6B;
	text-decoration: none;
}
.text_color07{

	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 9pt;
	line-height: 150%;
	color: #8E4B64;
	text-decoration: none;
}

A:link, A:visited { text-decoration:none; color:#454545; }
A:hover, A:active { text-decoration:none; color:#5D84B1; }


/* 22.03.03 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'KoPubWorldBatang';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldBatang';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldBatang';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldBatangBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SinMyeongJo';
    src: url('/font/HYSinMyeongJo.otf') format('otf');
    src: url('/font/HYSinMyeongJo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.headerTop {
	font-family: 'Roboto', sans-serif;
	display: flex;
	justify-content: flex-end;
}
.headerTop li { 
	display: flex; 
	align-items: center;
}
.headerTop li:not(:last-child)::after { 
	content: "¡¤"; 
	margin: 0 5px; 
}
.headerTop li a { 
	font-size: 11px; 
	letter-spacing: -0.040em; 
	color: #333;
}
.sideBox {
	font-family: 'Noto Sans KR', sans-serif;
	box-sizing: border-box;
	padding: 0 8px;
}
.sideBox h1 {
	padding-left: 26px;
}
.sideBox > ul > li {
	border-top: 1px dashed #999;
	padding: 6px 30px;
}
.sideBox > ul > li:last-child {
	border-bottom: 1px dashed #999;
}
.sideBox > ul > li > a {
	font-size: 16px;
	color: #333;
	display: flex;
	align-items: center;
}
.sideBox > ul > li > a span {
	width: 25px;
	height: 25px;
	background: #ee951d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 14px;
}
.sideBox > ul > li > a span i {
	color: #fff;
}
.sideBox > ul > li > ul {
	padding-left: 40px;
	display: none;
}
.sideBox > ul > li > ul li a {
	font-size: 12px;
	font-weight: 300;
	color: #333;
}
.sideBox > ul > li > ul li a::before {
	content: "¡¤";
	margin-right: 5px;
}
.mainBox { 
	position: relative;
	margin-left: auto;
	max-width: 648px;
}
.mainBox .text {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.65);
	width: 100%;
	max-width: 648px;
	height: 95px;
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding: 0 50px;
	align-items: center;
	box-sizing: border-box;
}
.mainBox .text p {
	font-family: 'SinMyeongJo';
	line-height: 1.3529;
	font-size: 17px;
	transform: translateX(-40px);
	transition: all 0.8s;
	opacity: 0;
}
.mainBox .text h2 {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 700;
	font-size: 26px;
	transform: translateY(-30px);
	transition: all 1.0s 0.4s;
	opacity: 0;
}
.mainBox.on .text p {
	transform: translateX(0);
	opacity: 1;
}
.mainBox.on .text h2 {
	transform: translateY(0);
	opacity: 1;
}
.subTop {
	height: 79px;
	display: flex;
}
.subTop h2 {
	width: 240px;
	height: 100%;
	background: #fff;
	margin: 0;
	box-sizing: border-box;
}
.subTop h2 a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.subTop nav {
	position: relative;
}
.subTop nav ul {
	font-family: 'Noto Sans KR', sans-serif;
	display: flex;
	padding: 3px 0;
	height: 56px;
	box-sizing: border-box;
}
.subTop nav > ul > li {
	width: 116px;
	border-left: 1px solid #e0e0e0;
	padding: 0 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
}
.subTop nav > ul > li:last-child {
	border-right: 1px solid #e0e0e0;
}
.subTop nav > ul > li:nth-child(1):hover > a,
.subTop nav > ul > li:nth-child(1).on > a {
	color: #378ac5;
}
.subTop nav > ul > li:nth-child(2):hover > a,
.subTop nav > ul > li:nth-child(2).on > a {
	color: #5a8800;
}
.subTop nav > ul > li:nth-child(3):hover > a,
.subTop nav > ul > li:nth-child(3).on > a {
	color: #ad782e;
}
.subTop nav > ul > li:nth-child(4):hover > a,
.subTop nav > ul > li:nth-child(4).on > a {
	color: #01b43a;
}
.subTop nav > ul > li:nth-child(5):hover > a,
.subTop nav > ul > li:nth-child(5).on > a {
	color: #ce5884;
}
.subTop nav > ul > li > a {
	color: #333;
	font-size: 16px;
	transition: all 0.4s;
}
.subTop nav ul li a span {
	display: block;
	color: #999;
	font-size: 10px;
}
.subTop nav > ul > li ul {
	position: absolute;
	display: flex;
	left: 0;
	height: 22px;
	width: 900px;
	top: 145%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s;
}
.subTop nav > ul > li ul.on {
	top: calc(100% + 3px);
	opacity: 1;
}
.subTop nav > ul > li ul li {
	margin-left: 12px;
	display: flex;
	align-items: center;
}
.subTop nav > ul > li ul li a {
	color: #fff;
}
.subTop nav > ul > li ul li a::before {
	content: "¡¤";
	margin-right: 5px;
}
.subTop > ul {
	height: 56px;
	padding: 4px 0 0 8px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.subTop > ul li {
	display: flex;
	align-items: center;
}
.subTop > ul li a {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	letter-spacing: -0.040em;
}
.subTop > ul li::before {
	content:"";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #ee951d;
	border-radius: 50%;
	margin-right: 3px;
}
.subVisu {
	position: relative;
}
.subVisu .bg img {
	width: 900px;
	height: 136px;
}
.subVisu .title {
	font-family: 'KoPubWorldBatang';
	position: absolute;
	text-align: right;
	width: 825px;
	display: flex;
	flex-direction: column;
	gap: 14px 0;
	top: 50%;
	transform: translateY(-50%);
}
.subVisu .title h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
	transform: translateY(-30px);
	transition: all 1.0s;
	opacity: 0;
}
.subVisu .title p {
	font-size: 14px;
	font-weight: 300;
	padding-right: 6px;
	margin: 0;
	box-sizing: border-box;
	transform: translateY(-20px);
	transition: all 0.8s 0.4s;
	opacity: 0;
}
.subVisu.on .title h3,
.subVisu.on .title p {
	transform: translateY(0);
	opacity: 1;
}
.subVisu .title1 {
	color: #004370;
}
.subVisu .title2 {
	color: #426500;
}
.subVisu .title3 {
	color: #693d00;
}
.subVisu .title4 {
	color: #004214;
}
.subVisu .title5 {
	color: #600125;
}