@charset "utf-8";

.main_visual{position: relative; width: 100%; height: 1000px;}
.main_visual .main1{ background:url(/img/main/main1.jpg) no-repeat center center; position: relative;}
.main_visual .main1 .typo{color: #fff; width: 650px; position: absolute; top:300px; left:50%; margin-left: -690px; line-height: 1.6;}
.main_visual .main1 .typo .p1{font-size: 26px; font-weight: 500; margin-bottom: 15px;}
.main_visual .main1 .typo .p2{font-size: 58px; font-weight: 800; line-height: 1.3;}
.main_visual .main1 .typo .p2 span{color: #ff7108;}

.main_visual .main2{ background:url(/img/main/main2.jpg) no-repeat center center; position: relative;}
.main_visual .main2 .typo{color: #fff; width:800px; position: absolute; top:300px; left:50%; margin-left: -690px; line-height: 1.6;}
.main_visual .main2 .typo .p1{font-size: 26px; font-weight: 500; margin-bottom: 15px;}
.main_visual .main2 .typo .p2{font-size: 54px; font-weight: 800; line-height: 1.3;}
.main_visual .main2 .typo .p2 span{}

.main_visual ul.slick-dots{position: absolute;text-align: center;	width:100%;z-index: 900;  bottom: 125px;}
.main_visual ul.slick-dots li{display: inline-block;margin:0 3px;}
.main_visual ul.slick-dots li button{font-size: 0;display: block;height:11px;width:11px;background:#fff; opacity: 0.3; border-radius: 50%;}
.main_visual ul.slick-dots li.slick-active button{ background:#fff; opacity: 0.5;}

@media screen and (max-width:1450px) {
.main_visual .main1 .typo{ width: 100%;  top:300px; left:0; margin-left: 0px; padding: 0 40px; }
.main_visual .main2 .typo{ width:100%; top:300px; left:0; margin-left: 0px;  padding: 0 40px;}

}

@media screen and (max-width:1200px) {
.main_visual{ height: 800px;}
.main_visual .main1{ background-size: cover;}
.main_visual .main2{ background-size: cover;}
.main_visual ul.slick-dots{  bottom: 70px;}

.main_visual .main1 .typo{ width: 100%;  top:300px; left:0; margin-left: 0px; padding: 0 40px; }
.main_visual .main1 .typo .p1{font-size: 22px;  margin-bottom: 15px;}
.main_visual .main1 .typo .p2{font-size: 45px;}

.main_visual .main2 .typo{ width:100%; top:300px; left:0; margin-left: 0px;  padding: 0 40px;}
.main_visual .main2 .typo .p1{font-size: 22px;  margin-bottom: 15px;}
.main_visual .main2 .typo .p2{font-size: 38px; }
}


@media screen and (max-width:768px) {
/*팝업창 이미지 사이즈 재설정 - 필수*/
.drag_pop{max-width:310px !important;}

.main_visual{ height: 800px;}
.main_visual .main1{  background:url(/img/main/main1m.jpg) no-repeat center center; background-size: cover;}
.main_visual .main2{  background:url(/img/main/main2m.jpg) no-repeat center center; background-size: cover;}
.main_visual ul.slick-dots{  bottom: 60px;}
.main_visual ul.slick-dots li button{height:9px;width:9px;}

.main_visual .main1 .typo{ width: 100%;  top:220px; left:0; margin-left: 0px; padding: 0 30px; }
.main_visual .main1 .typo .p1{font-size: 18px;  margin-bottom: 12px;}
.main_visual .main1 .typo .p2{font-size: 40px;}

.main_visual .main2 .typo{ width:100%; top:220px; left:0; margin-left: 0px;  padding: 0 30px;}
.main_visual .main2 .typo .p1{font-size: 18px;  margin-bottom: 12px;}
.main_visual .main2 .typo .p2{font-size: 34px; }


}

@media screen and (max-width:480px) {
.main_visual{ height: 630px;}

.main_visual .main1 .typo{ width: 100%;  top:190px; left:0; margin-left: 0px; padding: 0 20px; }
.main_visual .main1 .typo .p1{font-size: 15px;  margin-bottom: 10px;}
.main_visual .main1 .typo .p2{font-size:28px; word-break: keep-all;}

.main_visual .main2 .typo{ width:100%; top:190px; left:0; margin-left: 0px;  padding: 0 20px;}
.main_visual .main2 .typo .p1{font-size: 15px;  margin-bottom: 10px;}
.main_visual .main2 .typo .p2{font-size: 24px; word-break: keep-all;}
}


@media screen and (max-width:380px) {
.main_visual{ height: 590px;}
}



#s1{width: 100%; position: relative; background:#fff; padding:160px 0; border-radius:49px 49px 0 0; margin-top:-49px; color: #222;}
#s1 .p1{font-size: 25px; font-weight: 500; word-break: keep-all;}
#s1 .p1 strong{font-weight:700;}
#s1 .p2{font-size: 58px; line-height: 1.6; font-weight: 700;word-break: keep-all;}
#s1 .p2 span{color: #d50808;}
#s1 .img_zone{position: relative;padding-top: 0px; margin-top: 40px;}
#s1 .img_zone .img1{position: absolute; top:0; left:50%; margin-left:-241px; z-index: 1;}
#s1 .img_zone .img2{z-index: 10; position: absolute; top:0; left:50%;margin-left: -567px}
#s1 .img_zone .round{border-radius: 50%; background-color: #222; color: #fff; width: 150px; height: 150px; position: absolute; top:110px; left:50%;margin-left: 420px ;padding-top: 30px;  z-index: 50;}
#s1 .img_zone .round .p1{font-size: 18px;}
#s1 .img_zone .round .p2{font-size:32px; color: #f75c0f; font-weight: 700 }
#s1 .img_zone .round .p3{font-size: 26px; font-weight: 700;}
#s1 .bran{font-size: 20px; font-weight: 600; color: #333; text-align: center; margin-top: 10px; }
#s1 .bran p{display: inline-block; border-bottom: 2px solid #444; padding: 5px 0;}


@media screen and (max-width:1200px) {
#s1 .img_zone .round{border-radius: 50%; background-color: #222; color: #fff; width: 150px; height: 150px; position: absolute; top:80px; left:auto;margin-left: 0px ; right:3%;padding-top: 30px; }
#s1 .img_zone .img1{position: absolute; top:0; left:50%; margin-left:-180px;width:360px; z-index: 1;}
#s1 .img_zone .img2{left:0;margin-left:0;}
}

@media screen and (max-width:900px) {
#s1 .img_zone .round{border-radius: 50%; background-color: #222; color: #fff; width: 120px; height: 120px; position: absolute; top:110px; left:auto;margin-left: 0px ; right:2%;padding-top: 25px; z-index: 600; }
#s1 .img_zone .round .p1{font-size: 15px;}
#s1 .img_zone .round .p2{font-size:24px; line-height: 1 }
#s1 .img_zone .round .p3{font-size: 22px; }
#s1 .img_zone .img1{position: absolute; top:10%; left:50%; margin-left:-200px;width:400px; z-index: 1;}
  }
@media screen and (max-width:768px) {
#s1{padding:160px 0; border-radius:30px 30px 0 0; margin-top:-30px; color: #222;}

#s1 .p1{font-size: 20px; }
#s1 .p1 strong{}
#s1 .p2{font-size: 42px; }
#s1 .bran{font-size:17px; }

#s1 .img_zone{margin-top: 40px;}
#s1 .img_zone .round{border-radius: 50%; background-color: #222; color: #fff; width: 100px; height: 100px; position: absolute; top:100px; left:auto;margin-left: 0px ; right:3%;padding-top: 20px; z-index: 600; }
#s1 .img_zone .round .p1{font-size: 15px;}
#s1 .img_zone .round .p2{font-size:24px; line-height: 1 }
#s1 .img_zone .round .p3{font-size: 22px; }
#s1 .img_zone .img1{position: absolute; top:10%; left:50%; margin-left:-35%;width:70%; z-index: 1; opacity: 0.6;}
  }


@media screen and (max-width:480px) {
#s1 .p1{font-size: 16px; }
#s1 .p1 strong{}
#s1 .p2{font-size: 32px;  line-height: 1.3}
#s1 .bran{font-size:14px; margin-top: 10px; }
#s1 .img_zone{margin-top:30px;}
#s1 .img_zone .round{border-radius: 50%; background-color: #222; color: #fff; width: 90px; height: 90px; position: absolute; top:80px; left:auto;margin-left: 0px ; right:0%;padding-top: 15px; z-index: 600; }
#s1 .img_zone .round .p1{font-size: 13px;}
#s1 .img_zone .round .p2{font-size:22px; line-height: 1 }
#s1 .img_zone .round .p3{font-size: 20px; }
#s1 .img_zone .img1{position: absolute; top:15%; left:50%; margin-left:-35%;width:70%; z-index: 1;}

  }

@media screen and (max-width:380px) {
#s1 .img_zone .round{border-radius: 50%; background-color: #222; color: #fff; width: 80px; height: 80px; position: absolute; top:60px; left:auto;margin-left: 0px ; right:0%;padding-top: 12px; z-index: 600; }
#s1 .img_zone .round .p1{font-size: 11px;}
#s1 .img_zone .round .p2{font-size:18px; line-height: 1 }
#s1 .img_zone .round .p3{font-size: 17px; }
}






#s2{width: 100%; position: relative;background:#fff5eb;padding:160px 0; border-radius:49px 49px 0 0 ; margin-top:-49px; color: #222; }
#s2 .res_wrap{display: flex; flex-wrap: wrap;justify-content: space-between;}
#s2 .res_wrap .left{width: 35%;}
#s2 .res_wrap .left .p1{font-size: 64px;font-weight:800;line-height: 1.1; margin-top: 60px;}
#s2 .res_wrap .left .p2{font-size: 26px; font-weight: 600; line-height: 1.5; margin-top: 30px;}
#s2 .res_wrap .left .p2 strong{color:#c7161d; font-weight: 700}

#s2 .res_wrap .right{width: 65%; position: relative; word-break: keep-all;}
#s2 .res_wrap .right .t1{ text-align: center; }
#s2 .res_wrap .right .t1 p{background-color: #fff; border-radius: 50px; border:1px solid #333; font-size: 18px; font-weight: 600; padding: 7px 15px; display: inline-block; margin-bottom: 30px;}
#s2 .res_wrap .right .img_area{position: relative; padding: 0 50px; border-left:1px solid #777; border-right: 1px solid #777;}
#s2 .res_wrap .right .img_area p{text-align: center; margin-top: 30px; font-size: 19px; line-height: 1.5;}
#s2 .res_wrap .right .img_area p span{font-weight: 700; text-decoration: underline;}

#s2 button.slick-prev{width: 45px; height: 45px; background:url(/img/main/slick_prev.png)no-repeat 10px center #c7161d; background-size: 21px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:-22px;top:50%;cursor: pointer;}
#s2 button.slick-next{width: 45px; height: 45px; background:url(/img/main/slick_next.png)no-repeat 14px center #c7161d; background-size: 21px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute; right: -22px;top:50%;cursor: pointer;}

@media screen and (max-width:900px) {
#s2 .res_wrap .left{width: 100%;}
#s2 .res_wrap .left .p1{font-size: 64px;font-weight:800;line-height: 1.1; margin-top: 0px;}
#s2 .res_wrap .left .p2{font-size: 26px; font-weight: 600; line-height: 1.5; margin-top: 30px;}


#s2 .res_wrap .right{width: 100%; margin-top: 50px;}
  }
@media screen and (max-width:768px) {
#s2{ border-radius:30px 30px 0 0 ; margin-top:-30px;  }
#s2 .res_wrap .left .p1{font-size: 50px;}
#s2 .res_wrap .left .p2{font-size: 22px; margin-top: 20px;}
#s2 .res_wrap .right .img_area p{text-align: center; margin-top: 30px; font-size: 16px; line-height: 1.5;}

  }
@media screen and (max-width:480px) {
 #s2{padding:150px 0  100px;  } 
#s2 .res_wrap .left .p1{font-size: 45px;}
#s2 .res_wrap .left .p2{font-size: 18px; margin-top: 20px;}

#s2 .res_wrap .right .t1 p{ font-size:16px; font-weight: 600; padding: 7px 15px;  margin-bottom: 25px;}
#s2 .res_wrap .right .img_area{padding: 0 30px; }
#s2 .res_wrap .right .img_area p{text-align: center; margin-top: 25px; font-size: 14px; line-height: 1.5;}
#s2 button.slick-prev{width: 35px; height: 35px; background:url(/img/main/slick_prev.png)no-repeat 8px center #c7161d; background-size:15px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:-10px;top:50%;cursor: pointer;}
#s2 button.slick-next{width: 35px; height: 35px; background:url(/img/main/slick_next.png)no-repeat 12px center #c7161d; background-size: 15px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute; right: -10px;top:50%;cursor: pointer;}
  }






#s3{width: 100%; position: relative;background:url(/img/main/s3_bg.jpg)no-repeat center -150px #fff;padding:160px 0px; margin-top:0px; color: #222; }
#s3 .s3_tt .p1{font-size: 58px; font-weight: 700; color: #222; line-height: 1.4; margin-bottom:20px;}
#s3 .s3_tt .p1 strong{color: #0d583a;}
#s3 .s3_tt .p2{font-size: 25px; line-height: 1.6; font-weight: 500;}


#s3 .menu_wrap{width: 96%; margin:70px auto 0;}
#s3 .r_tt p{border-radius: 50px; display: inline-block; padding: 10px 15px; border:1px solid #555; font-weight: 700; font-size: 20px; color: #222; margin-bottom: 35px;}

.s3_menu{padding: 0 50px;}
.s3_menu>div{text-align: center; position: relative;}
.s3_menu>div .best{position: absolute; top:0;left:0; color: #fff; font-weight: 700; border-radius: 60px; background:#00a05f; padding: 9px 23px; font-size: 20px; letter-spacing: 0; z-index: 600;}
.s3_menu>div .img{position: absolute; top:0;   }
.s3_menu>div .menu_info{background-color: #fff6ed; color: #222; border-radius: 50px; line-height: 1.5; padding: 25% 20px 50px; margin-top: 45%}
.s3_menu>div .menu_info .name_e1{font-size: 24px; font-weight: 700;}
.s3_menu>div .menu_info .name_e2{font-size: 16px; }
.s3_menu>div .menu_info .name_k{font-size: 20px; font-weight: 600;}
.s3_menu>div .menu_info .name_k span{font-size: 16px; font-weight: 300;}
#s3 .slick-track {
  will-change: transform;
}
#s3 button.slick-prev{width: 45px; height: 45px; background:url(/img/main/slick_prev_b.png)no-repeat center center; background-size: 30px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:0;top:50%;cursor: pointer;}
#s3 button.slick-next{width: 45px; height: 45px; background:url(/img/main/slick_next_b.png)no-repeat center center ; background-size: 30px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute; right: 0px;top:50%;cursor: pointer;}

#s3 .slick-slide{margin:0 20px; position: relative; }
#s3 .slick-current .menu_info{background-color: #0d583a;  color: #fff; transition: 0.3s ease;}

@media screen and (max-width:1200px) {

.s3_menu>div .menu_info .name_e1{font-size: 22px; }
.s3_menu>div .menu_info .name_e2{font-size: 15px; }
.s3_menu>div .menu_info .name_k{font-size: 18px; }
.s3_menu>div .menu_info .name_k span{font-size: 14px; }
}
@media screen and (max-width:900px) {
  #s3 .s3_tt .p1{font-size: 45px; margin-bottom:20px;}
#s3 .s3_tt .p2{font-size: 22px; }
.s3_menu{padding: 0 30px;}

#s3 .slick-slide{margin:0 10px;}
#s3 button.slick-prev{width: 35px; height: 35px; background:url(/img/main/slick_prev_b.png)no-repeat center center; background-size: 30px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:0;top:50%;cursor: pointer; background-size: 30px;}
#s3 button.slick-next{width:35px; height: 35px; background:url(/img/main/slick_next_b.png)no-repeat center center ; background-size: 30px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute; right: 0px;top:50%;cursor: pointer; background-size: 30px;}

.s3_menu>div .best{padding: 7px 19px; font-size: 16px; letter-spacing: 0; z-index: 600; }
.s3_menu>div .menu_info{background-color: #fff6ed; color: #222; border-radius: 50px; line-height: 1.5; padding: 25% 20px 35px; margin-top: 45%}
.s3_menu>div .menu_info .name_e1{font-size: 20px; }
.s3_menu>div .menu_info .name_e2{font-size: 13px; }
.s3_menu>div .menu_info .name_k{font-size: 16px; }
.s3_menu>div .menu_info .name_k span{font-size: 13px; }


  }

@media screen and (max-width:768px) {

#s3{background:url(/img/main/s3_bg.jpg)no-repeat center -50px; background-size: 1000px; padding: 160px 0 120px;}

#s3 .s3_tt .p1{font-size:34px; margin-bottom:15px;}
#s3 .s3_tt .p2{font-size: 16px; }
 #s3 .r_tt p{ padding: 10px 15px; font-size: 18px;  margin-bottom: 35px;}
  }



@media screen and (max-width:480px) {
  #s3 .s3_tt{padding: 0 12px; word-break: keep-all;} 
#s3 .s3_tt .p1{font-size:24px; margin-bottom:15px;}
#s3 .slick-slide{margin:0 10px;}
.s3_menu>div .menu_info{border-radius: 35px; padding: 25% 14px 35px;}
  }









#s4{width: 100%; position: relative;background:url(/img/main/s4_bg.jpg)no-repeat center center;padding:160px 0px 200px; margin-top:0px; color: #222; }

#s4 .menu_wrap{width: 96%; margin:0px auto 0;}
#s4 .r_tt p{border-radius: 50px; display: inline-block; padding: 10px 15px; border:1px solid rgba(255,255,255,0.7); font-weight: 700; font-size: 20px; color: #fff; margin-bottom: 40px;}
#s4 button.slick-prev{width: 45px; height: 45px; background:url(/img/main/slick_prev.png)no-repeat center center; background-size: 30px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:0;top:50%;cursor: pointer;}
#s4 button.slick-next{width: 45px; height: 45px; background:url(/img/main/slick_next.png)no-repeat center center ; background-size: 30px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute; right: 0px;top:50%;cursor: pointer;}

#s4 .slick-slide{margin:0 20px; position: relative; }
#s4 .slick-current .menu_info{background-color: #fff;   transition: 0.3s ease;}
#s4 .best{position: absolute; top:0;left:0; color: #ff0000; font-weight: 700; border-radius: 60px; background:#fff; padding: 9px 23px; font-size: 20px; letter-spacing: 0;}

@media screen and (max-width:900px) {
  #s4 .best{padding: 7px 19px; font-size: 16px; letter-spacing: 0; z-index: 600; }

  }
@media screen and (max-width:768px) {
#s4{background:url(/img/main/s4_bg.jpg)no-repeat center center;padding:160px 0px 150px;}
  }
@media screen and (max-width:480px) {
#s4 .slick-slide{margin:0 10px;}
  }





#s5{width: 100%; position: relative;background:url(/img/main/s5_bg.jpg)no-repeat center center;padding:160px 0px; border-radius:49px 49px 0 0 ; margin-top:-49px;  color: #222; background-attachment: fixed; }
#s5 .s5_tt{color: #222; margin-bottom: 60px; overflow: hidden;}
#s5 .s5_tt .left{display: inline-block; font-size: 58px; font-weight: 800; line-height: 1.2; vertical-align: top; margin-right: 80px; padding-left: 10px;}
#s5 .s5_tt .right{display: inline-block; vertical-align: top;  line-height: 1.6; margin-top: 15px;}
#s5 .s5_tt .right .p1{font-size:40px; font-weight: 800;}
#s5 .s5_tt .right .p2{font-size: 26px; font-weight: 500; margin-bottom: 20px;}

.s5_gallary{position: relative;}
#s5 .slick-slide{margin: 0 50px; border-radius: 40px; overflow: hidden;}
#s5 button.slick-prev{width: 45px; height: 45px; background:url(/img/main/slick_prev.png)no-repeat 10px center #c7161d; background-size: 21px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:50%; margin-left:-26%;top:50%;margin-top: -22px; z-index: 100; cursor: pointer;}
#s5 button.slick-next{width: 45px; height: 45px; background:url(/img/main/slick_next.png)no-repeat 14px center #c7161d; background-size: 21px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute; left:50%; margin-left: 23.5%;top:50%; z-index: 100;margin-top: -22px; cursor: pointer;}

#s5 .slick-dots{width: 100%; text-align: center; margin-top: 20px;}
#s5 .slick-dots li{display: inline-block; margin:0 2px;}
#s5 .slick-dots li button{ display: inline-block; width: 11px; height: 11px; border-radius:6px; background-color: rgba(0,0,0,0.2); text-indent: -9999px; overflow: hidden; }
#s5 .slick-dots li.slick-active button{background-color: red;}

#s5 .text-wrap{font-size: 22px; line-height: 1.6; color: #222; margin-top: 50px; font-weight: 400;}
#s5 .text-wrap strong{font-weight: 700; text-decoration: underline;}

@media screen and (max-width:1200px) {
#s5 .s5_tt .left{ font-size: 48px; margin-right: 80px; padding-left: 10px;}
#s5 .s5_tt .right{  line-height: 1.6; margin-top: 15px;}
#s5 .s5_tt .right .p1{font-size:30px; }
#s5 .s5_tt .right .p2{font-size: 22px;  margin-bottom: 20px;}


 #s5 .slick-slide{margin:0 35px;} 
#s5 button.slick-prev{width: 45px; height: 45px; background:url(/img/main/slick_prev.png)no-repeat 10px center #c7161d; background-size: 21px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:16%; margin-left:0;top:50%;margin-top: -22px; z-index: 100; cursor: pointer;}
#s5 button.slick-next{width: 45px; height: 45px; background:url(/img/main/slick_next.png)no-repeat 14px center #c7161d; background-size: 21px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute;left: auto; right:16%; margin-left: 0;top:50%; z-index: 100;margin-top: -22px; cursor: pointer;}

#s5 .text-wrap{font-size:18px;  margin-top: 30px; word-break: keep-all;}
#s5 .text-wrap .slick-slide{border-radius: 0;}
  }

@media screen and (max-width:768px) {
#s5{border-radius: 30px 30px 0 0;margin-top: -30px; background-size: cover;}
#s5 .s5_tt{margin-bottom: 40px}
#s5 .s5_tt .left{ font-size: 48px; margin-right: 0px; padding-left:0px; display: block;}
#s5 .s5_tt .right{  line-height: 1.6; margin-top: 15px;}
#s5 .s5_tt .right .p1{font-size:22px; }
#s5 .s5_tt .right .p2{font-size: 16px;  margin-bottom: 00px; word-break:keep-all;}

 #s5 .slick-slide{margin:0 20px;} 
#s5 .slick-dots li button{ display: inline-block; width: 9px; height: 9px; border-radius:6px; background-color: rgba(0,0,0,0.2); text-indent: -9999px; overflow: hidden; }
#s5 button.slick-prev{width: 35px; height: 35px; background:url(/img/main/slick_prev.png)no-repeat 8px center #c7161d; background-size: 15px; border-radius: 50%; text-indent: -999px; overflow: hidden; position: absolute; left:10%; margin-left:0;top:50%;margin-top: -25px; z-index: 100; cursor: pointer;}
#s5 button.slick-next{width: 35px; height: 35px; background:url(/img/main/slick_next.png)no-repeat 12px center #c7161d; background-size: 15px;border-radius: 50%;text-indent: -999px; overflow: hidden; position: absolute;left: auto; right:10%; margin-left: 0;top:50%; z-index: 100;margin-top: -25px; cursor: pointer;}


#s5 .text-wrap{font-size:16px;  margin-top: 20px; word-break: keep-all;}
#s5 .text-wrap .slick-slide{border-radius: 0;}
}


@media screen and (max-width:480px) {
 #s5 .s5_tt{margin-bottom:30px}
#s5 .s5_tt .left{ font-size: 40px; }
#s5 .s5_tt .right{  line-height: 1.6; margin-top: 12px;}
#s5 .s5_tt .right .p1{font-size:20px; }
#s5 .s5_tt .right .p2{font-size: 14px;  margin-bottom: 00px;}
 
 #s5 .slick-slide{margin:0 25px; border-radius: 30px;} 

  }

@media screen and (max-width:380px) {
 #s5 .slick-slide{margin:0 15px;} 

  }


#s6{width: 100%; position: relative;background:#fff;padding:160px 0px; border-radius:49px 49px 0 0 ; margin-top:-49px;  color: #222; }
.s6_tt .p1{font-weight: 800; font-size: 56px; line-height: 1.6; color: #222;}
.s6_tt .p1 span{ color: #fd0000;}
.s6_tt .p2{font-size: 26px; margin-top: 25px;}
.s6_tt .p2 strong{font-weight: 800;}

.s6_tt .p1 .dot {
  position: relative;
  display: inline-block;
}

.s6_tt .p1 .dot::before {
  content: '';
  position: absolute;
  top: -0.10em; /* 도트 위치 조정 */
  left: 50%;
  transform: translateX(-50%);
  width: 0.20em;  /* 도트 크기 */
  height: 0.20em;
  background: #fd0000;
  border-radius: 50%;
}

.money{text-align: right;margin-bottom: 5px;}
.unitprice{margin-top: 50px;}

.s6_tt2{font-size: 22px; line-height: 1.6; color: #222; margin-top: 50px; font-weight: 400; text-align: center;}
.s6_tt2 span{text-decoration: underline; font-weight: 700;}

@media screen and (max-width:900px) {
.s6_tt .p1{ font-size: 45px; line-height: 1.6; color: #222;}
.s6_tt .p2{font-size: 22px; margin-top: 25px;}

.s6_tt2{font-size: 18px; margin-top: 50px; }

  }
@media screen and (max-width:768px) {
#s6{padding:160px 0px 120px; border-radius: 30px; margin-top: -30px;}
.s6_tt .p1{ font-size: 35px; line-height: 1.6; color: #222;}
.s6_tt .p2{font-size: 16px; margin-top: 5px;}
.s6_tt2{font-size:16px; margin-top: 30px;  word-break: keep-all; }
  }

@media screen and (max-width:480px) {
.s6_tt .p1{ font-size: 28px; line-height: 1.6; color: #222;}
.s6_tt .p2{font-size: 14px; margin-top: 5px;}
  }







#s7{background:#0d583a;width: 100%; position: relative;padding:160px 0px;  color: #fff; overflow: hidden;}
.s7_tt{margin-bottom: 70px;}
.s7_tt .p1{font-weight: 800; font-size: 56px; line-height: 1.6; }
.s7_tt .p1 span{ color: #f1701f;}
.s7_tt .p2{font-size: 26px; margin-top: 25px;}

.s7_img .fade-item {
  opacity: 0;
  transform: translateY(80px);
}
.s7_img{width: 1100px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.s7_img>div{width: 48%; margin-bottom: 40px;}
.s7_img>div img{border-radius: 40px;}
.s7_img>div p{text-align: center; font-size: 16px; margin-top: 10px;}

.s7_tt2{font-size: 22px; line-height: 1.6; margin-top: 20px; font-weight: 400; text-align: center;}
.s7_tt2 span{text-decoration: underline; font-weight: 700;}

 .img-left, .img-right {
    position:absolute;
    width:467px; height:4412px;
    background-size:cover;
  }

 
  .img-left {
    left:0%;
    top:0;
    background-image:url('/img/main/s8_bg1.png');
    animation: moveUpDown 20s linear infinite alternate;
  }

  .img-right {
    right:0%;
    top:0;
    background-image:url('/img/main/s8_bg2.png');
    animation: moveDownUp 20s linear infinite alternate;
  }

  @keyframes moveUpDown {
    0% { top:-300px; }
    100% { top:-2300px; }
  }

  @keyframes moveDownUp {
    0% { top:-2300px; }
    100% { top:-300px; }
  }


@media screen and (max-width:1200px) {
.s7_img{width:80%; }

.img-left, .img-right {
    position:absolute;
    width:200px; height:1890px;
    background-size:cover;
  }

 
  @keyframes moveUpDown {
    0% { top:-70px; }
    100% { top:-600px; }
  }

  @keyframes moveDownUp {
    0% { top:-600px; }
    100% { top:-70px; }
  }

  }

@media screen and (max-width:900px) {
.s7_img{width:90%; }

.s7_tt .p1{font-size:46px; line-height: 1.6; }
.s7_tt .p2{font-size: 22px; margin-top: 20px;}
.s7_tt2{font-size: 20px; margin-top: 20px; }

  }

@media screen and (max-width:768px) {
#s7{padding:120px 0px;  }
.s7_tt .p1{font-size:38px; line-height: 1.3; }
.s7_tt .p2{font-size: 18px; margin-top: 10px;}
.s7_tt2{font-size: 16px; margin-top: 15px; }
.s7_img>div img{border-radius: 25px;}
}

@media screen and (max-width:480px) {
#s7{padding:100px 0px;  }
.s7_tt{margin-bottom: 40px; padding: 0 12px; word-break: keep-all;}
.s7_tt .p1{font-size:30px; line-height: 1.3; }
.s7_tt .p2{font-size: 14px; margin-top: 10px;}
.s7_tt2{font-size: 14px; margin-top: 15px; }


.img-left, .img-right {
    position:absolute;
    width:100px; height:945px;
    background-size:cover;
  }

 
  @keyframes moveUpDown {
    0% { top:-10px; }
    100% { top:-100px; }
  }

  @keyframes moveDownUp {
    0% { top:-100px; }
    100% { top:-10px; }
  }

.s7_img>div{margin-bottom: 25px;}
.s7_img>div p{font-size: 14px;}
}







#s8{background:#f6f6f6;width: 100%; position: relative;padding:160px 0px;  color: #222; overflow: hidden;}
.s8_tt{margin-bottom: 70px;}
.s8_tt .p1{font-weight: 800; font-size: 56px; line-height: 1.6; color: #222}
.s8_tt .p2{font-size: 26px; margin-top: 25px; color: #222}

.faq_box{border-top:3px solid #333;}
.faq-item {   overflow: hidden;  font-size: 20px; border-bottom: 1px solid #ccc;}
.faq-question { cursor: pointer; padding: 29px 20px; display: flex; justify-content: space-between; align-items: center; font-weight: 700; word-break: keep-all;}
.faq-question.active {background: #fff;} 
  .faq-question strong{font-weight: 800; margin-right: 15px; font-size: 22px;}
  .faq-answer { display: none; padding: 23px 20px 23px 55px; border-top: 1px solid #eee; line-height: 1.5; background:#fff; word-break: keep-all; position: relative;}
  .faq-answer span{font-weight: 800; color: #ff4900; font-size: 22px; position: absolute; top:25px; left:22px;}
  .arrow { transition: transform 0.3s; color: #0d583a; }
  .arrow.open { transform: rotate(180deg);  color: #ff4900;}

@media screen and (max-width:900px) {
    .s8_tt{margin-bottom: 50px;}
  .s8_tt .p1{font-size:48px; }
.s8_tt .p2{font-size: 22px; margin-top: 20px;}

  }
@media screen and (max-width:768px) {
 #s8{padding: 120px 0;} 
.s8_tt{margin-bottom:30px;}
.s8_tt .p1{font-size:38px; }
.s8_tt .p2{font-size: 16px; margin-top: 10px;}

.faq-item {   font-size: 16px; }
.faq-question {  padding: 20px 20px;  }
.faq-question.active {background: #fff;} 
  .faq-question strong{ margin-right: 12px; font-size: 20px;}
  .faq-answer { padding: 18px 20px 18px 50px; }
  .faq-answer span{ top:18px; font-size: 18px;}


  }
@media screen and (max-width:480px) {
#s8{padding: 90px 0;} 
.s8_tt{margin-bottom:30px;}
.s8_tt .p1{font-size:30px; }
.s8_tt .p2{font-size: 14px; margin-top: 10px;}

.faq-item {   font-size: 14px; }
.faq-question {  padding: 18px 15px;  }

  .faq-question strong{ margin-right: 9px; font-size: 18px;}
  .faq-answer { padding: 15px 15px 15px 40px; }
  .faq-answer span{  font-size: 16px; top:14px; left:18px;}
  }






#s9{background:#0d583a;width: 100%; position: relative;padding:160px 0px;  color: #fff; overflow: hidden;}
.s9_tt{margin-bottom: 70px;}
.s9_tt .p1{font-weight: 800; font-size: 56px; line-height: 1.6; }
.s9_tt .p2{font-size: 22px; margin-top: 25px; line-height: 1.5; word-break: keep-all; }

#form{border-radius: 30px; background:#fff; padding: 80px 80px 70px; }	
#form input, #form select, #form textarea{}
#form ul li{  margin-bottom: 30px; position: relative; padding-left: 110px;}
#form ul li input[type="text"]{height: 55px;padding: 10px;padding-left: 20px;border-radius: 3px;
     border-radius: 10px; border:1px solid #ddd;font-size: 15px; font-weight: 400;color: #222; width: 100%;}
#form ul li input[type="checkbox"]{margin-right: 3px;}
.f_type{color: #333; display: inline-block; font-size: 18px; font-weight: 700;}
.f_type2{margin-right: 50px;}
#form ul li p{font-weight: 600; color: #222;  display: inline-block; width: 100px; position: absolute; top:0; left:0; font-size: 16px; vertical-align: top;}
#form ul li p.down{top:15px;}
#form ul li textarea{width: 100%; height:100px;  border-radius: 3px; font-size: 15px;line-height: 1.5;font-size: 15px; resize: none; padding:10px 20px; border-radius: 10px; border:1px solid #ddd;font-family:"Pretendard Variable"!important; color: #222;}
#form label{font-size: 13px; padding-left: 5px;}
.policy_check{margin-top:0px; color: #555; font-size: 14px; text-align: right;}


#s9 a.btn{background: #00a15e; color: #fff; line-height: 60px; display: inline-block; padding:0 60px; border-radius: 50px; font-size: 18px; font-weight: 700;}
#s9 a.btn:hover{opacity: 0.85;}

@media screen and (max-width:900px) {
.s9_tt{margin-bottom: 50px;}
.s9_tt .p1{ font-size: 46px;  }
.s9_tt .p2{font-size: 18px; margin-top:15px;  }
  }
@media screen and (max-width:768px) {
#s9{padding:120px 0px;}

.s9_tt{margin-bottom: 30px;}
.s9_tt .p1{ font-size: 38px;  }
.s9_tt .p2{font-size: 16px; margin-top:15px;  }

#form{border-radius: 20px; background:#fff; padding: 60px 30px 50px; }  
#form ul li{  margin-bottom: 15px; position: relative; padding-left: 80px;}
#form ul li input[type="text"]{height: 40px;padding: 10px;padding-left: 12px;border-radius: 3px;
     border-radius: 10px; border:1px solid #ddd;font-size: 13px; font-weight: 400;color: #222; width: 100%;}
#form ul li input[type="checkbox"]{margin-right: 3px;}
.f_type{color: #333; display: inline-block; font-size: 15px; font-weight: 700;}
.f_type2{margin-right: 20px;}
#form ul li p{font-weight: 600; color: #222;  display: inline-block; width: 70px; position: absolute; top:0; left:0; font-size: 13px; vertical-align: top;}

#form ul li textarea{width: 100%; height:100px;  border-radius: 3px; line-height: 1.5;font-size: 13px; resize: none; padding:10px 12px; border-radius: 10px; border:1px solid #ddd; }
#form label{font-size: 13px; padding-left: 5px;}
.policy_check{margin-top:0px; color: #555; font-size: 14px; text-align: right;}


#s9 a.btn{ line-height: 50px; display: inline-block; padding:0 40px; border-radius: 50px; font-size: 16px; font-weight: 700;}

  }
@media screen and (max-width:480px) {
#s9{padding:90px 0px;}

.s9_tt .p1{ font-size: 30px;  word-break: keep-all;line-height: 1.3; }
.s9_tt .p2{font-size: 14px; margin-top:10px;  }

#form{padding: 40px 15px 30px; }  
#form ul li{   padding-left: 70px;}
.f_type{ font-size: 14px; }
.f_type2{margin-right: 5px;}
  }


/*공통*/
.fade-text {
      opacity: 0;
      transform: translateY(80px);
    }