@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
/* webDesigner KBY 20100129 */ 

/* Type Selector */
*{margin:0; padding:0; font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{list-style:none;}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:underline;}
textarea{overflow:auto;} 
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} 
/* For Screen Reader */ 


a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}


#div_id { position : absolute;}
#floater { position:absolute; visibility:visible}

a:link.font2, a:hover.font2 {
	color: #999;
	font: bold 10px tahoma, verdana, "µ¸¿ò", "±¼¸²";
	text-decoration: none;
}

a:visited.font2, a:active.font2 {
	color: #3A82B5;
	font: bold 10px tahoma, verdana, "µ¸¿ò", "±¼¸²";
	text-decoration: none;
}

td { font-family: tahoma, verdana, "±¼¸²", "µ¸¿ò"; font-size: 12px;}


/* Content */
.news {	font-family: "±¼¸²", "µ¸¿ò", tahoma, verdana;	font-size: 12px;	color: #333;}
.date {	font-family: tahoma, verdana;	font-size: 11px;	color: #666;}
.font1 { font-family: tahoma, verdana, "µ¸¿ò", "±¼¸²";	font-size: 11px;	color: #666666;}
span.font2 {
	color: #3A82B5;
	font: bold 11px tahoma, verdana, "µ¸¿ò", "±¼¸²";
}
.new { font: 12px "±¼¸²", "µ¸¿ò", Tahoma, Verdana; color: #CCC; }
.name { font: 12px "±¼¸²", "µ¸¿ò", Tahoma, Verdana; color: #737373; }
.num { font: 12px "±¼¸²", "µ¸¿ò", Tahoma, Verdana; color: #cc6633; }

#apDiv1 { position:absolute; left:29px; top:26px; width:179px; height:103px; z-index:1; }
#apDiv2 { position:absolute; left:29px; top:160px; width:192px; height:155px; z-index:2; }
#apDiv3 { position:absolute; left:878px; top:367px; width:74px; height:342px; z-index:1; }

.bg_main {
	background-image: url(img/bg_main.gif);
	background-repeat:no-repeat;

}
.bg_main_all {
	background-image: url(img/bg_main_all.gif);
	background-repeat:repeat-x;

}
.bg_sub {
	background-image: url(/img/bg_sub.gif);
	background-repeat:no-repeat;
}
.bg_sub_all {
	background-image: url(/img/bg_sub_all.gif);
	background-repeat:repeat-x;
}

/* 190226 À¯Áöº¸¼ö */
.snb { width: 181px; height: 230px; background: rgb(241,241,241);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 23%);
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 23%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 23%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); padding: 20px; border: 2px solid #1c81cf; border-bottom: 0; border-radius: 23px; box-shadow: 0 5px 5px #c7c7c7; box-sizing: border-box; margin-top: -18px; }

.snb-tit { margin-bottom: 20px; }
.snb-tit h2 { font-family: 'Nanum Gothic', sans-serif; font-size: 21px; font-weight: 900; color: #3a3a3a; }
.snb-tit h3 { font-family: 'Nanum Gothic', sans-serif; font-size: 12px; font-weight: 600; color: #d3d3d3; }

.snb-list li { border-bottom: 1px solid #dcdcdc; box-sizing: border-box; }
.snb-list li a { transition: all 0.2s; display: block; background: url('../img/btn_arrow_right1.png') right center no-repeat; padding: 4px 0; box-sizing: border-box; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; font-weight: 900; color: #000; }
.snb-list li a:hover { background: url('../img/btn_arrow_right2.png') 85% center no-repeat; color: #1c81cf; }
.snb-list li a:active { background: url('../img/btn_arrow_right2.png') 85% center no-repeat; color: #1c81cf; }


/* ´ë¸Þ´º */
#hd_menu { height: 30px; background: rgb(58,130,181);
background: -moz-linear-gradient(top, rgba(58,130,181,1) 0%, rgba(58,130,181,1) 50%, rgba(34,108,159,1) 52%, rgba(34,108,159,1) 100%);
background: -webkit-linear-gradient(top, rgba(58,130,181,1) 0%,rgba(58,130,181,1) 50%,rgba(34,108,159,1) 52%,rgba(34,108,159,1) 100%);
background: linear-gradient(to bottom, rgba(58,130,181,1) 0%,rgba(58,130,181,1) 50%,rgba(34,108,159,1) 52%,rgba(34,108,159,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a82b5', endColorstr='#226c9f',GradientType=0 ); border-radius: 15px; box-shadow: 0 2px 5px #acacac; box-sizing: border-box; }
#hd_menu ul { margin: 0 auto; }
#hd_menu ul:after { display: block; visibility: hidden; clear: both; content:""; }
#hd_menu li { float: left; position: relative; width: 25%; border-right: 1px solid #4083b9; box-sizing: border-box; margin-bottom: -1px; text-align: center; }
#hd_menu li:last-child { border-right: 0; }

#hd_menu li > a { display: inline-block; width: 70%; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; font-weight: 600; color: #fff; text-align: center; line-height: 30px; letter-spacing: -0.5px; }
#hd_menu li > a:hover { background: #0c205e; color: #a1ddff; }
#hd_menu ul li:nth-child(1) div { width: 292px; }
#hd_menu ul li:nth-child(3) div { width: 172px; }

#hd_menu ul li div { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; position: absolute; top: 30px; left: 24px; z-index: 999; background: #fff; padding: 2px 0; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }

#hd_menu ul li div a { padding: 0 12px; border-right: 1px solid #c4c4c4; box-sizing: border-box; text-align: center; font-family: 'Nanum Gothic', sans-serif; font-size: 11px; font-weight: 600; color: #7e7e7e; }
#hd_menu ul li div a:last-of-type { border-right: 0; }
#hd_menu ul li div a:hover { color: #000; }
#hd_menu ul li:hover div{ visibility: visible; opacity: 1; }

/* ul, li { list-style:none; margin: 0; padding: 0; } */