@charset "utf-8";

.gamjatang-wrap{
    width:1000px;
    max-width: 100%;
    margin:0 auto;
    overflow-x: hidden;
}
.gamjatang-wrap img{
    max-width: 100%;
    height: auto;
}
.gamjatang-wrap .only-title{
    overflow-y: hidden;
}
.gamjatang-wrap .swiper{
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.gamjatang-wrap .slider-box .mySwiper{
    /* width:900px; */
    /* width:calc(100% - 20px); */
    max-width: 825px;
    width:84%;
    margin:0 auto;
    /* height:1200px; */
}
.gamjatang-wrap .swiper-slide > *{
    display: block;
    margin:0 auto;
}
.gamjatang-wrap .swiper-wrapper{
    /* width:825px; */
    /* width:84%; */
    margin:0 auto;
    height: auto;
}
.gamjatang-wrap .swiper-btns{
    position: absolute;
    top: calc(40% - 69px/2);
    left:0; right:0;
    
}
.gamjatang-wrap .swiper-btns-wrapper{
    width:90%;
    margin:0 auto;
}

.gamjatang-wrap .swiper .prevBtn , 
.gamjatang-wrap .swiper .nextBtn{
    position: absolute;
    width: 10vw;
    height: 10vw;
    max-width: 69px;
    max-height: 69px;
    min-width: 30px;
    min-height: 30px;
    
    /* top:calc(418px - 69px/2); */
    z-index: 2;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}
.gamjatang-wrap .prevBtn{
    background-image: url('imgs/arrow_left.png');
    left:10px;
}
.gamjatang-wrap .nextBtn{
    background-image: url('imgs/arrow_right.png');
    right:10px;
}

/* for layer link */
.gamjatang-wrap .layer-parent{
	position: relative;
}
.gamjatang-wrap .layer{
	display: block;
	position: absolute;
	/* background-color: rgba(221, 76, 76, 0.2); */
}
.gamjatang-wrap .link{
	text-indent: -999999px;
	z-index: 3;
    left: 10px;
    top: 10px;
	width: 200px;
	height: 100px;
}