@charset "utf-8";
#visual{width:100%; height:100vh; height:100vsh; height:calc(var(--vh) * 100); position:relative; overflow:hidden;}
#visual .visualBox{width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
#visual .visualBox .inSlide{width:100%; height:100%;}
#visual .visualBox .slideItem{width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#visual .visualBox .slideItem a{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#visual .visualBox .slideItem .textBox{display:flex; flex-wrap:wrap; align-content:center; width:calc(100% - 160px); max-width:1840px; height:auto; position:absolute; bottom:220px; left:50%; transform:translateX(-50%); z-index:5;}
#visual .visualBox .slideItem .textBox .inTitle{width:100%; font-size:64px; font-weight:300; letter-spacing:-0.05em; line-height:1.25; color:#fff;}
#visual .visualBox .slideItem .textBox .inTitle strong{font-weight:700;}
#visual .visualBox .slideItem .textBox p{width:100%; font-size:26px; font-weight:400; letter-spacing:-0.05em; line-height:1.384; color:#fff; margin-top:30px;}
#visual .visualBox .slideItem.visual1{background-image:url("/html/resource/img/main/visual1.jpg");}
#visual .visualBox .slideItem.visual2{background-image:url("/html/resource/img/main/visual2.jpg");}
#visual .visualBox .slideItem.visual3{background-image:url("/html/resource/img/main/visual3.jpg");}
#visual .visualPager{display:flex; align-content:center; width:calc(100% - 160px); max-width:1840px; height:auto; position:absolute; bottom:145px; left:50%; transform:translateX(-50%); z-index:2;}
#visual .visualPager button{display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-size:12px auto; background-position:center center;}
#visual .visualPager button.visualPrev{background-image:url("/html/resource/img/main/visual_prev.png");}
#visual .visualPager button.visualNext{background-image:url("/html/resource/img/main/visual_next.png");}
#visual .visualPager .pagerBox{display:inline-flex; align-items:center; justify-content:center; margin:0 18px 0 25px; color:#fff;}
#visual .visualPager .pagerBox span{display:inline-block; width:20px; text-align:center; font-size:16px; font-weight:700; letter-spacing:-0.05em; line-height:1;}
#visual .visualPager .pagerBox .progress{display:inline-flex; width:75px; height:2px; background:rgba(255,255,255,.5); margin:0 10px 0 7px; overflow:hidden;}
#visual .visualPager .pagerBox .progress div{display:inline-block; width:0; height:100%; background:#fff;}
#visual .visualPager .pagerBox .progress.active div{animation:progressActive 3s linear forwards;}
#visual .visualPager .pagerBox .progress.paused div{animation-play-state:paused;}
#visual .visualPager .visualPlay{display:inline-block; font-size:16px; font-weight:900; letter-spacing:-0.05em; line-height:1; color:#fff; margin-right:20px;}
#visual .visualArrow{display:inline-block; position:absolute; bottom:130px; left:50%; transform:translateX(-50%); animation:arrowMove 1.5s ease-in-out infinite; z-index:5;}

