@charset "utf-8";
/***** MediaQuery *****/

/* Mobile+Tablet */
@media (max-width: 1023px) {
	br.pc { display:inline; }
	#row3 .bg { height:400px; }
	#row3 .inner p.tit { padding-top:80px; font-size:26px!important; }
	#row3 .swiper-scrollbar { position:inherit; width:100%; height:3px; left:inherit; margin-top:40px; }
	#row3 .freemode { /* margin-top:40px; */ }
	#row3 .freemode dl { margin-top:10px!important; }
	#row5 .freemode ul li { position:relative; width: calc(50% - 0px)!important; margin:0px; }
	#row3 .freemode a > span { display:block; height:345px; }
	#row3 .freemode span img {  z-index:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:calc(33% - 0px); /* max-width:70%; width:100%; max-height:227px; height:auto; */ }
	#row5 .freemode dl { width:80%; margin-left:auto; margin-right:auto; margin-top:30px; }
	/* #row3 .freemode dl { position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:75%; margin-top:0px; margin-left:auto; margin-right:auto; } */
	#row3 .swiper-button-prev,
	#row3 .swiper-button-next { display:none; }
	#row3 .freemode .img { 
		/* z-index:0;
			    position: absolute;
			    top: 0;
			    left: 0;
			    bottom: 0;
			    right: 0;
			    height:326px;
		background-size:33% auto;
			    background-repeat: no-repeat;
			    background-position: center bottom; */
		top: 22.5px!important;
		bottom: 22.5px!important;
	}
	#row3 .freemode a { /* overflow:hidden; height:326px; max-height:326px; padding-bottom:120px; */ }
	#row3 .img.pc { display:none; }
}

/* PC */
@media (min-width: 1024px) {
	br.pc { display:block; }
	#row3 .bg { height:440px }
	#row3 .inner p.tit {  padding-top:100px; }
	#row3 .story .inner { overflow:hidden; }
	#row3 .swiper-scrollbar { display:none; }
	#row3 .freemode { margin-top:80px; }
	#row3 .freemode dl { /* position:absolute; left:50%; bottom:0; transform:translateX(-50%); */ width:100%; }
	#row3 .freemode span { display:block; height:344px; }
	#row3 .freemode a { /* height:344px; max-height:344px; padding-bottom:120px; */ }
	/* #row3 .freemode span img { z-index:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%); } */
	#row3 .swiper-button-prev.swiper-button-disabled,
	#row3 .swiper-button-next.swiper-button-disabled { opacity:1; }
	#row3 .swiper-button-prev {  background:url('../assets/img/btn_arr_l.svg') no-repeat left center / 24px auto; }
	#row3 .swiper-button-next {  background:url('../assets/img/btn_arr_r.svg') no-repeat right center / 24px auto; }	
	#row3 .swiper-button-prev,
	#row3 .swiper-button-next { margin-top:-202px; }
	#row3 .swiper-notification { display:none!important; }
	#row3 .img.mo { display:none; }
	#row3 .freemode .img a { overflow:hidden; height:344px; }
	#row3 .freemode .img { 
	    z/* -index:0;
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height:344px;
	    background-repeat: no-repeat;
	    background-position: center bottom; */
	}
}

@media screen and (min-width : 601px) and (max-width : 1023px) {
	#row3 .img-wrap { padding-top: 33%!important; }

}

@media (max-width: 480px) {
	#row3 .inner .flex .img { 
		top: 0px!important;
		bottom: 0px!important;
	}
}

#row3 { position:relative; }
#row3 .bg { 
/* background:url('../assets/img/bg_story.svg') no-repeat center top / cover; */ 
  background-image:url('../assets/img/bg_bestseller_delete.png');
  z-index:0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#row3 .inner { z-index:1; position:relative; padding:0 16px; margin-top:0; }
#row3 .inner p.tit { font-weight:bold; font-size:30px; font-family: 'GmarketSans'; text-align:center; text-transform:uppercase; letter-spacing:1.8px; }
#row3 .freemode dl { margin-top:40px; text-align:center; font-size:16px; font-weight:bold; font-family: 'GmarketSans'; }
#row3 .freemode dl dt { color:#222; }
#row3 .freemode dl dd { padding-top:18px; color:#2D9B81; font-weight:normal; }
/* #row3 .freemode span { position:relative; } */
#row3 .freemode a { display:block; text-align:center; }
#row3 .swiper-scrollbar { background: rgba(196, 196, 196, 1); border-radius:0; }
#row3 .swiper-scrollbar-drag { background: rgba(107, 107, 107, 1); }
#row3 .swiper-button-prev { left:0; }
#row3 .swiper-button-next { right:0; }
#row3 .swiper-scrollbar-drag { border-radius:0; }
#row3 .swiper-pagination .swiper-pagination-progressbar { background: rgba(196, 196, 196, 1); border-radius:0; }
#row3 .swiper-pagination-progressbar-fill { background: rgba(107, 107, 107, 1); }
#row3 .swiper-container-horizontal > .swiper-pagination-progressbar { position:relative; margin-top:40px; }
#row3 .img-wrap { position: relative; padding-top: 100%; }
#row3 .freemode .img {
    position: absolute;
    display: block;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
}
#row3 .freemode .img img {
	display:block;
    position: absolute;
    /* top: 0px; */
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-width: 100%;
    max-height: 100%;	   
    height: auto;
    margin: auto;
}