/* **************************************** *
 * 메인비쥬얼
 * **************************************** */

#main{width:100%;overflow:hidden; position:relative}

.mainSlid .swiper{width: 100%; height: 100%;}
.mainSlid .swiper-slide {background-position: center; background-size: cover;}

.mainbg01{background:#ff682b url('/images/2024/main/m_visual01.gif') no-repeat  50% 50%; background-size:cover;}
.mainSlid .mainbg01.swiper-slide-active:after{co4ntent:'';position:absolute;z-index:-1;
background:#ff682b url('/images/2024/main/m_visual01.gif') no-repeat  50% 50%;width:100%; height:100%;
position:absolute;left:0; top:0; animation:visualzoom 4.5s;}

.mainbg02{background:url('/images/2024/main/m_visual02.jpg') no-repeat  50% 50%; background-size:cover;}
.mainSlid .mainbg02.swiper-slide-active:after{content:'';position:absolute;z-index:-1;
background:url('/images/2024/main/m_visual02.jpg') no-repeat  50% 50%;width:100%; height:100%;
position:absolute;left:0; top:0; animation:visualzoom 4.5s;}

.mainbg03{background:url('/images/2024/main/m_visual03.jpg') no-repeat  50% 50%; background-size:cover;}
.mainSlid .mainbg03.swiper-slide-active:after{content:'';position:absolute;z-index:-1;
background:url('/images/2024/main/m_visual03.jpg') no-repeat  50% 50%;width:100%; height:100%;
position:absolute;left:0; top:0; animation:visualzoom 4.5s;}

.mainSlid .slid-tit{max-width:1450px;  color:#fff; height:100%; position:relative;}
.mainSlid .slid-tit div{position:absolute; top:50%; left:0; transform:translateY(-50%); overflow:hidden;}

.swiper-slide-active .slid-tit div{-webkit-animation: fadeup 1.5s forwards; -o-animation: fadeup 1.5s forwards; 
animation: fadeup 1.5s forwards; animation-delay: 0.2s;}








@keyframes fadeup {
0%{margin-top:50px;opacity:0}
100%{margin-top:0;opacity:1}
}
@keyframes visualzoom {
    0%{transform:scale(1.1);}
    100%{transform:scale(1)}
    }

.mainSlid .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.mainSlid .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px !important;}
.mainSlid .swiper-pagination-bullet{width:12px !important; height:12px !important; border-radius:100px; background:#fff !important}
.mainSlid .swiper-button-next:after, .mainSlid .swiper-button-prev:after{ opacity:0 }
.mainSlid .swiper-button-next, .mainSlid .swiper-button-prev{
background:url('../../images/2024/slid-arrow.svg') no-repeat  50% 50%; background-size:cover; opacity:.6;}
.mainSlid .swiper-button-next:hover, .mainSlid .swiper-button-prev:hover{opacity:1; transition:.2s}
.mainSlid .swiper-button-next, .mainSlid .swiper-rtl .swiper-button-prev {right: 3% !important; left: auto;}
.mainSlid .swiper-button-prev, .mainSlid .swiper-rtl .swiper-button-next { left: 3% !important;  
right: auto; -webkit-transform: rotate(180deg); -moz-transform:  rotate(180deg);
-ms-transform:  rotate(180deg); -o-transform:  rotate(180deg); transform:  rotate(180deg);}



/*텍스트*/
.mainSlid  .visual_title { text-align:left; display:block;}
/*  .mainSlid  .visual_title img { padding:0; margin:0;width:auto; height:auto; object-fit: none;} */
 .mainSlid  .visual_title h1,
 .mainSlid  .visual_title p, 
 .mainSlid  .visual_title h4,
 .mainSlid  .visual_title h3 {display:block; overflow:hidden;}
 .mainSlid  .visual_title h4 {text-align:right; color:#a7d947; }


 .mainSlid  .visual_title .since {float:left; /* background:#6b9f07;  */ font-weight:400; color:#fff;  }
 .mainSlid  .visual_title .since strong {color:#ffd909; line-height:inherit; font-weight:700; }
 .mainSlid  .visual_title h1 {width:100%}
 .mainSlid  .visual_title h3 {float:right; color:#ffd909;    font-weight:300; }
 .mainSlid  .visual_title h3  strong  {line-height:inherit;  color:inherit; font-weight:800; }

 .mainSlid  .visual_title .peried {font-weight:700;}
	 .mainSlid  .visual_title .peried span{line-height:inherit; font-weight:600;vertical-align:middle;}
	 .mainSlid  .visual_title .peried img {display:inline-block;  vertical-align:top;}



	/***웹***/
	@media (min-width: 1024px) {
			 #main{height:calc(100vh - 120px); }

.mainSlid .slid-tit{
width:calc(100% - 280px); }

			.mainSlid .swiper-button-next, .mainSlid .swiper-button-prev{width:70px !important; height:70px !important; }
			.mainSlid .swiper-pagination  {bottom:40px;}
				.mainSlid  .visual_title { width:700px;}

			 .mainSlid  .visual_title .since { border-radius:30px;  margin-top:10px;
			 padding:20px 0px; font-size:26px; line-height:33px;}
			 .mainSlid  .visual_title h1 { padding-top:20px;}
			 .mainSlid  .visual_title h1 img {width:100%;}
				 .mainSlid  .visual_title h3 {letter-spacing:-2px; font-size:42px; line-height:80px;}
				 .mainSlid  .visual_title h3  strong  { padding-left:10px;font-size:62px; }
				 .mainSlid  .visual_title h4 {font-size:43px; line-height:60px; letter-spacing:10px;}
			.mainSlid  .visual_title .peried {padding:20px 0px; font-size:40px; line-height:70px;}
					 .mainSlid  .visual_title .peried span{font-size:30px; }
					 .mainSlid  .visual_title .peried img {padding-left:20px; padding-top:15px; width:auto;}
					 .mainSlid  .visual_title .support img {width:auto;}

}



	/***패드와 모바일***/
	@media (max-width:1023px) {

			 .mainSlid  .visual_title h1 img {width:100%; display:block;}

}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {
			.mainSlid  .visual_title { width:100%; }
			 #main{height:calc(100vh - 120px); }
			 .mainSlid .slid-tit{ width:calc(100% - 180px); }
			 .mainSlid .swiper-button-next, .mainSlid .swiper-button-prev{width:50px !important; height:50px !important; }
			.mainSlid .swiper-pagination  {bottom:40px;}
			 .mainSlid  .visual_title .since { border-radius:30px;  margin-top:10px;
			 padding:15px 0px; font-size:24px; line-height:33px;}

			 .mainSlid  .visual_title h1 { padding-top:20px;}
			 .mainSlid  .visual_title h1 img {width:100%;}
				 .mainSlid  .visual_title h3 {letter-spacing:-2px; font-size:30px; line-height:80px;}
				 .mainSlid  .visual_title h3  strong  { padding-left:10px;font-size:48px; }
					 .mainSlid  .visual_title h4 {font-size:36px; line-height:50px; letter-spacing:6px;}
				 .mainSlid  .visual_title .peried {padding:20px 0px; font-size:36px; line-height:60px;}
					 .mainSlid  .visual_title .peried span{font-size:24px; }
					 .mainSlid  .visual_title .peried img {padding-left:20px; padding-top:15px; width:110px;}
					 .mainSlid  .visual_title .support img {width:auto;}

	}
	/*모바일*/
	@media (max-width:640px) {


	.mainSlid  .visual_title { width:100%; }
			 #main{width:100%;  box-sizing:border-box; height:570px }
.mainSlid .slid-tit div{ top:100px; left:0; transform:translateY(0%);  }


			 .mainSlid .slid-tit{ width:calc(100% - 120px); }
			 .mainSlid .swiper-button-next, .mainSlid .swiper-button-prev{width:30px !important; height:30px !important; }
			.mainSlid .swiper-pagination  {bottom:40px;}
			 .mainSlid  .visual_title .since { border-radius:30px;  margin-top:10px;
			 padding:15px 0px; font-size:18px; line-height:23px;}

			 .mainSlid  .visual_title h1 { padding-top:20px;}
			 .mainSlid  .visual_title h1 img {width:100%;}
				 .mainSlid  .visual_title h3 {letter-spacing:-2px; font-size:20px; line-height:60px;}
				 .mainSlid  .visual_title h3  strong  { padding-left:10px;font-size:34px; }
					 .mainSlid  .visual_title h4 {font-size:25px; line-height:50px; letter-spacing:2px;}
				 .mainSlid  .visual_title .peried {padding:15px 0px; font-size:22px; line-height:50px;}
					 .mainSlid  .visual_title .peried span{font-size:15px; }
					 .mainSlid  .visual_title .peried img {padding-left:10px; padding-top:15px; width:67px;}
					 .mainSlid  .visual_title .support  {} 
	



.mainbg01,
.mainSlid .mainbg01.swiper-slide-active:after{
background:#ff682b  url('/images/2024/main/visual0001.png') no-repeat  center 90% !important;
background-size:200px !important;}



}

	/*모바일*/
	@media (max-width:430px) {
    .mainSlid .slid-tit { width: calc(100% - 60px);}
				 .mainSlid  .visual_title .peried {  text-align:center; font-size:19px; }
	}

	@media (max-width:360px) {

	}


/* **************************************** *
 * 레이아웃
 * **************************************** */
.in_main_wrap {padding-bottom:50px;
background: #FFFFFF;
background: #ededed;
background: linear-gradient(180deg,rgba(237, 237, 237, 0.5) 0%, rgba(237, 237, 237, 0) 110px, rgba(255, 255, 255, 1) 100%);

} 




	@media (min-width:641px) and (max-width:1023px) {
			.in_main_wrap {padding-bottom:120px;} 
	}

	@media (max-width:650px) {
.in_main_wrap {padding-bottom:100px;} 

	}


/* **************************************** *
 * 배너
 * **************************************** */
#banner{width:100%;  background:#a7d947; 
cursor:pointer;; color:#2a4000; display: flex;  position:fixed; bottom:0; left:0; width:100%;  z-index:80;
flex-wrap: wrap;  align-items: center;  justify-content: center;}
#banner .wrap{    justify-content: center;}
#banner p{ font-weight:300;}

#banner p strong {font-weight:800; letter-spacing:3px; animation: neon224 1.5s ease infinite; l
-moz-animation: neon224 1.5s ease infinite;  -webkit-animation: neon224 1.5s ease infinite;}


#banner b{font-weight:600}
#banner span{ background:#ffdd20;  font-weight:600; ; animation: neon 1.5s ease infinite neon 1.5s ease infinite; margin-left:35px;
-moz-animation: neon 1.5s ease infinite;  -webkit-animation: neon 1.5s ease infinite;}



#banner span:hover{background:#ffd34c; transition:.2s;}
@keyframes neon {
  0%,
  100% {
    box-shadow: 0 0 15px #fffd72
  }
  50% {
    box-shadow: 0 0 5px #fffd72
  }
}


@keyframes neon22 {
  0%,
  100% {
    opacity:1;
  }
  50% {
    opacity:0.4;
  }
}



@keyframes neon224 {
  0%,
  100% {
    color:rgba(255,255,255,0.5);
  }
  50% {
    color:#102694;
  }
}


	/***웹***/
	@media (min-width: 1024px) {

			#banner{ height:120px; font-size:62px; }
			#banner img{width:35px; margin:0 20px;}
			#banner span{
			padding:10px 25px; border-radius:100px;  font-size:26px;
			}



}

	/***패드와 모바일***/
	@media (max-width:1023px) {

}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {

			#banner{ height:120px; font-size:26px; }
			#banner img{width:25px; margin:0 15px;}
			#banner span{
			padding:10px 22px; border-radius:100px;  font-size:24px;
			margin-left:30px; }



	}
	/*모바일*/
	@media (max-width:640px) {
#banner {text-align:Center;}
#banner img {display:inline-block;}
#banner .flex-center{text-align:center;width:100%; display:block}
			#banner{ height:100px; font-size:26px; box-sizing:border-box; padding:5px 0px; }
			#banner img{width:25px; }
			#banner span{ margin-left:0px;
			padding:9px 10px; border-radius:100px;  font-size:17px;
		margin-top:6px; }

}




