@charset "utf-8";
/* CSS Document */

input,select,label,textarea{ 
	font-family:'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;
}
button{font-family:'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0;cursor:pointer;}

/*배너영역*/
#banner {clear:both;width:100%; background:#fff;}
	/*셀렉트박스 화살표 수정*/
	#banner .jqTransformSelectWrapper {
		border:1px solid #aeadad !important; height:40px; .height:38px;
		background: #fff url('../../images/board/select_arrow.png') no-repeat right center;
	}
	#banner .jqTransformSelectWrapper div span{ height:40px; line-height:40px;}
	#banner .jqTransformSelectWrapper ul {border:1px solid #aeadad !important;}
	#banner .jqTransformSelectWrapper .container{margin-top:38px;}
	#banner .jqTransformSelectWrapper  a.jqTransformSelectOpen {height: 40px;}
	
	/*배너 상단*/
	#banner_tit {*zoom:1; padding:8px 0;}
	#banner_tit:after{content:""; clear:both; display:block; height:0; visibility:none;}
		#banner_tit p {float:left; line-height:40px; }
		#banner_tit span.colRed{ color:#ff0000; font-weight:bold; }

		/*배너 상단 검색 영역*/
		#banner_tit div#searchForm{clear:both; padding:1em 1.667em; background:#f5f5f5;}
		#banner_tit div#searchForm form{width:auto; padding:0; margin:0;}
		#banner_tit div#searchForm form div.selectCon{width:30%; margin-right:1%; float:left; }
		#banner_tit div#searchForm form div.inputCell{width:50%; margin-right:1%; float:left;}
		#banner_tit div#searchForm form div.inputCell div{border:1px solid #aeadad; width:auto; padding:0 0.714em; background:#fff;}
		#banner_tit div#searchForm form div.inputCell div input[type=text]{width:100%; border:none; .border:0; line-height:38px; height:38px; padding:0;}
		#banner_tit div#searchForm form div.buttonCell{width:18%; float:right; padding:0; margin:0;}
		#banner_tit div#searchForm form div.buttonCell button{width:100%;font-size:0; line-height:0; height:40px; background:#45a5dc url(../../images/search/goSearch_btn1.gif) no-repeat center; border:0; cursor:pointer; position:relative}
		#banner_tit div#searchForm form div.buttonCell button span{position:absolute; top:-20000px; left:-20000px; width:0; height:0; display:block;visibility:hidden;}

	
	/*배너 리스트*/
	#banner_List{clear:both; padding:0; margin:0; border-top:2px solid #65b3e5; border-bottom:2px solid #d6dcdf; padding:5px 0 15px 0;}
	#banner_List ul {clear:both; *zoom:1;}
	#banner_List ul:after{content:""; clear:both; display:block; height:0; visibility:none;}
	#banner_List li {float:left; width:50%; padding:0; letter-spacing:-1px; margin:7px 0; position:relative;}
	#banner_List li div.cellBox{padding: 0 0.6em; width:auto;}
	#banner_List li div.cellBox div{width:auto; border:1px solid #d9d9d9;}
	#banner_List li a{display:block; color:#3a3d3f; height:47px; line-height:47px; text-align:center;}
	#banner_List li a span{display:none;}
	#banner_List li a img{ height:47px; width:100%;}
	#banner_List li a:hover{background:#f6f6f6; color:#ff7200; font-weight:bold; text-decoration:underline;}


/*사이트맵*/
#sitemap{clear:both; padding:0; margin:0; background:#fff;}
#sitemap ul{clear:both; padding:0; margin:0;}
#sitemap ul li{
	width:100%; background:#fff; border:1px solid #c4c4c4; border-top:2px solid #6abb22; margin:0 0 30px 0;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#sitemap ul li h4{
	height:45px; line-height:45px; color:#5c8c31; font-size:1.583em; font-weight:normal; padding:0 0 0 1.211em;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#sitemap ul li ul.subMn{
	background:#f6f6f6; margin:0; width:100%; *zoom:1;  border-top:1px solid #c4c4c4; font-size:1.083em;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#sitemap ul li ul.subMn:after {content:""; clear:both; display:block; height:0; visibility:none;}
#sitemap ul li ul.subMn li{background:#f6f6f6 url(../../images/sitemap/sitemap_bar.gif) no-repeat right 8px; border:none; float:left; width:33%; text-align:center; height:30px; line-height:30px; padding:0; margin:0;}
#sitemap ul li ul.subMn li.thirdLi{background:#f6f6f6;}
#sitemap ul li ul.subMn li a{color:#1b1919;  line-height:30px; height:30px;}
#sitemap ul li ul.subMn li a:hover{color:#6abb22; text-decoration:underline;}
#sitemap ul li ul.subMn li ul.subMn2{display:none;}

