@charset "utf-8";
  :root {
  --border-radius: 0.25em;
  --border-width: 2px;
  --border-color: #fff;
  --background-color: #1c1c1c;
  --animation-duration: 500ms;
  --animation-durationB: 300ms;
  --blur: 20px;
}
   
 .main_wrap{
		width:98%;
		margin:0 auto;
		position:relative;
		
 		padding:0 10px;
	 
	
}

.section {
  box-sizing: border-box;
  overflow: visible; /* overflow:hidden Á¦°ÅÇÏ¿© ÄÜÅÙÃ÷ À߸² ¹æÁö */
}
  
  /*mainimg slider/*/

  #mainimgContent{
	
	position: relative;
  width: 100%;
  height: auto; /* °íÁ¤ ³ôÀÌ Á¦°ÅÇÏ¿© ³»ºÎ ³»¿ë¿¡ ¸Â°Ô ´Ã¾î³ªµµ·Ï º¯°æ */
  min-height: 800px;
  overflow: visible; /* À߸² ¹æÁö */
  background: #fff;
	 
}

 
   
   


#mainimgContent_in{
	
	position: relative; /* absolute¿¡¼­ relative·Î º¯°æ */
  width: 100%;
  height: auto;
  overflow: visible;
}


.mainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;
 	margin:0 auto;
	background:#000;
 	
}
.mainContainer_in{
	width:100%;
	overflow:hidden;
	
}

	 
  

/**/

.main h2{
	 
 	font-size:70px;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	 
	 
	

}
 
.main h2 strong{ display:block;font-weight:800; }

