@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main > section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip ; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#main__slider .slider__infos {overflow:hidden; height:1100px; min-height:1100px /*calc(var(--vh, 1vh) * 100)*/ ;}
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/*
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:100%;z-index:9;margin:0 auto;}
*/
#main__slider .slider__inner { display:flex; position:absolute;top:0;left:0;right:0;max-width:1400px;width:100%;height:calc(100%); z-index:9;margin:0 auto;  } /*calc(100% - 10rem);*/

#main__slider .slider__mxw {position:relative;top:0;left:0;right:0; padding-right:15px; width:50%;height:100%;z-index:9;margin:0 auto;  }

/*#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}*/



#main__slider .slider__thumb_img { position:relative; display:flex; align-items:center; justify-content:center; width:50%; overflow:hidden; }
#main__slider .slider__thumb_img {  } 
/*
#main__slider .slider__thumb_img_inner { position:relative ; width:100%; height:0; padding-top:56.25%; margin-top:2.75rem; overflow:hidden; border-radius:15px;  }
#main__slider .slider__thumb_img img { display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; opacity:0;}
*/
#main__slider .slider__thumb_img_inner { position:relative; display:flex; justify-content:center; width:100%; overflow:hidden; }
#main__slider .slider__thumb_img_inner .slider__thumb_img1 { position:absolute; left:300px; top:180px; z-index:3;} 
#main__slider .slider__thumb_img_inner .slider__thumb_img2 { position:absolute; left:80px; top:230px; z-index:2;} 
#main__slider .slider__thumb_img_inner .slider__thumb_img3 { position:absolute; left:36px; top:770px; z-index:1;} 
#main__slider .slider__thumb_img img { display: block; position: relative;  -o-object-fit: cover;object-fit: cover; opacity:0;}

/*
#main__slider .slider__thumb_img img { display: block; position: relative;  -o-object-fit: cover;object-fit: cover; opacity:1;}
*/


/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-weight:900;font-size:3.5rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:3.5rem;line-height:1;color:#fff;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle {margin-bottom:0.625rem; display:block;font-weight:700;font-size:2.188rem;line-height:1;color:#fff;overflow:hidden; word-break:keep-all; }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:1.875rem;font-weight:300;font-size:1.25rem;line-height:1.5;color:#fff;overflow:hidden;word-break:keep-all; }
/*
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block; margin-top:3.75rem; font-size:0.938rem;color:#fff;font-weight:400; text-align:left;box-sizing:border-box; transition:all 0.4s; }
#main__slider .slider__slogun_btn a { opacity:0; } 
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}
#main__slider .slider__slogun_btn > span:before { content:''; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#fff; transition:all 0.4s; } 

#main__slider .slider__slogun_btn:hover { color:var(--menu); }
#main__slider .slider__slogun_btn:hover > span:before { background:var(--menu); } 


/*스크롤*/
#main__slider .slider-scroll a {display:none;position:absolute;left:0;right:0;width:9.2rem;height:4.3rem;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:1.5rem;height:1.5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:50px;}50%{bottom:70px;}100%{bottom:50px;}}
/*좌우 부가 설정*/
#main__slider .swiper-button-prev, 
#main__slider .swiper-button-next { display:none; } 

#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}
#main__slider .swiper-pagination-bullet {background-color:#fff;}
/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:-4rem;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg { transform: scale(1);}

/* SWIPER PAGINATION */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { left:20px; } 
#main__slider .swiper-button-next { right:20px; }


/*반응형*/

