/*---------------------------------------------------basic--------------------------------------------------*/
		
			/* reset-css  */
			/* 요소(element) 여백 초기화  */
			*{margin:0;padding:0;}
			/* 제목요소 */
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			/* 테두리 없애기 */
			fieldset, img, abbr,acronym { border:0 none; } 
			/* 목록 */
			 ul { list-style:none; }
			/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			/* 텍스트 관련 요소 초기화 */
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			/* 인용문 */
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			/* 수평선*/
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}
 			/*보더와 패딩을쓸때(마진아님) 위드스값에 포함시켜서 별도의계산없이 편하게쓸수있음*/
 			

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					
					/*전체*/
					
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}


					body {
						overflow-y:scroll;
						font-family:"NanumBarunGothic", "나눔바른고딕";
						font-size:100%;
						line-height: inherit;
						color: #000; background:#363636;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/



/* @font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src: url("/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
      url("/css/fonts/NanumBarunGothic.woff")format("woff"),
	  url("/css/fonts/NanumBarunGothic.ttf")format("truetype");
} */

@font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src:local(※), url("/css/fonts/NanumBarunGothic.woff")format("woff");
}

/*-----------font----------------------------------------------------------------------------------------*/



/*.depth01{display:block!important;}*/


.col_02 img{height:130px!important;}
.col_03 div img{height:160px!important;}


		   .container{
		   margin: 0 auto;
		   max-width: 1900px;
		   margin-top:50px;
		   display: block;
		   }


.conwrap{width:67%;
		 margin:0 auto;}