/* **************************************** *
 * 메인 - 공통스타일 (제목, 간격, 배경색)
 * **************************************** */

.in_main_wrap .tit_sec {}
	.in_main_wrap .tit_sec  dt, .in_main_wrap .tit_sec  dd {display:inline-block;}
	.in_main_wrap .tit_sec  dt{font-weight:700;}
	.in_main_wrap .tit_sec  dd{ color:#ff682b;}




	/***웹***/
	@media (min-width: 1024px) {
.in_main_wrap .main-width {padding:70px 0px 40px 0;}

			.in_main_wrap .tit_sec { padding-bottom:20px;}
				.in_main_wrap .tit_sec  dt,
				.in_main_wrap .tit_sec  dd {line-height:70px;}
				.in_main_wrap .tit_sec  dt{font-size:50px; }
				.in_main_wrap .tit_sec  dd{padding-left:30px; font-size:30px;}
}

	/***패드와 모바일***/
	@media (max-width:1023px) {

}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {
.in_main_wrap .main-width {padding:30px 0px;}
			.in_main_wrap .tit_sec { padding-bottom:20px;}
				.in_main_wrap .tit_sec  dt,
				.in_main_wrap .tit_sec  dd {line-height:70px;}
				.in_main_wrap .tit_sec  dt{font-size:40px; }
				.in_main_wrap .tit_sec  dd{padding-left:20px; font-size:24px;}



	}
	/*모바일*/
	@media (max-width:640px) {
.in_main_wrap .main-width {padding:20px 0px;}

			.in_main_wrap .tit_sec { padding-bottom:15px;}
				.in_main_wrap .tit_sec  dt,
				.in_main_wrap .tit_sec  dd {line-height:30px; display:block;}
				.in_main_wrap .tit_sec  dt{font-size:25px; }
				.in_main_wrap .tit_sec  dd{ font-size:18px;}
}



/* **************************************** *
 * 메인 - 공통스타일 (특별관, 부대행사 공통 swiper 스타일)
 * **************************************** */

.in_main_wrap .main_boardst01 {position:relative;}
	.in_main_wrap .main_boardst01  .swiper-pagination {width:auto; right:0px; left:auto; bottom:auto;  right:0px;}
	 .in_main_wrap .swiper-pagination-bullet-active { background:#ff682b;}


	/***웹***/
	@media (min-width: 1024px) {
	.in_main_wrap .main_boardst01  .swiper-pagination {top:20px; }
	.in_main_wrap  .swiper-pagination-bullet {height:10px; width:10px;}

}

	/***패드와 모바일***/
	@media (max-width:1023px) {




}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {
	.in_main_wrap .main_boardst01  .swiper-pagination {top:20px; }
	.in_main_wrap  .swiper-pagination-bullet {height:10px; width:10px;}


	}
	/*모바일*/
	@media (max-width:640px) {
	.in_main_wrap .main_boardst01  .swiper-pagination {top:10px; }
	.in_main_wrap  .swiper-pagination-bullet {height:7px; width:7px;}

}





/* **************************************** *
 * 메인 - 특별관
 * **************************************** */

.in_main_wrap .main_boardst01 {position:relative;}
.in_main_wrap .main_boardst01 .swiper-slide  {background:none; cursor:pointer; overflow:visible; }

.in_main_wrap .main_boardst01 .swiper-slide dl {box-sizing:border-box; transition:1s all; text-align:left; }

.in_main_wrap .main_boardst01 .swiper-slide:before {content:'';position:absolute; z-index:2;  width:100%; left:0; 
background:rgba(0,0,0,0.2);  background: linear-gradient(180deg, rgba(0,0,0,0) 0px,  rgba(0,0,0,0.6) 100%); 
}


.in_main_wrap .main_boardst01 .swiper-slide p.img {position:relative; z-index:1;}
.in_main_wrap .main_boardst01 .swiper-slide p.img img {width:100%;  filter:grayscale(100%);}
.in_main_wrap .main_boardst01 .swiper-slide dl  {position:absolute; z-index:3; }

.in_main_wrap .main_boardst01 .swiper-slide dl dt {color:#ff682b;}
.in_main_wrap .main_boardst01.main_boardst02 .swiper-slide dl dt {   color:#a7d947;}



.in_main_wrap .main_boardst01 .swiper-slide dl > dd:nth-child(2) {color:#fff; letter-spacing:-1px; 
font-family:'Pretendard', sans-serif !important; font-weight:600;}


.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign {position:relative; transition: 0.3s ease-in;}


   /*커서 올리는 on 스타일*/

.in_main_wrap .main_boardst01 .swiper-slide:hover:before  {display:none;}

.in_main_wrap .main_boardst01 .swiper-slide:hover p.img {background:#fff;}

.in_main_wrap .main_boardst01 .swiper-slide:hover p.img img {filter:grayscale(0%); opacity:0.8; /* mix-blend-mode: hard-light; */}

.in_main_wrap .main_boardst01 .swiper-slide:hover dl  {  background:#a7d947; 
width:95%; bottom:0px; left:5%;}

.in_main_wrap .main_boardst01 .swiper-slide:hover dl > dt,
.in_main_wrap .main_boardst01 .swiper-slide:hover dl > dd:nth-child(2){color:#e83f17 ;}

.in_main_wrap .main_boardst01 .main_board_roll2 .swiper-slide:hover dl > dt,
.in_main_wrap .main_boardst01 .main_board_roll2 .swiper-slide:hover dl > dd:nth-child(2){color:#3c5707 ;}


.in_main_wrap .main_boardst01 .swiper-slide:hover dl > dt {opacity:0.5;}
.in_main_wrap .main_boardst01 .swiper-slide:hover dl > dd:nth-child(2) {opacity:1;}



.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign { opacity:0; box-sizing:border-box; box-sizing:Border-box;   font-weight:600;
position:absolute; right:0; top:0;  color:#fff;}

.in_main_wrap .main_boardst01 .swiper-slide:hover dl dd.gosign {opacity:1; }

.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign::before {
  position: absolute;
  content: "";
  background-color:rgba(255,255,255,1);
  mask-image: url("/images/arrow-up-right.svg");
  mask-repeat: no-repeat;
  mask-position: center left;
  mask-size: contain;
}




.Side_Event .swiper-button-next:after, .Side_Event .swiper-button-prev:after{ opacity:0 }



.Side_Event .swiper-button-next, .Side_Event .swiper-button-prev{  
 background-size:cover;
  -webkit-mask: url(/images/2024/slid-arrow.svg) no-repeat 50% 50%;
  mask:  url(/images/2024/slid-arrow.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: rgba(0,0,0,0.3);
opacity:.6;}

.Side_Event  .swiper-button-next:hover, .Side_Event  .swiper-button-prev:hover{opacity:1; transition:.2s}

.Side_Event  .swiper-button-next, .Side_Event  .swiper-rtl .swiper-button-prev {left: auto;}
.Side_Event  .swiper-button-prev, .Side_Event  .swiper-rtl .swiper-button-next { 
right: auto; -webkit-transform: rotate(180deg); -moz-transform:  rotate(180deg);
-ms-transform:  rotate(180deg); -o-transform:  rotate(180deg); transform:  rotate(180deg);}



.Side_Event  .swiper-button-next, .Side_Event  .swiper-button-prev{  width:50px; height:50px; margin-top:25px;  }

.Side_Event .swiper-button-next, .Side_Event  .swiper-rtl .swiper-button-prev {right:10px !important; }
.Side_Event  .swiper-button-prev, .Side_Event  .swiper-rtl .swiper-button-next { left:10px !important;  }

	/***웹 작은것***/
	@media (min-width:1024px) and (max-width:1545px) {

.Side_Event .swiper-button-next, .Side_Event .swiper-button-prev{  top:55px; }

.Side_Event .swiper-button-next, .Side_Event .swiper-rtl .swiper-button-prev {left:490px !important;  }
.Side_Event .swiper-button-prev, .Side_Event .swiper-rtl .swiper-button-next { left:420px !important;  right:auto !important;  }

	}



	/***웹큰거***/
	@media (min-width:1800px) {
.Side_Event .swiper-button-next, .Side_Event .swiper-rtl .swiper-button-prev {right:8% !important; }
.Side_Event .swiper-button-prev, .Side_Event .swiper-rtl .swiper-button-next { left:8% !important;  }


}



	/***웹***/
	@media (min-width: 1024px) {
		.in_main_wrap .main_boardst01 .swiper-slide  { padding-bottom:50px;}
			.in_main_wrap .main_boardst01 .swiper-slide dl { padding:30px 25px; bottom:60px; left:20px;}
			.in_main_wrap .main_boardst01 .swiper-slide:before {bottom:49px;   height:130px; }

			.in_main_wrap .main_boardst01 .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #ff682b  100px,  #ffb164  100px, #ffb164  100%); }
			.in_main_wrap .main_boardst01 .main_board_roll2  .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #6fa010  100px,  #a7d947 100px, #a7d947 100%); }



			.in_main_wrap .main_boardst01 .swiper-slide dl dt {  font-size:18px; line-height:32px; padding-bottom:10px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl > dd:nth-child(2) {font-size:23px; line-height:32px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign {  height:100vh; width:110px; padding-top:70px; font-size: 19px; 
				padding-left:20px;  line-height: 32px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign::before { right:15px; top:15px; width: 25px;  height: 25px;}

				}

	/***큰***/
	@media (min-width: 1350px) {
	.in_main_wrap .main_boardst01 .swiper-slide {}
			.in_main_wrap .main_boardst01 .swiper-slide dl { padding:30px 35px;}
			.in_main_wrap .main_boardst01 .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #ff682b  140px,  #ffb164  140px, #ffb164  100%); }

			.in_main_wrap .main_boardst01 .main_board_roll2  .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #6fa010  140px,  #a7d947 140px, #a7d947 100%); }

			.in_main_wrap .main_boardst01 .swiper-slide dl dt {  font-size:22px; line-height:32px; }
			.in_main_wrap .main_boardst01 .swiper-slide dl > dd:nth-child(2) {font-size:26px; line-height:32px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign {   width:150px; padding-top:70px; font-size: 21px; 
				padding-left:30px;  line-height: 32px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign::before { right: 20px; top:20px; width: 35px;  height: 35px;}

	}



	/***패드와 모바일***/
	@media (max-width:1023px) {

.Side_Event .swiper-button-next, .Side_Event .swiper-button-prev{display:none }



}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {

		.in_main_wrap .main_boardst01 .swiper-slide  { padding-bottom:50px;}
			.in_main_wrap .main_boardst01 .swiper-slide dl { padding:20px 22px; bottom:60px; left:10px;}
			.in_main_wrap .main_boardst01 .swiper-slide:before {bottom:49px;   height:130px; }

			.in_main_wrap .main_boardst01 .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #d96300  80px,  #ffb164  80px, #ffb164  100%); }
			.in_main_wrap .main_boardst01 .main_board_roll2  .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #6fa010  80px,  #a7d947 80px, #a7d947 100%); }


			.in_main_wrap .main_boardst01 .swiper-slide dl dt {  font-size:17px; line-height:26px; padding-bottom:10px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl > dd:nth-child(2) {font-size:22px; line-height:27px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign {  height:100vh; width:90px; padding-top:50px; font-size: 17px; 
				padding-left:20px;  line-height: 32px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign::before { right:20px; top:20px; width: 21px;  height: 21px;}


	}
	/*모바일*/
	@media (max-width:640px) {

		.in_main_wrap .main_boardst01 .swiper-slide  { padding-bottom:50px;}
			.in_main_wrap .main_boardst01 .swiper-slide dl { padding:20px 22px; bottom:60px; left:10px;}
			.in_main_wrap .main_boardst01 .swiper-slide:before {bottom:49px;   height:130px; }
			.in_main_wrap .main_boardst01 .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #ff682b  100px,  #ffb164  100px, #ffb164  100%); }
			.in_main_wrap .main_boardst01 .main_board_roll2  .swiper-slide:hover dl  { 
			background: linear-gradient(-90deg, #6fa010  100px,  #a7d947 100px, #a7d947 100%); }


			.in_main_wrap .main_boardst01 .swiper-slide dl dt {  font-size:16px; line-height:22px; padding-bottom:10px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl > dd:nth-child(2) {font-size:20px; line-height:24px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign {  height:100vh; width:100px; padding-top:50px; font-size: 17px; 
				padding-left:20px;  line-height: 32px;}
				.in_main_wrap .main_boardst01 .swiper-slide dl dd.gosign::before { right:20px; top:20px; width: 21px;  height: 21px;}
}








/* **************************************** *
 * 메인 - 부대행사
 * **************************************** */


.in_main_wrap .Side_Event {background:#f7f7f7;}
.in_main_wrap .main_boardst01 .swiper-slide dl  dd.intit {color:#fff; }
/* .in_main_wrap .main_boardst01.main_boardst02 .swiper-slide p.img img {filter:grayscale(0%); } */

   /*커서 올리는 on 스타일*/
.in_main_wrap .main_boardst01 .swiper-slide:hover dl  dd.intit {display:none;}


	/***웹***/
	@media (min-width: 1024px) {
	.in_main_wrap .main_boardst01 .swiper-slide dl  dd.intit {font-size:18px;line-height:23px;}


}

	/***패드와 모바일***/
	@media (max-width:1023px) {

}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {


	}
	/*모바일*/
	@media (max-width:640px) {

	.in_main_wrap .main_boardst01 .swiper-slide dl  dd.intit {font-size:14px;line-height:37px;}

}





/* **************************************** *
 * 메인 - 명예의 전당,  공지게시판
 * **************************************** */

.board_sec_02,
.board_sec_02 .hall_fame,
.board_sec_02 .board_dept_menu01 {overflow:hidden; box-sizing:border-box;}


	/*넓이*/
	.board_sec_02 {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
	.board_sec_02 .board_dept_menu01 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
	.board_sec_02 .board_dept_menu01 .tit_sec {width:100%; display:block;}
	.board_sec_02 .board_dept_menu01 .inner {flex-wrap: wrap;  align-self: stretch;  }


	/*명예의전당*/
	.board_sec_02 .hall_fame{background:#191b52; }
	.board_sec_02 .hall_fame h3 {color:#e8c62a; font-weight:700;}
	.board_sec_02 .hall_fame h3 a {display:inline-block; vertical-align:top; margin-top:0px;
			  background-color:#e8c62a;
			  mask-image: url("/images/crown.svg");
			  mask-repeat: no-repeat;
			  mask-position: center left;
			  mask-size: contain;
			}

	.board_sec_02 .hall_fame h4 {color:#fff; font-weight:600; }
	.board_sec_02 .hall_fame .swiper {box-sizing:border-box; background:#fff; }
	.board_sec_02 .hall_fame .swiper  a img {width:auto;}
	.board_sec_02 .hall_fame .swiper-button-next::after,
	.board_sec_02 .hall_fame .swiper-button-prev::after {color:#898bb3}
	.board_sec_02 .hall_fame .fame_desc {overflow:hidden;}
	.board_sec_02 .hall_fame .fame_desc li {color:rgba(255,255,255,0.8); position:relative;  font-weight:300;}
	.board_sec_02 .hall_fame .fame_desc li:before{content:'';  position:Absolute; 
			  background-color:rgba(255,255,255,0.4); left:0px;
			  mask-image: url("/images/award.svg");
			  mask-repeat: no-repeat;
			  mask-position: center left;
			  mask-size: contain;
			}


	.board_sec_02 .hall_fame h3 a { animation:spakle 1.5s ease infinite;
-moz-animation: spakle 1.5s ease infinite;  -webkit-animation: spakle 1.5s ease infinite;}

@keyframes spakle {
  0%, 100% {opacity:1  }
  50% {opacity:0.3}
}




	.board_sec_02 .hall_fame .fame_desc li  span,	.board_sec_02 .hall_fame .fame_desc li  strong {line-height:inherit}
	.board_sec_02 .hall_fame .fame_desc li  span {color:#e8c62a}
	.board_sec_02 .hall_fame .fame_desc li  strong { background:#e8c62a; font-weight:700; color:#191b52;}

		/*명예의전당 모달팝업*/


		.window3 a.close {
		  position:absolute; top:0; right:0; box-sizing:BORDER-BOX;
		  display: inline-block;
		  background: #222; margin-right:-1px;
		  color: #fff;
		  font-weight: 200;
		}

		 .window3 a.close { margin-top: 0px; transform: scale(1, 1); }

		 .window3 { display:none;  overflow:none; background:#fff; box-sizing:Border-box;  max-width: 580px; width:80%;  max-height:80%; }
			.window3.imgwindow {max-width:700px; overflow:visible !important;}


			 .window3 .desc_fame { color:#222;}
			 	 .window3 .desc_fame h4{color:#e8c62a; display:block;}






	/*공지사항*/

	.board_sec_02 .board_dept_menu01 .inner dl{cursor:pointer;}
	.board_sec_02 .board_dept_menu01 .inner h3 {position:relative;  color:#ff682b;}
	.board_sec_02 .board_dept_menu01 .inner h3:before {content:''; position:absolute; top:0; left:0; background:#ff682b}
	.board_sec_02 .board_dept_menu01 .inner dl {cursor:pointer; border-top:1px solid rgba(0,0,0,0.1);}
	.board_sec_02 .board_dept_menu01 .inner >  dl:nth-child(3) {border-top:0px;} 
	.board_sec_02 .board_dept_menu01 .inner dl dt,
	.board_sec_02 .board_dept_menu01 .inner dl dd {  overflow: hidden; 	width: 100%;   text-overflow: ellipsis;   
	display: -webkit-box;  -webkit-box-orient: vertical;}
	.board_sec_02 .board_dept_menu01 .inner dl dd {display:none;}

	.board_sec_02 .board_dept_menu01 .inner dl dt {font-weight:500;  color:#333; }
	.board_sec_02 .board_dept_menu01 .inner {position:relative;}
	.board_sec_02 .board_dept_menu01 .inner dl dd{font-weight:300;  color:#777;}
	.board_sec_02 .board_dept_menu01 .inner a.more{ position:Absolute; 
			  background-color:rgba(0,0,0,1);  right:0px; display:block; text-indent:-99999px;
			mask-image: url("/images/arrow-up-right.svg");
				mask-repeat: no-repeat;
			  mask-position: center left;
			  mask-size: contain;





			}





.imgwindow {width:100%;}
		.board_sec_02 .hall_fame .intit_wrap {}

		.board_sec_02 .hall_fame .sw_wrap  { text-align:Center;}




	/***웹***/
	@media (min-width: 1024px) {

			/*넓이*/
			.board_sec_02 .hall_fame{flex-basis:100%; margin-top:50px;}
			.board_sec_02 .board_dept_menu01 {flex-basis:100%; }
			.board_sec_02 .board_dept_menu01 .inner { flex-basis:calc(33% - 20px); }

		.board_sec_02 .hall_fame .intit_wrap {float:left; width:570px; overflow:hidden;;}
		  .board_sec_02 .hall_fame .sw_wrap  { text-align:Center; float:right;width:calc(100% - 620px);}



			/*명예의전당*/
		.board_sec_02 .hall_fame{ padding:50px 5% 30px 5%;}
			.board_sec_02 .hall_fame h3 { font-size:50px; line-height:60px;}
				.board_sec_02 .hall_fame h3  a { width:37px; height:37px;}
				.board_sec_02 .hall_fame h4 { font-size:29px; line-height:50px;}
				.board_sec_02 .hall_fame .swiper {padding:6px 0px;  
				margin:30px 0px; border-radius:0px 20px 0px 20px;}
				.board_sec_02 .hall_fame  .swiper-wrapper { box-sizing:border-box;}
			.board_sec_02 .hall_fame  .swiper-wrapper  .swiper-slide {text-align:center !important;}
			.board_sec_02 .hall_fame .swiper  a img {display:inline-block !important;  text-align:center !important;
			max-width:auto !important; width:90%;}
			.board_sec_02 .hall_fame .swiper  a {display:inline-block; padding:0px 0px; box-sizing:border-box;  box-sizing:border-box;}

			.board_sec_02 .hall_fame .swiper-button-prev {left:3px !important;}
			.board_sec_02 .hall_fame .swiper-button-next {right:3px !important;}


		.board_sec_02 .hall_fame .swiper-button-next::after, .board_sec_02 .hall_fame .swiper-button-prev::after {font-size:24px;}

.board_sec_02 .hall_fame .fame_desc {padding-top:15px;}
		.board_sec_02 .hall_fame .fame_desc li {padding:5px 0px 5px 25px ;font-size:17px;  line-height:21px; }
		.board_sec_02 .hall_fame .fame_desc li:before{ top:7px; width:19px; height:19px; }
		.board_sec_02 .hall_fame .fame_desc li  span,	.board_sec_02 .hall_fame .fame_desc li  strong {line-height:inherit}
		.board_sec_02 .hall_fame .fame_desc li  span {color:#e8c62a}
		.board_sec_02 .hall_fame .fame_desc li  strong { padding:0px 3px;}

		/*명예의전당 모달팝업*/
		 .window3 a.close {font-size: 30px; padding: 20px 30px; line-height: 40px; }
		 .window3 {padding: 60px 4% 60px 4%;}
			 .window3 .desc_fame {font-size:18px; line-height:30px;}
			 .window3 .desc_fame h4{ font-size: 25px; line-height: 30px; }

			.window3.imgwindow a.close {margin-top:-90px; }
				.window3.imgwindow {padding: 30px;}

				.window3.imgwindow.booth img {width:100% !important;}

		.window3.imgwindow.booth h3 {display:block;text-align:Center; padding-bottom:10px;}
		.window3.imgwindow.booth {max-width:500px;}

			/*공지사항*/
			.board_sec_02 .board_dept_menu01 .inner h3 { font-size:36px; line-height:70px; }
			.board_sec_02 .board_dept_menu01 .inner h3:before {width:24px;  height:4px;  }
			.board_sec_02 .board_dept_menu01 .inner dl { padding:15px 0px;}
			.board_sec_02 .board_dept_menu01 .inner dl dt { font-size:20px; line-height:32px; -webkit-line-clamp: 1;}
			.board_sec_02 .board_dept_menu01 .inner dl dd{ -webkit-line-clamp: 2; font-size:17px; line-height:26px;}
				.board_sec_02 .board_dept_menu01 .inner a.more{ width:19px; height:19px;   top:10px;}

			/* 게시판 갯수조정*/
			.board_sec_02 .board_dept_menu01 .inner dl:nth-child(3),
			.board_sec_02 .board_dept_menu01 .inner dl:nth-child(4){display:block;}


}

	/***패드와 모바일***/
	@media (max-width:1023px) {

	/*넓이*/
			.board_sec_02 .hall_fame{flex-basis:100%); }
			.board_sec_02 .board_dept_menu01 {flex-basis:100%}

       }

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {
			.window3.imgwindow a.close {margin-top:-90px; }
				.window3.imgwindow {padding: 30px;}

			.board_sec_02 {padding:30px 0px;}

			/*넓이*/
			.board_sec_02 .board_dept_menu01 .inner { flex-basis:calc(33% - 20px); }
			/*명예의전당*/
		.board_sec_02 .hall_fame{ padding:50px 5%;}
			.board_sec_02 .hall_fame h3 { font-size:46px; line-height:50px;}
				.board_sec_02 .hall_fame h3  a { width:37px; height:37px;}
				.board_sec_02 .hall_fame h4 { font-size:23px; line-height:30px;}
				.board_sec_02 .hall_fame .swiper {padding:30px;
				margin:30px 0px; border-radius:0px 20px 0px 20px;}
			.board_sec_02 .hall_fame .swiper  a img {max-height:55px;}
		.board_sec_02 .hall_fame .swiper-button-next::after, .board_sec_02 .hall_fame .swiper-button-prev::after {font-size:24px;}
		.board_sec_02 .hall_fame .fame_desc li {padding:5px 0px 5px 26px ;font-size:17px;  line-height:20px; }
		.board_sec_02 .hall_fame .fame_desc li:before{ top:6px; width:17px; height:17px; }
		.board_sec_02 .hall_fame .fame_desc li  span,	.board_sec_02 .hall_fame .fame_desc li  strong {line-height:inherit}
		.board_sec_02 .hall_fame .fame_desc li  span {color:#e8c62a}
		.board_sec_02 .hall_fame .fame_desc li  strong { padding:0px 3px;}

		/*명예의전당 모달팝업*/
		 .window3 a.close {font-size: 30px; padding: 20px 30px; line-height: 40px; }
		 .window3 {padding: 60px 4% 60px 4%;}
			 .window3 .desc_fame {font-size:18px; line-height:30px;}
			 .window3 .desc_fame h4{ font-size: 25px; line-height: 30px; }

			/*공지사항*/
			.board_sec_02 .board_dept_menu01 {padding-top:30px;}
			.board_sec_02 .board_dept_menu01 .inner h3 { font-size:26px; line-height:60px; }
			.board_sec_02 .board_dept_menu01 .inner h3:before {width:24px;  height:4px;  }
			.board_sec_02 .board_dept_menu01 .inner dl { padding:30px 0px;}
			.board_sec_02 .board_dept_menu01 .inner dl dt { font-size:19px; line-height:26px; -webkit-line-clamp: 1;}
			.board_sec_02 .board_dept_menu01 .inner dl dd{ -webkit-line-clamp: 2; font-size:17px; line-height:26px;}
				.board_sec_02 .board_dept_menu01 .inner a.more{ width:19px; height:19px;   top:10px;}

			/* 게시판 갯수조정*/
			.board_sec_02 .board_dept_menu01 .inner dl:nth-child(3),
			.board_sec_02 .board_dept_menu01 .inner dl:nth-child(4){display:block;}







	}
	/*모바일*/
	@media (max-width:640px) {
	.board_sec_02 {padding:30px 0px;}

			/*넓이*/
			.board_sec_02 .board_dept_menu01 .inner { flex-basis:100%; margin-bottom:25px; }
			/*명예의전당*/
		.board_sec_02 .hall_fame{ padding:40px 3%;}

			.board_sec_02 .hall_fame .sw_wrap {margin-top:30px;}
			.board_sec_02 .hall_fame .sw_wrap h3 {padding-top:30px; text-align:left;}

			.board_sec_02 .hall_fame .sw_wrap .swipe { text-align:center;}



			.board_sec_02 .hall_fame h3 { font-size:27px; line-height:40px;}
				.board_sec_02 .hall_fame h3  a { width:21px; height:27px;}
				.board_sec_02 .hall_fame h4 { font-size:17px; line-height:25px;}
				.board_sec_02 .hall_fame .swiper {padding:10px 40px;
				margin:20px 0px; border-radius:0px 20px 0px 20px;}
			.board_sec_02 .hall_fame .swiper  a img {}
		.board_sec_02 .hall_fame .swiper-button-next::after, .board_sec_02 .hall_fame .swiper-button-prev::after {font-size:24px;}
		.board_sec_02 .hall_fame .fame_desc li {padding:5px 0px 5px 26px ;font-size:15px;  line-height:20px; }
		.board_sec_02 .hall_fame .fame_desc li:before{ top:6px; width:14px; height:14px; }
		.board_sec_02 .hall_fame .fame_desc li  span,	.board_sec_02 .hall_fame .fame_desc li  strong {line-height:inherit}
		.board_sec_02 .hall_fame .fame_desc li  span {color:#e8c62a}
		.board_sec_02 .hall_fame .fame_desc li  strong { padding:0px 3px;}

		/*명예의전당 모달팝업*/
		 .window3 a.close {font-size: 30px; padding: 20px 30px; line-height: 40px; }
		 .window3 {padding: 60px 4% 60px 4%;}
			 .window3 .desc_fame {font-size:18px; line-height:30px;}
			 .window3 .desc_fame h4{ font-size: 25px; line-height: 30px; }

			.window3.imgwindow a.close {margin-top:-60px; font-size: 20px; padding: 10px 20px; line-height: 30px;  }

				.window3.imgwindow {padding: 20px;}


			/*공지사항*/
			.board_sec_02 .board_dept_menu01 {padding-top:30px;}
			.board_sec_02 .board_dept_menu01 .inner h3 { font-size:20px; line-height:40px; }
			.board_sec_02 .board_dept_menu01 .inner h3:before {width:24px;  height:3px;  }
			.board_sec_02 .board_dept_menu01 .inner dl { padding:10px 0px;}
			.board_sec_02 .board_dept_menu01 .inner dl dt { font-size:17px; line-height:23px; -webkit-line-clamp: 1;}
			.board_sec_02 .board_dept_menu01 .inner dl dd{ -webkit-line-clamp: 1; font-size:15px; line-height:21px;}
				.board_sec_02 .board_dept_menu01 .inner a.more{ width:15px; height:15px;   top:10px;}

			/* 게시판 갯수조정*/
			.board_sec_02 .board_dept_menu01 .inner dl:nth-child(3),
			.board_sec_02 .board_dept_menu01 .inner dl:nth-child(4){display:block;}

		.window3.imgwindow.booth h3 {font-size:19px; text-align:center; display:block; line-height:26px; padding-bottom:20px;}



}





/* **************************************** *
 * 메인 - 파트너사
 * **************************************** */

.in_main_wrap .bannerzone {overflow:hidden; background:#eee;}
	.in_main_wrap .bannerzone .wrapin {background:#fff; box-sizing:border-box; text-align:center;}
		.in_main_wrap .bannerzone .wrapin a {display:inline-block; vertical-align:middle;}



	/***웹***/
	@media (min-width: 1024px) {
	.in_main_wrap .bannerzone .wrapin {border-radius:30px 0px 30px 0px; padding:15px 0px;}
		.in_main_wrap .bannerzone .wrapin a {padding:0px 1%;}

}


	/***작은웹***/
	@media (min-width:1024px) and (max-width:1250px) {
		.in_main_wrap .bannerzone .wrapin a img {height:59px;}

}




	/***패드와 모바일***/
	@media (max-width:1023px) {

}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {
	.in_main_wrap .bannerzone .wrapin {border-radius:20px 0px 20px 0px; padding:15px 0px;}
		.in_main_wrap .bannerzone .wrapin a {padding:10px 0.6%;}
		.in_main_wrap .bannerzone .wrapin a img {height:39px;}
	}
	/*모바일*/
	@media (max-width:640px) {

	.in_main_wrap .bannerzone .wrapin {border-radius:20px 0px 20px 0px; padding:11px 0px;}
		.in_main_wrap .bannerzone .wrapin a {padding:10px 0.5%;}
		.in_main_wrap .bannerzone .wrapin a img {height:34px;}
}





/* **************************************** *
 * 메인 - 공통스타일
 * **************************************** */













	/***웹***/
	@media (min-width: 1024px) {

}

	/***패드와 모바일***/
	@media (max-width:1023px) {

}

	/***패드***/
	@media (min-width:641px) and (max-width:1023px) {

	}
	/*모바일*/
	@media (max-width:640px) {


}




/* **************************************** *
 *  quick_menu
 * **************************************** */


.quick_menu {position:fixed; z-index:9999;

  top: auto !important;      /* top 무효화 */
  bottom: 20px !important;   /* bottom 우선 적용 */
  transform: none !important; /* 필요 없으면 제거 */
 width:140px;
right:20px;}

.quick_menu img {margin-top:15px; display:block;line-height:0; width:130px; padding:0; }
.quick_menu a {display:block;line-height:0; padding:0; }

.quick_menu p {  font-size:19px; padding-left:3px;letter-spacing:1px; width:100%; line-height:60px; font-weight:800;}




	/*웹*/
	@media (min-width: 1024px) {


}

	/*패드와 모바일*/
	@media (max-width:1023px) {

}


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

	}
	/*모바일*/
	@media (max-width:640px) {
	.quick_menu {display:none !important}

}





/* **************************************** *
 * 메인리뉴얼 새로추가
 * **************************************** */



.main_renew_rollingwrap {  margin-top:145px; overflow:hidden;
 border-top:1px solid #ddd;   width:100%; padding-top:50px;
background:url('/images/2025_renew/bgback.gif') no-repeat top 0px left 35%;
}

.main_renew_rolling {
  display: flex; position:relative;
  flex-wrap: wrap; box-sizing:border-box;
  align-items: flex-start;
 height:720px;}


.main_renew_rolling h1, .main_renew_rolling h2, .main_renew_rolling h3, .main_renew_rolling h4, .main_renew_rolling h5, .main_renew_rolling h6 {
  display: block;
}


.main_renew_rolling h4.s_tit {font-size:28px; color:#ff800f;
  font-family: "Poppins", sans-serif;
  font-weight: 500; padding-bottom:50px;
}

.se_main_roll .main_renew_rolling  h4.s_tit  {color:#0070c6}






.main_renew_rolling h4.s_tit strong {
  font-weight: 700;
}





.main_renew_rolling h4.s_tit {font-size:28px; 
  font-family: "Poppins", sans-serif;
 padding-bottom:50px;
}





.main_renew_rolling .slider-area {
  width: 740px;   padding-right:60px;
  position: relative; overflow:hidden;
}
.main_renew_rolling .video-area {
flex:1; margin-right:90px; margin-top:20px;
/*   //aspect-ratio: 16 / 10; */
height:550px;
  border-radius: 0 130px 130px 130px;
  overflow: hidden;
  position: relative;
}

.slider-controls button {color:#000 !important;}

.main_renew_rolling .video-area video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



.main_renew_rolling .inlogotit {text-align:right;}
.main_renew_rolling .inlogotit dl{ font-size:32px; line-height:1.3;
/*   flex-direction: column; */

}
.main_renew_rolling .inlogotit dl dt{color:#0070c6; display:inline-block; font-weight:600; font-size:36px;}
.main_renew_rolling .inlogotit dl dd{color:#0070c6;  display:inline-block; font-weight:800;   font-size:55px; }


.se_main_roll .main_renew_rolling .inlogotit dl dt,
.se_main_roll .main_renew_rolling .inlogotit dl dd {color:#ff682b }




.main_renew_rolling .inlogotit dl dd strong{font-weight:600;}


.main_renew_rolling .inlogotit2 {font-size:90px; line-height:1.4; font-weight:800; letter-spacing:-2px;}
.main_renew_rolling .inlogotit2  strong.slideinner01{color:#378fdd; background:#d9edff;}
.main_renew_rolling .inlogotit2  strong.slideinner02{  color:#09a8da; background:#dcf7ff;}
.main_renew_rolling .inlogotit2  strong {display:inline-block;padding:0px 10px;  line-height:1.2; font-weight:800;}
  


.main_renew_rolling .inlogotit2 dl dt{color:#006ebc; font-weight:600;}
.main_renew_rolling .inlogotit2 dl dd{color:#ff800f;  font-weight:400;  font-family: "Poppins", sans-serif;}
.main_renew_rolling .inlogotit2 dl dd strong{font-weight:600;}
.main_renew_rolling  h3.intittext {font-size:21px; line-height:1.5; padding-top:30px; letter-spacing:-1px; font-weight:400;}




.main_renew_rolling .period{font-size:44px; text-align:center; padding:20px 0px 15px 0px;; font-weight:700;}
.main_renew_rolling .period span{font-size:30px; padding-left:1px; /* vertical-align:bottom; */}
.main_renew_rolling .period strong{color:#2d5caa;  font-weight:700;  padding-left:4px;}
.se_main_roll  .main_renew_rolling .period strong{color:#c80b83;  }




.main_renew_rolling .spon{text-align:center;}

.main_renew_rolling .spon img{display:inline-block; width:70%; }









.main_renew_rolling .slider-controls {
  display:flex; position:absolute; bottom:150px; left:0px;
  gap: 10px 20px;
  font-family: sans-serif;
}
.main_renew_rolling .slider-controls span {
font-weight:700;  font-family: "Poppins", sans-serif;
  font-size: 19px;

}


.main_renew_rolling .counter-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 300px;
}

.main_renew_rolling .timebar {
  flex: 1;
  height: 2px;
  background-color: #ddd;
  position: relative;
  overflow: hidden;
}

.main_renew_rolling .timebar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #111;
  width: 0%;
  transition: none;
}

.main_renew_rolling .pause-play {
  background: none;
  border: none; font-family: "Poppins", sans-serif;
  font-weight:200;
  font-size: 19px;
  cursor: pointer;
}


.main_renew_rolling .pause-play::after {
content:'';
width:20px; height:20px;
display:block;
background-size: auto 20px;
background-repeat: no-repeat;
background-position: center center;
}

.main_renew_rolling .pause-play::after {



background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%20fill%3D'currentColor'%20class%3D'size-5'%3E%3Cpath%20d%3D'M5.75%203a.75.75%200%200%200-.75.75v12.5c0%20.414.336.75.75.75h1.5a.75.75%200%200%200%20.75-.75V3.75A.75.75%200%200%200%207.25%203h-1.5ZM12.75%203a.75.75%200%200%200-.75.75v12.5c0%20.414.336.75.75.75h1.5a.75.75%200%200%200%20.75-.75V3.75a.75.75%200%200%200-.75-.75h-1.5Z'%20%2F%3E%3C%2Fsvg%3E");


}
.main_renew_rolling .pause-play.play::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%20fill%3D'currentColor'%20class%3D'size-5'%3E%3Cpath%20d%3D'M6.3%202.84A1.5%201.5%200%200%200%204%204.11v11.78a1.5%201.5%200%200%200%202.3%201.27l9.344-5.891a1.5%201.5%200%200%200%200-2.538L6.3%202.841Z'%20%2F%3E%3C%2Fsvg%3E");

}

.main_renew_rolling .slide-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.main_renew_rolling .slide-animate.animated {
  opacity: 1;
  transform: translateY(0);
}





@media (max-width:1400px) {

	.main_renew_rolling .slider-area {
	  width: 650px;
	}

	.main_renew_rolling .video-area {
	  margin-right: 0px;
	}

}





@media (max-width:1023px) {
.width_areain {max-width:700px; margin-left:auto !important; margin-right:auto !important; width:94%;}
.main_renew_rollingwrap {  margin-top:115px;
background-position: top 0px right 5%;
background-size: 300px auto;
}



.main_renew_rolling { box-sizing:border-box; padding-bottom:60px;
 align-content: flex-start; 
 height:1000px;}

.main_renew_rolling .slider-area {
  flex: 1 1 100%;  
  width: 100%;     padding-right:0px;
}

.main_renew_rolling .video-area {
  flex: 1 1 100%; 
  width: 100%;    
 margin-right:0px; margin-top:0px;
height:400px;
  border-radius: 0 110px 110px 110px;
}

.main_renew_rolling .slider-controls {
  bottom: 75px;
  left: 0px;
}




}


@media (max-width:768px) {
.main_renew_rollingwrap {  
background-size: 170px auto;
}

.main_renew_rolling { 
 height:640px;}

.main_renew_rolling .slider-area {
    height:300px;
}



.main_renew_rolling h4.s_tit {font-size:21px;  padding-bottom:15px;}
/* .main_renew_rolling .inlogotit img {width:220px;}
 */





.main_renew_rolling .inlogotit dl dt{ font-size:26px;}
.main_renew_rolling .inlogotit dl dd{font-size:36px; }


.main_renew_rolling .inlogotit2 {font-size:50px; letter-spacing:-1px;}
.main_renew_rolling  h3.intittext {  font-size: 3.7vw; padding-top:20px;}

.main_renew_rolling .period{font-size:25px; padding:30px 0px 15px 0px;; }
.main_renew_rolling .period span{font-size:15px; }
.main_renew_rolling .period strong{   padding-left:4px;}

.main_renew_rolling .spon img {width:310px;}



.main_renew_rolling .slider-controls {
  display:flex; position:absolute; bottom:110px; left:0px;
  gap: 10px 20px;
  font-family: sans-serif;
}
.main_renew_rolling .slider-controls span {
  font-size: 17px;
}


.main_renew_rolling .counter-bar {
  width: 200px;
}


.main_renew_rolling .pause-play {
  font-size: 17px;
}



.main_renew_rolling .video-area {
height:260px;
  border-radius: 0 80px 80px 80px;
}

.main_renew_rolling .slider-controls {
  bottom: 35px;
  left: 0px;
}





}