@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; justify-content:center; flex-direction:column; text-align:center; z-index:2;  }

.main_title h2 { font-size:2.5rem; color:#000; font-weight:600; word-break:keep-all;  } 
.main_title h2 b { color:var(--menu); font-weight:800; } 
.main_title h2 span { color:var(--menu); } 
.main_title p { font-size:1.3725rem; color:#000; font-weight:400; word-break:keep-all; margin-top:1.5625rem; line-height:1.59; }
.main_title p b { font-weight:700; } 

/* hover */
.main_title a:hover { transform:translateX(5px); } 

@media screen and (max-width: 1024px){
	.main_title h2 { font-size:2rem; } 
	.main_title p { font-size:1.25rem; } 
}
@media screen and (max-width: 1024px){
	/*#main > section {padding-top:5rem;padding-bottom:5rem;}*/
}
@media screen and (max-width: 768px){
	.main_title h2 { font-size:1.875rem; }
	.main_title p { font-size:1.125rem; } 
}




/*----------------------------------------------------------------------
@ Layout Slider 3
----------------------------------------------------------------------*/
#layout_slider_3 {position:relative; margin-top:80px; padding:0 !important;  }
#layout_slider_3 .slider__infos {overflow:hidden;height: 40rem; /*calc(var(--vh, 1vh) * 100)*/;}
/*배경*/
#layout_slider_3 .slider__thumb { position:relative; width:calc(100% - 6.25rem); height:100%; border-radius:3.125rem; margin:0 auto; overflow:hidden;  }
#layout_slider_3 .slider__thumb:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); } 

#layout_slider_3 .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;}
#layout_slider_3 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_3 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%); background-size:cover;z-index:-1;}
#layout_slider_3 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_3 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1600px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_3 .slider__slogun {display:flex; width:100%; max-width:50rem; height:100%;justify-content:flex-end;align-items:flex-start;flex-direction:column; top:0rem;position:relative; text-align:left;font-weight:900; color:#fff; padding-left:0rem; padding-bottom:7.8125rem; }
#layout_slider_3 .slider__slogun > b {position:relative;display:block;font-weight:600;font-size:2.5rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_3 .slider__slogun > b.subtitle {display:block;font-weight:600;font-size:2.5rem;line-height:1.2;color:#fff;overflow:hidden;  word-break:keep-all; margin-top:0.3125rem; }
#layout_slider_3 .slider__slogun > b > span,
#layout_slider_3 .slider__slogun > p > span { display:block; position:relative; opacity:0; }  
#layout_slider_3 .slider__slogun > p { position:relative; font-size:1.25rem;color:#fff; font-weight:400; line-height:1.5;overflow:hidden; opacity:1; word-break:keep-all; margin-top:1.25rem; }

#layout_slider_3 .slider__slogun_btn {position:relative;display:inline-flex; align-items:center; gap:0.625rem; margin-top:2.5rem; font-size:0.875rem;color:#fff; letter-spacing:0; text-align:center;box-sizing:border-box;transition:all 0.3s ease-out;opacity:0;}
#layout_slider_3 .slider__slogun_btn:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:1;z-index:-1;transition:all 0.3s ease-out }
#layout_slider_3 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_3 .slider__slogun_btn > span:after { content:'MORE VIEW'; font-weight:400; }
#layout_slider_3 .slider__slogun_btn > i { font-size:1.25rem; transition:transform 0.4s ease; } 

#layout_slider_3 .slider__slogun_btn:hover > i { transform:translateX(10px); } 

/*
#layout_slider_3 .slider__slogun_btn:hover {border-color:var(--menu);}
#layout_slider_3 .slider__slogun_btn:hover:before {background-color:var(--menu);opacity:1;} 
*/

/*
#layout_slider_3 .slider__slogun_btn > i { position:absolute; right:12px; top:8px; display:inline-block; font-size:18px; } 
*/

/*스크롤*/
/*
#layout_slider_3 .slider-scroll { display:none; position:relative;  } 
#layout_slider_3 .slider-scroll a {display:block;position:absolute; width:1.25rem; height:10rem; right:7.5rem;margin:0 auto;font-weight:500;font-size:0.813rem;color:#fff;animation:scrolltype1 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;writing-mode:vertical-lr;}
#layout_slider_3 .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:17px;height:24px;margin:0 auto;background-image:url(/images/common/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype1 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}
*/
#layout_slider_3 .slider-scroll a {display:none;position:absolute;left:0;right:0; bottom:50px; width:24px;height:30px;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff; border:1px solid #fff; border-radius:10px; cursor:pointer;text-align:center; z-index:9; overflow:hidden;  }
#layout_slider_3 .slider-scroll a:before { content:''; position:absolute; top:5px; left:50%; transform:translateX(-50%); width:3px; height:3px; background:#fff; border-radius:1.6px; animation:scrollImage2 1.3s linear infinite; } 

@keyframes scrollImage {0%{top:-5px;}50%{top:10px;}100%{top:5px;}}
@keyframes scrollImage2 {0%{top:-5px;} 100%{top:35px;}}



/*좌우 부가 설정*/
#layout_slider_3 .swiper-button-prev:after, #layout_slider_3 .swiper-button-next:after {font-size:0.8rem;color:#fff; margin-top:2px; }
#layout_slider_3 .swiper-button-prev { left:revert; right:revert; } 
#layout_slider_3 .swiper-button-next { left:revert; right:revert;  }

.main_case_list_swiper .swiper-button-prev:after, .main_case_list_swiper .swiper-button-next:after { display:none; content:''; } 

#layout_slider_3 .swiper-button-prev, #layout_slider_3 .swiper-button-next { position:relative; width:3.438rem; height:3.438rem;  border:1px solid #fff; margin-top:0rem; border-radius:50%; } 

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


#layout_slider_3 .swiper-pagination-bullet {background-color:#e1e1e1; opacity:0.8; transition:all 0.3s ease; }
#layout_slider_3 .swiper-pagination { }
#layout_slider_3 .swiper-pagination-bullet {display:block;width:2px;height:45px;margin:0;border-radius:0px;background-color:#e1e1e1;opacity:0.8;}
#layout_slider_3 .swiper-pagination-bullet-active {background-color:var(--menu); height:60px;opacity:1; }

/*액션*/
#layout_slider_3 .slider__thumb .slider__thumb_bg {transition: all 15s ease-out; transform: scale(1,1);}
#layout_slider_3 .slider__slogun {position:relative;top:0rem;  transition: all .8s ease-out;} 
#layout_slider_3 .swiper-slide-active .slider__thumb .slider__thumb_bg {transform: scale(1.25);}


/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#layout_slider_3 .swiper_navigation { display:none; } 
#layout_slider_3 .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:7.5rem; z-index:12; max-width:1600px; width:100%; height:auto; margin:0 auto;  } 

#layout_slider_3 .main_visual_state  { display: flex; align-items:center; gap:0.625rem; position: absolute; right:1.875rem;  top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100; margin-right:1.875rem; }
#layout_slider_3 .swiper-pagination-fraction {color:#aaa;}

/* controller */
/*
#layout_slider_3 .swiper_control { position: absolute; left: 50%; font-size: 0;z-index: 2; }
*/


/* pagination */
#layout_slider_3 .swiper_control .swiper-pagination {position: static;}
#layout_slider_3 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#layout_slider_3 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#fff; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#layout_slider_3 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:240px; height: 3px;margin:0px;position: relative; border:1px solid red; }
#layout_slider_3 .swiper_progress_wrap { display:block ;width:240px; height: 3px;position: relative ;left:1.25rem; background:rgba(255,255,255,0.5);overflow: hidden;}
#layout_slider_3 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_3 .swiper_play_state { display: inline-block; vertical-align: middle; width:3.438rem; height:3.438rem; position: relative; border:1px solid #fff; border-radius:50%; }
#layout_slider_3 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#layout_slider_3 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:-2px;  } 
#layout_slider_3 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_3 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}


/* Responsive */
@media screen and (max-width: 1920px){

} 
@media screen and (max-width: 1800px){
	/*
	#layout_slider_3 .slider__mxw { margin:0 3.75rem; }
	#layout_slider_3 .swiper_control_wrap { max-width:revert; left:3.75rem;transform:revert; padding:0 3.75rem; } 
	*/
} 

@media screen and (max-width: 1630px){
	#layout_slider_3 { margin:0 15px; margin-top:90px;  } 
	#layout_slider_3 .slider__thumb { position:relative; width:calc(100%); } 
	#layout_slider_3 .slider__slogun { padding-left:2.5rem; } 

	/*
	#layout_slider_3 .slider__thumb { padding:0 20px; } 
	*/
} 
@media screen and (max-width: 1200px){
	#layout_slider_3 { margin:0 15px; margin-top:90px;   } 

	#layout_slider_3 .slider__slogun { justify-content:center; }
	#layout_slider_3 .slider__mxw { margin:0 15px; }
	#layout_slider_3 .swiper_control_wrap { max-width:revert; left:1.25rem;transform:revert; padding:0 15px; } 

	#layout_slider_3 .slider-scroll a { right:1.25rem; } 
} 
@media screen and (max-width: 1024px){
	#layout_slider_3 { margin-top:60px; } 
	#layout_slider_3 .slider__slogun { justify-content:center; padding-left:1.25rem; padding-bottom:2.5rem; }
	#layout_slider_3 .slider-scroll { display:none; } 

	#layout_slider_3 .slider__thumb { border-radius:1.875rem; } 
	#layout_slider_3 .slider__mxw { margin:0 1.25rem; padding-right:3rem; }
	#layout_slider_3 .swiper_control_wrap { left:1.25rem; bottom:8.125rem; }  
	
	#layout_slider_3 .main_visual_state { right:revert;} 
	
	/*
	#layout_slider_3 .slider__slogun > b { font-size:3rem; word-break:keep-all;} 
	#layout_slider_3 .slider__slogun > b.subtitle {  font-size:1.375rem;line-height:1.2; word-break:keep-all; }
	*/
	#layout_slider_3 .slider__slogun > p { font-size:1.25rem; } 

}
@media screen and (max-width: 768px){
	#layout_slider_3 .swiper_control_wrap {  bottom:20%; } 

} 
@media screen and (max-width: 640px){
	#layout_slider_3 .slider__infos {height:revert; aspect-ratio:640/1024; }
	#layout_slider_3 .slider__thumb .slider__thumb_bg {display:none;}
	#layout_slider_3 .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}

	#layout_slider_3 .slider__slogun { /*justify-content:flex-start; top:8rem;*/  } 
	#layout_slider_3 .slider__slogun > b { font-size:2rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle { font-size:2rem; } 
	#layout_slider_3 .slider__slogun > p br { display:none; } 

	#layout_slider_3 .swiper_progress_hidden_space { width:10rem; }
	#layout_slider_3 .swiper_progress_wrap { width:10rem; }

}
@media screen and (max-width: 540px){
}
@media screen and (max-width: 400px){

	#layout_slider_3 .main_visual_state { flex-wrap: wrap; width:calc(100% - 2.5rem); } 
	#layout_slider_3 .swiper_progress_wrap { width:calc(100% - 2.5rem); left:0; margin-top:0.938rem; } 

	#layout_slider_3 .swiper-button-prev, #layout_slider_3 .swiper-button-next { width:3.125rem; height:3.125rem; } 
	#layout_slider_3 .swiper_play_state { width:3.125rem; height:3.125rem; } 
	
	/*
	#layout_slider_3 .swiper_progress_hidden_space { width:8rem;  }
	#layout_slider_3 .swiper_progress_wrap { width:8rem; }
	*/

}

@media screen and (max-width: 360px){
	#layout_slider_3 .slider__slogun > b { font-size:1.563rem; } 
	#layout_slider_3 .slider__slogun > b.subtitle { font-size:1.563rem; } 
} 






/*----------------------------------------------------------------------
@ MAIN ABOUT
----------------------------------------------------------------------*/
#main_about {   } 
.main_about { position:relative; min-height:28.125rem; }  
.main_about .main_title { justify-content:flex-start; text-align:left; } 
.main_about .main_title h2 { font-size:2.8125rem; color:var(--menu); font-weight:700; line-height:1.444; } 
.main_about .main_title h2 span.round { position:relative; color:#fff; font-weight:700; padding:0.3125rem 0.9375rem 0.3125rem 0.5rem; } 
.main_about .main_title h2 span.round:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--menu); border-radius:3.125rem; z-index:-1; } 
.main_about .main_title p { font-size:1.5625rem; line-height:1.4; margin-top:1.875rem;  } 
.main_about .main_title p b { font-weight:600; } 

.main_about .thk-col { transition:all 0.3s ease; } 
.main_about .maxWidth1400 { overflow:revert; } 

.main_about_inner {  display:flex; position:relative; }
.main_about_inner .main_about_left { display:flex;  flex-direction:column; justify-content:space-between;  width:32.5rem; height:100%; min-height:28.125rem; padding-right:1.25rem; padding-bottom:1.25rem; }
.main_about_inner .main_about_right { display:flex; position:relative; width:calc(100% - 32.5rem); height:100%; } 

.main_about_list { position:relative; } 
.main_about_list .about_list_col { width:15.9375rem; } 

.main_about_cont { width:100%; min-height:28.125rem; transition:all .3s ease; } 
.main_about_cont a { display:flex; flex-direction:column; row-gap:0.625rem; position:relative; height:100%; pointer-events:none; } 

.main_about_cont .thumb { display:block;width:100%; height:0; padding-top:117.64%; position: relative;overflow:hidden; transition:all 0.4s ease; margin-bottom:0.625rem; } 
.main_about_cont .thumb > img { display: block; width:100%; height:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover; border-radius:1.25rem; }
.main_about_cont h3 { font-size:1.5625rem; color:#284f95; font-weight:600; }
.main_about_cont p { font-size:1.125rem; color:#000; word-break:keep-all; }
.main_about_cont p.small { font-size:0.9375rem; color:#666; } 


/* Hover */
.main_about .thk-col:hover { /*box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); */ } 
.main_about_cont:hover { ; }  
.main_about_cont:hover .main_about_subject { color:var(--menu); }

.main_about_wrap { position:absolute; overflow:hidden; top:0rem; left:50%; transform:translateX(-17.5rem); width:calc(100% + 17.5rem); right:0px; z-index:5; } 


.main_about_list_swiper { position:relative; width:100%; height:85px;  }
.main_about_list_swiper .swiper-button-prev:after, .main_about_list_swiper .swiper-button-next:after { display:none; content:''; } 
.main_about_list_swiper .swiper-button-prev {left:0px; top:0%;width:85px; height:85px; margin-top:0rem; border:1px solid #111; background:url('/images/main/about_arrow_prev.png') no-repeat; background-position:center; transition:all 0.3s ease;}
.main_about_list_swiper .swiper-button-next  {left:84px; right:revert; top:0%; width:85px; margin-top:0rem; height:85px;  border:1px solid #111; background:url('/images/main/about_arrow_next.png') no-repeat; background-position:center; transition:all 0.3s ease;}

.main_about_list_swiper .swiper-button-prev:hover { background:url('/images/main/about_arrow_prev_w.png') no-repeat; background-position:center; background-color:var(--menu); } 
.main_about_list_swiper .swiper-button-next:hover { background:url('/images/main/about_arrow_next_w.png') no-repeat; background-position:center; background-color:var(--menu); } 


@media screen and (max-width: 1630px){
	
}
@media screen and (max-width: 1560px) and (min-width: 1201px){

} 

@media screen and (max-width: 1200px){
	#main_about {   } 
	
	.main_about_inner { flex-direction:column; padding:0rem; padding-top:0rem;  } 
	.main_about_inner .main_about_left { width:100%; justify-content:revert; min-height:revert;  padding-right:0; padding-bottom:0; }
	.main_about_inner .main_about_right { width:100%;  }
	
	.main_about { min-height:revert; } 
	.main_about .main_title { justify-content:center; text-align:center; } 
	.main_about .main_title h2 br { display:none; } 
	.main_about .main_title p br { display:none; } 

	.main_about_wrap { position:relative; left:revert; transform:revert; width:100%; margin-top:3.125rem; } 	

	.main_about_list_swiper { position:absolute; top:50%; transform:translateY(-50%); z-index:10; }
	.main_about_list_swiper .swiper-button-prev, 
	.main_about_list_swiper .swiper-button-next 	{ width:4.5rem; height:4.5rem; border:0px; background-color:rgba(255,255,255,0.8); border-radius:50%; background-size:30%; }
	.main_about_list_swiper .swiper-button-prev { left:10px;  } 
	.main_about_list_swiper .swiper-button-next { left:revert; right:10px; } 
	.main_about_list_swiper .swiper-button-prev:hover , 
	.main_about_list_swiper .swiper-button-next:hover  { background-size:30%; } 

}

@media screen and (max-width: 1024px){
	.main_about .main_title h2 { font-size:2.25rem; } 
	.main_about .main_title p { font-size:1.375rem; margin-top:1.5625rem;  } 
	
	.main_about_cont h3 { font-size:1.375rem; } 
}	

@media screen and (max-width: 768px){
	
}
@media screen and (max-width: 640px){

	.main_about .main_title h2 br { display:block; } 
	.main_about .main_title p br { display:block; } 

	.main_about_wrap { margin-top:1.25rem; } 
	.main_about_cont { height:revert; }
	.main_about_subject { font-size:1.25rem; } 
}
@media screen and (max-width: 414px){

}



/*----------------------------------------------------------------------
@ MAIN STORE1
----------------------------------------------------------------------*/
#main_store1 { background:#f9fbff; } 
.main_store1 { display:flex; flex-wrap:wrap; justify-content:center; row-gap:1.5625rem; max-width:50.625rem; margin:0 auto; margin-top:3.75rem; } 
.main_store1 .col { display:flex; align-items:center; column-gap:0.625rem; min-width:16.875rem; } 
.main_store1 .col:nth-child(3n) { padding-left:1.25rem; } 
.main_store1 .col .icon { width:3.125rem; aspect-ratio:1; } 
.main_store1 .col .icon1 { background:url('/images/main/store1_icon1.png') no-repeat center center / cover; } 
.main_store1 .col .icon2 { background:url('/images/main/store1_icon2.png') no-repeat center center / cover; } 
.main_store1 .col .icon3 { background:url('/images/main/store1_icon3.png') no-repeat center center / cover; } 
.main_store1 .col .icon4 { background:url('/images/main/store1_icon4.png') no-repeat center center / cover; } 
.main_store1 .col .icon5 { background:url('/images/main/store1_icon5.png') no-repeat center center / cover; } 
.main_store1 .col .icon6 { background:url('/images/main/store1_icon6.png') no-repeat center center / cover; } 

.main_store1 .col .text { font-size:1.25rem; color:#4b73b9; font-weight:600;  } 
.main_store1 .col .text b { color:var(--menu); font-weight:800;  } 

br.w360 { display:none; } 

@media screen and (max-width: 800px){
	.main_store1 .col:nth-child(3n) { padding-left:revert; } 
} 
@media screen and (max-width: 360px){
	br.w360 { display:block; } 
}


/*----------------------------------------------------------------------
@ MAIN STORE2
----------------------------------------------------------------------*/
#main_store2 { padding-bottom:0 !important; background:url('/images/main/store2_bg.jpg') no-repeat center center / cover;  } 
.main_store2 { position:relative; background:url('/images/main/store2_img.png') no-repeat center center / cover; width:1170px; min-height:727px; top:-1.875rem; opacity:0; transition:all 0.4s } 
.main_store2 .marker { position:absolute; left:0; top:0; width:30px; height:38px; background:url('/images/main/store2_marker1.png') no-repeat center center / cover;  opacity:0; transition:all 0.4s; cursor:pointer; } 
/*.main_store2 .marker .img { display:inline-flex; width:30px; height:38px; background:url('/images/main/store2_marker1.png') no-repeat center center / cover; transition:all 0.4s; } */
.main_store2 .marker .text { position:absolute; width:max-content; font-size:1.25rem; color:var(--menu); font-weight:600; z-index:0;} 
.main_store2 .marker .text:before { content:attr(data-content); position:absolute; left:0;  -webkit-text-stroke: 4px #fff; z-index:-1; } 

.main_store2 .marker.active0 { animation: 1s opacity linear infinite; animation-delay:0.7s; } 
.main_store2 .marker.active1 { animation: 1s opacity linear infinite; animation-delay:0.2s; } 
.main_store2 .marker.active2 { animation: 1s opacity linear infinite; animation-delay:1.5s; } 
@keyframes opacity { 0% { opacity:1; }  50% { opacity:0.7; } 100% { opacity:1; } }

.main_store2 .marker:hover { animation: 1s updown linear infinite; } 
@keyframes updown{ 
	0%,100% {transform:translateY(0);}
	50% {transform:translateY(-5px);}
}

.main_store2 .marker .text.top { left:0; transform:translateX(-35%); top:-28px; } 
.main_store2 .marker.marker4 .text.top { left:5px; } 
.main_store2 .marker .text.bottom { left:0; transform:translateX(-35%); bottom:-28px; } 
.main_store2 .marker .text.right { left:35px; top:5px; } 
.main_store2 .marker .text.left { right:35px; top:5px; } 

.main_store2 .marker.off { background:url('/images/main/store2_marker2.png') no-repeat center center / cover; } 
.main_store2 .marker.off .text { font-size:1.125rem; color:#333; } 

.main_store2 { width:1170px; min-height:727px;  } 
.main_store2 .marker { width:30px; height:38px; } 
.main_store2 .marker .text { font-size:20px; } 

.main_store2 .marker1 { left:130px; top:270px; } 
.main_store2 .marker2 { left:163px; top:274px; } 
.main_store2 .marker3 { left:146px; top:301px; z-index:3; } 
.main_store2 .marker4 { left:490px; top:323px; } 
.main_store2 .marker5 { left:328px; top:404px; } 
.main_store2 .marker6 { left:418px; top:469px; } 
.main_store2 .marker7 { left:962px; top:296px; } 
.main_store2 .marker8 { left:1000px; top:291px; } 
.main_store2 .marker9 { left:983px; top:324px; } 
.main_store2 .marker10 { left:955px; top:331px; z-index:3; } 


@media screen and (max-width: 1200px){
	.main_store2 { width:95.1220vw; min-height:59.1057vw;  } 
	.main_store2 .marker { width:2.4390vw; height:3.0894vw; }  
	.main_store2 .marker .text { font-size:1.6260vw;}
	.main_store2 .marker.off .text { font-size:1.5vw;} 

	.main_store2 .marker .text.top { left:0; transform:translateX(-35%); top:-2.2764vw; } 
	.main_store2 .marker.marker4 .text.top { left:0.5833vw; } 
	.main_store2 .marker .text.bottom { left:0; transform:translateX(-35%); bottom:-2.2764vw; } 
	.main_store2 .marker .text.right { left:2.8455vw; top:0.4065vw; } 
	.main_store2 .marker .text.left { right:2.8455vw; top:0.4065vw; } 

	.main_store2 .marker1 { left:10.5691vw; top:21.9512vw; } 
	.main_store2 .marker2 { left:13.2520vw; top:22.2764vw; } 
	.main_store2 .marker3 { left:11.8699vw; top:24.4715vw;  } 
	.main_store2 .marker4 { left:39.8374vw; top:26.2602vw; } 
	.main_store2 .marker5 { left:26.6667vw; top:32.8455vw; } 
	.main_store2 .marker6 { left:33.9837vw; top:38.1301vw; } 
	.main_store2 .marker7 { left:78.2114vw; top:24.0650vw; } 
	.main_store2 .marker8 { left:81.3008vw; top:23.6585vw; } 
	.main_store2 .marker9 { left:79.9187vw; top:26.3415vw; } 
	.main_store2 .marker10 { left:77.6423vw; top:26.9106vw;  } 
} 
@media screen and (max-width: 640px){
	#main_store2 .maxWidth2 { margin:0 !important; } 
}
@media screen and (max-width: 480px){
}

/*----------------------------------------------------------------------
@ MAIN AFTER
----------------------------------------------------------------------*/
#main_after { position:relative; padding-bottom:0 !important; z-index:3; } 
#main_after .maxWidth1600 { background:#f2f6fd; padding:6.25rem 5rem 5rem; border-radius:1.25rem; margin-top:5.625rem; } 


.main_after { } 
.main_after .after_list { display:flex; position:relative; overflow:hidden; padding:5px 1px;} 
.main_after .swiper-slide { opacity:1 !important; } 
.main_after .swiper-wrapper { height:revert; } 


.main_after .after_cont { display:flex; flex-direction:column; justify-content:; position:relative; width:100%; height:100%; padding:3.125rem 1.875rem 4.375rem; background:#fff; border-radius:1.25rem; transition:all 0.3s;  }
.main_after .after_cont:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.25rem; border:1px solid #ddd; } 
.main_after .after_cont .star { }
.main_after .after_cont h3 { font-size:1.375rem; color:#000; font-weight:600; margin-top:2.1875rem; word-break:keep-all; }
.main_after .after_cont p { font-size:1.0625rem; color:#666; font-weight:400; line-height:1.76; margin-top:0.75rem; word-break:keep-all; }
.main_after .after_cont p span { position:relative; text-decoration:#ff0000 wavy underline; text-decoration-thickness:0.09rem; text-underline-offset:3px; font-weight:700; }
.main_after .after_cont p span:before { content:''; position:absolute; left:-0.3125rem; top:-0.6875rem; width:0.9375rem; height:0.8125rem; background:url('/images/main/after_star_icon.png') no-repeat center center / cover; } 



.main_after .swiper-slide-active { opacity:1 !important; }
/*#main_event .swiper-slide-next */

.main_after .swiper-slide-active .after_cont { background:rgba(255,255,255,0.8); box-shadow:none; /* 0px 14px 24.94px 4.06px rgba(0, 0, 0, 0.1);*/ } 
/*#main_event .swiper-slide-active .after_btn.ing a { color:var(--sky); border:1px solid var(--sky); } */

/*
.main_after .swiper-slide a:hover .after_cont { border:3px solid var(--blue); outline:1px solid var(--blue); } 
.main_after .swiper-slide a:hover .main_more { background-color:var(--blue); border:1px solid var(--blue); } 
.main_after .swiper-slide a:hover .material-icons { color:#fff; } 
*/


/* swiper controler */
.main_after .swiper-pagination { display:flex; justify-content:center; gap:3px; position:static;  } 
.main_after .swiper-container {  }

.main_after .main_after_list_swiper { position:relative; width:100%; margin-top:2.25rem;   }
.main_after .main_after_list_swiper .swiper-button-prev:after, .main_after .main_after_list_swiper .swiper-button-next:after { display:none; content:''; } 
.main_after .main_after_list_swiper .swiper-button-prev { display:none; left:revert; right:2.5rem; top:0%;width:2.5rem; height:2.5rem; }
.main_after .main_after_list_swiper .swiper-button-next { display:none;  left:revert; right:0px; top:0%; width:2.5rem; height:2.5rem; } 

.main_after .main_after_list_swiper .swiper-button-prev .material-icons::before { color:#000; content:'arrow_back'; transition:all 0.3s; } 
.main_after .main_after_list_swiper .swiper-button-next .material-icons::before { color:#000; content:'arrow_forward'; transition:all 0.3s; } 
.main_after .main_after_list_swiper .swiper-button-prev:hover .material-icons::before { color:var(--menu);  }
.main_after .main_after_list_swiper .swiper-button-next:hover .material-icons::before { color:var(--menu);  }

.main_after .main_after_list_swiper .swiper-pagination-bullet-active { background:var(--menu); } 

@media screen and (max-width: 1024px){
	#main_after .maxWidth1600 { margin:0 auto; padding:3rem 1.25rem; margin-top:3.75rem;} 
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){

}




/*----------------------------------------------------------------------
@ MAIN CONTACT
----------------------------------------------------------------------*/
#main_contact { position:relative; padding-top:0 !important; padding-bottom:0 !important; min-height:51.25rem; color:#fff; background:var(--menu); margin-top:-20.938rem; z-index:2;  }
.main_contact { display:flex; padding-top:25rem; }  
.main_contact .left { display:flex; column-gap:5.625rem; width:50%; padding-left:5rem }
.main_contact .left .col { display:flex; flex-direction:column; row-gap:0.9375rem; } 
.main_contact .left .col .tt { font-size:1.5625rem; font-weight:700; }
.main_contact .left .col .info { display:flex; } 
.main_contact .left .col .info .material-symbols-outlined { position:relative; top:2px; width:2.5rem; } 
.main_contact .left .col .info .text { width:calc(100% - 2.5rem); font-size:1.25rem; line-height:1.5; } 
.main_contact .left .col2 { row-gap:0.625rem; } 
.main_contact .left .col2 .tt { margin-bottom:0.3125rem; } 
.main_contact .left .col2 .info .text { width:100%; } 

.main_contact .right { display:flex; justify-content:flex-end; width:50%;  padding-right:5rem; } 

@media screen and (max-width: 1630px){
	.main_contact .left { padding-left:0; } 
	.main_contact .right { padding-right:0; } 
} 
@media screen and (max-width: 1024px){
	#main_contact { min-height:revert; margin-top:0; padding-top:4rem !important; padding-bottom:4rem !important; } 
	.main_contact { flex-direction:column; row-gap:2.5rem; padding-top:1.25rem; } 
	.main_contact .left { width:100%; } 
	.main_contact .right { justify-content:revert; width:100%; padding-right:0;  } 
}

@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){

}


/*----------------------------------------------------------------------
@ MAIN CONTACT FORM 
----------------------------------------------------------------------*/
.main_contact .private_pop { display:none; position:absolute;left:50%; transform:translateX(-50%); top:5%; transition:all 1s ease; z-index:105;  } 
.main_contact .con-div { padding-bottom:0; } 
.main_contact .ti-desc { font-size:0.938rem; word-break:keep-all; } 
.main_contact .privacy-con { max-width:500px; width:100%; height:-webkit-fill-available; margin:0 auto; background:#000; color:#fff; border:1px solid #fff; } 
.main_contact .private_close { position:absolute; right:10px; top:15px; } 
.main_contact .private_close .material-icons { font-size:2.5rem; color:#fff; transition:all 0.3s;} 
.main_contact .private_close a:hover .material-icons { transform:rotate(180deg); } 

@media screen and (max-width: 640px){
	.main_contact .private_pop { /*left:revert; transform:revert;*/  width:calc(100% - 30px); } 
	.main_contact .private_close { /*top:-30px; right:5px;*/ } 
	.main_contact .privacy-con { max-height:300px; } 
} 

.main_contact form { max-width:34.375rem; } 
.main_contact .form_right { display:flex; flex-direction:column; gap:0.625rem; } 
.main_contact .tt { font-size:1.5625rem; font-weight:700; margin-bottom:0.625rem; } 

.main_contact .form { position:relative; width:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:center;  }
.main_contact .form .form_row { margin-bottom:0; } 
.main_contact .form .form_row > label { display:none; } 

.main_contact .form.two { flex-direction:row; flex-wrap:wrap; gap:0.625rem; } 
.main_contact .form.two .form_row { width:calc(50% - 0.3125rem); margin-bottom:0; } 
.main_contact .form input[type=text], 
.main_contact .form input[type=email], 
.main_contact .form input[type=phone], 
.main_contact .form input[type=password] { font-size:1.125rem; height:3.125rem; border:1px solid transparent;} 
.main_contact .form textarea { font-size:1.125rem;  min-height:5.625rem; border:1px solid transparent; } 

.main_contact .form input[type=text]:focus, 
.main_contact .form input[type=email]:focus, 
.main_contact .form input[type=phone]:focus, 
.main_contact .form input[type=password]:focus, 
.main_contact .form select:focus { border:1px solid var(--menu); } 
.main_contact .form textarea:focus { border:1px solid var(--menu); } 

::-webkit-input-placeholder { color: #999; font-size:0.9375rem; font-weight:300; } /* Chrome/Opera/Safari */
.main_contact .form_button { width:100%; margin-top:0;  }
.main_contact .form_button a { width:100%; font-size:1.25rem !important; font-weight:400; background:#4b8bfe !important; min-height:3.125rem; max-height:3.125rem;  } 

@media screen and (max-width: 1024px){
	.main_contact form { width:100%; max-width:revert; } 
}