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

/* Mobile+Tablet */
@media (max-width: 1023px) {
	br.pc { display:inline; }
	#row2 .btn { display:none; }
	#row2 .swiper-container { position:absolute; left:0; top:0; width:100%; height:100%; }
	#row2 .swiper-scrollbar { position:inherit; width:100%; left:inherit;}
	#row2 .swiper-scrollbar-drag { height:3px; }
	#row2 .slide-main { /* height:480px; */ margin-top:0; height: calc(100vh - 96px); }
	#row2 .slide-main a { display:block; height:480px; }
	#row2 .slide-main a > span { display:block; height:345px; }
	#row2 .slide-main span img {  z-index:1; position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:70%; /* width:100%; max-height:227px; height:auto; */ }
	#row2 .img.pc { display:none; }
	#row2 .swiper-button-prev,
	#row2 .swiper-button-next { display:none; }
	#row2 .s-inner .txt { left: 16px; max-width: 100%; padding-top:64px; }
	#row2 .slide-main .txt dl { margin-top:30px!important; text-align:left; }
	#row2 .slide-main .txt dl dt { font-size:48px!important; color:white; font-weight:normal!important; }
	#row2 .slide-main .txt dl dd { font-size:20px!important; }
	#row2 .slide-main .swiper-pagination-fraction { padding-left:12px!important; }
	#row2 .slide-main .swiper-pagination-fraction span { display:inline-block; width:10px; font-size:12px!important; text-align:center; }
	#row2 .slide-main .swiper-pagination-current { padding-right:12px; }
	#row2 .slide-main .swiper-pagination-total { padding-left:12px; }
	#row2 .ux { width:inherit; max-width:320px; bottom:76px; left:16px!important; }
}

/* PC */
@media (min-width: 1024px) {
	br.pc { display:block; }
	#row2 .story .inner { overflow:hidden; }
	#row2 .swiper-scrollbar { height:4px; }
	#row2 .swiper-scrollbar-drag { height:4px; }
	#row2 .slide-main { /* margin-top:80px; */ }
	#row2 .slide-main a { height:780px; }
	#row2 .slide-main .txt dl { font-weight:normal!important; }
	#row2 .slide-main .txt dl dd { margin-top:30px; }
	#row2 .swiper-button-prev.swiper-button-disabled,
	#row2 .swiper-button-next.swiper-button-disabled { opacity:1; }
	#row2 .swiper-button-prev { background:url('../assets/img/btn_arr_l2.svg') no-repeat left center / 24px auto; }
	#row2 .swiper-button-next { background:url('../assets/img/btn_arr_r2.svg') no-repeat right center / 24px auto; }	
	#row2 .swiper-button-prev,
	#row2 .swiper-button-next { margin-top:-3%; }
	#row2 .img.mo { display:none; }
	#row2 .ux { bottom:220px; left:160px!important; }
	#row2 .slide-main .swiper-pagination-current { padding-right:9px; }
	#row2 .slide-main .swiper-pagination-total { padding-left:9px; }
	#row2 .slide-main .swiper-pagination-fraction span { display:inline-block; width:10px; font-weight:bold; font-size:15px; text-align:center; }
	#row2 .s-inner .txt { left:0; max-width: 1248px; min-width: 467px; padding: 0 16px; }
	#row2 .s-inner .txt p { padding:160px 0 0 160px; font-size:20px; }
	#row2 .slide-main .txt dl { padding-left:160px; }
	#row2 .swiper-pagination-progressbar { position:relative!important; bottom:3px; }
	#row2 .slide-main .btn-swiper-play { margin-top: -3px; }
	#row2 .swiper-button-prev { left:0!important; }
	#row2 .swiper-button-next { right:0!important; }
}

@media screen and (min-width : 1024px) and (max-width : 1350px) {
	#row2 .swiper-button-prev { left:16px!important; }
	#row2 .swiper-button-next { right:16px!important; }
}

#row2 { position:relative; }
#row2 .slide-main { position:relative; max-width:1920px; margin-left:auto; margin-right:auto; }
#row2 .inner { z-index:1; position:relative; padding:0 16px; margin-top:40px; }
#row2 .inner p.tit { font-weight:bold; font-size:30px; font-family: 'GmarketSans'; text-align:center; text-transform:uppercase; letter-spacing:1.8px; }
#row2 .slide-main .txt dl { margin-top:20px; text-align:left; font-weight:bold; }
#row2 .slide-main .txt dl dt { font-family: 'GmarketSans'; font-size:64px; color:white; }
#row2 .slide-main .txt dl dd { font-weight:400; font-size:24px; color:white; }
/* #row2 .slide-main span { position:relative; } */
#row2 .slide-main a { display:block; text-align:center; }
#row2 .swiper-scrollbar { background: rgba(255, 255, 255, 0.4); border-radius:0; }
#row2 .swiper-scrollbar-drag { border-radius:0; background: rgba(255, 255, 255, 1); }
#row2 .swiper-button-prev { left:16px; }
#row2 .swiper-button-next { right:16px; }
#row2 .img { 
  width:100%; height:100%;
  background-image:url('../assets/img/bg_main_1.jpg');
  z-index:0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#row2 .swiper-slide { position:relative; }
#row2 .s-inner { z-index:1; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; }
#row2 .s-inner .txt p { font-family: 'GmarketSans'; text-align:left; color:white; font-weight:bold; }
#row2 .btn { z-index:1; position:absolute; left:0; right:0; top:50%; width:100%; max-width:1248px; margin:0 auto; }
#row2 .ux { z-index:1; position:absolute; left:0; width:100%; }
#row2 .ux > div { position:static; max-width:1248px; margin:0 auto; padding:0; }
#row2 .ux > div .swiper-scrollbar { display:inline-block; position:static; width:208px; max-width:208px; }
#row2 .slide-main .swiper-pagination-fraction { /* padding-right:24px; */ display:inline-block; position:static; width:inherit; padding-left:16px; /* left:24px; */ text-align:left; color:white; font-family: 'GmarketSans'; font-size:20px; font-weight:bold; }
#row2 .slide-main .swiper-pagination-fraction span:nth-child(2) { opacity:.4; }
#row2 .slide-main .swiper-pagination-total { color:white; opacity:.4; }
#row2 .slide-main .swiper-pagination-current { color:white; }
#row2 .swiper-pagination-progressbar { display:inline-block;  height:4px; position:static; width:208px; max-width:208px; background: rgba(255, 255, 255, 0.4); border-radius:0; }
#row2 .swiper-pagination-progressbar-fill { background: rgba(255, 255, 255, 1); }
#row2 .txt {
	position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
}

#row2 .slide-main .btn-swiper-play {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  -webkit-transition: .3s;
  transition: .3s;
  
}
#row2 .slide-main .btn-swiper-play span {
  opacity: 1;
}
#row2 .slide-main .btn-swiper-play span {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
}
#row2 .slide-main .btn-swiper-play.paused span {
  background:url('../assets/img/btn_pause.svg') no-repeat left center / 7px auto;
  width: 7px;
  height: 10px;
}
#row2 .slide-main .btn-swiper-play.play span {
  background:url('../assets/img/btn_play.svg') no-repeat left center / 9px auto;
  width: 9px; height:12px;
}