.smart_guide {overflow: hidden;position: relative;}
.smart_guideboxwrap .swiper-container {overflow: hidden;}
.smart_guide .smart_bannerbox {overflow: hidden;margin: 10px 0;position: relative;border-radius: 5px;}
.smart_guide .smart_bannerbox img {width: 100%;}
.smart_guide .smart_bannerbtn {position: absolute;left: 40px;bottom: 25px;}
.smart_guide .smartguide_tab {display: flex;}
.smart_guide .smartguide_tab li {display: flex;flex: 1;cursor: pointer;height: 44px;justify-content: center;align-items: center;border: 1px solid #eaeaea;border-bottom: none;border-radius: 10px 10px 0 0;font-size: 18px;background: #eaeaea;color: #aeaeae;transition: .3s;}
[data-dark="true"] .smart_guide .smartguide_tab li {background: var(--boxshadow);border: var(--color_border01);}
.smart_guide .smartguide_tab li:hover {color: #666;transition: .3s;}
[data-dark="true"] .smart_guide .smartguide_tab li:hover {color: #eaeaea;}
.smart_guide .smartguide_tab .active {background: #4363af!important;color: #fff!important;border: 1px solid #4363af!important;border-bottom: none;}
.smart_guide .smart_guideboxwrap {border: 1px solid var(--color_border01);border-top: none;position: relative;padding: 15px 50px 30px;background: var(--color_bg);margin-bottom: 10px;border-radius: 0 0 10px 10px;}
.smart_guide .smart_guidebox {overflow: hidden;}
.smart_guide .smart_txt {padding: 30px 0 20px;}
.smart_guide .smart_txt ul {margin: 10px 0 6px;}
.smart_guide .smart_txt ul li {font-size: 1rem;color: var(--color_font01);}
.smart_guide .smart_txt ul .title_h3 {font-size: 1.5rem;margin-bottom: 10px;}
.smart_guide .smart_content_img {width: 100%;height: auto;overflow: hidden;border-radius: 10px;}
.smart_guide .smart_content_img img {width: 100%;}
.smart_guide .smartguide_pager {position: absolute;top: 15px;z-index: 10;display: flex;gap: 20px;bottom: unset;left: unset;}
.smart_guide .swiper-pagination-bullet {width: auto!important;height: auto!important;text-align: left;line-height: 20px;font-size: 16px;color: #d9d9d9;opacity: 1;background: none!important;display: unset!important;opacity: 1!important;position: relative;border-radius: 0!important;transition: .3s;}
.smart_guide .swiper-pagination-bullet:hover {color: #4363af;transition: .3s;}
.smart_guide .swiper-pagination-bullet:hover::after {border: 1px solid #4363af;border-width: 0 1px 1px 0;transition: .3s;}
.smart_guide .swiper-pagination-bullet:last-child::after {display: none;}
.smart_guide .swiper-pagination-bullet-active {color: #4363af;font-weight: bold;background: #007aff;margin-right: 5px;}
.smart_guide .swiper-pagination-bullet-active::after, .smart_guide .swiper-pagination-bullet::after {position: absolute;display: block;top: 50%;right: -15px;width: 6px;height: 6px;border: 1px solid #d9d9d9;border-width: 0 1px 1px 0;content: '';-webkit-transform: translateY(-35%) rotate(-45deg);transform: translateY(-35%) rotate(-45deg);transition: .3s;}
.smart_guide .swiper-button-next, .smart_guide .swiper-button-prev {margin-top: 0!important;height: 82%!important;transform: translateY(-50%);width: 50px!important;font-size: 36px!important;font-weight: bold!important;top: unset;bottom: 30px;transform: unset;}
.smart_guide .swiper-button-next {right: 0!important;}
.smart_guide .swiper-button-next:after, .smart_guide .swiper-button-prev::after {content: ""!important;width: 40px;height: 40px;}
.smart_guide .swiper-button-next:after {background: url(../_images/icon/smart_next.svg)no-repeat 0 0/contain!important;}
.smart_guide .swiper-button-prev {left: 0!important;}
.smart_guide .swiper-button-prev:after {background: url(../_images/icon/smart_prev.svg)no-repeat 0 0/contain!important;}
.smart_guide .swiper-pagination-bullet-active::after {border: 2px solid #4363af;border-width: 0 2px 2px 0;right: -15px;}


@media screen and (max-width: 767px) {
    .smart_guide .smart_bannerbtn {left: 10px;bottom: 10px;}
    .smart_bannerbox .smart_downloadbtn {width: 100%;padding: 0 20px;height: 30px;}
    .smart_guide .smart_guideboxwrap {padding: 15px 20px 30px;}
    .smart_guide .swiper-button-next, .smart_guide .swiper-button-prev {width: 40px!important;height: 40px!important;}
    .smart_guide .swiper-button-next {right: 30px!important;bottom: 35%;}
    .smart_guide .swiper-button-prev {left: 30px!important;bottom: 35%;}
}