@charset "utf-8";
/*------------------------------------
	common 
------------------------------------*/
.inner {margin:0 auto; max-width:160rem;}

@media (max-width: 1600px) {
	.inner{max-width:100%; width: auto; padding:0 3%; box-sizing:border-box;}
}
@media (max-width: 1023px) {
	.inner{padding:0 5%;}
}

/*------------------------------------
	main_Layout
------------------------------------*/
#max_container {position:relative;}


/*------------------------------------
	Main_visaul
------------------------------------*/
#section1 {position: relative; width: 100%; height:100vh; overflow:hidden;}
#section1 .fp-tableCell {display:flex; align-items: flex-end;}
#section1 .bg {position: absolute; top: 50%; left:50%; transform: scale(1.1) translate(-45%, -50%); width: 100%; height: 100vh; z-index: -1; overflow:hidden;}
#section1 .bg:before {content:''; width: 100%; height: 100%; background: rgb(0 0 0 /30%);position: absolute; left:0; top:0; }
#section1 .bg video {width: 100%; height: 100%; object-fit: cover;}

#section1 .txt_box {width:160rem; margin:10rem auto; color:var(--white);}
#section1 .txt_box .txt1 {font-size: 2.5rem; line-height:1.5; font-weight: 500; margin: 0 0 2.5rem 0; opacity:.6; letter-spacing:-0.02em;}
#section1 .txt_box .txt2 {font-size: 5rem; font-weight: 700; letter-spacing:0;}
#section1 .txt_box .txt1,
#section1 .txt_box .txt2 {opacity: 0; filter: blur(10px); transform: translateY(20px); animation: blurFadeUp 1s ease forwards;}
#section1 .txt_box .txt2 {animation-delay: .4s;}
@keyframes blurFadeUp {
	to {opacity: 1; filter: blur(0);	transform: translateY(0);}
}		

#section1 .scroll {position:absolute; right:3%; bottom:8rem; font-size: 1.3rem; color:var(--white); text-align: center; opacity:.6;}
#section1 .scroll:after {display:block; width:1.3rem; height:5rem;  background:url(../images/common/ico_scroll.svg)no-repeat 50% 50%; content:''; margin:2rem auto 0 auto;
animation:scrollDown 1.4s infinite ease-in-out;}

@keyframes scrollDown {
  0%, 100% {transform: translateY(0); opacity: 0.8;}
  50% {transform: translateY(3rem); opacity: 1;}
}

 
@media screen and (max-width: 1600px) { 
	#section1 .bg { transform: scale(1.4) translate(-35%, -40%);} 

	#section1 .txt_box {width:100%; margin:3em 5%; }
	#section1 .txt_box .txt1 {font-size: 2vw; margin-bottom:2rem;}
	#section1 .txt_box .txt2 {font-size: 3.5vw;}
}
@media screen and (max-width: 1024px) {
	#section1 .txt_box .txt1 {font-size: 2.8vw;  }
	#section1 .txt_box .txt2 {font-size: 4vw;}
}
@media screen and (max-width: 768px) { 
	#section1 .txt_box .txt1 {font-size: 4vw; margin-bottom:1rem;}
	#section1 .txt_box .txt2 {font-size: 5vw;}
	#section1 .txt_box .txt2 br {display:none;}
	
	#section1 .scroll {display:none;}
} 


/*------------------------------------
  About
------------------------------------*/
#section2 {overflow:hidden;}
#section2 .flex {height:100vh; display:flex; justify-content: space-between; align-items: center; gap:0 10rem; padding:0 2%;}
#section2 .flex .txt_box {text-align: center;}
#section2 .flex .txt_box .tit {font-size: 4.5rem; text-align: center; font-weight: 700; letter-spacing:-0.025em; margin:0 0 5rem 0; line-height:1.4; color:#000; word-break:keep-all;}
#section2 .flex .txt_box .txt {text-align: center; word-break:keep-all; line-height:1.6; color:#7A7A7A; font-size:2rem;}
.con_btn {display:inline-block; padding:2rem 3rem; background:var(--main-color1); color:var(--white); border-radius:.5rem;}
.con_btn i {width:2rem; height:2rem; display:inline-block; background:url(../images/common/btn_arr.svg)no-repeat 50% 50% / cover; vertical-align:-.3rem; margin:0 0 0 2rem;}

