@charset "euc-kr";
@import url("sub.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500&display=swap');
/* -----------------------------------------------------񃧯 ------------------------------------------------------- */

	body {margin-top : 0px; margin-left: 0px; margin-right:0px; margin-bottom:0px; font-size: 12px; color: #404040; font-family: ±¼¸²; }
	
	td { font-size: 12px; color: #404040; font-family: ±¼¸²; line-height:16pt;}


	/* ±âº» Ŭ·¡½º */
	img {border:0;}
	form { margin-top:0px; margin-bottom:0px;}
	input { font-family:±¼¸²; font-size:12px; color:#000000;}
	textarea { font-family:±¼¸²; font-size:12px; color:#000000;}
	select {font-family:tahoma; font-size:12px; color:#0F377F; }


	.input_border { font-family:tahoma,±¼¸²; font-size:12px; height:18px; color:#000000; border-right: #C7C7C7 1px solid; border-top: #C7C7C7 1px solid;border-left: #C7C7C7 1px solid; border-bottom: #C7C7C7 1px solid;}



	/* ±âº» ¸µÅ© */
	A:active { color: #797979; font-family: µ¸¿ò; text-decoration: none; }
	A:link {color: #797979; font-family:µ¸¿ò; text-decoration: none; }
	A:visited { color: #797979; font-family: µ¸¿ò; text-decoration: none; }
	A:hover { color: #797979; font-family: µ¸¿ò; text-decoration: none; }
	



.b {
font-weight:bold;
}

/* form */
.input {
border:1px solid #CCCCCC;
}

/* font */

.green {
	color: #49993C;
	font-weight: bold;
}

.p11{
font-family:µ¸¿ò;
font-size:12px;
color:#7b7b7b;
line-height:13pt;
}


.18pt{
line-height:18pt;
}

.white{
font-family:µ¸¿ò;
font-size:11px;
color:#ffffff;
line-height:13pt;

}

.white img{vertical-align:middle;}

.style1 {
	color: #82563C;
	font-weight: bold;
}

.style2 {
	color: #45a505;
	font-weight: bold;
}


.top {color:#e2e2e2;}
.top a {color:#e2e2e2;}
.top a:visited {color:#e2e2e2;}
.top a:hover {color:#fff;}
.top a.select {color:#e2e2e2;}


/* Åõ¸ípng */
.png24 {tmp:expression(setPng24(this));}

/*Á¦Ç°¼Ò°³*/
#notice_area {clear:both; top:-5px; left:34px; min-height:200px;_height:200px; position:relative;  width:680px;}
#notice_area h3#notice_btn01 { left:0; top:-15px; bottom:0;  padding:0px; margin-top:15px;}
#notice_area h3#notice_btn02 { left:112px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area h3#notice_btn03 { left:224px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area h3#notice_btn04 { left:336px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area h3#notice_btn05 { left:448px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area h3#notice_btn06 { left:560px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area h3#notice_line_bt { left:0px; top:0px; bottom:0;  width:680px; background:url(/img/notice_bg.gif) repeat-x; padding:0px; margin:23px 0 0 0px;}
#notice_area h3 { position:absolute; }
#notice_area div { padding-top:15px; min-height:65px;_height:65px; }
#notice_area div p.text { position:relative;padding:0px; margin:0;}


/*Á¦Ç°¼Ò°³2*/
#notice_area2 {clear:both;  top:5px;  left:34px; min-height:200px;_height:200px; position:relative;  width:680px;}
#notice_area2 h4#notice_btn07 { left:0; top:-15px; bottom:0;  padding:0px; margin-top:15px;}
#notice_area2 h4#notice_btn08 { left:112px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area2 h4#notice_btn09 { left:224px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area2 h4#notice_btn10 { left:336px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area2 h4#notice_btn11 { left:448px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area2 h4#notice_btn12 { left:560px;top:-15px; bottom:0; padding:0px; margin-top:15px;}
#notice_area2 h4#notice_line_bt2 { left:0px; top:0px; bottom:0;  width:680px; background:url(/img/notice_bg.gif) repeat-x; padding:0px; margin:23px 0 0 0px;}
#notice_area2 h4 { position:absolute; }
#notice_area2 div { padding-top:15px; min-height:65px;_height:65px; }
#notice_area2 div p.text { position:relative; padding:0px; margin:0;}


/*Á¦Ç°*/
.product {position:relative; top:-8px; width:1032px; height:259px;  margin:0 auto;}

/*ž¸Þ´º*/
.top_menu{position:relative; width:100%; height:123px; margin:0 auto;  padding:0; z-index:1; border:solid 0px blue;}

/* ¸Þ´ººÎºÐ */
.gnb { position:relative; margin: 0; width: 100%; height: 67px; z-index:1;}
.gnb:after { display: block; clear: both; content: "";position: absolute; bottom: 0; right: 0; width: 100%; height: 27px; background: #98a6cd; }

#nav { position:relative; margin: 0 auto; padding: 0; width: 1000px; list-style:none; border-left: 1px solid rgba(0,0,0,0.1); z-index: 2;}
#nav:after  { display: block; clear: both; content: "";position: absolute; top: 0; left: 0; width:1px; height: 40px; border-right: 1px solid rgba(0,0,0,0.1);}
#nav .menu_li { float: left; width: 20%;}
#nav .menu_li > a { position: relative; display:inline-block; padding: 8px 0; width: 100%; height: 45px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 16px; color: #555; text-align: center;}
#nav .menu_li > a:after { display: block; clear: both; content: "";position: absolute; top: 0; right: 0; width:1px; height: 40px; border-right: 1px solid rgba(0,0,0,0.1);}
#nav .menu_li > a.on,
#nav .menu_li > a.hov,
#nav .menu_li > a:hover { color: #2137af; text-decoration: none;}

#nav .sub_ul { position: absolute; display: none; top: 44px; padding:0 15px; list-style: none; z-index:2;}
#nav .sub_ul.sub1 { left: 30px;}
#nav .sub_ul.sub2 { left: 243px;}
#nav .sub_ul.sub3 { left: -15px;}
#nav .sub_ul.sub4 { left: 643px;}
#nav .sub_ul.sub5 { right: 0;}
#nav .sub_ul li { display: inline-block; position: relative; padding: 0 3px;}
#nav .sub_ul li a { position: relative; display: inline-block; padding: 3px 5px; min-width: 70px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size:12px; color: #fff; text-align: center; line-height: 1em; border-radius: 10px;}
#nav .sub_ul li:after { display: block; clear: both; content: "";position: absolute; top: 5px; left: -3px; width:1px; height: 10px; border-right: 1px solid rgba(255,255,255,0.4);}
#nav .sub_ul li:first-child:after { display: none;}
#nav .sub_ul li:last-child a { padding-right: 0;}
#nav .sub_ul li a.on,
#nav .sub_ul li a.hov,
#nav .sub_ul li a:hover { text-decoration: none; color: #53648f; background: #fff;}


/*Å×À̺í*/
table.type_02 { border-top:2px solid #406c83; border-bottom:1px solid #406c83; table-layout:none;  margin:0px auto;border-collapse:collapse;}
table.type_02 tr th {padding:5px 10px 5px 5px; border:1px solid #c8c8c8; border-right:none; border-left:none; border-top:none; background:#ecf2f5; color:#616161; font-weight:bold; text-align:center; vertical-align:middle;}
table.type_02 tr td {padding:2px 6px 2px 6px; border:1px solid #c8c8c8; border-right:none; border-left:none; border-top:none;  background:#FFF; color:#454545; text-align:center; vertical-align:middle;  }
table.type_02 tr th.l {border-left:1px solid #c8c8c8 !important;}
table.type_02 tr th.r {border-right:1px solid #c8c8c8 !important;}
table.type_02 tr th.a {border-left:1px solid #c8c8c8 !important; border-right:1px solid #c8c8c8 !important;}
table.type_02 tr td.none_02 {border-right:none;!important;} /*¿À¸¥ÂÊ ¼± ¾ø¾Ö±â*/
table.type_02 tr td.left {text-align:left; !important; padding:2px 0 2px 10px !important;} /*°¡¿îµ¥Á¤·Ä*/


.email img{vertical-align:bottom;}


/* »ó´Ü ¹è³Ê */
.main_top { margin: 0 auto; width: 1020px;}
.main_top ul { display: block; width: 100%; padding: 0; text-align: center;}
.main_top li { float: left; display: inline-block; margin: 0 8px 15px; width: 230px; height: 100px; border-radius: 10px; border: 2px solid #d7dae2;}
.main_top li:hover { border: 2px solid #fbaf29;}
.main_top li a { overflow: hidden; display: block; border-radius: 10px;  box-sizing: border-box;}