@charset "utf-8";

/* .popup{display:inline-block; position:absolute; top:130px; z-index:999;}
.popup1{left:3%; z-index:997;}
.popup > div{display:flex; flex-direction:row-reverse; align-items:center; background:#000;}
.popup > div > button{color:#fff; font-size:14px; padding:6px 10px; font-family: 'noto sans kr'; background:#333;}
@media all and (max-width:768px){
	.popup{width:80%; max-width:450px;}
	.popup img{max-width:100%;}

	.popup > div > button{font-size:13px;}
} */


#mVisual .mv{position: relative; z-index:-1; height: 100vh; background-repeat: no-repeat; background-size:cover; background-position:center;}
#mVisual .mv1{background-image: url('/sione/images/mv_bg.jpg');}
#mVisual .mv2{background-image: url('/sione/images/mv_bg.jpg');}

#mVisual .mv img{width:40vw; min-width:500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#mVisual .slick-dots{transform: translateX(-50%);}
#mVisual .slick-dots li{width: 8px; height: 8px; background-color: #0164de; opacity: 0.8; position: relative; margin-left: 12px; margin-right: 12px;}
#mVisual .slick-dots li.slick-active::after{content: ''; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; border: 1px solid #0164de; border-radius: 100%; transform: translate(-50%, -50%);}
@media all and (max-width:1920px){
    #mVisual .mv img{width:50vw;}
}
@media all and (max-width:1024px){
    #mVisual .mv{height: 75vh;}
    #mVisual .mv img{min-width:80%;}
}

#mVisual2 .mv{position: relative; z-index:-1; height: 100vh; background-repeat: no-repeat; background-size:cover; background-position:center;}
#mVisual2 .mv1{background-image: url('/sione/images/mv.jpg');}
#mVisual2 .mv2{background-image: url('/sione/images/mv.jpg');}

#mVisual2 .inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
#mVisual2 .inner .obj{display: flex; align-items: flex-end; justify-content: space-between; margin-top: 140px;}
#mVisual2 .inner .obj .img{}


#mVisual2 .slick-dots{transform: translateX(-50%);}
#mVisual2 .slick-dots li{width: 8px; height: 8px; background-color: #0164de; opacity: 0.8; position: relative; margin-left: 12px; margin-right: 12px;}
#mVisual2 .slick-dots li.slick-active::after{content: ''; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; border: 1px solid #0164de; border-radius: 100%; transform: translate(-50%, -50%);}
@media all and (max-width:1480px){
    #mVisual2 .inner .obj .img img{max-width: 100%;}
}
@media all and (max-width:1280px){
    #mVisual2 .inner .obj .txt img{max-width: 100%;}
    #mVisual2 .inner .obj .txt{width: 60%;}
    #mVisual2 .inner .obj .img{width: 40%;}
}
@media all and (max-width:976px){
    #mVisual2 .inner .obj{flex-direction: column; align-items: flex-start; gap: 4em;}
}
@media all and (max-width:768px){
    #mVisual2 .inner .obj .txt{width: 75%;}
    #mVisual2 .inner .obj .img{width: 60%;}
}
@media all and (max-width:568px){
    #mVisual2 .mv{height: 70vh;}
    #mVisual2 .inner .obj{margin-top: 0;}
    #mVisual2 .inner .obj .txt{width: 85%;}
    #mVisual2 .inner .obj .img{display: none;}
}

.mtit h3{font-size: 5.5rem; padding: 0 0 3rem; letter-spacing: -0.07em; word-break: keep-all; font-family: 'SBAggroB';}
.mtit h3 .acc-font{font-size: 7rem; font-weight: 900; word-break: keep-all;} 
.mtit h3 .acc-font2{font-size: 1.2em; word-break: keep-all;}
.mtit p{line-height: 180%; word-break: keep-all;}
.mtit p.t2{font-family: 'SBAggroM'; font-size: 1.2em;}