.main h3{
 	font-size:300%;
	letter-spacing:0px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.main h3 strong{font-weight:700;}
.main h4{
	font-size:160%;
	letter-spacing:-1px;
	font-weight:500;
	line-height:1.3;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
 
  @media(max-width:1400px){
	 .main_wrap{
			width:98%;
	 }

  }
 
 @media(max-width:1000px){
	
	

	  #mainimgContent{
		min-height:600px;
	  }
	.main h2{
		font-size:55px;
		letter-spacing:-1px;
	}
	.main h3{
		font-size:280%;
	}
	.main h4{
		font-size:150%;
	}

	 
}

 @media(max-width:780px){
	.main h2{
		font-size:45px;
		letter-spacing:0px;
	}
	.main span.ttile{
		font-size:40px;

	}
	.main h3{
		font-size:220%;
	}
	.main h4{
		font-size:140%;
	}

 
}

@media(max-width:640px){
	.main h3{
		font-size:170%;
	}
	.main h4{
		font-size:130%;
	}
 
	
}

@media(max-width:420px){
	.main h2{
		font-size:25px;
 	}
	.main h3{
		font-size:160%;
		letter-spacing:0;
	}
	.main h4{
		font-size:120%;
	}
 
	
}

/*link button*/
.link_more{
	text-align:center;
}
a .link_more div,
.link_more div,
.link_more a{
		display:inline-block;
		margin:0 auto;		
		 
		background: rgba(0,0,0,.0);
		padding:3px 3px 3px 10px;
		border-radius:30px; 
		transition: 0.4s;
		 
}
a:hover .link_more div,
.link_more div:hover,
.link_more a:hover{
		 transition: 0.4s;
		  
}
.icon_more span,
.link_more div span,
.link_more a span{
	width:40px;
	height:40px;
	border-radius:50%;
	vertical-align:middle;
	display:inline-block;	
	margin-left:10px;
}
.icon_more span i,
.link_more div span i,
.link_more a span i{
	display:flex; 
	 justify-content:center;	 
	 align-items:center;
	 text-align:center;
	width:100%;
	height:100%;
	rotate: -180deg;
	font-size:22px;
	
}
	/******/
	.partner .link_more{
		font-size:150%;
		line-height:1.1;
	}
	.partner .leftcontents .link_more span{
		background:#acacac;
		color:#fff;

	}

	/******/

	/******/
	.partner .rightcontents .link_more a{
		color:#fff;
	}
	.partner .rightcontents .link_more span{
		background:#ffffff;
		color:#0049ef;

	}

	/******/
	 
  

 .ttitinfo{text-align:left;padding:10px  0px 10px 0;margin:0;}
  .ttitinfo span.s_txt{display:block;font-weight:500;margin-top:20px;margin-bottom:20px;color:var(--t_gray300);}
 
 .ttitinfo h2 span{display:block;}
 .ttitinfo h3 span{display:block;}
 
  .ttitinfo .txt_dec{
	font-size:120%; 
	letter-spacing:-1px;
	font-weight:500;
 }
@media(max-width:1000px){
	.ttitinfo .txt_dec{
		font-size:120%; 
		letter-spacing:0px;
	 }
	  
	 .ttitinfo h3 span{display:inline;}
}
@media(max-width:780px){
	.ttitinfo .txt_dec{
		font-size:110%; 
 	 }
}
 
 

 

/*businessarea */
.businessarea{
	 background:#fff;
	 padding-top:60px;
	 overflow: visible;
}
.businessarea .ttitinfo{
		padding:30px 0;
}

 .businessarea  .ttitinfo .leftcon{
	text-align:center;
}
.businessarea  .ttitinfo h2{
	color:#1653ab;
}
.businessarea .ttitinfo h4 span{
 	 display:block;
	 opacity:.8;
}

.tablink .filter-group{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.tablink .filter-group .filter-btn{
	padding:10px 20px;
	border-radius:6px;
	border: 1px solid #ddd;
	margin:5px;
	background:#fff;
}
.tablink .filter-group .filter-btn.selected{
	background:#1653ab;
}
.tablink .filter-group .filter-btn { 
	font-weight:600;
	color:#9f9f9f;
	letter-spacing:-1px;
	cursor:pointer;
}
.tablink .filter-group .filter-btn.selected {
	color:#fff;
}

.result_hidden{
	visibility:hidden;
}

/**/
.mainprolist{
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 60px;
  
  /* [Çʼö] À߸² ¹æÁö ¹× ºñµ¿±â µ¥ÀÌÅÍ ·Îµå ½Ã ³ôÀÌ À¯¿¬È­ */
  height: auto !important;
  min-height: 400px; /* ·Îµù Àü ÃÖ¼Ò ³ôÀÌ È®º¸ */
  overflow: visible !important;
  position: relative;
  z-index: 10; /* ÇÏ´Ü VIDEOS ¼½¼Ç À§·Î ·¹ÀÌ¾î ¿Ã¸² */
}

.mainprolist .pro_box{
  width: 18%;
  margin: 1%;
  border: 3px solid rgba(0,0,0,.0);
  background: #f1f1f1;
  border-radius: 30px;
  padding: 20px;
  box-sizing: border-box;
  
  /* Ä«µå ³ôÀÌ ¹× Ãà¼Ò ¹æÁö */
  height: auto !important;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mainprolist .pro_box:hover{
	border: 3px solid var(--t_majorcolorB);
	background:#fff;
	-webkit-transition: .2s; 
	transition:.2s;
}

.mainprolist .pro_box a{
	display:block;
	text-align:center;
}

.mainprolist .pro_box .imgarea{
  display: flex; /* ¿ÀŸ isplay -> display ¼öÁ¤ ¿Ï·á */
  height: 300px;
  min-height: 180px;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  /*background: #e9e9e9;*/
  border-radius: 15px;
  overflow: hidden;
}

.mainprolist .pro_box .imgarea img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.mainprolist .pro_box .txtarea{
	margin-top: 15px;
}

.mainprolist .pro_box .txtarea h4{
	font-weight:600;
	margin-bottom:0;
	color: #333;
}

.mainprolist .pro_box .txtarea .infotxt{
	opacity:.8;
	color: #666;
}
 
@media(max-width:1000px){
	.tablink .filter-group .filter-btn{
		padding:5px 10px;
	}
	.mainprolist{
		min-height:200px;
	}
	.mainprolist .pro_box{
		width:31.333%;
	}
	.mainprolist .pro_box .imgarea{
		height:200px;
	}
}
@media(max-width:780px){
	.mainprolist{
		min-height:150px;
	}
	.mainprolist .pro_box{
		width:48%;
	}
}
@media(max-width:640px){
	.mainprolist .pro_box .imgarea{
		height:180px;
	}
}

/**/

.mainvideo{				 
	clear: both;
  position: relative;
  z-index: 1;
  margin-top: 60px; /* PRODUCTS ¿µ¿ª°ú È®½ÇÇÑ °£°Ý À¯Áö */
	background:url(../image/back_video.jpg) no-repeat center center;
	background-size:cover;
	padding:80px 0 120px 0;
	 
}

.mainvideo .ttitinfo .leftcon{
	text-align:center;
}

.mainvideo .contents_list{
	position:relative;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.mainvideo .contents_list .contents_box{
	position:relative; 
	width:31.333%;  
	padding:0;
	margin-bottom:30px;
}

.mainvideo .contents_box a {
	display:block;
	width:95%;
	margin:0 auto;
	position:relative;
}

.mainvideo .contents_box a .imgarea { 
	border: 2px solid #96989d;
	border-radius:6px;
	overflow:hidden;
	-webkit-transition: .2s; 
	transition:.2s;
}

.mainvideo .contents_box a:hover .imgarea { 
	border: 2px solid var(--t_majorcolor);
	-webkit-transition: .2s; 
	transition:.2s;
}

.mainvideo .contents_box .txtarea{
	position:relative; 
	text-align:center;
	font-size:110%;
	letter-spacing:-1px;
	opacity:.8;
	width:100%;
	padding:10px 10px 10px 10px;
}

@media(max-width:1000px){
	.mainvideo{		
		padding:60px 0 40px 0;
	}
	.mainvideo .contents_list .contents_box{
		width:48%;  
		margin-bottom:20px;
	}
	.mainvideo .contents_box .txtarea{
		font-size:95%;
	}
}

/**/

.modalPop-box{
  position:relative;
  top:0;
  z-index:9999999;
}

.modalPop-box.active{
  background: rgba(0,0,0,0.7);
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px); 
}

.modalPop-box, .modalPop-box_in{
	-webkit-transition: opacity 0.5s ease 0.5s;
	-moz-transition: opacity 0.5s ease 0.5s;
	-o-transition: opacity 0.5s ease 0.5s;
	-ms-transition: opacity 0.5s ease 0.5s;
	transition: opacity 0.5s ease 0.5s;
}

.modalPop-box_in{
	width:85%;
	max-width:900px;
	position:relative;		 
	margin:90px auto 0 auto;
	background:none;
}

.modalPop-close{
	position:absolute;
	right:0px;
	padding:0px;
	bottom:-34px;
	z-index:99999;
}

.modalPop-close svg{
	color:#fff;
}

.modalPop_content{
	padding:10px;
}

.modalPop_content_in{
	border-radius:30px;
	overflow:hidden;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 

.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

.youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/**/

.partner{
 	padding:0px 0 0px 0;
	margin-top:0px;
	overflow:hidden;
	background-size:cover;
	position:relative;
}

.partner .Half_contents{
	display:flex;
	justify-content: center; 
}

.partner .Half_contents .leftcontents{
	background:url(../image/back_partner.jpg) no-repeat center center;
	background-size:cover;
 	width:50%; 
}

.partner .Half_contents .leftcontents .leftcontents_inbox{
	width:100%;
	height:100%; 
	display:flex;
	flex-wrap:wrap;
	justify-content: center; 
	align-content: center;
	padding-top:60px;
	padding-bottom:60px; 
}

.partner .Half_contents .leftcontents .imgarea{
	text-align:center;
	max-width:400px;
}

.partner .Half_contents .leftcontents .link_more{
	 width:100%;
}

.partner .Half_contents .leftcontents .link_more div{
	margin-left:80px;	
}

.partner .Half_contents .rightcontents{
	width:50%;
	background: #0049ef;
}

.partner .Half_contents .rightcontents .rightcontents_inbox{
	width:100%;
	max-width:700px;
	margin: 0 auto;
	position:relative;
	height:100%; 
	display:flex;
 	justify-content: center; 
	align-items: center;
	align-content: center;
	padding-top:60px;
	padding-bottom:60px;
}

.partner .Half_contents .rightcontents .rightcontents_inbox .txtarea{
	color:#fff;
	width:45%;
	padding:10px;
}

.partner .Half_contents .rightcontents .link_more{
	margin:0;
	text-align:left;
}

.partner .Half_contents .rightcontents .link_more div,
.partner .Half_contents .rightcontents .link_more a{
	margin:0;
	text-align:left;
	padding:0;
}

.partner .Half_contents .rightcontents .rightcontents_inbox .imgarea{
	width:55%;
}

@media(max-width:1000px){
	.partner .Half_contents{
		flex-wrap:wrap;
	}
	.partner .Half_contents .leftcontents,
	.partner .Half_contents .rightcontents{
		width:100%;
	}
}

@media(max-width:780px){
	.partner .Half_contents .leftcontents .imgarea{
		max-width:300px;
	}
}

@media(max-width:640px){
	.partner .Half_contents .rightcontents .rightcontents_inbox{
		flex-wrap:wrap;
		padding-top:30px;
		padding-bottom:30px;
	}
	.partner .Half_contents .rightcontents .rightcontents_inbox .txtarea,
	.partner .Half_contents .rightcontents .rightcontents_inbox .imgarea{
		width:100%;
		padding:10px;
		text-align:center;
	}
	.partner .Half_contents .rightcontents .rightcontents_inbox .imgarea{
		max-width:70%;
	}
	.partner .Half_contents .rightcontents .link_more,
	.partner .Half_contents .rightcontents .link_more div,
	.partner .Half_contents .rightcontents .link_more a{
		margin:0 auto;
		display:block;
		position:relative;
		text-align:center;
	}
}

/* VIDEOS ¼½¼Ç ·¹À̾ƿô */
.video-section {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.video-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 15px;
  cursor: pointer;
  background: #fff;
  transition: transform 0.2s, box-shadow 0.2s;
}

.video-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.thumb-box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
}

.thumb-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-title {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  word-break: keep-all;
}

/* ·¹À̾î Æ˾÷ (¸ð´Þ) ½ºÅ¸ÀÏ */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.modal-content {
  position: relative;
  width: 90%;
  max-width: 800px;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.modal-video-container {
  position: relative;
  padding-top: 56.25%;
}

.modal-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.modal-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  background: none;
  border: none;
}

/* ¹ÝÀÀÇü ·¹À̾ƿô */
@media (max-width: 1200px) {
  .video-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1000px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .video-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}