@keyframes progressActive {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes arrowMove{
    0%,100%{
        transform:translateX(-50%) translateY(0);
    }
    50%{
        transform:translateX(-50%) translateY(15px);
    }
}


.mainSection{width:100%; height:auto;}
.mainSection.mainBg1{background:url("/html/resource/img/main/logo_bg.png") no-repeat left top; padding:160px 0;}
.mainSection.mainBg2{background:#000; padding:100px 0 130px 0;}
.mainSection.mainBg3{padding:160px 0 140px 0;}
.mainSection.mainBg4{background:url("/html/resource/img/main/counter_bg.jpg") no-repeat center top; padding:210px 0;}
.mainSection.mainBg5{padding:180px 0 160px 0; overflow:hidden;}
.mainSection.careSection{background:#f5f2ef; padding:160px 0;}
.mainSection .inContent{display:flex; flex-wrap:wrap; align-content:center; width:calc(100% - 60px); max-width:1460px; height:auto; text-align:center; margin:0 auto;}


.titleBox{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; margin-bottom:60px; text-align:center;}
.titleBox .engText{display:block; width:100%; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#a36f4a; text-transform:uppercase; margin-bottom:28px;}
.titleBox h2{width:100%; font-size:64px; font-weight:700; letter-spacing:-0.05em; line-height:1.25; color:#1b1b1b;}
.titleBox h2.type2{font-size:54px;}
.titleBox p{width:100%; font-size:26px; font-weight:400; letter-spacing:-0.025em; line-height:1.384; color:#1b1b1b; margin-top:23px;}

.caseTab{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; gap:10px; text-align:center; margin-bottom:40px;}
.caseTab button{display:inline-block; width:120px; height:45px; border-radius:22.5px; background:#f4f4f4; color:#848484;}
.caseTab button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:18px; font-weight:500; letter-spacing:-0.025em; line-height:1;}
.caseTab button.on{background:#a36f4a; color:#fff;}

.caseSlideBox{width:100%; height:387px; overflow:hidden; position:relative;}
.caseSlide{height:100%;}
.caseSlide .slideItem{width:430px; opacity:0.4; transition:opacity 0.3s ease; position:relative; display:flex; justify-content:center; align-items:center;}
.caseSlide .slideItem a{display:block;}
.caseSlide .slideItem .preview{display:block; width:207px; aspect-ratio:5 / 2; overflow:hidden; border-radius:0 !important;}
.caseSlide .slideItem .detail{display:none;}
.caseSlide .slideItem .preview .thumb{width:100%; height:100%;}
.caseSlide .slideItem .preview .thumb img{width:100%; height:100%; object-fit:cover;}
.caseSlide .slideItem.swiper-slide-active{opacity:1; z-index:10;}
.caseSlide .slideItem.swiper-slide-active .preview{display:none;}
.caseSlide .slideItem.swiper-slide-active .detail{display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:860px; border-radius:0 !important; overflow:hidden;}
.caseSlide .slideItem .detail .imgBox{display:flex; align-items:center; position:relative; width:100%;}
.caseSlide .slideItem .detail .imgBox .thumb{width:100%; aspect-ratio:5 / 2;}
.caseSlide .slideItem .detail .imgBox .thumb img{width:100%; height:100%; object-fit:cover;}
.caseSlide .slideItem .detail .imgBox .arrow{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; width:80px; height:80px;}
.caseSlide .slideItem .detail .imgBox .thumbTitle{display:flex; width:100%; height:40px; text-align:center; position:absolute; bottom:0; left:0;}
.caseSlide .slideItem .detail .imgBox .thumbTitle .inText{display:inline-flex; justify-content:center; align-items:center; width:50%; height:100%; font-size:20px; font-weight:500; letter-spacing:-0.025em; line-height:1; background:#7a7a7a; color:#fff;}
.caseSlide .slideItem .detail .imgBox .thumbTitle .inText + .inText{background:#af8260;}
.caseSlide .slideItem .detail .text{display:flex; justify-content:center; align-items:center; width:100%; height:90px; font-size:26px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#fff; position:absolute; bottom:0; left:0; z-index:10; background:linear-gradient(to top, rgba(176, 140, 111, 0.6) 0%, rgba(176, 140, 111, 0.3) 70%, rgba(176, 140, 111, 0) 100%); padding:20px 25px 0 25px;}

.viewMore{display:flex; justify-content:center; width:100%; margin-top:60px;}
.viewMore a{display:inline-block; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1; color:#989898; padding:3px 0 7px 0; border-bottom:2px solid #b5b5b5;}

.cardBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:1400px; gap:30px; margin:0 auto;}
.cardSection{display:flex; align-items:center; width:100%; height:580px; background-size:cover; background-position:right center; border-radius:45px; overflow:hidden; padding-left:120px;}
.cardSection.cardBg1{background-image:url("/html/resource/img/main/card_bg1.jpg?ver=260727");}
.cardSection.cardBg2{background-image:url("/html/resource/img/main/card_bg2.jpg?ver=260727");}
.cardSection.cardBg3{background-image:url("/html/resource/img/main/card_bg3.jpg?ver=260727");}
.cardSection .textBox{display:flex; flex-wrap:wrap; align-content:center; width:100%; text-align:left;}
.cardSection .textBox h3{width:100%; font-size:62px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#1b1b1b;}
.cardSection .textBox h3 .colorType2{color:#ac753f;}
.cardSection .textBox h3 .colorType3{color:#6467ae;}
.cardSection .textBox h3 .colorType4{color:#4f79ad;}
.cardSection .textBox p{width:100%; font-size:24px; font-weight:400; letter-spacing:-0.025em; line-height:1.416; color:#1b1b1b; margin-top:25px;}
.cardSection .textBox a{display:inline-flex; justify-content:center; align-items:center; width:155px; height:48px; box-sizing:border-box; border-radius:24px; border:1px solid #000; font-size:18px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#1b1b1b; margin-top:35px;}
.cardSection .textBox a span{display:inline-block; font-weight:400; margin-left:10px;}

.starBg{width:100%; overflow:hidden; margin-top:75px;}
.starBg .starSlide{width:100%;}
.starBg .starSlide .slideItem{display:inline-block; width:630px;}
.starBg .starSlide .slideItem button{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%;}
.starBg .starSlide .slideItem .thumb{width:100%; overflow:hidden; aspect-ratio:1 / 0.5625; border-radius:17px; position:relative;}
.starBg .starSlide .slideItem .thumb::before{content:""; display:block; width:100%; height:100%; box-sizing:border-box; border:7px solid #b08c6f; border-radius:17px; position:absolute; top:0; left:0; z-index:3;}
.starBg .starSlide .slideItem .thumb img{width:100%; height:100%; object-fit:cover; position:relative; z-index:2;}
.starBg .starSlide .slideItem .text{display:flex; align-items:flex-start; width:100%; margin-top:25px;}
.starBg .starSlide .slideItem .text img{display:inline-block; flex-shrink:0; margin-right:10px;}
.starBg .starSlide .slideItem .text p{display:inline-block; font-size:26px; font-weight:400; letter-spacing:-0.025em; line-height:32px; color:#1b1b1b;}
.starBg .starSlide .slideItem .text p strong{font-weight:600;}

.counterBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; max-width:1220px; margin:30px auto 0 auto; padding-top:65px; position:relative;}
.counterBox::before{content:""; display:block; width:48px; height:2px; background:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.counterBox .counterList{display:flex; justify-content:center; align-items:flex-end; width:100%;}
.counterBox .counterList li{display:inline-block; font-weight:700; color:#fff; width:calc(100% / 3); text-align:center;}
.counterBox .counterList li + li{border-left:1px solid rgba(255,255,255,.9);}
.counterBox .counterList li .counter{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%;}
.counterBox .counterList li .counter .engText{display:block; width:100%; text-align:center; font-size:26px; font-weight:400; letter-spacing:-0.05em; line-height:1; margin-bottom:20px; padding-bottom:20px; position:relative;}
.counterBox .counterList li .counter .engText::after{content:""; display:block; width:48px; height:2px; background:#e5c29e; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.counterBox .counterList li .counter .numBg{width:100%;}
.counterBox .counterList li .counter .numText{display:block;}
.counterBox .counterList li .counter .numCount{display:inline-block; font-size:64px; letter-spacing:-0.05em; font-weight:700; line-height:1; vertical-align:top;}
.counterBox .counterList li .counter .text{display:inline-block; font-size:26px; letter-spacing:-0.05em; line-height:1; vertical-align:bottom; margin-bottom:7px; margin-left:5px;}
.counterBox .counterList li .counter .text2{display:inline-block; font-size:54px; letter-spacing:-0.05em; font-weight:500; color:#e5c29e; line-height:1; vertical-align:bottom; margin-bottom:4px;}
.counterBox .counterList li .counter p{width:100%; font-size:24px; font-weight:300; letter-spacing:-0.05em; line-height:1; margin-top:25px;}
.counterBox .countProgress{width:100%; height:4px; background:rgba(255,255,255,.3); margin-top:40px; position:relative;}
.counterBox .countProgress .inBar{width:0; height:100%; background:#fff; position:absolute; top:0; left:0;}


.channelTab{display:flex; width:100%; background:#f4f4f4; border-radius:18px; overflow:hidden; margin-bottom:60px;}
.channelTab button{display:inline-block; width:50%; height:70px; border-radius:18px; color:#848484;}
.channelTab button > div{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.channelTab button img{display:inline-block; flex-shrink:0; margin-right:15px;}
.channelTab button span{display:inline-block; font-size:22px; font-weight:700; letter-spacing:-0.05em; line-height:1;}
.channelTab button.on{background:#1b1b1b; color:#fff;}

.channelBg{width:100%;}
.channelBg .channelBox{width:100vw; overflow:hidden;}
.channelBg .channelBox .inSlide{width:100%;}
.channelBg .channelBox .slideItem{display:inline-block; width:380px; overflow:hidden; border:1px solid #d3d3d3; background:#fff; border-radius:18px;}
.channelBg .channelBox .slideItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%;}
.channelBg .channelBox .slideItem .thumb{width:100%; aspect-ratio:4 / 3; overflow:hidden;}
.channelBg .channelBox .slideItem .thumb .videoType{aspect-ratio:16 / 9;}
.channelBg .channelBox .slideItem .thumb img{width:100%; height:100%; object-fit:cover;}
.channelBg .channelBox .slideItem .text{width:100%; padding:40px 40px 95px 40px; font-size:22px; letter-spacing:-0.025em; line-height:1.363; text-align:left;}
.channelBg .channelBox .slideItem .text strong{display:block; height:2.726em; font-weight:700; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.channelBg .channelBox .slideItem .text p{font-weight:400; height:2.726em; margin-top:8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.careBox{display:grid; width:100%; max-width:1400px; grid-template-columns:44% 1fr; column-gap:80px; grid-template-areas:"img head" "img list" "img note"; align-items:start; text-align:left; margin-left:auto; margin-right:auto;}
.careImg{grid-area:img; width:100%; max-width:620px; aspect-ratio:620 / 690; border-radius:45px; overflow:hidden; background:#efeeec;}
.careImg img{display:block; width:100%; height:100%; object-fit:cover;}
.careHead{grid-area:head;}
.careHead .engText{display:block; width:100%; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#a36f4a; text-transform:uppercase; margin-bottom:18px;}
.careHead .careCate{display:block; width:100%; font-size:22px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#1b1b1b; margin-bottom:20px;}
.careHead h2{width:100%; font-size:64px; font-weight:700; letter-spacing:-0.05em; line-height:1.2; color:#1b1b1b;}
.careHead p{width:100%; font-size:24px; font-weight:400; letter-spacing:-0.025em; line-height:1.4; color:#1b1b1b; margin-top:23px;}
.careList{grid-area:list; display:flex; flex-wrap:wrap; gap:30px; margin-top:41px;}
.careItem{display:flex; flex-wrap:wrap; align-content:space-between; flex:1 1 0; min-width:0; box-sizing:border-box; background:#fff; border:1px solid #e9dacb; border-radius:30px; padding:40px 50px;}
.careItem h3{width:100%; font-size:30px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#1b1b1b;}
.careItem h3 span{color:#ac753f;}
.careItem p{width:100%; font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.4; color:#1b1b1b; margin-top:18px;}
.careItem a{display:inline-flex; justify-content:center; align-items:center; width:155px; height:48px; box-sizing:border-box; border-radius:24px; border:1px solid #000; font-size:18px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#1b1b1b; margin-top:28px;}
.careItem a span{display:inline-block; font-weight:400; margin-left:10px;}
.careNote{grid-area:note; width:100%; font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1.5; color:#989898; margin-top:30px;}


.mainPop{position:absolute; z-index:9999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}

.popBox[hidden]{display:none;}
.popBox{position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px; box-sizing:border-box;}
.popDim{position:absolute; inset:0; background:rgba(0, 0, 0, .75);}
.popInner{position:relative; width:100%; max-width:1400px; max-height:90vh; overflow-y:auto; padding:30px; box-sizing:border-box; background:#fff;}
.popClose{position:absolute; top:10px; right:18px; border:0; padding:0; background:none; color:#333; font-size:36px; line-height:1; cursor:pointer;}
.popTitle{margin:0 45px 24px 0; font-size:22px; word-break:keep-all;}
.popImg{display:block; width:100%; height:auto;}
.popLabels{display:flex; width:100%;}
.popLabels span{width:50%; padding:12px; box-sizing:border-box; background:#7a7a7a; color:#fff; font-size:16px; font-weight:600; text-align:center;}
.popLabels span + span{background:#af8260;}

@media (max-width:1280px) {
	.cardSection{padding-left:60px;}
	
	.careBox{column-gap:50px;}
	.careList{flex-wrap:nowrap; flex-direction:column; gap:25px;}
	.careItem{flex:0 0 auto; width:100%; padding:35px;}
}

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

@media (max-width:1000px) {
	#visual{height:1200px;}
	#visual .visualBox .slideItem .textBox{width:calc(100% - 70px); bottom:unset; top:135px; text-align:left; justify-content:flex-start;}
	#visual .visualBox .slideItem .textBox .inTitle{font-size:65px;}
	#visual .visualBox .slideItem .textBox p{font-size:26px; margin-top:10px; letter-spacing:-0.065em;}
	#visual .visualBox .slideItem.visual1{background-image:url("/html/resource/img/main/m_visual1.jpg?ver=260727");}
	#visual .visualBox .slideItem.visual2{background-image:url("/html/resource/img/main/m_visual2.jpg?ver=260727");}
	#visual .visualBox .slideItem.visual3{background-image:url("/html/resource/img/main/m_visual3.jpg?ver=260727");}
	#visual .visualPager{width:calc(100% - 70px); bottom:unset; top:500px;}
	#visual .visualPager button{width:24px; height:24px; background-size:12px auto;}
	#visual .visualPager .pagerBox{margin:0 18px 0 20px;}
	#visual .visualPager .pagerBox span{width:20px; font-size:20px;}
	#visual .visualPager .pagerBox .progress{width:110px; height:3px; margin:0 10px 0 7px;}
	#visual .visualPager .visualPlay{font-size:20px; margin-right:15px;}
	#visual .visualArrow{bottom:60px;}


	@keyframes arrowMove{
		0%,100%{
			transform:translateX(-50%) translateY(0);
		}
		50%{
			transform:translateX(-50%) translateY(15px);
		}
	}
	
	.mainSection.mainBg1{background-size:434px auto; padding:180px 0;}
	.mainSection.mainBg2{padding:100px 0 140px 0;}
	.mainSection.mainBg3{padding:120px 0;}
	.mainSection.mainBg4{padding:120px 0; background-image:url("/html/resource/img/main/m_counter_bg.jpg"); background-size:cover;}
	.mainSection.mainBg5{padding:120px 0;}
	.mainSection.careSection{padding:120px 0;}
	.mainSection .inContent{width:calc(100% - 60px);}

	.titleBox{margin-bottom:60px;}
	.titleBox .engText{font-size:26px; margin-bottom:30px;}
	.titleBox h2{font-size:68px;}
	.titleBox h2.type2{font-size:54px;}
	.titleBox p{font-size:30px; margin-top:25px;}

	.caseTab{gap:10px; margin-bottom:40px;}
	.caseTab button{width:calc((100% - 20px) / 3); height:50px; border-radius:25px;}
	.caseTab button span{font-size:22px;}

	.caseSlideBox{height:auto; aspect-ratio:926 / 387;}
	.caseSlide .slideItem{width:430px;}
	.caseSlide .slideItem .preview{width:207px; border-radius:35px 0 35px 0;}
	.caseSlide .slideItem.swiper-slide-active .detail{width:calc(100% - 60px); max-width:860px; border-radius:70px 0 70px 0;}
	.caseSlide .slideItem .detail .imgBox .arrow{width:80px; height:80px;}
	.caseSlide .slideItem .detail .text{height:100px; font-size:30px; padding:20px 25px 0 25px;}

	.viewMore{margin-top:60px;}
	.viewMore a{font-size:24px; padding:3px 0 7px 0; border-bottom-width:2px;}

	.cardSection{height:880px; align-items:flex-start; background-position:center bottom;}
	.cardSection.cardBg1{background-image:url("/html/resource/img/main/m_card_bg1.jpg");}
	.cardSection.cardBg2{background-image:url("/html/resource/img/main/m_card_bg2.jpg");}
	.cardSection.cardBg3{background-image:url("/html/resource/img/main/m_card_bg3.jpg");}
	.cardSection .textBox{align-content:flex-start; width:calc(100% - 100px); padding-top:80px;}
	.cardSection .textBox h3{font-size:66px;}
	.cardSection .textBox p{font-size:28px; margin-top:25px; max-width:700px;}
	.cardSection .textBox a{width:175px; height:52px; border-radius:26px; font-size:22px; margin-top:25px;}
	.cardSection .textBox a span{margin-left:10px;}

	.starBg{margin-top:75px;}
	.starBg .starSlide .slideItem{width:630px;}
	.starBg .starSlide .slideItem .thumb{border-radius:17px;}
	.starBg .starSlide .slideItem .thumb::before{border-width:7px; border-radius:17px;}
	.starBg .starSlide .slideItem .text{margin-top:25px;}
	.starBg .starSlide .slideItem .text img{margin-right:10px;}
	.starBg .starSlide .slideItem .text p{font-size:30px; line-height:32px;}

	.counterBox{margin:30px auto 0 auto; padding-top:65px;}
	.counterBox::before{width:48px; height:2px;}
	.counterBox .counterList li .counter .engText{font-size:30px; margin-bottom:20px; padding-bottom:20px;}
	.counterBox .counterList li .counter .engText::after{width:48px; height:2px;}
	.counterBox .counterList li .counter .numCount{font-size:60px;}
	.counterBox .counterList li .counter .text{font-size:30px; margin-bottom:7px; margin-left:5px;}
	.counterBox .counterList li .counter .text2{font-size:50px; margin-bottom:4px;}
	.counterBox .counterList li .counter p{font-size:28px; margin-top:25px;}

	.channelTab{border-radius:18px; margin-bottom:60px;}
	.channelTab button{height:70px; border-radius:18px;}
	.channelTab button img{margin-right:15px;}
	.channelTab button span{font-size:26px;}

	.channelBg .channelBox .slideItem{width:380px; border-radius:18px;}
	.channelBg .channelBox .slideItem .text{padding:30px 30px 75px 30px; font-size:26px;}
	.channelBg .channelBox .slideItem .text p{margin-top:8px;}
	
	.careBox{grid-template-columns:1fr; column-gap:0; grid-template-areas:"head" "img" "list" "note";}
	.careImg{aspect-ratio:690 / 460; border-radius:35px; margin-top:50px; max-width:none;}
	.careHead .engText{font-size:26px; margin-bottom:20px;}
	.careHead .careCate{font-size:26px; margin-bottom:20px;}
	.careHead h2{font-size:68px;}
	.careHead p{font-size:28px; margin-top:25px;}
	.careList{flex-wrap:nowrap; flex-direction:column; gap:25px; margin-top:50px;}
	.careItem{flex:0 0 auto; width:100%; border-radius:30px; padding:45px 50px;}
	.careItem h3{font-size:34px;}
	.careItem p{font-size:24px; margin-top:18px;}
	.careItem a{width:175px; height:52px; border-radius:26px; font-size:22px; margin-top:28px;}
	.careItem a span{margin-left:10px;}
	.careNote{font-size:24px; margin-top:30px;}

	
	.popupBg{position:fixed; width:100%; height:0; top:0; left:0; z-index:9999;}
	.popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:100px !important; margin:0 auto; transform:translateX(-50%);}
	/* .popupBg .mainPop:nth-of-type(1){margin-top:100px;} */
	.popupBg .mainPop .popBottom{height:50px; padding:0 10px;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:24px; height:24px; margin:13px 10px 13px 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:24px; line-height:50px;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:10px; line-height:50px;}
	
	.popInner{max-width:600px;}
}

@media (max-width:768px) {
	#visual{height:156.25000vw;}
	#visual .visualBox .slideItem .textBox{width:calc(100% - 9.11458vw); top:17.57813vw;}
	#visual .visualBox .slideItem .textBox .inTitle{font-size:8.46354vw;}
	#visual .visualBox .slideItem .textBox p{font-size:3.38542vw; margin-top:1.30208vw; letter-spacing:-0.065em;}
	#visual .visualPager{width:calc(100% - 9.11458vw); bottom:unset; top:65.10417vw;}
	#visual .visualPager button{width:3.12500vw; height:3.12500vw; background-size:1.56250vw auto;}
	#visual .visualPager .pagerBox{margin:0 2.34375vw 0 2.60417vw;}
	#visual .visualPager .pagerBox span{width:2.60417vw; font-size:2.60417vw;}
	#visual .visualPager .pagerBox .progress{width:14.32292vw; height:0.39063vw; margin:0 1.30208vw 0 0.91146vw;}
	#visual .visualPager .visualPlay{font-size:2.60417vw; margin-right:1.95313vw;}
	#visual .visualArrow{width:8.20313vw; height:auto; bottom:7.81250vw;}


	@keyframes arrowMove{
		0%,100%{
			transform:translateX(-50%) translateY(0);
		}
		50%{
			transform:translateX(-50%) translateY(1.95313vw);
		}
	}
	
	.mainSection.mainBg1{background-size:56.51042vw auto; padding:23.43750vw 0;}
	.mainSection.mainBg2{padding:13.02083vw 0 18.22917vw 0;}
	.mainSection.mainBg3{padding:15.62500vw 0;}
	.mainSection.mainBg4{padding:15.62500vw 0;}
	.mainSection.mainBg5{padding:15.62500vw 0;}
	.mainSection.careSection{padding:15.62500vw 0;}
	.mainSection .inContent{width:calc(100% - 7.81250vw);}

	.titleBox{margin-bottom:7.81250vw;}
	.titleBox .engText{font-size:3.90625vw; margin-bottom:3.90625vw;}
	.titleBox h2{font-size:8.85417vw;}
	.titleBox h2.type2{font-size:7.03125vw;}
	.titleBox p{font-size:4.42708vw; margin-top:3.25521vw;}

	.caseTab{gap:1.30208vw; margin-bottom:5.20833vw;}
	.caseTab button{width:calc((100% - 2.60417vw) / 3); height:7.03125vw; border-radius:3.51563vw;}
	.caseTab button span{font-size:3.38542vw;}

	.caseSlide .slideItem{width:55.98958vw;}
	.caseSlide .slideItem .preview{width:26.95313vw; border-radius:4.55729vw 0 4.55729vw 0;}
	.caseSlide .slideItem.swiper-slide-active .detail{width:calc(100% - 7.81250vw); max-width:111.97917vw; border-radius:9.11458vw 0 9.11458vw 0;}
	.caseSlide .slideItem .detail .imgBox .arrow{width:10.41667vw; height:10.41667vw;}
	.caseSlide .slideItem .detail .text{height:13.02083vw; font-size:4.42708vw; padding:2.60417vw 3.25521vw 0 3.25521vw;}

	.viewMore{margin-top:7.81250vw;}
	.viewMore a{font-size:3.64583vw; padding:0.39063vw 0 0.91146vw 0; border-bottom-width:0.26042vw;}

	.cardBox{gap:3.90625vw;}
	.cardSection{height:114.58333vw; padding-left:7.81250vw;}
	.cardSection .textBox{width:calc(100% - 13.02083vw); padding-top:10.41667vw;}
	.cardSection .textBox h3{font-size:8.07292vw;}
	.cardSection .textBox p{font-size:4.16667vw; margin-top:3.25521vw; max-width:none;}
	.cardSection .textBox a{width:24.73958vw; height:7.29167vw; border-radius:3.64583vw; font-size:3.38542vw; margin-top:3.25521vw;}
	.cardSection .textBox a span{margin-left:1.30208vw;}

	.starBg{margin-top:9.76563vw;}
	.starBg .starSlide .slideItem{width:70.31250vw;}
	.starBg .starSlide .slideItem .thumb{border-radius:2.21354vw;}
	.starBg .starSlide .slideItem .thumb::before{border-width:0.91146vw; border-radius:2.21354vw;}
	.starBg .starSlide .slideItem .text{margin-top:3.25521vw;}
	.starBg .starSlide .slideItem .text img{width:4.16667vw; height:auto; margin-right:1.30208vw;}
	.starBg .starSlide .slideItem .text p{font-size:4.42708vw; line-height:4.16667vw;}

	.counterBox{margin:3.90625vw auto 0 auto; padding-top:8.46354vw;}
	.counterBox::before{width:6.25000vw; height:0.26042vw;}
	.counterBox .counterList li .counter .engText{font-size:3.90625vw; margin-bottom:2.60417vw; padding-bottom:2.60417vw;}
	.counterBox .counterList li .counter .engText::after{width:6.25000vw; height:0.26042vw;}
	.counterBox .counterList li .counter .numCount{font-size:7.81250vw;}
	.counterBox .counterList li .counter .text{font-size:3.90625vw; margin-bottom:0.91146vw; margin-left:0.65104vw;}
	.counterBox .counterList li .counter .text2{font-size:6.51042vw; margin-bottom:0.52083vw;}
	.counterBox .counterList li .counter p{font-size:3.64583vw; margin-top:3.25521vw;}

	.channelTab{border-radius:2.34375vw; margin-bottom:7.81250vw;}
	.channelTab button{height:9.11458vw; border-radius:2.34375vw;}
	.channelTab button img{width:5.85938vw; height:auto; margin-right:1.95313vw;}
	.channelTab button span{font-size:3.90625vw;}

	.channelBg .channelBox .slideItem{width:49.47917vw; border-radius:2.34375vw;}
	.channelBg .channelBox .slideItem .text{padding:3.90625vw 3.90625vw 9.76563vw 3.90625vw; font-size:3.90625vw;}
	.channelBg .channelBox .slideItem .text p{margin-top:1.04167vw;}
	
	.careImg{border-radius:4.55729vw; margin-top:6.51042vw;}
	.careHead .engText{font-size:3.38542vw; margin-bottom:2.60417vw;}
	.careHead .careCate{font-size:3.64583vw; margin-bottom:2.60417vw;}
	.careHead h2{font-size:7.03125vw;}
	.careHead p{font-size:3.64583vw; margin-top:3.25521vw;}
	.careList{gap:3.25521vw; margin-top:6.51042vw;}
	.careItem{border-radius:3.90625vw; padding:5.85938vw 6.51042vw;}
	.careItem h3{font-size:4.68750vw;}
	.careItem p{font-size:3.38542vw; margin-top:2.34375vw;}
	.careItem a{width:22.78646vw; height:6.77083vw; border-radius:3.38542vw; font-size:2.86458vw; margin-top:3.64583vw;}
	.careItem a span{margin-left:1.30208vw;}
	.careNote{font-size:3.12500vw; margin-top:3.90625vw;}

	
	.popupBg .mainPop{top:15.62500vw !important;}
	.popupBg .mainPop .popBottom{height:6.51042vw; padding:0 1.30208vw;}
	.popupBg .mainPop .popBottom input[type="checkbox"]{width:3.12500vw; height:3.12500vw; margin:1.69271vw 1.30208vw 1.69271vw 0;}
	.popupBg .mainPop .popBottom .bottomText{font-size:3.12500vw; line-height:6.51042vw;}
	.popupBg .mainPop .popBottom .bottomText button{margin-left:1.30208vw; line-height:6.51042vw;}
	
	.popBox{padding:4vw;}
	.popInner{max-width:none; max-height:90vh; padding:6vw 4vw;}
	.popClose{top:2vw; right:3vw; font-size:9vw;}
	.popTitle{margin:0 10vw 5vw 0; font-size:5vw;}
	.popLabels span{padding:2.5vw; font-size:3.5vw;}
}