 
 
 .wrap{min-height:auto;}

 #bo_v{position:relative;}

 
 .interior img{width:100%;}
.interior>span{position:absolute; top:50%; color:#141414; cursor:pointer;}
 
.interior>span.btn_left{left:0;}
.interior>span.btn_right{right:0;} 


.view_info{position:relative;}
.view_info h3{font-weight: 500;}

.view_info li{}
.view_info li h5{font-weight: bold;}
.view_info li p{font-weight:500}


.gall_list li{position:relative; overflow:hidden}
.gall_list li .gall_chk{z-index:10;position: absolute;left: auto;right: 1%;}
.gall_list li:hover .list_info{opacity:1;}
.gall_list li:hover em{transform:scale(1.1); transform-origin:50%;}
.gall_list li .list_info{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);display:table;opacity:0;}
.gall_list li .list_info a{position:absolute; top:0; left:0; width:100%; height:100%;}
.gall_list li .list_info div{display:table-cell;vertical-align:middle;text-align: center;}
.gall_list li .list_info h6{color:#fff;font-weight: bold;}
.gall_list li .list_info p{font-weight: 400;color: #fff;}

.gall_list li em{display:block; background-repeat:no-repeat; background-size:cover; background-position:50%;}
 
 
 .loading{text-align:center;}
.loading i{color:#141414}
@media (min-width: 1300px) {
 #bo_v{padding:0 11vw}
.interior{position:relative;padding: 0 7vw;margin-bottom:20px;}
.interior>span{font-size:40px; margin-top:-20px;}

.view_info h3{font-size: 24px;margin-bottom: 25px;} 

.view_info li{float:left;width:50%;margin-bottom: 20px;} 
.view_info li:nth-child(3),.view_info li:nth-child(4){margin-bottom:0;}

.view_info li h5{font-size: 16px;margin-bottom: 13px;}
.view_info li p{font-size: 16px;}

 #bo_v .btn{position:absolute;right:50vw;margin-right: -62vw;bottom:0;}
 
 
 .gall_list ul{margin: 0 -30px;}
 .gall_list li{float:left;width: calc(50% - 60px);margin: 0 30px 60px;}
 .gall_list li em{height:40vh}
 
 .gall_list li .list_info h6{margin-bottom:10px;font-size: 24px;}
.gall_list li .list_info p{font-size: 16px;}

.grid{margin: -1% 0; padding:100px 0;}
.grid-item{width:48%; margin:0 1% 2%;}


.footer .inbox{padding-bottom:1.5vw;}

 .loading {padding:30px 0;}
 .loading i{font-size: 50px;}
}
@media (min-width:750px){

}
@media (min-width: 750px) and (max-width: 1299px){
	
 #bo_v{}
.interior{position:relative;padding: 0 4vw;margin-bottom:4vw;}
.interior>span{font-size:4vw; margin-top:-2vw;}

.view_info{padding:0 4vw;}
.view_info h3{font-size: 2.5vw;margin-bottom:2.5vw;} 

.view_info li{float:left; width:50%; margin-bottom:3vw;} 
.view_info li:nth-child(3),.view_info li:nth-child(4){margin-bottom:0;}

.view_info li h5{font-size: 1.8vw;margin-bottom: 1.5vw;}
.view_info li p{font-size: 1.8vw;}

 #bo_v .btn{
    display: block;
    margin: 7vw auto 0;
    width: 25vw;
}
 
 
 .gall_list ul{}
 .gall_list li{margin-bottom: 6vw;}
 .gall_list li em{height: 44vw;}
 
 .gall_list li .list_info h6{margin-bottom: 1.5vw;font-size: 2.5vw;}
.gall_list li .list_info p{font-size: 1.8vw;}

.grid{margin: -1% 0;padding: 15vw 0;}
.grid-item{width:48%; margin:0 1% 2%;}


.footer .inbox{padding-bottom:1.5vw;}



  .loading {padding:3vw 0;}
 .loading i{font-size: 4vw;}
}
@media (max-width:1299px){
img{ width:100%; }	
	
}
@media (max-width:750px){
	

 #bo_v{}
.interior{position:relative;margin-bottom: 10vw;}
.interior>span{font-size:40px;margin-top:-20px;display: none;}

.view_info h3{font-size:5vw; margin-bottom:5vw;} 

.view_info li{margin-bottom: 6vw;} 
.view_info li:nth-child(4){margin-bottom:0;}

.view_info li h5{font-size: 3vw;margin-bottom: 2vw;}
.view_info li p{font-size: 4vw;}

 #bo_v .btn{
    display: block;
    margin: 10vw auto 0;
    font-size: 3.5vw;
    width: 53vw;
}
 
 
 .gall_list ul{}
 .gall_list li{margin-bottom: 8vw;}
 .gall_list li em{height: 42vw;}
 
 .gall_list li .list_info h6{margin-bottom: 2vw;font-size: 5vw;}
.gall_list li .list_info p{font-size: 3.5vw;}

.grid{margin: -1% 0;padding: 20vw 0;}
.grid-item{width:48%; margin:0 1% 2%;}


.footer .inbox{padding-bottom:1.5vw;}



   .loading {padding:4vw 0;}
 .loading i{font-size: 6vw;}
} 
 