.br568mo{display: none;}
@media all and (max-width:1400px){
    .mtit h3{font-size: 4.5rem; padding:0 0 2.5rem;}
    .mtit h3 .acc-font{font-size: 7.5rem;}
}
@media all and (max-width:1024px){
    .br1024{display: none;}
}
@media all and (max-width:768px){
    .mtit h3{font-size: 4rem; padding:0 0 2rem;}
    .mtit h3 .acc-font{font-size: 6.5rem;}
}
@media all and (max-width:568px){
    .mtit p{width: 75%; margin:0 auto;}
    .br568{display: none;}
    .br568mo{display: block;}
}
@media all and (max-width:480px){
    .mtit h3{font-size: 2.8rem; padding:0 0 1.5rem;}
    .mtit h3 .acc-font{font-size: 4.8rem;}
}

.fw300{font-weight: 300;}
.fw500{font-weight: 500;}
.fw700{font-weight: 700;}
.fz16{font-size: 1.6rem;}

.sec1{padding:100px 0; position: relative;}
.sec1:before{content: ''; position: absolute; left: 0; bottom: -5%; width: 338px; height: 352px; background: url('/sione/images/s1_bg1.png')no-repeat left bottom; background-size:contain; z-index: -1;}

@media all and (max-width:1024px){
    .sec1:before{width: 32%; background-size: contain;}
}