#section2 .flex .con_btn {margin:5rem auto 0 auto; }

/* 슬라이드 */
#section2 .roll_slide {height:100vh; display:flex; flex-direction:column; }
#section2 .roll_slide li {width:36rem; height:42rem; border-radius:1.5rem;  overflow:hidden; margin:2rem 0; flex-shrink:0;}
#section2 .roll_slide.up { animation: slideUp 22s linear infinite;}
#section2 .roll_slide.down {animation: slideDown 22s linear infinite;}
	
/* 위로 슬라이드 애니메이션 */
@keyframes slideUp {
  0% {transform: translateY(0);}
  100% {transform: translateY(calc(-46rem * 3));} /* 정확히 절반만 이동 */
}
/* 아래로 슬라이드 애니메이션 */
@keyframes slideDown {
    0% {transform: translateY(calc(-46rem * 3)); }
    100% {transform: translateY(0%);}  
}



@media screen and (max-width: 1600px) {  
	#section2 .flex {  gap:0 6rem;  }
	#section2 .flex .txt_box .tit {font-size: 2.2em;}
	#section2 .flex .txt_box .txt { font-size:1em;}
	.con_btn { padding:2rem 3rem;  }

	#section2 .flex .con_btn {margin:5rem auto 0 auto; }
	
	/* 슬라이드 */ 
	#section2 .roll_slide li {width:30rem; height:36rem; }
	#section2 .roll_slide li img {width:100%; height:100%; object-fit:cover;}
 
	@keyframes slideUp {
	  0% {transform: translateY(0);}
	  100% {transform: translateY(calc(-40rem * 3));} /* 정확히 절반만 이동 */
	}
	/* 아래로 슬라이드 애니메이션 */
	@keyframes slideDown {
		0% {transform: translateY(calc(-40rem * 3)); }
		100% {transform: translateY(0%);}  
	}

}
@media screen and (max-width: 1200px) {
	.con_btn { padding:1.5rem 2.5rem;  }
	
	/* 슬라이드 */ 
	#section2 .roll_slide li {width:24rem; height:30rem; }
	#section2 .roll_slide li img {width:100%; height:100%; object-fit:cover;}
 
	@keyframes slideUp {
	  0% {transform: translateY(0);}
	  100% {transform: translateY(calc(-34rem * 3));} /* 정확히 절반만 이동 */
	}
	/* 아래로 슬라이드 애니메이션 */
	@keyframes slideDown {
		0% {transform: translateY(calc(-34rem * 3)); }
		100% {transform: translateY(0%);}  
	}
}

@media screen and (max-width: 1024px) { 
	#section2 .flex .txt_box {width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2;}
	#section2 .flex .txt_box .tit {font-size: 1.6em;}
	#section2 .flex .txt_box .txt {color:#000;}

	#section2 .roll_slide {opacity:0.25;}
	#section2 .roll_slide li {width:18rem; height:24rem; border-radius:1rem;}
	
	@keyframes slideUp {
	  0% {transform: translateY(0);}
	  100% {transform: translateY(calc(-28rem * 3));} /* 정확히 절반만 이동 */
	}
	/* 아래로 슬라이드 애니메이션 */
	@keyframes slideDown {
		0% {transform: translateY(calc(-28rem * 3)); }
		100% {transform: translateY(0%);}  
	}
	
}
@media screen and (max-width: 768px) { 
	#section2 .roll_slide li {width:12rem; height:18rem; border-radius:.8rem;}
	#section2 .flex .txt_box {width:90%;}
	#section2 .flex .txt_box .tit { margin:0 0 3rem 0;}
	#section2 .flex .txt_box .txt br {display:none;}
	
	@keyframes slideUp {
	  0% {transform: translateY(0);}
	  100% {transform: translateY(calc(-22rem * 3));} /* 정확히 절반만 이동 */
	}
	/* 아래로 슬라이드 애니메이션 */
	@keyframes slideDown {
		0% {transform: translateY(calc(-22rem * 3)); }
		100% {transform: translateY(0%);}  
	}
}


