@charset "utf-8";


/* m_txt */
.m_txt{}
.m_txt .icon{margin-bottom: 20px;}
.m_txt .icon img{max-width: 100%;}
.m_txt h4{font-size: 42px; font-weight: 300; color: #222222; margin-bottom: 8px;}
.m_txt h3{font-size: 54px; color: #222222; word-break: keep-all; line-height: 1.3em;}
.m_txt h3 span{color: #ff0075;}
.m_txt p{font-size: 20px; font-weight: 500; color: #222222; margin-top: 20px; word-break: keep-all; line-height: 1.6em;}

@media all and (max-width:1280px){
	.m_txt .icon{margin-bottom: 18px;}
	.m_txt .icon img{max-width: 86px;}
	.m_txt h4{font-size: 38px;}
	.m_txt h3{font-size: 48px;}
	.m_txt p{font-size: 19px; margin-top: 18px;}
}
@media all and (max-width:1024px){
	.m_txt .icon{margin-bottom: 16px;}
	.m_txt .icon img{max-width: 82px;}
	.m_txt h4{font-size: 34px;}
	.m_txt h3{font-size: 42px;}
	.m_txt p{font-size: 18px; margin-top: 15px;}
}
@media all and (max-width:768px){
	.m_txt .icon{margin-bottom: 14px;}
	.m_txt .icon img{max-width: 76px;}
	.m_txt h4{font-size: 30px;}
	.m_txt h3{font-size: 36px;}
	.m_txt p{font-size: 17px; margin-top: 13px;}
}
@media all and (max-width:500px){
	.m_txt .icon{margin-bottom: 12px;}
	.m_txt .icon img{max-width: 68px;}
	.m_txt h4{font-size: 26px;}
	.m_txt h3{font-size: 32px;}
	.m_txt p{font-size: 16px; margin-top: 10px;}
}


/* c_btn */
.c_btn{margin-top: 45px; display: flex; gap:10px;}
.c_btn .btn{display: inline-block; font-size: 16px; font-weight: 600; line-height: 50px;}
.c_btn .btn.btn1{color: #ff0075; border: 1px solid #ff0075; border-radius: 30px; padding: 0 28px; font-family: 'Pretendard', sans-serif;}
.c_btn .btn.btn2{background-color: #ff0075; border-radius: 30px; padding: 0 40px; color: #fff; font-family: 'Pretendard', sans-serif;}

@media all and (max-width:1280px){
	.c_btn{margin-top: 40px;}
}
@media all and (max-width:1024px){
	.c_btn{margin-top: 35px;}
	.c_btn .btn{line-height: 45px;}
	.c_btn .btn.btn1{border-radius: 24px; padding: 0 24px;}
	.c_btn .btn.btn2{border-radius: 24px; padding: 0 24px;}
}
@media all and (max-width:768px){
	.c_btn{margin-top: 32px;}
	.c_btn .btn{line-height: 42px; font-size: 15px;}
	.c_btn .btn.btn1{border-radius: 22px; padding: 0 20px;}
	.c_btn .btn.btn2{border-radius: 22px; padding: 0 20px;}
}

@media all and (max-width:1024px){
	.c_btn{margin-top: 28px;}
	.c_btn .btn{line-height: 40px;}
	.c_btn .btn.btn1{border-radius: 20px; padding: 0 18px;}
	.c_btn .btn.btn2{border-radius: 20px; padding: 0 18px;}
}



/* mVisual */
#mVisual{position: relative;}
#mVisual .visual{width: 100%; height: 731px;}
#mVisual .visual > div{height: 100%;}
#mVisual .visual > div > div{height: 100%;}
#mVisual .visual .mv{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#mVisual .visual .mv.mv1{background-image: url(/images/main/mv1_250328.webp);}
#mVisual .visual .mv.mv2{background-image: url(/images/main/mv2_250328.webp);}
#mVisual .visual .mv.mv3{background-image: url(/images/main/mv3_250328.webp);}
#mVisual .visual .mv .s-inner{height: 100%; display: flex; justify-content: space-between; align-items: center;}
#mVisual .visual .mv .s-inner .txt{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%; transform: translateY(-5%); color: #fff; width: 50%;}
#mVisual .visual .mv .s-inner .txt p{color: #fff; margin-top: 20px;}
#mVisual .visual .mv .s-inner .txt p span{font-size: 34px; opacity: 0.5; display: block; line-height: 1em;}
#mVisual .visual .mv .s-inner .txt p.on span{font-size: 34px; opacity: 1; display: inline; line-height: 2.2em; margin-bottom: 10px;}
#mVisual .visual .mv .s-inner .txt p.on span span{color: 
#ff0075; font-weight: 500;}
#mVisual .visual .mv .s-inner .txt p b{font-size: 40px;  opacity: 1; display: block; line-height: 1em;}
#mVisual .visual .mv .s-inner .txt p b span{opacity: 0.7; font-weight: 600;}
#mVisual .visual .mv .s-inner .txt h5{color: #fff; font-weight: 400; font-size: 30px;}
#mVisual .visual .mv .s-inner .txt h4{color: #fff; font-weight: 600; font-size: 60px; margin: 20px 0;}
#mVisual .visual .mv .s-inner .txt h3{color: #fff; font-weight: 800; font-size: 64px;}
#mVisual .visual .mv .s-inner .txt h3 span{color: #fffc1a;}
#mVisual .visual .mv .s-inner .img{width: 50%;}
#mVisual .visual .mv3 .s-inner .img{margin-top: 10%;}
#mVisual .visual .mv .s-inner .img img{max-width: 100%;}
#mVisual .dots_box{position: absolute; bottom: 109px; left: 50%; transform: translateX(-50%); width: 100%;}
#mVisual .dots_box .s-inner{display: flex; gap:10px; align-items: center;}
#mVisual .dots_box .s-inner .play_btn{}
#mVisual .dots_box .s-inner .play_btn .play{}
#mVisual .dots_box .s-inner .play_btn .pause{} 
#mVisual .dots_box .s-inner .play_btn > div{display: none; cursor: pointer;}
#mVisual .dots_box .s-inner .play_btn > div.on {display: block;}
#mVisual .dots_box .s-inner .play_btn > div img{}
#mVisual .dots_box .s-inner .dots{display: flex; gap:10px;}
#mVisual .dots_box .s-inner .dots .dot{width: 12px; height: 12px; background-color: #fff; opacity: 0.5; border-radius: 100%; cursor: pointer}
#mVisual .dots_box .s-inner .dots .dot.on{width: 36px; border-radius: 6px; opacity: 1;}
#mVisual .gage_box{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%;}
#mVisual .gage_box .s-inner{}
#mVisual .gage_box .s-inner .gage{width: 100%; height: 4px; position: relative;}
#mVisual .gage_box .s-inner .gage .bar{position: absolute; left: 0; height: 4px; top: 0; background-color: #fffc1a; transition: .4s;}

@media all and (min-width:1281px){
	#mVisual .visual .mv .s-inner .img{width: 50%; display: inline-flex; justify-content: center; align-items: center;}
	#mVisual .visual .mv3 .s-inner .img{margin-top: 10%;}
	#mVisual .visual .mv .s-inner .img img{max-width: 82%; padding-top: 16%;}
}
@media all and (max-width:1280px){
	#mVisual .visual{height: calc(100vh - 147px - 56px); max-height: 100%; max-height: 750px; min-height: 540px;}
	#mVisual .visual.on{height: calc(100vh - 147px);}
	#mVisual .visual .mv .s-inner .txt p span{font-size: 30px;}
	#mVisual .visual .mv .s-inner .txt p.on span{font-size: 30px;}
	#mVisual .visual .mv .s-inner .txt p b{font-size: 36px;}
	#mVisual .visual .mv .s-inner .txt h5{font-size: 27px;}
	#mVisual .visual .mv .s-inner .txt h4{font-size: 54px; margin: 16px 0;}
	#mVisual .visual .mv .s-inner .txt h3{font-size: 58px;}
	#mVisual .dots_box{bottom: 100px;}
	#mVisual .dots_box .s-inner .play_btn > div img{max-width: 34px;}
	#mVisual .dots_box .s-inner .dots .dot{width: 11px; height: 11px;}
	#mVisual .dots_box .s-inner .dots .dot.on{width: 32px;}
	@supports (height: 100dvh) {
        #mVisual .visual {
            height: calc(100dvh - 147px - 56px); /* dvh 지원 브라우저 */
        }
        #mVisual .visual.on {
            height: calc(100dvh - 147px);
        }
    }
}
@media all and (max-width:1024px){
	#mVisual{}
	#mVisual .visual{height: calc(100vh - 142px - 48px); max-height: 100%;}
	#mVisual .visual.on{height: calc(100vh - 142px);}
	#mVisual .visual .mv .s-inner .txt p span{font-size: 28px;}
	#mVisual .visual .mv .s-inner .txt p.on span{font-size: 28px;}
	#mVisual .visual .mv .s-inner .txt p b{font-size: 34px;}
	#mVisual .visual .mv .s-inner .txt h5{font-size: 25px;}
	#mVisual .visual .mv .s-inner .txt h4{font-size: 50px; margin: 15px 0;}
	#mVisual .visual .mv .s-inner .txt h3{font-size: 54px;}
	#mVisual .dots_box{bottom: 80px;}
	#mVisual .dots_box .s-inner .play_btn > div img{max-width: 32px;}
	@supports (height: 100dvh) {
        #mVisual .visual {
            height: calc(100dvh - 142px - 48px); /* dvh 지원 브라우저 */
        }
        #mVisual .visual.on {
            height: calc(100dvh - 142px);
        }
    }
}
@media all and (max-width:768px){
	#mVisual{}
	#mVisual .visual{height: calc(100vh - 281px - 42px); max-height: 100%; min-height: 480px;}
	#mVisual .visual.on{height: calc(100vh - 281px);}
	#mVisual .visual .mv .s-inner{flex-direction: column;}
	#mVisual .visual .mv .s-inner .txt{padding-top: 20vw; width: 100%; justify-content: flex-start; padding-top: 160px; position: relative; z-index: 2;}
	#mVisual .visual .mv .s-inner .txt p span{font-size: 26px;}
	#mVisual .visual .mv .s-inner .txt p.on span{font-size: 26px;}
	#mVisual .visual .mv .s-inner .txt p b{font-size: 32px;}
	#mVisual .visual .mv .s-inner .txt h5{font-size: 23px;}
	#mVisual .visual .mv .s-inner .txt h4{font-size: 44px; margin: 14px 0;}
	#mVisual .visual .mv .s-inner .txt h3{font-size: 50px;}
	#mVisual .dots_box{bottom: 70px;}
	#mVisual .dots_box .s-inner .play_btn > div img{max-width: 30px;}
	#mVisual .dots_box .s-inner .dots .dot{width: 10px; height: 10px;}
	#mVisual .dots_box .s-inner .dots .dot.on{width: 28px;}
	#mVisual .visual .mv .s-inner .img{width: 100%; position: absolute; bottom: 60px; right: 2%;}
	#mVisual .visual .mv .s-inner .img img{max-width: 50%; margin-left: auto;}
	#mVisual .gage_box .s-inner{width: 100%;}
	@supports (height: 100dvh) {
        #mVisual .visual {
            height: calc(100dvh - 281px - 42px); /* dvh 지원 브라우저 */
        }
        #mVisual .visual.on {
            height: calc(100dvh - 281px);
        }
    }
}
@media all and (max-width:500px){
	#mVisual .visual{height: calc(100vh - 230px - 40px); max-height: 720px; min-height: 240px;}
	#mVisual .visual .mv .s-inner .txt{padding-top: 30vw;}
	#mVisual .visual .mv .s-inner .txt p span{font-size: 24px;}
	#mVisual .visual .mv .s-inner .txt p.on span{font-size: 24px;}
	#mVisual .visual .mv .s-inner .txt p b{font-size: 30px;}
	#mVisual .visual .mv .s-inner .txt h5{font-size: 4vw;}
	#mVisual .visual .mv .s-inner .txt h4{font-size: 7vw; margin: 2vw 0;}
	#mVisual .visual .mv .s-inner .txt h3{font-size: 8vw;}
	#mVisual .dots_box{bottom: 5%;}
	#mVisual .dots_box .s-inner .play_btn > div img{max-width: 28px;}
	#mVisual .dots_box .s-inner .dots .dot{width: 8px; height: 8px;}
	#mVisual .dots_box .s-inner .dots .dot.on{width: 24px;}
	#mVisual .visual .mv .s-inner .img{bottom: 5%;}
	#mVisual .visual .mv .s-inner .img img{width: 100%; max-width: 50vw;}
	@supports (height: 100dvh) {
        #mVisual .visual {
            height: calc(100dvh - 230px - 40px); /* dvh 지원 브라우저 */
        }
        #mVisual .visual.on {
            height: calc(100dvh - 230px);
        }
    }
}


