/*
font-family: 'Pretendard';
font-family: 'Raleway', sans-serif;
*/

/*초기화*/
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; display: block; }
img { display: block; width: 100%; }
html { font-size: 17px; }
.header p, #footer p, .main p,
.header h2, #footer h2, .main h2,
.header h3, #footer h3, .main h3 { letter-spacing: -1px; }

#wrap { width: 100%; height: auto; overflow-x: hidden; position: relative; font-family: 'Pretendard' !important; color: #333; scroll-behavior: smooth; }


/*공통*/
.pc { display: block;}
.tablet { display: none;}
.mob { display: none;}
.hidden { overflow: hidden; }

.move { opacity: 0; }
.inner { width: 90%; max-width: 1200px; }
.inner2 { width: 90%; max-width: 1400px; }
.inner3 { width: 85%; }
.inner4 { width: 70%; }
.inner5 { width: 90%; max-width: 1300px; }
.inner6 { width: 90%; }

.main { width: 100%; position: relative; }
.center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.color0 { color: #000;}
.color1 { color: #fff;}
.color2 { color: #66c533;}
.bold { font-weight: 700;}
.raleway { font-family: 'Raleway', sans-serif;}


/* header */
.header { width: 100%; height: 100px; position: absolute; left: 0; top: 0; overflow: hidden; transition: all 0.4s; z-index: 10;}
.header:hover { height: 290px; background: #99c100;}
.header::after{ content: ''; position: absolute; left: 0; top: 100px; width: 100%; height: 1px; background: #e9e9e9; }
.header .inner5 { height: 100px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }
.header .inner5 > div { height: 100%; }

.header .h_left { width: 35%; display: flex; justify-content: flex-start; align-items: center; gap: 15px; }
.header .h_left .h_logo{ height: 50px; }
.header .h_left .h_logo a { height: 100%; }
.header .h_left .h_logo img { height: 100%; }

.header .h_left .lang { position: relative; width: 60px; height: 25px; background-color: rgba(0, 0, 0, 0.4);/* background-color: transparent; */ border: 1px solid #fff; }
.header .h_left .lang > span { display: flex; justify-content: space-between; align-items: center; width: 70%; height: 100%; margin: 0 auto; font-size: 0.8rem; font-weight: 300; color: #fff; text-align: center; z-index: 99; }
.header .h_left .lang > span i { margin-top: 3px; }
.header .h_left .lang .lang_list { position: absolute; top: calc(100% + 1px); left: -1px; display: flex; flex-direction: column; width: 60px; opacity: 0;  border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.4); transition: all 0.4s; z-index: 9; }
.header .h_left .lang:hover .lang_list { opacity: 1; border-top: none; transition: all 0.4s; }
.header .h_left .lang .lang_list > ul { width: 70%; margin: 0 auto; padding: 3px 0; }
.header .h_left .lang .lang_list > ul > li { padding: 3px 0; text-align: center; }
.header .h_left .lang .lang_list > ul > li > a { position: relative; font-size: 0.8rem; font-weight: 300; color: #fff; }
.header .h_left .lang .lang_list > ul > li > a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: 0; transition: all 0.4s; }
.header .h_left .lang .lang_list > ul > li > a:hover::after { opacity: 1; }

.header .h_right { width: 50%; display: flex; justify-content: space-between; align-items: center; }
.header .h_right .gnb { display: flex; align-items: center; width: 90%; text-align: center; }
.header .h_right .gnb .depth01 { position: relative; width: 25%; }
.header .h_right .gnb .depth01 > a { display: block; color: #fff; font-size: 1rem; text-align: center; font-family: 'Raleway', sans-serif; }
.header .h_right .gnb .depth01 .depth02 { position: absolute; top: 70px; left: 0; width: 100%; text-align: center; }
.header .h_right .gnb .depth01 .depth02::before { content: ''; width: 100%; height: 3px; background: #ffff; position: absolute; top: -10px; left: 0; z-index: 1; opacity: 0; transition: all 0.4s; }
.header .h_right .gnb .depth01 .depth02 li a { font-size: 0.95rem; color: #fff; font-weight: 300; display: block; padding: 8px 0; transition: all 0.4s; text-transform: capitalize; }
.header .h_right .gnb .depth01 .depth02:hover::before { opacity: 1; }
.header .h_right .menu { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 28px; height: 22px; position: relative; cursor: pointer; z-index: 999; }
.header .h_right .menu > span { width: 100%; height: 2px; background: #fff; transition: all 0.4s; }
.header .h_right .menu.rotate > span:nth-child(1) { position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(45deg); }
.header .h_right .menu.rotate > span:nth-child(2) { opacity: 0; }
.header .h_right .menu.rotate > span:nth-child(3) { position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(-45deg); }

.header .sitemap { position: fixed; left: 0; top: 0;  z-index: 30; width: 100%; height: 100vh; background: #99c100; transform: translateY(-100%); transition: all 0.4s;}
.header .sitemap.open{ transform: none; }
.header .sitemap .inner2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.header .sitemap .sitemap_tit { font-size: 3rem; font-weight: 900; margin-bottom: 9vh; color: #fff; text-transform: uppercase; }
.header .sitemap .m_gnb { width: 100%; display: flex; text-align: center; }
.header .sitemap .m_gnb .m_depth01 { width: 25%; }
.header .sitemap .m_gnb .m_depth01 > div { display: flex; justify-content: center; align-items: center; }
.header .sitemap .m_gnb .m_depth01 > div p { font-size: 1.6rem; font-weight: 700; color: #fff; }
.header .sitemap .m_gnb .m_depth01 .m_depth02 { margin-top: 3vh; }
.header .sitemap .m_gnb .m_depth01 .m_depth02 li a { position: relative; display: inline-block; font-size: 1.2rem; font-weight: 200; padding: 1vh 0; text-transform: capitalize; color: #fff; transition: all 0.4s;}
.header .sitemap .m_gnb .m_depth01 .m_depth02 li a::after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; transition: all 0.4s; }
.header .sitemap .m_gnb .m_depth01 .m_depth02 li a:hover::after { width: 100%; }


/* footer */
#footer { position: relative; width: 100%; height: auto; background: #333;}
#footer #top_btn { position: absolute; right: 12%; top: -25px; width: 45px; height: 45px; background: #666; cursor: pointer;}
#footer #top_btn i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.2rem; color: #fff;}

#footer .f_top { width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #fff;}
#footer .f_top .f_nav { display: flex; justify-content: center; align-items: center; gap: 65px; width: 100%; text-align: center;}
#footer .f_top .f_nav > li a { font-family: 'Raleway', sans-serif; font-size: 1rem; font-weight: 500; color: #fff;}

#footer .f_bottom { width: 100%; height: auto; padding: 55px 0 80px;}
#footer .f_bottom .f_inner { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 90%; max-width: 1300px; }

#footer .f_bottom .f_inner .f_logo { width: 20%; height: 50px; }
#footer .f_bottom .f_inner .f_logo a { width: 100%; height: 100%; }
#footer .f_bottom .f_inner .f_logo a img { height: 100%; object-fit: contain; }

#footer .f_bottom .f_inner .f_info { display: flex; justify-content: center; align-items: center; width: 65%; text-align: center}
#footer .f_bottom .f_inner .f_info li { padding: 0 25px; }
#footer .f_bottom .f_inner .f_info li:nth-child(2) { border-left: 1px solid #fff; border-right: 1px solid #fff; }
#footer .f_bottom .f_inner .f_info > li p { font-size: 1.04rem; color: #fff; }
#footer .f_bottom .f_inner .f_info > li p span{ display: inline-block; font-weight: 500; }

#footer .f_bottom .f_inner .contact {width: 15%;}
#footer .f_bottom .f_inner .contact p { font-size: 0.9rem; font-weight: 300; color: #fff; }
#footer .f_bottom .f_inner .contact p:first-child {  font-size: 1.04rem; font-weight: 400; margin-bottom: 20px; }
#footer .f_bottom .f_inner .contact p:nth-child(2) { margin-bottom: 4px; }


/* m1 */
.m1 { height: 100vh; }
.m1 .m1_slide { width: 100%; height: 100%; position: relative; }
.m1 .m1_slide .slide1 { background-color: #99c100; }
.m1 .m1_slide .slide2 { background-color: #c4a680; }
.m1 .m1_slide .slide3 { background-color: #694836; }
.m1 .m1_slide .swiper-slide .center { display: flex; justify-content: space-between; align-items: center; }
.m1 .m1_slide .swiper-slide .center .txt_wrap { width: 41%; }
.m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_top { color: #fff692; font-family: "Poppins", sans-serif; font-size: 1.3rem; font-weight: 500; font-style: italic; letter-spacing: 1px; margin-bottom: 6vh;}
.m1 .m1_slide .swiper-slide .center .txt_wrap h2 { color: #fff; font-size: 3.53rem; line-height: 1.2; margin-bottom: 25px; }
.m1 .m1_slide .swiper-slide .center .txt_wrap h2 span { color: #694836;}
.m1 .m1_slide .slide3 .center .txt_wrap h2 span { color: #99c100;}
.m1 .m1_slide .swiper-slide .center .txt_wrap p.txt_bottom { color: #fff; font-size: 1.47rem; font-weight: 400; }

.m1 .m1_slide .swiper-slide .center .img_wrap { width: 59%; }
.m1 .m1_slide .swiper-slide .center .img_wrap img { object-fit: cover; }

.m1 .m1_slide .paging_wrap { width: 85%; max-width: 1400px; z-index: 1; }
.m1 .m1_slide .paging_wrap .swiper-pagination { display: flex; flex-direction: column; gap: 65px; width: fit-content; height: fit-content; top: 50%; right: 0; left: auto; bottom: 0; transform: translateY(-50%); }
.m1 .m1_slide .paging_wrap .swiper-pagination-bullet { position: relative; display: block; width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0; }
.m1 .m1_slide .paging_wrap .swiper-pagination-bullet::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; height: 28px; border-radius: 50%; border: 1px solid #fff; opacity: 0; transition: all 0.4s;}
.m1 .m1_slide .paging_wrap .swiper-pagination-bullet-active::before { opacity: 1; }

.m1 .m1_slide .btn { width: 5vw; max-width: 105px; height: 5vw; max-height: 105px; margin: 0; color: #fff; border: 1px solid #fff; transition: all 0.4s; }
.m1 .m1_slide .swiper-button-prev { left: 0; }
.m1 .m1_slide .swiper-button-next { right: 0; }
.m1 .m1_slide .btn:after { font-size: 2.5rem; }


/* m2 */
.m2 .inner5 { padding: 16vh 0 10vh; margin: 0 auto; }
.m2 .inner5 ul { display: flex; justify-content: space-between; align-items: flex-end; font-size: 0; }
.m2 .inner5 ul .left { width: 66%; }

.m2 .inner5 ul .right { width: 29%; padding-bottom: 4vh; }
.m2 .inner5 ul .right .txt1 { font-size: 0.94rem; font-weight: 500; letter-spacing: 0; color: #99c100; font-family: 'Raleway', sans-serif; }
.m2 .inner5 ul .right .txt2 { font-size: 2.23rem; font-weight: 700; color: #000; margin: 1vh 0 3vh; }
.m2 .inner5 ul .right .txt3 { font-size: 1.06rem; font-weight: 300; color: #595757; line-height: 1.5; word-break: keep-all; }


/* m3 */
.m3 .inner5 { position: relative; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center; }
.m3 .inner5 .img_wrap { width: 77%; }

.m3 .inner5 .txt_wrap { position: absolute; left: 4.5vw; bottom: -6vh; background: #694836; color: #fff; border-radius: 0 50px 0 0; padding: 7vh 4vw 6vh 3vw; text-align: left;}
.m3 .inner5 .txt_wrap .txt1 { font-size: 2.23rem; font-weight: 700; line-height: 1.15; margin-bottom: 3vh;}
.m3 .inner5 .txt_wrap .txt2 { font-size: 1.06rem; font-weight: 300; line-height: 1.15; margin-bottom: 5vh;}
.m3 .inner5 .txt_wrap .license { display: flex; justify-content: flex-start; align-items: center; gap: 5%; }
.m3 .inner5 .txt_wrap .license img { width: 50px; }


/* m4 */
.m4 { position: relative; margin-top: 17vh; padding: 15vh 0; }
.m4::after { content: ''; position: absolute; top: 0; right: 0; width: 90%; height: 100%; background-color: #f7f7f7; z-index: -1; border-top-left-radius: 195px; }
.m4 .object { position: absolute; }
.m4 .object_1 { right: 10%; top: -15%; }
.m4 .object_2 { right: 6%; top: 24%; }
.m4 .object_3 { left: 7%; bottom: 10%; }

.m4 .swiper-slide { opacity: 0 !important; }
.m4 .swiper-slide-active { opacity: 1 !important; }

.m4 .inner5 { position: relative; margin: 0 auto; height: 430px; display: flex; flex-direction: column; justify-content: center; }
.m4 .tabs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 30px; width: 100%; height: 10%; }
.m4 .tabs li { padding: 0 2vw; color: #666; font-size: 1.1rem; text-align: center; cursor: pointer; border-right: 1px solid #666; }
.m4 .tabs li.on{ font-weight: 600; color: #99c100 }
.m4 .tabs li:last-child { border-right: none; }

.m4 .slide_wrap { width: 100%; height: 90%; position: relative; }
.m4 .slide_wrap .m4_slide { display: none; width: 100%; height: 100%; overflow: visible; }
.m4 .slide_wrap .m4_slide.active { display: block; }

.m4 .slide_wrap .m4_slide .swiper-slide { display: flex; justify-content: space-between; align-items: flex-start; }
.m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap { width: 22%; height: 100%; }
.m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.raleway { margin-bottom: 20px; font-size: 1rem; letter-spacing: 0; font-weight: 500; color: #99c100; }
.m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.bold { margin-bottom: 30px; font-size: 2.2rem; }
.m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap p.small { margin-bottom: 30px; font-size: 1.1rem; font-weight: 300; color: #595757; word-break: keep-all; }
.m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap a { display: inline-block; transition: all 0.4s; }
.m4 .slide_wrap .m4_slide .swiper-slide .txt_wrap a:hover { transform: translateX(10px); }

.m4 .slide_wrap .m4_slide .swiper-pagination { position:absolute; display: flex; justify-content: flex-start; align-items: center; gap: 15px; width: fit-content; top: auto; left:0; right:0; bottom:0; }
.m4 .slide_wrap .m4_slide .swiper-pagination span { position: relative; width:10px; height:10px; background:#ccc; border-radius:50%; cursor: pointer; }
.m4 .slide_wrap .m4_slide .swiper-pagination span.swiper-pagination-bullet-active { background:#99c100; }
.m4 .slide_wrap .m4_slide .swiper-pagination span.swiper-pagination-bullet-active::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 1px solid #99c100; background: transparent; border-radius: 50%;}
.swiper-pagination-bullet:only-child { display: block !important; }

.m4 .slide_wrap .m4_slide .swiper-slide .img_wrap { position: relative; width: 83%; height: 100%; display: flex; justify-content: flex-end; align-items: center; }
.m4 .slide_wrap .m4_slide .swiper-slide .img_wrap .big_img { width: 83%; height: 100%; border-radius: 15px; overflow: hidden; }
.m4 .slide_wrap .m4_slide .swiper-slide .img_wrap .big_img > img { height: 100%; object-fit: cover; }
.m4 .slide_wrap .m4_slide .swiper-slide .img_wrap .small_img { height: 85%; position: absolute; top: 52%; left: 0; transform: translateY(-50%); }
.m4 .slide_wrap .m4_slide .swiper-slide .img_wrap .small_img img { height: 100%; object-fit: contain; }

.m4 .slide_wrap #tab-1 .slide_1 .img_wrap .small_img { left: 3%; }
.m4 .slide_wrap #tab-1 .slide_3 .img_wrap .small_img { left: 9%; }
.m4 .slide_wrap #tab-3 .slide_1 .img_wrap .small_img { height: 60%; }
.m4 .slide_wrap #tab-4 .slide_1 .img_wrap .small_img { height: 40%; }


/* m5 */
.m5 { position: relative; padding: 19vh 0 14vh; width: 100%; height: auto; background: url('../img/main/m5_bg.png') center no-repeat; background-size: cover;}
.m5 .inner3 { margin-left: 15%; display: flex; align-items: flex-start; }
.m5 .left { width: 25%; margin-top: 5vh; }
.m5 .left .txt_wrap { margin-bottom: 75px; }
.m5 .left .txt_wrap p.raleway { font-size: 1.2rem; font-weight: 500; letter-spacing: 0; font-family: 'Raleway', sans-serif; color: #99c100; margin-bottom: 15px; }
.m5 .left .txt_wrap p.bold { font-size: 2.24rem; line-height: 2.65rem; color: #fff; margin-bottom: 35px; }
.m5 .left .txt_wrap p.small { font-size: 1.05rem; line-height: 1.4rem; font-weight: 300; color: #fff; }

.m5 .left .paging_wrap .swiper-pagination { position: static; text-align: left; display: flex; align-items: center; gap: 20px; }
.m5 .left .paging_wrap .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; background: #ccc; opacity: 1; }
.m5 .left .paging_wrap .swiper-pagination-bullet-active { background: #99c100; }
.m5 .left .paging_wrap .swiper-pagination-bullet-active::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 1px solid #66c533; background: transparent; border-radius: 50%; }

.m5 .right { width: 75%; overflow: hidden; }
.m5 .right .swiper-slide { width: 27%; margin-right: 15px; background: #fff; border-radius: 15px; }
.m5 .right .swiper-slide .cont_wrap { width: 100%; min-height: 320px; }
.m5 .right .swiper-slide .cont_wrap a { padding: 50px 40px; width: 100%; height: 100%; position: relative; }
.m5 .right .swiper-slide .cont_wrap p.num { font-size: 2.2rem; letter-spacing: 0; font-weight: 600; color: #fff; display: none; }
.m5 .right .swiper-slide .cont_wrap p.bold { font-size: 1.36rem; font-weight: 600; line-height: 1.65rem; }
.m5 .right .swiper-slide .cont_wrap p.small { height: 85px; margin-top: 15px; padding-top: 16px; font-size: 1.05rem; letter-spacing: 0; font-weight: 300; line-height: 1.4rem; color: #fff; border-top: 1px solid #fff; word-break: keep-all; opacity: 0; }

.m5 .right .swiper-slide .cont_wrap .m5_icon { position: relative; width: 75px; height: 75px; }
.m5 .right .swiper-slide .cont_wrap .m5_icon img { height: 100%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.4s; }
.m5 .right .swiper-slide .cont_wrap .m5_icon img:nth-child(1) { opacity: 1; }
.m5 .right .swiper-slide .cont_wrap .m5_icon img:nth-child(2) { opacity: 0; }

.m5 .right .swiper-slide .cont_wrap .m5_arrow { position: absolute; right: 50px; bottom: 55px; width: 30px; height: 10px; }
.m5 .right .swiper-slide .cont_wrap .m5_arrow img { position: absolute; left: 0; top: 0; transition: all 0.4s; }
.m5 .right .swiper-slide .cont_wrap .m5_arrow img:nth-child(1) { opacity: 1; }
.m5 .right .swiper-slide .cont_wrap .m5_arrow img:nth-child(2) { opacity: 0; }
.m5 .right .swiper-slide .cont_wrap:hover .m5_arrow img { transform: translateX(10px); }

.m5 .right .swiper-slide-active { background: #99c100; border-bottom-left-radius: 100px; }
.m5 .right .swiper-slide-active .cont_wrap { min-height: 470px; }
.m5 .right .swiper-slide-active .cont_wrap p.num { display: block; margin-bottom: 80px; }
.m5 .right .swiper-slide-active .cont_wrap p.bold { color: #fff; }
.m5 .right .swiper-slide-active .cont_wrap p.small { height: auto; opacity: 1; }

.m5 .right .swiper-slide-active .cont_wrap .m5_icon { position: absolute; right: 40px; top: 50px; }
.m5 .right .swiper-slide-active .cont_wrap .m5_icon img:nth-child(1) { opacity: 0; }
.m5 .right .swiper-slide-active .cont_wrap .m5_icon img:nth-child(2) { opacity: 1; }

.m5 .right .swiper-slide-active .cont_wrap .m5_arrow { position: relative; right: 0; bottom: 0; width: 100%; margin-top: 40px; }
.m5 .right .swiper-slide-active .cont_wrap .m5_arrow img { width: auto; right: 0; left: auto; }
.m5 .right .swiper-slide-active .cont_wrap .m5_arrow img:nth-child(1) { opacity: 0; }
.m5 .right .swiper-slide-active .cont_wrap .m5_arrow img:nth-child(2) { opacity: 1; }


/* m6 */
.m6 { position: relative; width: 100%; height: auto; background: url('../img/main/m6_bg.png') no-repeat center / cover; }
.m6::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #99c100; opacity: 0.8; }
.m6 .inner { position: relative; margin: 0 auto; padding: 20vh 0; text-align: center; z-index: 9; }
.m6 .inner strong { display: block; font-size: 1.3rem; font-weight: 500; font-style: italic; letter-spacing: 1px; color: #fff692; font-family: "Poppins", sans-serif; margin-bottom: 45px; }
.m6 .inner .tag_wrap { display: inline-flex; justify-content: center; align-items: center; padding: 2vh 3vw; border-radius: 50px; background-color: #694836; margin-bottom: 5.5vh; }
.m6 .inner .tag_wrap li { padding: 0 40px; border-right: 2px solid #fff; }
.m6 .inner .tag_wrap li:last-child { border: none; }
.m6 .inner .tag_wrap li p { font-size: 2.24rem; letter-spacing: 0; color: #fff; }
.m6 .inner > p { font-size: 1.04rem; letter-spacing: 0; font-weight: 300; line-height: 1.4; word-break: keep-all; color: #fff; margin-bottom: 10vh; }
.m6 .inner h3 { font-size: 2.24rem; font-weight: 400; word-break: keep-all; color: #fff; }

/* m7 */
.m7 .inner { display: flex; justify-content: center; align-items: center; gap: 8.24rem; padding: 5vh 0; margin: 0 auto; }
.m7 .inner .left img { display: block; width: 100%; height: 100%; }
.m7 .inner .right { display: flex; align-items: flex-end; gap: 8vh; }
.m7 .inner .right .txt_wrap p.bold { font-size: 2rem; margin-bottom: 15px; }
.m7 .inner .right .txt_wrap p.small { font-size: 1rem; font-weight: 300; color: #595757; }

/* m7, m8 공통 */
.main .inner .btn_more a { display: flex; align-items: center; width: auto; height: auto; padding: 15px 27px; background: #99c100; border: 1px solid #99c100; border-radius: 25px; transition: all 0.4s; }
.main .inner .btn_more a p { margin-right: 30px; font-size: 1.1rem; color: #fff; text-transform: uppercase; transition: all 0.4s; }
.main .inner .btn_more a .btn_arrow { display: inline-block; position: relative; width: 30px; height: 10px; }
.main .inner .btn_more a .btn_arrow img { position: absolute; left: 0; top: 0; transition: all 0.4s; }
.main .inner .btn_more:hover a .btn_arrow img { transform: translateX(10px); }

/* m8 */
.m8 { width: 100%; height: auto; background: #fff692; }
.m8 .inner { display: flex; justify-content: center; align-items: center; gap: 5.6rem; margin: 0 auto; padding: 8vh 0; }
.m8 .inner .left p { font-size: 2rem; color: #000; }
.m8 .inner .right { display: flex; align-items: center; gap: 1.5rem; }
.m8 .inner .right .btn_more a { background: #fff; border: 1px solid #99c100; }
.m8 .inner .right .btn_more a p { color: #000; }