@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:150px 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;  aspect-ratio:20/7.2;  transition: var(--transition1); }
.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.6); /*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; text-align:center; width:100%; top:42%;  font-size:2.25em; line-height:1.2;   z-index:100; color:#fff; /*animation: ani-slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;*/  } 
.visual_txt::before                             {position:absolute; content:''; left:calc(50% - 150px);top:-95px; width:80px; height:80px; background:url('../img/main/main_txt_img01.png') no-repeat center 50%;background-size:auto 100%; }
.visual_txt::after                                {position:absolute; content:''; left:calc(50% + 50px);bottom:-55px; width:80px; height:80px; background:url('../img/main/main_txt_img02.png') no-repeat center 50%;background-size:auto 100%; }
.visual_txt .txt01								{font-family: 'Paperlogy';font-weight:700;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4);transition: var(--transition1);  } 
.visual_txt .txt02								{font-family: 'Paperlogy';font-size:1.7em;font-weight:700;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4);padding-top:7px;transition: var(--transition1);  }
.visual_txt .txt03								{font-weight:600; font-size:0.5em;  padding-top:0.45em; line-height:1.3; text-shadow: 3px 3px 10px rgba(0,0,0,0.4); }
 

/* 화살표 css */
.visual_box .btn-prev, .visual_box .btn-next                  { position: absolute; display:block; top: calc(50% - 30px);   cursor: pointer;color:#fff;   width:60px;height:60px;  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:110px;  }
.visual_box .btn-next                     {right:110px;  }
.visual_box .btn-prev span, .visual_box .btn-next span {position:absolute; width:40px;height:40px;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:10px; 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:20px;height:20px; z-index:111 ;  margin:0 4px; opacity:0.7; cursor:pointer; }
.main_visual_page .pagination span::before    { position:absolute; content:''; left:5px;top:5px; width:10px;height:10px; border-radius:5px;  background:#ecf0f2;  }
.main_visual_page .pagination .dots_on   { opacity:1; }
.main_visual_page .pagination .dots_on::before    {  background:#f5822b;  }
.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:2000px) {
    .main_visual_item 							{  aspect-ratio:20/6.8; }
}
@media screen and (max-width:1700px) {
	.main_visual_item                           { aspect-ratio:17/6;  }  
	.visual_txt                                          {  font-size:1.8em; }   
    .visual_txt::before                             {  left:calc(50% - 120px);top:-75px; width:60px; height:60px;   }
    .visual_txt::after                                { left:calc(50% + 40px);bottom:-45px; width:60px; height:60px;   }

}
@media screen and (max-width:1400px) {
    .main_visual_item                          { aspect-ratio:10/3.8;  }  
	.visual_txt                                          {  font-size:1.6em; }   
    .visual_box .btn-prev                     { left:20px;  }
    .visual_box .btn-next                     {right:20px;  }
}
@media screen and (max-width:1024px) {
	.main_container							    {padding:60px 0 0 0;}  
	.main_visual_item                            { aspect-ratio:10/4.1;  }    
	.visual_txt                                          {  font-size:1.4em; top: 40%;  }   
    .visual_txt::before                             {  left:calc(50% - 90px);top:-55px; width:45px; height:45px;   }
    .visual_txt::after                                { left:calc(50% + 30px);bottom:-35px; width:45px; height:45px;   }
  
    .visual_box .btn-prev                        { left:10px;  }
    .visual_box .btn-next                        {right:10px;  }
 } 
@media screen and (max-width:768px) {
	.main_visual_item                            { aspect-ratio:10/4.6;  }   
	.visual_txt                                          {  font-size:1.2em; }   
    .visual_txt::before                             {  left:calc(50% - 75px);top:-45px; width:40px; height:40px;   }
    .visual_txt::after                                { left:calc(50% + 25px);bottom:-25px; width:40px; height:40px;   }

    .visual_box .btn-prev                        { left:5px;  }
    .visual_box .btn-next                        {right:5px;  } 
    .visual_box .btn-prev, .visual_box .btn-next                  {  width:50px;height:50px;   } 
    .visual_box .btn-prev span, .visual_box .btn-next span { width:30px;height:30px;   }

} 
@media screen and (max-width:580px) {    
	.main_visual_item                            { aspect-ratio:10/5;  }   
	.visual_txt                                       {  font-size:1.05em; }  
    .visual_txt::before                             {  left:calc(50% - 55px);top:-35px; width:30px; height:30px;   }
    .visual_txt::after                                { left:calc(50% + 25px);bottom:-20px; width:30px; height:30px;   }
    .visual_txt .txt02								{ font-size:1.55em;padding-top:3px;  } 

}
@media screen and (max-width:480px) {    
	.main_visual_item                            { aspect-ratio:10/5.2;  }   
	.visual_txt                                       {  font-size:0.95em; }  
    .visual_txt::before                             {  left:calc(50% - 50px);top:-30px; width:25px; height:25px;   }
    .visual_txt::after                                { left:calc(50% + 20px);bottom:-18px; width:25px; height:25px;   }
    .visual_txt .txt02								{ font-size:1.45em;padding-top:0;  }

    .visual_box .btn-prev                        { left:0;  }
    .visual_box .btn-next                        {right:0;  } 
    .visual_box .btn-prev span, .visual_box .btn-next span { width:20px;height:20px;   }
}
 
/* MAIN VISUAL  ================================================================================== */





/* 메인 공지사항    ================================================================================== */
.main_notice										{position:relative;height:90px;background:#e8e8e8; display:none; }  
.main_notice::before                        { position:absolute; content:'';left:0; top:0; width:30%;height:100%;background:var(--color4);}
.main_notice .web_size                   {display: flex;   }
 
.main_notice .arrow_wrap              {width:25%; position:relative;background:var(--color4); height:90px; }
.main_notice .notice_cont               {flex:3;  background:#e8e8e8;  padding-left:60px;  }
.main_notice .notice_cont ul           {position:relative;}
.main_notice .notice_cont ul li          {display: grid; grid-template-columns: 70px auto; gap:20px; font-size:1.1em; color:#000;}
.main_notice .notice_cont ul li span          {position:relative;display:inline-block; line-height:90px; font-weight:500;  }
.main_notice .notice_cont ul li span::after    {position:absolute; content:''; right:0;top:calc(50% - 10px);height:20px; width:1px; background:#bababa; }
.main_notice .notice_cont ul li p          {width:calc(100% - 110px);line-height:90px;  font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.main_notice .page                          {position:absolute;right:20px; height:90px; display: flex; flex-direction: column; justify-content:center;  text-align:right;   font-size:0.9em; color:#aaa; }


 /* 화살표 css */
.main_notice .btn-prev,
.main_notice .btn-next                                { position: absolute; display:block; top:calc(50% - 15px);   cursor: pointer;   height:30px;    z-index: 999;  transition: var(--transition1); display: flex; justify-content:center; align-items:center; color:#fff; font-family: 'Paperlogy';  font-size:0.9em; font-weight:600; letter-spacing:0; }
.main_notice .btn-prev                                { left:30px;padding-left:50px;  }
.main_notice .btn-next                                {right:30px; padding-right:50px;   }
.main_notice .btn-prev:hover,
.main_notice .btn-next:hover                     {   } 
 
.main_notice .btn-prev span, .main_notice .btn-next span { position: absolute; width:11px;height:11px;border:solid #fff; border-width:2px 2px 0 0;   }
.main_notice .btn-prev span            {transform: rotate(-135deg); left:0;}
.main_notice .btn-next span            {transform: rotate(45deg); right:0;  } 



@media screen and (max-width:1200px) {    
    .main_notice .btn-prev                                { left:20px;padding-left:30px;  }
    .main_notice .btn-next                                {right:20px; padding-right:30px;   }
}
@media screen and (max-width:1024px) {     
    .main_notice,
    .main_notice .arrow_wrap,
    .main_notice .page                          { height:60px; }
    .main_notice .arrow_wrap p           {font-size:0.95em; } 
    .main_notice .btn-prev                                { padding-left:20px;  }
    .main_notice .btn-next                                { padding-right:20px;   }
    .main_notice .notice_cont               {   padding-left:30px;  }  
    .main_notice .notice_cont ul li span,
    .main_notice .notice_cont ul li p          {line-height:60px; } 
}
@media screen and (max-width:768px) {    
    .main_notice                                     {font-size:0.9em;}
    .main_notice .arrow_wrap p           {display:none; } 
    .main_notice .notice_cont               {   padding-left:20px;  }  
    .main_notice .notice_cont ul li          { grid-template-columns:60px auto; gap:15px; }
    .main_notice .notice_cont ul li p          {width:calc(100% - 15px); }
    .main_notice .page                          { left:0;right:initial; width:25%; text-align:center; color:#fff;  }
    
    .main_notice .btn-prev span, .main_notice .btn-next span {  width:9px;height:9px;   }
    .main_notice .btn-prev                                { left:15px;padding-left:0;  }
    .main_notice .btn-next                                {right:15px; padding-right:0;   }
} 
@media screen and (max-width:480px) {    
    .main_notice .notice_cont ul li          { grid-template-columns:1fr; gap:0; font-size:1.05em; padding-top:10px;  }
    .main_notice .notice_cont ul li span,
    .main_notice .notice_cont ul li p          {line-height:1.4; } 
    .main_notice .notice_cont ul li span   {font-size:0.95em; color:var(--color1);font-weight:600; }
}
/* 메인 공지사항    ================================================================================== */




 




/* 메인 뉴스    ================================================================================== */
.main_news										    {position:relative; padding:60px 0 70px 0; overflow:hidden;    }  
.main_news .board							    {position:relative;float:left;width:calc(100% - 600px); }
.main_news .guide							    { position:relative;width:530px; float:right;background:#ecf0f2;  }
  
.main_news .guide .tit_wrap 						{position:relative; display:flex;  justify-content: space-between; border-bottom:3px solid var(--color1); padding-bottom:10px;  background:#fff; z-index: 99;  }
.main_news .guide .tit 								{position:relative;   font-family: 'Paperlogy'; font-size:1.9em; color:var(--color1); font-weight:700;  padding-left:3px; }
  
.main_news .guide .arrow_wrap              { display:flex;  justify-content: right;z-index: 99;   } 
.main_news .guide .btab a						{display:block; font-size:1.05em; color:#7f7e7e; font-weight:600;  }
.main_news .guide .btab:hover a			{color:var(--color1); }
.main_news .guide .on a							{color:var(--color1);  font-size:1.1em; font-weight:700; }
.main_news .guide .more						{display:block; position:relative; right:0; top:-5px;  }
.main_news .guide .more a						{display:block; width:38px; height:38px;border-radius:50px; border:1px solid #e0e0e0;background:#fff;   cursor:pointer; text-indent:-9999px; }
.main_news .guide .more a::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#999;}
.main_news .guide .more a::before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:14px; background:#999;}
.main_news .guide .more a:hover          {border-color:var(--color1);background:var(--color1);  }
.main_news .guide .more a:hover::after, .main_news .guide .more a:hover::before  {background:#fff;}


.main_news .guide .swiper-wrapper										    {position:relative;  text-align:center;  } 
.main_news .guide::before                           {position: absolute;content:''; left:0; bottom:0; width:100%; height:38%; background:var(--color1);  }
.main_news .guide .guide_wraps					{position:relative; width:100%;  gap:10px; text-align:center;  padding:  20px; } 
.main_news .guide .guide_wraps article              {  }
.main_news .guide .guide_wraps article .img     {position:relative;  margin:auto; overflow:hidden;  }
.main_news .guide .guide_wraps article .img img  {width:100%;max-width:190px;  aspect-ratio:2/2.7; margin:auto; margin-bottom:10px; box-shadow: 0 7px 15px 0 rgba(0,0,0,0.15);  }
.main_news .guide .guide_wraps article .btn           {position: absolute; bottom:15px; left:50%; transform:translateX(-50%); max-width:190px; width:100%; }
.main_news .guide .guide_wraps article .btn a          {display:block; background:#333; color:#fff; font-size:0.9em; text-align:center; padding:7px; width:100%; margin:auto;  }
.main_news .guide .guide_wraps article .btn a span   {display:inline-block; width:14px; height:14px; background:url('../img/common/icon_down.svg') no-repeat center 50%; background-size:100% auto;filter: brightness(0) invert(1); margin-left:8px;  }
.main_news .guide .guide_wraps article .txt       {position:relative;color:#fff; font-weight:600;  line-height:1.3; padding:0 10px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: keep-all;} 


 
 /* 화살표 css */
.main_news .guide .btn-prev,
.main_news .guide .btn-next                                { position: absolute; display:block; top:-5px;   cursor: pointer;  border-radius:50px; border:1px solid #e0e0e0;  width:38px; height:38px;  z-index: 999;    display: flex; justify-content:center; align-items:center; background:#fff; }
.main_news .guide .btn-prev                                {right:82px;  }
.main_news .guide .btn-next                                {right:41px;  }
.main_news .guide .btn-prev:hover,
.main_news .guide .btn-next:hover                     {border-color:var(--color1);background:var(--color1);  }  
.main_news .guide .btn-prev span, .main_news .guide .btn-next span { position: absolute; width:11px;height:11px;border:solid #999; border-width:2px 2px 0 0;   }
.main_news .guide .btn-prev span            {transform: rotate(-135deg); left:15px;}
.main_news .guide .btn-next span            {transform: rotate(45deg); right:15px;  }  
.main_news .guide .btn-prev:hover span, .main_news .guide .btn-next:hover span { border-color:#fff;   } 


@media screen and (max-width:1440px) {   
    .main_news								            {  padding:70px 20px;  }  
    .main_news .board							    { width:calc(100% - 540px); }
    .main_news .guide							    {  width:490px;  } 
}  
@media screen and (max-width:1200px) {   
    .main_news .board							    { width:calc(100% - 480px); }
    .main_news .guide							    {  width:440px;  } 
    .main_news .guide .tit 								{ font-size:1.7em;  }
    .main_news .guide .cont										    { padding:18px  ;  } 
    .main_news .guide .cont	ul	li .img                         { max-width:150px;  }
    .main_news .guide .cont	ul	li .txt                         {   font-size:0.95em; }
 
.main_news .guide .guide_wraps					{  padding:  18px; }  
.main_news .guide .guide_wraps article .img img  { max-width:150px;     }  
.main_news .guide .guide_wraps article .btn           {max-width:150px;     }  

}
@media screen and (max-width:1024px) { 
    .main_news								            { padding:50px 20px;  }  
    .main_news .board					            {width:100%;   }
    .main_news .guide					            { width:100%;  margin-top:40px ;} 
    .main_news .guide .tit 								{ font-size:1.5em;  }
    .main_news .guide .tit_wrap 						{ padding-bottom:7px;    }
    .main_news .guide .more a						{ width:30px; height:30px;  }

    .main_news .guide .btn-prev,
    .main_news .guide .btn-next                                { width:30px; height:30px;  }
    .main_news .guide .btn-prev                                {right:66px;  }
    .main_news .guide .btn-next                                {right:33px;  }
 
    .main_news .guide .btn-prev span, .main_news .guide .btn-next span { width:9px;height:9px;    }
    .main_news .guide .btn-prev span            { left:10px;}
    .main_news .guide .btn-next span            { right:10px;  }  
}  
@media screen and (max-width:580px) {    
    .main_news .guide .tit 								{ font-size:1.4em;  } 
 
}  
 
/* 메인 뉴스  ================================================================================ */
 


 
 

/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:70px 0;  background:#f3f5f7; }  
.main_program .txt_wrap					{position:relative; padding-bottom:60px; }
.main_program .tit								{position:relative;text-align:center;  font-size:2.5em;color:#000;  line-height:1.4; font-weight: 600;   font-family: 'Paperlogy'; } 
.main_program .tit span						{color:var(--color1); } 
 
.main_program .more						{  position:absolute; right:0; top:10px;  }
.main_program .more a  						{position:relative;  display: flex; justify-content:center; align-items:center; gap:15px; font-size:0.95em; color:#676767; font-weight:bold; }
.main_program .more a span						{position:relative; display:inline-block; width:38px; height:38px;border-radius:50px; border:1px solid #e0e0e0;background:#fff;   cursor:pointer;   }
.main_program .more a span::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#999;}
.main_program .more a span::before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:14px; background:#999;}
.main_program .more a:hover span          {border-color:var(--color1);background:var(--color1);  }
.main_program .more a:hover span::after, .main_program .more a:hover span::before  {background:#fff;}

 
.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:#fff; border:1px solid #d4d4d4; 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:#8f8f8f;  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 .cont                            { padding:1em 1.3em; }
.main_program article .txt01								{position:relative;  margin-bottom:10px ; color:#000;font-size:1.1em;font-weight:700;line-height:1.25; height:50px;  overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all; }
.main_program article .txt02								{position:relative;  font-size:0.95em ; color:#797878; line-height:1.3; font-weight:600; }
.main_program article .txt02 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); } 



 
 /* 화살표 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 #bbb;  width:60px; height:60px;  opacity:0.5;  z-index: 999;  transition: var(--transition1); display: flex; justify-content:center; align-items:center; background:#fff; }
.main_program .btn-prev                                { left:-90px;  }
.main_program .btn-next                                {right:-90px;  }
.main_program .btn-prev:hover,
.main_program .btn-next:hover                     { opacity:0.8; } 
 
.main_program .btn-prev span, .main_program .btn-next span { position: absolute; width:15px;height:15px;border:solid #222; border-width:2px 2px 0 0;   }
.main_program .btn-prev span            {transform: rotate(-135deg); left:25px;}
.main_program .btn-next span            {transform: rotate(45deg); right:25px;  } 
 
 .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:1600px) {
    .main_program .btn-prev               { left:-25px; }
    .main_program .btn-next               { right:-25px; }
}  
@media screen and (max-width:1480px) {
    .main_program .btn-prev               { left:0; }
    .main_program .btn-next               { right:0; }
} 
 
 

@media screen and (max-width:1600px) {
    .main_program .btn-prev                                { left:-30px;  }
    .main_program .btn-next                                {right:-30px;  }
}
@media screen and (max-width:1480px) {
    .main_program										{  padding:70px 20px; }    
    .main_program .btn-prev                                { left:-20px;  }
    .main_program .btn-next                                {right:-20px;  }

    .main_program .txt_wrap					{  padding-bottom:50px; }
    .main_program .tit								{  font-size:2.3em;  }  
}  
@media screen and (max-width:1024px) {
    .main_program										{  padding:60px 20px; }     
    .main_program .txt_wrap					{  padding-bottom:40px; }
    .main_program .tit								{  font-size:2em;  }  
    .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                                {   top:calc(50% - 25px);  width:50px; height:50px;   } 
 
.main_program .btn-prev span, .main_program .btn-next span {   width:13px;height:13px;  }
.main_program .btn-prev span            {transform: rotate(-135deg); left:20px;}
.main_program .btn-next span            {transform: rotate(45deg); right:20px;  } 


}
@media screen and (max-width:768px) { 
    .main_program										{  padding:50px 20px; }     
    .main_program .txt_wrap					{  padding-bottom:30px; }
    .main_program .tit								{  font-size:1.7em; text-align:left;}
} 
 
/* main_program  ================================================================================== */ 


 

 
  
 
/* main_movie  ================================================================================== */ 
.main_movie										{position:relative; padding:70px 0; max-width:2000px; margin:auto; }  
.main_movie .txt_wrap					{position:relative; padding-bottom:30px; max-width:1400px;margin:auto; }  
.main_movie .tit								{position:relative;text-align:center;  font-size:2.8em;color:#000;  line-height:1.4; font-weight: 800;   font-family: 'Paperlogy'; } 
.main_movie .tit span						{color:var(--color1);  font-weight: 600;} 
 
.main_movie .more						{  position:absolute; right:0; top:10px;  }
.main_movie .more a  						{position:relative;display:flex;  justify-content:center; align-items:center;  font-size:0.95em; color:#676767; font-weight:500; border:1px solid #d5d5d5; line-height:38px; border-radius:50px; padding:0 13px 0 20px; }
.main_movie .more a span						{position:relative; margin-left:12px; display:inline-block; width:19px; height:19px;border-radius:50px; border:1px solid #999;background:#fff;   cursor:pointer;   }
.main_movie .more a span::after			{position:absolute; content:''; top:5px; right:7px; width:7px;height:7px;border:solid #777; border-width:1px 1px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
.main_movie .more a:hover                {border-color:var(--color1);background:var(--color1); color:#fff; }
.main_movie .more a:hover span          {border-color:#fff;  }
.main_movie .more a:hover span::after  {border-color:var(--color1);}

   
@media screen and (max-width:1480px) {
    .main_movie										{  padding:70px 0; }      
    .main_movie .txt_wrap					{  padding-bottom:20px; }
    .main_movie .tit								{  font-size:2.5em;  }  
}  
@media screen and (max-width:1440px) {
.main_movie .more						{    right:20px;  }
}
@media screen and (max-width:1024px) {
    .main_movie										{  padding:60px 0; }      
    .main_movie .txt_wrap					{  padding-bottom:30px; }
    .main_movie .tit								{  font-size:2.2em;  }  
    .main_movie .more						    {  top:5px;  } 
  
}
@media screen and (max-width:768px) { 
    .main_movie										{  padding:50px 0; }      
    .main_movie .txt_wrap					{  padding-bottom:30px; }
    .main_movie .tit								{  font-size:1.9em; }
 
    .main_movie .more						    {  top:6px;  } 
    .main_movie .more a  						{ font-size:0.9em;  line-height:30px; padding:0 8px 0 13px; }
    .main_movie .more a p                    {display:none; }
    .main_movie .more a span						{ margin-left:8px;  width:17px; height:17px; }
    .main_movie .more a span::after			{  top:5px; right:6px; width:5px;height:5px;   }
} 
@media screen and (max-width:480px) { 
    .main_movie .tit								{  font-size:1.7em; text-align:left ; padding-left:20px;}
}
  
/* main_movie  ================================================================================== */ 

 
 


/* main_call  ================================================================================== */ 
.main_call								    {position:relative; padding:10em 0; background:url('../img/main/main_call_bg.jpg') no-repeat center 50%;background-size:cover; text-align:center; color:#fff; }  
.main_call .txt_wrap					{position:relative;  letter-spacing:0;  }
.main_call .txt01						{   font-size:1.05em;  line-height:1.4; font-weight: 600;color:#f5822b; letter-spacing:0.5px; padding-bottom:25px;  } 
.main_call .txt02						{ font-size:2.3em;color:#fff;  line-height:1.4; font-weight: 500;   font-family: 'Paperlogy'; padding-bottom:35px;  } 
.main_call .txt02 p                   {font-size:1.15em;}
.main_call .txt03						{  font-size:1.8em;color:#fff;  line-height:1.4; font-weight: 500;   font-family: 'Paperlogy';} 
.main_call .txt03 span				{color:#f5822b;  font-weight: 800;font-size:1.7em;  font-family: 'Paperlogy'; letter-spacing:0.5px;display:inline-block; margin-left:10px; } 

@media screen and (max-width:1200px) {
    .main_call								    { padding:8em 0; font-size:0.9em; }
}
@media screen and (max-width:1024px) {
    .main_call								    { padding:7em 0; font-size:0.8em; }
}
@media screen and (max-width:768px) {
    .main_call								    { padding:6em 0; font-size:0.6em; }
}
@media screen and (max-width:580px) {
    .main_call .txt01						{   font-size:1.25em; padding-bottom:20px;  } 
    .main_call .txt02						{ font-size:1.75em;  padding-bottom:20px;  }  
    .main_call .txt03						{  font-size:1.5em; } 
    .main_call .txt03 span				{ font-size:1.5em;     } 
}


/* main_call  ================================================================================== */ 







/* 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:1px 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    ================================================================================== */







 
/* 인트로 화면 ================================================================================== */
.intro_wrap									{position:relative;text-align:center;height:100%; background:url('../img/main/intro_bg.jpg') no-repeat center 50% #101226;  background-size:cover;   }
.intro_wrap .inner							{max-width:1360px; width:100%;  min-height:680px; margin:auto; padding:0 15px;   }
.intro_wrap .inner	.intro_top       { padding:45px 0; display: flex; flex-flow:wrap; justify-content: space-between; }
.intro_wrap .intro_logo				{ transition: var(--transition1);  display: flex; flex-direction: column; justify-content:center; align-items:center;  } 
.intro_wrap .intro_logo img				{ height:40px; } 
.intro_wrap .inner	.intro_top .link  { position:relative; display: flex; flex-flow:wrap; justify-content: right; gap:8px; }
.intro_wrap .inner	.intro_top .link a  { position:relative; display:inline-block;    line-height:49px;height:50px;padding:0 25px 0 30px;  font-weight:500; font-size:0.95em; color:#fff;  border-radius:50px; border:1px solid rgb(255,255,255,0.5); }
.intro_wrap .inner	.intro_top .link a::after             { position:relative; content: ''; display: inline-block; top:3px; width:18px; height:18px; margin-left:12px; background: url('../img/common/icon_arrow.svg') no-repeat 50% 50%; background-size: 100%;   opacity:0.85;  filter: brightness(0) invert(1);    }
.intro_wrap .inner	.intro_top .link a:hover				{background:#fff; color:#333;  border:1px solid rgb(255,255,255,1); }
.intro_wrap .inner	.intro_top .link a:hover::after	{  filter: brightness(1) invert(0);  }

@media screen and (max-width:1024px) {       
    .intro_wrap .inner	.intro_top       { padding:25px 0; }
    .intro_wrap .intro_logo img				{ height:30px; } 
    .intro_wrap .inner	.intro_top .link  {   gap:5px; top:-5px; }
    .intro_wrap .inner	.intro_top .link a  {   line-height:39px;height:40px;padding:0 13px 0 15px;font-size:0.9em;   }
    .intro_wrap .inner	.intro_top .link a::after             {  top:2px; width:15px; height:15px; margin-left:10px;   }
}
@media screen and (max-width:768px) {       
    .intro_wrap .inner							{ padding:0 10px;   }
    .intro_wrap .inner	.intro_top       {   justify-content: center; flex-direction: column; gap:15px; }
    .intro_wrap .inner	.intro_top .link  {  justify-content: center;   }
}
@media screen and (max-width:480px) {     
    .intro_wrap .inner	.intro_top .link a  {   line-height:35px;height:38px;padding:0 10px 0 10px;font-size:0.85em;   }
}

 
.intro_wrap .intro_txt											{position:relative; text-align:center;margin-top:60px; font-size:1.5em; line-height:1.2;   z-index:100; color:#fff;   }   
.intro_wrap .intro_txt .txt01								{font-family: 'Paperlogy';font-weight:700;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4);transition: var(--transition1);  } 
.intro_wrap .intro_txt .txt02								{font-family: 'Paperlogy';font-size:1.7em;font-weight:700;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4);padding-top:7px;transition: var(--transition1);  } 

@media screen and (max-width:1024px) {       
    .intro_wrap .intro_txt											{ margin-top:40px; font-size:1.35em; }
}
@media screen and (max-width:768px) {       
    .intro_wrap .intro_txt											{ margin-top:20px; font-size:1.15em; } 
}
@media screen and (max-width:480px) {     
    .intro_wrap .intro_txt											{  font-size:1em; } 
    .intro_wrap .intro_txt .txt02								{ font-size:1.6em;}
}

.intro_wrap ul								{position:relative;margin:auto; margin-top:40px;   width:100%;display: flex; flex-flow:wrap; justify-content: center; gap:1em 1%;  transition: var(--transition1);  }
.intro_wrap ul li								{position:relative; background:rgb(255,255,255,0.8); width:23.5%;  top:0; border-radius:1em; overflow:hidden; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.2);  transition: var(--transition1); border:1px solid rgb(255,255,255,0.9);  backdrop-filter: blur(6px); }
.intro_wrap ul li a							{display:block;height:100%; width:100%; padding:20px 22px; text-align:left; }  
   
.intro_wrap li .tag        {display:inline-block; min-width:65px; line-height:32px; background:var(--color1);border-radius:50px; text-align: center; color: #fff; padding: 0 12px; font-size: 0.85em;  }
.intro_wrap li .tag1     {background: #2d5ef2;}
.intro_wrap li .tag2     {background: #f9880f;} 
.intro_wrap li .cont       {padding:10px 0 5px 5px; }
.intro_wrap li .year       {margin-bottom:5px; color: #182d6e; font-size:0.95em; font-weight: bold; }
.intro_wrap li .title      {  color: #182d6e; font-weight: 800; font-size: 1.15em; line-height: 1.3;    overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}

.intro_wrap ul li:hover					{top:-10px; background:#fff;} 


 
.intro_wrap .intro_copy					{padding:40px 0 ; height:100px; font-size:0.85em;  text-transform: uppercase; line-height:1.3; word-break:keep-all;   }
.intro_wrap .intro_copy p                {color:#fff; opacity:0.8; letter-spacing:0; }
 
 
@media screen and (max-width:1024px) {       
    .intro_wrap ul								{  gap:1em 1.5%; }
    .intro_wrap ul li								{  width:32%;  }
    .intro_wrap ul li a							{ padding:18px 20px;}
    .intro_wrap li .tag                         {  line-height:30px;min-width:60px; }
} 
@media screen and (max-width:768px) {       
    .intro_wrap ul li a							{ padding:15px 1em;}
    .intro_wrap li .cont                       {font-size:0.95em; padding:5px 0 3px 3px;}
    .intro_wrap li .tag                         {  line-height:28px; }
}
@media screen and (max-width:480px) {       
    .intro_wrap ul								{ margin-top:30px;  }
    .intro_wrap ul li								{  width:48%;  }
}

/* 인트로  ================================================================================== */