@charset "utf-8";

/* main */
@media (max-width: 1700px) {
	.mcnt4_wrap .figure-box .fig2{left: -5vw; width: 22vw;}
	.mcnt4_wrap .figure-box .fig3{width: 25vw;}
	
}
@media (max-width: 1400px) {
	.mcnt2 p{padding-left: 20%; word-break: keep-all;}
	.mcnt2 p br{display: none;}
}



@media (max-width: 1024px) {
	header .wrap1 .sitemap-btn{padding-right: 0;}
	.mcnt5_wrap{max-width:100%; overflow: hidden;}
	header .wrap1 .sitelogo{padding-left: 0;}
	header .wrap1 .sitelogo img{  image-rendering: -moz-crisp-edges; /* firefox */
  image-rendering: -o-crisp-edges; /* opera */
  image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */
  image-rendering: crisp-edges; width: 160px; height: auto;}
	#gnb {display:none;}
	main .main-visual,
	main .main-visual .mv_owl .item{height: 156vw;}
	main .main-visual .mv_owl .m_txt{padding-bottom: 8vw;}
	main .main-visual .mv_owl .m_txt p{font-size: 18px; line-height: 1.5; margin-bottom: 20px;}
	main .main-visual .mv_owl .m_txt h3{font-size: 30px; line-height: 1.5;}

	.owl-carousel .owl-item img.pc_visual{display: none;}
	.owl-carousel .owl-item img.m_visual{display: block;}
	.mv-btn-box{right: 40px; bottom: 20px; display: none;}
	.mcnt2{padding-top: 12vw; padding-bottom: 12vw;}
	.mcnt2 small{font-size: 16px; line-height: 1.5;}
	.mcnt2 h3{font-size: 28px; line-height: 1.5; margin-top: 10px; word-break: keep-all;}
	.mcnt2 h3 br{display: none;}
	.mcnt2 figure{margin-top: 20px; height: 40vw; }
	.mcnt2 figure img{width: 100%; height: 100%; object-fit:cover;}
	.mcnt2 p{padding-left: 0; font-size: 16px; line-height: 1.5; word-break: keep-all; padding-bottom: 50px;}
	.mcnt2 p br{display: none;}
	.mcnt2 h1{font-size: 80px; bottom: 0;}
	.mcnt3_wrap{padding: 12vw 0;}
	.mcnt3_wrap h3{font-size: 28px; line-height: 1.5; margin-bottom: 15px; }
	.mcnt3_wrap ul{gap:10px}
	.mcnt3_wrap ul > li{height: auto; padding: 30px 15px;}
	.mcnt3_wrap ul > li .tit-box{font-size: 18px; line-height: 1.5; margin-bottom: 10px; padding-bottom: 10px;}
	.mcnt3_wrap ul > li .box p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.mcnt3_wrap ul > li .box p br{display: none;}
	.mcnt4_wrap .figure-box > *{opacity: 0.5;}
	.mcnt4_wrap{/* padding-top: 12vw; padding-bottom: 12vw; */}
	.mcnt4_wrap .mcnt4 .tbx small{font-size: 16px; margin-bottom: 20px;}
	.mcnt4_wrap .mcnt4 .tbx h3{font-size: 28px; line-height: 1.5;}
	.mcnt4_wrap .mcnt4 .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.mcnt4_wrap .mcnt4 .tbx p br{display: none;}
	main .link-box a{line-height: 50px;}
	.mcnt4_wrap .figure-box .fig1{right: 20%;}
	.mcnt5-tab{display: none;}

	.mcnt5_wrap .swiper-slide .tbx_wrap{height: 80vw;}
	.mcnt5_wrap .swiper-slide .tbx small{font-size: 16px; line-height: 1.5;  margin-bottom: 20px;}
	.mcnt5_wrap .swiper-slide .tbx small span{padding-right: 20px;}	
	.mcnt5_wrap .swiper-slide .tbx small span:after{right: 8px; top: 9px;}
	.mcnt5_wrap .swiper-slide .tbx .logo{margin-bottom: 20px; }
	.mcnt5_wrap .swiper-slide .tbx .logo img{max-width:70vw;  max-height:110px}
	.mcnt5_wrap .swiper-slide3 .tbx .logo img{max-width:70vw;  max-height:70px}
	.mcnt5_wrap .swiper-slide4 .tbx .logo img{max-width:70vw;  max-height:60px}
	.mcnt5_wrap .swiper-slide5 .tbx .logo img{max-width:70vw;  max-height:60px}
	.mcnt5_wrap .swiper-slide7 .tbx .logo img{max-width:70vw;  max-height:60px}
	.mcnt5_wrap .swiper-slide .tbx p{font-size: 16px; line-height: 1.5; margin-bottom: 15px; word-break: keep-all; padding: 0 20px;}
	.mcnt5_wrap .swiper-slide .tbx p br{display: none; }
	.mcnt5_wrap .link-box a{font-size: 16px; width: 140px; padding-left: 15px;}
	.mcnt5_wrap .link-box a:after{right: 20px;}
	.mcnt5_wrap .swiper-slide .tbx p.fz22{font-size: 16px;}
	.mcnt5_wrap .swiper-slide .tbx .logo.flex-box{gap:10px; padding: 0 10px;}
	.mcnt5_wrap .swiper-slide .tbx .logo.flex-box img{flex:1 1 20%; width: 1%; height: auto;	}
	.mcnt5_wrap .swiper-slide .tbx small b{font-size: 16px; margin-bottom: 0;}
	.mcnt5_wrap .swiper-slide .tbx h4{font-size: 28px; line-height: 1.5; margin-bottom: 10px;}
	.mcnt5_wrap .swiper-slide .tbx p.fz22{margin-bottom: 20px;}
	.mcnt5_wrap .swiper-slide .tbx .logo.flex-box{margin-bottom: 20px;}



	.mcnt5_wrap{position: relative; }
	.pag {position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 10000; display: flex; gap:10px; justify-content: center; align-items:center}
	.pag > span{width: 10px; height: 14px; background: url(../img/main/mv-prev.png) center no-repeat; transition: .3s; cursor: pointer;}
	.pag > .m5-next{background: url(../img/main/mv-next.png) center no-repeat; }
	.progress-box{position: relative; color: #fff; margin-right: 120px;}
	.autoplay-progress {position: absolute;left: 44px; top: 12px;z-index: 10;width: 100px;height: 3px;background-color: rgba(255, 255, 255, 0.5);}
	.autoplay-progress svg {--progress: 0; position: absolute;left: 0;top: 0;z-index: 10;width: 100%;stroke-width: 4px;stroke: #fff; fill: none;stroke-dashoffset: calc(100 * (1 - var(--progress)));stroke-dasharray: 100;}

	.mcnt5_wrap .swiper-slide .tbx small{opacity: 0; transition:.3s; position: relative; top: 30px;} 
	.mcnt5_wrap .swiper-slide .tbx .logo{position: relative; opacity: 0; transition:.4s .2s; top: 30px;}
	.mcnt5_wrap .swiper-slide .tbx p{position: relative; opacity: 0; transition:.4s .4s; top: 30px;}
	.mcnt5_wrap .link-box a{position: relative; opacity: 0; transition:.4s .6s; top: 30px}
	.mcnt5_wrap  .swiper-slide-active  .tbx small,
	.mcnt5_wrap  .swiper-slide-active  .tbx .logo,
	.mcnt5_wrap  .swiper-slide-active  .tbx p,
	.mcnt5_wrap  .swiper-slide-active  .link-box a{opacity: 1; top: 0;}
	
	.progress-box{display: block;}
	.mcnt5_wrap{display: none;}

	

	.m-mcnt5_wrap{display: block;}
	
	.m-mcnt5_wrap .mcnt5_img{width: 100%; height: 100dvh; }
	.m-mcnt5_wrap .mcnt5_img img{width: 100%; height: 100%; object-fit:cover;}

	.m-mcnt5_wrap .mcnt5_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; align-content:center; text-align: center; display: flex; flex-direction: column; justify-content: center; gap:8vw; }
	.m-mcnt5_wrap .mcnt5_txt small{display: flex; font-size: clamp(16px, 4vw, 46px); line-height: 1; font-weight: 700; color: #fff;  justify-content: center; align-items:center; gap:2vw;}
	.m-mcnt5_wrap .mcnt5_txt small span:first-child{color: #f56b18; font-family: "Poppins", sans-serif;  }
	.m-mcnt5_wrap .mcnt5_txt small i{width: 4px; height: 4px; background: rgba(255,255,255,0.5); border-radius: 50%;}
	.m-mcnt5_wrap .mcnt5_txt .logo-box{margin: 0 auto; }
	.m-mcnt5_wrap .mcnt5_txt .logo-box img{width: auto; max-width:100%; margin: 0 auto; max-width:60vw}
	.m-mcnt5_wrap .mcnt5_txt p{font-size: clamp(16px, 4vw, 42px); line-height: 1.5; color: #fff; }
	.m-mcnt5_wrap .link-box a{width: 150px; padding-left: 20px; font-size: 16px;} 
	.m-mcnt5_wrap .link-box a:after{right: 20px;}

	.m-mcnt5_wrap .link-box.flex-box{gap:3vw; display: flex;     justify-content: center;}
	.m-mcnt5_wrap .link-box.flex-box > a{margin: 0;}

	.m-mcnt5_wrap .mcnt5_txt .btn-box{display: flex; align-items:center; justify-content: center; gap:8vw}
	.m-mcnt5_wrap .mcnt5_txt .btn-box span img{width: 3.3vw;}

	.m-mcnt5_wrap .mcnt5_txt big{font-size: clamp(24px, 9.5vw, 98px); color: #fff; font-weight: 700;}
	.m-mcnt5_wrap .logo-flex{display: flex; flex-wrap:wrap; justify-content: space-between; align-items:center; gap:0 4vw; padding: 0 20px;}
	.m-mcnt5_wrap .logo-flex span{flex:1 1 20%}
	.m-mcnt5_wrap .logo-flex img{max-width:100%; width: auto; }
	.mcnt5_owl  .owl-nav{display: none;}
/* footer */
	#footer .ft_top {padding-top: 30px; padding-bottom: 20px; margin-bottom: 15px;flex-direction: column; }
	#footer .ft_top .lbx{width: 100%; top: 0;}
	#footer .ft_top .rbx{width: 100%; flex:1; margin-top: 20px; }
	.mv_owl {border-radius: 20px; overflow: hidden;}
	main .mcnt1 {height: calc(100dvh) !Important; min-height:0px !important;  box-sizing: border-box; overflow: hidden;}
	

	main .main-visual, main .main-visual .mv_owl .item{height: calc(100vh - 100px) !Important; overflow: hidden !important;}
/* 	main .main-visual, 
	main .main-visual .mv_owl .item{-ms-overflow-style: none; -ms-overflow-style: none;}
	main .main-visual::-webkit-scrollbar, 
	main .main-visual .mv_owl .item::-webkit-scrollbar{display: none;  display:none;} */

	
	.mcnt2_wrap {height: calc(100vh ) !Important; min-height:0px !important;}


	.mcnt2{height: calc(100vh - 100px) !Important; padding-top: 12vw; padding-bottom: 0; align-content: normal;}
	.mcnt2 h1{bottom: 10vh;}
	.mcnt3_wrap {height: calc(100vh) !Important; min-height:0px !important; padding-top: 0;	}
	.mcnt3_wrap .mcnt3{height: calc(100vh - 12vw) !Important; align-content: normal; padding-top: 12vw;  box-sizing: border-box;}
	.mcnt4_wrap{height: calc(100vh ) !Important; min-height:0px !important; box-sizing: border-box; overflow: hidden !important; padding-top: 12vw;}
	.mcnt4{height: calc(100vh - 100px) !Important; overflow: hidden;}
	.m-mcnt5_wrap{box-sizing: border-box; min-height:0px !important; height: calc(100vh ) !Important; }  
	.mcnt5_owl .owl-dots{display: none !Important; }
	.m-mcnt5_wrap .mcnt5_img{height: calc(100vh);}
	.mcnt5_owl {box-sizing: border-box;}


}

@media (max-width: 640px) {
	main .main-visual .mv_owl .m_txt h3{font-size: 22px;}
	.mcnt4_wrap .figure-box .fig1{width: 40vw;}
	.mcnt4_wrap .figure-box .fig2 span img{right: -8vw; bottom: -8vw;}

/* footer */
	#footer .ft_top{margin-bottom: 10px; padding-bottom: 0;}
	#footer .ft_top .lbx ul{margin-top: 20px;}
	#footer .ft_top .lbx ul > li{font-size: 14px; line-height: 1.5;}
	#footer .ft_top .rbx .ft_nav .submenu > ul > li > a{width: 100%;}
	#footer .ft_top .rbx .ft_nav .submenu > ul > li .dep3 > ul > li{line-height:1.5;}
	#footer .ft_top .rbx .ft_nav .submenu > ul > li .dep3 > ul > li > a{line-height: 1.5; padding: 0 10px 0 8px;}
	#footer .ft_bottom{padding-top: 10px; padding-bottom: 20px;}
	#footer .ft_bottom p{top: 0; display: block; width: 100%; margin-top: 10px;}
	#footer .ft_bottom p b{display: block; margin-left: 0; margin-top: 10px;}
	#footer .ft_bottom ul > li > a{font-size: 14px; line-height: 1.5;}

	#fullpage .fp-table.ft_wrap{height: auto !important;}
}

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


/* sub */

@media (max-width: 1600px) {
/* 	.s1_2 .cnt2 .box .rbx{padding-left: 0px;}
	.s1_2 .cnt2 .box .rbx .t_wrap .tbx{top: 30%; left: 25px; width: calc(100% - 25px);}
	.s1_2 .cnt2 .box .rbx .t_wrap .tbx strong{font-size: 38px; line-height: 1.5;}
	.s1_2 .cnt2 .box .rbx .t_wrap .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s1_2 .cnt2 .box .rbx .t_wrap .tbx p br{display: none;}
	.s1_2 .cnt2 .box .rbx .t_wrap .tbx{} */
	.s1_2 .cnt2 .box .rbx{padding-left: 5vw;}
	.s1_2 .cnt2 .box .rbx .tbx strong{font-size: 38px; line-height: 1.5;}
	.s1_2 .cnt2 .box .rbx .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s1_2 .cnt2 .box .rbx .tbx p br{display: none;}


	.s1_1_4_1 .cnt2 .box .rbx  .tbx b small{font-size: 16px;}
	
	
}

@media (max-width: 1400px) {
	.s1_0 .cnt2{margin-top: 12vw; padding: 0;}
	.s1_0 .cnt2 > ul{gap:30px 15px}
	.s1_0 .cnt2 > ul > li {width: 1%; flex: 1 1 25%;}
	.s1_0 .cnt2 > ul > li .tbx{padding: 0; height: auto; padding: 20px 15px; display: flex; justify-content: center;}
	.s1_0 .cnt2 > ul > li .tbx ul{gap:15px 15px; display: flex;}
	.s1_0 .cnt2 > ul > li .tbx ul > li{width: 1%; flex: 1 1 45%;     justify-content: center;}

	
	.s3_1 .cnt1{height: 400px; }
	.s3_1 .cnt1 > figure{width: 100%; height: 100%; }
	.s3_1 .cnt1 > figure img{width: 100%;	 height: 100%; object-fit:cover;}
}

@media (max-width: 1024px) {
/* sub-common */	
	.s1_0 .s1_intro-visual{height: 60vw;}
	.s1_0 .s1_intro-visual > .tbx h3{font-size: 38px; margin-bottom: 15px;}
	.s1_0 .s1_intro-visual > .tbx p{font-size: 16px; line-height: 1.5;}
	.s1_0{margin-bottom: 12vw;}
	.s1_0 .cnt2 > ul > li{flex: 1 1 100%	}
	.s1_0 .cnt2 > ul > li .img-box > img{width: 100%; height: 100%; object-fit:cover;}
	.s1_2 .cnt1{position: relative; }
	.s1_2 .cnt1 {height: 90vw;}
	.s1_2 .cnt1 figure{height: 100%;}
	.s1_2 .cnt1 figure img{width: 100%; height: 100%; object-fit:cover;}
	.s1_2 .cnt1 .s-link-box{right: 40px; bottom: 20px;}
	.s1_2 .cnt1 .tbx > .logo{margin: 20px 0 20px;}
	.s1_2 .cnt1 .tbx > b{font-size: 18px; line-height: 1.5;}
	.s1_2 .cnt1 .tbx > p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.s1_2 .cnt1 .tbx > p br{display: none;}
	.s1_2 .cnt1 .s-link-box ul > li > a{font-size: 14px;}
	.s1_2 .cnt1 .s-link-box ul{height: 50px;}
	

	.s1_2 .cnt2 .box{height: auto; padding: 40px 0;     align-items: center;}
	.s1_2 .cnt2 .box .rbx .tbx{margin-top: 0; align-content:center; height: 100%;}
	


	.s1_2 .cnt3{margin-bottom: 12vw;}
	.s1_2 .cnt3{height: auto; padding: 30px 20px;}
	.s1_2 .cnt3 > *:not(figure){width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.4);}
	.s1_2 .cnt3 > *:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} 
	.s1_2 .cnt3 > *:not(figure) .tbx strong{font-size: 28px; line-height: 1.5;}
	.s1_2 .cnt3 > *:not(figure) .tbx p{font-size: 16px; line-height: 1.5; margin: 10px 0 20px;}
	.s1_2 .cnt3 > *:not(figure) .tbx .s-link-box a{line-height: 50px; font-size: 16px; width: 150px; padding-left: 20px;}
	.s1_2 .cnt3 > *:not(figure) .tbx .s-link-box a:after{right: 20px;}
	.s1_2 .cnt3 > *:not(figure):after{display: none;}
	.s1_2 .cnt1 .tbx{padding: 40px ;}
	.s1_1_4_1 .cnt2 .box .rbx  .tbx b span{margin-right: 10px;}
	.s1_1_4_1 .cnt2 .box .rbx  .tbx b small{font-size: 14px;}
	.pizz-top-all{margin-bottom: 12vw;}
	.s1_2_1_1 .history_owl.fp-is-overflow{padding: 0 20px; max-height:0px !important}
	.s1_2_1_1 .history_owl.fp-is-overflow .history-item small{font-size: 16px; line-height: 1.5;}
	.s1_2_1_1 .history_owl.fp-is-overflow .history-item strong{font-size: 40px; height: 60px;}
	.s1_2_1_1 .history_owl.fp-is-overflow .center .history-item strong{font-size: 60px; height: 60px;}
	.s1_2_1_1 .history_owl.fp-is-overflow .history-item .tbx p{font-size: 14px; line-height: 1.5;}
	.s1_2_1_1 .history_owl.fp-is-overflow .history-item .tbx p br{display: none;}
	.s1_2_1_1 .history_owl.fp-is-overflow .center .history-item .tbx p{font-size: 16px; line-height: 1.5; }
	.s1_2_1_1 .history_owl.fp-is-overflow .center .history-item .tbx p br{display: none;}
	.s1_2_1_1 .cnt-history{height: auto; padding: 8vw 0 ;}
	.s1_2_1_1 .history_owl .history-item .tbx{height: auto; padding-top: 20px; margin-top: 20px;}
/* 	.s1_2_1_1 .cnt-history:before{top: 173px;}
	.s1_2_1_1 .cnt-history:after{top: 173px;} */
	.s1214 .tab-manu-5 > ul{height: auto;}
	.s1214 .tab-manu-5 > ul > li{height: 40px; line-height: 40px; font-size: 14px;}
	.s1214 section ul > li{width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.s1214 section ul > li:nth-child(2n+2){margin-right: 0;}
	.s1214 section ul > li > figure{max-width:80%; margin: 0 auto; }
	.s1214 section.cnt3 ul > li{height: auto;}
	
	.s1_2 .cnt1 .s-link-box ul{width: auto;}
	.s3_1 .cnt1{height: 230px;}
	.s3_1 .cnt1 > .tbx h5{font-size: 30px; margin-bottom: 10px;}
	.s3_1 .cnt1 > .tbx p{font-size: 16px; line-height: 1.5;}
	.s3_1 .cnt2{padding-top: 12vw;}
	.s3_1 .cnt2 h3{font-size: 28px; line-height: 1.5; margin-bottom: 30px;}
	.s3_1 .cnt2 .box{padding: 12vw 0;}
	.s3_1 .cnt2 .box ul > li{width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.s3_1 .cnt2 .box ul > li:nth-child(2n+2){margin-right: 0;}
	.s3_1 .cnt2 .box ul > li{height: auto; padding: 20px 10px;}
	.s3_1 .cnt2 .box ul > li .tbx strong{font-size: 20px;}
	.s3_1 .cnt2 .box ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s3_1 .cnt2 .box ul > li figure{height: 70px; }
	.s3_1 .cnt2 .box ul > li figure img{width: 100%; max-width:70px;  height: 100%; object-fit:contain;  }
	.s3_1 .cnt3{height: auto; margin-bottom: 12vw;}
	.s3_1 .cnt3 .box{position: static; }
	.s3_1 .cnt3 .box ul > li{width: 100%; padding: 30px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.s3_1 .cnt3 .box ul > li figure{height: auto;}
	.s3_1 .cnt3 .box ul > li .s-link-box a{height: 50px; line-height: 50px; }
	.s3_1 .cnt3 strong{padding-top: 40px; font-size: 28px; text-align: center; margin-bottom: 30px;}
	.s3_1 .cnt1 > .tbx{padding-bottom: 0;}





}
@media (max-width: 640px) {
	.s1_2 .cnt1 .tbx{padding: 30px 40px 80px; top: 20px;}
	.s1_2 .cnt1 .tbx > span{line-height: 30px; font-size: 16px;}
	.s1_2 .cnt1 .tbx > .logo img{max-width:70vw; max-height:60px}
	.s1_2 .cnt2 .box .lbx{width: 40%;}
	.s1_2 .cnt2 .box .lbx .figbox figure{height: 38vw; }
	.s1_2 .cnt2 .box .lbx .figbox figure img{width: 100%; height: 100%; object-fit:cover;}
	.s1_2 .cnt2 .box .rbx{width: 60%;}
	.s1_2 .cnt2 .box .rbx  .tbx{/* height: 38vw; */}
	.s1_1_3_1 .cnt1 .s-link-box ul{width: auto;}
	.s1_2 .cnt1 .s-link-box ul > li > a{padding: 0 10px 0 10px;}
	.s1_2 .cnt1 .tbx > b{font-size: 16px; line-height: 1.5;}
	
	.s1_2_1_1 .cnt1.fp-is-overflow{height: 145vw !important;}
	.s1_2_1_1 .cnt1.fp-is-overflow figure{height: calc(145vw - 90px) !important;}

	.s1_2_1_1 .cnt1 .tbx{height: calc(145vw - 90px) !important;}
	.s1_2_1_1 .cnt1 .tbx > ul > li{font-size: 16px; line-height: 1.5;}
	.s1_2_1_1 .cnt1 .tbx > ul > li{margin-bottom: 1em;}
	.s1_2_1_1 .cnt1 .s-link-box ul{flex-wrap:wrap; height: auto; padding: 10px 10px; gap:10px;     justify-content: center;}
	.s1_2_1_1 .cnt1 .s-link-box ul > li{flex:none; width: 40% !important; line-height: 1.5;}
	.s1_2_1_1 .cnt1 .s-link-box ul > li > a{line-height: 1.5;}



	.s1214 section ul > li{height: auto; padding-bottom: 20px;}
	.s1214 section ul > li > span{width: 40px; height: 40px; line-height: 40px; font-size: 14px;}	 
	.s1214 section ul > li > figure{padding-top: 0; height: 40vw; }
	.s1214 section ul > li > figure img{width: 100%; height: 100%; object-fit:contain;}
	.s1214 section ul > li > .tbx .tit{font-size: 18px;}
	.s1214 section ul > li > .tbx small{font-size: 14px; margin: 5px 0 10px;}
	.s1214 section ul > li > .tbx strong{font-size: 20px;}
	.s1214 section ul > li > .tbx .txt{padding-top: 10px; margin-top: 10px; word-break: keep-all;}
	.s1214 section ul > li > .tbx .txt br{display: none;}
	.s1214 section .box h5{font-size: 28px; line-height: 1.5;}
	.s1214 section .box .table-wrap table tr > *{font-size: 16px;}
	.s1214 section .box:not(:last-child){margin-bottom: 10vw;}
	
	.s1421 .cnt2 .box .lbx .figbox figure,
	.s1421 .cnt2 .box .rbx  .tbx{height: 43vw;}

	.s1_2 .cnt2 .box .rbx  .tbx strong br{display: none;}
	.s1_2 .cnt2 .box .rbx  .tbx p{font-size: 14px; line-height: 1.5;}

	
	
	.s1_2 .cnt1{height: calc(90vw + 80px); }
	.s1_2 .cnt1 figure{height: calc(90vw);}
	.s1_2 .cnt1 .tbx{padding: 0 20px; height: 90vw;}
	.s1_2 .cnt1 .s-link-box{position: static;}
	.s1_2 .cnt1 .s-link-box ul{background: none;}
	.s1_2 .cnt1 .s-link-box ul > li{flex:1; }
	.s1_2 .cnt1 .s-link-box ul > li > a{color: #333; text-align: center; width: 100%;     align-items: center; justify-content: center;}
	.s1_2 .cnt1 .s-link-box ul > li > a i{display: none;}

	#footer .ft_bottom p b{font-size: 20px; line-height: 1.5;}
	.s1_2 .cnt2 .box .rbx .tbx span{font-size: 14px;} 
	.s1_2 .cnt2 .box .rbx .tbx strong{font-size: 22px; line-height: 1.5; margin: 5px 0 10px;}
	.s1_2 .cnt2 .box .rbx .tbx strong br{display: none;}
	.s1_2 .cnt2 .box .rbx .tbx p{font-size: 14px; line-height: 1.5;}

	.s1_2 .cnt2 .box{padding: 20px 0;}
	.s1_2 .cnt3 .fp-overflow{    flex-direction: column;}
	.s1_1_3_1 .cnt3 > * > *:not(figure){width: 100%; padding: 20px 0;}
	.s1_2 .cnt2 .box .lbx figure{height: 100%;}
}


@media (max-width: 640px) {
	.s1_2 .cnt1.fp-responsive .fp-is-overflow.fp-section{overflow: hidden; height: 90vw !Important;}
	.s1_2 .cnt1 .fp-overflow{overflow: hidden;}
	.s1_2 .cnt3{min-height:0px !Important; margin-bottom: 0 !Important;}
	.s1_2 .cnt3 .fp-overflow{height: auto; padding: 30px 0; margin-bottom: 30px;}

	.s1_2 .cnt2 .box{align-items:normal;}
	.s1_2_1_1 .cnt-history.fp-is-overflow{height: auto !important; padding-top: 50px; height: auto !important;}
	.s1_2_1_1 .history_owl{padding: 0px 0; margin-top: 0;}

	.s1_2_1_1 .cnt-history:before{top: 220px;}
	.s1_2_1_1 .cnt-history:after{top: 220px;}
.s1_2_1_1 .history_owl .history-item{padding-top: 0;}
	.s1221 .cnt3 > * > *:not(figure){width: 100%;	padding: 20px 0;}
	.s1421 .cnt3 > * > *:not(figure){width: 100%;	padding: 20px 0;}
	.s1_2_1_1 .cnt-history:after{top: 180px;}
	.s1_2_1_1 .cnt-history:before{top: 180px;}


}

@media (max-width: 480px) {
	.s1214 .tab-manu-5{margin: 30px 0 30px;}
	.s1_2 .cnt1 .tbx {padding: 0 40px;}
	.s1_2 .cnt2 .box .rbx  .tbx span{font-size: 16px;}
	.s1_2 .cnt2 .box .rbx  .tbx strong{font-size: 18px; margin-bottom: 10px;}
	.s1_2 .cnt2 .box .rbx  .tbx p{font-size: 14px;}
	.s1_2 .cnt2 .mo-box .mo-box-cnt .tbx span{font-size: 16px;}
	.s1_2 .cnt2 .mo-box .mo-box-cnt .tbx strong{font-size: 18px; margin-bottom: 10px;}
	.s1_2 .cnt2 .mo-box .mo-box-cnt .tbx p{font-size: 14px;}
/* 
	.s1_2_1_1 .cnt-history:before{top: 163px;}
	.s1_2_1_1 .cnt-history:after{top: 163px;} */
	.s1214 section{padding: 12vw 0 12vw;}
	.s1421 .cnt2 .box .rbx  .tbx strong{font-size: 16px;}
	.s1421 .cnt2 .box .lbx .figbox figure,
	.s1421 .cnt2 .box .rbx  .tbx{height: 50vw;}
	.s1431 .cnt2 .box .lbx{width: 100%;}
	.s1431 .cnt2 .box{position: relative !important; }
	.s1431 .cnt2 .box .lbx .figbox figure {width: 100%; height: 80vw;padding-bottom: 35vw;}
	.s1431 .cnt2 .box .lbx .figbox figure img{object-fit:cover;}
	.s1431 .cnt2 .box .rbx{width: 100%; position: absolute; left: 0; top: 0; padding-top: 63vw; z-index: -1; background: none; gap:0px}
	.s1431 .cnt2 .box .rbx .tbx{height: 35vw !important; padding-bottom: 80vw;}

	.mcnt5_wrap .swiper-slide .tbx_wrap{height: 100vw; padding-bottom: 40px;}

	.s1_2 .cnt2 .mo-box .mo-box-cnt figure{width: 45%;}
	.s1_2 .cnt2 .mo-box .mo-box-cnt .tbx{width: 55%; padding-left: 20px;}
	.s1_2 .cnt2 .box{align-items:normal;}
	.s1_2 .cnt2 .box .lbx figure{height: 100%; border-radius: 5px; overflow: hidden;}
	.s1_2 .cnt2 .box .lbx figure img{object-fit:cover; width: 100%; height: 100%;}


	.m-mcnt5_wrap .mcnt5_txt .logo-box img{ max-width:80vw}
}

@media (max-width: 420px) {
	.s1_2 .cnt2 .box .lbx .figbox figure{height: 45vw;}
	.s1_2 .cnt2 .box .rbx  .tbx{height: 45vw; padding-left: 10px; width: 100%;}
	.s1_1_4_1 .cnt2 .box .rbx  .tbx b small{font-size: 12px;}
	.s1_2 .cnt2 .box .rbx  .tbx strong{font-size: 16px; line-height: 1.5; margin: 10px 0;}

	.s1421.s1_2 .cnt2 .box .lbx .figbox figure{height: 57vw;}
	.s1421.s1_2 .cnt2 .box .rbx .tbx{height: 57vw;}
	.s1421.s1_2 .cnt2 .box .rbx .tbx p{font-size: 13px;}
	.s1421.s1_2 .cnt2 .box .rbx .tbx strong{line-height: 1.2;}


	.s1431.s1_2 .cnt2 .box .lbx .figbox figure {height: 80vw;}
	.s1431.s1_2 .cnt2 .box .lbx .figbox figure img{width: 100%; height: 100%;}
	.s1431.s1_2 .cnt2 .box .rbx  .tbx{padding-left: 0;}


	.s1_2 .cnt2 .box .rbx .tbx strong{font-size: 22px;}


}

@media (max-width: 400px) {
	    .s1_2 .cnt1 { height: calc(100vw + 80px);}
		.s1_2 .cnt1 figure{height: calc(100vw);}
		.s1_2 .cnt1 .tbx{height: calc(100vw); top: 40px;}
}


@media (max-width: 640px) {
	.main-visual{height: auto !important; min-height:0px !important}

}

@media (max-width: 1024px) {
	.pc-brand-list{display: none;} 
	.mobile-brand-list{display: block;}
	#m_full_sub{;}
	#m_full_sub .fp-overflow{overflow: hidden; height: 100vh;}
	#m_full_sub .cnt1 {position: relative; padding: 15px; box-sizing: border-box}
	#m_full_sub .cnt1 figure{position: absolute; left: 15px; top: 15px; width: calc(100% - 30px); height: calc(100% - 90px); border-radius: 20px; overflow: hidden;}
	#m_full_sub .cnt1 figure img{width: 100%; height: 100%; object-fit:cover;}	
	#m_full_sub .cnt1 .tbx{position: relative; z-index: 10; text-align: center; align-content:center; height: calc(100% - 60px); display: flex; flex-direction: column; justify-content: center; align-items: center; gap:3vw; 	box-sizing: border-box; padding: 0 10px;}
	#m_full_sub .cnt1 .tbx .m-logo1 img{max-width:50vw}
	#m_full_sub .cnt1 .tbx > span{border-radius: 50px; background: #f56b18; font-size: clamp(14px, 2.6vw, 18px); font-weight: 700; color: #fff; padding: 1vw 2vw; letter-spacing: -0.03em;}
	#m_full_sub .cnt1 .tbx > span.link-span{position: relative; }


	#m_full_sub .cnt1 .tbx > strong{display: block; font-size: clamp(16px, 2.6vw, 18px); font-weight: 700; color: #fff; line-height: 1.5; letter-spacing: -0.03em;}
	#m_full_sub .cnt1 .tbx > p{font-size: clamp(16px, 2.6vw, 18px);  color: #fff; line-height: 1.5; letter-spacing: -0.03em;}
	#m_full_sub .cnt1 .tbx > p span{font-weight: 700; position: relative; }
	#m_full_sub .cnt1 .tbx > p span{}
	#m_full_sub .cnt1 .s-link-box{position: relative; z-index: 10; background: #fff;}
	#m_full_sub .cnt1 .s-link-box ul{display: flex; justify-content: center; align-items: center; height: 60px; gap:0px 4vw}
	#m_full_sub .cnt1 .s-link-box ul > li > a{font-size: clamp(14px, 2.6vw, 18px); font-weight: 700; color: #666; line-height: 1.5; letter-spacing: -0.03em;}
	#m_full_sub .cnt2-wrap{position: relative; padding: 15px; box-sizing: border-box}
	#m_full_sub .cnt2-wrap .cnt2{display: flex; flex-direction: column; height: 100%;}
	#m_full_sub .cnt2-wrap .cnt2 figure{ flex-grow: 1; overflow: hidden;}
	#m_full_sub .cnt2-wrap .cnt2 figure img{width: 100%; height: 100%; object-fit:cover; border-radius: 20px;}
	#m_full_sub .cnt2-wrap .cnt2 .tbx{box-sizing: border-box;  flex-grow: 1;  padding: 8vw 5vw;     box-sizing: border-box;} 
	#m_full_sub .cnt2-wrap .cnt2 .tbx > strong{display: flex; flex-wrap:wrap; font-size: clamp(18px, 2.6vw, 26px); font-weight: 400; color: #999; gap:0 10px}
	#m_full_sub .cnt2-wrap .cnt2 .tbx > strong span{font-weight: 700; color: #f56b18;}
	#m_full_sub .cnt2-wrap .cnt2 .tbx > strong p{flex:1; }
	#m_full_sub .cnt2-wrap .cnt2 .tbx > strong span.line-span{position: relative; }
	#m_full_sub .cnt2-wrap .cnt2 .tbx > strong span.line-span:after{position: absolute; content: ''; width: 100%; height: 2px; background: #f56b18; left: 0; bottom: 0;}
	#m_full_sub .cnt2-wrap .cnt2 .tbx > h4{font-size: clamp(20px, 4.2vw, 46px); font-weight: 700; line-height: 1.5; margin: 0.5em 0 0.7em;}
	#m_full_sub .cnt2-wrap .cnt2 .tbx > p{flex-wrap:wrap; font-size: clamp(16px, 2.8vw, 28px); font-weight: 400; color: #666; line-height: 1.5; word-break: keep-all;}
	#m_full_sub .cnt2-wrap .cnt2 .tbx > p br{display: none;}
	#m_full_sub .history-wrap {position: relative; }
	#m_full_sub .history-wrap figure{position: absolute; left:15px; top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); }
	#m_full_sub .history-wrap figure img{width: 100%; height: 100%; object-fit:cover; border-radius: 20px;}
	#m_full_sub .history-wrap .fp-overflow {align-content:center; text-align: center;}
	#m_full_sub .history-wrap .history-item small{display: block; font-size: clamp(14px, 2.6vw, 26px); font-weight: 700; color: #f56b18; letter-spacing: -0.03em;}
	#m_full_sub .history-wrap .history-item strong{display: block; font-size: clamp(30px, 8.5vw, 100px); font-weight: 700; line-height: 1.5; color: #fff; font-weight: 700; letter-spacing: -0.03em;}
	#m_full_sub .history-wrap .history-item .tbx{position: relative; padding-top: 30px; margin-top: 30px;}
	#m_full_sub .history-wrap .history-item .tbx:before{position: absolute; content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.3); left: 0; top: 0;}
	#m_full_sub .history-wrap .history-item .tbx:after{position: absolute; content: ''; width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; border: 4px solid #f56b18; left: 50%; top: -10px; margin-left: -10px;}
	#m_full_sub .history-wrap .history-item .tbx p{font-size: clamp(14px, 2.6vw, 18px); font-weight: 400; color: #fff; line-height: 1.5; letter-spacing: -0.03em;}
	#m_full_sub .history-wrap .owl-nav{display: none;}
	#m_full_sub .history-wrap .owl-con{position: relative; z-index: 10; display: flex; justify-content: center; gap:20px; margin-top: 1em;}
	#m_full_sub .history-wrap .owl-con img{max-width:20px}

	#m_full_sub .cnt3-wrap{position: relative; padding: 15px; box-sizing: border-box}
	#m_full_sub .cnt3-wrap .cnt3{display: flex; flex-direction: column; height: 100%;}
	#m_full_sub .cnt3-wrap .cnt3 figure{ position: absolute; }
	#m_full_sub .cnt3-wrap .cnt3 figure img{width: 100%; height: 100%; object-fit:cover; border-radius: 20px;}
	#m_full_sub .cnt3 {position: relative; padding: 15px; box-sizing: border-box}
	#m_full_sub .cnt3 figure{position: absolute; left: 15px; top: 15px; width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 20px; overflow: hidden;}
	#m_full_sub .cnt3 figure img{width: 100%; height: 100%; object-fit:cover;}	
	#m_full_sub .cnt3 .tbx{position: relative; z-index: 10; text-align: center; display: flex; flex-direction: column;  height: 100%;}
	#m_full_sub .cnt3 .tbx .box{flex:1; align-content:center; border-bottom: 1px solid rgba(255,255,255,0.3);}
	#m_full_sub .cnt3 .tbx .box strong{font-size: clamp(20px, 3.6vw, 36px); font-weight: 700; line-height: 1.5; color: #fff;}
	#m_full_sub .cnt3 .tbx .box p{font-size: clamp(16px, 2.4vw, 24px); line-height: 1.5; color: #fff; margin: 10px 0;}
	#m_full_sub .cnt3 .tbx .box .s-link-box > a{display: inline-flex; align-items: center; gap:10px; background: #f56b18; border-radius: 50px; text-align: center; padding: 1vw 3vw; font-size: clamp(16px, 2.4vw, 24px); line-height: 1.5; color: #fff; font-weight: 700;}
	#m_full_sub .cnt3 .tbx .box .s-link-box > a:after{content: ''; width: 10px; height: 10px; border-radius: 50%; border:3px solid #fff;}
	#m_full_sub .ft_wrap .fp-overflow{height: auto;}
}	

@media (max-width: 480px) {
	#m_full_sub .cnt1 .tbx .m-logo1 img{max-width:70vw}
	#m_full_sub .cnt1 .tbx{gap:6vw}
	#m_full_sub .history-wrap .history-item .tbx:after{width: 10px; height: 10px; border: 2px solid #f56b18; top: -5px; margin-left: -5px;}
	#m_full_sub .cnt2-wrap .cnt2 .tbx{flex-grow: 0;}
	#m_full_sub .history-wrap .owl-con img{max-width:15px}
	#m_full_sub .cnt3 .tbx .box p{margin-bottom: 20px;}
	#m_full_sub .cnt3 .tbx .box .s-link-box > a:after{content: ''; width: 8px; height: 8px; border-radius: 50%; border:2px solid #fff;}
}