/*---------------------------------------------------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----------------------------------------------------------------------------------------*/








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



.guest_wrap{width:67%;
			margin:0 auto;}
.group_header{width:100%;
			  height:157px;
			  float:left;
			  background:url('/images/bg5.jpg');
			  background-repeat:no-repeat;
			  background-size:cover;
			  background-position:50%;
			  margin-top:55px;}

.group_header div{width:67%;
				  margin:0 auto;
				  }
.group_header h2{font-size:44px;
				 color:#000;
				 font-weight:500;
				 margin-top:65px;
				 }

.background-none{background:none!important;}



.data_list{
		   width:100%;
		   float:left;
		   margin:48px 0;
		   }

.data_list ul{margin:0 auto;
			  text-align:center;
			  }

.data_list ul li{
				 width: 14%;
				 height: 44px;
				 display:inline-block;
				 text-align:center;
				 position:relative;
				 border:1px solid #c6c6c6;
				 border-right:0px solid #c6c6c6;
				 margin-right:-4px;
				 }

.data_list ul li:last-child{border-right:1px solid #c6c6c6;}
.data_list ul li span{
					  display:table-cell;
					  height:44px;
					  vertical-align:middle;
					  width:1%;
					  text-align:center;
					  }



.title{width:100%;
	   float:left;
	   border-bottom:2px solid #4c4c4c;
	   padding-bottom:10px;
	   margin-bottom:30px;
	   }
.title p{float:left;
		 /*font-size:20px;*/
		 font-weight:bold;
		 }
.con{width:100%;
	 float:left;margin-bottom:60px;
	 }

/*카다로그*/

.con01 ul{width:100%;
		  float:left;
		  text-align:center;
		  border-left:1px solid #c6c6c6;
		  }

.con01 ul li{width:25%;
			 float:left;
			 text-align:center;
			 /*border:1px solid #c6c6c6;*/
			 border-top:1px solid #c6c6c6;
			 border-bottom:1px solid #c6c6c6;
			 border-right:1px solid #c6c6c6;
			 padding:0 3%;
			 }

.con01 ul li a{width:100%;
			   display:block;
			   text-align:left;
			   /*padding-bottom:30px;*/}

.a_top{padding-top:40px; padding-bottom:40px;}

.a_top img{max-width:100%;
		   _width:100%;
          /*      height:auto!important;*/}


.a_bot{font-size:18px;
	   text-align:left;
	   position:relative;
           height:50px;
           margin-bottom:10px;}

.a_bot span{font-size:12px;
			color:#615858;
			float:right;
			margin-top:6px;
			}

.con01 ul .last{border-right:1px solid #c6c6c6;}
.con01 ul .top_noline{border-top:0px solid #fff;}
/*ededed*/

/*영상*/

.con2 ul{width:100%;
		 float:left;
		 }

.con02 ul li{width:25%;
			 height:305px;
			 float:left;
			 margin-bottom:50px;
			 padding:0 1%;
			 }

.con02 ul li a span{display:block!important;
					font-size:12px;
					color:#615858;}

.mov_a_top{text-align:center;}
.mov_a_top img{max-width:100%;
			   _width:100%;}

.mov_a_bot{text-align:left;
		   margin-top:20px;
		   width:100%;
		   float:left;
		   font-size:20px;
		   }



/*영상in*/

.con3{width:100%;
	  float:left;
	  }


.video_wrap{width:100%;
			float:left;
			margin-top:-30px;
			margin-bottom:20px;
			}

#video{width:100%;
			 height:708px;
			 float:left;
			 margin:0!important;
			 }
.title_wrap{width:100%;
			float:left;}

.title_top{width:100%;
		   float:left;
		   }

.title_top p{font-size:30px;
			 float:left;
			 }
.sns_top{float:right;}



.sns_top a{width:43px;
		   float:left;
		   height:26px!important;
		   text-align:center;
		   border-right:1px solid #ededed;
		   }

.sns_top a:last-child{border-right:0px solid #fff;}

.sns_top a img.sns_on {
	display: none;
}
.sns_top a img.sns_off {
	display: inline;
}
.sns_top a:hover img.sns_on {
	display: inline;
}
.sns_top a:hover img.sns_off {
	display: none;
}


.title_bot{width:100%;
		   float:left;
		   font-size:16px;
		   color:#615858;
		   margin-top:10px;
		   padding-bottom:10px;
		   border-bottom:1px solid #c6c6c6;
		   }

.title_btn{float:right;
		   width:115px;
		   height:31px;
		   border:1px solid #252525;
		   font-size:13px;
		   text-align:center;
		   margin-top:18px;
		   }

.title_btn a{width:1%;
			 height:31px;
			 display:table-cell;
			 vertical-align:middle;
			 text-align:center;
			 }

/**/
.guest_contents{
		   margin: 0 auto;
		   max-width: 1900px;
		   display: block;
		   }



.guest_search>form{width:100%;
				   height:48px;
				   float:left;
			       background:#f7f7f7;
			       border:1px solid #e2e2e4;
				   position:relative;
			       }


.guest_search>form legend{float:left;
						  width:7%;
						  line-height:3em;
						  padding-left:1.65%;
						  font-family:"NanumBarunGothic";
						  font-size:15px;
						  color:#323232;
						  font-weight:bold;
						  }			  


#guest_select{float:left;
			  width:20%;
			  height:30px;
			  background:#fff;
			  border:1px solid #c3c3c3;
			  margin-top:9px;
			  margin-left:3%;
			  padding-left:0.5%;
			  font-family:"NanumBarunGothic";
			  }


#guest_search{float:right;
			  width:68%;
			  height:30px;
			  background:#fff;
			  border:1px solid #c3c3c3;
			  margin-top:9px;
			  margin-left:1%;
			  margin-right:1%;
			  position:relative;
			  font-size:12px;
			  padding-left:1%;
			  padding-right:2%;
			  font-family:"NanumBarunGothic";
			  }

#guest_search_btn{width:auto;
				  position:absolute;
				  right:2%;
				  margin-top:14.5px;
				  }



.guest_board{width:100%;
			 float:left;
			 margin-top:31px;
			 border:1px solid #e2e2e4;
			 border-top:1px solid #000;
			 border-right:0px solid #000;
                         table-layout:fixed;
			 }

.guest_board tr{width:100%;
				height:39px;
			    float:left;
				border-top:1px solid #e2e2e4;
				}

.guest_board tr:first-child{background:#f7f7f7;}	

.guest_board th{width:10%;
				float:left;
				height:39px;
				text-align:center;
				line-height:3em;
				font-size:13px;
				color:#343434;
				border-right:1px solid #e2e2e4;}

.guest_board th:nth-child(3){width:70%;}

.guest_board td{width:10%;
				height:39px;
				float:left;
				text-align:center;
				line-height:3em;
				font-size:12px;
				color:#808080;
				border-right:1px solid #e2e2e4;}

.guest_board td:nth-child(3){width:70%;}
.guest_board td a{color:#808080;}


/* UI Object */
.paginate{float:left;width:100%;padding:15px 0;text-align:center;margin-top:33px;}
.paginate a img{border:none;vertical-align:middle;_vertical-align:top;}
.paginate a,.paginate strong{display:inline-block;position:relative;
							 _width /**/:18px;margin-left:-6px;padding:2px 6px 3px 7px;
							  background:url(http://static.naver.com/common/paginate/line_pg2.gif) no-repeat 0 50%;
							  color:#333;
							  font-family:"NanumBarunGothic";
							  font-size:12px ;
							  line-height:normal;
							  text-decoration:none;
							  vertical-align:middle;}

.paginate a:hover{text-decoration:underline;}
.paginate strong{color:#be0445!important;font-weight:bold;}
.paginate .frst{background:none;}
.paginate a.pre,.paginate a.next{padding:0;background:none !important;}
.paginate a.pre{margin:0 3px 0 -6px;}
.paginate a.next{margin:0 3px 0 -3px;}

/* //UI Object */


.guest_board_contents{width:100%;
					  float:left;
					  border:1px solid #e2e2e4;
					  }
.guest_board_contents tr{width:100%;
						 float:left;
						 }

.guest_board_contents tr:first-child{background:#f7f7f7;
									 border-bottom:1px solid #000000;
									 }

.guest_board_contents th{width:20%;
						float:left;
						height:39px;
						text-align:left;
						padding-left:1%;
						line-height:3em;
						font-size:13px;
						color:#343434;
						}
.guest_board_contents th:nth-child(3){float:right;
									  text-align:right;
									  padding-right:1%;}

.guest_board_contents td{width:100%;
						height:300px;
						float:left;
						text-align:left;
						padding:1%;
						font-size:12px;
						color:#808080;
						}



.list_content{height:auto!important;}
.list_content>td{height:auto!important;border-bottom:0px solid #fff!important;padding:2%;}
.list_content img{max-width:100%;
                        _width:100%;}



/* 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;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;}


/*line-공통*/

.group_botline{     height:0;
                           width:100%;
			   float:left;
			   margin-top:80px;
			   border-top:1px solid #c4c4c4;
			   text-indent:-9999px;
			   }




.on_bold{font-weight:bold;}






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



/*media query*/




/*media query*/


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

.data_list ul li:hover img.imgon {
	display: inline;
}
.data_list ul li:hover img.imgoff {
	display: none;
}

.data_list ul li:hover{background: #be0445;border:1px solid #be0445;}
.data_list ul li:hover a span{color:#fff;}


}








@media screen and (min-width:320px) and (max-width:660px) {

.container{/*margin-top:-30px!important;*/}
.guest_contents{margin-top:80px;}
.guest_wrap{width:100%;
			margin:0 auto;}

.group_header{margin-bottom:14px;
			  background-position:60%;}
.group_header div{width:92%;}
.group_header h2{font-size:30px;
				 margin-top:54px;
				 margin-bottom:16px;
				 }

.title{padding-left:4%;}

/*상단메뉴*/
.data_list ul li{width:24%;
				 height:44px;}
.data_list{width:100%;
		   float:left;
		   margin-top:20px;
		   margin-bottom:20px;
		   }

.data_list ul li span{font-size:15px;}


/*카타로그*/
.con01 ul{ border-top:0px solid #fff;}

.con01 ul li{padding-bottom:10px;
			 width:100%;
			 height:auto!important;
			 text-align:center!important;
			 border:0px solid #fff;
			 border-top:1px solid #c6c6c6;}

.con01 ul li:last-child{border-bottom:1px solid #c6c6c6;}

.con01 ul li a{padding-bottom:5px;
			   text-align:center;}

.a_top{padding-top:10px!important;}

.a_bot{font-size:15px;
	   width:258px!important;
	   margin:0 auto!important;
           height:auto!important;
	   text-align:left!important;}

.a_bot span{font-size:12px;
			float:right;
			margin-top:3px;
			}


/*영상*/


.con02 ul li{width:100%;
			 height:300px;
			 float:left;
			 margin-bottom:20px;
			 padding:0 1%;
			 text-align:center;
			 }

.mov_a_bot{font-size:16px;
		   margin-top:10px;
		   text-align:center;
		   }
.mov_a_bot span{margin-top:5px;}


/*영상in*/

#video{height:308px;}

.title_top p{width:100%;
		   font-size:20px;
		   text-align:center;
		   }

.sns_top{text-align:center;
		 float:none;
		 margin:0 auto;}

.sns_top a{float:none;
		   position:relative;
		   padding:0 5px;
		   }

.sns_top a img{position:relative;
			   top:10px;}


.title_bot{text-align:center;
		   margin-top:20px;}

.title_btn{margin-right:4%;}

.guest_search form{margin-top:0px!important;}
.guest_search>form legend{display:none;}
#guest_search{margin-right:4%;}
#guest_search_btn{right:6%;}

td,th{font-size:12px!important;}
.guest_board{margin-top:20px;}
.guest_board td,.guest_board th{width:30%;}
.guest_board td:nth-child(4){display:none;}
.guest_board td:nth-child(3){width:70%;}
.guest_board th:nth-child(3){width:70%;}
.guest_board th:nth-child(4){display:none;}
.media_hide{display:none;}

.guest_board_contents th{width:72%;}
.guest_board_contents td{width:72%;}
.guest_board_contents th:nth-child(2){width:28%;}
.guest_board_contents td:nth-child(2){width:28%;}
.guest_board_list a{font-size:12px;}




}

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

.guest_wrap{width:92%;}
.guest_contents{margin-top:80px;}

.group_header{background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:44px;
				 color:#000;
				 font-family:'NanumBarunGothicOTF';
				 font-weight:500;
				 margin-top:65px;
				 }
.guest_contents{margin-top:0px;}

/*상단메뉴*/
.data_list ul li{width:24%;}


/*카타로그*/
.con01 ul li{padding-bottom:10px;
			 width:50%;
			 height:393px;
			 text-align:center!important;}

.con01 ul li:nth-child(2){border-right:1px solid #c6c6c6;}
.con01 ul li{border-top:0px solid #fff;}
.con01 ul{border-top:1px solid #c6c6c6;}

.con01 ul li a{padding-bottom:5px;
			   text-align:center;}

.a_top{padding-top:10px!important;}

.a_bot{font-size:15px;
	   width:258px!important;
	   margin:0 auto!important;
           height:auto!important;
	   text-align:left!important;}

.a_bot span{font-size:12px;
			float:right;
			margin-top:3px;
			}

/*영상*/


.con02 ul li{width:50%;
			 height:300px;
			 float:left;
			 margin-bottom:20px;
			 padding:0 1%;
			 text-align:center;
			 }

.mov_a_bot{font-size:16px;
		   margin-top:10px;
		   text-align:center;
		   }

#video{height:508px;}




.guest_search>form legend{display:none;}
.guest_board th:nth-child(4),.guest_board td:nth-child(4) {width:18.4%;}
.guest_board th:nth-child(3),.guest_board td:nth-child(3) {width:55%;}
.guest_board th,.guest_board td{width:13.3%;}

.guest_board{margin-top:20px;}

			   
}



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

.container{width:100%;overflow:hidden;}
.guest_search>form legend{font-size:13px;
						  line-height:3.8em;}

/*상단메뉴*/
.data_list ul li{width:24%;}

/*카타로그*/
.con01 ul li{padding-bottom:10px;}

.con01 ul li a{padding-bottom:5px;}

.a_top{padding-top:10px!important;}

.a_bot{font-size:15px;
	   padding-bottom:5px;
           height:30px;
           margin-bottom:0px;}

.a_bot span{font-size:12px;
			float:left;
			margin-top:3px;
			}



/*영상*/


.con02 ul li{width:25%;
			 height:220px;
			 float:left;
			 margin-bottom:20px;
			 padding:0 1%;
			 }

.mov_a_bot{font-size:16px;
		   margin-top:10px;
		   }

#video{height:608px;}


/*영상in*/




.guest_board th:nth-child(4),.guest_board td:nth-child(4) {width:18.4%;}
.guest_board th:nth-child(3),.guest_board td:nth-child(3) {width:55%;}
.guest_board th,.guest_board td{width:13.3%;}





}
.bold {font-weight:bold;}