/*------------------------------------
  Business
------------------------------------*/
#section3 {position: relative;  }
#section3 .vis_acodion {position: relative;height:100vh;display: table;width:100%; }
#section3 .vis_acodion div {position:relative; display:table-cell; width:15%; color:#fff; transition: all 0.6s; overflow:hidden;  background-repeat:no-repeat; background-position:50% 50%; background-size: cover;}
#section3 .vis_acodion div:hover {width:30%; transition: all 0.6s;}
#section3 .vis_acodion div .info {position:absolute; bottom:0; padding:8%; box-sizing:border-box; width:100%; }
#section3 .vis_acodion div .info .tit {width:100%; font-size: 4rem; color:#fff; font-weight: 600; letter-spacing:-0.025em; margin-bottom:20px;}
#section3 .vis_acodion div .info .desc {width:64rem; display:none; margin-bottom:2rem; opacity:.8; word-break:keep-all; line-height:1.6; font-size: .9em;}
#section3 .vis_acodion div .info a {display:inline-block; padding:1.5rem 2.5rem; background:#fff; color:#222; font-size: 1.6rem; font-weight: 600; border-radius:.5rem; display:none; text-decoration:none;}
#section3 .vis_acodion div .info a i {filter:invert(1); vertical-align:-.4rem;}

/* hover */
#section3 .vis_acodion div:hover .info .desc {display:block;}
#section3 .vis_acodion div:hover .info a{display:inline-block}

/* bg */
#section3 .vis_acodion .bg1 {background-image:url(../images/main/bg_aco1.png);}
#section3 .vis_acodion .bg2 {background-image:url(../images/main/bg_aco2.png);}
#section3 .vis_acodion .bg3 {background-image:url(../images/main/bg_aco3.png);}
#section3 .vis_acodion .bg4 {background-image:url(../images/main/bg_aco4.png);}


@media screen and (max-width: 1600px) {   
	#section3 .vis_acodion div .info {padding:5%;}
	#section3 .vis_acodion div .info .tit { font-size: 1.6em; margin-bottom:1.5rem;}
	#section3 .vis_acodion div .info .desc {width:48rem;  margin-bottom:1.5rem; }
	#section3 .vis_acodion div .info a {padding:1.2rem 2rem; font-size: .9em; }

}
@media screen and (max-width: 1024px) {  
	#section3 .vis_acodion {display:flex; flex-wrap:wrap;}
	#section3 .vis_acodion > div {width:50%; height:50%}
	#section3 .vis_acodion div:hover{width:50%;}
	#section3 .vis_acodion div .info {width:100%; box-sizing:border-box;}
	#section3 .vis_acodion div .info .tit { font-size: 1.4em; margin-bottom:1.5rem;}
	#section3 .vis_acodion div .info .desc {width:100%; margin-bottom:1.5rem; display:none;}
	#section3 .vis_acodion div .info a {padding:1rem 1rem; font-size: .9em;  border-radius:.5rem;}
	#section3 .vis_acodion div .info a i {vertical-align:-.6rem; width:1.5rem; height:1.5rem; vertical-align: -.3rem;}
	
	#section3 .vis_acodion div:hover .desc {width:100%; box-sizing:border-box; display:none !important;}
}
@media screen and (max-width: 768px) {  
	#section3 .vis_acodion {display:flex; flex-wrap:wrap;}
	#section3 .vis_acodion > div {width:100%; height:25%}
	#section3 .vis_acodion div:hover {width:100%;}
	#section3 .vis_acodion div .info a,
	#section3 .vis_acodion div:hover .info a{display:flex; max-width:10rem; justify-content: space-around;}
}


