/*---------------------------------------------------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: '宋體', 'simsun', Arial;
						font-size:100%;
						line-height: inherit;
						color: #000;
                                                background:#363636;
						}



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










		   .container{
		   margin: 0 auto;
		   max-width: 1900px;
		   /*margin-top:55px;*/
		   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;
			  margin-bottom:42px;}

.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;}

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


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


.guest_search>form legend{float:left;
						  width:7%;
						  line-height:3em;
						  padding-left:1.65%;
						  font-family: '宋體', 'simsun', Arial;
						  font-size:15px;
						  color:#323232;
						  font-weight:bold;
						  }			  


#guest_select{float:left;
			  width:20%;
			  height:30px;
			  background:#fff;
			  border:1px solid #c6c6c6;
			  margin-top:9px;
			  margin-left:3%;
			  padding-left:0.5%;
			  font-family: '宋體', 'simsun', Arial;
			  }


#guest_search{float:right;
			  width:68%;
			  height:30px;
			  background:#fff;
			  border:1px solid #c6c6c6;
			  margin-top:9px;
			  margin-left:1%;
			  margin-right:1%;
			  position:relative;
			  font-size:12px;
			  padding-left:1%;
			  padding-right:2%;
			  font-family: '宋體', 'simsun', Arial;
			  }

#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 #c6c6c6;
			 border-top:1px solid #000;
			 border-left:0px solid #000;
                         table-layout:fixed;
                         margin-bottom:18%;
			 }

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

.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-left:1px solid #c6c6c6;}

.guest_board th:nth-child(2){width:75%;}
.guest_board th:last-child{width:15%;}

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

.guest_board td:nth-child(2){width:75%; text-align:left; padding-left:1%;}
.guest_board td:last-child{width:15%;}
.guest_board td a{color:#808080;}


.guest_board_list{width:100%;
				  float:left;
				  margin:33px 0;
				  text-align:center;
				  }

.guest_board_list ul{width:250px;
					 margin:0 auto;
					 }
.guest_board_list li{float:left;
					 padding:0 2.6%;
					 font-size:12px;
					 color:#747474;
					 }



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

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

.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(2){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;
						}


.guest_board td a div{height: 39px!important; text-overflow:ellipsis!important; overflow:hidden!important; white-space: nowrap}
.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%;}
/*.list_content>td p{float:left;}
.list_content>td p img{float:left;}*/







/*line-공통*/

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



.on_bold{font-weight:bold;}






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



/*media query*/









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

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

.topline div{width:100%;}


.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;
				 }



.guest_search form{margin-top:0px!important;}
.guest_search>form legend{display:none;}

.guest_topmenu ul{width:100%;}
.guest_topmenu div{display:none;}
.guest_topmenu>ul>li>a{font-size:14px;}

.guest_submenu{z-index:3;}

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


.guest_board_list a{font-size:12px;}

.list_content img{max-width:100%;}

}

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

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


.group_header{margin-bottom:24px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:44px;
				 color:#000;
				 font-family: '宋體', 'simsun', Arial;
				 font-weight:500;
				 margin-top:65px;
				 }
.guest_contents{margin-top:0px;}

.guest_search>form legend{display:none;}

.guest_topmenu div p{font-size:14px;}
.guest_topmenu>ul>li>a{font-size:14px;}
.guest_board{margin-top:20px;}

			   
}



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

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

.guest_topmenu div p{font-size:14px;}
.guest_topmenu>ul>li>a{font-size:14px;}

}
.bold {font-weight:bold;}