@charset "utf-8"; 
 
@keyframes ani-slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		    {opacity:1.0; transform: translateY(0);}
}
@keyframes imgScale {
	0%		{transform:scale(1.2)}
	100%	{transform:scale(1)}
}



/* MAIN VISUAL  ================================================================================== */
.main_container								{padding:120px 0 0 0;}
/*.main_visual .mvideo_box				{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0;   }*/
.main_visual .mvideo_box iframe,
.main_visual .mvideo_box video          { pointer-events:none; }

.main_visual .mvideo_box               { position: relative; width: 100%; height: calc(100vh - 120px); overflow: hidden;   } 
.main_visual .mvideo_box iframe { position: absolute; top: 50%; left: 50%; width: 177.78vh; height: 56.25vw; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); pointer-events: none;} 

.main_visual										{position:relative; top:0; left:0; overflow:hidden;  }   
.main_visual_item 							{ visibility:hidden; display:block; height:730px; }
.main_visual_item > :first-child      {visibility: visible;} /* 캐시삭제시 CSS 및 JS 로딩 현상 방지 */
 
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0;  /* filter: brightness(0.7); animation:imgScale 3s both;*/ } 

/* 커튼효과 사용시 아래 소스 사용
.main_visual.curtain-enabled .swiper-slide-active .bg {animation: curtain 1.2s ease forwards;}
.main_visual_item .swiper-slide                 {opacity: 1 !important; z-index: 0;}
.main_visual_item .swiper-slide-prev            {z-index: 1;}
.main_visual_item .swiper-slide-active          {z-index: 2;}

@keyframes curtain {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}
*/
 