.topline{position:relative; background:#fafafa; width:100%; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #E2E2E2;}
.topline div{width:67%; margin:0 auto; background-repeat:no-repeat; background-position:0% 0%;}
.topline p{font-size:13px; color:#292929;;}
.topline p a{color:#5C5C5C;}
.topline p a:hover{color:#BE0445;}
.topline p span{font-size:8px; padding:0 5px;line-height:2.2em; }
.topline p .r_txt{color:#BE0445;}


.de_top{width:100%;
		max-height:483px;
		overflow:hidden;
		float:left;
		position:relative;
		/*height:482px;
		background:url('images/de_banner.jpg');
		background-repeat:no-repeat;
		background-size:cover;
		padding-left:54px;*/
		}
.de_top div{width:100%;
			float:left;
			}

.de_top div img{max-width:100%;
		       display:block;
                       margin:0 auto;
				}

/*.de_top h2{font-size:55px;
		   color:#fff;
		   font-weight:lighter;
		   padding-top:63px;
		   padding-left:54px;
		   position:absolute;
		   z-index:10;
		   }
.de_top p{font-size:16px;
		  font-weight:lighter;
		  color:#fff;
		  width:325px;
		  padding-left:54px;
		  position:absolute;
		  top:135px;
		  z-index:10;
		  }*/

.de_list{/*padding-top:36px;*/
            margin:50px 0;
            height:auto;
		 width:100%;
		 float:left;
		 }

.de_list ul{margin:0 auto;
	       text-align:center;
			}
.de_list ul li{width:20%;
			   display:inline-block;
			   text-align:center;
			   /*height:210px;*/
			   overflow:hidden;
			   position:relative;
			   }
.de_list ul li a {width:1%;
				 /* height:210px;*/
				  display:table-cell;
				  vertical-align:bottom;
				  }

.de_list ul li a img{padding-bottom:20px;
					 }

.de_list_line{width:1px;
			  background:#e1e1e1;
			  height:97px;
			  display:none!important;
			  text-indent:-9999px;
			  position:absolute;
			  top:55px;
			  right:0px;
			  }

.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:20px;}


#content_tbl{width:100%;
			 float:left;
			 /*margin-top:36px;*/
			 }

.border_bottom{width:100%;
			   border-bottom:2px solid #4c4c4c;
			   padding-bottom:10px;
			   float:left;
			   position:relative;
			   }

.border_bottom h3{font-size:20px;
				  font-weight:bold;
				  position:absolute;
				  bottom:10px;
				  }

.border_bottom a{float:right;
				 width:115px;
				 height:31px;
				 border:1px solid #252525;
				 }
.border_bottom a span{width:115px;
					  height:31px;
					  display:table-cell;
					  vertical-align:middle;
					  text-align:center;
					  font-size:13px;
					  }

/*.de_table{width:100%;
		  float:left;
		  border-left:1px solid #ededed;
		  margin-top:28px;
		  margin-bottom:40px;
		  }

.column{width:25%;
		float:left;
		height:459px;
		padding:20px;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		position:relative;
		overflow:hidden;
		}
*/


.de_table{width:100%;
		  float:left;
		  border-left:1px solid #c6c6c6;
		  margin-top:28px;
		  margin-bottom:110px;
		  }

.column{width:25%;
		float:left;
		height:459px;
		padding:20px;
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		position:relative;
		overflow:hidden;
		}
.column:nth-child(1){border-top:1px solid #c6c6c6;}

.column:nth-child(2){border-top:1px solid #c6c6c6;}

.column:nth-child(3){border-top:1px solid #c6c6c6;}

.column:nth-child(4){border-top:1px solid #c6c6c6;}


.column_img{text-align:center;
			margin-bottom:15px;
			float:left;
			width:100%;
			}

.column_img img{/*height:160px;*/height:180px;}

.column p{font-size:20px;}
.column p span{display:block;
			   font-size:13.16px;
			   margin-top:8px;
			   }
.de_line{width:24px;
		 height:2px;
		 background:#252525;
		 text-indent:-9999px;
		 margin:17px 0;
		 }

.column ul{width:100%;
		   float:left;
		   /*margin-bottom:30px;*/}

.column ul li{font-size:14px;
			  color:#696969;
			  margin:4px 0;
			  }

/*.column a{width:100%;
		  height:36px;
		  float:left;
		  background:#b7b7b7;
		  text-align:center;
		  
		  }
.column a span{width:1%;
			   height:36px;
			   display:table-cell;
			   vertical-align:middle;
			   text-align:center;
			   font-size:14px;
			   color:#fff;
			   font-weight:bold;
			   }
*/

.column a{width:100%;
		  height:36px;
		  position:absolute;
		  text-align:center;
		  bottom:15px;
		  left:0px;
		  
		  }
.column a span{
			   width: 180px;
			   height: 34px;
			   margin:0 auto;
			   display:block;
			   line-height: 2.5em;
			   background: #e2e2e2;
			   text-align:center;
			   font-size:14px;
			   color: #252525;
			   font-weight:bold;
			   border: 2px solid #fff;
			   }

.more_view{display:block;
		   margin:0 auto;
		   width:135px;
		   height:32px;
		   border:1px solid #e1e1e1;
		   font-weight:bold;
		   font-size:15px;
		   color:#858585;
		   background:#fff;
		   }

/* paging */
.paginate{padding:15px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;_position:relative;margin-left:-7px;padding:3px 8px 1px 7px;border-right:1px solid #ccc;border-left:1px solid #ccc;background:#fff;color:#313031;font-family:'돋움',Dotum,'굴림',Gulim, AppleGothic, Sans-serif;font-size:12px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{color:#C70C47 !important}
.paginate a:hover{background:#f7f7f7}
.paginate a.pre{padding:3px 8px 1px 16px;border:none;background:url(http://static.naver.com/common/paginate/bu_pg1_l1.gif) no-repeat 8px 6px !important;font-weight:normal}
.paginate a.pre_end{padding:3px 8px 1px 16px;border:none;border-right:1px solid #ccc;background:url(http://static.naver.com/common/paginate/bu_pg1_l2.gif) no-repeat 4px 6px !important;font-weight:normal}
.paginate a.next{padding:3px 16px 1px 8px;border:none;background:url(http://static.naver.com/common/paginate/bu_pg1_r1.gif) no-repeat 37px 6px !important;font-weight:normal}
.paginate a.next_end{padding:3px 16px 1px 8px;border:none;border-left:1px solid #ccc;background:url(http://static.naver.com/common/paginate/bu_pg1_r2.gif) no-repeat 37px 6px !important;font-weight:normal}
.bo_subject {width: 400px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis; text-align: left;vertical-align: top;}


#top_btn{width:100%;
		 float:left;}




/*line-공통*/

.group_botline{width:100%;
			   float:left;
			   margin-top:30px;
			  /* border-top:1px solid #c4c4c4;*/
			   text-indent:-9999px;
			   }


/*section*/


/*---------------------------------------------------------------------------------------------------------------------*/



/*media query*/









@media screen and (min-width:320px) and (max-width:660px) {
.topline div{width:96%;
			 margin-left:4%;}
.conwrap{width:100%;
		 float:left;}
.container{width:100%;}

.de_list{width:100%;
		 float:left; margin:30px 0!important;
		 /*padding-top:30px;*/
		 }

.de_list ul{float:left; text-align:left;}

.de_list ul li{width:48%;}

.de_list ul li:first-child{margin-bottom:10px;}
.de_list ul li:nth-child(2){margin-bottom:10px;}

.de_list ul li:first-child a img{height:120px;}
.de_list ul li:nth-child(2) a img{height:90px;}
.de_list ul li:nth-child(3) a img{height:120px;}
.de_list ul li:nth-child(4) a img{height:120px;}

.de_list ul li a span{font-size:15px!important;}

/*.de_list ul li{height:155px;}
.de_list ul li a{height:155px;}*/

.de_list_line{width:1px;
			  background:#e1e1e1;
			  height:77px;
			  display:inline-block;
			  text-indent:-9999px;
			  position:absolute;
			  top:25px;
			  right:0px;
			  }
.de_hide{display:none!important;}

#content_tbl{margin-top:10px;}
h3{padding-left:4%;}

.column{width:100%;
		float:left;
		height:459px;
		padding:20px;
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		position:relative;
		overflow:hidden;
		}

.column:nth-child(2){border-top:0px solid #ccc;}

.column:nth-child(3){border-top:0px solid #ccc;}

.column:nth-child(4){border-top:0px solid #ccc;}




#top_btn a{margin-right:4%;}
.group_botline{margin-top:10px;}
}

@media screen and (min-width:661px) and (max-width:960px) {

.conwrap{width:100%;}

#content_tbl{padding:0 4%;}

.de_list{width:100%;
		 float:left;
		 /*padding-top:30px;*/
		 }


/*.de_list ul li{height:140px;}
.de_list ul li a{height:140px;}*/


.de_list ul li{width:32.9%;}
.de_list ul li:first-child a img{height:120px;}
.de_list ul li:nth-child(2) a img{height:90px;}
.de_list ul li:nth-child(3) a img{height:120px;}


.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
			    font-size:20px;}
.de_list_line{width:1px;
			  background:#e1e1e1;
			  height:77px;
			  display:inline-block;
			  text-indent:-9999px;
			  position:absolute;
			  top:25px;
			  right:0px;
			  }

.column{width:50%;
		float:left;
		height:444px;
		padding:20px;
		border-right:1px solid #c6c6c6;
		border-bottom:1px solid #c6c6c6;
		position:relative;
		overflow:hidden;
		}
.column:nth-child(2){border-top:1px solid #c6c6c6;}
.column:nth-child(4){border-top:0px solid #fff;}
.column:nth-child(3){border-top:0px solid #fff;}
.column p{font-size:18px!important;}

#top_btn{margin-top:10px;}
#top_btn a{margin-right:4%;}

			   
}



@media screen and (min-width:961px) and (max-width:1300px) {

.de_list{width:100%;
		 float:left;
		 /*padding-top:30px;*/
		 }


.column{width:33.3%;}
.column:nth-child(4){border-top:0px solid #fff;}
.column p{font-size:18px!important;}

.column p{font-size:18px!important;}
.column ul{margin-bottom:15px;}



.de_list ul li{width:24.5%;}

/*.de_list ul li{height:140px;}
.de_list ul li a{height:140px;}*/

.de_list ul li:first-child a img{height:120px;}
.de_list ul li:nth-child(2) a img{height:90px;}
.de_list ul li:nth-child(3) a img{height:120px;}
.de_list ul li:nth-child(4) a img{height:120px;}



.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
					/*font-weight:bold;*/
					  font-size:15px;}

.de_list_line{width:1px;
			  background:#e1e1e1;
			  height:97px;
			  display:inline-block;
			  text-indent:-9999px;
			  position:absolute;
			  top:5px;
			  right:0px;
			  }





}

@media screen and (min-width:1301px) and (max-width:1600px) {

.de_list{width:100%;
		 float:left;
		 padding-top:0px;
		 }

.de_list ul li{width:24%;}
.de_list ul li:first-child a img{height:140px;}
.de_list ul li:nth-child(2) a img{height:110px;}
.de_list ul li:nth-child(3) a img{height:140px;}
.de_list ul li:nth-child(4) a img{height:140px;}


.de_list ul li a:hover span{color:#be0445;}
.de_list ul li a span{display:block;
					  /*font-weight:bold;*/
					  font-size:15px;}



}