@media screen and (max-width: 1430px){
	#main__slider .slider__inner { margin:0 15px; } 
} 
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__infos { height:800px; min-height:revert; }
	#main__slider .slider__inner { margin:0 auto; } 
	#main__slider .slider__slogun {padding:0 15px;}

	#main__slider .slider__slogun > b {font-size:2.5rem;line-height:1.2; }
	#main__slider .slider__slogun > b.subtitle { font-size:1.563rem; line-height:1.2; } 
	#main__slider .slider__slogun > p { font-size:1.125rem; } 
	#main__slider .slider__slogun > p br { display:none; } 
	
	#main__slider .swiper-button-prev, 
	#main__slider .swiper-button-next { display:none; } 
}
@media screen and (max-width: 640px){
	#main__slider .slider__infos { height:900px; /*height:calc(var(--vh, 1vh) * 100); min-height:calc(var(--vh, 1vh) * 100); */ } 
	#main__slider .slider__inner { flex-direction:column-reverse; align-items:center; justify-content:center; height:calc(100% - 12.5rem); margin-top:1.25rem; } 
	/*#main__slider .slider__infos {height:640px;}*/
	/*#main__slider .slider__slogun { height:revert; } */
	#main__slider .slider__thumb_img { width:80%; height:revert; margin-left:3rem; } 
	#main__slider .slider__mxw { width:100%; height:revert; padding-right:0rem; } 
	#main__slider .swiper-slide-active .slider__slogun { top:revert; } 

	#main__slider .slider__slogun { align-items:center; } 
	#main__slider .slider__slogun > p { text-align:center; } 

	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
}
@media screen and (max-width: 480px){
	/*
	#main__slider .slider__infos {height:480px;}
	*/
}





/*--------------------------------------------------------------------------------
@ MAIN SERVICE 
--------------------------------------------------------------------------------*/
#main_service { position:relative; background:#fff; margin-top:-12.5rem; border-radius:12.5rem 12.5rem 0 0; z-index:2; }
.main_service { text-align:center; } 

.service_icon { min-height:9.438rem }
.service_icon svg { width:130px; } 

.service_text { font-size:1.563rem; color:#000; font-weight:700; margin-top:1.875rem; }

@media screen and (max-width: 1024px){
	#main_service { padding-top:5rem; padding-bottom:5rem; border-radius:5rem 5rem 0 0; } 
	.main_service .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 1.875rem); } 
	.service_icon { }
	.service_icon svg { width:50%; } 
	.service_icon img { width:50%; } 
	.main_service .service_text { font-size:1.25rem; } 
}
@media screen and (max-width: 640px){
	#main_service { border-radius:3rem 3rem 0 0; } 
	.service_icon { min-height:6.438rem;  }
} 






/*--------------------------------------------------------------------------------
@ MAIN GUIDE 
--------------------------------------------------------------------------------*/
#main_guide { position:relative; background:#fff; padding-top:0rem !important;  z-index:3; }
.main_guide { position:relative; display:flex; align-items:center;  } 

/*
.main_guide .waves { 
	position: absolute;
    left: 0;
    top: 0;
    transform: translate(0, 0);
}
.main_guide .waves use {animation: wave 25s cubic-bezier(.55,.5,.45,.5) infinite; animation-duration: 20s;}
@keyframes wave {
	0% {transform: translate3d(-90px,0,0);}
	100% {transform: translate3d(85px,0,0);}
}
*/

.wave {
	background: url(/common/theme/layout/images/main/wave.svg) repeat-x; 
	position: absolute;
	/*width: 6000px;*/
	width:100%;
	height: 66.25rem;
	/*animation: zoom 10s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite, wave 40s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;*/
	/*animation: mainwave 40s linear infinite;*/
	transform: translate3d(0, 0, 0);
	background-position:-320px center; 
}

@keyframes mainwave{
	0%{background-position:0 center;}
	100%{background-position:-2560px center;}
}

@keyframes zoom {
	0% { transform:scale(1); }
	50% { transform:scale(1.1); }
	100% { transform:scale(1); }
}

@keyframes wave {
	0% { margin-left: 0; }
	100% { margin-left: -2560px; }
}
@keyframes swell {
	0%, 100% { transform: translate3d(0,-25px,0); }
	50% { transform: translate3d(0,5px,0); }
}


.main_guide .left { width:50%; margin-left:3.125rem;  } 
.main_guide .right { display:flex; justify-content:center; width:50%; text-align:center; } 

