@charset "utf-8";
 
   
 .main_wrap{
 		
		width:90%;
		margin:0 auto;
		position:relative;
 	
}
 @media(max-width:1400px){
		.main_wrap{
 				width:98%; 
 		}
 }

    
 .wide_wrap{
	
		
		width:100%;
		margin:0 auto;
		position:relative;
		padding:0 0;
		
	
}
  
  /*mainimg slider/*/

  #mainimgContent{
	
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:780px;
	background:#fff;
	 
}


  
   
   


#mainimgContent_in{
	
	margin: 0px 0;
    position: absolute;
 	width:100%;
	height:100%;
	overflow: hidden;
}

.mainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;
 	margin:0 auto;
	background:#000;
 	
}
.mainContainer_in{
	width:100%;
	overflow:hidden;
	
}

	 
  

/**/

.main h2{
	
 	font-size:600%;
	 font-family: "Cormorant Garamond", serif;
	letter-spacing:0px;
	 font-weight:
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	font-weight: 400;
	 
	 
	

}
.main h2 span{font-size:30%;display:inline-block;opacity:.4;}
.main h2 strong{ font-weight:800;display:block;}

.main h3{
 	font-size:350%;
	letter-spacing:0px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h4{
	 
	font-size:300%;
	letter-spacing:0px;
	font-weight:400;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
  @media(max-width:1200px){
			.main h4{
		font-size:220%;
	}
  }
 
 @media(max-width:1000px){
	
	  #mainimgContent{
		min-height:300px;
		height:450px;
	  }
	.main h2{
		font-size:500%;
	}
	.main h3{
		font-size:250%;
	}
	.main h4{
		font-size:200%;
	}
}

 @media(max-width:780px){
	.main h2{
		font-size:400%;
	}
	.main h3{
		font-size:200%;
	}
	.main h4{
		font-size:180%;
	}
}

@media(max-width:640px){
	 
	
}

 .ttitinfo .txt_dec{
	font-size:120%;
	
 }

@media(max-width:640px){
 .ttitinfo .txt_dec{
	font-size:100%;
  }


}
/**/

  
  
.section {
  
  position: relative;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}
@media(max-width:1000px){
		.section {
			padding-top: 20px;
  padding-bottom: 20px;
		}
}
.section_box{
	 z-index: 2;
}
.section-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: 1;
}  

.section-buttons button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 13px;
  font-weight: 400;
  font-family: var(--roboto-font);
  font-size: 12px;
  color: #8a8a8a;
  line-height: 1;
  background-color: transparent;
  transition: all 0.3s;
  cursor: pointer;
}

.section-buttons button:hover,
.section-buttons button:focus-visible {
  color: #EFEFEF;
  background-color: rgba(0, 0, 0, 0.7);
}
/*공간*/
#spacearea{
	background-color: transparent;
}
#spacearea .contents_liist{
	position: relative;
	display: flex;
	  justify-content: stretch;
	  align-items: stretch;
}
#spacearea .contents_liist .contents_box{
	margin:80px 1%;
	position: relative;
}
#spacearea .contents_liist .contents_box:nth-child(2){
	margin-top:0px;
}
#spacearea .contents_liist .contents_box .txtarea{
	z-index:2;
	position:absolute;
	top:80%;
	right:30px;
}
#spacearea .contents_liist .contents_box:nth-child(2) .txtarea{
	top:calc(80% - 70px);
}
#spacearea .contents_liist .contents_box .txtarea h5{
	color:#fff;
	font-weight:400;
	font-size:180%;
	line-height:1.1;
	opacity:.0;
	-webkit-transition: 2s; 
	transition:2s;
}
#spacearea .contents_liist .contents_box .txtarea h4{
	color:#fff;
	font-family: 'Poppins', sans-serif;
   font-weight:300;
   font-size:200%;
   line-height:1.1;
   opacity:.8;
    -webkit-transition: 2s; 
	transition:2s;
}
#spacearea .contents_liist .contents_box:hover .txtarea h5{
	opacity:1;
	font-size:200%;
}
#spacearea .contents_liist .contents_box:hover .txtarea h4{
	opacity:.3;
	 
}

#spacearea .contents_liist .contents_box .imgarea{
	z-index:1;

}

@media(max-width:1000px){
	#spacearea .contents_liist{
		display:block;
	}
	#spacearea .contents_liist .contents_box{
		width:100%;
		margin:1% 0;
		height:300px;
		overflow:hidden;
	}
	#spacearea .contents_liist .contents_box .imgarea img{
		display:none;
	}
	#spacearea .contents_liist .contents_box:nth-child(1) .imgarea{
	 background:url(../image/space01.png)  no-repeat center center;
	 background-size: cover; 
	 overflow:hidden;
	 height:100%;
	}
	#spacearea .contents_liist .contents_box:nth-child(2) .imgarea{
	 background:url(../image/space02.png)  no-repeat center center;
	 background-size: cover; 
	 overflow:hidden;
	 height:100%;
	}
	#spacearea .contents_liist .contents_box:nth-child(3) .imgarea{
	 background:url(../image/space03.png)  no-repeat center center;
	 background-size: cover; 
	 overflow:hidden;
	 height:100%;
	}
	#spacearea .contents_liist .contents_box .txtarea{
		top:40%;
		left:0;
		width:100%;
		text-align:center;
	}
	#spacearea .contents_liist .contents_box:nth-child(2) .txtarea{
		top:40%;
	}

}

