@CHARSET "ISO-8859-1";

#top_area { border-bottom:0; }

#section0 { background:url('../image/section0_bg.jpg') no-repeat;	background-position:center center; 	background-size: cover; }
#section0 .div_half { display:flex ; height:100vh; width:100%; padding:0 10rem; align-items:center; margin:0 auto; }
#section0 .text { color:#fff; text-align:left; padding:0 0px; /*  position:absolute; top:50%; left:10rem; margin-top:-150px; */ width:480px; flex-shrink:0; }
#section0 .text h3 {  font-size:1.6rem; line-height:1.8rem;  font-weight:600; }
#section0 .text h1 {  font-size:5.5rem; font-weight:800; margin:0 0 0.1rem 0; }
#section0 .text h2 {  font-size:1.3rem; line-height:1.8rem; margin-top:1rem; }
#section0 .text .btn_sin { background:#fd651a; color:#fff; border-radius:10px; padding:0.3rem 0 0.45rem; display:block; margin-top:2em; text-align:center; font-size:1.5rem; width:14rem; letter-spacing:-0.1rem; }
#section0 .text .btn_sin:hover { color:#fd651a; background:#fff; }
#section0 .swiper-container { flex-grow:1; }
#section0 .swiper-slide { width:calc(100% / 3 + 15px); max-width:400px; padding:0;border:1px solid #fff;   border-radius:50% ; overflow:hidden; }
#section0 .swiper-slide:hover { background:#fd651a; border:1px solid #fd651a; z-index:10; }
#section0 .swiper-slide:after { content:"";  display:block; padding:0 0 100% 0; }
#section0 .swiper-slide .s-box { color:#fff;  position:absolute; left:0; top:0; height:100%;; width:100%; box-sizing:border-box; display:flex; 
flex-direction:column; justify-content:center;  }
#section0 .swiper-slide .s-box img { width:30%; max-width:120px; margin:0 auto 0.8rem; }
#section0 .swiper-slide .s-box span { font-size:1.2rem; line-height:1.3rem; }
#section0 .swiper-slide .s-box strong { font-size:2.2rem; font-weight:600; display:block; }
#section0 .swiper-button-prev{ display:none; width:50px;height:50px;margin-top:-60px;background:#fd651a ; left:3rem; border-radius:25px; color:#fff;  }
#section0 .swiper-button-next{ display:none; width:50px;height:50px;margin-top:-60px;background:#fd651a ; right:3rem; border-radius:25px;   color:#fff; }
#section0 .swiper-button-prev:after,
#section0 .swiper-button-next:after { width:20px !important; font-size:20px !important; }
#section0 .swiper-pagination { display:none; }

#section0_1 { background:#000; }

@media(max-width:1000px){
#section0 { background:url('../image/section0_bg.jpg') no-repeat;	background-position:center center; background-size: cover; }
#section0 .div_half { display:block;  height:auto; width:100%; padding:0; align-items:center; margin:0 auto;  }
#section0 .text { color:#fff; text-align:left; padding:0 0px; width:100%; flex-shrink:0;; padding:0 3rem 0 2rem }
#section0 .text h3 {  font-size:1.6rem; line-height:1.8rem;  font-weight:600; }
#section0 .text h1 {  font-size:5.5rem; font-weight:800; margin:0 0 0.1rem 0; }
#section0 .text h2 {  font-size:1.3rem; line-height:1.8rem; }
#section0 .text .btn_sin { background:#fd651a; color:#fff; border-radius:10px; padding:0.3rem 0 0.41rem; display:block; margin-top:2em; text-align:center; font-size:1.3rem; width:9rem; }
#section0 .text .btn_sin:hover { color:#fd651a; background:#fff; }
#section0 .swiper-container { flex-grow:1; margin-top:3rem; }
#section0 .swiper-slide { width:calc(100% / 2.5); max-width:auto; padding:0;border:1px solid #fff;   border-radius:50% ; overflow:hidden; margin:0  15px; }
#section0 .swiper-slide:hover { background:#fd651a; border:1px solid #fd651a; z-index:10; }
#section0 .swiper-slide:after { content:"";  display:block; padding:0 0 100% 0; }
#section0 .swiper-slide .s-box { color:#fff;  position:absolute; left:0; top:0; height:100%;; width:100%; box-sizing:border-box; display:flex; 
flex-direction:column; justify-content:center;  }
#section0 .swiper-slide .s-box img { width:30%; max-width:120px; margin:0 auto 0.8rem; }
#section0 .swiper-slide .s-box span { font-size:1.2rem; line-height:1.3rem; }
#section0 .swiper-slide .s-box strong { font-size:1.8rem; font-weight:600; display:block; }
#section0 .swiper-button-prev{ display:none; width:50px;height:50px;margin-top:-60px;background:#fd651a ; left:3rem; border-radius:25px; color:#fff;  }
#section0 .swiper-button-next{ display:none; width:50px;height:50px;margin-top:-60px;background:#fd651a ; right:3rem; border-radius:25px;   color:#fff; }
#section0 .swiper-button-prev:after,
#section0 .swiper-button-next:after { width:20px !important; font-size:20px !important; }
#section0 .swiper-pagination { display:none; }
}











