@charset "euc-kr";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
body, td, p, input, button, textarea, select, .c1 { font-family:NanumGothic; font-size:9pt; color:#222222; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-family: "Nanum Gothic", sans-serif;}
*{font-family: 'Pretendard' !important;}
img {border:0px;}


/* BG�� ���� ���� ����� */

.mainbg {
        background-position: center top;
	background-image: url(../images/mainbg.jpg);
	background-repeat: no-repeat;
}
.subbg {
        background-position: center top;
	background-image: url(../images/subbg.jpg);
	background-repeat: no-repeat;
}


/* ���� */
.copy {
	background-color:#ffffff;
	height:80px;
}
.copyaddress {
	color:#b0b0b0;
	font-size:11px;
}
.line {
	background-color:#90ec0d;
	height:3px;
}
.line2 {
	background-color:#e4e4e4;
	height:1px;
}

/* ���� */

.titlenavi { color:#939393; font-size:11px; padding-left:8px;}
.title { font-size:18px; color:#323232; text-align:left; letter-spacing:0px; }


/* submenu���� */
.subMenutitle { padding-left:5px; font-size:23px; font-weight:100; color:#aaf03d; text-align:left; letter-spacing:0px; }
.submenubg {
        height:358px; /* �����޴� ��height  (���� ����)  */
        background-position: left top;
	background-image: url(../images/submenubg.jpg);
	background-repeat: no-repeat;
}

#menu_sub a{
	padding:0px 0px 3px 20px; /* ����� padding�� �������� top right bottom left */
	/* background-color:#00c619; /* ������ */
	/* background:url(../images/leftbg.gif) no-repeat; */
	background-position:left top;
	color:#9c9c9c; /* ���ڻ� */
	font:12px malgun gothic; /* ��Ʈ �Ӽ� �������� ũ�� �۲� */
	text-decoration:none;
	line-height:25px;
	width:188px;
	float:left;

}


#page0101 #menu_sub a.menu1, #page0102 #menu_sub a.menu1_2, #page0103 #menu_sub a.menu1_3, #page0104 #menu_sub a.menu1_4, #page0105 #menu_sub a.menu1_5{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff; /* ��Ʈ ���� */
	width:188px;
	padding:0px 0px 3px 20px;
	line-height:25px;
	font-weight:800;
	float:left;
}

#page0201 #menu_sub a.menu2, #page0202 #menu_sub a.menu2_2, #page0203 #menu_sub a.menu2_3, #page0204 #menu_sub a.menu2_4, #page0205 #menu_sub a.menu2_5{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff; /* ��Ʈ ���� */
	width:188px;
	padding:0px 0px 3px 20px;
	line-height:25px;
	font-weight:800;
	float:left;
}

#page0301 #menu_sub a.menu3, #page0302 #menu_sub a.menu3_2, #page0303 #menu_sub a.menu3_3, #page0304 #menu_sub a.menu3_4, #page0305 #menu_sub a.menu3_5{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff; /* ��Ʈ ���� */
	width:188px;
	padding:0px 0px 3px 20px;
	line-height:25px;
	font-weight:800;
	float:left;
}

#page0401 #menu_sub a.menu4, #page0402 #menu_sub a.menu4_2, #page0403 #menu_sub a.menu4_3, #page0404 #menu_sub a.menu4_4, #page0405 #menu_sub a.menu4_5{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff; /* ��Ʈ ���� */
	width:188px;
	padding:0px 0px 3px 20px;
	line-height:25px;
	font-weight:800;
	float:left;
}

#page0501 #menu_sub a.menu5, #page0502 #menu_sub a.menu5_2, #page0503 #menu_sub a.menu5_3, #page0504 #menu_sub a.menu5_4, #page0505 #menu_sub a.menu5_5{
	background-image:url(../images/leftmenubg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff; /* ��Ʈ ���� */
	width:188px;
	padding:0px 0px 3px 20px;
	line-height:25px;
	font-weight:800;
	float:left;
}

/* submenu�� */



/*topmenu*/
#content {width: 540px; /*�޴����̿���������*/}
.menu {height: 79px; display: block; }
.menu ul {list-style: none; padding: 0; margin: 0;}
.menu ul li {float: left; overflow: hidden; position: relative; text-align: center; line-height: 79px;}
.menu ul li a {position: relative; display: block; width: 150px; height: 79px; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.menu ul li a span {position: absolute; left: 0; width: 150px;}
.menu ul li a span.out {top: 0px;}
.menu ul li a span.over,
.menu ul li a span.bg {top: -79px;}


#menu2 { }
#menu2 ul li a {color: #fff;}
#menu2 ul li a span.over {background: #000000; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3 color: #ffffff; }

.copylogo a img{filter: grayscale(100%); width: 80%;}