.bodyFixed{overflow: hidden;}
.wrap{overflow: hidden; width: 100%;}

.header{position: fixed;  width: 100%; z-index: 100;}
.header_inner{display: flex; justify-content: space-between; align-items: center; padding: 30px 100px;}
.header_inner h1 a{display: inline-block; height: 60px; width: 172px; background: url(../images/wh_logo.png) no-repeat left top / contain; text-indent: -9999px;}
.header_inner .gnb_wrap{}
.header_inner .gnb_wrap ul{display: flex; gap: 100px;}
.header_inner .gnb_wrap ul li{ color: #fff; font-size: 18px;}
.header_inner .gnb_wrap ul li.moli{display: none;}
.header_inner .inquiryBtn{}
.header_inner .inquiryBtn a {background: rgba(255,255,255,15%); display: flex; align-items: center; gap: 6px; padding: 14px 24px; border-radius: 100px; color: #fff; font-weight: 700; font-size: 16px;}

.header_inner h1 a{background: url(../images/logo.png) no-repeat left top / contain;}
.header_inner .gnb_wrap ul li{ color: #111;}
.header_inner .inquiryBtn a {background: rgba(0,0,0,10%);  color: #111; }
.header_inner .inquiryBtn a img{filter: brightness(0) }

.moNavBtn{display:none; cursor: pointer; position: relative; z-index: 10;}
.moNavClose{display: none; cursor: pointer;}

.sidePage{position: fixed; z-index: 10; right:100px; top: 50%; transform: translateY(-50%); display: flex; gap: 20px; flex-direction: column;}
.sidePage > div {width: 24px; height: 24px; border: 1px solid transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.sidePage > div > a{width: 6px; height: 6px; background: rgba(0,0,0,0.2); border-radius: 50%; text-indent: -9999px; display: inline-block;}



.header_inner h1 a{background: url(../images/wh_logo.png) no-repeat left top / contain; }
.header_inner .gnb_wrap ul li{ color: #fff; font-size: 18px;}
.header_inner .inquiryBtn a {background: rgba(255,255,255,15%); color: #fff; }
.header_inner .inquiryBtn a img{filter: unset;}
.sidePage > div:nth-of-type(1) {border: 1px solid #fff; border-radius: 50%;}
.sidePage > div:nth-of-type(1) > a{background: #fff;}
.pp-viewing-page4 .sidePage > div:nth-of-type(1) > a{background: rgba(0, 0, 0, 0.2)}
.moNavBtn span{color: #fff;}

.pp-viewing-page2 .sidePage > div:nth-of-type(1),
.pp-viewing-page2 .sidePage > div:nth-of-type(1),
.pp-viewing-page3 .sidePage > div:nth-of-type(1),
.pp-viewing-page4 .sidePage > div:nth-of-type(1),
.pp-viewing-page5 .sidePage > div:nth-of-type(1),
.pp-viewing-page6 .sidePage > div:nth-of-type(1),
.pp-viewing-page7 .sidePage > div:nth-of-type(1){border: 1px solid transparent;}

.pp-viewing-page3 .sidePage > div:nth-of-type(1) > a,
.pp-viewing-page6 .sidePage > div:nth-of-type(1) > a,
.pp-viewing-page7 .sidePage > div:nth-of-type(1) > a{background: rgba(0,0,0,0.2);}

.pp-viewing-page1 .sidePage > div:nth-of-type(1) {border: 1px solid #fff; border-radius: 50%;}
.pp-viewing-page1 .sidePage > div:nth-of-type(1) > a{background: #fff;}
.pp-viewing-page2 .sidePage > div:nth-of-type(2) {border: 1px solid #fff; border-radius: 50%;}
.pp-viewing-page2 .sidePage > div:nth-of-type(2) > a{background: #fff;}
.pp-viewing-page3 .sidePage > div:nth-of-type(3) {border: 1px solid #111; border-radius: 50%;}
.pp-viewing-page3 .sidePage > div:nth-of-type(3) > a{background: #111;}
.pp-viewing-page4 .sidePage > div:nth-of-type(4) {border: 1px solid #fff; border-radius: 50%;}
.pp-viewing-page4 .sidePage > div:nth-of-type(4) > a{background: #fff;}
.pp-viewing-page5 .sidePage > div:nth-of-type(5) {border: 1px solid #fff; border-radius: 50%;}
.pp-viewing-page5 .sidePage > div:nth-of-type(5) > a{background: #fff;}
.pp-viewing-page6 .sidePage > div:nth-of-type(6) {border: 1px solid #111; border-radius: 50%;}
.pp-viewing-page6 .sidePage > div:nth-of-type(6) > a{background: #111;}
.pp-viewing-page7 .sidePage > div:nth-of-type(7) {border: 1px solid #111; border-radius: 50%;}
.pp-viewing-page7 .sidePage > div:nth-of-type(7) > a{background: #111;}

.pp-viewing-page1 .moNavBtn span,
.pp-viewing-page2 .moNavBtn span,
.pp-viewing-page5 .moNavBtn span,
.pp-viewing-page4 .moNavBtn span{color: #fff;}
.pp-viewing-page3 .moNavBtn span,
.pp-viewing-page6 .moNavBtn span,
.pp-viewing-page7 .moNavBtn span{color: #111;}

.pp-viewing-page1 .sidePage > div > a{background: rgba(255,255,255,0.2); }
.pp-viewing-page1 .sidePage > div.active {border: 1px solid #fff; }
.pp-viewing-page1 .sidePage > div.active > a{background: #fff;}
.pp-viewing-page2 .sidePage > div > a{background: rgba(255,255,255,0.2); }
.pp-viewing-page2 .sidePage > div.active {border: 1px solid #fff; }
.pp-viewing-page2 .sidePage > div.active > a{background: #fff;}
.pp-viewing-page5 .sidePage > div > a{background: rgba(255,255,255,0.2); }
.pp-viewing-page5 .sidePage > div.active {border: 1px solid #fff; }
.pp-viewing-page5 .sidePage > div.active > a{background: #fff;}


.pp-viewing-page1 .header_inner h1 a{background: url(../images/wh_logo.png) no-repeat left top / contain; }
.pp-viewing-page1 .header_inner .gnb_wrap ul li{ color: #fff; font-size: 18px;}
.pp-viewing-page1 .header_inner .inquiryBtn a {background: rgba(255,255,255,15%); color: #fff; }
.pp-viewing-page1 .header_inner .inquiryBtn a img{filter: unset;}

.pp-viewing-page2 .header_inner h1 a{background: url(../images/wh_logo.png) no-repeat left top / contain; }
.pp-viewing-page2 .header_inner .gnb_wrap ul li{ color: #fff; font-size: 18px;}
.pp-viewing-page2 .header_inner .inquiryBtn a {background: rgba(255,255,255,15%); color: #fff; }
.pp-viewing-page2 .header_inner .inquiryBtn a img{filter: unset;}

.pp-viewing-page4 .header_inner h1 a{background: url(../images/wh_logo.png) no-repeat left top / contain; }
.pp-viewing-page4 .header_inner .gnb_wrap ul li{ color: #fff; font-size: 18px;}
.pp-viewing-page4 .header_inner .inquiryBtn a {background: rgba(255,255,255,15%); color: #fff; }
.pp-viewing-page4 .header_inner .inquiryBtn a img{filter: unset;}

.pp-viewing-page3 .header_inner h1 a{background: url(../images/logo.png) no-repeat left top / contain;}
.pp-viewing-page3 .header_inner .gnb_wrap ul li{ color: #111;}
.pp-viewing-page3 .header_inner .inquiryBtn a {background: rgba(0,0,0,10%);  color: #111; }
.pp-viewing-page3 .header_inner .inquiryBtn a img{filter: brightness(0) }

.pp-viewing-page5 .header_inner h1 a{background: url(../images/wh_logo.png) no-repeat left top / contain; }
.pp-viewing-page5 .header_inner .gnb_wrap ul li{ color: #fff; font-size: 18px;}
.pp-viewing-page5 .header_inner .inquiryBtn a {background: rgba(255,255,255,15%); color: #fff; }
.pp-viewing-page5 .header_inner .inquiryBtn a img{filter: unset;}

.pp-viewing-page6 .header_inner h1 a{background: url(../images/logo.png) no-repeat left top / contain;}
.pp-viewing-page6 .header_inner .gnb_wrap ul li{ color: #111;}
.pp-viewing-page6 .header_inner .inquiryBtn a {background: rgba(0,0,0,10%);  color: #111; }
.pp-viewing-page6 .header_inner .inquiryBtn a img{filter: brightness(0) }

.pp-viewing-page7 .header_inner h1 a{background: url(../images/logo.png) no-repeat left top / contain;}
.pp-viewing-page7 .header_inner .gnb_wrap ul li{ color: #111;}
.pp-viewing-page7 .header_inner .inquiryBtn a {background: rgba(0,0,0,10%);  color: #111; }
.pp-viewing-page7 .header_inner .inquiryBtn a img{filter: brightness(0) }

.pp-viewing-page7 .header{background: #fff;}


#section1{display: flex;}
.visualWrap{position: relative; overflow: hidden; }
.visualWrap .visualImg{}
.visualWrap .visualImg > div{width: 100%; height: 100%;}
.visualWrap .visualImg .bg01{background: url(../images/bg_main01.webp) no-repeat center center / cover;}
.visualWrap .visualImg .bg02{background: url(../images/bg_main02.webp) no-repeat center center / cover;}
.visualWrap .visualImg .bg03{background: url(../images/bg_main03.webp) no-repeat center center / cover;}
.visualWrap .visualTxt{position: absolute;z-index: 1;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.visualWrap .visualTxt .e{font-size: 84px; color: #fff;}
.visualWrap .visualTxt .k{font-size: 24px; color: #fff; line-height: 1
    ;}
.visualNum{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; gap: 28px; z-index: 5; align-items: center;}
.visualNum .next img{transform: scale(-1);}
.visualNum > div{color: #fff; display: flex; gap: 8px; font-size: 16px; font-weight: bold;  font-family: "Work Sans", sans-serif; position: unset; margin-bottom: 5px; width: auto;} 
.visualNum button{width: 40px; height: 40px;}
 
.visualNum1{position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: 28px; z-index: 3; align-items: center;}
.visualNum1 .next img{transform: scale(-1);}
.visualNum1 > div{color: #fff; display: flex; gap: 8px; font-size: 16px; font-weight: bold;  font-family: "Work Sans", sans-serif; position: unset; margin-bottom: 5px; width: auto;} 
.visualNum1 button{width: 40px; height: 40px;}
 
.aboutWrap{background: url(../images/bg_about.webp) no-repeat center center / cover; height: 100vh; position: relative;}
.about{text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.about .title{}
.about .title .t{font-size: 80px; color: #fff; 
    font-family: "Work Sans", sans-serif;}
.about .title .s{color: #93CDF6; display: inline-block; font-size: 18px; padding-bottom: 16px; border-bottom: 1px solid #93CDF6;}
.about .txt1{font-size: 24px; color: #fff; margin: 48px 0 32px;}
.about .txt2{ color: #ddd; font-size: 18px; }
.about .txt2 + .txt2{margin-top: 20px;}


.visionWrap{background: url(../images/bg_vision.webp) no-repeat center center / cover; height: 100vh; position: relative;}
.vision{text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.vision .title{}
.vision .title .t{font-size: 80px; color: #111; 
    font-family: "Work Sans", sans-serif;}
.vision .title .s{color: #0D4DF7; display: inline-block; font-size: 18px; padding-bottom: 16px; border-bottom: 1px solid #0D4DF7;}
.vision .txt1{font-size: 24px; color: #111; margin: 48px 0 32px;}
.vision .txt2{ color: #333; font-size: 18px; }
.vision .txt2 + .txt2{margin-top: 20px;}

.certWrap{background: url(../images/bg_main05.png) no-repeat center center / cover; height: 100vh; position: relative;}
.cert{text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cert .title{}
.cert .title .t{font-size: 80px; color: white; 
    font-family: "Work Sans", sans-serif;}
.cert .title .s{color: white; display: inline-block; font-size: 18px; padding-bottom: 16px; border-bottom: 1px solid white}
.cert .txt1{font-size: 24px; color: #111; margin: 48px 0 32px;}
.cert .txt2{ color: #333; font-size: 18px; }
.cert .txt2 + .txt2{margin-top: 20px;}



.businessWrap{background: url(../images/bg_business.webp) no-repeat center center / cover; height: 100vh; position: relative;}
.business{ display: flex; justify-content: space-between; width: 100%;  max-width: 1360px; align-items: flex-start; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.businessTxt .title{text-align: left;}
.businessTxt .title .t{font-size: 80px; color: #fff; 
    font-family: "Work Sans", sans-serif; } 
.businessTxt .title .s{color: #ddd; display: inline-block; font-size: 18px; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.businessTxt .txt1{font-size: 18px; color: #fff; margin-top: 40px; text-align: left;}
.businessBox{display: flex; flex-wrap: wrap; gap: 48px; width: 770px; flex-direction: row;}
.businessBox > div{width: 320px; height: 280px; border-radius: 12px; background-color: rgba(255,255,255,20%); padding: 32px 48px; text-align: left;}
.businessBox > div .k{font-size: 30px; color: #fff; font-weight: 700;}
.businessBox > div .e{ font-size: 18px; margin-top: 8px; color: #fff; 
    font-family: "Work Sans", sans-serif;}
.businessBox > div:nth-of-type(1){background-image: url(../images/icon_business_01.svg); background-repeat: no-repeat; background-position: right 48px bottom 32px; margin-top: 100px;}
.businessBox > div:nth-of-type(2){background-image: url(../images/icon_business_02.svg); background-repeat: no-repeat; background-position: right 48px bottom 32px;}
.businessBox > div:nth-of-type(3){background-image: url(../images/icon_business_03.svg); background-repeat: no-repeat; background-position: right 48px bottom 32px;}
.businessBox > div:nth-of-type(4){background-image: url(../images/icon_business_04.svg); background-repeat: no-repeat; background-position: right 48px bottom 32px; margin-top: -100px;}




.sincerityWrap{background: url(../images/bg_sincerity.webp); height: 100vh; position: relative;}
.sincerity{ display: flex; justify-content: space-between; width: 100%; padding: 0 100px; align-items: flex-start; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sincerityTxt {text-align: left; font-size: 360px;  color: transparent;  -webkit-text-stroke: 2px rgba(0,0,0,0.2); text-stroke: 2px rgba(0,0,0,0.2); line-height: 1;}
.sincerityLetter{}
.sincerityLetter .t{font-size: 72px; color: #111; text-align: right; padding-right: 100px;}
.sincerityLetter .letterBg{padding: 33px 100px; width: 760px; background: url(../images/line2.png);}
.sincerityLetter .letterBg > div{line-height: 32px; text-align: left; font-size: 18px;}
.sincerityLetter .letterBg > div + div {margin-top: 32px;}

.inquiryWrap{background: #fff; height: 100vh; position: relative;}
.inquiry{ display: flex; justify-content: space-between; width: 100%;  max-width: 1360px; align-items: flex-start; text-align: center; margin: 150px auto 100px;}
.inquiryTxt .title{text-align: left;}
.inquiryTxt .title .t{font-size: 80px; color: #111; 
    font-family: "Work Sans", sans-serif;}
.inquiryTxt .title .s{color: #0D4DF7; display: inline-block; font-size: 18px; padding-bottom: 16px; border-bottom: 1px solid #0D4DF7;}
.inquiryTxt .txt1{font-size: 18px; color: #111; margin-top: 40px; text-align: left;}






.inquiryForm{text-align: left; width: 720px;}
.inquiryForm input[type=text],
.inquiryForm textarea{border: 0; width: 100%; border-bottom: 1px solid #ddd; border-radius: 0; padding: 16px 0;}
.formRow label{font-size: 16px; font-weight: bold; display: inline-block;}
.formRow label > span{color: #4227FF; margin-right: 6px;}
.formRow + .formRow{margin-top: 32px;}
.formBtn{margin-top: 24px; text-align: right;}

.formBtn button{font-size: 18px; padding: 12px 37px; border-radius: 100px; color: #fff;
    background: rgb(147,205,246);
    background: linear-gradient(90deg, rgba(147,205,246,1) 0%, rgba(13,77,247,1) 41%, rgba(66,39,255,1) 92%);
}



footer{background: #F5F8FC; padding: 0 100px; }
.footer_inner{}
.footMenu{  border-bottom: 1px solid #ddd; padding: 48px 0 32px; display: flex; align-items: center; }
.footMenu button:nth-of-type(1)::after{content: ""; display: inline-block; width: 1px; background: #ddd; height: 14px; margin: 0 30px;}

.footerInfo{margin-top: 40px;}

.fInfo_top{display: flex; justify-content: space-between;}
.fInfo_top .info{display: flex; width: 1000px; flex-wrap: wrap;}
.fInfo_top .info > div{display: flex; width: 50%;}
.fInfo_top .info > div .t{font-size: 14px; color: #999;width: 80px;}
.fInfo_top .info > div .c{font-size: 14px; color: #333; width: calc(100% - 80px);}
.fInfo_top .flogo{display:none;}
.fInfo_top .fLogo img{ height: 60px;}

.fInfo_copy{padding-bottom: 36px; font-size: 12px; color: #333; font-family: "Work Sans", sans-serif;} 
.fInfo_copy span{
    background: linear-gradient(90deg, rgba(147,205,246,1) 0%, rgba(13,77,247,1) 41%, rgba(66,39,255,1) 92%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;    
}


.termWrap > .txtBox > .tit{font-size:20px; font-weight:600; margin-bottom:2rem; color:#111;}
.termWrap > .txtBox > p{font-size:14px;}
.termWrap > .txtBox > p + p{margin-top:10px;}
.termWrap > .txtBox .day{margin-top:10px; text-align: right; font-size: 15px;}
.termWrap > .txtBox + .txtBox{margin-top:40px;}



/* 간단모션 */

@keyframes slide-up{
    0% {opacity: 0; transform: translateY(90px);}
    80%{}
    100% {transform: translateY(0px); opacity: 1; }
}
  
@keyframes spin {
    0% {opacity: 0; transform: rotateY(270deg);  }
    80%{}
    100% {transform: rotateY(360deg); opacity: 1;}
}

[data-animate="true"]{opacity: 0;}
#section1 .visualTxt .k.ani{ animation: slide-up 0.8s linear;  animation-fill-mode:forwards; }
#section1 .visualTxt .e.ani{ animation: slide-up 0.8s linear;  animation-fill-mode:forwards; animation-delay: 0.2s; }

#section2 .title .t.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; }
#section2 .title .s.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.2s; }
#section2 .txt1.ani.a1{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.4s; }
#section2 .txt2.ani.a2{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.6s;}
#section2 .txt2.ani.a3{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.8s;}


#section3 .title .t.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; }
#section3 .title .s.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.2s; }
#section3 .txt1.ani.a1{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.4s; }
#section3 .txt2.ani.a2{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.6s;}
#section3 .txt2.ani.a3{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.8s;}

#section4 .title .t.ani{animation: slide-up 0.8s ease;  animation-fill-mode:forwards; }
#section4 .title .s.ani{animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.2s; }
#section4 .txt1.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.4s; }

#section4 .businessBox .ani.a1{ animation: spin 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.6s; transform-style: preserve-3d;}
#section4 .businessBox .ani.a2{ animation: spin 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.8s;}
#section4 .businessBox .ani.a3{ animation: spin 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.0s;}
#section4 .businessBox .ani.a4{ animation: spin 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.2s;}

#section5 .title .t.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; }
#section5 .title .s.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.2s; }
#section5 .txt1.ani.a1{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.4s; }
#section5 .txt2.ani.a2{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.6s;}
#section5 .txt2.ani.a3{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.8s;}

#section6 .ani.a1{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0s; }
#section6 .ani.a2{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.2s;}
#section6 .ani.a3{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.4s;}
#section6 .ani.a4{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.6s;}
#section6 .ani.a5{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.8s;}
#section6 .ani.a6{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.0s;}
#section6 .ani.a7{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.2s;}
#section6 .ani.a8{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.4s;}
#section6 .ani.a9{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.6s;}
#section6 .ani.a10{animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.8s;}



#section7 .title .t.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; }
#section7 .title .s.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.2s; }
#section7 .txt1.ani{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.4s; }
#section7 .ani.a1{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.6s; }
#section7 .ani.a2{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 0.8s;}
#section7 .ani.a3{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.0s;}
#section7 .ani.a4{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.2s;}
#section7 .ani.a5{ animation: slide-up 0.8s ease;  animation-fill-mode:forwards; animation-delay: 1.4s;}


/* 전체 슬라이더 컨테이너 */
.cert-slider {
    max-width: 450px;
    margin: 20px auto;
}

/* PC 화면 기본 스타일 (451px 초과) */
@media (min-width: 451px) {
    .cert-slider {
        max-width: 1200px;
    }
    .cert-images-container {
        overflow: visible;
    }
    .cert-images {
        display: flex;
        justify-content: center;
        gap: 20px;
        overflow-x: visible;
    }
    .cert-images img {
        width: 100%;
        max-width: 400px;
    }
    .visualNum1 {
        display: none;
    }
}


/* 모바일 화면 스타일 (450px 이하) */
/* 모바일 화면 스타일 (450px 이하) */
@media (max-width: 450px) {
    .cert-images-container {
        position: relative;
        overflow: hidden;
    }
    .cert-images {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .cert-images::-webkit-scrollbar {
        display: none;
    }
    .cert-images img {
        flex-shrink: 0;
        width: 100%;
        max-width: none;
        scroll-snap-align: center;
    }
    .visualNum1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        z-index: 3;
        padding: 0 10px;
    }
    .visualNum1 button {
        border: none;
        border-radius: 50%;
        cursor: pointer;
        background-color: transparent; /* 배경색 투명으로 변경 */
        padding: 10px;
    }
    .visualNum1 .prev img,
    .visualNum1 .next img {
        filter: invert(50%); /* 화살표 색상을 회색으로 변경 */
    }
    .visualNum1 .next img {
        transform: scaleX(-1);
    }
    .swiper-pagination {
        display: none;
    }
}