.visual_txt											{position:absolute;  width:100%; top:26.5%;  line-height:1.2;   z-index:100; color:#fff; /*animation: ani-slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;*/  } 
.visual_txt .web_size                        {padding-left:3.5em; }
.visual_txt .txt01								{font-family: 'Paperlogy';font-weight:600;  font-size:2em;color:#a0ec37;padding-bottom:15px; text-shadow: 3px 3px 15px rgba(0,0,0,0.4); transition: var(--transition1);  letter-spacing:0; } 
.visual_txt .txt02								{font-family: 'Paperlogy';font-weight:600;  font-size:3.3em;text-shadow: 3px 3px 15px rgba(0,0,0,0.4); transition: var(--transition1);  }
.visual_txt .txt03								{font-weight:600; font-size:1.4em;  padding-top:25px; line-height:1.3; width:50%; text-shadow: 3px 3px 10px rgba(0,0,0,0.4); word-break:keep-all; }
 

/* 화살표 css */
.visual_box .btn-prev, .visual_box .btn-next                  { position: absolute; display:block; top: calc(50% - 40px);   cursor: pointer;color:#fff;   width:80px;height:80px;  opacity:0.35;  z-index: 9;  transition: var(--transition-1); font-size:3.6em; display: flex; justify-content:center; align-items:center; }
.visual_box .btn-prev                     { left:20px;  }
.visual_box .btn-next                     {right:20px;  }
.visual_box .btn-prev span, .visual_box .btn-next span {position:absolute; width:50px;height:50px;border:solid #fff; border-width:2px 2px 0 0;   }
.visual_box .btn-prev span            {transform: rotate(-135deg); }
.visual_box .btn-next span            {transform: rotate(45deg); } 
.visual_box .btn-prev:focus,
.visual_box .btn-next:focus,
.visual_box .btn-prev:hover,
.visual_box .btn-next:hover           { opacity:0.8; } 

/* 재생정지 css  */
.visual_box .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.visual_box .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#ddd; }
.visual_box .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#ddd; }
.visual_box .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #ddd;}

.main_visual_page                                  {position:absolute;  left:50%;  bottom:15px; width:100%; max-width:1400px; margin:auto;  z-index:111 ;  transform: translateX(-50%); display:flex;justify-content: center ; align-items:center; gap:0.7em;  color:#aaa; }
.main_visual_page .pagination                {position:relative; top:-4px ;  text-align:center; font-size:0.95em; padding-left:10px;  }
.main_visual_page .pagination span       {position:relative; top:0 ;  display:inline-block; padding:0 5px; min-width:25px;height:20px; z-index:111 ;  margin:0 2px; opacity:0.5; cursor:pointer; }
.main_visual_page .pagination span::before    { position:absolute; content:''; left:0;top:calc(50% - 2px); width:100%;height:4px;  background:#fff;  }
.main_visual_page .pagination .dots_on   { opacity:1; }
.main_visual_page .pagination .fbold     {color:#fff; }
.main_visual_page .pagination .slash     { /*position:relative; top:-4px; display:inline-block;text-indent:-999px; width:50px; height:3px; background:#fff;overflow:hidden; margin:0 5px; */ }

.main_visual_page .swiper-pagination-bullets.swiper-pagination-horizontal  { bottom: initial !important; } 


.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {   position:relative; width: initial !important;}
.main_visual_page .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0) !important; }
 
.main_visual_page .pagination .swiper-pagination-bullet {position:relative; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 30px));  display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 0); background: var(--swiper-pagination-bullet-inactive-color, transparent); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) ; } 
.main_visual_page .pagination .swiper-pagination-bullet::after  {position:absolute; content:''; left:50%;top:50%; width:10px;height:10px; background:#ddd;border-radius:50px; transform:translate(-50%, -50%);    }
.main_visual_page .pagination .swiper-pagination-bullet-active,
.main_visual_page .pagination .swiper-pagination-bullet:focus, 
.main_visual_page .pagination .swiper-pagination-bullet:hover              {    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) ;}
.main_visual_page .pagination .swiper-pagination-bullet-active::after    { background:var(--point1);}
.main_visual_page .pagination .swiper-pagination-bullet:focus::after,
.main_visual_page .pagination .swiper-pagination-bullet:hover::after    { background:var(--point1);}


.main_visual_page .swiper-pagination                {  padding-top:20px;  }
.main_visual_page .swiper-pagination span       {  background:#888  ;  }
 
.main_visual_page button             { position:relative; top:-2px; color:#ddd;font-size:1.05em; padding:0 3px ; }
.main_visual_page .btn-toggle    {}
.main_visual_page .btn-toggle span    {position:relative; display:inline-block; width:30px; height:30px;cursor:pointer;  }
.main_visual_page .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#ddd; }
.main_visual_page .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#ddd; }
.main_visual_page .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #ddd;}
 

 
@media screen and (max-width:1400px) {  
    .main_visual_item 							{   aspect-ratio:14/7.3; height:initial;}
    .visual_txt .txt01							{  font-size:2.7vw; padding-bottom:10px;}
    .visual_txt .txt02							{  font-size: 4.5vw;}
    .visual_txt .txt03							{  font-size:1.7vw; padding-top:20px;}

    .visual_box .btn-prev                     { left:15px;  }
    .visual_box .btn-next                     {right:15px;  }
}
@media screen and (max-width:1024px) {
	.main_container							{padding:60px 0 0 0;}   
  
    .visual_box .btn-prev, .visual_box .btn-next                  {  top: calc(50% - 30px);  width:60px;height:60px;  } 
    .visual_box .btn-prev span, .visual_box .btn-next span {  width:40px;height:40px;   }  
    .visual_box .btn-prev                     { left:10px;  }
    .visual_box .btn-next                     {right:10px;  } 

    .main_visual_page                                  {  bottom:0;  gap:0.2em; justify-content:center  ;  } 
    .main_visual_page .pagination span       { min-width:18px; }
    .main_visual_page .pagination span::before    { height:3px;  }  
    .main_visual_page button             { top:-4px; }
    .main_visual_page .btn-toggle span    {  width:26px; height:26px; }
    .main_visual_page .btn-toggle.play span::before    { height:10px;}
    .main_visual_page .btn-toggle.play span::after     { height:10px; }
    .main_visual_page .btn-toggle.stop span::before    {  border-top:5px solid transparent;border-bottom:5px solid  transparent;border-left:7px solid #ddd;}
 } 
@media screen and (max-width:768px) {   
    .visual_txt .txt03							{  display:none; }

    .visual_box .btn-prev, .visual_box .btn-next                  {  top: calc(50% - 25px);  width:50px;height:50px;  } 
    .visual_box .btn-prev span, .visual_box .btn-next span {  width:30px;height:30px;   }  
    .visual_box .btn-prev                     { left:5px;  }
    .visual_box .btn-next                     {right:5px;  }
} 
@media screen and (max-width:480px) {      
    .main_visual_item 							{   aspect-ratio:10/5; min-height:200px;}
    .visual_txt											{ top:25%; } 
    .visual_txt .web_size                        {padding-left:0; text-align:center; }
    .visual_txt .txt01							{  font-size:3.5vw; padding-bottom:0.5em;   }
    .visual_txt .txt02							{  font-size: 5.65vw;}
    
    .visual_box .btn-prev, .visual_box .btn-next                  {  top: calc(50% - 20px);  width:40px;height:40px;  } 
    .visual_box .btn-prev span, .visual_box .btn-next span {  width:24px;height:24px;   }  
}
 
/* MAIN VISUAL  ================================================================================== */


 




/* 메인 뉴스    ================================================================================== */
.main_news										    {position:relative; padding:70px 0 90px 0; overflow:hidden;    }  
  
@media screen and (max-width:1400px) {   
    .main_news								            {  padding:65px 0 80px 0;  }   
}  
@media screen and (max-width:1024px) {   
    .main_news								            {  padding:60px 0 80px 0;  }   
}  
@media screen and (max-width:768px) {   
    .main_news								            {  padding:50px 0 70px 0;  }   
}  
 
 

/* 메인 뉴스  ================================================================================ */
 


 
 

/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:90px 0;  max-width:1840px; margin:auto; border-radius:40px; background:url('../img/main/main_program_bg.jpg') no-repeat center 0;  transition: var(--transition1); } 
.main_program .tit_wrap					    {position:relative; padding-bottom:70px; text-align:center;  color:#fff;  }
.main_program .tit								{position:relative; font-size:2.8em; font-family: 'Paperlogy'; line-height:1.4; font-weight: 600; }  
.main_program .tit_wrap p					{   font-weight:600; padding-top:20px  ; font-size:1.15em; }
 
.main_program .swiper-wrapper						{position:relative; }
.main_program .program_wraps					{ display: grid; grid-template-columns:repeat(4, 1fr); gap:20px;  }
.main_program .swiper                                   {padding-bottom:20px;  }
.main_program article										{position:relative;  }
.main_program article a									{display:block; width:100%; overflow:hidden; background:rgb(255,255,255,0.8); border:1px solid #fff; padding:1.5em; border-radius:1em;  transition: var(--transition1); }
.main_program article a:focus                           { outline:2px dotted var(--outline-color); outline-offset:var(--outline-offset);} 
.main_program article .img                             {display:flex; aspect-ratio:33/21;  }
.main_program article .img img                     {width:100%;height:100%; object-fit:cover; }
.main_program article .tag								{position:absolute;left:1px;top:1px;  }
.main_program article .tag span						{position:relative;display:inline-block;  background:#ff577e;  font-size:0.95em !important; font-weight:500; border:0; padding:0 !important; line-height:36px; min-width:75px; border-radius:1em 0 10px 0;  } 
.main_program article .tag .ready                  {background:#4ec8ce;  }
.main_program article .tag .closed                  {background:#8f8f8f;  }
.main_program article .cont                            {   }
.main_program article .txt01							{position:relative;  margin-bottom:20px ; color:#000;font-size:1.2em;font-weight:700;line-height:1.25; height:70px;  overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all; }
.main_program article .cont p							{position:relative;  font-size:0.95em ; color:#797878; line-height:1.3; font-weight:600; }
.main_program article .cont p span  				{position:relative;display:inline-block;  color:#333; font-weight:600; padding:0 0 7px 0; } 

.main_program article a:hover						    {border:1px solid var(--color1); box-shadow:var(--shadow-md);  } 
.main_program article a:hover	 .txt01				{  color:var(--color1); } 

.main_program .nolist                     {border:0; }

 
 /* 화살표 css */
.main_program .btn-prev,
.main_program .btn-next                                { position: absolute; display:block; top:calc(50% - 30px);   cursor: pointer;  border-radius:50px; border:1px solid #fff;  width:70px; height:70px;  opacity:0.35;  z-index: 999;  transition: var(--transition1); display: flex; justify-content:center; align-items:center; background:#fff; }
.main_program .btn-prev                                { left:-100px;  }
.main_program .btn-next                                {right:-100px;  }
.main_program .btn-prev:hover,
.main_program .btn-next:hover                     { opacity:0.75; } 
 
.main_program .btn-prev span, .main_program .btn-next span {  position: absolute; display:inline-block; width:100%;height:100%;background:url('../img/common/icon_arrow.svg') no-repeat center 50%; background-size:40% auto;}
.main_program .btn-prev span            {transform: rotate(180deg); }
.main_program .btn-next span            { } 
  

 .main_program .btn_wrap                  { padding-top:20px;  width:100%; max-width:600px; margin:auto;  z-index:111 ; display:flex;justify-content: center; align-items:center; gap:10px; }
/* dots css */
.main_program .pagination                {  text-align:center; display:flex;justify-content: center; gap:0; } /* Swiper 수정으로 임시추가 */
.main_program .swiper-pagination-bullets.swiper-pagination-horizontal  { bottom: initial !important; } 
.main_program .swiper-pagination                {  padding-top:20px;  }
.main_program .swiper-pagination span       {  background:#ddd  ;  } 

.main_program .swiper-pagination-bullet     {display:inline-block;}
 
.main_program .swiper-pagination-bullet {position:relative; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 24px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 30px));  display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 0); background: var(--swiper-pagination-bullet-inactive-color, transparent); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) ; } 
.main_program .swiper-pagination-bullet::after  {position:absolute; content:''; left:50%;top:50%; width:10px;height:10px; background:#ccc;border-radius:50px; transform:translate(-50%, -50%);    }
.main_program .swiper-pagination-bullet-active,
.main_program .swiper-pagination-bullet:focus, 
.main_program .swiper-pagination-bullet:hover              {    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1) ;}
.main_program .swiper-pagination-bullet-active::after    { background:#8f969b;}
.main_program .swiper-pagination-bullet:focus::after,
.main_program .swiper-pagination-bullet:hover::after    { background:#8f969b;}

.main_program .swiper-pagination-bullet:focus       { outline:2px dotted var(--outline-color); outline-offset:var(--outline-offset);}

 /* 재생정지 css */
.main_program .btn-toggle span    {position:relative;top:2px; display:inline-block; width:30px; height:30px;cursor:pointer; }
.main_program .btn-toggle.play span::before    { position:absolute;  content:''; top:11px;left:10px; width:3px;height:12px; background:#aaa; }
.main_program .btn-toggle.play span::after     { position:absolute;  content:''; top:11px;left:16px; width:3px;height:12px; background:#aaa; }
.main_program .btn-toggle.stop span::before    { position:absolute;  content:''; top:11px;left:12px; width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #aaa;}
 
 
@media screen and (max-width:1840px) {
    .main_program										{ border-radius:0;  }
} 
 
@media screen and (max-width:1720px) {
    .main_program .btn-prev                                { left:0;  }
    .main_program .btn-next                                {right:0;  }
}
@media screen and (max-width:1480px) {
    .main_program										{  padding:70px 15px; } 
    .main_program .txt_wrap					{  padding-bottom:50px; }
    .main_program .tit								{  font-size:2.3em;  }  
}  
 
@media screen and (max-width:1024px) {
    .main_program										{  padding:60px 15px; }      
    .main_program .tit_wrap					    { padding-bottom:50px;  }
    .main_program .tit								    {  font-size:2.5em;  }   
    .main_program .tit_wrap p					{  font-size:1.1em;padding-top:10px  ;  } 
    .main_program .more						    {  top:5px;  }
    .main_program .more a  						{ gap:10px; }
    .main_program .more a span				{ width:30px; height:30px;} 

    .main_program .btn-prev,
    .main_program .btn-next                      { width:50px; height:50px;   }   
}
@media screen and (max-width:768px) { 
    .main_program										{  padding:50px 20px; }     
    .main_program .tit_wrap					    { padding-bottom:40px;  }
    .main_program .tit								    {  font-size:2.2em;  }   
    .main_program .tit_wrap p					{  font-size:1.05em; line-height:1.3;  } 
}  
@media screen and (max-width:480px) {   
    .main_program .tit								    {  font-size:1.9em;  }     
    .main_program .tit_wrap p					{  font-size:1em;   } 
}
 
 
/* main_program  ================================================================================== */ 


 




/* main_research  ================================================================================== */ 
.main_research										{position:relative; padding:90px 15px;  background:url('../img/main/main_research_bg.jpg') no-repeat center bottom;background-size:auto 100%; }
.main_research .tit_wrap					    {position:relative; padding-bottom:70px; text-align:center;   }
.main_research .tit								    {position:relative; font-size:2.8em; font-family: 'Paperlogy'; line-height:1.3; font-weight: 600; color:#000;}  
.main_research .tit span                       {color:var(--color1); }
.main_research .tit_wrap p					{   font-weight:600; padding-top:20px  ; font-size:1.15em; color:#5a5a5a; }
.main_research ul					                {position:relative; margin:auto; max-width:1330px;   display: flex; gap:5%;  }
.main_research ul li      			                {position:relative; flex:1; border:1px solid #eee; border-radius:50%; aspect-ratio:1/1;  background:rgb(255,255,255,0.65); display: flex; flex-direction: column; justify-content:center; align-items:center; text-align:center; gap:1em; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05); transition: var(--transition1);  }
.main_research ul li .img                     {width:33%;}
.main_research ul li .img img              {width:100%; }
.main_research ul li .txt                       {font-weight: 600; color:#444;} 
.main_research ul li .txt p                    {font-weight: 800;font-size:1.15em; padding-bottom:20px; } 
.main_research ul li .txt div                 {font-weight: 700;font-size:1.25em; } 
.main_research ul li .txt div span        {font-weight: 800;font-size:2.1em;color:#ff7200;} 


@media screen and (max-width:1400px) { 
    .main_research										{ padding:80px 15px; }
    .main_research ul					                {  gap:4vw;  }
    .main_research ul li      			                { gap:10px; }
    .main_research ul li .txt p                    { font-size:1.1em; padding-bottom:10px;   } 
    .main_research ul li .txt div                 {font-size:1.2em; } 
    .main_research ul li .txt div span        {font-size:1.9em; }
}
@media screen and (max-width:1024px) {  
    .main_research										{ padding:60px 15px; }
    .main_research .tit_wrap					    { padding-bottom:50px;  }
    .main_research .tit								    {  font-size:2.5em;  }   
    .main_research .tit_wrap p					{  font-size:1.1em;padding-top:10px  ;  } 
    .main_research ul					                {  gap:3vw;  }
    .main_research ul li      			                { gap:0; }
    .main_research ul li .txt p                    { font-size:1.05em; padding-bottom:5px;   } 
    .main_research ul li .txt div                 {font-size:1.1em; } 
    .main_research ul li .txt div span        {font-size:1.7em; }
}
@media screen and (max-width:768px) {   
    .main_research										{ padding:50px 15px; }
    .main_research .tit_wrap					    { padding-bottom:40px;  }
    .main_research .tit								    {  font-size:2.3em;  }   
    .main_research .tit_wrap p					{  font-size:1.05em; line-height:1.3;  } 
    .main_research ul					                {display: grid; grid-template-columns:repeat(2, 1fr); gap:5%; max-width:400px; padding:0 10px;}
}
@media screen and (max-width:480px) {   
    .main_research .tit								    {font-size:1.9em;  }    
    .main_research .tit_wrap p					{  font-size:1em;   } 
    .main_research ul li .txt p                    { font-size:0.95em; padding-bottom:0;   } 
    .main_research ul li .txt div                 {font-size:1em; } 
    .main_research ul li .txt div span        {font-size:1.45em; }
}

/* main_research  ================================================================================== */ 


 

  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; padding:80px 0;  overflow:hidden;}
.main_gallery .web_size2                {padding:0 15px; }
.main_gallery .tit_wrap					    {position:relative; padding-bottom:70px; text-align:center;   }
.main_gallery .tit								 {position:relative; font-size:2.8em; font-family: 'Paperlogy'; line-height:1.4; font-weight: 600; color:#000;}  
.main_gallery .tit span                       {color:var(--color1); }
.main_gallery .tit_wrap p					{   font-weight:600; padding-top:20px  ; font-size:1.15em; color:#5a5a5a; }
 
@media screen and (max-width:1530px) {
	.main_gallery									{padding:70px 0;}
}  
@media screen and (max-width:1024px) {
	.main_gallery									{padding:60px 0;}
    .main_gallery .tit_wrap					{ padding-bottom:50px;  }
    .main_gallery .tit							{  font-size:2.5em;  }   
    .main_gallery .tit_wrap p				{  font-size:1.1em;padding-top:10px  ;  } 
} 
@media screen and (max-width:768px) {
	.main_gallery									{padding:50px 0;}
    .main_gallery .tit_wrap					{ padding-bottom:40px;  }
    .main_gallery .tit							{  font-size:2.3em;  }   
    .main_gallery .tit_wrap p				{  font-size:1.05em; line-height:1.3;  } 
} 
@media screen and (max-width:480px) {
    .main_gallery .tit							{ font-size:1.9em;  }     
    .main_gallery .tit_wrap p				{  font-size:1em;  } 
}  
/* main_gallery  ================================================================================== */ 

 
 




/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:25px 5px; border-top:1px solid #e5e5e5; background:#fff;}
.famsite .web_size					{padding:0 30px;text-align:center; }
.famsite .swiper-slide			{display:inline-block; text-align:center; border:0 solid #e5e5e5;  text-align:center; display:flex;  justify-content:center; }
.famsite .swiper-slide article        {display:flex;  justify-content:center; align-items:center; text-align:center; }
.famsite .swiper-slide img    {max-height:70px;display:flex;  }  
.famsite .btn-prev, .famsite .btn-next      { position: absolute; top:calc(50% - 15px);  width:26px; height:26px;  cursor: pointer; opacity:0.5;  z-index: 110; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; }  
.famsite .btn-prev span, .famsite .btn-next span	 {position:absolute; width:10px;height:10px;border:solid #333; border-width:2px 2px 0 0;  }
.famsite .btn-prev                  { left:0; transform: rotate(-135deg);    }
.famsite .btn-next                  { right:0; transform: rotate(45deg);  }
   
@media screen and (max-width:768px) {   
	.famsite								{padding:20px 5px;} 
}
/* FAMSITE    ================================================================================== */