/* À̹ÌÁö¹ÝÀÀÇü yun 2025-01-24 */
/* max-width:800px */
[class*=pc] img.pc {display:block;}
[class*=pc] img.mobile {display:none;}
[class*=mobile] img.pc {display:none;}
[class*=mobile] img.mobile {display:block;}
[class*=pc] video.pc {display:block; width: inherit;}
[class*=pc] video.mobile {display:none;}
[class*=mobile] video.pc {display:none;}
[class*=mobile] video.mobile {display:block;}
/* [class*=pc].moview {display:none;}
[class*=mobile].moview {display:block;} */
[class*=pc] .main-visual .swiper-slide .bg.pc {display:block;}
[class*=pc] .main-visual .swiper-slide .bg.mobile {display:none;}

[class*=mobile] .moview {display: flex; align-items: center; justify-content: center; gap: 1rem; flex-direction: column;}


/* [class*=pc] .main-unit .unit-slide {display:block;}
[class*=mobile] .main-unit .unit-slide {display:none;} */
/* [class*=mobile] .main-unit .unit-slide.pc {display:none;} */

/* ¸ð¹ÙÀÏÀ̹ÌÁö°¡ ÀÖÀ»°æ¿ì ½½¶óÀ̵å¼û±â±â */
[class*=mobile] .main-unit .unit-slide.pc {display:none;}
[class*=mobile] .main-life .life-slide.pc {display:none;}

/* ½½¶óÀ̵å³×ºñ³ôÀÌÁ¶Á¤ */	
[class*=mobile] .main-life .life-slide .navigator,
[class*=mobile] .main-unit .unit-slide .navigator {height: 3rem;}


/* [class*=pc] .main-life .life-slide {display:none;}
[class*=mobile] .main-life .life-slide {display:block;}
[class*=mobile] .main-life .life-slide.pc {display:none;} */

/* [class*=mobile] .main-life .life-slide .navigator {display:none;} */

/* [class*=pc] .main-life .life-slide {display:none;}
[class*=mobile] .main-life .life-slide {display:block;} */

[class*=pc] .section.banner {display:none;}
/*[class*=mobile] [class*=section] {padding: 3rem var(--common-padding);}*/
[class*=mobile] [class*=section].visual-single {padding:0;} /* yun 2025-04-09 */
[class*=mobile] [class*=section].visual-video {padding:0; margin-top: var(--header-height);}
[class*=mobile] .section.banner {padding:1rem var(--common-padding);}
[class*=mobile] .section.banner {padding:0;}
/* [class*=mobile] .main-banner .banner-slide .navigator {display:none;}
[class*=mobile] .main-banner .title {display:none;} */
[class*=pc] .customer .space.pc {display:block;}
[class*=mobile] .customer .space.pc {display:none !important;}

[class*=mobile] [class*=section].customer {margin-top:0 !important;}
[class*=mobile] .checklist {display:block;}

/* ¸ÞÀκñÁÖ¾ó - ½½¶óÀÌµå ¿À¸®Áö³¯À̹ÌÁö ¿ÀÅäÇ÷¹ÀÌ */
/* [class*=mobile] .autoplay img.mobile {display:block;}
[class*=mobile] .autoplay img.pc {display:none;} */


/***************************
¿òÁ÷ÀÌ´Â ¸ð¹ÙÀϹè³Ê 2025-11-11
************************** */
[class*=section] .banner-fit {
	--banner-fit-width: 100%;
	--banner-fit-height: 23rem;
	--blue-gra-text: linear-gradient(to right, #119b3b, #782c97 30%);
	--gold-gra-text: linear-gradient(116deg, #9b6308 0%, #e6dea8 7%, #fff 12%, #9b6308 16%);
	--rainbow-gra-text: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
	--theme-gra-text: linear-gradient(307deg, var(--theme-color) 50%, var(--main-color) 65%);
}
/* ¸ð¹ÙÀϹè³Ê ¹è°æ¾Ö´Ï */
[class*=section].banner .main-banner {position:relative; height: 100%; width: 100%; box-sizing: border-box; padding:0;}
[class*=section].banner .main-banner .banner-fit {position:relative; margin: 0 auto; max-width: var(--common-width); height: var(--banner-fit-height); display: flex; align-items: center; justify-content: center;}
[class*=section].banner .main-banner .banner-fit .inner {height: var(--banner-fit-height); object-fit: cover; filter: blur(0px) brightness(0.7); overflow: hidden;}
[class*=section].banner .main-banner .banner-fit .inner video {height:100%; width: 100%;}
[class*=section].banner .main-banner .banner-fit .inner .figure {height:100%; width: 100%;}
[class*=section].banner .main-banner .banner-fit .copy {position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--transparent); font-size: 10rem; font-weight: 800; color: var(--white); line-height: 1.2; letter-spacing: -0.02em; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; text-align: center; word-break: break-word; /* max-width: calc(var(--common-width) - 5vw); */ width: var(--banner-fit-width); height: var(--banner-fit-height); padding: 2vw; overflow: hidden;}
/* ÆùÆ®¼³Á¤ */
[class*=section].banner .main-banner .banner-fit .copy .number {font-family: var(--eng-font);}
[class*=section].banner .main-banner .banner-fit .copy .eng {font-family: var(--eng-font);}
[class*=section].banner .main-banner .banner-fit .copy .mtxt {font-size: 6rem;}
[class*=section].banner .main-banner .banner-fit .copy .stxt {font-size: 4rem; font-weight: 500; line-height: 1.1;}
[class*=section].banner .main-banner .banner-fit .copy .desc {font-size: 2rem;}
/* ÅؽºÆ®Ä÷¯ */
.theme-color {background: var(--theme-color); -webkit-background-clip: text; -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.main-color {background: var(--main-color); -webkit-background-clip: text; -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.accent-color {background: var(--accent-color); -webkit-background-clip: text; -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
/* ¹è³ÊÅؽºÆ® ±×¶óµ¥ÀÌ¼Ç ¾Ö´Ï */
[class*=gradient-] {}
.gradient-blue {background: var(--blue-gra-text); background-size: 400% 400%; -webkit-background-clip: text;  -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.gradient-gold {background: var(--gold-gra-text); background-size: 400% 400%; -webkit-background-clip: text;  -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.gradient-rainbow {background: var(--rainbow-gra-text); background-size: 400% 400%; -webkit-background-clip: text;  -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.gradient-theme {background: var(--theme-gra-text); background-size: 400% 400%; -webkit-background-clip: text;  -webkit-box-decoration-break: clone; clip-path: inset(1px); -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.gradientMove {animation: gradientMove 2s ease-in-out infinite;}
.gradientBlink {animation: gradientBlink 1s ease-in-out infinite;}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gradientBlink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
/* ¸ð¹ÙÀϹè³Ê ¹è°æ°íÁ¤ */
[class*=section].banner .main-banner .banner-fit.phone .copy {display: grid; grid-template-columns: 1fr 2fr;}
[class*=section].banner .main-banner .banner-fit.phone .copy .main-title {grid-column: 1 / 2 span;}
[class*=section].banner .main-banner .banner-fit.phone .copy .sub-title {grid-column: 1 / 1 span;}
[class*=section].banner .main-banner .banner-fit.phone .copy .phone-number {grid-column: 2 / 2 span;}