/*------------------------------------
  Product
------------------------------------*/
#section4 {background:#fff;}
#section4 h3.tit {text-align: center; font-size: 6rem; margin:6rem 0 1.5rem 0; line-height:1;}
#section4 .desc {text-align: center; color:#676767;}
#section4 .tab_container {width: 100%; margin: 3rem auto 0; /*overflow: hidden;*/}
#section4 .tab_menu {width:160rem; margin:0 auto 4rem auto; display: flex;  }
#section4 .tab_menu li {flex: 1; text-align: center;}
#section4 .tab_menu li button {position: relative; width: 100%;  border:0;  display: inline-block; padding: 1.5rem 3rem; font-size: 2rem;  border-bottom:1px solid #ddd;   background:0; box-sizing:border-box; overflow:hidden;font-weight: 500; cursor: pointer; transition: all 0.3s; color: #666;}
#section4 .tab_menu li button:before {position: absolute; bottom:-1px;  content:''; left: 50%; -webkit-transform: translateX(-50%);  transform: translateX(-50%); height: 3px;
width: 100%; -webkit-transition: .2s; transition: .2s; width:0; background:#000;}
#section4 .tab_menu li button:hover:before {width:100%;}
#section4 .tab_menu li button:hover { color:#000;}
#section4 .tab_menu li.active button {position: relative; font-weight: 600; color:#222;}
#section4 .tab_menu li.active button:before {width:100%;}
  
#section4 .tab_content {display: none; animation: fadeIn 0.5s; padding:0;}
#section4 .tab_content.active {display: block;} 

@keyframes fadeIn {
	from {	opacity: 0; transform: translateY(10px);}
	to {opacity: 1; transform: translateY(0);}
}

/* Swiper 스타일 */
#section4 .swiper_wrap {position: relative; width: 100%; overflow:hidden; max-width:160rem;}
#section4 .swiper {width: 100%; padding-bottom:3rem; } 
#section4 .swiper-slide {display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; color: #333;  transition: .3s;}
#section4 .swiper-slide .prod_box {width:100%; height:100%; display:flex; flex-direction: column; justify-content: space-between; border-radius: 1rem; padding:2rem; box-sizing:border-box; background: #F5F5F7; }
#section4 .swiper-slide:hover .prod_box {box-shadow: 0rem 1rem 2rem rgba(0,0,0,0.15);} 
#section4 .swiper-slide .prod_box .info {padding:2rem 0 0;}
#section4 .swiper-slide .prod_box .cate {font-size: 1.5rem; color:#6E6E6E; font-weight: 500; margin-bottom:.5rem}
#section4 .swiper-slide .prod_box .tit {font-size: 2.8rem; margin-bottom:1rem}
#section4 .swiper-slide .prod_box .tag span {font-size: 1.4rem; color:#6E6E6E; font-weight: 500; padding:.8rem 1.5rem; background:#E9E9E9; border-radius:.5rem; margin:0 .2rem 0 0;}
#section4 .swiper-slide .prod_box .denier {font-size: 1.6rem; display: flex; padding: 1rem 0; border-top: 1px solid #e6e6e6;  border-bottom: 1px solid #e6e6e6; font-weight: 500;} 
#section4 .swiper-slide .prod_box .denier span {display: inline-block; font-weight: 500; color: #222; min-width: 6rem;}
#section4 .swiper-slide a {display: flex; align-items: center; justify-content: center; max-width: 20rem; height: 5rem; border-radius: .5rem; background: #222; color: #fff; margin: 3rem auto 0;
font-size: 1.5rem; font-weight: 500; transition:all .3s;}
#section4 .swiper-slide a:hover {background:var(--main-color1); color:var(--white);}
 
