<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap');
<!--
body {
	scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #F2F2F2; scrollbar-shadow-color: #999CC; scrollbar-darkshadow-color: #F2F2F2; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #9999CC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x:hidden;
	
 
}

-->
body, td, p, input, button, textarea, select, .c1 { font-family:±¼¸²; font-size:9pt; color:#333333; }

a:link, a:visited, a:active, a:hover {text-decoration:none; color:#565656;}
a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#5C5C5C; }
a.menu:hover { text-decoration:none; }
a,img {selector-dummy: expression(this.hideFocus=true);}

img {border:none}

.box {font-family: "µ¸¿ò"; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #999999 0px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BORDER-LEFT: #999999 0px solid; COLOR: #333333; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR:#F6F6F7}
.box1 {font-family: "µ¸¿ò"; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:#ffffff}
.box2 {font-size:9pt;font-family: "µ¸¿ò"; border:1px #cfcfcf solid; background-color:ffffff;color:585858;}
.box3 {font-size:9pt;font-family: "µ¸¿ò"; border:1px #ABABAB solid; background-color:ffffff;color:585858; height:25;}
.box4 {font-size:9pt;font-family: "µ¸¿ò"; border:1px #cfcfcf solid; background-color:F7F7F7;color:585858;}
.box5 {font-size:9pt;font-family: "µ¸¿ò"; border:2px #ABABAB solid; background-color:ffffff;color:585858; height:25;}

.notice01 { color:#737373; font-family:µ¸¿ò ; font-size:8pt; letter-spacing:-1px;}
.notice02 { color:#7F7F7F; font-family:µ¸¿òÃ¼}

.1text01 { color:#666666; font-family:±¼¸²; line-height: 150%;}
.1text02 { color:#666666; font-family:±¼¸²; font-weight:bold ; line-height: 150%;}
.1text03 { color:#8C8C8C; font-family:±¼¸²; line-height: 150%;}
.1btext01 { color:#E86010; font-family:±¼¸²; font-weight:bold }


.text01 { font-family:µ¸¿ò; font-size:8pt; color:#7A7A7A; letter-spacing:0px; }
.text02 { font-family:µ¸¿ò; font-size:8pt; color:#565656; letter-spacing:-1px; font-weight:bold }
.text03 { font-family:µ¸¿ò; font-size:8pt;  color:#565656; letter-spacing:-1px; }
.text04 { color:#797979; letter-spacing:0px; }
.text05 { font-family:µ¸¿ò; font-size:8pt; color:#626262; letter-spacing:0px; }
.text06 { font-family:µ¸¿ò; font-size:8pt; color:#5A5A5A; letter-spacing:-1px; font-weight:bold }
.text11 { font-family:µ¸¿ò; font-size:8pt; color:#565656; letter-spacing:0px; }
.viewt { color:#363636; font-family:±¼¸²; line-height: 150%;font-size:10pt;}
.list01 { color:#636363;}


.top-menu-wrapper ul {list-style:none; padding-inline-start: 0;}
.top-menu-wrapper ul li {display: block; float:left; background: #464646;}
.top-menu-wrapper ul li a {display: block; padding: 5px 25px; font-size: 13px; color: #c1c1c1; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.top-menu-wrapper ul li:hover {background: #dc762b;}
.top-menu-wrapper ul li:hover a {color: #fff;}


.main-slide-area {width: 1200px;}
.slick-arrow{z-index: 2; position:absolute; top: 52%; width: 50px; height: 50px; border:0; text-indent: -9999px; transform: translateY(-25px); background: none;}
.slick-prev.slick-arrow{left: 420;}
.slick-next.slick-arrow{ left: 590;}


.lnb-area ul {text-align:right; padding-inline-start: 0; margin-top: 100px; }
.lnb-area ul li {display: block; border-bottom:1px solid #eee;}
.lnb-area ul a {display: block; padding: 10px 20px 10px 70px; font-size: 13px; color: #8f8f8f; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.lnb-area ul li:hover a,
.lnb-area ul li a.active {background: linear-gradient(to right, #f4981c, #ed6d13); color: #fff;}


.sub-visual {padding-left: 137px;}