@charset "utf-8"; 
 
@keyframes slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		    {opacity:1.0; transform: translateY(0);}
}

/* VISUAL  ================================================================================== */
.main_container								{padding: 120px 0 0 0;}
.main_visual .bxslider						{visibility:hidden;}
.main_visual .mvideo_box				{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0;   }

.main_visual										{position:relative; top:0; left:0; overflow:hidden;  }  
.main_visual_item 							{ display:block; height:600px;  /* display:table; height:0 !important; padding-top:36%; */ }
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.75); animation:imgScale 3s both; } 
.visual_txt											{position:absolute; text-align:left; width:100%; top:18%; line-height:1.2;   z-index:100; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt .txt01								{ padding-left:45px;font-family: 'Paperlogy';font-weight:400;  font-size:2.55em;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4); transition:all 0.3s ease;}
.visual_txt .txt02								{ padding-left:45px;font-family: 'Paperlogy';font-weight:700;  font-size:3.4em;  text-shadow: 3px 3px 15px rgba(0,0,0,0.4); transition:all 0.3s ease;}
.visual_txt .txt03								{ padding-left:45px;font-weight:600; font-size:1.375em;  padding-top:0.9em; line-height:1.3; text-shadow: 3px 3px 10px rgba(0,0,0,0.4); transition:all 0.3s ease;}
 