/*전시회*/
#exh_not{
	background-color: transparent;
}

#exh_not .section_box {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
  box-sizing: border-box;
  padding-top: 90px;
  padding-bottom: 90px;
  overflow: hidden;
}
#exh_not .section_box .section_box_in{
	padding:50px;
 }

#exh_not .contents_left{
	background:#fff;
	width:63%;
	margin-right:2%;

}

#exh_not .contents_right{
	background:#fff;
	width:35%;
}
#exh_not h3{font-size:130%;}

#exh_not .contents_left .contents_box{
	display: flex;
    justify-content: stretch;
    align-items: center;
}
#exh_not .contents_left .contents_box .con_img{
	width:58%;
	
}
#exh_not .contents_left .contents_box .con_img img{width:100%;}
#exh_not .contents_left .contents_box .con_txt{
	width:42%;
	padding:10px;
}
#exh_not .contents_left  .con_txt h4{
	margin-bottom:40px;
	 font-family: "Cormorant Garamond", serif;

}
#exh_not .contents_left  .con_txt h4 span{
	font-size:85%;
}
#exh_not .contents_left  .con_txt .exh_info{
	margin-bottom:30px;
}
#exh_not .contents_left  .con_txt .exh_info p{
	margin-bottom:20px;
	font-size:150%;
	font-weight:500;
}
#exh_not .contents_left  .con_txt .exh_info span{
	display:block;
	margin-bottom:20px;
	opacity:.8;
	
}

/**/
#exh_not .contents_right h3{
margin-bottom:30px;

}
#exh_not .contents_right .txtarea {
	position:relative;
	padding:10px 3px;
}
#exh_not .contents_right .boardbox:after {
	content:'';
	display:block;
	position:relative;
	width:100%;
	height:1px;
	background: rgba(0,0,0,0.05);
}
#exh_not .contents_right .boardbox .txtarea strong{
	display:block;
	 font-size:110%;
	 white-space: nowrap;
	text-overflow: ellipsis;
	word-break:break-all;
	overflow: hidden;  
	  
}
#exh_not .contents_right .boardbox .txtarea .b_date{
	display:block;
	opacity:.7;
	font-size:90%;
	padding-top:3px;
	padding-bottom:3px;
}

 @media(max-width:1400px){
	#exh_not .section_box .section_box_in{
			padding:20px;
	}
	#exh_not .contents_left .contents_box .con_txt{
		padding:10px;
	}
 }
  @media(max-width:1200px){
	#exh_not .contents_left{
		width:69%;
		margin-right:1%;
	}
	#exh_not .contents_right{
		width:30%;
	}
  }

    @media(max-width:1000px){
			#exh_not .section_box {
				display:block;
				 padding-top: 10px;
				padding-bottom: 10px;
			}
			#exh_not .contents_left{
				width:100%;
				margin-right:0%;
				margin-bottom:10px;
			}
			#exh_not .contents_right{
				width:100%;
			}
			#exh_not .contents_left .contents_box{
				display:block;
			}
			#exh_not .contents_left .contents_box .con_img{
				width:100%;
				
			}
			#exh_not .contents_left .contents_box .con_img img{width:100%;}
			#exh_not .contents_left .contents_box .con_txt{
				width:100%;
				margin:1% 0;
			}
	}

/*reser*/
.reserarea{
	 margin-top:0px;
	 padding-bottom:150px;
	 background:url(../image/back_reser2.jpg) fixed no-repeat 0 center;
	 background-size: cover; 
	 overflow:hidden;
	 
	  
	 
}
 
.reserarea .titleinfo{
	padding-top:80px;
	position: relative;   
	 
}
.reserarea .titleinfo .title{
	display:block;
	font-size:350%;
	 
	text-align:center;
	margin: 30px auto 20px auto;
	 
 
	color:#fff;
}
 
.reserarea .titleinfo span{
	 max-width:200px;
	 display:block;
	 margin:0 auto;
}
.reserarea .titleinfo span a{ 
	display:block;
	color:#fff;
	border-bottom: 1px solid #fff;
	font-size:120%;
}
.reserarea .titleinfo span a i{ margin-left:50px;}


@media(max-width:1000px){
	
	.reserarea{
		margin-top:0px;
		 padding-bottom:80px;
		 
	}

	.reserarea .titleinfo .title{
		font-size:250%;
	}
 }