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

/*----------------------------------------------------------------------
@ GNB메인 바뀌는 부분 
----------------------------------------------------------------------*/
#header { background-color:transparent; border-bottom:1px solid transparent; } 
#header.type2:before { background-color:rgba(255, 255, 255, 0.7); } 
#header.fixed { background-color:#fff; border-bottom:1px solid #eee; }


#header .logo1 { display:none; } 
#header .logo2 { display:flex; } 

.header_top .top_menu a { color:#fff; } 
.lnb-menu > li > a { color:#fff; } 
#header__language .language_icon { background:url(/images/common/g_global_s_w.png) no-repeat; } 
#header__language a { color:rgba(255,255,255,0.5); } 
#header__language a.on { color:#fff; } 
#header__language a:hover { color:#fff;  } 
#header__mobile span { background-color:#fff; } 
.lnb-search a { background:url(/images/common/g_search_w.png) no-repeat;  } 

#header.fixed .logo1 { display:flex; } 
#header.fixed .logo2 { display:none; } 
#header.fixed .header_top .top_menu a { color:#000; } 
#header.fixed .lnb-menu > li > a { color:#000; } 
#header.fixed #header__language .language_icon { background:url(/images/common/g_global_s.png) no-repeat; } 
#header.fixed #header__language a { color:rgba(0,0,0,0.5); } 
#header.fixed #header__language a.on { color:#000; } 
#header.fixed #header__language a:hover { color:#000; } 
#header.fixed #header__mobile span { background-color:#000; } 
#header.fixed .lnb-search a { background:url(/images/common/g_search.png) no-repeat;  } 


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

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; flex-direction:column; row-gap:0.9375rem; color:#000; line-height:1; z-index:3; }

.main_title h2 { font-size:2.5rem; font-weight:800; } 
.main_title h3 { font-size:1.5625rem; font-weight:500; }
.main_title h3 b { font-weight:800; } 
.main_title p { font-size:1.25rem; font-weight:400; line-height:1.25; word-break:keep-all; margin-top:1.25rem; } 

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


/* MORE BUTTON */ 
.main_more { display:inline-flex;}
.main_more .more_wrap { position:relative; display:flex; align-items:center;  gap:0.25rem; width:16.563rem; cursor:pointer; } 
.main_more a { position:relative; display:flex; align-items:center;  gap:0.25rem; width:16.563rem; transition:all 0.4s; } 
.main_more span { display:inline-flex; align-items:center; justify-content:center; } 
.main_more .text { width:calc(100% - 4rem); height:3.75rem; font-size:0.875rem; color:#666; font-weight:600; border:1px solid var(--menu); border-radius:1.875rem; transition:all 0.5s; } 
.main_more .arrows { position:absolute; right:0; width:3.75rem; aspect-ratio:1; border-radius:50%; background:var(--menu); transition:all 0.5s; } 

.main_more.color .text { background:#333; border:1px solid #333; } 
.main_more.color .arrows { background:#0054a6; } 

.main_more a:hover .text { margin-left:4rem; } 
.main_more a:hover .arrows { margin-right:calc(100% - 3.75rem); } 

@media screen and (max-width: 640px){
	.main_more a { width:14rem; } 
	.main_more a .text { width:calc(100% - 3.25rem); height:3rem; } 
	.main_more a .arrows { width:3rem; } 
	.main_more a:hover .text { margin-left:3.25rem; } 
	.main_more a:hover .arrows { margin-right:calc(100% - 3.25rem); } 
}


/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important;}
#main__slider .slider__infos {overflow:hidden;height: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 video {position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1; object-fit:cover;}
#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:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:none;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > b {position:relative;display:none;font-weight:900;font-size:4.688rem;line-height:1;color:#1c1500;overflow:hidden;}
#main__slider .slider__slogun > b.subtitle { display:none;font-weight:900;font-size:4.688rem;line-height:1; color:transparent; -webkit-text-stroke:1px #1c1500 }
#main__slider .slider__slogun > b > span,
#main__slider .slider__slogun > p > span { display:none; position:relative; opacity:0; } 
#main__slider .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}
/*
#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 .main_more { margin-top:2.5rem; } 

#main__slider .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;-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: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-scroll { position:relative;  } 
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0; width:1.5rem; height:3.063rem; margin:0 auto;font-weight:500;font-size:0rem;color:#fff;animation:scrolltype6 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.1em; ;z-index:9;text-indent:-999;}
#main__slider .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:1.5rem; height:3.063rem;margin:0 auto;background-image:url(/images/common/visual_scroll_type6.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype6 {0%{bottom:2.5rem;}50%{bottom:3.125rem;}100%{bottom:2.5rem;}}


/*좌우 부가 설정*/
#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:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}

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


/*반응형*/
@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__slogun {padding:0 15px;} 

	#main__slider .slider__slogun > b, 
	#main__slider .slider__slogun > b.subtitle { font-size:3.25rem; }
}
@media screen and (max-width: 640px){
	/*#main__slider .slider__infos {height:640px;}*/
	#main__slider .slider__infos { height:revert; aspect-ratio:640/960; }
	#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;}}

	#main__slider .slider__slogun > b, 
	#main__slider .slider__slogun > b.subtitle { font-size:2.5rem; }
}
@media screen and (max-width: 480px){
	/*#main__slider .slider__infos {height:480px;}*/
}


/*----------------------------------------------------------------------
@ 동영상 팝업
----------------------------------------------------------------------*/
.main_movie {display:none; position:fixed;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100) ;z-index:1100;  }
.main_movie:before {content:'';position:fixed;top:0;top:-100vh;width:100%;height:100%; background-color:#000;opacity:1; z-index:-1; transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; }
.main_movie.active { display:flex; align-items:center; justify-content:center; } 
.main_movie.active:before { left:0px; top:0px; } 
.main_movie .video_close { position:absolute; right:2.5rem; top:2.5rem; border-radius:50%; padding:0.625rem; background:#000; cursor:pointer; z-index:1;  } 
.main_movie .video_close .material-icons { font-size:1.875rem; color:#fff; transition:all 0.4s ; } 
.main_movie .video_close:hover .material-icons { transform:rotate(180deg); } 

/*
.main_movie { display:block; } 
.main_movie:before { left:0px; } 
.main_movie:after { left:0px; } 
*/
.main_movie .inner { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:calc(var(--vh, 1vh) * 100); } 
.main_movie .video { display:block;position:relative;width:100%; aspect-ratio:1920 / 1080; max-width:1260px; margin:0 auto; /*padding-top:56.25% !important; */} 
.main_movie .video video { position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translateX(-50%) translateY(-50%); margin-top:0rem;} 
/*.main_movie .video video { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } */

@media screen and (max-width: 1290px){
	.main_movie .video_close { right:1.25rem; top:1.25rem; } 
	.main_movie .video { max-width:calc(100% - 5rem); } 
} 
@media screen and (max-width: 640px){
	.main_movie .video { max-width:calc(100% - 2.5rem); } 
} 


/*----------------------------------------------------------------------
@ MAIN SEARCH
----------------------------------------------------------------------*/
.main_search { position:absolute; /*bottom:9.375rem;*/ bottom:7.5rem; display:flex; flex-direction:column; row-gap:2.5rem; align-items:center; justify-content:center; width:100%; margin:0 auto;  z-index:3;   } 
.main_search form { display:flex; align-items:center; gap:0.9375rem; } 
.main_search .input { display:flex; align-items:center; justify-content:space-between; width:43.75rem; height:4.375rem; background:rgba(255,255,255, 0.3); border-radius:2.188rem; padding:0.5rem 1.563rem 0.5rem 1.875rem; } 
.main_search .input input { width:100%; max-width:31.25rem; height:100%; font-size:1.125rem; color:#fff; font-weight:600; line-height:1; margin-right:1.25rem; background:transparent; border:none; }
.main_search .input span { font-size:2.25rem; color:#fff; font-weight:400; cursor:pointer; } 
.main_search .input input::-webkit-input-placeholder { font-size:1.125rem; color: #fff; font-weight:600; } 
/* 단색
.main_search a { display:inline-flex; align-items:center; justify-content:center; width:4.375rem; aspect-ratio:1; background:var(--menu); border-radius:50%; } 
*/
.main_search a { display:inline-flex; align-items:center; justify-content:center; width:4.375rem; aspect-ratio:1; background:linear-gradient(-45deg,#c1d72e,#82d72e,#d79d2e,#4b3905);background-size:500% auto;animation:loginbox 3s ease infinite;  border-radius:50%; } 
.main_search a .material-symbols-outlined { font-size:2.5rem; color:#fff; } 

@keyframes loginbox {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

@media screen and (max-width: 1470px){

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

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

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

}
@media screen and (max-width: 640px) {
	.main_search form { width:100%; justify-content:center;} 
	.main_search img { height:1.875rem; } 
	.main_search .input { width:calc(100% - 6rem); height:3.75rem; } 
	.main_search .input input { font-size:1rem; } 
	.main_search a { width:3.75rem; } 
}



/*----------------------------------------------------------------------
@ 법무법인 원
----------------------------------------------------------------------*/
#main_about { position:relative;  } 

.about_cont { position:relative; display:flex;  overflow:hidden; z-index:1; } 
.about_cont .left { width:50%; padding-right:5.625rem;  } 
.about_cont .right { width:50%; padding-left:0.9375rem; } 

.about_cont .main_more { margin-top:5rem; } 
.about_thumb { display:flex;align-items:center; position:relative; width:100%; border-radius:1.25rem; overflow:hidden; transition:all 0.4s;   } 
.about_thumb img { width:100%; } 


@media screen and (max-width: 1200px){
	.about_cont ul { margin-right:1.25rem; } 
} 
@media screen and (max-width: 1024px){
	
	.about_cont .left { padding-right:0.9375rem; } 
	.main_about:after { left:calc(-50% + 12.5rem); } 

	.about_cont ul li a { padding:0.625rem 0 0.625rem 1.25rem; }
	.about_cont ul li a .line { display:none; } 

}
@media screen and (max-width: 768px){
	.about_cont { flex-direction:column; } 
	.about_cont .left { width:100%; padding-right:0; } 
	.about_cont .right { width:100%; padding-left:0; margin-top:1.875rem; } 
	.about_cont ul li a .line { display:inline-block; } 	
}
@media screen and (max-width: 640px){

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

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




/*----------------------------------------------------------------------
@ 원모양 
----------------------------------------------------------------------*/
.circle1 { position:absolute; left:calc(50% + 25rem); transform:translateX(-50%); top:-23.75rem; width:74.375rem; aspect-ratio:1; border-radius:50%; border:1px solid rgba(136, 131, 115, 0.2); }
.circle1 .circle1_bg { position:absolute; left:0px; top:0px;  width:100%; height:100%; background:url('/images/main/circle_bg1.png') no-repeat center center / 100%; z-index:0; animation: circle 12s linear infinite ; }

.circle2 { position:absolute; left:calc(50% + 36.563rem); transform:translateX(-50%);  top:20.625rem; width:50rem; aspect-ratio:1; border-radius:50%; border:1px solid rgba(136, 131, 115, 0.2); }
.circle2 .circle2_bg { position:absolute; left:0px; top:0px;  width:100%; height:100%; background:url('/images/main/circle_bg2.png') no-repeat center center / 100%; z-index:0; animation: circle 15s linear infinite ; }

.circle3 { position:absolute; left:calc(50% - 25rem); transform:translateX(-50%); top:-15.625rem; width:50rem; aspect-ratio:1; border-radius:50%; border:1px solid rgba(136, 131, 115, 0.2); }
.circle3 .circle3_bg { position:absolute; left:0px; top:0px;  width:100%; height:100%; background:url('/images/main/circle_bg3.png') no-repeat center center / 100%; z-index:0; animation: circle 15s linear infinite ; }

.circle4 { position:absolute; left:calc(50% - 50rem); transform:translateX(-50%); top:-5rem; width:74.375rem; aspect-ratio:1; border-radius:50%;  }
.circle4 .circle4_bg { position:absolute; left:0px; top:0px;  width:100%; height:100%; border-radius:50%; background:#f4f7ee; z-index:0; animation: circle_bounce 10s linear infinite ; }

@media screen and (max-width: 1200px){
	/*
	.circle1 { left:calc(80%); width:80%; } 
	.circle2 { left:calc(90%); width:60%; } 
	.circle3 { left:calc(15%); width:60%; } 
	.circle4 { left:calc(0%); width:80%; } 
	*/
	/* 80% */
	.circle1 { left:calc(50% + 20rem); top:-19rem; width:59.5rem; } 
	.circle2 { left:calc(50% + 29.25rem); top:16.5rem; width:40rem; } 
	.circle3 { left:calc(50% - 20rem); top:-14.825rem; width:40rem; } 
	.circle4 { left:calc(50% - 40rem); top:-4rem; width:59.5rem; } 

} 
@media screen and (max-width: 640px){
	/* 60% */ 
	.circle1 { left:calc(50% + 15rem); top:-14.25rem; width:44.625rem; } 
	.circle2 { left:calc(50% + 22rem); top:12.375rem; width:40rem; } 
	.circle3 { left:calc(50% - 15rem); top:-9.375rem; width:40rem; } 
	.circle4 { left:calc(50% - 30rem); top:-3rem; width:44.625rem; } 

} 



/*----------------------------------------------------------------------
@ 주요 업무사례 
----------------------------------------------------------------------*/
#main_case { position:relative; } 

.main_case { position:relative; } 
.case_list { position:relative; margin-top:2.5rem; } 


.case_wrap { overflow:hidden; } 
.case_wrap:last-of-type { /*display:none;*/ } 

.case_cont { position:relative; width:100%;  transition:all .3s ease; } 
.case_cont a { display:block; position:relative; height:100%; border-radius:1.25rem; z-index:2; } 
.case_cont a:after { content: ''; position: absolute; top:0px; left:0px; bottom:0px; right:0px;  width: 100%; height: 100%; z-index: 2; background: #fff;  border-radius:1.25rem;  border:1px solid #ddd; transition: all 0.3s linear; box-sizing: border-box; } 


.case_cont_wrap { display:flex; position:relative; width:100%; height:100%; z-index:3; transition:all .3s ease; } 
.case_cont_wrap .left { position:relative; width:50%; padding-right:0.9375rem; overflow:hidden; } 
.case_cont_wrap .left:after { content:''; position: absolute; top:0px; left:0px; bottom:0px; right:0px;  width: 100%; height: 100%; z-index: 2; border-radius:1.25rem 0 0 1.25rem; border:0px solid var(--menu); transition: all 0.3s linear; box-sizing: border-box; } 
.case_cont_wrap .left img { position:relative; height:100%; border-radius:1.25rem 0 0 1.25rem; } 
.case_cont_wrap .right { display:flex; flex-direction:column; row-gap:1rem; width:50%; padding-left:0.9375rem; padding:3.125rem 2.813rem; } 

.case_category { font-size:1.125rem; color:#292007; font-weight:800; } 
.case_subject { display:block; width:100%; font-size:1.875rem; color:#000; font-weight:800; -webkit-line-clamp : 2;  line-height:1.3em; height:2.6em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 

.case_desc { display:block; width:100%; font-size:1.125rem; color:#000; font-weight:400; -webkit-line-clamp : 2;  line-height:1.66em; height:3.32em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 

.case_cont .main_more { margin-top:1.25rem; } 

.case_thumb { position: absolute; top:0px; left:0px; bottom:0px; right:0px;  width: 100%; height: 100%; z-index: 1; border-radius:1.25rem;  border:0px solid var(--menu); transition: all 0.3s linear; box-sizing: border-box;  } 
.case_bg { position:absolute; top:0; left:0px; width:100%; height:100%; background:var(--menu); border-radius:1.25rem; transition:all 0.3s linear; z-index:0; opacity:0; } 



.case_cont:hover { /*background:#000;*/ } 
.case_cont:hover .main_case_thumb:after { opacity:1;  }

.case_cont a:hover .main_more .text { margin-left:4rem; } 
.case_cont a:hover .main_more .arrows { margin-right:calc(100% - 3.75rem); } 
.case_cont a:hover:after { border-color:var(--menu); border-width:0.3125rem; border-radius:1.25rem 1.25rem 9.375rem 1.25rem; } 
.case_cont a:hover .case_cont_wrap .left:after { border-width:0.3125rem; border-right:0; } 
.case_cont:hover .case_bg { opacity:1; } 


.case_list_swiper .arrow:before { width:100%; height:100%; border:1px solid #000; border-right:0px; border-bottom:0px; } 
.case_list_swiper .arrow:after { width:12px; height:1px; background:#000; transform-origin:0 100%; transform:rotate(45deg); } 

.case_list_swiper { position:absolute; width:100%; height:45px; top:-2.813rem; z-index:3; }
.case_list_swiper .swiper-button-prev:after, .case_list_swiper .swiper-button-next:after { display:none; content:''; } 
.case_list_swiper .swiper-button-prev, .case_list_swiper .swiper-button-next { width:2.5rem; height:2.5rem;  border:1px solid #afafaf; margin-top:0rem; border-radius:50%; } 
.case_list_swiper .arrow_mv { display:flex; align-items:center; justify-content:center; } 
.case_list_swiper .swiper-button-prev { left:auto; right:3rem; top:0%; }
.case_list_swiper .swiper-button-next  {left:auto; right:0px; top:0%;  }
.case_list_swiper .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.case_list_swiper .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.case_list_swiper .material-icons { color:#afafaf; } 


@media screen and (max-width: 1200px){
	.case_wrap { position:relative; width:100%; } 	
	.case_list_swiper { }
	.case_subject { font-size:1.563rem; } 
}

@media screen and (max-width: 1024px){
	#main_notice { padding-top:5rem !important; padding-bottom:5rem !important; }
	.case_subject { font-size:1.375rem; } 
	.case_list_swiper { }
}	
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	.case_cont_wrap { flex-direction:column; } 
	.case_cont_wrap .left { width:100%; padding-right:0; } 
	.case_cont_wrap .left:after { border-radius:1.25rem 1.25rem 0 0; }
	.case_cont_wrap .left img { height:auto; border-radius:1.25rem 1.25rem 0 0; } 
	.case_cont_wrap .right { width:100%; } 

	.case_cont a:hover .case_cont_wrap .left:after { border-width:0.3125rem; border:0.3125rem solid var(--menu); border-bottom:0px;   } 

	.case_list { margin-top:1.25rem; } 
	.case_subject { font-size:1.25rem; } 
}
@media screen and (max-width: 414px){

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




/*----------------------------------------------------------------------
@ 언론보도 
----------------------------------------------------------------------*/
#main_media { position:relative; padding-top:3.125rem !important;  } 


.media_list { position:relative; margin-top:3.125rem; z-index:2; } 

.main_media { position:relative; z-index:4; } 
.main_media .swiper-slide { max-width:570px; width:570px; opacity:0.5 !important; } 
.main_media .swiper-wrapper { left:-300px; } 


.main_media .swiper-pagination { display:flex; justify-content:flex-end; gap:3px; position:static;  } 

.main_media .swiper-container {  }

.media_cont { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%; }
.media_cont a { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%; padding:4.375rem 4.375rem 3.125rem; border-radius:1.25rem; overflow:hidden; z-index:3; } 
/* DB연동때문에 AFTER 대신에 DIV 로 처리함 (media_thumb) 
.media_cont a:after { content: ''; position: absolute; top:0px; left:0px; bottom:0px; right:0px;  width: 100%; height: 100%; z-index: 0; border-radius:1.25rem; background:url('/images/main/media_img1.jpg') no-repeat center center / cover;  border:0px solid var(--menu); transition: all 0.3s linear; box-sizing: border-box; } 
*/

.media_cont a > div { position:relative; z-index:3; } 

.media_subject { font-size:1.875rem; color:#fff; font-weight:800; margin-bottom:0.625rem; -webkit-line-clamp : 4;  line-height:1.5em; height:6em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }

.media_btn { display:inline-flex; align-items:center; justify-content:center; width:3.75rem; height:3.75rem;  border:1px solid #fff; margin-top:0rem; border-radius:50%; transition:all 0.3s linear;  } 
.media_btn .material-icons { font-size:2rem; color:#fff; }

.media_thumb { position: absolute; top:0px; left:0px; bottom:0px; right:0px;  width: 100%; height: 100%; z-index: 2; border-radius:1.25rem;  border:0px solid var(--menu); transition: all 0.3s linear; box-sizing: border-box;  } 
.media_bg { position:absolute; top:0; left:0px; width:100%; height:100%; background:var(--menu); border-radius:1.25rem; transition:all 0.3s; z-index:1; } 

.media_cont a:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
/*.media_cont a:hover:after { background-blend-mode:multiply; background-color:#58671e; border-width:0.3125rem; border-radius:1.25rem 1.25rem 9.375rem 1.25rem; } */
.media_cont:hover .media_thumb { background-blend-mode:multiply !important; background-color:#58671e !important; border-width:0.3125rem; border-radius:1.25rem 1.25rem 9.375rem 1.25rem;  } 
.media_cont:hover .media_btn { background:var(--menu); border-color:var(--menu); } 

.main_media .swiper-slide-active,
.main_media .swiper-slide-next { opacity:1 !important; }


/* swiper controler */
.media_swiper_page { display:flex; align-items:center; justify-content:center; margin-top:3.75rem;  } 
.media_swiper_page .swiper-scrollbar { position:relative; width:1110px; max-width:1110px; height:2px; border-radius:0px; } 
.media_swiper_page .swiper-pagination { font-size:1rem; color:#9e9e9e; font-weight:500; width:60px; max-width:60px; } 
.media_swiper_page .swiper-pagination .page_number { color:#000; font-weight:800; } 
.media_swiper_page .swiper-pagination-progressbar { background:#e6e6e6; height:2px !important; } 
.media_swiper_page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--menu); } 


.media_swiper_control { position:absolute; width:100%; height:45px; top:50%; transform:translateY(-50%) !important; z-index:5; }
.media_swiper_control .arrow:before { width:100%; height:100%; border:1px solid #fff; border-right:0px; border-bottom:0px; } 
.media_swiper_control .arrow:after { width:12px; height:1px; background:#fff; transform-origin:0 100%; transform:rotate(45deg); } 
.media_swiper_control .swiper-button-prev:after, .media_swiper_control .swiper-button-next:after { display:none; content:''; } 
.media_swiper_control .swiper-button-prev, .media_swiper_control .swiper-button-next { width:2.813rem; height:2.813rem;  border:1px solid #fff; background:#000; opacity:0.2; margin-top:0rem; border-radius:50%; } 
.media_swiper_control .swiper-button-prev { left:60px; right:revert; top:0%; }
.media_swiper_control .swiper-button-next  {left:revert; right:60px; top:0%;  }
.media_swiper_control .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 
.media_swiper_control .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s; } 

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



@media screen and (max-width: 1200px){
	
	.main_media .swiper-wrapper { left:revert; } 
	.media_swiper_page .swiper-scrollbar {  width:calc(100% - 60px); max-width:calc(100% - 60px);  } 
	.media_swiper_page .swiper-pagination { } 

} 
@media screen and (max-width: 1024px){
	.media_subject { font-size:1.375rem; } 
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){
	.main_media { margin:0 0px; } 
	.main_media .swiper-slide { max-width:100%; width:100%; } 
	.media_swiper_page { margin-top:2.5rem; } 
	.media_cont a { padding:2.5rem; } 
	.media_subject { font-size:1.25rem; } 
	.media_btn { width:3rem; height:3rem; } 
	.media_btn .material-icons { font-size:1.5625rem; } 
}
@media screen and (max-width: 414px){
	
}
@media screen and (max-width: 300px){
	
}




/*----------------------------------------------------------------------
@ 공지사항 
----------------------------------------------------------------------*/
#main_notice { position:relative; padding-top:3.125rem !important; } 


.main_notice { position:relative; z-index:3; } 
.notice_list { position:relative; margin-top:2.5rem; } 


.notice_wrap { overflow:hidden; } 
.notice_wrap:last-of-type { /*display:none;*/ } 

.notice_cont { position:relative; width:100%;  } 
.notice_cont a { display:block; position:relative; height:100%; border:1px solid #ddd; border-radius:1.25rem; padding:3.125rem 3.438rem; transition:all .3s ease;  z-index:1; } 
.notice_cont a:after { content: ''; position: absolute;  top:0px; left:0px; bottom:0px; right:0px;  width: 100%; height: 100%; z-index: 1; background: #fff;  border-radius:1.25rem;  border:0px solid var(--menu);  transition: all 0.3s linear; box-sizing: border-box; } 



.notice_cont_wrap { display:flex; flex-direction:column; row-gap:1rem; position:relative; width:100%; height:100%; z-index:7; transition:all .3s ease; } 
.notice_category { font-size:1.125rem; color:#292007; font-weight:700; } 
.notice_subject { display:block; width:100%; font-size:1.563rem; color:#000; font-weight:800; -webkit-line-clamp : 3;  line-height:1.3em; height:3.9em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 

.notice_desc { display:block; width:100%; font-size:1rem; color:#999; font-weight:400; -webkit-line-clamp : 3;  line-height:1.56em; height:4.68em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; } 
.notice_date { font-size:0.938rem; color:#999; } 

.notice_cont .main_more { margin-top:1.25rem; } 


.notice_bg { position:absolute; top:0; left:0px; width:100%; height:100%; background:var(--menu); border-radius:1.25rem; transition:all 0.3s linear; z-index:0; opacity:0; } 

.notice_cont:hover { /*background:#000;*/ } 
.notice_cont:hover .main_notice_thumb:after { opacity:1;  }

.notice_cont a:hover:after { border-width:0.3125rem; border-radius:1.25rem 1.25rem 9.375rem 1.25rem; } 

.notice_cont a:hover .main_more .text { margin-left:4rem; } 
.notice_cont a:hover .main_more .arrows { margin-right:calc(100% - 3.75rem); } 
.notice_cont:hover .notice_bg { opacity:1; } 

.notice_list_swiper .arrow:before { width:100%; height:100%; border:1px solid #000; border-right:0px; border-bottom:0px; } 
.notice_list_swiper .arrow:after { width:12px; height:1px; background:#000; transform-origin:0 100%; transform:rotate(45deg); } 

.notice_list_swiper { position:absolute; width:100%; height:2.5rem; top:-2.813rem; z-index:3; }
.notice_list_swiper .swiper-button-prev:after, .notice_list_swiper .swiper-button-next:after { display:none; content:''; } 
.notice_list_swiper .swiper-button-prev, .notice_list_swiper .swiper-button-next { width:2.5rem; height:2.5rem;  border:1px solid #afafaf; margin-top:0rem; border-radius:50%; } 
.notice_list_swiper .swiper-button-prev { left:auto; right:3rem; top:0%; }
.notice_list_swiper .swiper-button-next  {left:auto; right:0px; top:0%;  }
.notice_list_swiper .arrow_mv { display:flex; }
.notice_list_swiper .swiper-button-next:hover .arrow_mv {  animation: arrow-action-next 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.notice_list_swiper .swiper-button-prev:hover .arrow_mv {  animation: arrow-action-prev 1s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;} 
.notice_list_swiper .material-icons { color:#afafaf; } 




@media screen and (max-width: 1200px){
	.notice_wrap { position:relative; width:100%; } 	
	.notice_list_swiper { }
	.notice_subject { font-size:1.563rem; } 
}

@media screen and (max-width: 1024px){
	
	.notice_subject { font-size:1.375rem; } 
	.notice_list_swiper { }

}	
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	.notice_cont a { padding:2.5rem; } 
	.notice_list { margin-top:1.25rem; } 
	.notice_subject { font-size:1.25rem; } 
}
@media screen and (max-width: 414px){

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