@charset "utf-8"; 
 
.main_container                     {  }
 
/* MAIN VISUAL  ================================================================================== */

.main_visual										{position:relative; top:0; left:0; overflow:hidden;  }
.main_visual_mask                           {position:absolute;  left:0; bottom:0;width:calc(100% - var(--main-radius-size));height:var(--main-radius-size); background:#fff; z-index:1;}   
.main_visual::before                         {position:absolute;content:''; left:0; bottom:var(--main-radius-size);width:var(--main-radius-size);height:var(--main-radius-size); background:url('../img/main/main_img_mask01.png') no-repeat left 0; background-size:100% auto; z-index:1;}   
.main_visual::after                            {position:absolute;content:''; right:0; bottom:0;width:var(--main-radius-size);height:var(--main-radius-size); background:url('../img/main/main_img_mask02.png') no-repeat left 0; background-size:100% auto; z-index:1;}   
 
/*.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 - 130px); 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_item 							{position:relative; visibility:hidden; display:block; height:750px; }
.main_visual_item > :first-child      {visibility: visible;} /* 캐시삭제시 CSS 및 JS 로딩 현상 방지 */
 
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0;  /*animation:imgScale 3s both; filter: brightness(0.7); */ }  
.main_visual .bg::before							{position:absolute; content:'';left:0;top:0; width:100%;height:220px; background:linear-gradient(to bottom, rgb(0,0,0,0.4), transparent); display:none; } 

