@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

@font-face{
font-family:'Nanum Gothic', sans-serif;
}


* {margin:0; padding:0;}
/* * {margin:0; padding:0; border:0; outline:0;} 게시판에 input border 선이 안 보임 */

html { overflow-y:scroll; }
html,body { width: 100%;}

body,div,h1,h2,h3,h4,h5,h6,p,ul,li,img,a,iframe,dl,dt,dd,th, td, input, select, textarea{
			font-size:12px;
			font-family:'Nanum Gothic', sans-serif;
			color:#585757
			letter-spacing: -0.5;
			line-height:160%;
			}
ul{
			list-style-type:none;
			}
img{
			border:0 none;
			}
hr{
			position:absolute;
			left:-999px;
			width:0;
			height:0;
			line-height:0;
			overflow:hidden;
			visibility:hidden;
			}
a:link,a:visited,a:active{
			text-decoration:none;
			color:#666;
			}
a:hover{
			text-decoration:none;
			color:#666;
			}2016-02-23
input, select, img, textarea{vertical-align:middle;}
table, th, td{border:none; border-collapse:collapse;box-sizing:border-box;}
caption{display:none;}
.clear {clear:both;}

/* util */
.util{
	width:100%;
	background:url(/design/default/images/top/util_bg.jpg);
	text-align:center;
	}
.util .util_wrap	{
	width:1200px;
	margin:0 auto;
	}
.logo{
	width:100%;
	text-align:center;
	}
.logowrap	{
	width:1200px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:10px;
	text-align:left;
	}

/* header */
#headerWrap{
	width:100%; 
	text-align:center;
	z-index:9999;
	background-color:#a2c041;
	}
#header{
	width:1200px;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:60px;
	z-index:9999;
	}
#header	h1{
	float:left;
	width:185px;
    line-height: 85px;
	}
/* header */


#visual {
	width:100%;
	height:566px;
	background:#fff url(/design/default/images/visual2.jpg); background-repeat: no-repeat; background-position: 50%; 
	text-align:center;
	}

#topimg1 {
	width:100%;
	height:315px;
	background:#fff url(/design/default/images/sub/top1.jpg); background-repeat: no-repeat; background-position: 50%; 
	}



/* 컨텐츠 */
#containerWrap{
	width:100%;
	overflow:auto;
	text-align:center; 
	}
#noticeWrap{
	width:100%;
	overflow:auto;
	background:url(/design/default/images/customer_bg.jpg);
	text-align:center;
	}
#container{
	width:1200px; 
	margin:0 auto; 
	text-align:left;
	overflow:auto;
	padding:25px 0 45px 0;
	}
#catagorywrap {
	width:1200px;
	margin:0 auto;
	padding:60px 0px;
	}


/* 컨텐츠 */


/*footer*/
#footerWrap{
	width:100%; 
	margin:0 auto;
	overflow:auto;
	border-top:1px solid #e3e3e3;
	}
#footer{
	width:1200px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	}
#footer .info{
	margin:0 auto;
	width:1200px;
	text-align:left;
	padding:10px 0 20px;
	float:left;
	}
#footer .info ul li {color:#727272; font-size:13px; letter-spacing:0.1px;}
#footer .info ul li.company	{font-size:15px; font-weight:600; color:#3c3c3c; padding-bottom:5px;float:left;}
#footer .info ul li.copyright	{font-size:13px; font-weight:500; color:#727272; padding-bottom:5px; padding-left:180px;}
#footer .customer	{float:left;width:350px;text-align:right;padding-top:10px;}


#footerBanner{
	width:100%; 
	background-color:#d1d1d1;
	margin:0 auto;
	overflow:auto;
	}
#FBanner{
	width:1020px;
	text-align:left;
	padding:30px 40px 30px 40px;
	*padding:30px 40px 20px 40px;
	background-color:#464646;
	height:63px;
	margin:0 auto;
	}



/*footer*/


/*서브컨텐츠*/
#containerWrap{
	width:100%;
	text-align:center;
	padding: 0px 0;
	}
#sContainer{ width:100%;   text-align:left; background:#fff; overflow:auto; }
#sGnb{height:45px; padding:15px 0; text-align:center; z-index:999; }
.old-ie #sGnb{background:#C71621;}
#sGnb ul{}
#sGnb ul li{display:inline;}
#sGnb ul li a{ display:inline-block;  height:45px;margin:0 20px; font-weight:500; font-size:22px; text-align:center; line-height:35px; padding:0 30px; color:#000;}
#sGnb ul li a:hover{background:url(/design/default/images/sub/icon_bg.png) no-repeat center bottom; font-weight:600;}
#sGnb ul li.selected a{color:#000; background:url(/design/default/images/sub/icon_bg.png) no-repeat center bottom; font-weight:600;}
#sGnb ul li.selected a:hover{}

.contents{
	width:1200px; 
	margin:0 auto;
	text-align:center;
	padding-bottom:60px;
	}
.contents h2{
	font-size:33px; 
	font-weight:bold; 
	color:#333;
	background:url(/design/default/images/sub/board_bar.jpg) no-repeat center 75px;
	padding:90px 0 0 0;
	text-align:center;
	letter-spacing:-2px;
	}
.contents h2 span{ font-size:35px; font-weight:normal; color:#666;}
.contents .h2txt{text-align:Center;}
.contents .navi{
	float:right;
	padding-top:20px;
	}
.contents .navi li{
	display:inline-block;
	background:url(/design/default/images/separator.png) no-repeat left 5px;
	padding:0 7px 0 13px;
	float:left;
	}
.contents .navi li.home{
	background:url(/design/default/images/icon_home.gif) no-repeat left 4px; 
	padding-left:16px;
	}
.contents .navi li.last{
	font-weight:bold; 
	color:#333;
	}
.contents .contentsBody{
	clear:both;
	padding:50px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	}

.programwrap	{
	padding-top:15px;
	padding-left:20px;
	width:705px;
	}

.programwrap .program1	{
	width:340px;
	margin-right:15px;
	margin-left:10px;
	float:left;
	}

.programwrap .program1 ul	{
	}
.programwrap .program1 ul li	{width:340px;
	}
.programwrap .program1 ul li.img	{}
.programwrap .program1 ul li.tit2	{font-family: "Malgun Gothic", "굴림", "Gulim", "Arial";font-size:17px; color:#000;font-weight:600;padding-top:5px;}
.programwrap .program1 ul li.info	{font-size:13px;line-height:20px; padding-top:5px;padding-bottom:20px;color:#686868;}


.programwrap .program2	{
	width:340px;
	float:left;
	}

.programwrap .program2 ul	{
	}
.programwrap .program2 ul li	{width:340px;
	}
.programwrap .program2 ul li.img	{}
.programwrap .program2 ul li.tit2	{font-family: "Malgun Gothic", "굴림", "Gulim", "Arial";font-size:17px; color:#000;font-weight:600;}
.programwrap .program2 ul li.info	{font-size:13px;line-height:20px; padding-top:5px;padding-bottom:20px;color:#686868;}





/*서브컨텐츠*/

/*테이블*/
.table_topbar1	{
	border-bottom:0px solid #b1b1b1;
	text-align:left; 
	height:35px;
	font-size:14px;
}
.table_con1{
	border-bottom:1px solid #b1b1b1;
	text-align:left; 
	font-weight:500; 
	height:25px;
	padding: 7px 20px;
	font-size:14px;
}
/*테이블*/


/* Responsive Web Design Area */
@media screen and (max-width:1000px){
 html {overflow-y:scroll; width:1200px; height:100%;}
 body {height:100%;}
 #footer{width:100%;}

}