/* 공통  */
.img_wrap {background:transparent !important;}

.visual_top_wrap {position:relative;overflow: hidden;width: 100%;height: 121.719vw;}
.top_img {position:relative;z-index:1;}

/* visual_top */ 
.visual_top_wrap .inner{position:relative;z-index: 2;}  
.visual_top_wrap .posi{ position:absolute; top:0%;left:50%;right:0; overflow: hidden; opacity: 0; }
  
.visual_top_wrap .visual01_bg {top:18.281vw; left:6.2%; width: 88.125%;}
.visual_top_wrap .visual01 {top: 29.219vw; left:31.25%; width: 38.75%;}
.visual_top_wrap .visual02 {top: 46.875vw;left:13.281%; width: 75.9375%;}  
.visual_top_wrap .visual03 {top: 60.469vw; left: 12.187%; width: 76.875%;} 
.visual_top_wrap .visual04 {top: 28.469vw;left:0;} 

/* ------------------------------------------  con01 ------------------------------------------ */
.con01 {background: transparent;}
/* slide */
.slick-dots
{
	position: absolute;
	left: 0;right: 0;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	height:9px;
	list-style: none;
	opacity:1;
	text-align: center;
}
.slick-dots li
{
	position: relative;
	display: inline-block;
	width:2.81vw;
	height:2.81vw;
	margin:0 0.78vw;
	padding: 0;
	cursor: pointer;
} 
.slick-dots li button
{
	font-size: 0;
	line-height: 0;
	display: block;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1;
}
.slick-dots li button:before
{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	border-radius:2.81vw;
	background: #bbb;
	text-align: center;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {background:#2E68FD;}  
.slide_dots li {overflow:hidden;}

.slick-vertical .slick-slide {width:100%; height:auto;}

/* contents slide */ 
.con01 .slide_contents_wrap {padding-bottom:9.375%;height: auto;}    
.con01 .slide_contents .slick-slide {filter: drop-shadow(0 0.3rem 0.75rem rgba(163, 163, 163, 0.20));}  
.con01 .slide_contents .slick-slide li {position: relative;padding: 0 4.68%;padding-bottom: 4.68%;}  
.con01 .slide_contents .slick-slide img {max-width: 62.5vw;height: auto;display: block;}  
.con01 .slide_contents .slick-slide li > a{position: absolute;bottom:12.5%;right: 21%;width: 30.093%;height: 6.25%;} 
.con01 .slide_contents .slick-dots {display:flex; position:relative; width:70.312%; height:1.562vw; margin:0 auto; margin-top: 5.81%; border-radius:1.56vw; background:#f1f1f1; overflow:hidden;}
.con01 .slide_contents .slick-dots li {width:100%; height:100%; margin:0; border-radius:0; background:#f1f1f1;}
.con01 .slide_contents .slick-dots li button:before {height:100%; border-radius:0; background:#f1f1f1;}
.con01 .slide_contents .slick-dots li.slick-active button:before {width:100%; height:100%; border-radius:1.56vw; background:#2E68FD;} 
    
/* ------------------------------------------  con02 ------------------------------------------ */
/* layer popup */
.layer_view {display:none; position:absolute; top:110%; left:50%; transform:translate(-50%, -50%); width:88%; overflow-y:scroll; text-align:center; background: transparent;  z-index:100;}
.layer_view._02 {top:105%;}
.layer_view._03 {top:101%;}
.layer_view._05 {top:93%;}
 
.btn_close {position:absolute; top:4.13vw; right:4.13vw; width:5.16vw; height:5.16vw; z-index: 99;}
 
/* 버튼 링크 */
.layer_btn_wrap {position:relative;}
.layer_btn_wrap a {position:absolute; margin:0 auto; width:25vw;height: 6.25vw; font-size:0;}
.layer_btn_wrap .layer_btn {bottom:15vw; left:38%;} 
.layer_btn_wrap .layer_btn.btn05 {bottom:22vw; left:38%;} 
  
.no_scroll {overflow: hidden !important;}

/* ------------------------------------------  con03 -------------------------------------------*/
.con03 {padding-bottom: 15.625vw; overflow: hidden;}
.mt50 {margin-top: 6.25% !important;}
/* nonstop slider */ 
.slide_area {
    position:relative;
    height:72.344vw;
}
.slide_wrap {
    position:absolute;
    top:0px;
    left:0px;
    height:72.344vw; 
    width:9100vw;
}
.slide_wrap li {
	position: relative;
    float:left;
    width:60.312vw;
    height:72.344vw;
    margin-right:3.125vw;
}
.slide_wrap:after {
    clear:both;
    display: block;
    content: '';
}

.nonstop.slide_wrap li a{
    position: absolute;
    bottom:6.25vw; right: 4.25vw;  
    width: 7.813vw;height: 7.813vw;
}


/* swiper */ 
.swiper {
    width: 100%;
    height: 100%; 
    overflow: visible !important;
}

.swiper-slide {
    text-align: center; 
    display: flex;
    justify-content: center;
    align-items: center;
}

li.swiper-slide{
    position: relative; 
    width : 100%;
    height: 100%;
    /* width : 60.313vw;
    height: 72.344vw; */
}

li.swiper-slide a{
    position: absolute;
    bottom:7.25vw; right: 5.25vw;  
    width: 7.813vw;height: 7.813vw; 
} 

.swiper-slide img { 
    display: block;
    width : 100%;
    /* width : 60.313vw; */
    height: auto;
    object-fit: cover;
}


.dsc_slide{
	color:#888;
	text-align: center;
	font-size: 3.125vw;
	font-style: normal;
	font-weight: 300;
	line-height: 150%; /* 30px */
	padding-bottom: 15.625vw;
}