#section1 .div_half { display:flex ; height:100vh; width:100%; background:#eee; }
#section1 .left { width:40%; height:100%; flex-shrink:0;  background:url('../image/section1_bg.jpg') no-repeat;	background-position:center right;		background-size: cover;
display:flex; justify-content:center; align-items:center; }
#section1 .left .text { color:#fff; text-align:center; background:url('../image/1page_box.png') no-repeat; width:575px; height:223px; background-position:bottom center; } 
#section1 .left .text .p1 { font-size:1.7rem; }
#section1 .left .text .p2 { font-size:2.2rem; border-bottom:2px solid #fff; display:inline-block;}
#section1 .left .text .p3 { font-size:4rem; font-weight:600; white-space:nowrap; }
#section1 .left .text .p3 strong { font-size:4.4rem; }
#section1 .right { background:#fd651a; width:60%;  height:100%; flex-shrink:0; display:flex; flex-wrap:wrap;flex-direction:column;  justify-content:center; padding:0 4.375rem; }
#section1 .right .title { color:#fff; margin-bottom:3.2rem }
#section1 .right .title h3 { font-size:2rem; font-weight:600; letter-spacing:-1px; }
#section1 .right .title p { font-size:1.5rem; }
#section1 .right .cont { color:#fff;  display:flex; flex-wrap:wrap; justify-content:space-between; max-width:100%; }
#section1 .right .cont li { width:calc(100% / 3 - 1.87rem); border:2px solid #fff; border-radius:1.25rem; margin:1.25rem 0; padding:2.5rem 0 3.125rem 2rem; }
#section1 .right .cont li i { font-size:2.5rem;  color:#fff; font-weight:500;  position:relative; display:block; margin-bottom:0.625rem; font-style:normal; }
#section1 .right .cont li i::after { position:absolute; width:30px; height:1px; background:#fff; content:""; left:0; top:3.43rem; }
#section1 .right .cont li strong { font-size:1.875rem; color:#fff; font-weight:500; margin-bottom:0.3rem; position:relative; display:block; }
#section1 .right .cont li p { font-size:1.125rem; line-height:1.5rem; }

@media(max-width:1000px){
#section1 .div_half { display:block;  height:100vh; width:100%; background:#eee; max-height:100%; }
#section1 .left { width:100%; height:30%; flex-shrink:0;  background:url('../image/section1_bg.jpg') no-repeat;	background-position:center right;	background-size: cover;
display:flex; justify-content:center; align-items:center; padding-top:3rem; }
#section1 .left .text { color:#fff; text-align:center; } 
#section1 .left .text .p1 { font-size:1.7rem; }
#section1 .left .text .p2 { font-size:2.2rem; }
#section1 .left .text .p3 { font-size:3.4rem; font-weight:600; white-space:nowrap; }
#section1 .left .text .p3 strong { font-size:3.4rem; }
#section1 .right { background:#fd651a; width:100%;  height:70%; flex-shrink:0; display:flex; flex-wrap:nowrap;flex-direction:column;  align-items:center; padding:2rem 3rem 3 2rem;  }
#section1 .right .title { color:#fff; margin-bottom:1rem ; width:100%; }
#section1 .right .title h3 { font-size:2rem; font-weight:600; letter-spacing:-1px; }
#section1 .right .title p { font-size:1.5rem; line-height:2rem; }
#section1 .right .cont { color:#fff;width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:100%; }
#section1 .right .cont li { width:calc(100% / 2 - 0.5rem); border:2px solid #fff; border-radius:1.25rem; margin:0.5rem 0; padding:1rem 0.5rem; position:relative;  text-align:center; }
#section1 .right .cont li i { font-size:1.5rem;  color:#fff; font-weight:500;  position:static; margin-bottom:0; font-style:normal; display:inline; text-align:center; }
#section1 .right .cont li i::after { display:none; }
#section1 .right .cont li strong { font-size:1.5rem; color:#fff; font-weight:500; margin-bottom:0.3rem; position:static; text-align:center; display:inline;}
#section1 .right .cont li p { font-size:1.2rem; line-height:1.5rem; text-align:center;}
}






