.gllery_cont {
max-width: 980px;
position: relative;
min-height: 100%;
}
.swiper-container {
max-width: 900px; }
.swiper-container {
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-slide {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.swiper-slide p {
position: absolute;
bottom: -16px;
width: 100%;
background-color: #F7F7F6; height: 40px;
text-align: center;
} .galley_main_cont {
position: relative;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
height:auto;
}
.galley_main_cont:before {
content:"";
display: block;
padding-top: 80%;
}
.gallery-main {
cursor: pointer;
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:100%;
height:80%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.gallery-thumbs { cursor: pointer;
position: absolute;
display: block;
top: 80%;
left: 0;
bottom: 0;
right: 0;
width:100%;
box-sizing: border-box;
padding: 10px 0;
margin-left: auto;
margin-right: auto;
}
.gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
opacity: 1;
}
.prev-next-bt-cont {
padding-left: 40px;
padding-right: 40px;
}
@media screen and (max-width:767px) {
.gallery-main { }
.gallery-thumbs {
top: 80%;
}	
.prev-next-bt-cont {
padding-left: 10px;
padding-right: 10px;
}
}
.work-kuzu {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width:930px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
.note-s1 {
position: absolute;
bottom:3px;
left:0;
right:0;
width:90%;
margin: auto;
max-width: 900px;
color:#B7B6B6;
}
@media screen and (max-width: 768px) {
.galley_main_cont {
height: 140vw;
}
.swiper-slide p {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center !important;
align-items: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
bottom: -16px;
left: 0;
right: 0;
width: 93%;
padding-left: 15px;
padding-right: 30px;
margin-right: auto;
margin-left: auto;
height: 90px;
text-align: left; }
}