@font-face {
    font-family: 'Tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ria';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

#preview_item{ display:none;}

.mainContents section{height:100%; }

#section01{ display:flex;}

/* ===== MAIN - VISUAL ===== */
.main-visual {position:relative; width:100%; height:100vh; }
.main-visual .visual-slider {overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.main-visual .visual-slider .swiper-slide {overflow:hidden;position:relative;height:100%; position: relative;}
.main-visual .visual-slider .swiper-slide .vs-bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;transition-duration:3s;background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg1{ background:url(../img/main/Visual01.jpg) no-repeat 50% 50%; background-size:100% auto;}
.main-visual .visual-slider .swiper-slide .vs-bg2{ background:url(../img/main/Visual02.jpg) no-repeat 50% 50%; background-size:100% auto;}
.main-visual .visual-slider .swiper-slide .vs-bg3{ background:url(../img/main/Visual03.jpg) no-repeat 50% 50%; background-size:100% auto;}
.main-visual .visual-slider .swiper-slide .vs-bg4{ background:url(../img/main/Visual04.jpg) no-repeat 50% 50%; background-size:100% auto;}
.main-visual .visual-slider .swiper-slide .vs-bg:before{content: ""; position: absolute;	left: 0px; bottom: 0px;	width: 230px; height: 217px; background: url("../img/main/mv_left.png") no-repeat center / cover; z-index: -1;}
.main-visual .visual-slider .swiper-slide .vs-bg:after{content: ""; position: absolute;	right: 20px; bottom: 0px; width: 217px; height: 294px; background: url("../img/main/mv_right.png") no-repeat center / cover; z-index: -1;}

.main-visual .visual-slider .main-visual-btn{ position:absolute; bottom:0;right:0;  display:flex; }
.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next {background:none; position:relative; top:auto; right:auto; left:auto; margin:0;width:70px; height:70px; display:flex;justify-content: center;align-items: center; background-color:rgb(0,0,0,0.5)}
.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ font-size:25px; color:#fff;}
.main-visual .visual-slider .swiper-button-prev:after {display:none;}
.main-visual .visual-slider .swiper-button-next:after {display:none;}

.main-visual .visual-slider .swiper-pagination { position:relative; top:auto; left:auto; bottom:0;height:70px;width:88px; background-color:rgb(0,0,0,0.5);font-size:17px;display:flex;justify-content: center;align-items: center;color:#fff;letter-spacing:0.333em;font-style:italic;}
.main-visual .visual-slider .swiper-pagination span {font-style:normal;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg1{}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;	}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;	-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;}


.main-visual .visual-slider .swiper-slide .vs-txt { position:absolute; top:35%; left:50%; z-index:1; }
.main-visual .visual-slider .swiper-slide .vs-txt{ color:#fff;}
.main-visual .visual-slider .swiper-slide .vs-txt h1{font-family: 'Ria'; font-size:84px; margin:30px 0;font-style: oblique; line-height: 100px;}
.main-visual .visual-slider .swiper-slide .vs-txt h1 span{font-family: 'Ria'; font-size:84px; color: #fdc535;}
.main-visual .visual-slider .swiper-slide .vs-txt .date{ font-size:70px; font-weight:800; display:flex;align-items:flex-start;}
.main-visual .visual-slider .swiper-slide .vs-txt .date span{ font-size:20px; letter-spacing:0;}
.main-visual .visual-slider .swiper-slide .vs-txt .place{ font-size:42px; line-height:30px; margin:50px 0;}
.main-visual .visual-slider .swiper-slide .vs-txt .place span{ font-size:17px; letter-spacing:0;}
.main-visual .visual-slider .swiper-slide .vs-txt .b-logo img{ width:200px;}


#section02 {position: relative;	overflow: hidden; padding: 180px 0;}
#section02 .inner {	display: flex;	align-items: flex-end;	justify-content: space-between;	z-index: 1;}
#section02:before {content: ""; position: absolute;	left: 0px;bottom: 0px;	width: 100%;	height: 100%; background: url("../img/main/sec02_bg.jpg") no-repeat center / cover;z-index: -1;}
#section02 .sec02_left {flex-basis: 66%;  flex-shrink: 0;}
#section02 .sec02_left_top > img {width: 65%;	margin-bottom: 40px;}
#section02 .sec02_txt {	display: flex;	align-items: center; justify-content: space-between; gap: 30px;	margin-bottom: 30px;}
#section02 .sec02_txt p {	font-size: 30px;	line-height: 1.5;	font-weight: 600;	color: #000;}
#section02 .sec02_txt img {width: 85px;}
#section02 .history ul { gap: 40px;   display: grid;   grid-template-columns: repeat(3, 1fr);}
#section02 .history li { width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.3);}
#section02 .history img { width: 100%;	display: block;}
#section02 .sec02_right { flex-grow: 1; margin-left: 40px;}
#section02 .sec02_right img { width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.3);}
#section02 .history li,
#section02 .sec02_right {	overflow: hidden;}
#section02 .history li img,
#section02 .sec02_right img {	transition: transform 0.4s ease;	transform: scale(1);}
#section02 .history li:hover img,
#section02 .sec02_right:hover img {	transform: scale(1.05);}


#section03 {	position: relative;	padding:20px 0 180px 0;	background: linear-gradient(180deg, #ffb701 0%, #fff 100%);	overflow: hidden;}
#section03 .sec03_txt {margin-bottom: 20px;}
#section03 .sec03_txt p { font-size: 24px;	color: #111; margin-bottom: 20px;}
#section03 .sec03_txt h1 { font-family: 'Tenada';	font-size: 54px;	font-weight: 700;}
#section03 .sec03_txt h1 strong { font-family: 'Tenada'; color: #fff; font-size: 60px;}
#section03 .sec03_body {display: flex;}
#section03 .sec03_body .sec03_left{flex-basis: 45%;  flex-shrink: 0;}
#section03 .sec03_body .sec03_left iframe {	width: 100%;	height: 520px;	box-shadow: 0 10px 30px rgba(0,0,0,0.15);}
#section03 .sec03_body .sec03_right {flex-grow: 1;}
#section03 .sec03_body .sec03_right ul { display: grid;   grid-template-columns: repeat(2, 1fr);   gap: 20px;   height: 100%;   margin-left: 30px;}
#section03 .sec03_body .sec03_right li {background: #fff;	border: 2px solid #000;	padding: 50px;	box-sizing: border-box;}
#section03 .sec03_body .sec03_right li:hover {border: 3px solid #000;}
#section03 .sec03_body .sec03_right h2 {font-family: 'Tenada';	font-size: 34px;	font-weight: 700;	margin-bottom: 15px;}
#section03 .sec03_body .sec03_right h2 span {font-size: 16px;  color: #ffc432;  font-weight: 600; margin-left: 10px;}
#section03 .sec03_body .sec03_right p {	font-size: 19px;	line-height: 1.4;	color: #444;}
#section03 .inner::after {	content: ""; position: absolute; top: 0px;	right: 0; width: 180px;	height: 250px;	background: url("../img/main/sec03_beer.png") no-repeat center / contain;}


#section04 {	position: relative;	padding: 200px 0 80px 0;	background: #060b1e url("../img/main/sec04_bg.jpg") center / cover no-repeat;	color: #fff;	overflow: hidden;}
#section04 .sec04_tit {	text-align: center;	margin-bottom: 60px;}
#section04 .sec04_tit h4 {	font-size: 30px; font-weight: 400;	margin-bottom: 12px;}
#section04 .sec04_tit h1 {	font-family: 'Tenada'; font-size: 54px;	line-height: 1.3;	font-weight: 700;}
#section04 .sec04_tit h1 span {font-family: 'Tenada';	font-size: 64px; color: #ffc432;}
#section04 .sec04_1 { margin-bottom: 200px; text-align: center;}
#section04 .sec04_1 ul { display: flex;	justify-content: space-between;	margin-top: 80px;}
#section04 .sec04_1 ul li {	width: 33%;	text-align: center;	position: relative;}
#section04 .sec04_1 ul li:before {	content: "";	position: absolute;	top: 0;	right: -6%; width: 1px;	height: 100%;	background: rgba(255,255,255,.2);}
#section04 .sec04_1 ul li:last-child:before {	display: none;}
#section04 .sec04_1 h2 { font-size: 42px; font-weight: 700;	margin-bottom: 20px; display:flex; align-items:flex-start; justify-content: center}
#section04 .sec04_1 h2 span { font-size: 18px; margin-left: 5px; font-weight: 700;	letter-spacing: 2px;}
#section04 .sec04_1 p { font-size: 26px;	line-height: 1.7;	color: #fff;}
#section04 .sec04_1_btn { margin-top: 80px; display: inline-block; align-items: center;  justify-content: center;  padding: 20px 80px; color: #fff;  font-size: 19px; font-weight: 600; letter-spacing: -0.3px; text-decoration: none; background: rgba(0, 0, 0, 0.8); border-radius: 999px;  position: relative;  z-index: 1;  box-shadow: 0 0 12px rgba(237, 116, 196, 0.45), 0 0 28px rgba(237, 116, 196, 0.35), 0 0 60px rgba(237, 116, 196, 0.25); transition: all 0.3s ease;  overflow: hidden;}
#section04 .sec04_1_btn:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.4);}
#section04 .sec04_2 {	margin-bottom: 200px;}
#section04 .sec04_2 ul {	display: flex;	justify-content: center;	gap: 40px; margin-top: 70px;}
#section04 .sec04_2 ul li {width: 100%; height: 100%; border-radius: 50%;	border: 2px solid rgba(255,210,0,.6); display: flex;	align-items: center;	justify-content: center; background: rgba(0,0,0,.4); transition: all .3s;  flex-direction: column;   box-sizing: border-box; font-weight: 600;}
#section04 .sec04_2 ul li img {max-width: 58%;}
#section04 .sec04_2 ul li span{font-size: 16px; font-weight: 400;}
#section04 .sec04_2 .sec04_2_ul1 li{width: 300px; height: 300px;}
#section04 .sec04_2 .sec04_2_ul2 li{width: 250px; height: 250px;}
#section04 .sec04_2 ul li:hover {	transform: scale(1.08);	border-color: #ffd200; background: #000;}
#section04 .sec04_2_ul2 {	margin-top: 50px;	gap: 30px;}
#section04 .sec04_3 {	margin-bottom: 120px; position: relative;}
/*#section04 .sec04_3:before{content: ""; position: absolute;  top: -9%; left: -15%; width: 821px;	height:456px;	background: url("../img/main/sec04_3_left.png") no-repeat center / contain;}
#section04 .sec04_3:after{content: ""; position: absolute; top: -9%; right: -15%; width:710px;	height:458px;	background: url("../img/main/sec04_3_right.png") no-repeat center / contain;}*/
#section04 .sec04_3_div {	display: flex;	align-items: flex-start;	gap: 60px;	margin-top: 80px;}
#section04 .sec04_3_div .sec04_3_i {flex-basis: 55%;  flex-shrink: 0;}
#section04 .sec04_3_div .sec04_3_i img {width: 100%;}
#section04 .sec04_3_t {flex-grow: 1; font-size: 22px;  display: flex; flex-direction: column; gap: 10px; position: relative;}
#section04 .sec04_3_t h3 {font-family: 'Tenada';  font-size: 34px;  font-weight: 700;  color: #ffd200;}
#section04 .sec04_3_t p { margin-bottom: 30px;}
#section04 .sec04_3_t p img{width: 18%;}
#section04 .sec04_3_t strong { font-size: 33px; font-weight: 700; display: inline-block;}
#section04 .sec04_4 {display: flex;justify-content: space-between;}
#section04 .sec04_4 img {}
@keyframes flicker {
  0% { opacity: 1; }
  20% { opacity: 0.4; }
  40% { opacity: 0.8; }
  60% { opacity: 0.2; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}
.sec04_3_light {animation: flicker 3s infinite;position: relative;}
.sec04_3_light .light_left{position: absolute; top: 0; left: 0%; transform: translate(-50%, -50%); }
.sec04_3_light .light_right{ position: absolute; top: 0;  right: -15%; transform: translate(0%, -50%); z-index: -2;}
/*폭죽 터지는 효과
#section04::before {content: "";position: absolute;top: 5%;left: 5%;width: 4px;height: 4px;background: transparent;border-radius: 50%;
	box-shadow:	0 -120px #ffd54f,
		85px -85px #ff8a65,
		120px 0 #4fc3f7,
		85px 85px #ba68c8,
		0 120px #81c784,
		-85px 85px #ffb74d,
		-120px 0 #64b5f6,
		-85px -85px #e57373;
	animation: firework 2.5s ease-out infinite; opacity: 0; pointer-events: none; z-index: 0;}
#section04::after {content: "";position: absolute;top: 5%;right: 5%;width: 4px;height: 4px;background: transparent;border-radius: 50%;
	box-shadow:	0 -120px #ffd54f,
		85px -85px #ff8a65,
		120px 0 #4fc3f7,
		85px 85px #ba68c8,
		0 120px #81c784,
		-85px 85px #ffb74d,
		-120px 0 #64b5f6,
		-85px -85px #e57373;
	animation: firework 2.5s ease-out infinite; opacity: 0; pointer-events: none; z-index: 0;}
#section04::after {
	animation-delay: 1.2s;
	transform: translate(-200px, -100px);
}
@keyframes firework {
	0% {
		transform: translate(-50%, -50%) scale(0.2);
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.4);
		opacity: 0;
	}
}
*/



@media all and ( max-width: 1920px ){
	/*.main-visual .visual-slider .swiper-slide .vs-txt h1{ font-size:30px; margin:30px 0 10px 0;}
	.main-visual .visual-slider .swiper-slide .vs-txt h1 span{font-size:40px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .date{ font-size:42px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .date span{ font-size:17px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .place{ font-size:27px; line-height:23px; margin:30px 0;}
	.main-visual .visual-slider .swiper-slide .vs-txt .place span{ font-size:15px;} 
	.main-visual .visual-slider .swiper-slide .vs-txt .b-logo img{ width:130px;}*/
	.main-visual .visual-slider .swiper-slide .vs-bg {  background-size: cover; }
	.main-visual .visual-slider .swiper-slide .vs-txt {top: 30%;}
	.main-visual .visual-slider .swiper-slide .vs-txt h1, .main-visual .visual-slider .swiper-slide .vs-txt h1 span {font-size: 64px; line-height: 80px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .date {font-size: 55px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .place { font-size: 32px; margin: 35px 0;}

	
 #section02 {  padding: 150px 0; }
 #section02 .sec02_txt p { font-size: 26px;}
 #section02 .history ul {  gap: 30px;}
 #section02 .sec02_right { margin-left: 30px;}
	
  #section03 { padding: 20px 0 150px 0; }
  #section03 .sec03_txt p { font-size: 22px; }
  #section03 .sec03_txt h1 {  font-size: 48px; }
  #section03 .sec03_txt h1 strong {font-size: 54px; }
  #section03 .sec03_body .sec03_left iframe { height: 480px;}
  #section03 .sec03_body .sec03_right ul {  gap: 18px;margin-left: 24px;}
  #section03 .sec03_body .sec03_right li {  padding: 40px; }
  #section03 .sec03_body .sec03_right h2 { font-size: 30px;}
  #section03 .sec03_body .sec03_right p {font-size: 18px;}
	
  #section04 { padding: 160px 0 60px 0;  }
  #section04 .sec04_tit { margin-bottom: 50px; }
  #section04 .sec04_tit h4 {  font-size: 26px; }
  #section04 .sec04_tit h1 {  font-size: 48px;}
  #section04 .sec04_tit h1 span { font-size: 56px; }
  #section04 .sec04_1 {  margin-bottom: 160px; }
  #section04 .sec04_1 ul {  margin-top: 60px; }
  #section04 .sec04_1 h2 {  font-size: 36px; }
  #section04 .sec04_1 p {  font-size: 22px;}
  #section04 .sec04_1_btn {  margin-top: 60px; padding: 18px 70px;  font-size: 18px;}
  #section04 .sec04_2 {  margin-bottom: 160px; }
  #section04 .sec04_2 .sec04_2_ul1 li { width: 260px;  height: 260px;}
  #section04 .sec04_2 .sec04_2_ul2 li {  width: 220px; height: 220px; }
  #section04 .sec04_3 {margin-bottom: 55px;}
  #section04 .sec04_3_div { gap: 50px; margin-top: 60px;}
  #section04 .sec04_3_t { font-size: 20px; }
  #section04 .sec04_3_t p {margin-bottom: 18px;}
  #section04 .sec04_3_t h3 { font-size: 30px;}
  #section04 .sec04_3_t strong { font-size: 28px;}
  #section04 .sec04_4 {  gap: 40px; }
  #section04 .sec04_4 img { max-width: 40%; height: 100%;}
  #section04 .sec04_4 img:nth-last-child(1){width: 15%; height: 100%;}

}

@media all and ( max-width:1280px ){
	.mainContents section{ height:auto;}
	#section01{ display:block;}
	.main-visual{ height:1000px; width:100%;}
    

	#section02 {  padding: 80px 0; }
	#section02 .inner {	flex-direction: column;	align-items: center;}
	#section02 .sec02_left, #section02 .sec02_right {	width: 100%;}
	#section02 .history ul {	justify-content: center;}
	#section02 .sec02_left, #section02 .sec02_right { margin-left: 0;  margin-top: 30px; }
	    
	#section03 .sec03_body {	flex-direction: column;}
  	#section03 .sec03_body .sec03_left iframe { height: 500px;}
	#section03 .sec03_body .sec03_right ul {  margin-left: 0; margin-top: 10px;}
	        
	#section04 { padding: 130px 0 35px 0; }
	#section04 .sec04_tit h1 { font-size: 40px; }
	#section04 .sec04_1 ul { margin-top: 30px; }
	#section04 .sec04_1 { margin-bottom: 120px;}
	#section04 .sec04_2 ul {gap: 20px;}
	#section04 .sec04_2 ul li img { max-width: 60%;}
	#section04 .sec04_2 .sec04_2_ul1, #section04 .sec04_2 .sec04_2_ul2 { flex-wrap: wrap; gap: 30px;}
	#section04 .sec04_2 .sec04_2_ul1 li, #section04 .sec04_2 .sec04_2_ul2 li { aspect-ratio: 1 / 1;}
	.sec04_3_light .light_left {top: -70px;  left: 11%;  width: 35%;height: auto;}
	.sec04_3_light .light_right {top: -70px; right: -7%;  width: 35%;  height: auto;}
	#section04 .sec04_3_div .sec04_3_i { flex-basis: 50%;  flex-shrink: 0;}
	#section04 .sec04_3_div {gap: 30px;}
	#section04 .sec04_3_t h3 { font-size: 24px;}
	#section04 .sec04_3_t { font-size: 18px; gap: 0px;}
	#section04 .sec04_3_t strong { font-size: 22px; }
	
}
@media all and ( max-width:1024px ){
	
	.main-visual{ height:500px;}
	.main-visual .visual-slider .swiper-slide .vs-txt { top: 37%; }
	.main-visual .visual-slider .swiper-slide .vs-txt h1 {margin: 14px 0;}
    .main-visual .visual-slider .swiper-slide .vs-txt h1, .main-visual .visual-slider .swiper-slide .vs-txt h1 span {  font-size: 33px; line-height: 43px;  }
    .main-visual .visual-slider .swiper-slide .vs-txt .date { font-size: 28px; }
	.main-visual .visual-slider .swiper-slide .vs-txt .date span {font-size: 14px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .place { font-size: 20px; margin: 10px 0; }
	.main-visual .visual-slider .swiper-slide .vs-bg:before { width: 110px;height: 100px;}
	.main-visual .visual-slider .swiper-slide .vs-bg:after{width: 120px; height: 150px; }
	
	#section02 { padding: 30px 0;}
	        
	#section03 { padding: 50px 0; }
	#section03 .sec03_txt h1, #section03 .sec03_txt h1 strong { font-size: 32px;}
	#section03 .inner::after { width: 155px; height: 190px;}
	#section03 .sec03_body .sec03_left iframe {  height: 400px; }
	#section03 .sec03_body .sec03_right li {  padding: 30px; }
	#section03 .sec03_body .sec03_right h2 { font-size: 26px;}
	#section03 .sec03_body .sec03_right p {font-size: 17px; }
	
	#section04 .sec04_tit h1, #section04 .sec04_tit h1 span { font-size: 30px; }
	#section04 .sec04_3_div {flex-direction: column;}
	#section04 {  padding: 80px 0 35px 0;}
	
	
}
@media all and ( max-width:640px ){
	
	.main-visual {margin-top: 70px; height: 250px; }
	.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ width:50px; height:50px;}
	.main-visual .visual-slider .swiper-pagination{ height:50px;}
	
	.main-visual .visual-slider .swiper-slide .vs-txt h1{ font-size:25px;}
	.main-visual .visual-slider .swiper-slide .vs-txt h1 span{ font-size:30px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .date{ font-size:32px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .date span{ font-size:15px;}
	.main-visual .visual-slider .swiper-slide .vs-txt .b-logo img{ width:100px;}
	
    #section02 .sec02_txt p { font-size: 22px;}
	#section02 .sec02_left_top > img {	max-width: 90%;}
	#section02 .sec02_txt p {	font-size: 20px;}
	#section02 .sec02_txt img {width: 60px;}
	#section02 .sec02_left_top > img {  width: 75%; margin-bottom: 20px;}
	
    #section03 .sec03_txt p { font-size: 18px; }
    #section03 .inner::after { width: 130px; height: 165px; }
	#section03 .sec03_body .sec03_left iframe {  height: 280px; }
	#section03 .sec03_body .sec03_right ul {grid-template-columns: repeat(1, 1fr);  gap: 10px;}
	
	#section04 .sec04_tit h4 { font-size: 20px; }
	#section04 .sec04_tit h1, #section04 .sec04_tit h1 span { font-size: 26px; }
	#section04 .sec04_1 ul {flex-direction: column;}
	#section04 .sec04_1 ul li {width: 100%;  margin-bottom: 25px; padding: 10px 0px;}
	#section04 .sec04_1 h2 { font-size: 30px; }
	#section04 .sec04_1 p { font-size: 19px;  }
	#section04 .sec04_1 h2 {margin-bottom: 0;}
	#section04 .sec04_1 { margin-bottom: 80px;}
	#section04 .sec04_1_btn {  padding: 18px 60px; font-size: 16px;}
	#section04 .sec04_1_btn {margin-top: 10px;}
	#section04 .sec04_1 ul li:after{ content: "";  position: absolute;  left: 0;  bottom: -20px; /* 간격 조절 */  width: 100%;  height: 1px;	background: rgba(255, 255, 255, .2);}
	#section04 .sec04_1 ul li:last-child:after {display: none;}
	
}




@media all and ( max-width:480px ){
	
	.main-visual .visual-slider .swiper-slide .vs-txt h1{ font-size:20px;}
	.main-visual .visual-slider .swiper-slide .vs-txt h1 span{ font-size:25px;}
	   
	#section02 .history ul { gap: 10px; }
	#section02 .sec02_left, #section02 .sec02_right { margin-top: 10px;}
	
	#section03 .sec03_txt p { font-size: 15px; }
	#section03 .sec03_txt h1, #section03 .sec03_txt h1 strong {  font-size: 24px; }
    #section03 .inner::after {  width: 75px;  height: 150px;  }
	#section03 .sec03_body .sec03_left iframe {  height: 200px; }
	
	
	#section04 .sec04_2 .sec04_2_ul1 li, #section04 .sec04_2 .sec04_2_ul2 li { width: 180px;  height: 180px;}
	#section04 .sec04_2 .sec04_2_ul1, #section04 .sec04_2 .sec04_2_ul2 {  gap: 10px; }
	#section04 .sec04_2 ul { margin-top: 10px;}
	#section04 .sec04_2 { margin-bottom: 80px;}
	#section04 .sec04_tit { margin-bottom: 20px;}


	
	
}