#section4 .swiper-slide .prod_box .img {position:relative; width:100%; background:#fff; border-radius:1rem; aspect-ratio: 4 / 3; overflow:hidden;} 
#section4 .swiper-slide .prod_box .img img {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); object-fit:cover; width:100%;  }
 
 
/* 좌우 버튼 커스텀 */
#section4 .ctrl_btn {position:absolute; top:50%; width:100%; left:0; transform:translateY(-50%); z-index:1;}
#section4 .ctrl_btn .swiper-button-next,
#section4 .ctrl_btn .swiper-button-prev {width: 5rem; height: 5rem;  background: #fff; border-radius: 50%; border:2px solid #E2E2E2; transition: all .3s;}
#section4 .ctrl_btn .swiper-button-prev {left:0;}
#section4 .ctrl_btn .swiper-button-next {right:0;}

#section4 .ctrl_btn .swiper-button-prev:after,
#section4 .ctrl_btn .swiper-button-next:after {width:2.2rem; height:1.6rem; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size: 0; opacity:.4 }
#section4 .ctrl_btn .swiper-button-prev:after {background-image:url(../images/main/prev_arr.svg);}
#section4 .ctrl_btn .swiper-button-next:after {background-image:url(../images/main/next_arr.svg);}

#section4 .ctrl_btn .swiper-button-prev:hover,
#section4 .ctrl_btn .swiper-button-next:hover {border-color:#222;}
#section4 .ctrl_btn .swiper-button-prev:hover:after, 
#section4 .ctrl_btn .swiper-button-next:hover:after {opacity:1;}


@media screen and (max-width: 1600px) {
	#section4 h3.tit {font-size: 5rem; margin:4rem 0 1.2rem 0;}
	
	#section4 .tab_menu {width:100%; margin:0 auto 3rem auto; }
	#section4 .tab_menu li button {padding: 1.5rem 3rem; font-size: 1em;}   
	
	#section4 .ctrl_btn .swiper-button-next,
	#section4 .ctrl_btn .swiper-button-prev {width: 4.5rem; height: 4.5rem;}

	#section4 .ctrl_btn .swiper-button-prev:after,
	#section4 .ctrl_btn .swiper-button-next:after {width:2rem; height:1.4rem;}
}
@media screen and (max-width: 1200px) {
	#section4 h3.tit {font-size: 4rem; margin:3rem 0 1rem 0;}
	
	#section4 .tab_menu li button {padding: 1.5rem 2rem; font-size: 1.1em;}   
	
	#section4 .swiper-slide .prod_box .cate {font-size: 1.4rem;  }
	#section4 .swiper-slide .prod_box .tit {font-size: 2.2rem; } 
	#section4 .swiper-slide .prod_box .denier {font-size: 1.5rem;} 
	#section4 .swiper-slide .prod_box .denier span { min-width: 4rem;}
	#section4 .swiper-slide a {max-width: 100%; height: 4.5rem; font-size: 1.4rem;}
	
	#section4 .ctrl_btn .swiper-button-next,
	#section4 .ctrl_btn .swiper-button-prev {width: 4rem; height: 4rem;}
	#section4 .ctrl_btn .swiper-button-prev:after,
	#section4 .ctrl_btn .swiper-button-next:after {width:1.8rem; height:1.2rem;}
	 
}
@media screen and (max-width: 1024px) {
	#section4 h3.tit {font-size: 3rem; margin:2rem 0 1rem 0;}
	
	#section4 .tab_menu li button {padding: 1rem 1rem; font-size: 1.1em;}   
		
	#section4 .ctrl_btn .swiper-button-next,
	#section4 .ctrl_btn .swiper-button-prev {width: 3.5rem; height: 3.5rem;}
	#section4 .ctrl_btn .swiper-button-prev:after,
	#section4 .ctrl_btn .swiper-button-next:after {width:1.6rem; height:1rem;}
}
@media screen and (max-width: 768px) {     
	#section4 h3.tit {font-size: 1.65em; font-size: 3rem; margin:8rem 0 0rem 0;}
	#section4 .tab_container {margin: 1rem auto 0;}
	
}
@media screen and (max-width: 420px) {     

	#section4 .swiper-slide .prod_box .img {max-height:28rem;}
}