.visual_txt											{position:absolute;   width:100%; top:30%;  line-height:1.2;   z-index:100; color:#fff; /*animation: ani-slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;*/  } 
.visual_txt .txt01								{font-family:var(--font-family-brand); font-size:1.4em;font-weight:500; color:#ffe464;letter-spacing:0; transition: var(--transition1); padding-left:30px; } 
.visual_txt .txt02								{font-family:var(--font-family-brand); font-size:2.9em; font-weight:600;  transition: var(--transition1); padding-top:25px; padding-left:30px; }
.visual_txt .txt03								{  font-weight:600;  font-size:1.35em; padding-top:30px; line-height:1.3;transition: var(--transition1); padding-left:30px; /*  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:20px;  }
.visual_box .btn-next                     {right:20px;  }
.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:20px; width:100%; max-width:1400px; margin:auto;  z-index:111 ;  transform: translateX(-50%); display:flex;justify-content:  ; 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                          { height:initial; aspect-ratio:14/7;  }    

    .visual_txt .txt01								{  font-size:1.8vw; padding-left:40px; } 
    .visual_txt .txt02								{ font-size:3.65vw;  padding-top:20px; padding-left:40px; }
    .visual_txt .txt03								{ font-size:1.7vw; padding-top:25px; padding-left:40px;}
}
@media screen and (max-width:1024px) { 
	.main_visual_item                            { aspect-ratio:14/6.3;  }      
    .visual_txt                                          {top:33%; }
    .visual_txt .txt01								{  font-size:1.85vw; display:none;  } 
    .visual_txt .txt02								{ font-size:3.7vw; padding-top:0; }
    .visual_txt .txt03								{ font-size:1.8vw; padding-top:15px;  }
   
    .visual_box .btn-prev                     { left:10px;  }
    .visual_box .btn-next                     {right:10px;  }
 } 
@media screen and (max-width:768px) {
	.main_visual_item                       { aspect-ratio:10/5.3; min-height:230px; }    
    .main_visual_mask                           { width:100%;  }   
    .main_visual::before                         {display:none; }
    .main_visual::after                            {display:none; }
    .visual_txt                                          {top:40%; }
    .visual_txt .txt03								{ display:none;  }
} 
@media screen and (max-width:480px) {     
    .visual_txt .txt02								{ font-size:4.3vw;   }
}
 
/* MAIN VISUAL  ================================================================================== */




/* 메인 아이콘 배너    ================================================================================== */
.main_banner										{position:relative; top:-60px; z-index:2;}  
.main_banner ul									{position:relative; max-width:1300px; display: flex; flex-flow:wrap;  }  
.main_banner li									    { position:relative;text-align:center;  flex:1; } 
.main_banner a									    {display:block;}
.main_banner li .img							{position:relative;top:0;width:120px; height:120px; background:#f7f7f7; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; margin:auto;  transition:var(--transition1);} 
.main_banner li .img img					    {width:100%; transition:var(--transition1);} 
.main_banner li a p								{display:block;color:#000; font-weight:700;font-size:1em;  margin-top:15px;    } 
.main_banner li:hover .img, .main_banner li:focus .img				{transform: translateY(-10px); }
.main_banner li:hover a p, .main_banner li:focus a p					{ color:#000;  } 
 
@media screen and (max-width:1400px) {  
    .main_banner										{ top:-40px; padding:0 10px; }  
    .main_banner li .img							{ width:110px; height:110px;  }
}
@media screen and (max-width:1024px) {  
    .main_banner										{ top:-20px; }  
    .main_banner li .img							{ width:100px; height:100px;  } 
    .main_banner li a p								{font-size:0.95em;margin-top:10px;  } 
}
@media screen and (max-width:768px) { 
    .main_banner										{ padding:0  ; }  
    .main_banner ul									{ justify-content: center;   row-gap:20px; }      
    .main_banner li									    {flex:initial; width:calc(100% / 3); } 
    .main_banner li .img							{ width:90px; height:90px;  } 
} 
@media screen and (max-width:480px) {   
    .main_banner li .img							{ width:80px; height:80px;  } 
    .main_banner li a p								{font-size:0.8em; } 
}
 
/* 메인 아이콘 배너    ================================================================================== */







/* 메인 뉴스    ================================================================================== */
.main_news										    {position:relative; padding:40px 0 100px 0 ;  overflow:hidden;  }  
.main_news .web_size2                      {padding:0 15px;}
.main_news .board							    {position:relative;  float:left; width:calc(100% - 430px);border:1px solid #ddd; border-radius:20px; padding:40px; box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1); }
.main_news .member							{ position:relative;  float:right; width:390px; height:432px; border-radius:20px; padding:35px 45px; background:var(--color4); }
 
.main_news .member_tit                    {color:#fff; font-size:1.75em;font-weight:800; text-align:center; padding-bottom:25px;}
.main_news .member_box                {}
.main_news .member .tab                      {position:relative;  display:flex;gap:4px; margin-bottom:15px;  }
.main_news .member .tab::before         {position:absolute; content:'';left:0;bottom:0; width:100%; height:1px; background:var(--color3);opacity:0.7;   }
.main_news .member .tab button          { position:relative;  color:#fff;  flex:1;  line-height:45px;font-size:0.95em; font-weight:500;}
.main_news .member .tab button::before          { position:absolute; content:'';left:0;top:0; width:100%; height:100%; border:1px solid #fff;border-bottom:0; border-radius:6px 6px 0 0; opacity:0.3;   }  
.main_news .member .tab .on   { color:var(--color3);}
.main_news .member .tab button:hover::before,
.main_news .member .tab .on::before       {border-color: var(--color3);  opacity:0.7; }
.main_news .member .tab .on::after       {position:absolute; content:'';left:0;bottom:0; width:calc(100% - 1px); height:1px; background:var(--color4); }

.main_news .member .label               {display: flex; flex-direction: column;gap:10px;}
.main_news .member input                {width:100%; font-size:1em; line-height:60px; padding:0 15px; font-weight:600;  border-radius:6px; border:0;letter-spacing:0;  } 
.main_news .member input::placeholder       {  color:#999; font-size:0.9em; }

.main_news .member_btn                  { width:100%; height:60px; background:var(--color1); color:#fff; font-weight:600;font-size:1.05em; border-radius:6px;  cursor:pointer; margin-top:20px;}
  
.main_news .member .menu				{display:flex; gap:20px; justify-content:center; margin-top:12px;}
.main_news .member .menu a			    { position:relative; color:#fff;   font-size:0.85em; opacity:0.7;}
.main_news .member .menu a:not(:last-of-type)::after        {content:''; position:absolute; top:7px; right:-11px; width:1px; height:0.9em; background:#fff; opacity:0.6; } 
.main_news .member .menu a.company      {color:#fff;}
.main_news .member .menu a:hover        {  text-decoration:underline; opacity:1; }
 
.main_news .member .noti                 {text-align:center; color:#fff; padding-top:10px; } 
.main_news .member .noti span        {color:var(--color3); text-decoration:underline;  } 

.main_news .member .member_profile        {background:url('../img/main/member_profile.png') no-repeat center 0; background-size:cover; width:80px;height:80px;margin-bottom:15px;  }
.main_news .member .member_login          {text-align:center; color:#fff; display: flex; flex-direction: column;  justify-content:center; align-items:center;   }
.main_news .member .member_profile_cate   {background:#427ee2; border-radius:50px; color:#fff; padding:3px 15px;font-size:0.8em; display:inline-block; margin-bottom:10px; }
.main_news .member .member_login .name        {font-size:0.9em;  }
.main_news .member .member_login .name strong {display:block; font-size:1.15em; font-weight:700; color:#ffcc00;  }

.main_news .member .member_login .btn_admin     {display:inline-block; padding:4px 10px; background:#999;color:#fff; font-size:0.75em;border-radius:6px; height:24px; }

.main_news .member .member_login .btn_wrap        { border-top:1px dashed rgb(255,255,255,0.3); padding-top:18px; margin-top:15px;width:100%;display: flex; justify-content: center;  gap:4px; }
.main_news .member .member_login .btn_wrap a     {display:inline-block; padding:10px 15px; background:var(--color1);color:#fff; font-size:0.9em;font-weight:500; border-radius:6px; flex:1;  }

.main_news .member .info                { position:absolute; left:0; bottom:0; width:100%; padding:12px 10px; line-height:1.4; font-size:0.78em; background:#71788c; color:#fff; text-align:center;}
.main_news .member .info strong         {font-weight:500; margin:0 7px 0 3px;}
.main_news .member .info i              {font-size:17px; opacity:0.9;} 
.main_news .member .member_login>p            {  font-size:0.95em; margin:10px 0 15px 0; line-height:1.4;}
.main_news .member .member_login button       { font-size:0.8em;}


 
@media screen and (max-width:1200px) {   
    .main_news .board							    { width:calc(100% - 390px);  padding:30px;  }
    .main_news .member							{  width:360px; padding:30px 35px;   height:412px; }
    .main_news .member_tit                    { font-size:1.65em; padding-bottom:20px;} 
    .main_news .member .menu				{ margin-top:9px;}
} 
@media screen and (max-width:1024px) {   
    .main_news										    { padding:40px 0 60px 0 ;   }  
    .main_news .board							    { width:calc(100% - 350px);  }
    .main_news .member							{  width:330px; padding:27px 30px; height:360px; }
    .main_news .member_tit                    { font-size:1.55em;  } 
    .main_news .member .tab button          {    line-height:40px;font-size:0.9em; }
    .main_news .member input                { line-height:50px; padding:0 10px;   }  
    .main_news .member_btn                  {   height:50px;  margin-top:10px;} 
    .main_news .member .member_profile        {  width:70px;height:70px;  }
    .main_news .member .member_login .btn_wrap        {  padding-top:15px; margin-top:12px;}
} 
@media screen and (max-width:768px) {   
    .main_news .board							    { width:100%; margin-bottom:24px;   }
    .main_news .member							{  width:100%; padding:  24px;height:initial; }
    .main_news .member_tit                    { font-size:1.5em;  } 
    .main_news .member_box                {max-width:360px; margin:auto;}
    .main_news .member .menu a			    {  font-size:0.8em; }
    .main_news .member .member_profile        {  width:60px;height:60px;  }
}

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





/* 프로그램 =============================================================================== */

.main_program                         { position:relative; padding:75px 0;  background:var(--color5); border-radius:var(--main-radius-size) 0 0 var(--main-radius-size);  }
.main_program::before           {position:absolute; content:''; right:0; top:-100px;width:var(--main-radius-size); height:var(--main-radius-size);  background:url('../img/main/main_img_mask02.png') no-repeat 0 0 var(--color5);background-size:cover; transform: rotate(90deg); }
.main_program .web_size2       { display: grid;   grid-template-columns:repeat(2, 1fr);  }

.main_program .item               {  width:100%; padding:15px 5px;overflow:hidden; }

.main_program .tit                  { position:relative; padding:0 15px 20px 15px; }
.main_program .tit h2              {font-family:var(--font-family-brand);  font-weight:600; color:#000; font-size:1.6em;padding-top:3px;   }
.main_program .tit h2 span              { color:var(--color1)   }
.main_program .tit .more           {position:absolute;  right:10px; top:0; display:inline-block;}
.main_program .tit .more span                  {position:absolute; right:0;  display:block; width:34px;height:34px; border-radius:30px; border:1px solid #ddd;  background:#fff;  transition:all 0.3s ease;} 
.main_program .tit .more span::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#a9a9a9;}
.main_program .tit .more span::before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:14px; width:2px; background:#a9a9a9;}
.main_program .tit .more:hover span::after,
.main_program .tit .more:hover span::before	{ background:var(--color1);} 
.main_program .tit .more:hover span                {border-color:var(--color1);}
.main_program .tit .more:hover span::after		 {border-color:var(--color1);}

   
.main_program .wrap_program         {display: grid;   grid-template-columns:repeat(2, 1fr); }
.main_program .wrap li              {position:relative; padding:30px; min-height:220px; margin:10px; border:1px solid #ddd; border-radius:1em; background:#fff;  box-shadow: 0 3px 6px 0 rgba(0,0,0,0.08); transition:var(--transition1); }
.main_program .wrap li .state       { position:relative;display:inline-block; width:74px; line-height:32px;   font-weight:500; font-size:0.9em;  text-align:center; border-radius:50px; background:#ff577e; color:#fff; }
.main_program .wrap li.closed .state   {background:#acacac; }

.main_program .wrap li .txt01         { font-size:1.1em;  color:#222; font-weight:600;  line-height:1.3; margin:10px 0 15px 0;height:47px;  overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all;}
.main_program .wrap li dl            { }
.main_program .wrap li dl div      { font-size:0.9em;display:flex; gap:8px;   }
.main_program .wrap li dl dt         { position:relative;color:#666;font-weight:500; padding-left:10px;  } 
.main_program .wrap li dl dt::before        { position:absolute; content:'';left:0; top:10px; width:3px; height:3px; background:#666; border-radius:3px;  } 
.main_program .wrap li dl dt::after        { content:' :';  } 
.main_program .wrap li dl dd        {flex:2; color:#888; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.main_program .wrap li:hover        { border-color:var(--color1); box-shadow: 0 3px 10px 0 rgba(0,0,0,0.12);} 


.main_program .control     {position:absolute;  right:10px; top:0;    } 
.main_program .control .arrow                         { display:flex; gap:3px; }
.main_program .control .arrow button             {  color:#aaa;font-size:0.95em;  width:34px;height:34px;line-height:34px; border-radius:30px; border:1px solid #ddd;  background:#fff;cursor:pointer;    }
.main_program .control .arrow .btn-toggle    {}
.main_program .control .arrow .btn-toggle span    {position:relative; display:inline-block; cursor:pointer;  width:100%; height:100%; }
.main_program .control .arrow .btn-toggle.play span::before    { position:absolute;  content:''; top:10px;left:12px; width:3px;height:12px; background:#aaa; }
.main_program .control .arrow .btn-toggle.play span::after     { position:absolute;  content:''; top:10px;left:18px; width:3px;height:12px; background:#aaa; }
.main_program .control .arrow .btn-toggle.pause span::before    { position:absolute;  content:'';  top:10px;left:14px;  width:0px;height:0px;border-top:6px solid transparent;border-bottom:6px solid  transparent;border-left:8px solid #aaa;}

.main_program .control .arrow button:hover             {  color:var(--color1);  border-color:var(--color1);  }

.main_program .nolist                 {font-size:1.05em;  min-height:220px; margin:10px; border:1px solid #ddd; border-radius:1em; display: flex;  justify-content:center; align-items:center; }


@media screen and (max-width:1400px) {   
    .main_program::before           {  top:-70px;}
    .main_program                         {   padding:60px 20px; } 
}
@media screen and (max-width:1024px) {   
    .main_program                         {   padding:50px 10px; } 
    .main_program::before           {  top:-50px;}
    .main_program .tit                  {  padding-bottom:10px; }
    .main_program .tit h2              { font-size:1.5em;  }
    .main_program .inner              {padding:20px;}
    .main_program .inner .state       {display:inline-block; position:relative; width:65px; left:0; top:0; right:auto; height:26px; line-height:24px; margin-right:5px; font-size:13px;}
    .main_program .inner .tit         {margin-bottom:7px; font-size:1.05em; width:100%;}
    .main_program .inner .more        {width:36px; line-height:36px;}
    .main_program .inner:hover        {transform:none;} 

    .main_program .web_size2       {  grid-template-columns:repeat(1, 1fr); gap:0;}
    .main_program .nolist                 {   min-height:initial;   }
} 
@media screen and (max-width:768px) {        
    .main_program                         {   padding:30px 10px; } 
    .main_program .item               {   padding:10px 0; }
    .main_program .tit h2              { font-size:1.35em;  }
    .main_program .tit .more span                  { width:28px;height:28px;  } 
    .main_program .tit .more span::after			{ width:12px;}
    .main_program .tit .more span::before		{ height:12px; }
    .main_program .wrap_program         { grid-template-columns:repeat(1, 1fr); }
    .main_program .wrap li                   { padding:20px; min-height:initial; margin:10px; }
    .main_program .wrap li .txt01         { font-size:1.05em;  margin:10px 0;height:43px;  }
    .main_program .wrap li .state         {   width:70px; line-height:30px;  font-size:0.85em; }
 
}


/* 프로그램 =============================================================================== */





/* 파트너 =============================================================================== */
.main_partner                         { position:relative; padding:80px 0; background:url('../img/main/main_partner_bg.jpg') no-repeat center bottom;background-size:100% auto;   }
.main_partner .web_size2       { padding:0 15px; text-align:center; }
.main_partner .tit_wrap           {margin-bottom:50px; }
.main_partner .tit_wrap .txt01          {color:var(--color1); font-family:var(--font-family-brand); font-weight:700; font-size:1.05em;margin-bottom:20px; letter-spacing:0; }
.main_partner .tit_wrap .txt02          {color:#646464; font-family:var(--font-family-brand); font-weight:600; font-size:1.7em; line-height:1.2; }
.main_partner .tit_wrap .txt02 span   {color:#000; }

.main_partner .famsite_box       {position:relative; text-align:center;  padding:0 30px; }
.main_partner .famsite_item       {/* display: grid; grid-template-columns:repeat(5, 1fr); gap:30px; */ margin:auto; max-width:1350px;margin:auto;}
.main_partner .famsite_item article    {text-align:center; padding:12px 0;  display: inline-flex !important;   justify-content:center;}
.main_partner .famsite_item img    {max-height:81px;  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); }  

 
.main_partner .btn-prev, 
.main_partner .btn-next      { position: absolute; top:calc(50% - 15px);  width:30px; height:30px;  cursor: pointer; opacity:0.5;  z-index: 110; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center;  }  
.main_partner .btn-prev span, 
.main_partner .btn-next span	 {position:absolute; width:20px;height:20px;border:solid #333; border-width:2px 2px 0 0;  }
.main_partner .btn-prev                  { left:0; transform: rotate(-135deg);    }
.main_partner .btn-next                  { right:0; transform: rotate(45deg);  }
   
@media screen and (max-width:1024px) {    
    .main_partner                         {   padding:60px 0; background-size: auto 100%;   }
}
@media screen and (max-width:768px) {    
    .main_partner .tit_wrap .txt01          { font-size:1em;margin-bottom:15px;   }
    .main_partner .tit_wrap .txt02          {  font-size:1.5em;} 
}
@media screen and (max-width:580px) {    
    .main_partner .tit_wrap .txt01          { font-size:0.9em;  }
    .main_partner .tit_wrap .txt02          {  font-size:1.3em;} 
}


/* 파트너 =============================================================================== */
 


/* ****************** 메인 로그인 영역 제어 ********************** */
.main_login_com     {}
.main_login_stu     {display:none;}


/* ****************** 메인 로그인 영역 제어 ********************** */