.main_visual_search_box                 {position:absolute; top:0; text-align:center; width:100%;   z-index:111;  } 
.main_visual_search_bg                   { position:absolute; right:0; top:0; height:600px; width:480px; padding:20px ; 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(0,0,100,0.5);  backdrop-filter: blur(8px);   -webkit-backdrop-filter: blur(8px);  }
.main_visual_search_box .searh_tit    {font-size:1.7em;font-family: 'Paperlogy';font-weight:600;  color:#fff;  text-align:left; padding-bottom:30px; padding-left:30px;   z-index:111; }
.main_visual_search                         {position:relative;   text-align:left;  width:calc(100% - 40px);  height:60px;  border-radius:50px; background:#fff; padding:9px; margin:0 20px; } 
.main_visual_search input[type="text"]{position:relative;font-size:1.2em;  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:var(--color1); font-size:0.95em; }
.main_visual_search .btn_search{position:absolute; right:9px; top:9px; width:42px; height:42px; background:url('../img/common/icon_search.png') no-repeat center 50% var(--color1); background-size:45% auto; text-indent:-9999px; 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(2, 1fr); gap:40px 0;  padding-top:55px; }
.main_visual_bn li                        {position:relative; text-align:center;  }
.main_visual_bn li figure             { position:relative; } 
.main_visual_bn li figure img             { position:relative; top:0;  transition:all 0.3s ease;} 
.main_visual_bn li figure::before    {  position:absolute; content:''; bottom:10px;left:50%;width:44%;height:10px; background:#fff; opacity:0; border-radius:50%;transform: translateX(-50%);   transition:all 0.4s ease;} 
.main_visual_bn li p                     { font-family: 'Paperlogy'; color:#fff; font-weight:700;   } 
.main_visual_bn li p br                {  display:none;  } 
.main_visual_bn li p span            { margin-left:6px; display:inline-block; width:15px;height:15px; background:url('../img/main/main_visual_arrow.png') no-repeat center 50%; background-size:100% auto; } 
.main_visual_bn li:hover figure img  { top:-15px; }
.main_visual_bn li:hover figure::before    {  opacity:0.15;   }

 

/* 화살표 css   */
.main_visual .arrow          { position:absolute; width:100%;   height:600px; }
#bx_prev                            { left:20px; }
#bx_next                            { right:80px; }
.bx-arrow                           { position: absolute; top: calc(50% - 30px);   cursor: pointer;    opacity:0.5;  z-index: 113;  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:40px;height:40px;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:40px;height:40px;border:solid #fff; border-width:2px 2px 0 0;  transform: rotate(45deg); -webkit-transform: rotate(45deg);  } 
/* 화살표 css   */
 

@media screen and (max-width:1500px) {  
#bx_prev                            { left:0; }
#bx_next                            { right:60px; }
}
@media screen and (max-width:1400px) {  
	.main_visual_item 						    { height:550px; } 
    .visual_txt                                          {  font-size:0.85em; }   

    .main_visual_search_bg                  { height:550px; width:450px;  padding:15px ;  }
    .main_visual_bn                                { gap:35px 0;  padding-top:40px; }
    .main_visual_search_box .searh_tit    {font-size:1.6em;  padding-bottom:25px; padding-left:30px; }
    .main_visual .arrow                          {display:none;   }
}
@media screen and (max-width:1200px) {   
	.main_visual_item 						       { height:450px; } 
    .visual_txt                                              {  font-size:0.8em; }   
    .main_visual_search_bg                       { height:450px; width:430px;  padding:10px ;  }
    .main_visual_search_box .searh_tit    {  padding-bottom:20px;  }
    .main_visual_search                             {  height:54px;   padding:7px;  }  
    .main_visual_search input[type="text"]{ font-size:1.1em;  } 
    .main_visual_search .btn_search         {   right:7px; top:7px;  width:40px; height:40px;  }  
    .main_visual_bn                                    { gap:30px 0;  padding-top:30px; }
    .main_visual_bn li figure img              {width:65px; height:auto;} 
    .main_visual_bn li p                              { font-size:0.95em;   } 
}
@media screen and (max-width:1024px) {
	.main_container							{padding:60px 0 0 0;}   
	.main_visual_item 						{ height:400px; }  
    .visual_txt                                          {  font-size:0.65em; }  
    .visual_txt .txt01								{ padding-left:30px;}
    .visual_txt .txt02								{ padding-left:30px;}
    .visual_txt .txt03								{ padding-left:30px; font-size:1.5em; }
 
    .main_visual_search_bg                       { height:400px; width:370px;  padding:5px;  }
    .main_visual_search_box .searh_tit    {font-size:1.5em;   }
    .main_visual_search                             {  height:46px;   padding:5px;  }   
    .main_visual_search input[type="text"]{ font-size:1.05em;  width:calc(100% - 40px); height:35px; padding: 0 10px 0 20px; }
    .main_visual_search .btn_search         {   right:5px; top:5px;  width:36px; height:36px;  }  
    .main_visual_bn                                    {  padding-top:25px; }
    .main_visual_bn li figure img              {width:55px;  } 


    .bx-arrow                           {  top: calc(50% - 25px); }
    #bx_prev                            { left:10px; }
    #bx_next                            { right:60px; }
    .bx-arrow span					{ width:50px; height:50px;  }
    #bx_prev span::after         { top:5px; left:10px; width:30px;height:30px; }
    #bx_next span::after         {  top:5px; right:10px; width:30px;height:30px; }
 } 
@media screen and (max-width:768px) { 
	.main_visual_item 						{  height:420px; }   
	.visual_txt										{  top:12%; text-align:center; }    
    .visual_txt .txt01								{ padding-left:0;}
    .visual_txt .txt02								{ padding-left:0;font-size:2.7em;}
    .visual_txt .txt02 br								{display:none; }
    .visual_txt .txt03								{ padding-left:0; font-size:1.6em; padding-top:0.7em; }
 
    .main_visual_search_box .searh_tit    {display:none; }
    .main_visual_search_box                 {  top:initial; bottom:0  } 
    .main_visual_search_bg                   {  top:initial; bottom:0;  height:250px; width:100%;  }
    .main_visual_search_bg::before         {  left:0;top:initial; bottom:0;   height:130px; } 
    .main_visual_search                         { max-width:350px; width:80%; margin:0 auto;  height:42px; } 
    .main_visual_search input[type="text"]{  width:calc(100% - 40px); height:32px; padding-left:18px; }
    .main_visual_search .btn_search         {   width:32px; height:32px;  }  

    .main_visual_bn                                { grid-template-columns:repeat(4, 1fr); gap:  0;  padding-top:70px; line-height:1.2; }
    .main_visual_bn li figure img              {width:60px; } 
    .main_visual_bn li p                         {   font-weight:600;   } 
    .main_visual_bn li p span                {display:none; }
    .main_visual_bn li:hover figure img  { top:0; }
    .main_visual_bn li:hover figure::before    {  opacity:0;   }
 
    .main_visual .arrow                          {display:block;  height:320px; }   
 
}
@media screen and (max-width:560px) { 
	.main_visual_item 						    {  height:360px; }   
    .visual_txt                                          {  font-size:0.55em; }  
    .visual_txt .txt02								{  font-size:2.4em;}
  
    .main_visual_search_bg                  {  height:210px;  }
    .main_visual_search_bg::before     {  height:120px; } 

    .main_visual_search                         {   height:40px; padding:3px; } 
    .main_visual_search input[type="text"]{ font-size:1em;   }  
    .main_visual_search .btn_search         { right:4px; top:4px;   }

    .main_visual_bn                               {  padding-top:45px; }
    .main_visual_bn li figure img         {width:50px; } 
    .main_visual_bn li p                         { font-size:0.85em;   } 
    .main_visual_bn li p br                     {  display:block;  } 

    .main_visual .arrow                          { height:280px; }    

  
    #bx_prev span::after         { top:5px; left:10px; width:22px;height:22px; }
    #bx_next span::after         {  top:5px; right:10px; width:22px;height:22px; }


}
@media screen and (max-width:460px) { 
    .main_visual_bn li figure img         {width:45px; } 
    .main_visual_bn li p                         { font-size:0.8em;   } 
}
 
 
 
   
/* MAIN_CONT  ================================================================================== */



/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:70px 0; } 
.main_program .tit								{position:relative; font-size:1.2em; padding:0 0 30px 15px; display:flex; gap:50px; }  
.main_program .tit p								{font-size:1.85em;color:#000; font-family: 'Paperlogy';font-weight:600; }
.main_program .tit ul                           {display:flex; gap:35px; }
.main_program .tit ul li                        {position:relative;  color:#a9a9a9; font-family: 'Paperlogy';font-weight:700;padding:0 2px; cursor:pointer;  } 
.main_program .tit ul li.on, .main_program .tit ul li:hover     {  color:#000; }
.main_program .tit ul li.on::before     {position:absolute ;content:''; left:0;bottom:-8px; width:100%; height:3px; background:var(--color1); }

.main_program .tit .more						{position:absolute ; right:15px; top:0; font-size:0.85em; font-weight:700; color:#666; padding-right:45px; }
.main_program .tit .more	 span			{ display:inline-block;position:absolute;   right:0; top:-2px; width:30px; height:30px; border:1px solid #e0e0e0; border-radius:50px; cursor:pointer;  }
.main_program .tit .more	 span::after				{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:12px; height:2px; background:#909090;}
.main_program .tit .more	 span::before			{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:12px; background:#909090;}
.main_program .tit .more	 span:hover				{ background:var(--color1); border-color:var(--color1); }
.main_program .tit .more	 span:hover::after,
.main_program .tit .more	 span:hover::before		{background:#fff;}


.main_program .prolist									{position:relative;  } 
.main_program .prolist li								{position:relative; overflow:hidden;    transition:all 0.3s ease;} 
.main_program .prolist li a                          {display:block; padding:30px; border:1px solid #dadada;margin:15px; background:#f3f3f3;  border-radius:0 25px; transition:all 0.3s ease;} 
.main_program .prolist li.on a                    {background:#fff; border-color:var(--color1);}
.main_program .prolist li .tag						{ position:absolute;display:inline-block;top:16px; left:16px;  min-width:75px;background:#c1c1c1; line-height:38px; padding:0 15px; color:#fff; font-size:0.95em; border-radius:0 0 10px 0; text-align:center; }
.main_program .prolist li .tag.ing				{background:#00c6ac !important;}
.main_program .prolist li .dday					{ position:absolute; right:40px;top:30px; font-size:0.9em; font-weight:bold; color:#f14949;}
  
.main_program .prolist li .txt01					{position:relative; font-size:0.95em;font-weight:700;color:var(--color1); padding:20px 0 5px 0;  }
.main_program .prolist li .txt02					{position:relative; font-size:1.1em;font-weight:700;color:#000; height:52px;  overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.main_program .prolist li .txt03					{font-size:0.9em;  color:#8f8f8f; font-weight:700;padding-top:15px ; }

.main_program .prolist li:hover a                  {background:var(--color1); border-color:var(--color1);box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.22);}
.main_program .prolist li:hover .dday                  {color:#ffcc00; }
.main_program .prolist li:hover .txt01                  {color:#ffcc00; }
.main_program .prolist li:hover .txt02                  {color:#fff; }
.main_program .prolist li:hover .txt03                  {color:#7cccff;   }
 

 
.main_program .arrow								{position:absolute; top:45.5%; 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:20px 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:-20px;}
    .main_program .arrow .next					{right:-20px;}
}
@media screen and (max-width:1500px) {
    .main_program::before						    {  background-size:170px auto; } 
    .main_program .arrow .prev					{left:0;}
    .main_program .arrow .next					{right:0;}
}  
@media screen and (max-width:1400px) {
    .main_program										{   padding:60px 0;  }   
    .main_program .tit								{  gap:40px;    }  
    .main_program .tit p								{font-size:1.75em;}
    .main_program .prolist li a                  { padding:25px;margin:10px;} 
    .main_program .prolist li .tag				{  top:11px; left:11px;   } 
    .main_program .prolist li .dday			{ right:35px;top:25px;  } 
} 
@media screen and (max-width:1024px) {
    .main_program										{  padding:50px 10px 40px 10px; }   
    .main_program .tit								{ padding:0 0 25px 10px;  gap:30px; }   
    .main_program .tit ul                           {  gap:30px; } 
    .main_program .prolist li .txt03			{font-size:0.95em;  font-weight:600;padding-top:10px ; } 
    .main_program .prolist li .tag				{   min-width:70px; line-height:34px; padding:0 12px;font-size:0.9em;  }
    .main_program .prolist li .dday			{ top:20px;  } 
    .main_program .prolist li:hover a                  { box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.22);}

    .main_program .arrow								{ top:40%;}
    .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:768px) { 
    .main_program .tit								{ font-size:1.15em;  }
    .main_program .tit p								{font-size:1.65em;}
    .main_program .tit ul                           {  gap:20px; }
 
} 
@media screen and (max-width:580px) { 
    .main_program .tit								{ font-size:1.1em;   gap:20px; }
    .main_program .tit ul                           {  gap:15px; }
    .main_program .tit .more b					{display:none; }
}
 
/* main_program  ================================================================================== */ 


 


/* 배너    ================================================================================== */ 
.main_banner								{position:relative; padding:50px 0  ; overflow:hidden; border-top:1px solid #e5e5e5;  transition:all 0.3s ease;}   
.main_banner ul							{position:relative; display:grid; grid-template-columns: repeat(7, 1fr);  transition:all 0.3s ease;}   
.main_banner ul li							{position:relative; text-align:center;   font-size:0.95em;line-height:1.2;  }
.main_banner ul a							{position:relative; display:block; color:#000; font-weight:600;} 
.main_banner ul li .img				{position:relative;top:0; margin:auto; width:70px;height:70px;  margin-bottom:20px;  transition:all 0.3s ease;}  
.main_banner ul li .img::before  {position:absolute; content:''; left:50%; top:50%; width:0;height:0; background:#f6f6f6; border-radius:5em; z-index:-1; transition:all 0.3s ease;}  
.main_banner ul li:last-child .img::before  {display:none; }
.main_banner ul li .txt01         		{ position:relative; top:-6px; display:inline-block; border:1px solid var(--color1); border-radius:20px; font-size:0.9em;padding:8px 15px; color:var(--color1);} 
  
.main_banner ul li .txt01::before    {position:absolute; content:''; top:-5px;  left:calc(50% - 4px); width:8px;height:8px;border:solid var(--color1); border-width:1px 1px 0 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background:#fff; z-index:11;}
  
.main_banner ul li:hover .img {top:-10px; }
.main_banner ul li:hover .img::before				{ left:-15%; top:-15%;  width:130%; height:130%;}
.main_banner ul li:hover .txt01       		{ background:var(--color1); color:#fff; }
.main_banner ul li:hover .txt01::before            {  background:var(--color1);} 


@media screen and (max-width:1024px) { 
.main_banner								{padding:40px 0 ;  }  
.main_banner ul li							{  font-size:1em;   }
}
@media screen and (max-width:768px) {  
.main_banner ul							{  grid-template-columns: repeat(4, 1fr); row-gap:30px; } 
.main_banner ul li .img				{ width:60px;height:60px; margin-bottom:15px;  }
.main_banner ul li							{  font-size:0.95em;   }
.main_banner ul li .txt01         		{ padding:6px 13px; } 
}
@media screen and (max-width:600px) {   
.main_banner ul li .img				{ width:50px;height:50px;   }
.main_banner ul li							{ font-size:0.9em;   }
.main_banner ul li .txt01         		{ padding:5px 10px; } 
}
 
/* 배너    ================================================================================== */ 



 



/* main_news_wrap    ================================================================================== */ 
.main_news_wrap									{position:relative; padding:60px 0; background:#f4f7f9;    } 
.main_news_wrap .web_size				{ display: flex; justify-content: space-between;gap:60px;   } 
.main_news_wrap .item01					{position:relative;flex:2;  }
.main_news_wrap .item02					{position:relative;width:500px; display: flex; flex-direction: column;gap:15px;}
  
.main_news_wrap .item02 li				{position:relative;  padding:  20px ; background:#add1f4; border-radius:15px; transition:all 0.3s ease;}
.main_news_wrap .item02 li:last-child      {background:#f8d9b2; }
.main_news_wrap .item02 li a				{position:relative; display: flex; justify-content: space-between; gap:25px;}
.main_news_wrap .item02 li .img				{ position:relative; z-index:1;   }  
.main_news_wrap .item02 li .img::before				{  position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:10%;aspect-ratio:1/1; background:#fff; border-radius:100px; opacity:0; transition:all 0.3s ease;}
.main_news_wrap .item02 li .img img				{ position:relative; z-index:1;   }  
.main_news_wrap .item02 li .cont				{position:relative;color:#000;font-size:0.95em;line-height:1.35;flex:2; word-break:keep-all; padding-left:15px;  display: flex; flex-direction: column; justify-content:center;  }  
.main_news_wrap .item02 li .cont p             {position:relative; display:inline-block;  font-size:1.35em; font-weight:bold; margin-bottom:12px ;   }
.main_news_wrap .item02 li .cont p::after	{position:absolute; content:''; top:calc(50% - 6px); right:-1.1em; width:10px;height:10px;border:solid #000; border-width:2px 2px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg); transition:all 0.3s ease;}
 
.main_news_wrap .item02 li:hover                { box-shadow:3px 3px 15px 0 rgba(0,0,0,0.15); }
.main_news_wrap .item02 li:hover .cont p::after	{  right:-1.4em;   }
 
 


@media screen and (max-width:1400px) {  
	.main_news_wrap								{ padding:50px 20px;  gap:40px;  } 
} 
@media screen and (max-width:1200px) {  
    .main_news_wrap .item02					{ width:43%; } 
    .main_news_wrap .item02 li .img				{width:120px;  } 
    .main_news_wrap .item02 li .cont p             { margin:8px 0 12px 0;   }
}
 
@media screen and (max-width:1024px) {     
    .main_news_wrap .web_size			{   align-items:center;flex-direction: column;gap:40px;   } 
	.main_news_wrap .item01				{ width:100%;}
	.main_news_wrap .item02				{ width:100%; display: grid; grid-template-columns:repeat(2, 1fr); gap:0.7em;  }
    .main_news_wrap .item02 li				{ padding:  15px ; }
    .main_news_wrap .item02 li .img				{width:110px;  } 
    .main_news_wrap .item02 li .cont p             { font-size:1.3em;margin:3px 0 12px 0;   } 
} 
@media screen and (max-width:768px) {    
	.main_news_wrap										{padding:40px  20px;  }  
	.main_news_wrap .item02						{   grid-template-columns:1fr;gap:10px;   } 
    .main_news_wrap .item02 li .img	    	{width:100px;  }   
    .main_news_wrap .item02 li .cont p      { font-size:1.25em;margin:0 0 10px 0;   } 
.main_news_wrap .item02 li .cont p::after	{  top:calc(50% - 5px); right:-1em; width:8px;height:8px;   }
}
@media screen and (max-width:580px) {     
    .main_news_wrap .item02 li				{ padding:20px 10px ;   }
    .main_news_wrap .item02 li a				{ gap:10px;}
}
 

/* main_news_wrap    ================================================================================== */ 
 











   
 


/* 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; line-height:90px; border:1px solid #e5e5e5; margin:1px 5px; text-align:center; }
.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;} 
}
@media screen and (max-width:768px) {   
	.famsite								{padding:20px 0;} 
}
/* FAMSITE    ================================================================================== */