/* sec1 */
.sec1{padding: 130px 0 120px; overflow-x: hidden;}
.sec1 .inner{}
.sec1 .inner .m_txt{width: 100%; text-align: center; margin-bottom: 60px;}
.sec1 .inner .pd_list{width: 100%; display: flex; justify-content: center;}
.sec1 .inner .pd_list > div{width: 100%; padding: 40px 0 0 !important;}
.sec1 .inner .pd_list > div > div{height: 100%; display: flex;}
.sec1 .inner .pd_list li{border: 1px solid #dddddd; border-radius: 20px; margin-right: 30px; padding: 50px 30px; width: 365px; position: relative; display: flex; flex-direction: column;}
.sec1 .inner .pd_list li::after{content: ''; width: 92px; height: 92px; background: url(/images/main/pd_pop.webp) no-repeat center center / cover; display: block; position: absolute; right: 20px; top: -40px;}
.sec1 .inner .pd_list li .top{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dddddd;}
.sec1 .inner .pd_list li .top .logo{margin-bottom: 15px; height: 40px;}
.sec1 .inner .pd_list li .top .logo img{}
.sec1 .inner .pd_list li .top .title{}
.sec1 .inner .pd_list li .top .title h4{font-size: 28px; font-weight: 300; color: #222222; margin-bottom: 5px;}
.sec1 .inner .pd_list li .top .title h3{font-size: 30px; color: #222222;}
.sec1 .inner .pd_list li .top .price_box{ display: grid; grid-template-columns: 80px auto; margin-top: 20px;}
.sec1 .inner .pd_list li .top .price_box .l_cont{font-size: 15px; color: #888; font-weight: 500; margin-top: auto;}
.sec1 .inner .pd_list li .top .price_box .r_cont{text-align: right;}
.sec1 .inner .pd_list li .top .price_box .r_cont .discount{font-size: 17px; font-weight: 300; color: #666; text-decoration: line-through; margin-bottom: 5px;}
.sec1 .inner .pd_list li .top .price{font-size: 32px; font-weight: 500; color: #222222;}
.sec1 .inner .pd_list li .top .price span{color: #ff0075; font-weight: 700;}
.sec1 .inner .pd_list li .bottom{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.sec1 .inner .pd_list li .bottom p{font-size: 17px; color: #222; line-height: 1.6em; position: relative; padding-left: 26px; font-weight: 300;}
.sec1 .inner .pd_list li .bottom p span{color: #ff0175; font-weight: 500;}
.sec1 .inner .pd_list li .bottom p::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(/images/main/flag.webp) no-repeat center center / 16px; width: 16px; aspect-ratio: 1 / 1; display: block;}
.sec1 .inner .pd_list li .bottom .btn_box{margin-top: 20px; display: flex; gap:10px;}
.sec1 .inner .pd_list li .bottom .btn_box a{display: block; width: 100%;}
.sec1 .inner .pd_list li .bottom .btn_box a.btn{line-height: 50px; text-align: center; font-size: 18px; font-weight: 600; border-radius: 6px;}
.sec1 .inner .pd_list li .bottom .btn_box a.btn.btn1{border: 1px solid #ff0075; color: #ff0075;}
.sec1 .inner .pd_list li .bottom .btn_box a.btn.btn2{background-color: #ff0075; color: #fff;}

@media all and (max-width:1280px){
	.sec1{padding: 105px 0 100px}
	.sec1 .inner .m_txt{margin-bottom: 50px;}
	.sec1 .inner .pd_list{}
	.sec1 .inner .pd_list li{padding: 40px 25px; width: 330px; border-radius: 16px; margin-right: 20px;}
	.sec1 .inner .pd_list li::after{width: 78px; height: 78px;}
	.sec1 .inner .pd_list li .top{padding-bottom: 16px; margin-bottom: 16px;}
	.sec1 .inner .pd_list li .top .logo{height: 35px; margin-bottom: 12px;}
	.sec1 .inner .pd_list li .top .logo img{max-height: 23px;}
	.sec1 .inner .pd_list li .top .title h4{font-size: 25px;}
	.sec1 .inner .pd_list li .top .title h3{font-size: 28px;}
	.sec1 .inner .pd_list li .top .price{font-size: 28px; margin-top: 12px;}
	.sec1 .inner .pd_list li .bottom .btn_box a.btn{line-height: 46px; font-size: 16px;}
}
@media all and (max-width:1024px){
	.sec1{padding: 95px 0 90px}
	.sec1 .inner .m_txt{}
	.sec1 .inner .pd_list{}
	.sec1 .inner .pd_list > div{width: 230%;}
}
@media all and (max-width:768px){
	.sec1{padding: 85px 0 80px}
	.sec1 .inner{flex-direction: column;}
	.sec1 .inner .m_txt{width: 100%; margin-bottom: 40px;}
	.sec1 .inner .pd_list{width: 100%; margin-top: 30px;}
	.sec1 .inner .pd_list > div{padding-bottom: 0;}
	.sec1 .inner .pd_list li{padding: 30px 20px; width: 290px; border-radius: 12px; margin-right: 14px;}
	.sec1 .inner .pd_list li::after{width: 68px; height: 68px; top: -24px; right: 12px;}
	.sec1 .inner .pd_list li .top{padding-bottom: 13px; margin-bottom: 13px;}
	.sec1 .inner .pd_list li .top .logo{height: 30px; margin-bottom: 10px;}
	.sec1 .inner .pd_list li .top .logo img{max-height: 20px;}
	.sec1 .inner .pd_list li .top .title h4{font-size: 22px;}
	.sec1 .inner .pd_list li .top .title h3{font-size: 25px;}
	.sec1 .inner .pd_list li .top .price_box .l_cont{font-size: 14px;}
	.sec1 .inner .pd_list li .top .price{font-size: 25px; margin-top: 10px;}
	.sec1 .inner .pd_list li .bottom .btn_box a.btn{line-height: 42px; font-size: 15px;}
	.sec1 .inner .pd_list li .bottom .btn_box{gap:6px;}
	.sec1 .inner .pd_list li .bottom p::before{width: 15px; background-size: 15px;}
}
@media all and (max-width:500px){
	.sec1{padding: 70px 0 70px}
	.sec1 .inner .m_txt{margin-bottom: 30px;}
	.sec1 .inner .pd_list{margin-top: 20px;}
	.sec1 .inner .pd_list li{padding: 25px 12px; width: 240px; border-radius: 10px; margin-right: 12px;}
	.sec1 .inner .pd_list li .top .title h4{font-size: 19px;}
	.sec1 .inner .pd_list li .top .title h3{font-size: 21px;}
	.sec1 .inner .pd_list li .bottom p{font-size: 15px; padding-left: 22px;}
	.sec1 .inner .pd_list li .top .price{font-size: 22px; margin-top: 10px;}
	.sec1 .inner .pd_list li .bottom .btn_box a.btn{line-height: 38px;}
}


/* sec2 */
.sec2{background-color: #fcf9fb; padding: 120px 0;}
.sec2 .inner{}
.sec2 .inner .m_txt{text-align: center; margin-bottom: 60px;}
.sec2 .inner .m_txt h4 span{color: #ff0075;}
.sec2 .inner .list{display: flex; gap:40px;}
.sec2 .inner .list li{background-color: #ffffff; width: 100%; padding: 60px 40px;}
.sec2 .inner .list li .tit{text-align: center;}
.sec2 .inner .list li .tit h4{font-size: 28px; color: #444444; font-weight: 400; margin-bottom: 5px;}
.sec2 .inner .list li .tit h3{font-size: 36px; color: #ff0075; word-break: keep-all;}
.sec2 .inner .list li .tit p{font-size: 20px; font-weight: 500; color: #666666; line-height: 1.6em; margin-top: 20px;}
.sec2 .inner .list li .tit p small{font-size: 16px; font-weight: 400; color: #999999;}
.sec2 .inner .list li .img{text-align: center; margin-top: 40px;}
.sec2 .inner .list li .img img{max-width: 100%;}

@media all and (max-width:1280px){
	.sec2{padding: 100px 0;}
	.sec2 .inner .m_txt{margin-bottom: 50px;}
	.sec2 .inner .list{gap:30px;}
	.sec2 .inner .list li{padding: 50px 20px;}
	.sec2 .inner .list li .tit h4{font-size: 25px;}
	.sec2 .inner .list li .tit h3{font-size: 32px;}
	.sec2 .inner .list li .tit p{font-size: 19px; margin-top: 17px;}
	.sec2 .inner .list li .tit p small{font-size: 15px;}
	.sec2 .inner .list li .img img{max-height: 180px;}
}
@media all and (max-width:1024px){
	.sec2{padding: 90px 0;}
	.sec2 .inner .list{gap:20px;}
	.sec2 .inner .list li{padding: 45px 15px;}
	.sec2 .inner .list li .tit h4{font-size: 23px;}
	.sec2 .inner .list li .tit h3{font-size: 28px;}
	.sec2 .inner .list li .tit p{font-size: 18px; margin-top: 15px;}
	.sec2 .inner .list li .tit p small{font-size: 14px;}
	.sec2 .inner .list li .img img{max-height: 170px;}
}
@media all and (max-width:768px){
	.sec2{padding: 80px 0;}
	.sec2 .inner .m_txt{margin-bottom: 40px;}
	.sec2 .inner .m_txt h3{max-width: 75%; margin-left: auto; margin-right: auto;}
	.sec2 .inner .list{flex-direction: column;}
	.sec2 .inner .list li{padding: 40px 12px;}
	.sec2 .inner .list li .tit{text-align: left; padding-left: 20px;}
	.sec2 .inner .list li .tit h4{font-size: 21px;}
	.sec2 .inner .list li .tit h3{font-size: 25px;}
	.sec2 .inner .list li .tit p{font-size: 17px; margin-top: 13px;}
	.sec2 .inner .list li .tit p small{font-size: 13px;}
	.sec2 .inner .list li .img{margin-top: 25px; text-align: right; padding-right: 20px;}
	.sec2 .inner .list li .img img{max-height: 140px;}
}
@media all and (max-width:500px){
	.sec2{padding: 70px 0;}
	.sec2 .inner .list li{padding: 35px 10px;}
	.sec2 .inner .list li .tit{padding-left: 12px;}
	.sec2 .inner .list li .tit h4{font-size: 19px;}
	.sec2 .inner .list li .tit h3{font-size: 23px;}
	.sec2 .inner .list li .tit p{font-size: 16px; margin-top: 11px;}
	.sec2 .inner .list li .tit p small{font-size: 12px;}
	.sec2 .inner .list li .img{margin-top: 20px;}
	.sec2 .inner .list li .img img{max-height: 120px;}
}


/* sec3 */
.sec3{background: url(/images/main/sec3_bg.webp) no-repeat top center / cover; margin-top: -16px;}
.sec3 .inner{display: flex; align-items: center;}
.sec3 .inner .m_txt{padding-left: 135px; width: 50%;}
.sec3 .inner .m_txt h4{color: #fff;}
.sec3 .inner .m_txt h3{color: #fff;}
.sec3 .inner .m_txt p{color: #eee;}
.sec3 .inner .img{align-self: flex-end; width: 50%; text-align: center; padding-right: 100px;}

@media all and (max-width:1280px){
	.sec3 .inner .m_txt{padding-left: 50px;}
}
@media all and (max-width:1024px){
	.sec3 .inner .m_txt{padding-left: 3%;}
	.sec3 .inner .img{padding-right: 0px; padding-left: 40px;}
	.sec3 .inner .img img{max-width: 90%;}
}
@media all and (max-width:768px){
	.sec3{background-position: bottom center; background-size: auto 110%; padding-top: 60px;}
	.sec3 .inner{flex-direction: column;}
	.sec3 .inner .m_txt{text-align: center; margin-bottom: 50px; width: 100%;}
	.sec3 .inner .img{width: 100%; padding-left: 0; text-align: center;}
	.sec3 .inner .img img{max-width: 60%;}
}
@media all and (max-width:500px){
	.sec3 .inner .img img{max-width: 75%;}
}


/* sec4 */
.sec4{padding: 120px 0; overflow-x: hidden;}
.sec4 .inner{}
.sec4 .inner .m_txt{text-align: center; margin-bottom: 60px;}
.sec4 .inner .cont{}
.sec4 .inner .cont li{padding: 50px 30px; border: 1px solid #e4e4e4; border-radius: 20px; max-width: 345px; margin-right: 20px;}
.sec4 .inner .cont li .top{display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 500; color: #777777; margin-bottom: 20px;}
.sec4 .inner .cont li .top .name{}
.sec4 .inner .cont li .top .date{}
.sec4 .inner .cont li .content{}
.sec4 .inner .cont li .content p{font-size: 20px; font-weight: 500; color: #444444; line-height: 1.6em;}
.sec4 .inner .cont li .star{margin-top: 50px; display: flex; align-items: center; gap:10px;}
.sec4 .inner .cont li .star img{}
.sec4 .inner .cont li .star p{font-size: 18px; color: #000000; font-weight: 500;}
.sec4 .inner .cont .slick-arrow{width: 15px; height: 26px; background-color: transparent; text-indent: -9999px; box-shadow: 0px 0px; border-radius: 0;}
.sec4 .inner .cont .slick-prev{background-image: url(/images/main/sec4_prev.webp); left: -50px;}
.sec4 .inner .cont .slick-next{background-image: url(/images/main/sec4_next.webp); right: -50px;}


@media all and (max-width:1280px){
	.sec4{padding: 100px 0;}
	.sec4 .inner .m_txt{margin-bottom: 50px;}
	.sec4 .inner .cont li{padding: 40px 25px; border-radius: 16px; width: 300px; margin-right: 16px;}
	.sec4 .inner .cont li .top{font-size: 18px;}
	.sec4 .inner .cont li .content p{font-size: 18px;}
	.sec4 .inner .cont li .star img{max-height: 20px;}
	.sec4 .inner .cont li .star{margin-top: 40px;}
	.sec4 .inner .cont li .star p{font-size: 16px;}
}
@media all and (max-width:1024px){
	.sec4{padding: 90px 0;}
	.sec4 .inner .m_txt{margin-bottom: 45px;}
}
@media all and (max-width:768px){
	.sec4{padding: 80px 0;}
	.sec4 .inner .m_txt{margin-bottom: 40px;}
	.sec4 .inner .cont li{padding: 30px 15px; border-radius: 14px; width: 260px; margin-right: 12px;}
	.sec4 .inner .cont li .top{font-size: 16px;}
	.sec4 .inner .cont li .content p{font-size: 16px;}
	.sec4 .inner .cont li .star img{max-height: 18px;}
	.sec4 .inner .cont li .star{margin-top: 30px;}
	.sec4 .inner .cont li .star p{font-size: 14px;}
}
@media all and (max-width:500px){
	.sec4{padding: 70px 0;}
}


/* sec5 */
.sec5{background-color: #ff0075; padding: 40px 0;}
.sec5 .inner{display: flex; justify-content: center; align-items: center; gap:40px;}
.sec5 .inner .txt{}
.sec5 .inner .txt p{font-size: 24px; font-weight: 600; color: #fff; text-align: center; word-break: keep-all;}
.sec5 .inner .c_btn{margin-top: 0;}
.sec5 .inner .c_btn .btn{}
.sec5 .inner .c_btn .btn.btn1{border: 1px solid #fff; color: #fff;}

@media all and (max-width:1280px){
	.sec5{padding: 35px 0;}
	.sec5 .inner{gap:35px;}
	.sec5 .inner .txt p{font-size: 22px;}
}
@media all and (max-width:1024px){
	.sec5{padding: 30px 0;}
	.sec5 .inner{gap:32px;}
	.sec5 .inner .txt p{font-size: 20px;}
}
@media all and (max-width:768px){
	.sec5{padding: 30px 0;}
	.sec5 .inner{gap:16px; flex-direction: column;}
}
@media all and (max-width:500px){
	.sec5{padding:28px 0;}
	.sec5 .inner{gap:15px;}
	.sec5 .inner .txt p{font-size: 19px;}
}


/* sec6 */
.sec6{padding: 120px 0;}
.sec6 .inner{display: flex; align-items: center;}
.sec6 .inner .m_txt{width: 50%;}
.sec6 .inner .m_txt h3{word-break: keep-all;}
.sec6 .inner .m_txt p{word-break: keep-all;}
.sec6 .inner .qna{width: 50%; position: relative;}
.sec6 .inner .qna .dots{position: absolute; display: flex; flex-direction: column; gap:10px; left: -48px; top: 50%; transform: translateY(-50%);}
.sec6 .inner .qna .dots .dot{width: 8px; height: 8px; border-radius: 100%; background-color: #bcbcbc; cursor: pointer; transition: .2s;}
.sec6 .inner .qna .dots .dot.on{background-color: #ff0075; border-radius: 4px; height: 24px;}
.sec6 .inner .qna .list{}
.sec6 .inner .qna .list li{display: flex; align-items: center; gap:12px;}
.sec6 .inner .qna .list li a{font-size: 26px; font-weight: 500; color: #aaaaaa; margin: 15px 0; position: relative;}
.sec6 .inner .qna .list li.slick-current a{font-weight: 700; color: #ff0075;}
.sec6 .inner .qna .list li.slick-current::before{content: ''; width: 45px; height: 32px; background: url(/images/main/sec6_icon.webp) no-repeat center center / contain; display: inline-block;}

@media all and (max-width:1280px){
	.sec6{padding: 100px 0;}
	.sec6 .inner .m_txt{width: 45%;}
	.sec6 .inner .qna{width: 55%;}
	.sec6 .inner .qna .dots{left: -40px;}
	.sec6 .inner .qna .list li{gap:8px;}
	.sec6 .inner .qna .list li.slick-current::before{width: 36px;}
	.sec6 .inner .qna .list li a{font-size: 23px; margin: 12px 0;}
}
@media all and (max-width:1024px){
	.sec6{padding: 90px 0;}
	.sec6 .inner .m_txt{width: 40%; padding-right: 30px;}
	.sec6 .inner .qna{width: 60%;}
	.sec6 .inner .qna .dots{left: auto; right: 0;}
	.sec6 .inner .qna .list li{gap:6px;}
	.sec6 .inner .qna .list li.slick-current::before{width: 32px;}
	.sec6 .inner .qna .list li a{font-size: 20px; margin: 10px 0;}
}
@media all and (max-width:768px){
	.sec6{padding: 80px 0;}
	.sec6 .inner{flex-direction: column;}
	.sec6 .inner .m_txt{width: 100%;}
	.sec6 .inner .qna{width: 100%; margin-top: 40px;}
}
@media all and (max-width:500px){
	.sec6{padding: 70px 0;}
	.sec6 .inner .qna{margin-top: 30px;}
	.sec6 .inner .qna .list li{gap:5px;}
	.sec6 .inner .qna .list li.slick-current::before{width: 28px; display: none;}
	.sec6 .inner .qna .list li a{font-size: 16px; margin: 10px 0;}
}


/* sec7 */
.sec7{padding-bottom: 120px;}
.sec7 .inner{}
.sec7 .inner .list{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1px; background-color: #eeeeee; border: 1px solid #eee;}
.sec7 .inner .list li{ background-color: #fff; min-height: 120px; padding: 20px;}
.sec7 .inner .list li a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.sec7 .inner .list li a img{filter: grayscale(1); opacity: 0.7; transition: .4s;max-width: 100%; max-height: 40px;}
.sec7 .inner .list li:hover a img{filter: grayscale(0); opacity: 1; }

@media all and (max-width:1280px){
	.sec7{padding-bottom: 100px;}
}
@media all and (max-width:1024px){
	.sec7{padding-bottom: 90px;}
	.sec7 .inner .list{grid-template-columns: repeat(3, 1fr);}
	.sec7 .inner .list li{min-height: 100px;}
	.sec7 .inner .list li a img{max-height: 45px;}
}
@media all and (max-width:768px){
	.sec7{padding-bottom: 80px;}
	.sec7 .inner .list li{padding: 15px;}
}
@media all and (max-width:500px){
	.sec7{padding-bottom: 70px;}
	.sec7 .inner .list{grid-template-columns: repeat(2, 1fr);}
	.sec7 .inner .list li{min-height: 80px;}
	.sec7 .inner .list li a img{transform: scale(0.7);}
}