@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@800&display=swap');

/* VISUAL    ================================================================================== */
.main_container						{padding:140px 0 0 0;}

.main_visual								{position:relative; overflow:hidden;}
.main_visual .item						{position:relative; width:100%; height:620px; content:''; animation:imgScale 3s both; filter: brightness(0.8);}	 
/* bxSlider 초기화 전: 슬라이드가 세로로 쌓였다 줄어드는 것·초기화 때 줌 애니메이션이 재시작되는 것을 가림 (main.js onSliderLoad 에서 visible) */
.main_visual								{background:#1a1f2e;}
.main_visual .bxslider					{visibility:hidden; opacity:0; transition:opacity 0.6s ease;}
.main_visual .bxslider.on				{opacity:1;}
.main_visual > .bxslider > li + li		{display:none;}
.visual_txt									{position:absolute; width:100%; top:20.5%; z-index:100;color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards; transition:all 0.3s ease;}
.visual_txt .txt01						{font-family: 'Paperlogy'; font-weight:400; font-size:2em; line-height:1.1;  letter-spacing:0; padding-left:45px; margin:0 0 10px 0;  text-shadow: 3px 3px 5px rgba(0,0,0,0.3); transition:all 0.3s ease;}
.visual_txt .txt02						{font-family: 'Paperlogy'; font-weight:700; font-size:3.6em; line-height:1.1; letter-spacing:0; padding-left:45px; text-shadow: 3px 3px 5px rgba(0,0,0,0.3); transition:all 0.3s ease;}	
.visual_txt .txt03						{ font-size:1.25em; font-weight:600; padding:30px 0 0 45px;line-height:1.4;  text-shadow: 3px 3px 5px rgba(0,0,0,0.3); transition:all 0.3s ease;}	
 
.main_visual_search_box                     {position:absolute; top:50px; text-align:center; width:100%;   z-index:111;   } 
.main_visual_search_bg                       { position:absolute; right:0; top:0;   width:460px; padding:35px 15px ; display: flex; flex-direction: column; justify-content:center;  }
.main_visual_search_bg::before         { position:absolute; content:''; left:0;top:0; width:100%;height:100%;  background:rgb(15,51,186,0.75); border-radius:30px;   backdrop-filter: blur(5px);   -webkit-backdrop-filter: blur(5px);  }
.main_visual_search_box .searh_tit    {font-size:1.6em;font-family: 'Paperlogy';font-weight:600;  color:#fff;  text-align:left; padding:8px 0 25px 25px;   z-index:111; }
.main_visual_search                             {position:relative;   text-align:left;   height:60px;  border-radius:50px; background:#fff; padding:9px; margin:0 20px; } 
.main_visual_search input[type="text"]{position:relative;font-size:1.1em;  font-family: 'Paperlogy';font-weight:600; width:calc(100% - 44px); height:40px; padding: 0 10px 0 22px; border:0; border-radius:50px; transition:all 0.3s ease;   }
.main_visual_search input[type="text"]::placeholder{ color:#0f33ba; font-size:0.95em; }
.main_visual_search .btn_search{position:absolute; right:9px; top:9px; width:42px; height:42px; background:  #0f33ba; color:#fff; font-size:1.3em; border-radius:50px;  cursor:pointer;} 

.main_visual_search input[type="text"]:hover, 
.main_visual_search input[type="text"]:focus, 
.main_visual_search input[type="text"]:active{ background-color:#fff; color:var(--color1); text-align:left;}
.main_visual_search input[type="text"]:hover::placeholder, 
.main_visual_search input[type="text"]:focus::placeholder, 
.main_visual_search input[type="text"]:active::placeholder{color:#ddd;  }
  
 
.main_visual_bn                                    {position:relative; width:100%;  display: grid; grid-template-columns:repeat(3, 1fr); gap:20px 0;  padding-top:30px; }
.main_visual_bn li                                 {position:relative; text-align:center;  }
.main_visual_bn li figure                      { position:relative; width:70px; height:70px; margin:auto;} 
.main_visual_bn li figure img              { position:relative; width:100%;  transition:all 0.3s ease;} 
.main_visual_bn li figure::before        {  position:absolute; content:''; top:50%;left:50%;width:0;height:0; background:#fff; opacity:0; border-radius:50%; transform:translate(-50%, -50%);  transition:all 0.4s ease;} 
.main_visual_bn li .txt				            {   font-size:1em; color:#fff; line-height:1.3;  font-family: 'Paperlogy';font-weight:600; padding-top:8px; }
.main_visual_bn li .txt span		            {display:block; font-size:1.4em; color:#ffcc00;font-weight:700;  }
   
.main_visual_bn li:hover figure::before    { width:105%;height:105%; opacity:0.18;   }



/* 화살표 css   */
.main_visual .arrow          { display:none; position:absolute; top:0; width:100%; height:620px;  }
#bx_prev                            { left:0; }
#bx_next                            { right:60px; }
.bx-arrow                           { position: absolute; top: calc(50% - 30px);   cursor: pointer;    opacity:0.5;  z-index: 120;  transition:all 0.3s ease; }
.bx-arrow:hover                {opacity:0.9; } 
.bx-arrow span					{position:absolute; width:60px; height:60px;  border:0 solid rgb(255,255,255,0.35); cursor:pointer; border-radius:50%; }
#bx_prev span::after         {position:absolute; content:''; top:10px; left:20px; width:30px;height:30px;border:solid #fff; border-width:2px 2px 0 0;  transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  }
#bx_next span::after         {position:absolute; content:''; top:10px; right:20px;  width:30px;height:30px;border:solid #fff; border-width:2px 2px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  } 
/* 화살표 css   */




@media screen and (max-width:1430px) { 
    .main_visual								{font-size:0.9em;}
    .main_visual .arrow,
    .main_visual .item						            {  height:560px; } 
    .main_visual_search_box                     { top:40px;  } 
    .main_visual_search_bg                       {  right:30px; width:400px;  padding:25px 10px ; }
    .main_visual_search_box .searh_tit    { padding:8px 0 20px 25px;  }
    .main_visual_search                             { height:54px; padding:7px; margin:0 18px; }  
    .main_visual_search input[type="text"]{ width:calc(100% - 40px);   padding: 0 10px 0 18px;  }
    .main_visual_search .btn_search         { right:7px; top:7px; width:40px; height:40px;  }  
    .main_visual_bn                                    { padding-top:20px; }

}
@media screen and (max-width:1200px) {  
    .main_container						            {padding:130px 0 0 0;}
    .main_visual .arrow,
    .main_visual .item						            {  height:520px; } 
    .visual_txt									            {font-size:0.9em; }
    .main_visual_search_box                     { top:30px;  } 
    .main_visual_search_bg                       {  width:350px;   }
    .main_visual_search_bg::before         { border-radius:25px;  }
}
@media screen and (max-width:1024px) { 
    .main_container						{padding:60px 0 0 0;}
    .main_visual								{font-size:0.85em;}
    .main_visual .arrow,
    .main_visual .item						{height:440px;}   
    .visual_txt									{ top:19%; }
    .visual_txt .txt03						{ padding:20px 0 0 45px; }

    .main_visual_search_bg                       {  right:20px; width:340px;  padding:20px 10px ; } 
    .main_visual_search_bg::before         { border-radius:20px;  }
    .main_visual_search                             { height:40px; padding:5px; }   
    .main_visual_search input[type="text"]{ width:calc(100% - 30px); height:30px;   padding: 0 10px 0 15px;  }
    .main_visual_search .btn_search         { right:5px; top:5px; width:30px; height:30px;  }  

    .main_visual_bn                                    { gap:10px 0;  padding-top:10px; }
    .main_visual_bn li figure                      {  width:60px; height:60px;  } 
} 
@media screen and (max-width:860px) {  
    .main_visual .arrow                  {display:block; height:350px;}    
    .main_visual .item						{height:470px;}   
    .visual_txt									{  text-align:center; }
    .visual_txt .txt01						{  padding-left:0; margin:0 0 10px 0;  }
    .visual_txt .txt02						{ font-size:2.8em;  padding-left:0; }
    .visual_txt .txt02 br                   {display:none; }
    .visual_txt .txt03						{ display:none;  font-size:1.3em; padding:10px 0 0 0;}
  
    .main_visual_search_box                     {  top:160px ;  } 
    .main_visual_search_bg                       { right:0; width:100%; padding:30px 0 0 0;  }
    .main_visual_search_bg::before         { display:none; }
    .main_visual_search_box .searh_tit    {display:none; }
    .main_visual_search                             { height:40px; padding:5px;max-width:330px; width:70%; margin:auto; }   
  
    .main_visual_bn                                    { grid-template-columns:repeat(6, 1fr); gap:20px 0; margin-top:90px; padding: 20px 0;  }
    .main_visual_bn::before                      { position:absolute; content:''; left:0;top:0; width:100%;height:100%; background:rgb(15,51,186,0.7);  backdrop-filter: blur(5px);   -webkit-backdrop-filter: blur(5px);  }

}
@media screen and (max-width:600px) {   
    .main_visual .arrow,
    .main_visual .item						{height:300px;}   
    .visual_txt									{ top:25%;  }
    .visual_txt .txt01						{ font-size:1.9em;  }
    .visual_txt .txt02						{ font-size:2.3em;  } 
    .main_visual_search_box         {  top:150px ;  } 
 
    .main_visual_bn                        { display: none;} 
}
@media screen and (max-width:480px) {   
    .main_visual .arrow,
    .main_visual .item						{height:250px;}   
    .visual_txt .txt01						{ font-size:1.6em;  }
    .visual_txt .txt02						{ font-size:1.9em;  } 
    .main_visual_search_box         {  top:120px ;  } 
}

 

 
/* MAIN_CONT    ================================================================================== */
 


.main_visual_bn02                                        {display:none; position:relative; width:100%;  background:rgb(15,51,186,1);   }
.main_visual_bn02 ul                                    {  position:relative; width:100%;  display: grid; grid-template-columns:repeat(3, 1fr); gap:13px  0;  padding:  15px ;  }
.main_visual_bn02 ul li                                 {position:relative;   }
.main_visual_bn02 ul li a                              {position:relative; display:flex; gap:10px; }
.main_visual_bn02 ul li figure                      { position:relative; width:50px; height:50px;  } 
.main_visual_bn02 ul li figure img              { position:relative; width:100%;  transition:all 0.3s ease;} 
.main_visual_bn02 ul li figure::before        {  position:absolute; content:''; top:50%;left:50%;width:0;height:0; background:#fff; opacity:0; border-radius:50%; transform:translate(-50%, -50%);  transition:all 0.4s ease;} 
.main_visual_bn02 ul li .txt				            { text-align:left;  font-size:0.85em; color:#fff; line-height:1.25;  font-family: 'Paperlogy';font-weight:600; padding-top:5px;   }
.main_visual_bn02 ul li .txt span		            {display:block; font-size:1.25em; color:#ffcc00;font-weight:700;    }
   
.main_visual_bn02 ul li:hover figure::before    { width:105%;height:105%; opacity:0.18;   }
 
@media screen and (max-width:600px) {   
    .main_visual_bn02                                   {display:block;  }
}

@media screen and (max-width:480px) {   
.main_visual_bn02 ul                                    {    grid-template-columns:repeat(2, 1fr); gap:10px 20px;}
.main_visual_bn02 ul li .txt				            {   font-size:0.8em; }
}

/* 메인배너 ================================================================================== */
.main_bn01										{position:relative; background:#0b1b5e;  }
.main_bn01 ul									{border-left:1px solid rgb(255,255,255,0.1); display:flex; flex-flow:wrap;  justify-content: space-between;  }
.main_bn01 ul li								{flex:1;  }
.main_bn01 ul li a								{position:relative;display:block; padding:30px 20px; line-height:20px; color:#fff;  font-family: 'Paperlogy'; font-weight:500; font-size:1.1em; border-right:1px solid rgb(255,255,255,0.1); transition:all 0.3s ease;}
.main_bn01 ul li a	span					{position:absolute; right:20px; top:50%;width:25px;height:25px; line-height:25px; font-size:0.9em; border-radius:50px; background:#fff; text-align:center; color:var(--color1); transform: translateY(-50%); }
 
.main_bn01 ul li a:hover					{background:var(--color2); }
.main_bn01 ul li a:hover span		    {color:var(--color2); }
 

@media screen and (max-width:1024px) { 
    .main_bn01 ul li a								{ padding:25px 15px; font-size:1.05em; }
    .main_bn01 ul li a	span					{  right:15px; width:20px;height:20px; line-height:20px; font-size:0.8em;}
}
@media screen and (max-width:860px) { 
    .main_bn01 ul									{display: grid; grid-template-columns:repeat(3, 1fr); }
    .main_bn01 ul li a								{ padding:18px 15px; font-size:1.05em;border-bottom:1px solid rgb(255,255,255,0.1); } 
}
@media screen and (max-width:560px) { 
    .main_bn01 ul									{  grid-template-columns:repeat(2, 1fr); } 
    .main_bn01 ul li a								{ padding:   15px; font-size:1em; }
}


/* 메인배너   ================================================================================== */








/* 메인 프로그램    ================================================================================== */
.main_program								{position:relative; padding:60px 0 50px 0;  } 
.main_program .tit						{position:relative;  } 
.main_program .tit p						{position:relative;display:inline-block; font-size:1.65em ; font-family: 'Paperlogy'; font-weight:600; color:#000; padding-left:25px;padding-bottom:15px; line-height:1.1;  } 
.main_program .tit p::before		{position:absolute; content:''; right:-20px; top:-5px; width:11px; height:11px; background:var(--color4); border-radius:50px;  }
 
.main_program .more						{  position:absolute; right:20px; top:3px;font-size:0.9em; font-weight:600;color:#888; cursor:pointer;  }
.main_program .more span				{position:relative;display:inline-block; width:14px; height:14px; margin-left:13px; }
.main_program .more span::after			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#a9a9a9;}
.main_program .more span::before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:14px; width:2px; background:#a9a9a9;}
.main_program .more:hover span::after,
.main_program .more:hover span::before			{ background:var(--color4);}

.main_program .prolist											{position:relative; }
.main_program .prolist li										{position:relative;margin:15px;  }
.main_program .prolist li a									{display:block; width:100%;padding: 25px;background:#fff;  border:1px solid #dedede; border-radius:15px; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.1);  transition:all 0.3s ease;}
.main_program .prolist .tag										{position:relative; }
.main_program .prolist .tag span								{position:relative;display:inline-block;  background:var(--color3);  font-size:0.85em !important; font-weight:500;  color:#fff !important; border:0; padding:0 !important; line-height:30px; min-width:75px; border-radius:50px;  }
.main_program .prolist .tag span.state_acc						{background:#f1337b !important; } 
.main_program .prolist .tag span.state_end						{background:#a9a9a9 !important; } 
 
.main_program .prolist .txt01									{position:relative;  margin:15px 0  20px 0 ; 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 .prolist .txt02									{position:relative;margin:25px  0;color:#858484; line-height:1.35;  font-size:0.95em !important;  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 .prolist .txt03									{position:relative;  font-size:0.95em ; color:#797878; line-height:1.3;  }
.main_program .prolist .txt03 p span  					{position:relative;display:inline-block;  color:#333; font-weight:500; padding:0 0 7px 12px; }
.main_program .prolist .txt03 p span::before 		{position:absolute; content:''; display:block; left:2px; top:8px; width:3px; height:3px; background:#333; border-radius:50%;}
 
.main_program .prolist li:hover a							{border:1px solid var(--color4);} 
.main_program .prolist li:hover .txt01					{  color:var(--color1); } 
 

.main_program .arrow								{position:absolute; top:43%; width:100%; z-index:11; }
.main_program .arrow p							{position:absolute; width:60px; height:60px;background:#fff; border:1px solid #bdbdbd; border-radius:50px;cursor:pointer;  opacity:0.5; transition:all 0.3s ease; }
.main_program .arrow span					{display:inline-block; border:solid #555; padding:7px;}
.main_program .arrow .prev					{left:-75px;}
.main_program .arrow .prev span			{margin:21px 0 0 25px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_program .arrow .next					{right:-75px;}
.main_program .arrow .next span			{margin:21px 0 0 17px;border-width:2px 2px 0 0; transform:rotate(45deg);} 
.main_program .arrow p:hover				{opacity:1; }
 
 
.program_list_dots								{z-index:1; margin:10px  0 0 0;text-align:center;}
.program_list_dots li							    {display:inline-block; cursor:pointer; border:0 !important; background:none !important; border-radius:none !important; margin:5px !important;}
.program_list_dots li span					{display:inline-block; content:''; width:10px; height:10px; border-radius:50%; margin:0 0px; background:#000; opacity:0.25;}
.program_list_dots li:hover span, .program_list_dots .slick-active span	{opacity:0.6;}



@media screen and (max-width:1600px) { 
    .main_program .arrow .prev					{left:-10px;} 
    .main_program .arrow .next					{right:-10px;}
}
@media screen and (max-width:1460px) { 
    .main_program .prolist  				{ padding:0 5px;  }
    .main_program .prolist li				{ margin:15px 10px;  }

    .main_program .arrow .prev					{left:10px;} 
    .main_program .arrow .next					{right:10px;} 
    .main_program .arrow								{ top:45%; }
    .main_program .arrow p							{ width:50px; height:50px;  }
    .main_program .arrow span					{ padding:6px;} 
    .main_program .arrow .prev span			{margin:17px 0 0 20px;  } 
    .main_program .arrow .next span			{margin:17px 0 0 15px; } 
}  
@media screen and (max-width:1024px) { 
    .main_program								{ padding:50px 0;}
    .main_program .tit p						{  font-size:1.55em ;} 
}
@media screen and (max-width:768px) {  
    .main_program .tit p						{  font-size:1.45em ; padding-bottom:5px;} 
    .main_program .tit p::before		{ right:-17px; top:-4px; width:9px; height:9px;  }
}

/* 메인 프로그램    ================================================================================== */







 
/* 메인 아이콘 배너    ================================================================================== */
.main_bn02										{position:relative;padding:0 0 45px 0; }  
.main_bn02 ul									{position:relative; display: grid; grid-template-columns: repeat(6, 1fr);   transition:all 0.3s ease;}  
.main_bn02 li									{ position:relative;text-align:center;  } 
.main_bn02 a									{display:block;}
.main_bn02 li figure							{position:relative;top:0;width:110px; height:110px; background:#f6f6f6; border-radius:50%; display: flex; flex-direction: column; justify-content:center; align-items:center; margin:auto;  transition:all 0.3s ease;}
.main_bn02 li figure img					{width:100%; transition:all 0.3s ease;}
.main_bn02 li a p								{display:block;color:#444; font-weight:600;  margin-top:15px; transition:all 0.3s ease;} 
.main_bn02 li:hover figure				{top:-10px; }
.main_bn02 li:hover a p					{ color:#000;  } 
 
@media screen and (max-width:1024px) {  
    .main_bn02 li figure							{ width:100px;height:100px;} 
}
@media screen and (max-width:768px) { 
    .main_bn02 ul									{ grid-template-columns: repeat(3, 1fr); row-gap:30px; }      
    .main_bn02 li figure							{ width:90px;height:90px;} 
    .main_bn02 li a p								{font-size:0.95em;margin-top:10px;  } 
} 
@media screen and (max-width:480px) {  
    .main_bn02 li figure							{ width:80px;height:80px;} 
    .main_bn02 li a p								{font-size:0.9em;  } 
}

 
/* 메인 아이콘 배너    ================================================================================== */

  

/* 메인 뉴스    ================================================================================== */
.main_news										    {position:relative; padding:65px 0; overflow:hidden;  background:#f4f5f6;   }  
.main_news .item01							    {position:relative;float:left;width:calc(100% - 490px); }
.main_news .item02							    { position:relative;width:440px; float:right; }
  
.main_news .item02 ul					        { position:relative; display:flex; flex-direction: column; gap:15px; }
.main_news .item02 ul li					    {position:relative;  } 
.main_news .item02 ul a					    { min-height:170px;  padding:20px  35px; background:#2371c3; border-radius:0.7em;  display:flex;justify-content: space-between;   align-items:center;  transition:all 0.3s ease;}
.main_news .item02 ul li:first-child a	{background:#189074;}
.main_news .item02 ul li .cont           {  }
.main_news .item02 ul li .tit				{position:relative;color:#fff;  }
.main_news .item02 ul li .tit span		{font-size:0.85em;display:block;letter-spacing:0; color:#fdd575; font-family: 'Paperlogy'; font-weight:500; }
.main_news .item02 ul li .tit p			    { position:relative;display:inline-block;font-size:1.3em;font-family: 'Paperlogy'; font-weight:500; padding:0 0 12px 0;}
.main_news .item02 ul li .txt				{color:#fff; font-size:0.95em; line-height:1.3; }
.main_news .item02 ul li .txt span		{display:block; font-size:0.9em; color:#9ab4cf; }
.main_news .item02 ul li .img			    {  position:relative;  right:-5px; width:100px;height:100px; border-radius:50%;  background:rgb(0,0,0,0.15);display:flex; justify-content:center; align-items:center; transition:all 0.3s ease;} 
.main_news .item02 ul a:hover          { box-shadow: 3px 3px 18px 0 rgba(0,0,0,0.2); }  


@media screen and (max-width:1400px) {   
    .main_news								            {  padding:70px 20px;  }  
    .main_news .item01							    { width:calc(100% - 440px); }
    .main_news .item02							    {  width:400px;  }
}  
@media screen and (max-width:1024px) { 
    .main_news								            { padding:50px 20px;  }  
    .main_news .item01					            {width:100%;   }
    .main_news .item02					            { width:100%;  padding:40px 0 0 0;} 

    .main_news .item02 ul				            {width:100%;display:grid;grid-template-columns:repeat(2, 1fr); gap:10px 15px  ;}
    .main_news .item02 ul li a			        {font-size:0.95em;  min-height:160px;  padding:20px 30px;  }
    .main_news .item02 ul li .img			    { width:90px;height:90px; }
} 
@media screen and (max-width:768px) {  
    .main_news .item02 ul						    {grid-template-columns:repeat(1, 1fr); }
    .main_news .item02 ul li a					{ font-size:0.9em; padding:20px 25px;  min-height:initial;}   
} 
@media all and (max-width:520px){ 
    .main_news .item02 ul li a					{ font-size:0.85em;  }
    .main_news .item02 ul li .img			    { width:80px;height:80px; } 
}
@media all and (max-width:480px){  
    .main_news .item02 ul li .img			    { width:70px;height:70px; } 
}

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







/* 언론보도    ================================================================================== */
.main_press										{position:relative; padding:60px  0 ;  }  
.main_press .tit									{position:relative;padding:0 0 0 25px;height:45px; }  
.main_press .tit p						        {position:relative;display:inline-block; font-size:1.65em ; font-family: 'Paperlogy'; font-weight:600; color:#000;   line-height:1.1;  } 
.main_press .tit p::before		            {position:absolute; content:''; right:-20px; top:-5px; width:11px; height:11px; background:var(--color4); border-radius:50px;  }
 
.main_press .tit .more						{display:block; position:absolute; right:20px; top:-2px; width:34px; height:34px; border:1px solid #ddd; border-radius:50px;  cursor:pointer;  }
.main_press .tit .more::after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:2px; background:#a9a9a9;}
.main_press .tit .more::before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:14px; width:2px; background:#a9a9a9;}
.main_press .tit .more:hover::after,
.main_press .tit .more:hover::before			{ background:var(--color4);}

.main_press .web_size2					{display: flex;   justify-content: space-between;   } 
.main_press .inner							    {width:49.7%; } 
.main_press .item01							{position:relative;  } 

.main_press .arrow							{position:absolute; top:-47px;right:53px; width:100%;  z-index:111;  }
.main_press .arrow p						{position:absolute; width:34px; height:34px;  border:1px solid #ddd; background:#fff;border-radius:50px; cursor:pointer; } 
.main_press .arrow span					{display:inline-block; border:solid #a9a9a9; padding:4px;}
.main_press .arrow .prev					{right:45px;}
.main_press .arrow .prev span			{margin:11px 0 0 14px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_press .arrow .next					{right:6px;}
.main_press .arrow .next span			{margin:11px 0 0 9px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.main_press .arrow p:hover span				{border-color:var(--color4);} 

 
@media screen and (max-width:1400px) {   
    .main_press										{ padding:60px 5px ;  }   
}
@media screen and (max-width:1024px) {  
    .main_press										{ padding:50px 5px ;  }   
    .main_press .web_size2					{flex-direction: column; gap:40px;  } 
    .main_press .tit									{  padding:0 0 0 15px;}
    .main_press .tit p								{  font-size:1.55em; }
    .main_press .inner							    {width:100%; }  
}
  
@media screen and (max-width:768px) {  
    .main_press .tit p								{  font-size:1.45em; } 
    .main_press .tit p::before		            { right:-17px; top:-4px; width:9px; height:9px;  }
}


/* 언론보도    ================================================================================== */




/* 사업단소식    ================================================================================== */
.main_photo											{position:relative; padding:50px 0 55px 0 ;  border-top:1px solid #e0e0e0; }  
.main_photo .tit									{position:relative; text-align:center; font-size:2.1em;color:#000; font-weight:700;  line-height:1;padding:0 0 30px 0; } 
.main_photo .tit a									{position:relative; color:#000; font-weight:700; } 
.main_photo .item01							{position:relative;  } 

.main_photo .arrow								{position:absolute; top:40%; width:100%;}
.main_photo .arrow p							{position:absolute; width:50px; height:50px;  border:1px solid #666; background:#fff; cursor:pointer;  opacity:0.25;} 
.main_photo .arrow span						{display:inline-block; border:solid #333; padding:7px;}
.main_photo .arrow .prev					{left:-60px;}
.main_photo .arrow .prev span			{margin:16px 0 0 20px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_photo .arrow .next					{right:-60px;}
.main_photo .arrow .next span			{margin:16px 0 0 13px;  border-width:2px 2px 0 0; transform:rotate(45deg);}
.main_photo .arrow p:hover				{opacity:0.5;} 

@media screen and (max-width:1560px) {
.main_photo .arrow								{  z-index:111;   } 
.main_photo .arrow .prev					{left:0;}
.main_photo .arrow .next					{right:0;}
}

@media screen and (max-width:1400px) {   
.main_photo									{ padding:50px 10px 50px 10px;  }   
}
@media screen and (max-width:1024px) {  
.main_photo									{ padding:40px 5px 50px 5px;  }  
}
 @media screen and (max-width:800px) {  
.main_photo .tit							{ font-size:1.8em; padding:0 0 25px 0; }  
}
 @media screen and (max-width:600px) {  
.main_photo .tit							{ font-size:1.6em;   padding:0 0 20px 0; }
}

 
/* 사업단소식    ================================================================================== */




/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:30px 0; border-top:1px solid #e5e5e5; background:#fff;}
.famsite ul								{width:calc(100% - 60px); margin:0 auto; text-align:center; }
.famsite ul li							{display:inline-block; height:70px;overflow:hidden; border:1px solid #e5e5e5; margin:1px 5px; text-align:center; }
.famsite ul li img                   {max-height:70px;   }
.famsite .arrow p					{position:absolute; top:calc(50% - 15px); width:30px; height:30px; cursor:pointer;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 2px 2px 0;  padding:5px; margin:10px 0 0 10px;}
.famsite .arrow span:hover	{border-color:#555;}
.famsite .prev							{left:7px; transform: rotate(135deg);}
.famsite .next							{right:7px; transform: rotate(-45deg);}
 
@media screen and (max-width:1024px) {   
	.famsite								    {padding:25px 0;} 
    .famsite ul li							{height:65px; }
}
@media screen and (max-width:768px) {   
	.famsite								    {padding:20px 0;} 
    .famsite ul li							{height:60px; }
}
/* FAMSITE    ================================================================================== */