@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	.main_a {width:100%; height: 500px; ; background-size: cover; overflow: hidden; position: relative; margin-top: 100px; padding: 0px 5%; margin-bottom: 80px; }	
	.main_a .inbox{width:100%; height: 100%; ; overflow: hidden;  border-radius: 30px ; background-size: cover ; padding: 0px ; }	
	.main_a .inbox .inner{ height: 100%; }	
	
	.mySwiper{width:100%!important; ; }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
	.main_a {width:100%; height:400px; ; background-size: cover; overflow: hidden; position: relative; margin-top:80px; padding: 0px 30px; margin-bottom: 40px; }	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {	.main_a {width:100%; height:180px; ; background-size: cover; overflow: hidden; position: relative; margin-top: 60px; padding: 0px 15px; margin-bottom: 20px; }	
	.main_a .inbox{width:100%; height: 100%; ; overflow: hidden;  border-radius:20px ; background-size: cover ;  }	
	.main_a .inbox .inner{ height: 100%; }	
	
	.mySwiper{width:100%!important; ; }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.sw_txbox{ width:100%; ;  }	

.sw_txbox .sw_tit01{ width:100%; ; font-family: 'Pretendard';  color:#fff;   font-size:23px; line-height: 100%; margin-bottom:30px; text-align: left}	

.sw_txbox .sw_tit02{ width:100%; ; font-family: 'Pretendard';  color:#fff;   font-size:44px; line-height: 120%; letter-spacing: -1px; text-align: left}	
.sw_txbox .sw_tit02 em{font-family: 'Pretendard';  color:var(--div-color1); font-weight: 700;  font-size:48px; line-height: 100%;}		
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sw_txbox{ width:100%; ; display: flex;  
justify-content:flex-start;  align-items: center; flex-direction:column; box-sizing: border-box}	

.sw_txbox .sw_tit01{ width:100%; ; font-family: 'Pretendard';  color:#fff;   font-size:14px; line-height: 100%; margin-bottom:10px; text-align: left}	
	
.sw_txbox .sw_tit02{ width:100%; ; font-family: 'Pretendard';  color:#fff;   font-size:18px; line-height: 120%; letter-spacing: -1px; text-align: left}	
.sw_txbox .sw_tit02 em{font-family: 'Pretendard';  color:var(--div-color1); font-weight: 700;  font-size:18px; line-height: 100%;}		

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



@keyframes ani_mainbg{
from{-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 1.5s ease-in-out;
transition: 1.5s ease-in-out; opacity: 0}
to{-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 1.5s ease-in-out;
transition: 1.5s ease-in-out;; opacity:1}
} 



@keyframes ani-maintx2{
from{ margin-left:50px;  opacity:0; }
to{ margin-left:0px; opacity:1; }
} 



.ani{ transform:translateX(45px);
opacity: 0; margin-left: 0px;  -webkit-animation: ani_rl 0.5s forwards;   animation: ani_rl 0.5s forwards;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 

}

@-webkit-keyframes ani_rl {
0% { transform:translateX(45px); opacity: 0; }
100% { transform:translateX(0px); opacity: 1;  }
}


@-webkit-keyframes ani_rl{
0% { transform:translateX(45px); opacity: 0; }
100% { transform:translateX(0px); opacity: 1;  }
}


/**** pc ****/
@media only all and (min-width:1025px) {
.main_img1{ width: 100%;  border-radius: 30px;  height:500px; background:url( "../../images/main/main_a01.jpg")no-repeat center center; background-size: cover; position: absolute; left: 0px; top: 0px; 	-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out; }	

.main_img2{ width: 100%;     border-radius: 30px; height:500px; background:url( "../../images/main/main_a02.jpg")no-repeat center center;background-size: cover; position: absolute; left: 0px; top: 0px; 	-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 1s ease-in-out;
transition: 3s ease-in-out;}



	
.swiper-slide-active .slide-bg-image .main_img1{ 	-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out;  }

.swiper-slide-active .slide-bg-image .main_img2{ 	-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out; }	

.swiper-slide-active .slide-bg-image .main_img3{ 	-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out; }	
}



/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.main_img1{ width:100%;height:200px;  background:url( "../../images/main/main_a01.jpg")no-repeat center center; background-size: cover; position: absolute; left: 0px; top: 0px; 	-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out; }	

.main_img2{ width:100%;height:200px;  background:url( "../../images/main/main_a02.jpg")no-repeat center center; background-size: cover; position: absolute; left: 0px; top: 0px; 	-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: 1s ease-in-out;
transition: 3s ease-in-out; }	


.swiper-slide-active .slide-bg-image .main_img1{ 	-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out;  }	

.swiper-slide-active .slide-bg-image .main_img2{ 	-webkit-transform: scale(1);
transform: scale(1);			
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out;  }	

.swiper-slide-active .slide-bg-image .main_img3{ 	-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 3s ease-in-out;
transition: 3s ease-in-out;  }	


}

/* 구분 //end -----------------------------------*/




	




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.cont_ingbox {width:100%; ; margin-bottom: 80px}	
.cont_ingbox  .inner{ }

.main_titbox{width:100%; ;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; margin-bottom: 30px}
.main_titbox .main_tit{  font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:32px; line-height: 100%; position: relative}
.main_titbox .main_tit:before{width: 7px; height: 7px;  border-radius: 100%; position: absolute; left: -10px; top:0px; background-color: var(--div-color1); content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}			

.more_icon{   width: 75px; height: 75px;  position: relative; cursor:pointer }	
.more_icon:before{content: "";   width: 75px; height: 75px; background: url("../../images/main/more_icon.png")no-repeat; background-size: 73px; position: absolute; left:0px; top:0px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.cont_ingbox {width:100%; ; margin-bottom: 30px}	
.main_titbox{width:100%; ;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; margin-bottom: 10px; min-height:40px}
.main_titbox .main_tit{  font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:24px; line-height: 100%; position: relative}
.main_titbox .main_tit:before{width: 7px; height: 7px;  border-radius: 100%; position: absolute; left: -10px; top:0px; background-color: var(--div-color1); content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}	
	
.more_icon{   width: 50px; height: 50px;  position: relative; cursor:pointer }	
.more_icon:before{content: "";    width: 50px; height: 50px;  background: url("../../images/main/more_icon.png")no-repeat; background-size: 50px; position: absolute; left:0px; top:10px}

	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.cont_ingbox {width:100%; ; margin-bottom: 30px}	
.cont_ingbox  .inner{ padding: 0px 1rem 1rem;}

.main_titbox{width:100%; ;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; margin-bottom: 0px}
.main_titbox .main_tit{  font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:20px; line-height: 100%; position: relative}
.main_titbox .main_tit:before{width: 7px; height: 7px;  border-radius: 100%; position: absolute; left:5px; top:-10px; background-color: var(--div-color1); content: "";  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;}		
.more_icon{   width: 50px; height: 50px;  position: relative; cursor:pointer }	
.more_icon:before{content: "";    width: 50px; height: 50px;  background: url("../../images/main/more_icon.png")no-repeat; background-size: 45px; position: absolute; left:0px; top:0px}

	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/









/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ing_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; grid-template-rows:350px; margin-bottom: 20px}	
.ing_listbox>.ing_list {width: 100%;	 ; position: relative;	border: 1px solid #ccc; border-radius: 20px; }

.ing_listbox>.ing_list .img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:70%; cursor: pointer;
border-radius: 20px 20px 0px 0px;	

}
.ing_listbox>.ing_list .img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 20px 20px 0px 0px; overflow: hidden; background-color: #000;
	
}	

	
.ing_list .ing_list_top{width: calc(100% - 80px); ; position: absolute; left:40px; top:40px;  z-index: 99;}		
.ing_list .ing_list_top .labal01{width:65px; background-color:var(--div-color1) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}	/*진행중 */
.ing_list .ing_list_top .labal02{width:65px; background-color:var(--div-color2) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*준비중 */		
.ing_list .ing_list_top .labal03{width:65px; background-color:var(--div-com2) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*종료중 */		
.ing_list .ing_list_top .labal04{width:65px; background-color:##F39F01 ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#F39F01;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*기타.. */	
.ing_list .ing_list_top .list_tt01{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; }		
	
	
.ing_list .ing_list_bott{width: calc(100% - 40px); ;  display: grid; grid-template-columns: 1.2fr 1fr;  position: absolute; left:40px; bottom:40px;  z-index: 99; }			
.ing_list .ing_list_bott>div{width:100%; ;  }		

.ing_list .ing_list_bott>div:last-child{width:100%; ;   display: flex;
justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; }			
	
	
.list_txt01{width:100%; ; font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:5px; letter-spacing: -1px}
.list_txt02{width:100%; ; font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:17px; line-height: 100%; letter-spacing: -1px}	
	
	
.list_view{width:50%; height: 25px; ; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.list_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	

.list_like{width:50%; height: 25px; ; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}
.list_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}		
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ing_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(1, 1fr); gap:20px; grid-template-rows:350px; margin-bottom: 20px}	
.ing_listbox>.ing_list {width: 100%;	 ; position: relative;	border: 1px solid #ccc; border-radius: 20px; }

.ing_listbox>.ing_list .img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:70%; cursor: pointer;
border-radius: 20px 20px 0px 0px;	

}
.ing_listbox>.ing_list .img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 20px 20px 0px 0px; overflow: hidden; background-color: #000;
	
}	

	
.ing_list .ing_list_top{width: calc(100% - 80px); ; position: absolute; left:40px; top:40px;  z-index: 99;}		
.ing_list .ing_list_top .labal01{width:65px; background-color:var(--div-color1) ; padding: 5px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}	/*진행중 */
.ing_list .ing_list_top .labal02{width:65px; background-color:var(--div-color2) ; padding:5px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*준비중 */		
.ing_list .ing_list_top .labal03{width:65px; background-color:var(--div-com2) ; padding: 5px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*종료중 */		
.ing_list .ing_list_top .labal04{width:65px; background-color:##F39F01 ; padding: 5px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#F39F01;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}/*기타.. */	
.ing_list .ing_list_top .list_tt01{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:23px; line-height: 130%; word-wrap: break-word;word-break: keep-all; }		
	
	
.ing_list .ing_list_bott{width: calc(100% - 40px); ;  display: grid; grid-template-columns: 1.2fr 1fr;  position: absolute; left:40px; bottom:40px;  z-index: 99; }			
.ing_list .ing_list_bott>div{width:100%; ;  }		

.ing_list .ing_list_bott>div:last-child{width:100%; ;   display: flex;
justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; }			
	
	
.list_txt01{width:100%; ; font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:5px; letter-spacing: -1px}
.list_txt02{width:100%; ; font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:17px; line-height: 100%; letter-spacing: -1px}	
	
	
.list_view{width:50%; height: 25px; ; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.list_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	

.list_like{width:50%; height: 25px; ; font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}
.list_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}		

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/











/* 구분 start -----------------------------------*/
/**** pc ****/

.notice_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(3, 1fr); gap:40px;  }	
.notice_listbox>.notice_list{display:flex; flex-direction:column;width:100%; ;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 40px ; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  cursor: pointer
}
.notice_listbox>.notice_list:hover{width:100%; ;  border: 1px solid var(--div-color1); border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 40px ;  box-shadow:3px 3px 30px rgba(51,102,204,0.2); }
	
.notice_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 500; font-size:24px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.notice_txt{width:100%; ; font-family: 'Pretendard';  color:#666;   font-weight: 300; font-size:16px; line-height: 100%; margin-bottom:20px; letter-spacing: -1px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 250px;}	
.notice_date{width:100%; ; font-family: 'Pretendard';  color:#aeaeae;   font-weight: 300; font-size:15px; line-height: 100%; letter-spacing: -1px;text-align:right;margin-top:auto;}		
	

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.notice_listbox{ gap:20px;  }	
	.notice_listbox>.notice_list{padding: 20px ; }
.notice_listbox>.notice_list:hover{ padding:20px ;  }
	
.notice_tit{ font-size:18px;letter-spacing:0px }
.notice_txt{ font-weight: 600; font-size:14px; letter-spacing:0px}	
.notice_date{   font-weight: 700; font-size:12px;  letter-spacing:0px}		
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.notice_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(2, 1fr); gap:20px; max-width:100%;overflow-x:auto; }	
.notice_listbox>.notice_list{width:100%; min-width:300px;;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #f7f7f7; padding: 20px }
	
.notice_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:10px; letter-spacing: 0px}
.notice_txt{width:100%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:12px; line-height: 100%; margin-bottom:10px; letter-spacing: 0px}	
.notice_date{width:100%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:12px; line-height: 100%; letter-spacing: -1px}		

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
	.notice_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(1, 1fr); gap:20px;  }	
}
/* 구분 //end -----------------------------------*/








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.cont_virtuebox{width:100%; height: 1017px; ;  background: url("../../images/main/virtue_bg.jpg")no-repeat center center; background-size:cover; overflow: hidden; padding: 190px 0px; margin-bottom: 80px; }	

.cont_virtuebox .inner{padding: 0px 80px}	

	
.cont_virtuebox .virtue_tit{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:50px; line-height: 100%; text-align: center; margin-bottom:20px; letter-spacing: -1px; position: relative}	
.cont_virtuebox .virtue_tit:before{content: "";   width:9px; height: 56px; background: url("../../images/main/virtue_icon.png")no-repeat left top; background-size: 9px; position: absolute; left:50%; top:-100px}	
.cont_virtuebox .virtue_tit em{ font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 600; font-size:50px; line-height: 100%;  letter-spacing: -1px;}	
	

.cont_virtuebox .virtue_txt{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:24px; line-height: 100%; text-align: center; margin-bottom:20px; letter-spacing: -1px;}	
.cont_virtuebox .virtue_txt2{width:100%; ; font-family: 'Pretendard';  color:#bdbdbd;   font-weight: 500; font-size:16px; line-height: 100%; text-align: center; margin-bottom:70px; letter-spacing: -1px;}		

	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
	
	
	.cont_virtuebox{width:100%; height: auto; ;  background: url("../../images/main/virtue_bg.jpg")no-repeat center center; background-size:cover; overflow: hidden; padding: 100px 0px 50px; margin-bottom:50px; margin-top: 30px}	
	
	.cont_virtuebox .inner{padding: 0px 30px}
	
	.cont_virtuebox .virtue_tit{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:30px; line-height: 100%; text-align: center; margin-bottom:10px; letter-spacing: -1px; position: relative}	
.cont_virtuebox .virtue_tit:before{content: "";   width:9px; height: 56px; background: url("../../images/main/virtue_icon.png")no-repeat left top; background-size: 9px; position: absolute; left:50%; top:-100px}	
.cont_virtuebox .virtue_tit em{ font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 600; font-size:30px; line-height: 100%;  letter-spacing: -1px;}	
	

.cont_virtuebox .virtue_txt{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:18px; line-height: 100%; text-align: center; margin-bottom:10px; letter-spacing: -1px;}	
.cont_virtuebox .virtue_txt2{width:100%; ; font-family: 'Pretendard';  color:#bdbdbd;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom:50px; letter-spacing: -1px;}		

	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

	.cont_virtuebox{width:100%; height: auto; ;  background: url("../../images/main/virtue_bg.jpg")no-repeat center center; background-size:cover; overflow: hidden; padding: 80px 0px 30px; margin-bottom:20px; margin-top: 30px}	

.cont_virtuebox .inner{padding: 0px 10px}	

	.cont_virtuebox .virtue_tit{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:18px; line-height: 100%; text-align: center; margin-bottom:10px; letter-spacing:0px; position: relative}	
.cont_virtuebox .virtue_tit:before{content: "";   width:9px; height: 56px; background: url("../../images/main/virtue_icon.png")no-repeat left top; background-size: 9px; position: absolute; left:50%; top:-100px}	
.cont_virtuebox .virtue_tit em{ font-family: 'Pretendard';  color:#5BB5FF;   font-weight: 500; font-size:20px; line-height: 100%;  letter-spacing: 0px;}	
	

.cont_virtuebox .virtue_txt{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:15px; line-height: 120%; text-align: center; margin-bottom:10px; letter-spacing: -1px;}	
.cont_virtuebox .virtue_txt2{width:100%; ; font-family: 'Pretendard';  color:#bdbdbd;   font-weight: 500; font-size:14px; line-height: 120%; text-align: center; margin-bottom:50px; letter-spacing: -1px;}		


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.cont_virtuebox .virtue_box{width:100%; ;  display: grid; grid-template-columns: repeat(3, 1fr); gap:70px; }		
.cont_virtuebox .virtue_box>.virtue_inbox{width:100%; ;  }	
	

.virtue_inbox .virtue_stit{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:24px; line-height: 100%; text-align: center; margin-bottom:90px; letter-spacing: -1px; position: relative}	
.virtue_inbox .virtue_stit:before{content: "";   width:9px; height: 56px; background: url("../../images/main/virtue_icon.png")no-repeat left top; background-size: 9px; position: absolute; left:50%; bottom:-60px}	

.virtue_inbox .qna{width:100%; ; margin-bottom: 20px}
	
.virtue_inbox  .virtue_q{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight:300; font-size:16px; line-height: 180%; letter-spacing: -1px; padding-left:50px; position: relative ; text-align: left; word-wrap: break-word;word-break: keep-all; }	
.virtue_inbox  .virtue_q:before{content: "";   width:28px; height: 34px; background: url("../../images/main/q_icon.png")no-repeat left top; background-size: 28px; position: absolute; left:-10px; top:50%; margin-top: -17px}		
	
.virtue_inbox  .virtue_a{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 300; font-size:16px; line-height: 180%; letter-spacing: -1px; padding-left:50px; position: relative  ; text-align: left;word-wrap: break-word;word-break: keep-all; }	
.virtue_inbox  .virtue_a:before{content: "";   width:28px; height: 34px; background: url("../../images/main/a_icon.png")no-repeat left top; background-size: 28px; position: absolute; left:-10px; top:50%; margin-top: -17px}	
	


	

}




/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.cont_virtuebox .virtue_box{width:100%; ;  display: grid; grid-template-columns: repeat(3, 1fr); gap:20px; }	
	
	.virtue_inbox .virtue_stit{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:18px; line-height: 100%; text-align: center; margin-bottom:50px; letter-spacing: -1px; position: relative}	
	.virtue_inbox .virtue_stit:before{content: "";   width:9px; height: 56px; background: url("../../images/main/virtue_icon.png")no-repeat left top; background-size: 5px; position: absolute; left:50%; bottom:-60px}	

	
.virtue_inbox .qna{width:100%; ; margin-bottom: 10px}
	
.virtue_inbox  .virtue_q{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight:300; font-size:14px; line-height: 130%; letter-spacing: -1px; padding-left:30px; position: relative ; text-align: left; word-wrap: break-word;word-break: keep-all; }	
.virtue_inbox  .virtue_q:before{content: "";   width:28px; height: 34px; background: url("../../images/main/q_icon.png")no-repeat left top; background-size: 28px; position: absolute; left:-10px; top:50%; margin-top: -17px}		
	
.virtue_inbox  .virtue_a{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 300; font-size:14px; line-height: 130%; letter-spacing: -1px; padding-left:30px; position: relative  ; text-align: left;word-wrap: break-word;word-break: keep-all; }	
.virtue_inbox  .virtue_a:before{content: "";   width:28px; height: 34px; background: url("../../images/main/a_icon.png")no-repeat left top; background-size: 28px; position: absolute; left:-10px; top:50%; margin-top: -17px}	
	

}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.cont_virtuebox .virtue_box{width:100%; ;  display: grid; grid-template-columns: repeat(1, 1fr); gap:10px; }	
	
	.virtue_inbox .virtue_stit{width:100%; ; font-family: 'Pretendard';  color:#5BB5FF;   font-weight: 500; font-size:16px; line-height: 100%; text-align: center; margin-bottom:20px; letter-spacing: -1px; position: relative}	
	.virtue_inbox .virtue_stit:before{content: "";   width:9px; height: 56px; background: url("../../images/main/virtue_icon.png")no-repeat left top; background-size: 5px; position: absolute; left:50%; bottom:-60px}	

	
.virtue_inbox .qna{width:100%; ; margin-bottom: 10px}
	
.virtue_inbox  .virtue_q{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight:300; font-size:14px; line-height: 130%; letter-spacing:0px; padding-left:30px;position: relative ; text-align: left; word-wrap: break-word;word-break: keep-all; }	
.virtue_inbox  .virtue_q:before{content: "";   width:28px; height: 34px; background: url("../../images/main/q_icon.png")no-repeat left top; background-size: 20px; position: absolute; left:-10px; top:50%; margin-top: -10px}		
	
.virtue_inbox  .virtue_a{width:100%; ; font-family: 'Pretendard';  color:#fff;   font-weight: 300; font-size:14px; line-height: 130%; letter-spacing: 0px; padding-left:30px; position: relative  ; text-align: left;word-wrap: break-word;word-break: keep-all; }	
.virtue_inbox  .virtue_a:before{content: "";   width:28px; height: 34px; background: url("../../images/main/a_icon.png")no-repeat left top; background-size: 20px; position: absolute; left:-10px; top:50%; margin-top: -10px}	


	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



	
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.accordion {
  background-color: rgba(39,40,72,0.7);
  cursor: pointer;
  padding: 20px 70px 20px 50px;
  width: 100%;
  border: 1px inset  rgba(65,69,92,0.3);
  border: 1px outset  rgba(32,37,56,0.3);	
	
  border-radius: 10px 30px 30px 30px;	
  box-shadow:6px 6px 10px 10px  rgba(10,9,29,0.07);
  transition: 0.4s;

}


.active.accordion:hover {
  background-color: #161927;
	  border: 1px solid #3366ff;
	  box-shadow:6px 6px 10px 10px  rgba(51,102,255,0.07);
}


.panel {
  padding: 0px 70px 0px 50px;
  background-color:rgba(255,255,255,0.0);;
	margin-top:1rem;
  overflow: hidden; height: 1px ; opacity: 0; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 

}	

.panel.active {
  padding: 20px 70px 20px 50px;
  background-color:rgba(255,255,255,0.0);;

  overflow: hidden; height:100px; opacity: 1; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}		
	}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.accordion {
  padding: 20px 20px 20px 30px;

}
.panel {
  padding: 0px 00px 0px 30px;
  background-color:rgba(255,255,255,0.0);;

  overflow: hidden; height: 1px ; opacity: 0; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 

}	

.panel.active {
  padding: 20px 00px 20px 30px;
  background-color:rgba(255,255,255,0.0);;

  overflow: hidden; height:auto; opacity: 1; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.accordion {
  background-color: rgba(39,40,72,0.7);
  cursor: pointer;
  padding:15px 20px 15px 40px;
  width: 100%;
  border: 1px inset  rgba(65,69,92,0.3);
  border: 1px outset  rgba(32,37,56,0.3);	
	
  border-radius: 10px 30px 30px 30px;	
  box-shadow:6px 6px 10px 10px  rgba(10,9,29,0.07);
  transition: 0.4s;

}


.active.accordion:hover {
  background-color: #161927;
	  border: 1px solid #3366ff;
	  box-shadow:6px 6px 10px 10px  rgba(51,102,255,0.07);
}


.panel {
  padding: 0px 0px 0px 40px;
  background-color:rgba(255,255,255,0.0);;

  overflow: hidden; height: 1px ; opacity: 0; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 

}	

.panel.active {
  padding: 20px 00px 20px 40px;
  background-color:rgba(255,255,255,0.0);;

  overflow: hidden; opacity: 1; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;  margin-bottom:10px
}	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.new_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(3, 1fr); gap:40px;  }	
.new_listbox>.new_list{width:100%; ;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 40px ; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
 ; cursor: pointer}
.new_listbox>.new_list:hover{width:100%; ;  border: 1px solid var(--div-color1); border-radius: 20px 0px 20px 20px; background-color: #f0f7ff; padding: 40px;   box-shadow:3px 3px 30px rgba(51,102,204,0.2); }
	
	
.new_listbox>.new_list .new_labal{width:100%; ; position: relative}	
.new_listbox>.new_list:hover .new_labal:before{content: "";   width:37px; height:53px; background: url("../../images/main/new_labal.png")no-repeat left top; background-size: 37px; position: absolute; right:-20px; top:-40px}	
	
	
.new_labal2{width:max-content; ; padding: 5px 10px; border-radius: 4px; background-color:var(--div-color1);  font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:14px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}	
.new_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:20px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}
.new_txt{width:90%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:14px; line-height: 130%; margin-bottom:20px; letter-spacing: -1px}	
.new_date{width:100%; ; font-family: 'Pretendard';  color:#666;   font-weight: 700; font-size:15px; line-height: 100%; letter-spacing: -1px; text-align: right}		
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
	.new_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(3, 1fr); gap:20px;  }	
	.new_listbox>.new_list{padding: 20px ;}
	.new_listbox>.new_list:hover{padding: 20px ; }
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.new_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(1, 1fr); gap:10px;  }	
.new_listbox>.new_list{width:100%; ;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 20px ; }
.new_listbox>.new_list:hover{width:100%; ;  border: 1px solid var(--div-color1); border-radius: 20px 0px 20px 20px; background-color: #f0f7ff; padding:20px; }
	
	
.new_listbox>.new_list .new_labal{width:100%; ; position: relative}	
.new_listbox>.new_list:hover .new_labal:before{content: "";   width:30px; height:45px; background: url("../../images/main/new_labal.png")no-repeat left top; background-size: 30px; position: absolute; right:-15px; top:-25px}	
	
	
.new_labal2{width:auto; ; padding: 5px 10px; border-radius: 4px; background-color:var(--div-color1);  font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:12px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}	
.new_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}
.new_txt{width:90%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:13px; line-height: 130%; margin-bottom:0px; letter-spacing: -1px}	
.new_date{width:100%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:12px; line-height: 100%; letter-spacing: 0px; text-align: right}	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/







.hero-slider .swiper-button-next{ margin-right: 100px }
.hero-slider .swiper-button-next:after{display: none}
.hero-slider  .swiper-button-prev{ margin-left: 100px }
.hero-slider .swiper-button-prev:after{ display: none}






.is-active {
background-color: #fff!important;
}



/* 툴팁 스타일 */
.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-container .tooltip {
    visibility: hidden;
    opacity: 0;
    width: 220px;
    max-width: 220px;
    min-width: 150px;
    height: auto;
    background-color: #fff;
    color: #333;
    text-align: center;
    border-radius: 6px;
    padding: 8px 12px;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
    transition: opacity 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    white-space: normal;
    word-wrap: break-word;
    word-break: keep-all;
}

.tooltip-container .tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 20px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.tooltip-container:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

/* 반응형 조정 */
@media (max-width: 768px) {
    .tooltip-container .tooltip {
        width: 200px;
        margin-left: 5px;
        font-size: 11px;
        white-space: normal;
    }
}