.sec1 .infolist{max-width: 970px; width: 100%; margin:50px auto 0 auto;}
.infolist li{display: flex; align-items: center; height: 75px;}
.infolist li + li {margin-top: 10px;}
.infolist li strong{display: inline-block; height: 100%; margin-right: 14px; letter-spacing: 30px; padding-left: 26px; width: 220px; line-height: 75px; background-color: #00408f; color: #fff; font-size: 2.2rem; border-radius: 38px; text-align: center;}
.infolist li strong.ls3{letter-spacing: 6px; padding-left: 3px;}
.infolist li p{height: 100%; width: 740px; display: flex; padding:0 40px; align-items: center; border:1px solid #f0ece1; border-radius: 38px; font-size: 2.1rem; font-weight: 500; background: #fff;}
.infolist li p img{max-width: 100%;}
@media all and (max-width:768px){
    .sec1{padding:50px 0;}
    .infolist li strong{letter-spacing: 10px; padding-left: 6px;}
    .infolist li strong.ls3{letter-spacing: 0; padding-left: 0;}
}
@media all and (max-width:620px){
    .infolist li strong{width: 30%; font-size: 2rem; margin-right: 5px;}
    .infolist li p{font-size: 1.6rem;}
    .infolist li p span span{font-size: 1.4rem;}
}
@media all and (max-width:568px){
    .infolist li strong{letter-spacing: 0; padding-left: 0; width: 80px; flex: 0 0 auto;}
    .infolist li p{padding:0 20px;}
}
@media all and (max-width:500px){
    .infolist li strong{width: 75px; font-size: 1.7rem;}
}


.r-down{display: inline-block; position: absolute; right: 6%; bottom: 0;text-align: center; width: 120px; height: 120px; background: linear-gradient(135deg, #0164de, #0164de56); display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%;}
.r-down:before{position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 125%; height: 125%; background: #d9dcec; border-radius: 50%; z-index: -1;}
.r-down:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 145%; height: 145%; border:1px solid #d9ddec; border-radius: 50%; z-index: -1;}
@media all and (max-width:1520px){
    .r-down{position: relative; margin: 40px auto 0 auto; right: auto;}
}
@media all and (max-width:568px){
    .r-down{width: 80px; height: 80px;}
}

.sec2{padding: 120px 0 180px; position: relative; overflow: hidden;}
.sec2:before{content: ''; position: absolute; right: 0; bottom: 100px; width: 65%; height: 50%; background-color: #e5f1ff; border-radius: 0 0 0 50px;}
.sec2:after{content: 'YEONGJU\A SIONE FESTIVAL'; white-space:pre; position: absolute; left: 0; bottom: 0; z-index: -2; font-size: 10rem; color: #e5f1ff; line-height: 0.9; font-weight: 900; font-family: 'Barlow';}

.sec2 .cont{position: relative; margin: 50px 0 0;}
.sec2 .cont:before{content: ''; position: absolute; left: 90%; bottom:75%; width: 353px; height: 314px; background:url('/sione/images/s2_bg1.png')no-repeat right bottom/100%;}
.sec2 .cont .arrow{display: flex; position:absolute; left:970px; top:0; z-index: 10;}
.sec2 .cont .arrow > div{position: relative; display:flex; justify-content: center; align-items: center; width:100px; height:100px; background:#fbcb00; border-radius: 50%; margin: 5px; cursor: pointer; transition: all .2s;}
.sec2 .cont .arrow > div:hover{background-color: #0164de;}
.sec2 .cont .arrow > div:before{transition: all .2s;}
.sec2 .cont .arrow > div:hover:before{content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 110%; height: 110%; background: #c5dfff; border-radius: 50%; z-index: -1;}
.sec2 .cont .arrow .next{margin-top: 30px;}
.sec2 .cont .list-wrap .list{display: flex;}
.sec2 .cont .list-wrap .list .img{position:relative; width: 880px; height: 0%; overflow: hidden; border-radius: 0 50px 0 50px; box-shadow: 10px 20px 20px #c5dfff;}
.sec2 .cont .list-wrap .list .img img{object-fit: cover; max-width:100%;}
.sec2 .cont .list-wrap .list .txt{margin-top: 190px; margin-left: 100px;}
.sec2 .cont .list-wrap .list .txt h4{font-size: 3.4rem; color: #222; padding: 0 0 15px; font-weight: 700;}
.sec2 .cont .list-wrap .list .txt h4 > span{font-size:2rem;}
.sec2 .cont .list-wrap .list .txt p{position: relative; padding: 20px 0 40px;}
.sec2 .cont .list-wrap .list .txt p.singer{font-size: 2.5rem; font-weight: 500;}
.sec2 .cont .list-wrap .list .txt p.line{padding:30px 0 0; border-top: 1px dotted #999;}
.sec2 .cont .list-wrap .list .txt > span{display: block; padding: 15px 0 0 ; font-size: 1.7rem; font-weight: 600;}

@media all and (max-width:1630px){
    .sec2 .cont:before{left: 85%;}
    .sec2 .cont .arrow{left: calc(54% + 60px);}
    .sec2 .cont .list-wrap .list .img{width: 54%;}
    .sec2 .cont .list-wrap .list .txt{margin-top: 180px; margin-left:60px;}
}
@media all and (max-width:1400px){
    .sec2 .cont .arrow{left: calc(54% + 40px);}
    .sec2 .cont .list-wrap .list .txt{margin-left: 40px;}
    .sec2 .cont .list-wrap .list .txt h4{font-size: 3.5rem; padding: 0 0 5px;}
    .sec2 .cont .list-wrap .list .txt p{padding: 0 0 15px;}
}
@media all and (max-width:1280px){
    .sec2{padding: 70px 0;}
	.sec2:before{height:50%; bottom:150px;}
    .sec2 .cont{margin-top: 25px;}
    .sec2 .cont:before{bottom: 0; width: 200px;}
    .sec2 .cont .arrow{left: auto; right: 14vw; top: 42vw;}
    .sec2 .cont .arrow > div{width: 70px; height: 70px;}
    .sec2 .cont .arrow .next{margin-top: 5px;}
	.sec2 .cont .list-wrap{width:70%; margin:0 auto; padding:0 0 40px;}
    .sec2 .cont .list-wrap .list{flex-direction: column;}
    .sec2 .cont .list-wrap .list .img{width: 100%; overflow: hidden; border-radius:0 30px 0 30px; box-shadow: 5px 5px 10px #e9eaf0;}
    .sec2 .cont .list-wrap .list .img img{max-width: 100%; width:100%;}
    .sec2 .cont .list-wrap .list .txt{margin-top: 20px; margin-left:20px;}

    .sec2 .cont .list-wrap .list .txt h4{padding: 0 0 15px;}
    .sec2 .cont .list-wrap .list .txt p{padding: 0 35% 20px 0;}
    .sec2 .cont .list-wrap .list .txt span{padding: 15px 0 0 ;}

    .sec2 .arrow > div{width: 60px; height: 60px;}
    .sec2 .arrow .next{margin-bottom: 0;}
}
@media all and (max-width:800px){
    .sec2 .cont:before{display:none;}
    .sec2 .cont .arrow{right: 0; top: 60vw;}
	.sec2 .cont .list-wrap{width:100%;}
}
@media all and (max-width:568px){
    .sec2 .cont .arrow > div{width: 50px; height: 50px;}
    .sec2 .cont .list-wrap .list .txt{ margin-left:0px;}
    .sec2 .cont .list-wrap .list .txt h4{font-size: 2.5rem; padding: 0 35% 10px 0;}
    .sec2 .cont .list-wrap .list .txt p.singer{font-size: 1.8rem;}
    .sec2 .cont .list-wrap .list .txt p br{display: none;}
}
@media all and (max-width:380px){
    .sec2 .cont .arrow > div{width: 45px; height: 45px;}

}


.sec3{position: relative; padding: 120px 0 160px 0;  overflow-x: hidden;}
/* .sec3:before{content: ''; position: absolute; right: 0; top: -45%; width: 267px; height: 293px; background: url('/azalea/images/s2_bg1.png')no-repeat right top;} */
#gallery .mtit{display: flex; align-items: flex-end; margin-bottom: 40px;}
#gallery .mtit h3{display: inline-block; padding-bottom: 0; line-height: 1.1;}
#gallery .mtit p{display: inline-block; margin-left: 20px;}
#gallery .mtit .arrow{margin-left: auto;}
#gallery .mtit .arrow > div{display: inline-block; cursor: pointer;}

#gallery .slick-track{display: flex !important; padding-bottom: 20px;}
#gallery .gall-wrap .list{max-width: 370px; height: inherit !important; margin: 0 20px; box-shadow: 5px 5px 10px rgb(51 51 51 / 10%); border-radius: 0 0 0 30px;}
#gallery .gall-wrap .list > a{display: block;}
#gallery .gall-wrap .list img{max-width: 100%; object-fit: cover;}
#gallery .gall-wrap .txt{padding: 30px 20px 30px; text-align: center;}
#gallery .gall-wrap .txt strong{display: inline-block; font-size: 2.4rem; padding:0 0 15px;}
#gallery .gall-wrap .txt p{color: #9ca4ac; font-size: 15px;;}
@media all and (max-width:1400px){
    #gallery .gall-wrap .txt strong{font-size: 2rem;}
    #gallery .gall-wrap .list img{}
}
@media all and (max-width:1024px){
    .sec3{padding: 100px 0 130px 0;}
    #gallery .mtit p{width: 40%; word-break: keep-all; line-height: 1.3;}

    #gallery .gall-wrap .list{max-width: 270px; margin:0 15px;}
    #gallery .gall-wrap .list img{}


    .sec3:before{width: 25%; background-size:contain}
    
}
@media all and (max-width:768px){
    .sec3{padding: 60px 0 80px 0;}
    #gallery .mtit{flex-wrap:wrap; margin-bottom: 20px;}
    #gallery .mtit h3{width: 100%;}
    #gallery .mtit p{width: 60%; margin-left:0;}
    #gallery .mtit .arrow{width: 40%; text-align: right;}
    #gallery .mtit .arrow > div{width: 45px; height: 45px;;}
    #gallery .mtit .arrow > div img{max-width: 100%;}
    #gallery .gall-wrap .txt strong{font-size: 1.8rem;}
    #gallery .gall-wrap .txt p{font-size: 14px;}
}

.sec4{background:url('/sione/images/s4-bg1.png')no-repeat center top/100%; position: relative; padding-bottom: 18vw;}
.sec4:before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 267px; background:url('/sione/images/s4-bg2.png')no-repeat bottom/100%;}
.sec4 .mtit{color: #fff; padding-top: 150px;}
.br768{display: none;}
.sec4 .vod-area{display: flex; justify-content: space-around; align-items: flex-end;}
.sec4 .vod{position: relative; flex:0 0 auto; border-radius: 0 100px 0 100px; margin: 40px 20px 0 20px; width: 1200px; height: 675px; box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.25); background: #fff; overflow: hidden;}
.sec4 .vod-area .img{margin-bottom: 8.5rem;}
.sec4 .img img{max-width: 100%;}
.sec4 .vod .playbtn{cursor: pointer; position: absolute; z-index:11; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12%; height: 7vw; background: url('/sione/images/s4-img1.png')no-repeat center; background-size:contain;}
.sec4 .vodCover{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-image: url('/sione/images/s4-cover.png'); background-position: center; background-repeat: no-repeat; background-size: cover;}

.sec4 .vod.active .playbtn{display:none;}
.vodPlay iframe{width:100%; height:675px; object-fit: cover;}


@media all and (max-width:1400px){
    .sec4 .mtit{padding-top: 100px;}
    .sec4 .vod{width: 80%; height: calc(240px + 24.5vw); margin-top: 40px;}
    .vodPlay iframe{height: calc(240px + 24.5vw);}
}
@media all and (max-width:1024px){
    .sec4 .vod{ border-radius: 0 80px 0 80px;}
}
@media all and (max-width:768px){

    .sec4{background:url('/sione/images/s4-bg3.png')no-repeat center top/150%;}
    .sec4 .mtit{padding-top: 50px;}
    .sec4 .vod{width: 85%; height: calc(200px + 20vw);}
    .sec4 .vod .playbtn{width:18%; height:12vw;}
    .vodPlay iframe{height: calc(200px + 20vw);}
    .br768{display: block;}
    .sec4 .img{display: none;}

}
@media all and (max-width:568px){
    .sec4{background:url('/sione/images/s4-bg3.png')no-repeat center top/180%;}
    .sec4:after{width: 25%; top: -6%}
    .sec4 .vod{margin-top: 30px; width: 85%;  height: calc(140px + 16vw); border-radius: 0 30px 0 30px;}
    .vodPlay iframe{height: calc(140px + 16vw);}
}



.sec6{position: relative; z-index:2; width: 100%; height: 560px;}

.sec6 .mtit{padding:80px 60px; position: absolute; top:80px; left: 50%; margin-left: -800px; z-index: 10; color:#fff; border-radius: 0 50px; background:#0164de url('/sione/images/s6-img1.png')no-repeat 90% 10%;}
.sec6 .mtit h4{font-size: 1.8rem; font-weight: normal; margin-bottom: 40px;}
.sec6 .mtit h3{font-size: 4.0rem; font-weight: normal; line-height: 1.2; padding-bottom:0;}
.sec6 .mtit p{font-size: 2.2rem; margin-top:3rem;}

.sec6 .map_border{display:none;}
.sec6 .wrap_controllers{display:none;}
.sec6 .maploca .wrap_map{height: 560px;}
.sec6 .maploca{width: 100%;}
@media all and (max-width:1800px){
    .sec6 .mtit{left:10%; margin-left:0;}
}
@media all and (max-width:1280px){
    .sec6 .mtit{padding: 50px 50px;}
    .sec6 .mtit h4{font-size: 1.5rem;}
    .sec6 .mtit h3{font-size: 3.0rem;}
    .sec6 .mtit p{font-size: 1.8rem;}
}
@media all and (max-width:1024px) {
    .sec6 .mtit{background: #0164de; padding:20px 30px; border-radius: 0 30px;}
    .sec6 .mtit{padding:40px 50px; width: 80%; top: auto; bottom: 5%; background-position:98% 10%;}
    .sec6 .mtit h4{margin-bottom: 10px;}
}
@media all and (max-width:768px){
    .sec6 .mtit{padding:20px 50px;}
    .sec6 .mtit h3 span{word-break:keep-all;}
}
@media all and (max-width:568px){
    .sec6 .mtit p{width: 100%;}

    .sec6{height: 430px;}
    .sec6 .maploca .wrap_map{height: 430px;}
    .sec6 .mtit h3{font-size: 2.0rem;}
    .sec6 .mtit p{font-size: 1.5rem;}
}



.sec9{margin-top:40px; padding-bottom:120px; position:relative;}
.sec9-2{background:#f3f9fe; padding:40px 0;}
.sec9-2 .inner{display:flex; flex-wrap: wrap; gap:20px; align-items:stretch;}
.sec9-2 .inner .chehum{width:calc((100% - 40px)/3); height:inherit; border-radius:10px; background:#fff; border:2px solid #0077e9;}
.sec9-2 .inner .chehum.col2{width: calc((100% - 20px)/2);}

.sec9 ul{height:inherit; display:flex; flex-wrap:wrap; max-width:1280px; padding:.5em 0 2em; margin:0 auto;  }
.sec9 ul li p{font-size:1.7em; margin:.6em 0 .6em; font-weight: bold; }
.sec9 ul li{width:100%; padding:.2em 2em; border-radius:0;}
.sec9 ul dl{display:flex; font-size:1.8rem; align-items:center;}
.sec9 ul dt{width:90px; flex:0 0 auto; color:#0077e9; font-size:1.6rem;}
.sec9 ul dd{font-weight:500;}

.sec9 .btn-star{display:inline-block; padding:4px 30px; border:1px solid transparent; background:#0077e9; color:#fff; font-weight:600; border-radius:30px;}
.sec9 .btn-star:hover{background:#fff; border:1px solid #0077e9; color:#0077e9;}

.s9caption{margin-top:20px; text-align:center; width:100%; padding:2em; border-radius:10px; background:#fff;}
.s9caption b{font-size:1.2em;}
.s9caption .date{display:inline-block; margin-bottom:15px; font-size:1.2em;}
@media all and (max-width:1280px){
	.sec9-2 .inner{}
	.sec9-2 .inner .chehum{width:100%;}
	.sec9 ul{justify-content:center;}
}
@media all and (max-width:920px){
    .sec9-2 .inner .chehum.col2{width:100%;}
}
@media all and (max-width:600px){
	.sec9 ul dt{font-size:1.5rem;}
	.sec9 ul dd{font-size:1.6rem;}
}



.sec7{padding: 100px 0 50px;}
.sec7 .img{margin-top: 50px;}
.sec7 img{max-width: 100%;}
@media all and (max-width:600px){
	.sec7{padding: 50px 0 0px;}
    .sec7 .img{margin-top: 20px;}
}




.sec2_new{padding: 120px 0 40px; position: relative; overflow: hidden;}
.sec2_new:before{content: ''; position: absolute; right: 0; bottom: 0px; width: 60%; height: 530px; background-color: #e5f1ff; border-radius: 0 0 0 50px;}
.sec2_new:after{content: 'YEONGJU\A SIONE FESTIVAL'; white-space:pre; position: absolute; left: 0; bottom: 0; z-index: -2; font-size: 10rem; color: #e5f1ff; line-height: 0.9; font-weight: 900; font-family: 'Barlow';}

.sec2_new .cont{position: relative; margin: 50px 0 0;  overflow: hidden;}

/* .sec2 .cont .list-wrap{ padding: 0 0 80px;} */
.sec2_new .cont .list-wrap .list{display: flex;}
.sec2_new .cont .list-wrap .list .img{position:relative; width: 880px; height: 0%; overflow: hidden; border-radius: 0 50px 0 50px; box-shadow: 10px 20px 20px #e9eaf0;}
.sec2_new .cont .list-wrap .list .img img{object-fit: cover; max-width:100%;}
.sec2_new .cont .list-wrap .list .txt{margin-top: 190px; margin-left: 100px;}
.sec2_new .cont .list-wrap .list .txt h4{font-size: 3rem; color: #222; padding: 0 0 15px; font-weight: 700;}
.sec2_new .cont .list-wrap .list .txt h4 > span{font-size:2rem;}
.sec2_new .cont .list-wrap .list .txt p{position: relative; padding: 20px 0 40px; font-family: 'SBAggroM'; line-height: 1.6em;}
.sec2_new .cont .list-wrap .list .txt b{font-family: 'SBAggroB'; font-size:30px; line-height: 1.8em;}
.sec2_new .cont .list-wrap .list .txt p.line{padding:30px 0 0; border-top: 1px dotted #999;}
.sec2_new .cont .list-wrap .list .txt > span{display: block; padding: 15px 0 0 ; font-size: 1.7rem; font-weight: 600;}

@media all and (max-width:1630px){
    .sec2_new .cont .list-wrap .list .img{width: 54%;}
    .sec2_new .cont .list-wrap .list .txt{margin-top: 180px; margin-left:60px;}
}
@media all and (max-width:1400px){
    .sec2_new .cont .list-wrap .list .txt{margin-left: 40px;}
    .sec2_new .cont .list-wrap .list .txt h4{font-size: 3.5rem; padding: 0 0 5px;}
    .sec2_new .cont .list-wrap .list .txt p{padding: 0 0 15px;}
}
@media all and (max-width:1280px){
    .sec2_new{padding: 70px 0;}
	.sec2_new:before{height:50%; bottom:150px;}
    .sec2_new .cont{margin-top: 25px;}
	.sec2_new .cont .list-wrap{width:70%; margin:0 auto; padding:0 0 40px;}
    .sec2_new .cont .list-wrap .list{flex-direction: column;}
    .sec2_new .cont .list-wrap .list .img{width: 100%; overflow: hidden; border-radius:0 30px 0 30px; box-shadow: 5px 5px 10px #e9eaf0;}
    .sec2_new .cont .list-wrap .list .img img{max-width: 100%; width:100%;}
    .sec2_new .cont .list-wrap .list .txt{margin-top: 20px; margin-left:20px;}

    .sec2_new .cont .list-wrap .list .txt h4{padding: 0 0 15px;}
    .sec2_new .cont .list-wrap .list .txt p{padding: 0 0 20px;}
    .sec2_new .cont .list-wrap .list .txt span{padding: 15px 0 0 ;}

    .sec2_new .arrow > div{width: 60px; height: 60px;}
    .sec2_new .arrow .next{margin-bottom: 0;}
}
@media all and (max-width:800px){
	.sec2_new .cont .list-wrap{width:100%;}
}
@media all and (max-width:568px){
    .sec2_new .cont .list-wrap .list .txt{ margin-left:0px;}
    .sec2_new .cont .list-wrap .list .txt h4{font-size: 2.5rem; padding: 0 0 10px;}
}

.sec2_new .cont{overflow-x: hidden;}
.sec2_new .cont .btns{position: absolute; right: 15%; top: 24px;}
.sec2_new .cont .btns .btn-wrap .slick-track{transform: none !important;}
.sec2_new .cont .btns .btn-wrap .list{padding: 5px 0;}
.sec2_new .cont .btns .btn-wrap button{display: inline-block; margin: 0 5px; width: 100px; height: 100px; background: #616285; color: #fff; font-size: 1.8rem; font-weight: 600; border-radius: 50%; transition: all .15s ease-in; font-family: 'S-CoreDream';}
.sec2_new .cont .btns .btn-wrap .list:nth-child(even) button{margin-top: 24px;}
.sec2_new .cont .btns .btn-wrap .slick-current button{position: relative; background: #4e7fea}
.sec2_new .cont .btns .btn-wrap .slick-current button:before{content: ''; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 110%; height: 110%; background:#dce7fb; border-radius: 50%; z-index: -1;}

@media all and (max-width:1310px){
	.sec2_new .cont .btns .btn-wrap button{width: 80px; height: 80px; font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    .sec2_new .cont{display: flex; flex-direction: column-reverse;}
    .sec2_new .cont .btns{position: static; width: 60%; margin: 0 auto 20px auto;}
    .sec2_new .cont .btns .btn-wrap .list:nth-child(even) button{margin-top: 0;}
    .sec2_new .btns .slick-slide{text-align: center;}
}
@media all and (max-width:768px){
    .sec2_new .cont .btns{width: 80%;}
}
@media all and (max-width:568px){
    .sec2_new .cont .btns{width: 90%;}
}
@media all and (max-width:500px){
    .sec2_new .cont .btns{width: 100%;}
}
@media all and (max-width:415px){
    .sec2_new .cont .btns .slick-list{padding: 0 !important;}
    .sec2_new .cont .btns .btn-wrap button{font-size: 1.5rem;}
}