/*------------------------------------
  Global Network
------------------------------------*/
#section5 {position:relative; background:url(../images/main/bg_sect5.png);}
#section5 .inner {display:flex; justify-content: space-between}
#section5 .inner h3.tit {font-size: 5rem; color:var(--white); line-height:1.5;}
#section5 .inner .link_box {display:flex; gap:3rem;}
#section5 .inner .link_box > div {width:38rem; height:38rem; background: rgba(255, 255, 255, 0.4);  backdrop-filter: blur(30px); border-radius: 1.2rem; padding: 4rem; color:var(--white);
box-sizing:border-box; filter:brightness(1.2);}
#section5 .inner .link_box > div .tit {font-size: 3rem; font-weight: 600; line-height:1; margin:0 0 2rem 0;}
#section5 .inner .link_box > div > p {font-weight: 400; line-height:1.5; letter-spacing:-0.025em; opacity:.7; margin-bottom:9rem;}
#section5 .inner .link_box > div > a {position:relative; display:block; color:#fff; padding:1.4rem 0; border-bottom:1px solid rgba(255,255,255,0.3);}
#section5 .inner .link_box > div > a:after {position:absolute; right:0; top:.4rem; font-size:3rem; content:'+'; font-weight: 100;}

#section5 .inner .link_box > div.certification {margin-top:8rem;}
#section5 .btxt_wrap { white-space:nowrap;}
#section5 .btxt {position:absolute; bottom:0; right:0; font-size: 8.5vw; color:var(--white); font-weight: 700; line-height:1; display:inline-block;padding-left:100%;animation:marquee 40s linear infinite; opacity:.5;}
@keyframes marquee {0%{transform:translateX(0);}100%{transform:translateX(-100%);}}


@media screen and (max-width: 1600px) {     
	#section5 .inner h3.tit {font-size: 3vw; word-break:keep-all;}
	#section5 .inner .link_box > div {width:30rem; height:30rem; padding:3rem;}
	#section5 .inner .link_box > div .tit {font-size: 2.5rem;} 
	#section5 .inner .link_box > div > p {margin-bottom:5rem; font-size: .9em;}
	#section5 .inner .link_box > div > a {font-size: 1em;} 

	#section5 .inner .link_box > div.certification {margin-top:6rem;}
 
}
@media screen and (max-width: 1200px) {  
	#section5 {background-position:50% 50%;}
	#section5 .inner {flex-direction: column; }
	#section5 .inner h3.tit {font-size:2.5em; text-align: center; margin:0 0 4rem 0;}
	#section5 .inner .link_box {justify-content: center;}
	
	#section5 .inner .link_box > div .tit {font-size: 1.7em;} 
	#section5 .inner .link_box > div > p {font-size: 1em;}
	#section5 .inner .link_box > div.certification {margin-top:0;}
}
@media screen and (max-width: 768px) {  
	#section5 .inner h3.tit {font-size:1.65em; margin:8rem 0 3rem 0; line-height:1.4;}
	
	#section5 .inner .link_box > div {width:100%; height:auto; padding:2rem; border-radius:.8rem;}
	#section5 .inner .link_box > div .tit {font-size: 1.4em; margin:.5rem 0 1.5rem 0;}
	#section5 .inner .link_box > div > p {margin-bottom:1rem; word-break:keep-all;}
	#section5 .inner .link_box > div > p br {display:none;}
	#section5 .inner .link_box {gap:2rem; flex-direction: column;}
	
	#section5 .btxt_wrap  {display:none;}
}