/*게시판 인쇄 */
#print{ width:800px; height:auto; margin:0 auto; padding:0; background:#fff;}
#print div.topArea{ width:100%; height:48px; line-height:48px; background:#858788; color:#fff; *zoom:1;}
#print div.topArea:after{content:""; clear:both; display:block; height:0; visibility:none; }
#print div.topArea h4{ float:left; padding:0 0 0 16px; margin:0; display:inline-block;}
#print div.topArea p{float:right; text-align:right; padding:0 15px 0 0;}
#print div.topArea p strong{ font-weight:bold; text-decoration:underline;}
#print div.topArea p a{color:#fff;}
#print div.contents{ background:#fff; width:100%; height:auto; padding:0 0 15px 0; *zoom:1;}
#print div.contents:after{content:""; clear:both; display:block; height:0; visibility:none; }
#print div.contents p.title{ float:left; background:url(../../images/board/b_list_title.gif) no-repeat left top; margin:13px 0 0 17px; padding:2px 0 4px 35px; color:#0a2957; line-height:120%; font-weight:bold;}
#print div.contents p.Info{ float:right; text-align:right; margin:13px 0 15px 0; padding: 0 15px 0 0; line-height:120%;}
#print div.contents p.Info strong{font-weight:bold; padding:0 3px;}
#printView{ clear:both; width:750px; min-height:500px; margin:0 auto 0 auto; padding:15px; border:1px solid #8e8e8e;}
@media print {
	#printBtn {display:none;}
}

/*검색화면*/
#search{clear:both; padding:0; margin:0; background:#fff;}
			
			/*검색 상단 검색 영역*/
			#serachTop{clear:both;  background:#f5f5f5; .border:1px solid #f5f5f5}
			#serachTop div#searchForm{clear:both; padding:1em 1.667em; background:#f5f5f5;}
			#serachTop div#searchForm form{width:auto; padding:0; margin:0;}
			#serachTop div#searchForm form div.inputCell{width:80%; margin-right:1%; float:left;}
			#serachTop div#searchForm form div.inputCell div{border:1px solid #aeadad; width:auto; padding:0 0.714em; background:#fff;}
			#serachTop div#searchForm form div.inputCell div input[type=text]{width:100%; border:none; .border:0; line-height:38px; height:38px; padding:0;}
			#serachTop div#searchForm form div.buttonCell{width:18%; float:right; padding:0; margin:0;}
			#serachTop div#searchForm form div.buttonCell button{width:100%;font-size:0; line-height:0; height:40px; background:#45a5dc url(../../images/search/goSearch_btn1.gif) no-repeat center; border:0; cursor:pointer; position:relative}
			#serachTop div#searchForm form div.buttonCell button span{position:absolute; top:-20000px; left:-20000px; width:0; height:0; display:block;visibility:hidden;}


div#webSearch, div#boardSearch{	width:100%; padding:2.167em 0; margin:0; position:relative;}

#search div h4{
	font-weight:normal; font-size:1.417em; color:#312e2e; padding:0 0 0 2.118em; height:28px; line-height:28px; margin:0 0 0.706em 0;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
#search div h4 span{color:#f72727;}
div#webSearch h4{background:url(../../images/search/gosearch_bg_Web.gif) no-repeat left 3px;}
div#boardSearch h4{background:url(../../images/search/gosearch_bg_Board.gif) no-repeat left 3px;}

#search div.searchResult{margin:0; padding:0; width:100%;}
#search div.searchResult div.borderBox{width:auto; border:1px solid #aba9a9;}
#search div.searchResult p.emptyResult{padding:2em 0; text-align:center; font-size:1.083em;}
#search div.searchResult ul{width:94%; margin:0 auto; padding:0;}
#search div.searchResult ul li{padding:1.5em 0; margin:0; width:100%; border-top:1px solid #d6d3d3;}
#search div.searchResult ul li:first-child{border-top:none;}
#search div.searchResult ul li div{padding:0 1.5em; width:auto;}
#search div.searchResult ul li p.searchTit{ color:#312e2e; font-size:1.250em; padding:0 0 0.667em 0;}
#search div.searchResult ul li p.searchTit span{color:#9a9595; font-size:0.733em;}
#search div.searchResult ul li p.searchCon{line-height:1.5em;}
#search div.searchResult ul li p.searchCon a:hover{text-decoration:underline;}
#search div div.searchBtn{ width:100%; padding:0; margin:0;}
#search div div.searchBtn div.borderBox{width:auto; background:#507cbd; border:1px solid #265eaf;}
#search div div.searchBtn div.borderBox a{color:#fff; display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:1.083em;}
#search div div.searchBtn div.borderBox a.nextSearchBtn span{ background:url(../../images/search/searchBg_next.gif) no-repeat left top; width:23px; height:6px; line-height:6px; display:inline-block;}
#search div div.searchBtn div.borderBox a.backSearchBtn span{ background:url(../../images/search/searchBg_back.gif) no-repeat left top; width:23px; height:6px; line-height:6px; display:inline-block;}

