@charset"utf-8";


@media screen and (max-width:1800px){
	.view .img {width: 100%;}

}

@media screen and (max-width:1400px){

 .inner{max-width:100%; padding-left:50px; padding-right:50px}

}

@media screen and (max-width:1100px){

 .inner{max-width:100%; padding-left:20px !important; padding-right:20px !important}
 .header .mo_ham{display:block}
 .header .menu .main_mn {display:none}
/* .main1 .back .main_img {transform: translateX(60%);}*/
 .main1 .back .main_txt {transform: translate(-435px, -20px);}
 .popcon {width: 80%;}
 .location .map_ul > li {width:49%}
 .view .info_detail {flex-direction: column;}
 .view .info_detail > li+li {border-left: 0}
 #bo_gall_sub{min-height:500px}
 

}

@media screen and (max-width:992px){

/*.main1 .back .main_img {transform: none;right: 20px; bottom: 0;}*/
 .main1 .back .main_txt {left: 20px; transform: none;}
 .main1 .back .main_txt > img {width: 78%;}
 .view .sub_inner {width: 100%;}
}



@media screen and (max-width:768px){
.main1 .back .main_img img{object-fit: cover;}
.main1 .main_img > img, 
.main1 .main_img a > img {width:100%}
.main1 .back .main_txt > img {width: 60%;}]
.contact .box{flex:auto}
.contact{flex-direction: column-reverse;}
#bo_gall_sub #portfolio .portfolio_ul > li {width:50%}
.view .date {font-size: 19px;}
.view .info_detail > li {padding:0}
.view .info_detail {}
#bo_gall_sub .gall_row .col-gn-4 {width:50%}
.cont3 > div{width:100%}
.cont3 > img{width:100%}
.biography .sec3 {flex-direction: column;}
.biography .positon_box {position: inherit;}
#bo_gall_sub .gall_img .tit {font-size: 15px;}
.biography .history {flex-direction:column;}
}


@media screen and (max-width:580px){
.main1 .back .main_txt > img {width: 45%;}
.main1 .main_img > img, 
.main1 .main_img a > img {width: 100%; height:100%;object-fit: cover;}
.header .top_logo{background-size:80%}
/*.main1 .back .main_img {position: initial; height:100%}*/
.main1,
.main1 .main_area, 
.main1 .visual_area {}
.biography .positon_box {position: initial;}
.biography .alltxt {font-size: 14px;}
.contact .tit {font-size: 25px;}
.contact .add {font-size: 15px;}
.contact .add2 {font-size: 13px;}
.location .map_ul > li {width: 100%;}
.location .tit {font-size: 20px;}
.location .add {font-size: 14px;}
.contact {margin-bottom:100px}
.popcon .cont {flex-direction: column-reverse; padding:30px 20px}
.popcon .box {width: 100%; height:auto}
.popcon .info_add {font-size: 19px;}
.popcon .info_tit {font-size: 18px; margin-bottom: 15px;}
.popcon .info_detail {font-size: 13px;}
.view_btn {font-size: 13px; padding: 5px 0; width: 110px; font-weight: 300;}
.popcon .pop_map {width:100%; height:200px !important}
.location .map {width:100%; height:400px}
.view .tit {font-size:20px; margin-bottom:15px}




}