.main_guide .left h3 { font-size:2.5rem; color:#fff; font-weight:600; }
.main_guide .left h2 { font-size:5rem; color:#fff; font-weight:800; line-height:1; }
.main_guide .left p { font-size:1.25rem; color:#fff; font-weight:400; }
.main_guide .left ul { padding-left:1.25rem; margin-top:1.563rem; }
.main_guide .left ul li { font-size:1.25rem; color:#fff; font-weight:400; padding:8px 5px; list-style: decimal; line-height:1.3; word-break:keep-all; } 
.main_guide .left a { display:inline-flex; align-items:center; font-size:0.938rem; color:#fff; font-weight:500; margin-top:3.438rem; transition:all 0.4s ease;}
.main_guide .left a .text { position:relative; padding:3px 0; background:#060a23; z-index:2; } 
.main_guide .left a .circle { position:relative; display:flex; align-items:center; justify-content:center; width:3.875rem; height:3.875rem; border:2px solid #fff; border-radius:50%; transform:translateX(-5px); z-index:1; transition:all 0.4s ease;  } 
.main_guide .left a .arrow-left { width:8px; height:12px; background:url('/common/theme/layout/images/main/more_arrow_w.png') no-repeat center center / contain; transform:rotate(0deg); } 

.main_guide .right .phone { position:relative; width:444px; height:740px; } 
.main_guide .right .phone img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; } 
.main_guide .right .phone video { position: absolute; width:406px; height:720px; top:5px; left: 15px; z-index: 3; border-radius: 5rem; pointer-events: none; background:#000; } 

.main_guide .left a:hover { color:var(--menu); } 
.main_guide .left a:hover .circle { border:2px solid var(--menu); animation: leftright .6s ease-in-out infinite alternate-reverse both; } 
.main_guide .left a:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

@media screen and (max-width: 2560px){
	.wave { width:2560px; } 
} 
@media screen and (max-width: 1200px){
	.main_guide .left { width:calc(100% - 414px); padding-right:1.875rem; } 
	.main_guide .right { min-width:414px; } 
} 
@media screen and (max-width: 1024px){
	.main_guide .left h3 { font-size:2rem; }
	.main_guide .left h2 { font-size:4rem; } 
	.main_guide .left ul li { font-size:1.125rem; }
} 
@media screen and (max-width: 768px){
	/*
	#main_guide { background:#060a23; padding-top:4rem !important; border-radius:3rem; } 
	*/
	.main_guide { flex-direction:column; padding-top:4rem;  } 
	.main_guide .left { width:100%; padding-right:0; }
	.main_guide .right { width:100%; margin-top:1.875rem; } 
	.wave {
		background: url(/common/theme/layout/images/main/wave2.svg) repeat-x; 
		height: 70rem;
		background-position:-320px center; 
	}
	/*
	.wave { background:none;  background-position:center center; background-size:cover; } 
	*/
} 

@media screen and (max-width: 640px){ 
	.main_explan .left h3 { font-size:1.563rem; }
	.main_explan .left h2 { font-size:3.25rem; } 
	.main_explan .left ul li { font-size:1.073rem; }
}

@media screen and (max-width: 450px){ 
	.main_guide .right { min-width:revert; } 
	.main_guide .right .phone { width:92vw; height:171.1111vw; } 
	.main_guide .right .phone video { width:84.8889vw; height:166.6667vw; top:1.1111vw; left:3.3333vw; } 
}






/*--------------------------------------------------------------------------------
@ MAIN EXPLANATION 
--------------------------------------------------------------------------------*/
#main_explan { position:relative; padding-top:12rem !important; }
.main_explan { position:relative; display:flex; align-items:center;  } 
.main_explan .left {display:flex; justify-content:center;  width:50%; } 
.main_explan .right { width:50%; color:#111; } 

.main_explan .right h3 { font-size:2.5rem; font-weight:600; }
.main_explan .right h2 { font-size:5rem; font-weight:800; line-height:1; }
.main_explan .right p { font-size:1.25rem; font-weight:400; }
.main_explan .right ul { padding-left:1.25rem; margin-top:1.563rem; }
.main_explan .right ul li { font-size:1.25rem; font-weight:400; padding:8px 5px; list-style: decimal; line-height:1.3; word-break:keep-all; } 
.main_explan .right a { display:inline-flex; align-items:center; font-size:0.938rem; color:#111; font-weight:500; margin-top:3.438rem; }
.main_explan .right a .text { position:relative; padding:3px 0; background:#fff; z-index:2; transition:all 0.4s ease;} 
.main_explan .right a .circle { position:relative; display:flex; align-items:center; justify-content:center; width:3.875rem; height:3.875rem; border:2px solid #111; border-radius:50%; transform:translateX(-5px); z-index:1;transition:all 0.4s ease; } 
.main_explan .right a .arrow-left { width:8px; height:12px; background:url('/common/theme/layout/images/main/more_arrow_g.png') no-repeat center center / contain; transform:rotate(0deg); } 
.main_explan .right a:hover { color:var(--menu); } 
.main_explan .right a:hover .circle { border:2px solid var(--menu);  } 
.main_explan .right a:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

.main_explan .left .phone { position:relative; width:414px; height:770px; } 
.main_explan .left .phone img { position:absolute; left:0; top:0; width:100%; height:100%; z-index:4; } 
.main_explan .left .phone video { position: absolute; width:382px; height:750px; top:5px; left: 15px; z-index: 3; border-radius: 5rem; pointer-events: none; background:#000; } 

@media screen and (max-width: 1200px){
	.main_explan .left { min-width:414px;  } 
	.main_explan .right { width:calc(100% - 414px); padding-left:1.875rem;  } 
} 
@media screen and (max-width: 1024px){
	.main_explan .right h3 { font-size:2rem; }
	.main_explan .right h2 { font-size:4rem; } 
	.main_explan .right ul li { font-size:1.125rem; }
} 
@media screen and (max-width: 768px){ 
	#main_explan { padding-top:5rem !important; }
	.main_explan { flex-direction:column-reverse; } 
	.main_explan .left { width:100%; padding-right:0; margin-top:1.875rem;}
	.main_explan .right { width:100%; padding-left:0;  } 
} 
@media screen and (max-width: 640px){ 
	.main_explan .right h3 { font-size:1.563rem; }
	.main_explan .right h2 { font-size:3.25rem; } 
	.main_explan .right ul li { font-size:1.073rem; }
}
@media screen and (max-width: 450px){ 
	.main_explan .left { min-width:revert; } 
	.main_explan .left .phone { width:92vw; height:171.1111vw; } 
	.main_explan .left .phone video { width:84.8889vw; height:166.6667vw; top:1.1111vw; left:3.3333vw; } 
}






/*--------------------------------------------------------------------------------
@ MAIN EXPERIENCE 
--------------------------------------------------------------------------------*/
#main_experience { position:relative; padding-top:0rem !important; }

.main_experience { position:relative; padding-top:18.75rem; } 

.main_experience .experience_title { width:100%; color:#fff; text-align:center; } 
.main_experience .experience_title h3 { font-size:2.5rem; font-weight:600; }
.main_experience .experience_title h2 { font-size:5rem; font-weight:800; line-height:1; }
.main_experience .experience_title p { font-size:1.563rem; font-weight:400; margin-top:1.875rem;  }


#main_experience .wave {
	background: url(/common/theme/layout/images/main/wave2.svg) repeat-x; 
	position: absolute;
	/* width: 6400px;*/
	width:100%; 
	height: 91.25rem;
	/*animation: wave 60s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;*/
	transform: translate3d(0, 0, 0);
	background-position:-320px center; 
}


.experience_list { position:relative; margin-top:5.625rem;}
.experience_slider { position:relative; overflow:hidden; } 

.experience_slider .swiper-wrapper { } 

.experience_slider .swiper-slide-active {box-sizing: border-box; }
.experience_slider .swiper-slide { overflow:hidden; } 

.experience_slider .swiper-slide a { position:relative;  } 

.experience_thumb { text-align:center; } 

/*
.experience_thumb { display:block;width:100%; height:0; padding-top:70.27%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.experience_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
.experience_thumb:after { content:''; position:absolute; bottom:0px; left:0px; width:100%; height:100%; background-image: -moz-linear-gradient(90deg, rgb(0,0,0,0.7) 0%, rgb(0,0,0,0.2) 50%, rgb(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0,0.7) 0%, rgb(0,0,0,0.2) 50%, rgb(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,0,0,0.7) 0%, rgb(0,0,0,0.2) 50%, rgb(0,0,0,0) 100%); z-index:4; opacity:1; transition:all .3s ease; } 
*/

/*
.experience_cont { position:absolute; left:0; bottom:0%; width:100%; z-index:6; padding:0.938rem 0; background:#000;  transition:all .3s ease; } 
.experience_cont_subject { width:100%; font-size:1.25rem; color:#fff; font-weight:500; -webkit-line-clamp :1;  line-height:1.3em; height:1.3em; overflow:hidden; text-align:center;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
*/


/* swiper controler */
.experience_swiper_control { position:absolute; width:100%; height:45px; top:calc(58%) ; transform:translateY(-50%); border:1px sold red; z-index:5;  }
.experience_swiper_control .arrow:before { width:100%; height:100%; border:1px solid #fff; border-right:0px; border-bottom:0px; } 
.experience_swiper_control .arrow:after { width:12px; height:1px; background:#fff; transform-origin:0 100%; transform:rotate(45deg); } 

.experience_swiper_control .swiper-button-prev:after, .experience_swiper_control .swiper-button-next:after { font-size:2rem; color:#fff; } 

/*.experience_swiper_control .swiper-button-prev, .experience_swiper_control .swiper-button-next { width:2.813rem; height:2.813rem;  background:#000; margin-top:0rem; border-radius:50%; } */

.experience_swiper_control .swiper-button-prev { left:-4.375rem; right:revert; top:0%; }
.experience_swiper_control .swiper-button-next  {left:revert; right:-4.375rem; top:0%;  }
.experience_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.experience_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

.experience_swiper_navi .swiper-pagination { display:none; position:relative; bottom:0rem; } 
.experience_swiper_navi .swiper-pagination .swiper-pagination-bullets { } 
.experience_swiper_navi .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#fff; margin:0 7px; opacity:1; }
.experience_swiper_navi .swiper-pagination .swiper-pagination-bullet-active { background:#000;  }


/* Responsive */
@media screen and (max-width: 2560px){
	#main_experience .wave { width:2560px; } 
} 

@media screen and (max-width: 1560px){
	.experience_swiper_control .swiper-button-prev { left:1.25rem;  }
	.experience_swiper_control .swiper-button-next  { right:1.25rem;  }
} 
@media screen and (max-width: 1340px){
	/*
	.experience_swiper_control { top:-105px; transform:revert; } 
	.experience_swiper_control .swiper-button-prev { left:revert; right:3.238rem; } 
	.experience_swiper_control .swiper-button-next { right:0rem; } 
	*/
} 
@media screen and (max-width: 1024px){
	#main_after { padding-top:4rem !important; padding-bottom:4rem !important; } 
	/*.experience_swiper_control { top:-95px; } */

	.main_experience .experience_title h3 { font-size:2rem; }
	.main_experience .experience_title h2 { font-size:4rem; }
	.main_experience .experience_title p { font-size:1.125rem;  }

}
@media screen and (max-width: 768px){
	.main_experience { padding-top:10rem; } 
	#main_experience .wave {
		height: 70rem;
	}
}
@media screen and (max-width: 640px){
	.main_experience .experience_title h3 { font-size:1.563rem; }
	.main_experience .experience_title h2 { font-size:3.25rem; }
	.main_experience .experience_title p { font-size:1.125rem;  }
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 360px){
}