section#section1 { position:relative; width:100%; }

section#section1 .section_title { position:absolute; top:25vw; width:100%; text-align:center; z-index:9; }
section#section1 .section_title img { width:27% !important; }
section#section1 .visual { overflow:hidden; }
section#section1 .visual, section#section1 .visual li img { width:100%; }
section#section1 .visual,
section#section1 .visual .swiper-wrapper,
section#section1 .visual .swiper-wrapper .swiper-slide { position:relative; }
section#section1 .visual .swiper-wrapper .swiper-slide img.pc {}
section#section1 .visual .swiper-wrapper .swiper-slide img.mobile { display:none; }
.visual_page { position:absolute; bottom:0; left:0; margin-bottom:6.5vw; width:100%; text-align:center; z-index:9; }
.visual_page_off { display:inline-block; margin:0 5px; width:15px; height:15px; background:url("../image/main/visual/visual_page.png") no-repeat; cursor:pointer; z-index:9; }
.visual_page_on { display:inline-block; margin:0 5px; width:46px; height:15px; background:url("../image/main/visual/visual_page_on.png") no-repeat; cursor:pointer; z-index:9; }

.visual_control_left { position:absolute; width:3.02vw; height:6vw; top:23vw; left:3.385%; background: url("../image/main/visual/visual_control_left.png") no-repeat left center; cursor:pointer; z-index:9; }
.visual_control_right { position:absolute; width:3.02vw; height:6vw; top:23vw; right:3.385%; background:url("../image/main/visual/visual_control_right.png") no-repeat right center; cursor:pointer; z-index:9; }

#videoCurtain { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:8; }
	#videoCurtain img { width:100%; }
	.videoPlay { display:none; position:absolute; top:44%; left:50%; margin-left:-59px; opacity:0.75; z-index:9; }
	.videoPause { display:none; position:absolute; top:44%; left:50%; margin-left:-59px; opacity:0.75; z-index:9; }
	.videoPlay img { width:100%; }
	.videoPause img { width:100%; }
	#video { z-index:1; }

@media all and (max-width:800px){
	section#section1 .section_title { display:none; }
	.visual_page { display:none }
	section#section1 .visual .swiper-wrapper .swiper-slide img.pc { display:none; }
	section#section1 .visual .swiper-wrapper .swiper-slide img.mobile { display:block; }
	.videoPlay img { width:50%; }
	.videoPause img { width:50%; }
	/*
	.visual_control_left { top:52vw; }
	.visual_control_right { top:52vw; }
	*/
}

section#section2{position:relative; width:100%;}
section#section2 .section_title{padding:4vw 0;text-align:center;}
#section2 .bay_point{width:100%;position:relative;}
#section2 .bay_point li{position:relative; width:49.8%;display:inline-block;vertical-align:top;}
#section2 .bay_point li.bay_point2{overflow:hidden;}
#section2 .bay_point li.mov_wrap { background:#000; }
#section2 .bay_point li img{width:100%;}
#section2 .bay_point li iframe{width:100%;height:100%;}
#section2 .bay_point li.bay_point2 .bp_curtain { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:8; animation: bpct_fadeout 0.6s 1 forwards; }
#section2 .bay_point li.bay_point2:hover .bp_curtain { animation: bpct_fadein 0.6s 1 forwards; }
@keyframes bpct_fadein {
    from { opacity: 0; background:none; }
    to   { opacity: 1; background:rgba(0, 0, 0, 0.5); }
}
@keyframes bpct_fadeout {
    from { opacity: 1; background:rgba(0, 0, 0, 0.5); }
    to   { opacity: 0; background:none; }
}



#section2 .bay_point li .cafe_text{position:absolute;top:37%;left:0; width:100%; font-size:38px; font-family:"Arial"; color:#fffefe;text-align:center;z-index:9;}

section#section2 ul li img{
	-webkit-transform:scale(1);
	 transform:scale(1);
	 -webkit-transition:0.6s;
	 transition:0.6s;
}

section#section2 ul li:hover img{
	-webkit-transform:scale(1.4,1.4);
	 transform:scale(1.4,1.4);
	 -webkit-transition:0.4s;
	 transition:0.4s;
}



@media all and (max-width:1400px){
	#section2 .bay_point li{width:100%;display:inline-block;}
	#section2 .bay_point li img{width:100%;}
	section#section2 .section_title img{text-align:center;}
}

@media all and (max-width:550px){
	section#section2 .section_title img{width:85%;}
}

section#section3{position:relative; width:100%; text-align:center; max-width:1280px; margin:0 auto;}
section#section3 ul{text-align:center;  margin-top:85px;}
section#section3 ul li {position:relative; display:inline-block; width:24.7%;margin-bottom:35px;}

@media all and (max-width:800px){
	section#section3 ul li {width:32.8%; margin-bottom:60px;}
}

@media all and (max-width:550px){
	section#section3 ul li {width:45.8%;}
}

section#section4 { position:relative; width:100%;max-width:1276px; text-align:center; margin:0 auto; }
section#section4 ul{position:relative;width:100%; margin:0 auto;text-align:center; padding-top:100px; }
section#section4 ul li{position:relative;overflow:hidden;float:left;width:25%; height:100%;z-index:9; margin-bottom:60px;}
section#section4 ul li img{width:100%;background:#fff;}
section#section4 ul li .sec4_bg{background:url("../image/main/travel/travel_ov.png") no-repeat; width:100%;height:100%; position:absolute; opacity:0;transition:opacity 0.5s;background-size:100% 100%;}

section#section4 ul li .sec4_bg:hover {
     opacity:1;
}


@media all and (max-width:640px){
	section#section4{max-width:638px;}
	section#section4 ul li{float:left;width:50%;}

}

section#section5 { clear:both;position:relative; width:100%; text-align:center; margin-bottom:106px;margin:0 auto;padding-bottom:140px; max-width:1900px; background:url("../image/main/insta/bg.jpg") no-repeat; cursor:pointer;}
section#section5 .section_title{font-size:44px; color:#fff; font-family:"Nanum Myeongjo"; font-weight:700; padding:80px 0 10px 0;}
section#section5 .insta_id{font-size:16px; font-family:"Arial"; padding-bottom:15px; color:#fff;}

.insta_slide { position:relative; width:calc(80% - 80px); margin:73px auto 0; overflow:hidden;max-width:1400px;}

.insta_slide .swiper-wrapper li.swiper-slide img { width:100%; }
.preview_control_left { position:absolute; width:20px; height:57px; top:53%; left:20px; background:url("../image/main/insta/left.png") no-repeat; cursor:pointer; z-index:9; }
.preview_control_right { position:absolute; width:20px; height:57px; top:53%;right:20px;background:url("../image/main/insta/right.png") no-repeat; cursor:pointer; z-index:9; }
.preview_control_left:hover, .previewf_control_right:hover { opacity:0.5; }




@media all and (max-width:1366px){
	.preview_control_left{top:51%;}
	.preview_control_right {top:51%;}
}