/*빈페이지*/
#nopage {width:90%;clear:both; padding:50px 0 0 0; margin:0 auto; background:#fff;}
#nopage h4 {text-align:center; color:#0393d2; font-size:1.5em; font-weight:normal; margin:15px 0; line-height:80%; padding:0;}
#nopage h4 span.nimg02 {display:none;}
#nopage .nopage_box { padding:30px;border:2px solid #d4d4d4;
	border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px;
}

#nopage .nopage_box p.notxt {color:#4c5154; font-size:1.4em; padding:0 0 10px 0;}
#nopage .nopage_box p.notxt02 {color:#717577;font-size:1.083em; line-height:160%;}
#nopage .nopage_box p.notxt02 span {display:block;}

.npageBtn {  margin:15px 0 0 0;text-align:center;}
.npageBtn p button { width:214px; text-align:center; line-height:30px; font-size:1.1em; }
.npBtn1 {font-size:1.333em;  background:#f8f7f7; color:#202122; padding:7px 0 5px 0;border:0; margin-right:5px;  border:1px solid #d4d4d4; display:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
}
.npBtn2 {font-size:1.333em; font-weight:bold; background:#ffd548 url(../../images/common/npBtn2_bg.gif) 85% center no-repeat; border:#f1bf19 solid 1px;  color:#232222; padding:7px 0 5px 0;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
}
.npBtn1:hover { background:#333333; color:#fff;border:1px solid #333333;}
.npBtn2:hover { background:#333333 url(../../images/common/npBtn2_bga.gif) 85% center no-repeat;  color:#fff;border:1px solid #333333;}



/*개인정보처리방침 이력 리스트*/
#protectList{clear:both; padding:20px 0; margin:0; width:100%;}
#protectList table{width:100%; border-collapse:collapse; padding:0; margin:0; border-top:2px solid #80b930;}
#protectList table thead th{line-height:150%; font-size:1.083em; padding:10px 0; background:#f9f9f9; font-weight:normal; font-family:NGB; border:1px solid #b4b4b4;}
#protectList table tbody th{line-height:150%; padding:10px; font-weight:normal; border:1px solid #b4b4b4; text-align:left; border-right:none; .border-right:none;}
#protectList table tbody td{line-height:150%; padding:10px; font-weight:normal; border:1px solid #b4b4b4; text-align:left;  letter-spacing:-1px;}
.infov {background:#ededed;}


/*MOBILE MODE*/
@media only screen and (min-width:0) and (max-width:767px){

}

/*TABLET MODE*/
@media only screen and (min-width:768px) and (max-width:1023px){
	/*배너영역*/
	#banner_tit div#searchForm{clear:none; width:370px; float:right; background:none; padding:0;}
	#banner_tit div#searchForm form div.selectCon{width:120px; margin-right:5px; float:left; }
	#banner_tit div#searchForm form div.inputCell{width:200px; margin-right:5px}
	#banner_tit div#searchForm form div.inputCell div input[type=text]{.line-height:36px; .height:36px;;}
	#banner_tit div#searchForm form div.buttonCell{width:40px; float:left; padding:0; margin:0;}

	
	#banner_List li {width:33%;}
	#banner_List li div.cellBox div:hover{border:2px solid #ff7200;}
	#banner_List li div.cellBox div:hover a{height:45px; line-height:45px;}
	#banner_List li div.cellBox div:hover a:hover{height:45px; line-height:45px;}
	#banner_List li div.cellBox div:hover a:hover span{display:block;}
	#banner_List li div.cellBox div:hover a:hover img{display:none;}
	
	/*사이트맵*/
	#sitemap ul li ul.subMn li{width:20%;}
	#sitemap ul li ul.subMn li.thirdLi{background:#f6f6f6 url(../../images/sitemap/sitemap_bar.gif) no-repeat right 8px;}
	#sitemap ul li ul.subMn li.fifthLi{background:#f6f6f6;}
	
		
	/*빈페이지*/
	#nopage h4 {font-size:2.333em;}
	#nopage h4 span.nimg01 {display:none;}
	#nopage h4 span.nimg02 {display:inline-block;}
	
	#nopage .nopage_box p.notxt {font-size:1.6em;}
	.npBtn1 { display:inline-block;font-weight:bold; }

	
}

/*PC MODE*/
@media only screen and (min-width:1024px){
	/*배너영역*/
	#banner_tit div#searchForm{clear:none; width:370px; float:right; background:none; padding:0;}
	#banner_tit div#searchForm form div.selectCon{width:120px; margin-right:5px; float:left; }
	#banner_tit div#searchForm form div.inputCell{width:200px; margin-right:5px}
	#banner_tit div#searchForm form div.inputCell div input[type=text]{.line-height:36px; .height:36px;;}
	#banner_tit div#searchForm form div.buttonCell{width:40px; float:left; padding:0; margin:0;}
	
	#banner_List li {width:25%; .width:24%;}
	#banner_List li div.cellBox div:hover{border:2px solid #ff7200;}
	#banner_List li div.cellBox div:hover a{height:45px; line-height:45px;}
	#banner_List li div.cellBox div:hover a:hover{height:45px; line-height:45px;}
	#banner_List li div.cellBox div:hover a:hover span{display:block;}
	#banner_List li div.cellBox div:hover a:hover img{display:none;}

	/*사이트맵*/
	#sitemap ul{*zoom:1;}
	#sitemap ul:after {content:""; clear:both; display:block; height:0; visibility:none;}
	#sitemap ul li{width:32%; margin:0 0 30px 0; .width:31%; float:left;}
	#sitemap ul li.secondLi{margin:0 2% 30px 2%;}
	#sitemap ul li.nth4{clear:both;}
	#sitemap ul li ul.subMn li{
		width:100%;background:#f6f6f6; text-align:left; padding:0; float:none; clear:both; height:auto; border-top:1px solid #c4c4c4;
		box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
	}
	#sitemap ul li ul.subMn li:first-child{border-top:none;}
	#sitemap ul li ul.subMn li:hover{background:#6abb22; color:#fff; font-weight:bold; text-decoration:none;}
	#sitemap ul li ul.subMn li:hover a{ color:#fff; font-weight:bold; text-decoration:none;}
	#sitemap ul li ul.subMn li:hover ul.subMn2{background:#6abb22; color:#fff; font-weight:bold; text-decoration:none;}
	#sitemap ul li ul.subMn li:hover ul.subMn2 li{background:#6abb22; color:#fff; font-weight:bold; text-decoration:none;}
	#sitemap ul li ul.subMn li:hover ul.subMn2 li a{color:#fff;}
	#sitemap ul li ul.subMn li:hover ul.subMn2 li a:hover{text-decoration:underline; color:#FF0;}
	#sitemap ul li ul.subMn li a{display:block;  padding:0 0 0 20px;}
	#sitemap ul li ul.subMn li a:hover{background:#6abb22; color:#fff; font-weight:bold; text-decoration:none;}
	#sitemap ul li ul.subMn li ul.subMn2{display:block;}
	#sitemap ul li ul.subMn li ul.subMn2 li{border:none; font-size:0.923em; }
	#sitemap ul li ul.subMn li ul.subMn2 li a{color:#575454; padding:0 0 0 26px;}

	/*검색영역*/
	#search div div.searchBtn div.borderBox{ width:144px; padding:0; margin:0; position:absolute; top:24px; right:0}
	#search div div.searchBtn div.borderBox a{height:30px; line-height:30px;}

	/*빈페이지*/
	#nopage h4 {font-size:2.333em;}
	#nopage h4 span.nimg01 {display:none;}
	#nopage h4 span.nimg02 {display:inline-block;}
	
	#nopage .nopage_box p.notxt {font-size:1.6em;}
	.npBtn1 { display:inline-block;font-weight:bold; }

}




@media only screen and (min-width:650px) and (max-width:767px){
	/*빈페이지*/
	
	/*빈페이지*/
	#nopage h4 {font-size:2.333em;}
	#nopage h4 span.nimg01 {display:none;}
	#nopage h4 span.nimg02 {display:inline-block;}
	
	#nopage .nopage_box p.notxt {font-size:1.6em;}
	.npBtn1 { display:inline-block;font-weight:bold; }

}