@charset "utf-8";

.single-gallery {position:relative; width:100%; height:0; padding-bottom:67.7%; margin:30px 0 60px;}
.single-gallery .gallery-inner{overflow:hidden; position:absolute;left:0;top:0; width:100%;height:100%;}
.single-gallery li{list-style-type:none !important;margin:0 !important;padding:0;position:absolute;left:100%;top:0; width:100%;height:100%;background-color:#000;}
.single-gallery li .img-box{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.single-gallery li .img-box img{display:inline-block;width:100%;height:auto; /*position:absolute;left:50%;top:50%;*/}
.single-gallery li .img-box img.height{width:auto;height:100%;}
.single-gallery .btn_group button{position:absolute;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;background-color:rgba(0,0,0,.5);font-size:0;}
.single-gallery .btn_group button:after {position:absolute; top:50%; left:50%; display:block; content:""; width:11px; height:16px; margin-left:-6px; margin-top:-8px; background:url(posco_sprite.png) no-repeat 0 -60px;}
.single-gallery .btn_group .btn_prev{left:4px;}
.single-gallery .btn_group .btn_next{right:4px;}
.single-gallery .btn_group .btn_prev:after{background-position:0 -60px;}
.single-gallery .btn_group .btn_next:after{margin-left:-5px; background-position:-20px -60px;}
.single-gallery .btn_page{position:absolute;left:0;bottom:-28px;width:100%;height:12px;text-align:center;}
.single-gallery .btn_page button{width:10px;height:10px;margin:0 6px;border-radius:50%;border:1px solid #666;background-color:rgba(255,255,255,.5);vertical-align:top;font-size:0;}
.single-gallery .btn_page .on{background-color:rgba(0,0,0,.3);}

@media (max-width: 640px){
	.single-gallery {padding-bottom:100%;}
}
@media (max-width: 480px){
	.single-gallery .btn_group button{width:24px; height:24px; margin-top:-12px;}
	.single-gallery .btn_group button:after{width:7px; height:10px; margin-left:-4px; margin-top:-5px; background-image:url(posco_sprite_m.png); background-size:100px auto;}
	.single-gallery .btn_group .btn_next:after{margin-left:-3px; background-position:-20px -60px;}
}