/* mobile */
@media (max-width: 833px) {
    #fx2-section1 img{border-radius:10px;}
    .section1-text1{font-size:44px; font-weight:600; line-height:125%; margin-top:100px; margin-bottom:4px;}
    .section1-text2{font-size:16px; font-weight:600; line-height:135%;}
    .section1-text3{font-size:16px; font-weight:600; line-height:135%; margin-bottom:40px; height:40px;}
    .section1-text4{font-size:16px; font-weight:600; line-height:135%; margin-bottom:40px; height:40px;}
    .section1-text5{font-size:16px; font-weight:600; line-height:135%; margin-bottom:40px; height:40px;}
    .section1-text6{font-size:16px; font-weight:600; line-height:135%; margin-bottom:50px; height:40px;}
    .fx2-section1-imgs{margin-top:20px; width:312px; height:252px; margin-bottom:60px;}
    .fx2-section1-imgs>img{width:312px; height:252px;}
    .fx2-visual-text{font-size:24px; font-weight:600; line-height:135%; text-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.08); margin:20px 0px;}
    .fx2-visual-text.active{font-size:36px; font-weight:600; line-height:125%;}
    .fx2-visual-text:nth-child(2){height:45px;}
    .section1-img2{width:px; height:px;} .section1-img2{width:312px; height:224px;}
    .section1-img3{width:312px; height:162px;}
    .section1-img4{width:312px; height:224px;}
    .section1-img5{width:312px; height:224px; border-radius:10px;}
    .fx2-visual-text2{font-size:36px; font-weight:600; line-height:125%;}

    #fx2-section2{height:400px;}
    .section2-text1{font-size:16px; font-weight:600; line-height:135%; margin-bottom:26px;}
    .section2-text2{font-size:14px; font-weight:600; line-height:120%; margin-bottom:12px;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4, .section2-btn5 {width:126px; height:38px;}
    #section2-btns{margin-bottom:12px;}

    .section3-text1{font-size:24px; font-weight:600; line-height:135%; margin-top:42px;}
    .section3-text2{font-size:13px; font-weight:400; line-height:135%;}
    .section3-text3{font-size:13px; font-weight:400; line-height:135%; margin-top:14px;}
    #fx2-section3 hr{ margin:14px 0px !important; }
    .section3-arrow{width:18px; height:18px;}
    .section3-div{padding:0px 10px;}

    #fx2-section3 .sub-container{margin-bottom:100px;}
    .swiper-horizontal>.swiper-pagination-bullets {height:11px; bottom:10px;}
    .swiper-button-next, .swiper-button-prev {top: -10px !important;}
    .swiper-button-next img, .swiper-button-prev img{width:7.13px; height:12.1px;}
    .fx2-visual-text-container { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  width:100%; }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width:6px; height:6px; margin:0px 2.5px !important; background: black !important; border-radius:7px !important;}
    .swiper-backface-hidden .swiper-slide{height:180px;}
    .swiper-pagination-bullet-active {background: var(--color-dark) !important;}
    .swiper-slide img, .swiper-slide video{width:312px; height:162px; margin-bottom:12px; border-radius: 10px;}
}
/* pad */
@media (min-width: 834px) and (max-width: 1279px) {
    #fx2-section1 img{border-radius:10px;}
    .section1-text1{font-size:60px; font-weight:600; line-height:125%; margin-top:160px; margin-bottom:10px;}
    .section1-text2{font-size:24px; font-weight:600; line-height:135%;}
    .section1-text3{font-size:24px; font-weight:600; line-height:135%; margin-bottom:80px; height:40px;margin-top: 10px;}
    .section1-text4{font-size:24px; font-weight:600; line-height:135%; height:40px;margin-top: 10px;}
    .section1-text5{font-size:24px; font-weight:600; line-height:135%; margin-bottom:80px; height:40px;margin-top: 10px;}
    .section1-text6{font-size:24px; font-weight:600; line-height:135%; height:40px; margin-bottom:140px;margin-top: 10px;}
    .fx2-section1-imgs{margin-top:30px; width:738px; height:357px; margin-bottom:120px;}
    .fx2-section1-imgs>img{width:738px; height:357px;}
    .fx2-visual-text{font-size:44px; font-weight:600; line-height:125%; text-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.08);}
    .fx2-visual-text.active{font-size:60px; font-weight:600; line-height:120%;}
    .section1-img2{width:363px; height:318px;}
    .section1-img3{width:738px; height:382px;}
    .section1-img4{width:363px; height:318px;}
    .section1-img5{width:363px; height:318px; border-radius:10px;}
    .fx2-visual-text1, .fx2-visual-text3{width:240px;}
    .fx2-visual-text2{font-size:60px; font-weight:600;line-height:125%;margin:0px 20px;}

    .section2-text1{font-size:24px; font-weight:600; line-height:135%; margin-bottom:40px;}
    .section2-text2{font-size:14px; font-weight:600; line-height:120%;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4, .section2-btn5 {padding: 8px 27.5px 8px 27.5px;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4{margin-right:8px;}
    .section2-btn1{width:105px;}
    .section2-btn2{width:163px;} .section2-btn3{width:145px;} .section2-btn4{width:129px;}
    .section2-btn5{width:124px;} #section2-btns{margin-bottom:30px;}

    .section3-text1{font-size:44px; font-weight:600; line-height:135%; margin-top:140px;}
    .section3-text2{font-size:24px; font-weight:500; line-height:135%;}
    .section3-text3{font-size:22px; font-weight:400; line-height:135%; margin-top:24px;}
    #fx2-section3 hr{ margin:24px 0px !important; }
    .section3-arrow{width:50px; height:50px;}
    .section3-div{padding:0px 20px 0px 30px;}

    #fx2-section3 .sub-container{margin-bottom:286px;}
    .swiper-horizontal>.swiper-pagination-bullets {bottom:40px;}
    .swiper-button-next, .swiper-button-prev {display: none !important;}
    .fx2-visual-text-container { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  width:786px; }
    .swiper-pagination-bullet { background: white !important; width:24px !important; height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px)); border-radius:5px !important;}
    .swiper-pagination-bullet-active {background: var(--color-white) !important;}
    .swiper-slide img, .swiper-slide video{width:737px; height:380px; border-radius:10px;}
}
/* pc */
@media (min-width: 1280px) and (max-width: 1919px) {
    #fx2-section1 img{border-radius:20px;}
    .section1-text1{font-size:64px; font-weight:700; line-height:125%; margin-top:200px; margin-bottom:20px;}
    .section1-text2{font-size:24px; font-weight:600; line-height:135%;}
    .section1-text3{font-size:24px; font-weight:600; line-height:135%;margin-bottom:142px; height:40px;margin-top: 14px;}
    .section1-text4{font-size:24px; font-weight:600; line-height:135%; height:40px;margin-top: 14px;}
    .section1-text5{font-size:24px; font-weight:600; line-height:135%; margin-bottom:140px; height:40px;margin-top: 16px;}
    .section1-text6{font-size:24px; font-weight:600; line-height:135%; margin-bottom:188px; height:40px;margin-top: 14px;}
    .fx2-section1-imgs{margin-top:40px; width:1160px; height:561px; margin-bottom:180px;}
    .fx2-section1-imgs>img{width:1160px; height:561px;}
    .fx2-visual-text{font-size:64px; font-weight:700; line-height:125%; text-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.08);}
    .fx2-visual-text.active{font-size:90px; font-weight:800; line-height:120%;}
    .section1-img2{width:568px; height:497px;}
    .section1-img3{width:1160px; height:600px;}
    .section1-img4{width:568px; height:497px;}
    .section1-img5{width:568px; height:497px; border-radius:20px;}
  
    .fx2-visual-text2{margin:0px 80px;}
    .fx2-visual-text1,.fx2-visual-text3{}

    .section2-text1{font-size:30px; font-weight:500; line-height:125%; margin-bottom:50px;}
    .section2-text2{font-size:24px; font-weight:600; line-height:120%;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4, .section2-btn5 {padding: 16px 24px 16px 24px;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4{margin-right:16px;}
    .section2-btn1{width:156px;}
    .section2-btn2{width:237px;}
    .section2-btn3{width:199px;}
    .section2-btn4{width:179px;}
    .section2-btn5{width:164px;}
    #section2-btns{margin-bottom:40px;}

    .section3-text1{font-size:50px; font-weight:600; line-height:135%; margin-top:258px;}
    .section3-text2{font-size:24px; font-weight:500; line-height:135%;}
    .section3-text3{font-size:22px; font-weight:400; line-height:135%; margin-top:44px;}
    #fx2-section3 hr{ margin:44px 0px !important; }
    .section3-arrow{width:50px; height:50px;}
    .section3-div{padding:0px 20px 0px 30px;}

    #fx2-section3 .sub-container{margin-bottom:150px;}
    .swiper-horizontal>.swiper-pagination-bullets {bottom:40px;}
    .swiper-button-next, .swiper-button-prev {display: none !important;}
    .fx2-visual-text-container { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  width:100%; }
    .swiper-pagination-bullet { background: white !important; width:24px !important; height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px)); border-radius:5px !important;}
    .swiper-pagination-bullet-active {background: var(--color-white) !important;}
    .swiper-slide img, .swiper-slide video{width:1011px; height:520px; border-radius:30px;}
}
/* hd */
@media (min-width: 1920px) {
    #fx2-section1 img{border-radius:30px;}
    .section1-text1{font-size:64px; font-weight:700; line-height:125%; margin-top:200px; margin-bottom:20px;}
    .section1-text2{font-size:24px; font-weight:600; line-height:135%; margin-top: 20px;}
    .section1-text3{font-size:36px; font-weight:600; line-height:125%; margin-bottom:180px; height:80px;margin-top: 20px;}
    .section1-text4{font-size:36px; font-weight:600; line-height:125%; height:80px;margin-top: 20px;}
    .section1-text5{font-size:36px; font-weight:600; line-height:125%; margin-bottom:180px; height:80px;margin-top: 20px;}
    .section1-text6{font-size:36px; font-weight:600; line-height:125%; margin-bottom:379px; height:80px;margin-top: 20px;}
    .fx2-section1-imgs{margin-top:40px; width:1440px; height:696px; margin-bottom:280px;}
    .fx2-section1-imgs>img{border-radius:30px; width:1440px; height:696px;}
   
    .fx2-visual-text{font-size:64px; font-weight:700; line-height:125%; text-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.08);}
    .fx2-visual-text.active{font-size:90px; font-weight:800; line-height:120%;}
    .section1-img2{width:686px; height:600px;}
    .section1-img3{width:1440px; height:747px;}
    .section1-img4{width:686px; height:600px;}
    .section1-img5{width:686px; height:600px; border-radius:30px;}
    .fx2-visual-text2{margin:0px 120px;} 

    .section2-text1{font-size:44px; font-weight:600; line-height:125%; margin-bottom:80px;}
    .section2-text2{font-size:24px; font-weight:600; line-height:120%;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4, .section2-btn5 {padding: 16px 24px 16px 24px;}
    .section2-btn1, .section2-btn2, .section2-btn3, .section2-btn4{margin-right:20px;}
    .section2-btn1{width:156px;}
    .section2-btn2{width:237px;}
    .section2-btn3{width:199px;}
    .section2-btn4{width:179px;}
    .section2-btn5{width:164px;}
    #section2-btns{margin-bottom:33px;}

    .section3-text1{font-size:60px; font-weight:600; line-height:135%; margin-top:379px;}
    .section3-text2{font-size:24px; font-weight:500; line-height:135%;}
    .section3-text3{font-size:22px; font-weight:400; line-height:135%; margin-top:44px;}
    #fx2-section3 hr{ margin:44px 0px !important; }
    .section3-arrow{width:50px; height:50px;}
    .section3-div{padding:0px 20px 0px 30px;}

    #fx2-section3 .sub-container{margin-bottom:507px;}
    .swiper-horizontal>.swiper-pagination-bullets {bottom:62px;}
    .swiper-button-next, .swiper-button-prev {display: none !important;}
    .fx2-visual-text-container { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  width:100%; }
    .swiper-pagination-bullet {background: white !important;width:24px !important;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px));border-radius:5px !important;}
    .swiper-pagination-bullet-active {background: var(--color-white) !important;}
    .swiper-slide img, .swiper-slide video{width:1440px; height:741px; border-radius:30px;}
    
}

/* 섹션2 */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '' !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px;
}

.swiper-slide video{background-color:#000000;}