#section2 { background:#fff; color:#222 }
#section2 .title { text-align:center; margin-bottom:2.2rem }
#section2 .title  h2 { font-size:1.5rem; font-weight:600;color:#fd651a }
#section2 .title  h3 { font-size:3.2rem; font-weight:600;  letter-spacing:-0.18px;  }
#section2 .title  p { font-size:1.7rem;   }
#section2 .cont { color:#222; display:flex; flex-wrap:wrap; justify-content:center; max-width:1300px; margin:0 auto; }
#section2 .cont li { width:calc(100% / 3 - 2rem); text-align:center; padding:2.5rem 0px; background:#ffe2d4; border-radius:10px; margin:1rem ; }
#section2 .cont li i { display:none; }
#section2 .cont li img { width:80px; }
#section2 .cont li strong { font-size:1.4rem;font-weight:600; letter-spacing:-1px;  margin-bottom:0.8rem; display:block; }
#section2 .cont li p { font-size:0.9rem; color:#222; font-weight:300; }

.section2_left { width:65%; flex-shrink:0; }
.section2_right { width:calc(35% - 50px); flex-shrink:0; margin-left:1px; margin-right:25px; }
.section2_right .title {text-align:center; margin-bottom:10px; margin-top:48px;}
.section2_right .title strong { font-size:1.6rem; }
.section2_right .title p { font-size:1.1rem; }
.section2_right table { width:100%; }
.section2_right table th { padding:10px 0;  background:#ffe2d4; text-align:center; font-size:1.0rem; width:calc(100% / 3); }
.section2_right table td { padding:7px 0; text-align:center; font-size:1.1rem }


.member_new  {  width:calc(100% - 30px); margin:0 auto; border:2px solid #ffe2d4; border-top:0; }
.member_new ul { width:100%; }
.member_new ul li { display:flex; justify-content:space-between; height:35px; line-height:32px; }
.member_new ul li.li_th { background:#ffe2d4; margin-bottom:10px; }
.member_new ul li span { flex-shrink:0;width:calc(100% / 3);  font-size:1rem; white-space:nowrap;  text-align:center; }
.member_new ul li span:last-child { text-align:right; padding-right:1.5rem; }



@media(max-width:1000px){
#section2 { background:#555; color:#222; }
#section2 .title { text-align:center; margin-bottom:1.2rem }
#section2 .title  h2 { font-size:1.1rem; font-weight:600;color:#fd651a }
#section2 .title  h3 { font-size:2.8rem; font-weight:600;  letter-spacing:-0.18px;  }
#section2 .title  p { font-size:1.5rem;   }
#section2 .cont { color:#222; display:flex; flex-wrap:wrap; justify-content:center; max-width:1300px; margin:0 auto; padding:0 3rem 0 1rem}
#section2 .cont li { width:calc(100% / 2 - 1rem); text-align:center; padding:1.5rem 0px; background:#ffe2d4; border-radius:10px; margin:0.5rem ; }
#section2 .cont li i { display:none; }
#section2 .cont li img { width:60px; }
#section2 .cont li strong { font-size:1.2rem;font-weight:600; letter-spacing:-1px;  margin-bottom:0.4rem; display:block; }
#section2 .cont li p { font-size:1rem; letter-spacing:-1px; color:#222; font-weight:300; line-height:1.3rem; }
}



#section3 { width:100%;height:100%;  background:url('../image/section3_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section3 .div_half { display:flex; height:100%; ; height:100vh; align-items:center; }
#section3 .review { width:70%; }
#section3 .review .cont { display:flex; flex-wrap:wrap; }
#section3 .review .title { font-size:1.875rem; padding:0 0 1.875rem 3.125rem; }
#section3 .review .title h3 { color:#222; font-size:1.875rem; }
#section3 .review .title h4 { color:#fd651a; font-size:2.5rem; font-weight:600; }
#section3 .review .title p { color:#222; font-size:1.25rem; }

#section3 .review ul.cont { display:flex; flex-wrap:wrap; background:#fd651a; padding:1.875rem 3.75rem; justify-content:space-between; }
#section3 .review ul.cont li { width:calc(100% / 2 - 1.25rem); flex-shrink:0; color:#fff; padding:1.25rem 0; text-align:left;  }
#section3 .review ul.cont p { font-size:1rem;  overflow:hidden; text-overflow:ellipsis;   display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical ; line-height:1.5rem;  height:4.5rem; }
#section3 .review ul.cont p span { font-size:1rem !important; font-family: 'Noto Sans KR', sans-serif !important;font-weight:normal !important;  }
#section3 .review ul.cont img {  width:2.5rem; border-radius:1.25rem; margin-right:10px; }
#section3 .review ul.cont p.name { display:flex; align-items:center; margin-top:10px; }

#section3 .earnings_status { width:30%; background:rgba(0,0,0,0.8) ; height:100%; padding:0 1.875rem;display:flex; flex-wrap:wrap;flex-direction:column;  justify-content:center;  color:#fff; }
#section3 .earnings_status .title { margin-bottom:1.875rem; }
#section3 .earnings_status .title h3 { font-size:3.125rem; }
#section3 .earnings_status .title p { font-size:1.25rem; }
#section3 .earnings_status .title p span { color:rgba(255,255,255,0.3); font-size:0.875; }
#section3 .earnings_status .cont {  width:100% }
#section3 .earnings_status .cont ul { width:100%; }
#section3 .earnings_status .cont ul li { display:flex; justify-content:space-between; padding:0.187rem 0;  }
#section3 .earnings_status .cont ul li span { width:100%; flex-shrink:0;width:calc(100% / 3);  font-size:1.25rem; white-space:nowrap;  }
#section3 .earnings_status .cont ul li span:last-child { text-align:right; padding-right:1.5rem; }


@media(max-width:1000px){

#section3 { width:100%;height:100%;  background:url('../image/section3_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section3 .div_half { display:block; height:100%; ; height:100vh; align-items:center; }
#section3 .review { width:100%; height:100%;}
#section3 .review .cont { display:flex; flex-wrap:wrap; }
#section3 .review .title { font-size:1.875rem; padding:0 0 1.875rem 3.125rem; }
#section3 .review .title h3 { color:#222; font-size:1.875rem; }
#section3 .review .title h4 { color:#fd651a; font-size:2.5rem; font-weight:600; }
#section3 .review .title p { color:#222; font-size:1.25rem; }

#section3 .review ul.cont { display:flex; flex-wrap:wrap; background:#fd651a; padding:1.875rem 3.75rem; justify-content:space-between; }
#section3 .review ul.cont li { width:calc(100% / 2 - 1.25rem); flex-shrink:0; color:#fff; padding:1.25rem 0; }
#section3 .review ul.cont p { font-size:1rem; }
#section3 .review ul.cont img {  width:2.5rem; border-radius:1.25rem; margin-right:10px; }
#section3 .review ul.cont p.name { display:flex; align-items:center; margin-top:10px; }

#section3 .earnings_status {height:100%; width:100%; background:rgba(0,0,0,0.8) ; height:100%; padding:0 1.875rem;display:flex; flex-wrap:wrap;flex-direction:column;  justify-content:center;  color:#fff; }
#section3 .earnings_status .title { margin-bottom:1.875rem; }
#section3 .earnings_status .title h3 { font-size:3.125rem; }
#section3 .earnings_status .title p { font-size:1.25rem; }
#section3 .earnings_status .title p span { color:rgba(255,255,255,0.3); font-size:0.875; }
#section3 .earnings_status .cont {  width:100% }
#section3 .earnings_status .cont ul { width:100%; }
#section3 .earnings_status .cont ul li { display:flex; justify-content:space-between; padding:0.187px 0;  }
#section3 .earnings_status .cont ul li span { width:100%; flex-shrink:0;width:calc(100% / 3);  font-size:1.25rem; white-space:nowrap;  }


}




/*
#section4 .div_half { display:flex; height:100%; ; height:100vh;  }
#section4 .cont { background:#fd651a; width:45%; display:flex;  flex-direction:column;  justify-content:center;  padding:0; color:#fff; padding:0 3rem; }
#section4 .cont h1 { font-size:2.7rem; font-weight:600; }
#section4 .cont p { font-size:1.5rem; line-height:2.2rem; padding:1.2rem 0; }
#section4 .cont a.btn_link { background:#fff; color:#fd651a; border-radius:10px; padding:0.30rem 0 0.43rem; display:block; width:22rem; margin-top:2em;
text-align:center; font-size:1.6rem;  }
#section4 .cont a.btn_link:hover { color:#fff; background:#222; }
*/


.section_common1 .div_half { display:flex; height:100%; ; height:100vh;  }
.section_common1 .cont { flex-shrink:0;  background:#fd651a; /* background:rgba(253,101,26,0.9); */ width:45%; display:flex;  flex-direction:column;  justify-content:center;  padding:0; color:#fff; padding:0 3rem; }
.section_common1 .cont h1 { font-size:2.7rem; font-weight:600; }
.section_common1 .cont p { font-size:1.5rem; line-height:2.2rem; padding:1.2rem 0; }
.section_common1 .cont a.btn_link { background:#fff; color:#fd651a; border-radius:10px; padding:0.30rem 0 0.43rem; display:block; width:22rem; margin-top:2em;
text-align:center; font-size:1.6rem;  }
.section_common1 .cont a.btn_link:hover { color:#fff; background:#222; }



#section4 { width:100%;height:100%;  background:url('../image/section4_bg.jpg') no-repeat; background-position:center center;	background-size: cover;  }
#section5 { width:100%;height:100%;  background:url('../image/section5_bg.jpg') no-repeat; background-position:center center;	background-size: cover;  }
#section5 .div_half { flex-direction:row-reverse; }

#section6 {  background:#fff; color:#222 ; padding:0; }
#section6 .title { text-align:center; margin-bottom:20px; margin-top:100px;}
#section6 .title p.p1 { font-size:20px; font-weight:600;color:#fff }
#section6 .title p.p2 { font-size:55px; font-weight:600;  letter-spacing:-3px;  }
#section6 .title p.p3 { font-size:25px;   }

#section6 .cont { color:#222; display:flex; flex-wrap:wrap; justify-content:center; max-width:1200px; margin:0 auto 100px; }
#section6 .cont li { width:calc(100% / 3 - 40px); text-align:center; padding:0px 0px; border-radius:15px; margin:10px 20px; }
#section6 .cont li img { object-fit:cover; margin:0 auto 0.3rem; border-radius:18px; width:100%; }
#section6 .cont li span { display:block; text-align:center; }




#section7 { width:100%;height:100%;  background:url('../image/section7_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
.section_common2 .div_half { width:100%; height:100vh; background:rgba(0,0,0,0.3); display:flex; align-items:center; }
.section_common2 .title {  display:flex;  flex-direction:column;  justify-content:center; padding:30px 20px 30px 70px;  color:#fff;  flex-grow:1; }
.section_common2 .title .p1 { font-size:1.9rem; }
.section_common2 .title .p2 { font-size:3.5rem; font-weight:bold; }
.section_common2 .title a.btn_detail { background:#fd651a; color:#fff; border-radius:10px; padding:0.30rem 0 0.43rem; display:block; width:12rem; margin-top:1.3rem;
text-align:center; font-size:1.4rem;  }
.section_common2 .count { background:#fff; width:600px; height:600px; border-radius:20px; padding:2.3rem 2rem 3rem 3rem ; flex-shrink:0; flex-grow:0; margin-right:10rem; }
.section_common2 .count .in { width:100%; height:100%;  overflow-y:scroll; padding-right:1rem; }
.section_common2 .count h2 { font-size:2rem; font-weight:600; margin-bottom:0.5rem; padding-top:1rem;  }
.section_common2 .count p { font-size:1rem; padding: 0.5rem 0 0 0; line-height:1.8rem; }
.section_common2 .count p strong { font-size:1.2rem; font-weight:600; padding-top:0.2rem; display:block; }
.ul_table_3x3 { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:0px auto; }
.ul_table_3x3 li { width:calc(100% / 3); padding:5px 0; }
.ul_table_3x3 li b { font-size:1.1rem; font-weight:bold; }




#section8 { width:100%;height:100%;  background:url('../image/section8_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }



#section9 { width:100%;height:100%;  background:url('../image/section9_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section10 { width:100%;height:100%;  background:url('../image/section10_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }

#section11 { width:100%;height:100%;  background:url('../image/section11_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }

#section12 { width:100%;height:100%;  background:url('../image/section12_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section13 { width:100%;height:100%;  background:url('../image/section13_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }

#section14 { width:100%;height:100%;  background:url('../image/section14_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section15 { width:100%;height:100%;  background:url('../image/section15_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }



#section16 .div_half { width:100%; height:100vh; display:flex; }
#section16 .div_half .left { background:#ddd; width:50%; height:100%; justify-content:center;  align-items:center; display:flex; padding:0 2rem; }
#section16 .div_half .left .title {  text-align:center; } 
#section16 .div_half .left .title .p1 { font-size:3.2rem; color:#fd651a; font-weight:800; letter-spacing:-1px; line-height:3.5rem; margin-bottom:1rem; text-align:left; }
#section16 .div_half .left .title .p2 { font-size:1.2rem;margin-bottom:3rem; text-align:left; }
#section16 .div_half .left img { margin:0 auto; }
#section16 .div_half .right { width:50%; height:100%; ; justify-content:center;  align-items:center; display:flex; }
#section16 .div_half .right .cont {  display:flex;  flex-direction:column;  justify-content:center;    align-items:center;}
#section16 .right p.p1 { font-size:3.2rem; font-weight:800; letter-spacing:-1px; line-height:3.5rem;  margin-bottom:1rem; }
#section16 .right p.p2 {  margin:3rem 0 0; text-align:center;; background:#fd651a; color:#fff; font-size:1.6rem; 
display:inline-block; height:2.5rem; line-height:2.4rem ; padding:0 2rem 0 2rem;font-weight:500; letter-spacing:-1px; border-radius:1.3rem; }
#section16 .right ul.table { display:flex; width:100%; margin:0 auto; justify-content:center; }
#section16 .right ul.table li {  text-align:center; flex-shrink:0; flex-grow:0; padding:1rem; }
#section16 .right ul.table li span { display:block; font-size:1.3rem; color:#222; }
#section16 .right ul.table li strong { display:inline-block; font-size:2rem; color:#fd651a; white-space:nowrap; border-bottom:2px solid #fd651a }
#section16 .right ul.item_list { display:flex; flex-wrap:wrap; margin:3rem auto; width:90%; border-top:1px solid #ddd; border-left:1px solid #ddd; }
#section16 .right ul.item_list li { width:calc(100% / 3); padding:1rem 0.5rem; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:600; font-size:1.2rem; }
#section16 .right p.guide { color:#777; }


#section17 {  background:#ffe2d4;  }
#section17 .title { position:absolute; top:10rem; left:5rem; }
#section17 .title .p1 { font-size:3.2rem; color:#fd651a; font-weight:800; letter-spacing:-1px; line-height:3.5rem; margin-bottom:1rem; }
#section17 .title .p2 { font-size:1.8rem; color:#222;  margin-bottom:1rem; line-height:2.1rem; }
#section17 .title .p3 { font-size:1rem; color:#222;  margin-bottom:1rem; }
#section17 .img { margin:0 auto; text-align:center; }
#section17 .img img:first-child { margin-right:5rem; }













#section18 { width:100%;height:100%;  background:url('../image/section18_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section18 .black { width:100%; height:100vh; background:rgba(0,0,0,0.5); display:flex; align-items:center; flex-direction:column;  justify-content:center;  }
#section18 .black p { color:#fff; text-align:center; }
#section18 .black p.p1 { font-size:4rem; font-weight:600; }
#section18 .black p.p2 { font-size:4rem; font-weight:800; }
#section18 .black p.p3 {background:#fd651a; color:#fff; border-radius:30px; padding:0.30rem 3rem 0.43rem; display:inline-block; margin:1rem auto; 
text-align:center; font-size:1.5rem; }
#section18 .black p.p4 { font-size:1.5rem; }





#section19 .inner { width:100%; padding:100px 0;  background:#ffe2d4;  text-align:center; height:100vh;  display:flex; align-items:center; flex-direction:column;  justify-content:center; }
#section19 .inner .title { text-align:center; margin-bottom:2rem } 
#section19 .inner .title strong {  font-size:3rem; letter-spacing:-1px; font-weight:800; }
#section19 .inner .title strong span { /* font-family: 'GmarketSansBold'; */}
#section19 .inner .title .p1 { color:#fd651a; font-size:1.5rem; font-weight:600; letter-spacing:-1px; /* background:#fd651a; width:620px; height:53px; line-height:52px; margin:2rem auto; color:#fff; 
font-size:25px; letter-spacing:-1px; border-radius:28px; */ }
#section19 .inner .p2 { font-weight:800; color:#fd651a; font-size:3.5rem; margin-top:3rem; }
#section19 .inner ul { display:flex; flex-wrap:wrap; max-width:1200px; margin:0 auto; }
#section19 .inner ul li { width:calc(100% / 4 - 30px); margin:15px; text-align:center; /* border-radius:15px;  background:#fff; padding:20px; box-shadow:0px 0px 7px rgba(0,0,0,0.1); */ }
#section19 .inner ul li img { width:100%; object-fit:cover;margin-bottom:10px;  border-radius:50%; }
#section19 .inner ul li span { font-weight:500; font-size:20px; }
#section19 .inner .btn2 {  text-align:center;; background:#fd651a; color:#fff; font-size:27px; display:inline-block; height:54px; line-height:52px ; padding:0 50px 0 50px;
margin:50px auto 0; font-weight:500; letter-spacing:-1px; border-radius:27px; }
#section19 .inner .btn2 span { margin-left:10px; color:#d9f6fe; }
/*
#section19 .inner .btn2:hover { background:#824cd6; }
#section19 .inner .btn2:hover span { color:#fff; }
*/
#section19 .inner p.p3 { margin:40px auto 20px; font-size:30px; display:block; font-weight:500; }
#section19 .inner p.p4 { font-size:20px; display:block}
#section19 .inner p.p4 u { text-decoration:none; border-bottom:2px solid #824cd6; }







#section20 { background:#eee }
#section20 .title { margin-bottom:3rem; }
#section20 .title .p1 { font-size:3rem; font-weight:800; letter-spacing:-1px; }
#section20 .title .p2 { font-size:1.5rem; }
#section20 .inner { width:100%; padding:0px 0 0; text-align:center;}
#section20 .inner .swiper-container { width:100%; margin:0 auto; padding:0 2.5% 70px; }
#section20 .inner .swiper-slide { width:calc(100% / 4); max-width:300px; }
#section20 .inner .swiper-slide .s-box { background:#fff; border-radius:20px; padding:10px; margin:0 15px; overflow:hidden; }
#section20 .inner .swiper-button-prev{width:50px;height:50px;margin-top:-60px;background:#fd651a ; left:3rem; border-radius:25px; color:#fff;  }
#section20 .inner .swiper-button-next{width:50px;height:50px;margin-top:-60px;background:#fd651a ; right:3rem; border-radius:25px;   color:#fff; }
#section20 .inner .swiper-button-prev:after,
#section20 .inner .swiper-button-next:after { width:20px !important; font-size:20px !important; }
#section20 .swiper-pagination { text-align:center; position:static; margin-top:2rem; }
#section20 .swiper-pagination .swiper-pagination-bullet { background:rgba(0,0,0,0.2); width:10px; height:10px; border-radius:5px; margin:0 10px; }
#section20 .swiper-pagination .swiper-pagination-bullet-active { background:#fd651a;width:10px; height:10px; border-radius:5px; }




/*
@media(max-width:900px){
#section20 .inner { background:url('../image/section03_bg.jpg') no-repeat; width:100%; padding:30px 0 10px; text-align:center; height:auto;   background-position:center center}
#section20 .inner .swiper-container { width:100%; max-width:100%; margin:0 auto; padding:0 0 40px; }
#section20 .inner .swiper-slide { width:270px; min-width:200px; }
#section20 .inner .swiper-slide .s-box { background:#fff; border-radius:10px; padding:0 0 15px 0px; margin:0 10px; overflow:hidden; }
#section20 .inner .swiper-slide .s-box .in img { margin-bottom:15px; }
#section20 .inner .swiper-slide .s-box .in span { color:#1049be; font-size:20px; }
#section20 .inner .swiper-slide .s-box .in p { margin-top:10px; padding:0 0px; font-size:12px; font-weight:normal; line-height:140%; }
#section20 .inner .title_t { text-align:center; margin-bottom:15px; color:#fff; }
#section20 .inner .title_t strong { font-size:22px; }
#section20 .inner .swiper-button-prev{width:40px;height:40px;margin-top:-60px;background:#fff ; left:5px; border-radius:20px; }
#section20 .inner .swiper-button-next{width:40px;height:40px;margin-top:-60px;background:#fff ; right:5px; border-radius:20px;   }
#section20 .inner .swiper-button-prev:after,
#section20 .inner .swiper-button-next:after { width:20px !important; font-size:20px !important; }
}
*/



#section21 { width:100%;height:100%;  background:url('../image/section21_bg.jpg') no-repeat; background-position:center center;	background-size: cover; }
#section21 .black { width:100%; height:100vh; background:rgba(0,0,0,0.5); display:flex; align-items:center; flex-direction:column;  justify-content:flex-end; padding-bottom:6%; }
#section21 .black p { color:#fff; text-align:center; }
#section21 .black p.p1 { font-size:4rem; font-weight:600;  }
#section21 .black p.p2 { font-size:7rem; font-weight:800; }
#section21 .black p.p3 {background:#fd651a; color:#fff; border-radius:30px; padding:0.30rem 3rem 0.43rem; display:inline-block; margin:1rem auto; 
text-align:center; font-size:1.5rem; }
#section21 .black p.p3 a { display:block; color:#fff; }


#section22 .div_half { display:flex; height:100vh; width:100%; background:#ffe2d4; justify-content:center; padding:0; }









/* This only changes this particular animation duration */
.animate__animated.animate__backInDown {
  --animate-duration: 2s;
}

/* This changes all the animations globally */
:root {
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
}






#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}


#menu{
}
.twitter-share-button{
	position: fixed !important;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:822px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}



.button {
    margin: 20px 0 0 0;
    vertical-align: middle;
    display: inline-block
}

.button a {
    color: #fff;
    background: rgba(0,0,0,0.4);
    padding: 15px 30px;
    border-radius: 5px;
    display: inline-block;
}

.button a:hover {
    color: #316f68;
    background-color: #fff
}


/* Extensions preview menu
 * --------------------------------------- */
.preview-extensions-menu{
	position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    border-top: 0;
    box-shadow: 1px 0px 3px rgba(0,0,0,0.8);
}
.preview-extensions-menu li{
	display: inline-block;
	margin: 0;
}
.preview-extensions-menu li a{
	padding: 15px 25px;
	display: block;
}
.preview-buy-extension{
    background: #3cc63c;
}
.preview-more-extensions{
	background: #fff;
}
.preview-buy-extension a{
	color: #fff;
}
.preview-buy-extension:hover{
	background-color: #1a961a;
}
.preview-more-extensions a{
	color: #333;
}




/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
	color: #fff;
}





.btn_quick { position:fixed; right:20px; bottom:10px; width:58px; transition:opacity ease 0.3s; z-index:9999999; width:30px; }
.btn_quick a { display:block; margin:10px auto; }
#menu li { background:none; padding:0; margin:0; }


.best_review_roll .swiper-button-prev{ width:50px;height:50px; }
.best_review_roll .swiper-button-next{width:50px;height:50px; }
.best_review_roll .swiper-button-prev:after,
.best_review_roll .swiper-button-next:after { color:#fff; font-size:20px;   }

.fp-watermark { display:none !important; }