input { padding: 0; outline: none; }
button { padding: 0; border: none; background: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
body * { font-family: "Freesentation", sans-serif; }

.wrap { display: flex; justify-content: center; width: 100%; overflow: hidden; }
.main_container { padding: 40px 0 90px; width: 100%; }
.content_container { display: flex; justify-content: center; padding: 0 40px; width: 100%; }
.content_inner { width: 100%; max-width: 1780px; }
.main_container .bg { position: fixed; top: 0; left: 0; width: 0; height: 0; background: rgba(0, 0, 0, .9); z-index: 0; backdrop-filter: blur(5px); }

.main_banner { height: 300px; overflow: hidden; }
.main_banner .content_inner { display: flex; flex-direction: column; padding: 0 0 50px; }
.main_banner .box-txt { line-height: 1.6; text-align: center; }
.main_banner h1 { font-size: 46px; font-weight: 800; color: var(--color-new-orange); transform: translateY(0px); transition: transform .3s ease-in-out; }
.main_banner h2 { font-size: 24px; font-weight: 500; color: #101010; transition: color .3s ease-in-out; }
.main_banner h2 strong { font-size: 25px; font-weight: 800; }

#formMainSearch { display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 50px 0; width: 100%; transform: translateY(0px); transition: transform .3s ease-in-out; }
#formMainSearch .box { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 760px; height: 50px; border-radius: 8px; border: 4px solid var(--color-new-orange); background-color: #fff; }
#formMainSearch .box-input { width: 100%; }
#formMainSearch .box-input input { padding: 5px 10px; width: 100%; height: 100%; font-size: 21px; font-weight: 600; border: none; background: transparent;  }
#formMainSearch .box-input input::placeholder { transition: opacity .5s linear; }
#formMainSearch .box-input input.fade1::placeholder { opacity: 0; }
#formMainSearch .box-button { flex: none; padding: 0 10px; width: 51px;  }
#formMainSearch .box-button button { width: 100%; height: 100%; }
#formMainSearch .box-button button img { width: 100%; }


.main_banner .box-searchexample { margin-top: 100px; }
.main_banner .box-searchexample .box-title { text-align: center; }
.main_banner .box-searchexample .box-title h3 { font-size: 28px; color: #fff; font-weight: 900; }
.main_banner .box-searchexample .box-group { display: flex; flex-wrap: wrap; }
.main_banner .box-searchexample .box-group .box-list { position: relative; padding: 40px; width: 25%; }
.main_banner .box-searchexample .box-group .box-list:before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 90px; transform: translateY(-50%); background-color: #747474; }
.main_banner .box-searchexample .box-group .box-list:nth-child(1):before { display: none; }
.main_banner .box-searchexample .box-group .box-list:nth-child(5):before { display: none; }
.main_banner .box-searchexample .box-group .box-list strong { display: inline-flex; justify-content: center; align-items: center; padding: 0 14px; height: 38px; font-size: 23px; color: #fff; font-weight: 700; border-radius: 19px; background: var(--color-new-orange); }
.main_banner .box-searchexample .box-group .box-list ul { margin-top: 20px; }
.main_banner .box-searchexample .box-group .box-list ul li { position: relative; padding-left: 10px; font-size: 20px; font-weight: 400; color: #fff; line-height: 150%; }
.main_banner .box-searchexample .box-group .box-list ul li:before { content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background-color: #fff; border-radius: 2px; transform: translateY(-50%); }
.main_banner .box-searchexample .box-group .box-list ul li a { text-decoration: none; color: #fff; font-size: 20px; font-weight: 400; transition: color .2s ease-in-out; }
.main_banner .box-searchexample .box-group .box-list ul li a:hover { color: var(--color-new-orange); }
.main_banner .box-searchexample .swiper-pagination { display: none; position: relative; margin-top: 10px; }
.main_banner .box-searchexample .swiper-pagination .swiper-pagination-bullet-active { background: var(--color-new-orange); }


.main_banner .box-searchguide { margin-top: 20px; text-align: center; }
.main_banner .box-searchguide .box-title {  }
.main_banner .box-searchguide .box-title h3 { font-size: 32px; color: #FFF; font-weight: 900; }
.main_banner .box-searchguide .explain { margin-top: 15px; font-size: 20px; font-weight: 400; color: #FFF; }
.main_banner .box-searchguide .explain strong { font-weight: 800; }
.main_banner .box-searchguide .box-tags { margin-top: 12px; }
.main_banner .box-searchguide .box-tags ul { display: flex; justify-content: center; }
.main_banner .box-searchguide .box-tags ul li { display: flex; justify-content: center; align-items: center; padding: 0 14px; height: 28px; font-size: 15px; font-weight: 600; color: #FFF; border-radius: 14px; background-color: var(--color-new-orange); }
.main_banner .box-searchguide .box-tags ul li + li { margin-left: 8px; }




.main_banner .searchClose { display: none; position: fixed; top: 20px; right: 20px; opacity: 0; z-index: 999; transition: opacity .3s ease-in-out; }
.main_banner .searchClose button { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 19px; color: #fff; }
.main_banner .searchClose button:before { content: ""; width: 42px; height: 40px; background-image: url('/industry/img/main/ico_close_1-3cf03cb43062bad097e20a3b68840741.svg'); background-position: center; background-repeat: no-repeat; }






.main_content_wrap { padding-bottom: 50px; }
.main_content_wrap .content_inner { display: flex; gap: 35px; padding: 0; }
.main_content_wrap .main_content { display: flex; flex-direction: column; gap: 15px; }
.main_content_wrap .main_content .top { flex: none; display: flex; justify-content: space-between; align-items: center; }
.main_content_wrap .main_content .top .box-title { display: flex; }
.main_content_wrap .main_content .top .box-title strong { display: flex; justify-content: center; align-items: center; padding: 0 14px; height: 38px; font-size: 16px; color: #fff; font-weight: 600; border-radius: 19px; background-color: var(--color-new-orange); }
.main_content_wrap .main_content .top .box-more a { display: flex; align-items: center; font-size: 17px; color: #1E2124; font-weight: 700; }
.main_content_wrap .main_content .top .box-more a:after { content: ""; margin-left: 5px; width: 20px; height: 20px; background-image: url('/industry/img/main/ico_more_1-a21b9ccf8c21c5dc8d664a3bc2f02b61.svg'); background-size: 100%; transform: translateX(0px); transition: transform .2s ease-in-out; }
.main_content_wrap .main_content .top .box-more a:hover:after { transform: translateX(3px); }
.main_content_wrap .main_content .middle { height: 100%; }

.main_content_wrap .main_blog { width: calc(55% - 15px); }
.main_content_wrap .main_blog .box-list ul { display: flex; }
.main_content_wrap .main_blog .box-list ul li { height: 290px; border-radius: 20px; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.09); transform: translateY(0px); transition: transform .2s ease-in-out; overflow: hidden; }
.main_content_wrap .main_blog .box-list ul li:hover { transform: translateY(-5px); }
.main_content_wrap .main_blog .box-list ul li a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.main_content_wrap .main_blog .box-list ul li .box-image { flex: none; width: 100%; aspect-ratio: 2.4 / 1; overflow: hidden; }
.main_content_wrap .main_blog .box-list ul li .box-image img { width: 100%; height: 100%; object-fit: cover; }
.main_content_wrap .main_blog .box-list ul li .box-content { position: relative; height: 100%; overflow: hidden; }
.main_content_wrap .main_blog .box-list ul li .box-content { padding: 20px 14px; background-color: #f8f8f8; }
.main_content_wrap .main_blog .box-list ul li .box-content .category { display: inline-flex; justify-content: center; align-items: center; padding: 0 9px; height: 28px; font-size: 13px; color: var(--color-new-orange); font-weight: 600; border-radius: 14px; background-color: rgba(179, 179, 179, 0.18); }
.main_content_wrap .main_blog .box-list ul li .box-content strong { display: block; margin-top: 10px; font-size: 21px; color: #333; font-weight: 600; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.main_content_wrap .main_blog .box-list ul li .box-content p { display: block; margin-top: 5px; font-size: 14px; color: #4d4d4d; line-height: 1.4; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.main_content_wrap .main_blog .box-list ul li .box-content .date { font-size: 12px; color: #9CA3AF; font-weight: 400; }
.main_content_wrap .main_blog .box-list ul li .box-content:after { content: "+"; position: absolute; bottom: 5px; right: 10px; font-size: 24px; color: var(--color-new-orange); font-weight: 800; }


.main_content_wrap .main_community { width: 45%; }
.main_content_wrap .main_community .box-list { padding: 7px 18px; height: 100%; background-color: #F8F8F8; border-radius: 20px; box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.09); }
.main_content_wrap .main_community .box-list ul { display: flex; flex-direction: column; }
.main_content_wrap .main_community .box-list ul li { position: relative; display: flex; height: 55px; transform: translateX(0px); transition: transform .2s ease-in-out; overflow: hidden; }
.main_content_wrap .main_community .box-list ul li:hover { transform: translateX(5px); }
.main_content_wrap .main_community .box-list ul li a { display: flex; align-items: center; width: 100%; text-decoration: none; }
.main_content_wrap .main_community .box-list ul li + li:before { content: ""; position: absolute; top: 0; left: 50%; width: calc(100% - 20px); height: 1px; background: #DCDCDC; transform: translateX(-50%); }
.main_content_wrap .main_community .box-list ul li .col { padding: 5px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main_content_wrap .main_community .box-list ul li .col.date { flex: none; width: 105px; font-size: 17px; font-weight: 400; color: #9CA3AF; }
.main_content_wrap .main_community .box-list ul li .col.category { flex: none; width: 75px; font-size: 17px; font-weight: 700; color: #FF5D1A; }
.main_content_wrap .main_community .box-list ul li .col.title { width: 100%; font-size: 19px; font-weight: 400; color: #3D3D3D; }


.main_container.show .bg { animation-name: showSearchOpen1; animation-duration: .3s; animation-timing-function: ease-in-out; animation-fill-mode: both; }
.main_container.show .main_banner { overflow: visible; }
.main_container.show .content_inner { overflow: visible; }
.main_container.show .main_banner .box-txt h1 { position: relative; z-index: 999; transform: translateY(-60px); }
.main_container.show #formMainSearch { position: relative; z-index: 999; transform: translateY(-140px); }
.main_container.show .box-overflow { animation-name: showSearchOpen2; animation-duration: .3s; animation-timing-function: ease-in-out; animation-fill-mode: both; }
.main_container.show .searchClose { display: block; opacity: 1; }

.main_container.close1 .bg { animation-name: showSearchClose1; animation-duration: .3s; animation-timing-function: ease-in-out; animation-fill-mode: both; }
.main_container.close1 .main_banner { animation-name: showSearchClose3; animation-duration: .3s; animation-timing-function: ease-in-out; animation-fill-mode: both; }
.main_container.close1 .box-overflow { animation-name: showSearchClose2; animation-duration: .3s; animation-timing-function: ease-in-out; animation-fill-mode: both; }


.main_faq_wrap { position:relative; background-color: #F0F0F0; overflow: hidden; }
.content_inner { padding: 70px 0 100px; }
.main_faq_wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: #fff; box-shadow: 0px 4px 41px 0px rgba(0, 0, 0, .16);}

.main_faq_wrap .box-title { display: flex; justify-content: space-between; align-items: flex-end; padding-right: 60px; }
.main_faq_wrap .box-title h3 { margin: 0; font-size: 38px; font-weight: 600; color: #FF5D1A; line-height: 1; }
.main_faq_wrap .box-title h3 strong { font-weight: 900; }
.main_faq_wrap .box-title p { margin: 0; font-size: 15px; font-weight: 500; color: #FF5D1A; line-height: 1; }
.main_faq_wrap .box-title .box-more a { display: flex; align-items: center; font-size: 17px; color: #1E2124; font-weight: 700; }
.main_faq_wrap .box-title .box-more a:after { content: ""; margin-left: 5px; width: 20px; height: 20px; background-image: url('/industry/img/main/ico_more_1-a21b9ccf8c21c5dc8d664a3bc2f02b61.svg'); background-size: 100%; transform: translateX(0px); transition: transform .2s ease-in-out; }
.main_faq_wrap .box-title .box-more a:hover:after { transform: translateX(3px); }
.main_faq_wrap .box-content { display: flex; gap: 30px; margin-top: 25px; }
.main_faq_wrap .box-content .box-left { flex: none; width: 300px; }
.main_faq_wrap .box-content .box-left .box-category {  }
.main_faq_wrap .box-content .box-left .box-category ul { display: flex; flex-wrap: wrap; gap: 8px; }
.main_faq_wrap .box-content .box-left .box-category ul li { height: 38px; background-color: #fff; border-radius: 19px; }
.main_faq_wrap .box-content .box-left .box-category ul li.all { background-color: var(--color-new-orange); }
.main_faq_wrap .box-content .box-left .box-category ul li a { display: flex; justify-content: center; align-items: center; padding: 0 14px; width: 100%; height: 100%; font-size: 17px; font-weight: 500; color: #1B1B1B; }
.main_faq_wrap .box-content .box-left .box-category ul li.all a { color: #fff; }
.main_faq_wrap .box-content .box-left .box-caption { margin-top: 35px; }
.main_faq_wrap .box-content .box-left .box-caption p { font-size: 16px; font-weight: 500; color: #979797; }
.main_faq_wrap .box-content .box-right { width: 100%; overflow: hidden; }
.main_faq_wrap .box-content .box-right .box-swiper { width: 100%; position: relative; padding: 0 50px; }
.main_faq_wrap .box-content .box-right .box-list { padding: 0 5px 10px; width: 100%;  overflow: hidden; }
.main_faq_wrap .box-content .box-right .box-list ul { display: flex; width: 100%; }
.main_faq_wrap .box-content .box-right .box-list ul li { width: 327px; border-radius: 15px; background-color: #fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .09); }
.main_faq_wrap .box-content .box-right .box-list ul li a { display: block; padding: 15px 20px 20px; width: 100%; height: 100%; color: inherit; text-decoration: none; }
.main_faq_wrap .box-content .box-right .box-list .box-top { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.main_faq_wrap .box-content .box-right .box-list .box-top strong { flex: none; font-size: 23px; color: #DADADA; font-weight: 400; line-height: 1; }
.main_faq_wrap .box-content .box-right .box-list .box-top strong span { font-size: 29px; color: #FF5D1A; font-weight: 800; }
.main_faq_wrap .box-content .box-right .box-list .box-top .box-cate { padding: 4px 14px; width: auto; max-width: 180px; height: 28px; border-radius: 14px; font-size: 16px; font-weight: 500; background-color: #EBEBEB; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main_faq_wrap .box-content .box-right .box-list .box-middle { margin-top: 18px; }
.main_faq_wrap .box-content .box-right .box-list .box-middle .box-title { padding: 0 8px; height: 75px; overflow: hidden; }
.main_faq_wrap .box-content .box-right .box-list .box-middle .box-title strong { font-size: 19px; color: #FF5D1A; font-weight: 600; line-height: 140%; }
.main_faq_wrap .box-content .box-right .box-list .box-middle .box-title strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; overflow:hidden; }
.main_faq_wrap .box-content .box-right .box-list .box-middle .box-cntn  { margin-top: 12px; padding: 12px 8px 0; height: 80px; border-top: 1px solid #DCDCDC; overflow: hidden; }
.main_faq_wrap .box-content .box-right .box-list .box-middle .box-cntn p { font-size: 17px; color: #333333; line-height: 140%; }
.main_faq_wrap .box-content .box-right .box-list .box-middle .box-cntn p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; overflow:hidden; }
.main_faq_wrap .box-content .box-right .box-list .box-bottom { margin-top: 20px; padding: 0 8px; }
.main_faq_wrap .box-content .box-right .box-list .box-bottom .box-date {}
.main_faq_wrap .box-content .box-right .box-list .box-bottom .box-date span { font-size: 12px; color: #9CA3AF; font-weight: 400; line-height: 1; }
.main_faq_wrap .box-content .box-right .box-list .swiper-button-next,
.main_faq_wrap .box-content .box-right .box-list .swiper-button-prev { color: #D1D1D1; transition: color .1s ease-in-out; }
.main_faq_wrap .box-content .box-right .box-list .swiper-button-next:hover,
.main_faq_wrap .box-content .box-right .box-list .swiper-button-prev:hover { color: #FFFFFF; }
.main_faq_wrap .box-content .box-right .box-list .swiper-button-next:after,
.main_faq_wrap .box-content .box-right .box-list .swiper-button-prev:after { font-size: 30px; }


@keyframes showSearchOpen1 {
    0% { width: 0; height: 0; opacity: 0; z-index: 0; }
    1% { width: 100%; height: 100%; opacity: 0; z-index: 999; }
    100% { width: 100%; height: 100%; opacity: 1; z-index: 999; }
}
@keyframes showSearchOpen2 {
    0% { z-index: 0; }
    1% { z-index: 999; opacity: 0; transform: translateY(0px); }
    100% { z-index: 999; opacity: 1; transform: translateY(-140px); }
}
@keyframes showSearchOpen2 {
    0% { z-index: 0; }
    1% { z-index: 999; opacity: 0; transform: translateY(0px); }
    100% { z-index: 999; opacity: 1; transform: translateY(-140px); }
}
@keyframes showSearchClose1 {
    0% { width: 100%; height: 100%; opacity: 1; z-index: 999; }
    99% { width: 100%; height: 100%; opacity: 0; z-index: 999; }
    100% { width: 0; height: 0; opacity: 0; z-index: 0; }
}
@keyframes showSearchClose2 {
    0% { z-index: 999; opacity: 1; transform: translateY(-140px); }
    99% { z-index: 999; opacity: 0; transform: translateY(0px); }
    100% { z-index: 0; opacity: 0; transform: translateY(0px); }
}
@keyframes showSearchClose3 {
    0% { overflow: visible; }
    99% { overflow: visible; }
    100% { overflow: hidden; }
}

@media all and (max-width: 1300px) {
    .main_banner h2 { font-size: 22px; }
    .main_banner h2 strong { font-size: 24px; }

    .main_banner .box-searchexample .box-group .box-list strong { font-size: 20px; }
    .main_banner .box-searchexample .box-group .box-list ul li a { font-size: 18px; }
}

@media all and (max-width: 1280px) {
    .main_content_wrap .content_inner { flex-direction: column; gap: 50px; }
    .main_content_wrap .main_blog { width: 100%; }
    .main_content_wrap .main_community { width: 100%; }
    .main_content_wrap .main_blog .box-list ul li { height: auto; }
    .main_content_wrap .main_blog .box-list ul li .box-image { aspect-ratio: 1.8 / 1; }
}
@media all and (max-width: 1024px) {
    .main_container { padding: 20px 0px 50px; }

    .main_banner { height: auto; overflow: visible; }
    .main_banner h1 { font-size: 36px; }
    .main_banner h2 { font-size: 18px; }
    .main_banner h2 strong { font-size: 20px; }

    .main_banner .box-searchguide { display: none; }

    .main_banner .box-searchexample { margin-top: 80px; padding: 40px; border: 1px solid #f0f0f0; border-radius: 15px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); }
    .main_banner .box-searchexample .box-title { margin-bottom: 20px }
    .main_banner .box-searchexample .box-title h3 { font-size: 20px; color: #101010; font-weight: 500; }
    .main_banner .box-searchexample .box-group { gap: 20px; }
    .main_banner .box-searchexample .box-group .box-list { padding: 12px; width: calc(50% - 10px); border-radius: 10px; background-color: #fafafa; border-left: 3px solid #ff7a3a; }
    .main_banner .box-searchexample .box-group .box-list:before { display: none; }
    .main_banner .box-searchexample .box-group .box-list strong { display: block; padding-bottom: 5px; width: 100%; height: auto; font-size: 16px; color: #ff7a3a; text-align: center; border-bottom: 1px solid #e0e0e0; border-radius: 0; background-color: transparent; }
    .main_banner .box-searchexample .box-group .box-list ul { margin-top: 10px; }
    .main_banner .box-searchexample .box-group .box-list ul li { line-height: 100%; }
    .main_banner .box-searchexample .box-group .box-list ul li + li { margin-top: 5px; }
    .main_banner .box-searchexample .box-group .box-list ul li:before { background-color: #ff7a3a; }
    .main_banner .box-searchexample .box-group .box-list ul li a { font-size: 14px; color: #555; }

    .main_content_wrap .main_content .top .box-more a { font-size: 14px; }

    .main_content_wrap .main_blog .box-list ul li .box-content strong { display: block; height: auto; font-size: 18px; -webkit-line-clamp: none; white-space: nowrap; }

    .main_container.show .bg { animation: none; }
    .main_container.show .box-overflow { opacity: 1; animation: none; }
    .main_container.close1 .bg { animation: none; }
    .main_container.close1 .main_banner { animation: none; }
    .main_container.close1 .box-overflow { animation: none; }

    .main_container.show .main_banner .box-txt h1 { position: relative; z-index: 1; transform: translateY(0px); }
    .main_container.show #formMainSearch { position: relative; z-index: 1; transform: translateY(0px); }
    .main_container.show .searchClose { display: none; }


    .main_faq_wrap .box-title { padding-right: 0; }
    .main_faq_wrap .box-title .box-more a { font-size: 14px; }
    .main_faq_wrap .box-content .box-left { display: none; }
    .main_faq_wrap .box-title h3 { font-size: 26px; }
    .main_faq_wrap .box-title p { margin-top: 4px; font-size: 14px; }

    .content_inner { padding: 40px 0 60px; }
    .main_faq_wrap .content_inner { padding-top: 50px; }
}

@media all and (max-width: 767px) {
    .content_container { padding: 0; }
    .content_inner { padding: 40px 20px 40px; }
    .main_banner { padding: 40px 0; }
    .main_banner h1 { font-size: 30px; }
    #formMainSearch { margin-top: 0; }
    .main_banner .content_inner { padding: 30px 20px 40px; }
    .main_banner .box-searchexample { margin-top: 40px; }
    .main_banner .box-searchexample { padding: 30px 20px; }
    .main_banner .box-searchexample .box-group { flex-wrap: nowrap; gap: 0;  }
    .main_banner .box-searchexample .box-group .box-list ul li:nth-child(n+3) { display: none; }
    .main_banner .box-searchexample .swiper-pagination {  display: block; }

    .main_content_wrap { padding-bottom: 40px; }
    .main_content_wrap .content_inner { padding: 40px 20px 40px; }
    .main_content_wrap .main_blog .box-list ul { gap: 0; }
    .main_content_wrap .main_blog .box-list ul li { width: 92% }
    .main_content_wrap .main_blog .box-list ul li .box-content p { display: block; height: auto; font-size: 14px; -webkit-line-clamp: none; white-space: nowrap; }

    .main_content_wrap .main_community .box-list ul li { height: auto; }
    .main_content_wrap .main_community .box-list ul li a { flex-wrap: wrap; padding: 5px; }
    .main_content_wrap .main_community .box-list ul li .col { padding: 0; }
    .main_content_wrap .main_community .box-list ul li .col.date { width: 100%; font-size: 12px; }
    .main_content_wrap .main_community .box-list ul li .col.category { width: 100%; font-size: 12px; }
    .main_content_wrap .main_community .box-list ul li .col.title { flex: none; width: 100%; font-size: 14px; }

    .main_faq_wrap .box-content .box-right .box-swiper { padding: 0 30px; }
    .main_faq_wrap .box-content .box-right .box-list ul li { width: 100%; max-width: 327px; }
    .main_faq_wrap .box-content .box-right .box-list .swiper-button-next,
    .main_faq_wrap .box-content .box-right .box-list .swiper-button-prev { width: calc(var(--swiper-navigation-size) / 44); }
}

@media all and (max-width: 479px) {
    .main_banner .box-searchexample { padding: 0; border: 0; box-shadow: none; }
    .main_banner .box-searchexample .box-title h3 { font-size: 18px; text-align: left; }
    .main_banner .box-searchexample .box-group .box-list { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); }
}