@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');


body .renew { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; letter-spacing: -0.03em; }






#resec0 { width: 100%; }

#resec0 .slide { height: 850px; }

.slide.visu01 { width: 100%; height: 100%; display: flex !important; justify-content: center; align-items: center; background: url('/images/remain/m_visual1.jpg') no-repeat center center; background-size: cover;}
.slide.visu02 { width: 100%; height: 100%; display: flex !important; justify-content: center; align-items: center; background: url('/images/remain/m_visual2.jpg') no-repeat center center; background-size: cover;}
.slide.visu03 { width: 100%; height: 100%; display: flex !important; justify-content: center; align-items: center; background: url('/images/remain/m_visual3.jpg') no-repeat center center; background-size: cover;}
.slide.visu04 { width: 100%; height: 100%; display: flex !important; justify-content: center; align-items: center; background: url('/images/remain/m_visual4.jpg') no-repeat center center; background-size: cover;}

.visu_txt { width: 90%; max-width: 1600px; margin: 0 auto; }
.visu_txt .s_txt { font-size: 1.9em; }
.visu_txt .s_txt span { font-weight: 700;}
.visu_txt .m_tit { font-size: 4.5em; font-weight: 600; }
span.sb { color: #cdff51; }
span.bl { color: #207bb4; }
.visu_txt.center { text-align: center; }

.slide.visu01 .s_txt { color: #fff; margin-bottom: 2%; }
.slide.visu01 .m_tit { color: #fff; font-family: 'Gmarket Sans'; }

.slide.visu02 .s_txt { color: #fff; margin-bottom: 2%; text-shadow: -1px 1px 11px rgba(0,0,0,0.35); text-align: left; }
.slide.visu02 .m_tit { font-weight: 200; color: #fff; font-family: 'Gmarket Sans'; text-shadow: -1px 1px 11px rgba(59,59,59,0.35); text-align: left; }
.slide.visu02 .m_tit span { color: #cdff51; font-weight: 700; }
.slide.visu02 .sm { color: #fff; text-shadow: -1px 1px 11px rgba(0,0,0,0.35); text-align: left; font-size: 1.4em; line-height: 1.3; margin-top: 1%; }

.slide.visu03 .s_txt { color: #fff; margin-bottom: 2%; }
.slide.visu03 .s_txt span { border: 1px solid #cdff51; padding: 4px 12px 5px; border-radius: 30px; color: #cdff51; }
.slide.visu03 .m_tit { color: #fff; font-family: 'Gmarket Sans'; font-weight: 200; }
.slide.visu03 .m_tit span { font-weight: 700; color: #207bb4; }
.slide.visu03 .decotxt { font-family: 'Gmarket Sans'; font-weight: 700; font-size: 6em; color: #fff; opacity: 0.3; position: relative; top: 20px;}

.slide.visu04 .s_txt { color: #fff; margin-bottom: 2%; text-shadow: -1px 1px 11px rgba(83,100,118,0.35); text-align: left; }
.slide.visu04 .s_txt span { font-weight: 700; color: #fff; }
.slide.visu04 .m_tit { font-weight: 200; color: #fff; font-family: 'Gmarket Sans'; text-shadow: -1px 1px 11px rgb(28 23 23 / 35%); text-align: left; }
.slide.visu04 .m_tit span { font-weight: 700; color: #207bb4; }
.slide.visu04 .sm { color: #fff; text-shadow: -1px 1px 11px rgba(83,100,118,0.35); text-align: left; font-size: 1.4em; line-height: 1.3; margin-top: 1%; }

.visu4_dr { position: absolute; bottom: 0; right: 7%;}


@media(max-width:1600px){ 
    #resec0 .slide { width: 100%; height: 700px; }
    .visu_txt .m_tit { font-size: 3.5em; }
    .visu_txt .s_txt { font-size: 1.7em; }
    
    .slide.visu03 .decotxt { font-size: 5em; }
    
    .visu4_dr { position: absolute; bottom: 0; right: 5%; width: 60%;}
}
@media(max-width:1280px){ 
    .visu4_dr { position: absolute; bottom: 0; right: 2%; width: 850px; z-index: 2;}
    .visu_txt { position: relative; z-index: 3; }
}
@media(max-width:980px){ 
    #resec0 .slide { width: 100%; height: 70vh; }
    .visu_txt .m_tit { font-size: 5vw; }
    .visu_txt .s_txt { font-size: 2.4vw; }
    
    .slide.visu02 .sm { font-size: 1.75vw; }
    
    .slide.visu03 .s_txt { margin-bottom: 3%; }
    .slide.visu03 .decotxt { font-size: 6vw; }
    
    .visu4_dr { position: relative; }
    
    .slide.visu04 { flex-direction: column; justify-content: space-between; align-items: center; }
    .slide.visu04 .s_txt { text-align: center; }
    .slide.visu04 .m_tit { text-align: center; }
    .slide.visu04 .sm { text-align: center; font-size: 1.75vw; }
    .visu4_dr { bottom: -7%; width: 800px; right: 0; }
    
    .slide.visu04 .visu_txt { top: 35%; }
}
@media(max-width:680px){ 
    #resec0 .slide { width: 100%; height: 70vh; }
    .visu_txt .m_tit { font-size: 5.9vw; }
    .visu_txt .s_txt { font-size: 3.6vw; }
    
    .slide.visu01 .s_txt { margin-bottom: 2.5vw; }
    
    .slide.visu02 .sm { font-size: 2vw; }
    
    .slide.visu03 .decotxt { font-size: 7vw; top: 2%; }
    .visu4_dr { bottom: -7%; width: 110%; right: 0; }
    .slide.visu04 .sm { font-size: 2vw; }
}
@media(max-width:480px){ 
    #resec0 .slide { width: 100%; height: 60vh; }
    .visu_txt .m_tit { font-size: 6.5vw; }
    .visu_txt .s_txt { font-size: 4vw; }
    
    .slide.visu01 .s_txt { margin-bottom: 3vw; }
    
    .slide.visu02 .sm { font-size: 3.4vw; }
    
    .slide.visu03 .s_txt { margin-bottom: 3%; }
    
    .slide.visu03 .decotxt { font-size: 7.5vw; }
    .visu4_dr { bottom: -7%; width: 120%; right: 0; }
    .slide.visu04 .visu_txt { top: 37%; }
    .slide.visu04 .sm { font-size: 3.4vw; }
}









#resec1 { padding: 6% 0; background: url('/images/remain/resec1_bg.jpg') no-repeat center center; background-size: cover; text-align: center; }

.resec1_tit .eng { font-weight: 700; font-size: 1.4em; }
.resec1_tit .tit { font-weight: 200; font-size: 4.3em; line-height: 1.15; padding: 3% 0 3.5%; }
.resec1_tit .tit span { font-weight: 700; } 

.resec1_ul { display: flex; justify-content: space-between; }
.resec1_ul li { width: 31%; border: 1px solid #000; border-radius: 70px 0; padding: 5% 0; opacity: 0.3; transition: 0.3s; }
.resec1_ul li:hover { opacity: 1; transition: 0.3s; }
.resec1_ul li p { font-size: 1.7em; font-weight: 700; margin-top: 16px; }

#resec1 .txt { font-size: 1.4em; margin-top: 3%; }



@media(max-width:1600px){ 
    .resec1_tit .tit { font-size: 3.3em; }
    .resec1_ul li img { width: 68px; }
}
@media(max-width:1280px){ 
    #resec1 { padding: 9% 0; }
    .resec1_ul li p { font-size: 1.6em; }
    .resec1_ul li { border-radius: 50px 0; }
    #resec1 .txt { font-size: 1.4em; margin-top: 4%; }
    .resec1_ul li img { width: 56px; }
}
@media(max-width:980px){ 
    #resec1 { padding: 11vw 0; }
    .resec1_ul li p { font-size: 2vw; }
    .resec1_ul li { border-radius: 50px 0; }
    .resec1_tit .eng { font-weight: 700; font-size: 1.55vw; }
    .resec1_tit .tit { font-size: 4vw; }
    #resec1 .txt { font-size: 1.75vw; margin-top: 4%; }
    .resec1_ul li img { width: 50px; }
}
@media(max-width:860px){ 
    .resec1_ul li p { font-size: 2.3vw; }
    .resec1_ul li { border-radius: 50px 0; }
    .resec1_tit .eng { font-weight: 700; font-size: 1.85vw; }
    .resec1_tit .tit { font-size: 4.5vw; }
    #resec1 .txt { font-size: 2vw; margin-top: 4%; }
    .resec1_ul li img { width: 50px; }
}
@media(max-width:680px){ 
    #resec1 { padding: 14vw 0; }
    .resec1_ul { flex-wrap: wrap; }
    .resec1_ul li p { font-size: 3.2vw; }
    .resec1_ul li { width: 100%; border-radius: 50px 0; margin-bottom: 3vw; }
    .resec1_ul li:last-child { margin-bottom: 0; }
    .resec1_tit .eng { font-weight: 700; font-size: 2.4vw; }
    .resec1_tit .tit { font-size: 5.5vw; padding: 3.5vw 0 5.5vw; }
    #resec1 .txt { font-size: 2.7vw; margin-top: 5.5vw; }
    .resec1_ul li img { width: 50px; }
}
@media(max-width:480px){ 
    #resec1 { padding: 16vw 0; }
    .resec1_ul { flex-wrap: wrap; }
    .resec1_ul li p { font-size: 3.7vw; }
    .resec1_ul li { width: 100%; border-radius: 30px 0; margin-bottom: 3vw; padding: 7% 0; }
    .resec1_ul li:last-child { margin-bottom: 0; }
    .resec1_tit .eng { font-weight: 700; font-size: 2.7vw; }
    .resec1_tit .tit { font-size: 6.3vw; padding: 3.5vw 0 5.5vw; }
    #resec1 .txt { font-size: 3.4vw; margin-top: 5.5vw; }
    .resec1_ul li img { width: 48px; }
}





#resec2 { padding: 6% 0; position: relative; overflow: hidden; }

.resec2_tit { text-align: center;  }
.resec2_tit .tit { font-size: 5.4em; font-weight: 700; color: #95cbe5; padding: 1.5% 0 3%; }
.resec2_tit .eng { font-size: 1.3em; font-weight: 700; color: #a4ddf8; letter-spacing: 0.5em; }
.resec2_tit .txt { font-size: 1.4em; color: #86b2c6; margin-bottom: 4%; line-height: 1.4; }

#resec2::before { content: ""; width: 840px; height: 94px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 13%; }
#resec2::after { content: ""; width: 840px; height: 94px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: 0; top: 13%; }


.dr_list {  }
.dr_list li { width: 32%; }

.dr_list .slick-list{ margin: 0 -15px; }
.dr_list .slick-slide{ margin: 0 15px; }

.dr_list li .top { width: 100%; height: auto; background: url('/images/remain/dr_logobg.png') no-repeat center right; background-size: cover; position: relative; display: flex; justify-content: center; overflow: hidden; }
.dr_list li .top .deco { position: absolute; transform: rotate(90deg); top: 92px; left: -34px; font-weight: 800; letter-spacing: 0.3em; font-size: 1.2em; color: #99cee7; }
.dr_list li .top img { margin-top: 10%; width: 80%; }

.dr_list li .bot { background: rgb(129,187,214); background: linear-gradient(90deg, rgba(129,187,214,1) 0%, rgba(153,206,231,1) 100%); }
.dr_list li .bot p { font-size: 1.5em; font-weight: 700; color: #fff; padding: 4% 5%; }
.dr_list li .bot p span { font-size: 1.3em; }

#resec2 a.plus { display: block; border: 1px solid #96cce5; border-radius: 40px; font-size: 1.5em; color: #96cce5; font-weight: 600; padding: 16px 50px; width: 70%; max-width: 200px; text-align: center; margin: 4% auto 0; transition: 0.3s;  }
#resec2 a.plus:hover { background: #96cce5; color: #fff; transition: 0.3s; }

.dr_list .slick-next { display: block !important; width: 61px; height: 61px; background: url('/images/remain/dr_next.png') no-repeat center center; background-size: 100%; text-indent: -9999px; right: -90px; }
.dr_list .slick-prev { display: block !important; width: 61px; height: 61px; background: url('/images/remain/dr_prev.png') no-repeat center center; background-size: 100%; text-indent: -9999px; left: -90px; }
.dr_list .slick-next:hover { display: block !important; background: url('/images/remain/dr_next.png') no-repeat center center; background-size: 100%; }
.dr_list .slick-prev:hover { display: block !important; background: url('/images/remain/dr_prev.png') no-repeat center center; background-size: 100%; }




@media(max-width:2100px){ 
    #resec2::before { content: ""; width: 780px; height: 86px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 13%; }
    #resec2::after { content: ""; width: 780px; height: 86px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: 0; top: 13%; }
}
@media(max-width:1900px){ 
    #resec2::before { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 13%; }
    #resec2::after { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: 0; top: 13%; }
}
@media(max-width:1800px){ 
    #resec2::before { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -5vw; top: 13%; }
    #resec2::after { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -5vw; top: 13%; }
}
@media(max-width:1600px){ 
    .resec2_tit .tit { font-size: 4.8em; padding: 1.5% 0 2% }
    
    #resec2::before { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -12vw; top: 13%; }
    #resec2::after { content: ""; width: 680px; height:72px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -12vw; top: 13%; }
}
@media(max-width:1400px){ 
    #resec2::before { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -16vw; top: 13%; }
    #resec2::after { content: ""; width: 680px; height: 72px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -16vw; top: 13%; }
}
@media(max-width:1280px){ 
    #resec2 { padding: 9% 0; }
    
    #resec2::before { content: ""; width: 50vw; height: 72px; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -19vw; top: 13%; }
    #resec2::after { content: ""; width: 50vw; height: 72px; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -19vw; top: 13%; }
}

@media(max-width:1080px){ 
    #resec2 { padding: 9% 0; }
    
    .resec2_tit .eng { font-size: 1.4vw; }
    .resec2_tit .tit { font-size: 5.4vw; padding: 1.5% 0 2% }
    .resec2_tit .txt { font-size: 1.75vw; }
    
    #resec2::before { content: ""; width: 55vw; height: 7vw; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -22vw; top: 13%; }
    #resec2::after { content: ""; width: 55vw; height: 7vw; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -22vw; top: 13%; }
    
    .dr_list li .bot p { font-size: 1.75vw; font-weight: 700; color: #fff; padding: 4% 5%; }
    
    #resec2 a.plus { border-radius: 40px; font-size: 1.75vw; padding: 16px 50px; width: 70%; margin: 4% auto 0;  }
}
@media(max-width:980px){ 
    #resec2 { padding: 11vw 0; }
}
@media(max-width:860px){ 
}
@media(max-width:680px){ 
    #resec2 { padding: 14vw 0; }
    
    .resec2_tit .eng { font-size: 1.9vw; }
    .resec2_tit .tit { font-size: 7.4vw; padding: 2vw 0 3vw }
    .resec2_tit .txt { font-size: 2.7vw; margin-bottom: 5vw; }
    
    #resec2::before { content: ""; width: 55vw; height: 7vw; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -28vw; top: 17vw; }
    #resec2::after { content: ""; width: 55vw; height: 7vw; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -28vw; top: 17vw; }
    
    .dr_list li .bot p { font-size: 2.7vw; font-weight: 700; color: #fff; padding: 4% 5%; }
    
    #resec2 a.plus { border-radius: 40px; font-size: 2.7vw; padding: 14px 40px; width: 70%; margin: 6vw auto 0;  }
}
@media(max-width:480px){  
    #resec2 { padding: 16vw 0; } 
    .resec2_tit .eng { font-size: 2.3vw; }
    .resec2_tit .tit { font-size: 8.2vw; padding: 2vw 0 3vw }
    .resec2_tit .txt { font-size: 3.4vw; margin-bottom: 5vw; }
    
    #resec2::before { content: ""; width: 55vw; height: 7vw; display: block; background: url('/images/remain/beat_left.png') no-repeat center center; background-size: cover; position: absolute; left: -30vw; top: 18vw; }
    #resec2::after { content: ""; width: 55vw; height: 7vw; display: block; background: url('/images/remain/beat_right.png') no-repeat center center; background-size: cover; position: absolute; right: -30vw; top: 18vw; }
    
    .dr_list li .bot p { font-size: 3.4vw; font-weight: 700; color: #fff; padding: 4% 5%; }
    
    #resec2 a.plus { border-radius: 40px; font-size: 3.4vw; padding: 10px 14px; width: 40%; margin: 6vw auto 0;  }
}




#resec3 { padding: 5% 0 8%; background: url('/images/remain/sec3_bg.png')no-repeat center center; background-size: cover; overflow-x: hidden; }


.sec3_txt { position: relative; }
.sec3_txt .tit { font-size: 3.5em; font-weight: 200; color: #fff; }
.sec3_txt .tit .blue { color: #95d2f9; }
.sec3_txt .tit span { font-weight: 700; color: #cdff51;}

.sec3_txt .txt { font-size: 1.4em; line-height: 1.4; color: #fff; margin-top: 1.8%; }

.sec3_txt::before { content: ""; display: block; width: 965px; height: 79px; background: url('/images/remain/sec3_worry.png') no-repeat center center; background-size: cover; position: relative; top: 10px;}


@media(max-width:1280px){ 
    .sec3_txt .tit { font-size: 3em; }
    .sec3_txt::before { width: 610px; height: 50px; }
}
@media(max-width:1080px){ 
    #resec3 { padding: 8vw 0 12vw; }
    .sec3_txt .tit { font-size: 4.3vw; }
    .sec3_txt .txt { font-size: 1.75vw; }
    .sec3_txt::before { width: 610px; height: 50px; }
}
@media(max-width:680px){ 
    #resec3 { padding: 9vw 0 13vw; }
    .sec3_txt .tit { font-size: 5.5vw; }
    .sec3_txt .txt { font-size: 2.7vw; }
    .sec3_txt::before { width: 85vw; height: 7vw; }
}
@media(max-width:480px){ 
    #resec3 { padding: 11vw 0 15vw; }
    .sec3_txt .tit { font-size: 6.4vw; }
    .sec3_txt .txt { font-size: 3.4vw; }
    .sec3_txt::before { width: 85vw; height: 7vw; }
}





#resec4 { padding: 6% 0; }

.resec4_tit { text-align: center; }
.resec4_tit .eng { font-weight: 700; font-size: 1.4em; }
.resec4_tit .tit { font-weight: 200; font-size: 4.3em; line-height: 1.15; padding: 2% 0 3.5%; }
.resec4_tit .tit span { font-weight: 700; } 

.resec4_ul li { width: 100%; height: auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.resec4_ul .re4_img { width: 50%; height: 400px; background: #ddd; }
.re4_img.img1 { background: url('/images/remain/re4_img1.jpg')no-repeat center center; background-size: cover; border-top-left-radius: 90px; }
.re4_img.img2 { background: url('/images/remain/re4_img2.jpg')no-repeat center center; background-size: cover; }
.re4_img.img3 { background: url('/images/remain/re4_img3.jpg')no-repeat center center; background-size: cover; border-bottom-left-radius: 90px; }

.resec4_ul li .re4_tit { font-size: 1.9em; font-weight: 700; margin: 3.5% 0 3%; }
.resec4_ul li .re4_tit span { color: #207bb4;  }
.re4_txtbox { width: 50%; padding: 5% 6%; box-sizing: border-box; }
.re4_txtbox .point { font-size: 1.4em; background: #213e7f; border-radius: 30px; display: inline-block; padding: 8px 18px; color: #fff; font-weight: 500;}
.re4_txtbox .re4_txt { font-size: 1.4em; line-height: 1.3; }

.resec4_ul li.two .re4_img { order: 2; }
.resec4_ul li.two .re4_txtbox { order: 1;}
li.two .re4_txtbox { text-align: right; }


@media(max-width:1600px){
    .resec4_tit .tit { font-size: 3.3em; }
}
@media(max-width:1280px){
    #resec4 { padding: 9% 0; }
}
@media(max-width:1080px){ 
    .resec4_ul li .re4_tit { font-size: 2.45vw; margin: 1.7vw 0 1.7vw; }
    
    .re4_txtbox .re4_txt { font-size: 1.75vw; word-break: keep-all; }
    .re4_txtbox .re4_txt br { display: none; }
    
    .re4_txtbox .point { font-size: 1.6vw; padding: 0.8vw 2.4vw; }
}
@media(max-width:980px){ 
    #resec4 { padding: 11vw 0; }
    .resec4_ul .re4_img { height: 35vw; }
    .resec4_tit .tit { font-size: 4vw; }
    .resec4_tit .eng { font-size: 1.55vw; }
    .re4_txtbox .re4_txt { font-size: 1.75vw; }
}
@media(max-width:860px){ 
    .resec4_tit .tit { font-size: 4.5vw; }
    .resec4_tit .eng { font-size: 1.85vw; }
    .re4_txtbox .re4_txt { font-size: 2vw; }
}
@media(max-width:680px){ 
    #resec4 { padding: 14vw 0; }
    .resec4_tit .tit { font-size: 5.5vw; padding: 3.5vw 0 5.5vw; }
    .resec4_tit .eng { font-size: 2.4vw; }
    .re4_txtbox .re4_txt { font-size:2.7vw; }
    .resec4_ul li .re4_tit { font-size: 3.2vw; margin: 1.7vw 0 1.7vw; }
    
    .resec4_ul .re4_img { width: 100%; border-radius: 0 !important; height: 42vw; }
    .resec4_ul li.two .re4_img { order: 1; }
    .resec4_ul li.two .re4_txtbox { order: 2;}
    .re4_txtbox { width: 100% !important; padding:7vw 5vw; }
    .re4_txtbox .point { font-size: 2.2vw; padding: 0.8vw 2.4vw; }
}
@media(max-width:480px){ 
    #resec4 { padding: 16vw 0; }
    .resec4_tit .tit { font-size: 6.3vw; }
    .resec4_tit .eng { font-size: 2.7vw; }
    .re4_txtbox .re4_txt { font-size: 3.4vw; }
    .resec4_ul li .re4_tit { font-size:4.2vw; margin: 1.7vw 0 1.7vw; }
    .re4_txtbox { padding:7vw 0vw; }
}







#resec5 { padding: 6% 0; background: url('/images/remain/resec5_bg.jpg') no-repeat center center; background-size: cover; }

.resec5_tit { text-align: center; }
.resec5_tit .tit { font-size: 4em; font-weight: 700; }
.resec5_tit .tit span { color: #78b6d3; }
.resec5_tit .txt { line-height: 1.4; font-size: 1.4em; margin: 2% 0 2.5%; }

.ba_tab { width: 80%; display: flex; justify-content: space-between; margin: 0 auto; }
.ba_tab li { width: 24%; height: auto; background: #78b6d3; color: #fff; font-weight: 600; padding: 1.5%; font-size: 1.5em; text-align: center; border-radius: 40px; cursor: pointer; opacity: 0.4; transition: 0.3s; }
.ba_tab li.on { opacity: 1; transition: 0.3s; }
.ba_tab li:hover { opacity: 1; transition: 0.3s; }

.ba_content { position: relative; padding-bottom: 30%; }
.ba_box { margin-top: 3%; visibility: hidden; opacity: 0; transition: 0.3s; position: absolute; top: 0; width: 100%; }
.ba_box.on { visibility: visible; opacity: 1; transition: 0.3s;}

.ba_slide .case { display: flex; justify-content: space-between; }
.caseimg { overflow: hidden; position: relative; width: 49.5%; }
.caseimg img { display: block; width: 100%; }
.caseimg.before { border-radius: 50px 0 0 50px; }
.caseimg.after { border-radius: 0 50px 50px 0; }
.caseimg .date { position: absolute; right: 36px; bottom: 24px; font-weight: 700; color: #fff; font-size: 1.5em;}

.ba_slidetxt { display: flex; justify-content: space-between; align-items: center; margin-top: 2%; }
.case_tit { font-size: 1.7em; font-weight: 700; }
.case_tit span { color: #78b6d3; }
.caution { text-align: right; font-size: 1.15em; color: #b3b3b3; }


@media(max-width:1600px){
}
@media(max-width:1280px){
    #resec5 { padding: 9% 0; }
    .ba_tab { width: 100%; }
    .caseimg.before { border-radius: 30px 0 0 30px; }
    .caseimg.after { border-radius: 0 30px 30px 0; }
}
@media(max-width:1080px){ 
    .resec5_tit .tit { font-size: 4.8vw; }
    .resec5_tit .txt { font-size: 1.75vw; }
    .ba_tab li { font-size: 1.75vw; }
    .caseimg .date { position: absolute; right: 5%; bottom: 7%; font-weight: 700; color: #fff; font-size: 1.3vw;}
    
    .case_tit { font-size: 2.1vw; font-weight: 700; }
    .caution { font-size: 1.2vw; }
}
@media(max-width:980px){ 
    #resec5 { padding: 11vw 0; }
}
@media(max-width:860px){ 
}
@media(max-width:680px){ 
    #resec5 { padding: 14vw 0; }
    .ba_slide .case { flex-direction: column; }
    .caseimg.before { border-radius: 30px 30px 0 0; }
    .caseimg.after { border-radius: 0 0 30px 30px; }
    .caseimg { overflow: hidden; position: relative; width: 100%; }
    .ba_tab li { width: 49%; margin-bottom: 1.5vw; font-size: 2.7vw; }
    .ba_tab { flex-wrap: wrap; }
    .resec5_tit .tit { font-size: 5.9vw; }
    .resec5_tit .txt { font-size: 2.7vw; margin: 2.4vw 0 3.4vw; }
    .ba_content { margin-bottom: 65vw; }
    .caseimg .date { font-size: 2.5vw; }
    .case_tit { font-size: 2.9vw; font-weight: 700; }
    .caution { font-size: 1.6vw; }
    .ba_slidetxt { margin-top: 4vw; }
}
@media(max-width:480px){ 
    #resec5 { padding: 16vw 0; }
    .ba_tab li { width: 49%; margin-bottom: 1.5vw; font-size: 3.5vw; }
    .ba_tab { flex-wrap: wrap; }
    .resec5_tit .tit { font-size: 7.2vw; }
    .resec5_tit .txt { font-size: 3.4vw; margin: 2.4vw 0 3.4vw; }
    .ba_content { margin-bottom: 65vw; }
    .caseimg .date { font-size: 3vw; }
    .case_tit { font-size: 4vw; font-weight: 700; }
    .caution { font-size: 2vw; text-align: left; margin-top: 2vw; }
    .ba_slidetxt { margin-top: 4vw; flex-wrap: wrap; }
    .ba_content { margin-bottom: 75vw; }
}