/*------------------------------------
  Contact us
------------------------------------*/
#section6 {position:relative; background:url(../images/main/bg_sect6.png)no-repeat 50% 50% / cover;}
#section6 .inner {gap:5rem}
#section6 .inner > div {width:50%;}
#section6 .inner .tit {font-size: 6rem; color:var(--white); text-align: center; margin:1rem 0 2rem 0;}
#section6 .inner p {opacity:.7; font-size: .9em; margin: 1.5rem 0 0 0; text-align: center;}

#section6 .inner .form_group {margin: 0 0 2rem 0;}
#section6 .inner .form_group.flex {display:flex; align-items: flex-end; gap:1rem;}
#section6 .inner .form_group label {display:block; margin:0 0 1rem 0; line-height:1; }
#section6 .inner .form_group .required {color:#FF8954; font-size: .8em; vertical-align:1rem;}
#section6 .inner .form_group input[text] {height:5rem; }
#section6 .inner .form_group .input_txt {width:100%; background:#262626; color:var(--white); border-radius:0.5rem; border:0; padding: 1.5rem; box-sizing:border-box; font-size: 1.6rem;}
#section6 .inner .form_group .form_box {width:50%;}
#section6 .inner .form_group textarea {font-family:inherit; box-sizing:border-box; height:10rem;}
#section6 .inner .form_group .codebox {display:flex; gap:1rem;}
#section6 .inner .form_group .codebox .spam_key {background:#0e0e0e; border-radius:.5rem; padding:0 2rem; display: flex;
    justify-content: center; align-items: center;}
#section6 .inner .form_group .codebox .spam_key .text-danger {font-weight: 700; color:#ff0c00;}
#section6 .inner .form_group .codebox .input_txt {max-width:40%;}

#section6 .inner .agree_box {  width:100%; display:flex; justify-content: space-between; align-items: center;}
#section6 .inner .agree_box .submit_btn {display:inline-block; padding:1.5rem 2em; width:21rem; text-align: center; background:var(--main-color1); border:0; color:#fff; 
font-size:1em; cursor:pointer; border-radius:.5rem;}

.chk_box{display:flex;align-items:center;}
.agree_label{display:flex;align-items:center;gap:8px;cursor:pointer;}
.fake_chk{width:18px;height:18px;border:2px solid #fff; background:#fff; border-radius:3px;display:inline-block;position:relative;transition:.2s;}
.selec_chk{display:none;}
.selec_chk:checked + .agree_label .fake_chk::after{content:"";position:absolute;left:4px;top:0px;width:6px;height:12px;border-right:2px solid ; border-bottom:2px solid #333;
transform:rotate(45deg);  }


@media screen and (max-width: 1600px) {     
	#section6 .inner .left .tit {font-size: 5rem;}
	#section6 .inner .left p {font-size: 1em;}
}
@media screen and (max-width: 1200px) {  
	#section6 .inner .left .tit {font-size: 4rem;}
}
@media screen and (max-width: 1024px) {  
	#section6 .inner {flex-direction: column; gap:3rem;}
	#section6 .inner > div {width:100%;}
	#section6 .inner .tit {font-size: 3rem; text-align: center;} 
	
	#section6 .inner .form_group {margin: 0 0 1.5rem 0;}
	#section6 .inner .form_group .input_txt {padding:1.2rem; font-size: 1em;}
}
@media screen and (max-width: 768px) {  
	#section6 .inner .tit {font-size: 2.5rem;}
	
	#section6 .inner .form_group {margin: 0 0 1rem 0;}
	#section6 .inner .form_group .input_txt {padding:1rem;}
	#section6 .inner .form_group .codebox .spam_key {padding:0 1rem;}
	
	#section6 .inner .agree_box {flex-direction: column; gap:2rem;}
}