@charset "UTF-8";

/* 메인비주얼 */
.main_visual {position:relative; width:100%; padding-top:80px;}
.main_visual .visual_txt {text-align:center;font-size:32px;font-weight:var(--font-weight-700);}
.main_visual .visual_search_wrap {position:relative; width:100%; max-width:750px;margin:0 auto 120px; padding:0px 20px; height:70px; display:flex; align-items:center; background-color:#fff;border-radius:30px; background:#F6F6F6;}
.main_visual.login_type {background:#d9f2fb url("../images/main/bg_login.png") center top no-repeat;}

.visual_search_wrap form {display:flex; width:100%; align-items: center;}
.visual_search_wrap form input {width:calc(100% - 10px);height:40px;padding:0 20px 0 10px;font-size:20px;font-weight:var(--font-weight-600);border:none;}
.visual_search_wrap form button[type=submit] {position:relative;width:40px;height:40px;background:url("../images/main/btn_visual_search.svg") center no-repeat; margin:0px 10px 0px auto;}
.visual_search_wrap form button[type=submit]::before {content:"";width:2px;height:18px;background-color: #ddd;position:absolute;left:-10px;top:50%;transform: translateY( -50% );}

.visual_search_wrap .recoment_wrap{position:absolute; left:0px; top:70px; width:100%;}
.recoment_wrap {width:100%;max-width:900px;margin:0 auto;display: flex;justify-content: center;align-items: center;margin-top:20px;gap:20px;}
.recoment_wrap h3 {font-size:20px;font-weight:var(--font-weight-500);}
.recoment_wrap ul {display: flex;justify-content: center;align-items: center;gap:10px;}
.recoment_wrap ul li button {padding:10px 20px 11px;background-color:var(--main-color-01); border-radius:100px;font-size:16px;font-weight:var(--font-weight-600);color:#fff;}

.login_box_wrap {display:flex; align-items:center; height:258px; padding:0px 122px; gap:80px;background-color:#fff;border-radius:20px;width:calc( 100% - 40px );max-width:1440px;display:flex;justify-content:center;align-items:center; margin:0 auto; border-radius:20px; border:1px solid #ddd; margin-top:60px;}
.login_box_list{flex-grow: 1;}
.login_box_wrap .login_box_list ul {display:flex;justify-content: space-between; }
.login_box_wrap .login_box_list ul li {position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; flex:1;}
.login_box_wrap .login_box_list ul li::before {content:"";width:1px;height:80px;background-color:#ddd;position:absolute;left:0px;top:50%;transform: translateY( -50% );}
.login_box_wrap .login_box_list ul li:first-child:before {display:none;}
.login_box_wrap .login_box_list a {position:relative;display:block;font-size:50px;font-weight:var(--font-weight-700);color:var(--main-color-01);text-align: center;}
.login_box_wrap .login_box_list a.new_type::before {content:"";width:12px;height:12px;background-color:#e60000;position:absolute;left:50%;margin-left:45px;top:10px;border-radius:50%;}
.login_box_wrap .login_box_list p {text-align: center;font-size:20px;font-weight:var(--font-weight-600);color:#333;margin-top:10px;}
.login_box_wrap .login_info {display:flex;gap:38px;align-items: center;}
.login_box_wrap .login_info li .bull_condition {display:inline-block;  width:auto;  height:auto; background:#666; padding:10px 20px;border-radius:20px;color:#fff;font-size:16px;font-weight:var(--font-weight-700);}
.login_box_wrap .login_info li .bull_condition::after{display:none;}
.login_box_wrap .login_info li .bull_condition.on{background-color:var(--main-color-01);}
.login_box_wrap .login_info li {margin-top:10px;font-size:20px;color:#333;font-weight:var(--font-weight-500);}
.login_box_wrap .login_info li strong {font-size:24px;color:#111;font-weight:var(--font-weight-700);}
.login_box_wrap .pic_area {width:160px;height:160px;overflow: hidden;border-radius:100%;background-color:#f7f7f7; display:flex; align-items: end; justify-content: center;}
.login_box_wrap.company .pic_area{border-radius:10px; align-items: center;}
.login_box_wrap .pic_area img {width:100%; min-width:160px;}
.login_box_wrap .login_info ul li a{display:flex; align-items: center; width:160px; height:48px; border-radius:100px; background-color: var(--main-color-01); color:#fff; font-size:18px; justify-content: space-between; font-weight:var(--font-weight-800); padding:0px 28px;}
.login_box_wrap .login_info ul li a::after{content:""; display:block; width:7px; height:12px; background:url("../images/main/login_arrow.svg")center center no-repeat; background-size:100%;}
.login_box_wrap .btn_login_info {position:absolute;bottom:20px;left:50%;transform: translateX( -50% );padding:15px 60px 15px 30px;background:#01A6E6 url("../images/common/bull_arrow.png") right 30px center no-repeat;border-radius:50px;color:#fff;font-size:16px;font-weight:var(--font-weight-700);}
.visual_tit_area {position:absolute;top:50%;left:50%;transform: translate( -50% , -50% );margin-left:-180px;margin-top:-20px;}
.visual_tit_area .visual_tit01 {font-family: 'jalnan';font-size:50px;color:var(--main-color-02);letter-spacing:-2.5px;}
.visual_tit_area .visual_tit02 {font-size:28px;margin-top:20px;font-weight:var(--font-weight-600);}

.login_box_wrap + .visual_menu_wrap{margin:40px auto 60px;}
.visual_menu_wrap {width:100%; max-width:1440px; margin:60px auto; background-color:#fff;border-radius:20px; background:#E0F6FF;}
.visual_menu_wrap ul {display:flex;  align-items: center; height:240px;  justify-content:center; gap:0px 45px;flex-wrap: wrap;}
.visual_menu_wrap ul li {position:relative;}
.visual_menu_wrap ul li a {display:block; width:180px; height:180px; text-align:center;font-size:20px;font-weight:var(--font-weight-600);letter-spacing:-1px; border-radius:10px; padding-top:122px;}
.visual_menu_wrap ul li:nth-child(1) a {background:#fff url("../images/main/new_visual_menu01.svg") center 42px no-repeat;}
.visual_menu_wrap ul li:nth-child(2) a {background:#fff url("../images/main/new_visual_menu02.svg") center 42px no-repeat;}
.visual_menu_wrap ul li:nth-child(3) a {background:#fff url("../images/main/new_visual_menu03.svg") center 49px no-repeat;}
.visual_menu_wrap ul li:nth-child(4) a {background:#fff url("../images/main/new_visual_menu04.svg") center 54px no-repeat;}
.visual_menu_wrap ul li:nth-child(5) a {background:#fff url("../images/main/new_visual_menu05.svg") center 49px no-repeat;}
.visual_menu_wrap ul li:nth-child(6) a {background:#fff url("../images/main/new_visual_menu06.svg") center 46px no-repeat;}


.visual_menu_wrap.company ul li:nth-child(1) a {background:#fff url("../images/main/new_visual_menu07.svg") center 54px no-repeat;}
.visual_menu_wrap.company ul li:nth-child(2) a {background:#fff url("../images/main/new_visual_menu08.svg") center 49px no-repeat;}
.visual_menu_wrap.company ul li:nth-child(3) a {background:#fff url("../images/main/new_visual_menu09.svg") center 54px no-repeat;}
.visual_menu_wrap.company ul li:nth-child(4) a {background:#fff url("../images/main/new_visual_menu10.svg") center 53px no-repeat;}
.visual_menu_wrap.company ul li:nth-child(5) a {background:#fff url("../images/main/new_visual_menu11.svg") center 52px no-repeat;}

.main_section01 {margin:0 auto; background:rgba(171, 222, 242, 0.12); padding:80px 0px;}
.main_section01 .inner{max-width:1440px; margin:0 auto; width:calc( 100% - 40px );}
.main_tit {font-size:32px;font-weight:var(--font-weight-700);color:#111;display:flex;align-items: center;gap:20px;}
.main_tit span {font-size:20px;font-weight:var(--font-weight-500);color:#333;}
.main_tit > .more{margin-left:auto; display:block; width:144px; font-weight:var(--font-weight-600); font-size:18px; color:#222; text-align: center;}
.swiper_wrapper {position:relative;}
.mainSwiper {width: 100%;margin:30px auto 0;}
.mainSwiper_01,.mainSwiper_02.few-slides{height: 312px;}
.mainSwiper_02{height: 644px;}

.mainSwiper .swiper-slide:not(.chunk-container),.mainSwiper .swiper-slide .slideContent {position:relative; font-size: 18px;height: 100%; display:flex; flex-direction: column; height:312px; max-width:345px;}
.mainSwiper .swiper-slide > em,.mainSwiper .swiper-slide .slideContent > em{position:absolute; left:20px; top:20px; display:block; width:82px; height:34px; line-height:34px; font-size:15px; font-weight:var(--font-weight-700); color:#fff; text-align: center; border-radius:100px; background:#757575; z-index:2;}
.mainSwiper .swiper-slide > em.present,.mainSwiper .swiper-slide .slideContent > em.present{background:var(--main-color-01);}
.mainSwiper .swiper-slide > span,.mainSwiper .swiper-slide .slideContent > span{position:absolute; right:20px; top:20px; display:flex; align-items: center; font-weight:var(--font-weight-600); gap:0px 5px; font-size:16px; color:#222; z-index:2;}
.mainSwiper .swiper-slide > span .favorite,.mainSwiper .swiper-slide .slideContent > span .favorite{font-size:0px; width:20px; height:19px; background:url("../images/main/favorite.svg")center center no-repeat; background-size:100%; transition-duration:0.1s;}
.mainSwiper .swiper-slide > span .favorite.on,.mainSwiper .swiper-slide .slideContent > span .favorite.on{background:url("../images/main/favorite_on.svg")center center no-repeat; background-size:100%;}
.mainSwiper .swiper-slide > a,.mainSwiper .swiper-slide .slideContent > a{position:relative;display:flex; flex-direction: column; height:100%; border-radius:20px; overflow:hidden; background: #fff; border:2px solid transparent; transition-duration:0.2s;}
.mainSwiper .swiper-slide > a:hover ,.mainSwiper .swiper-slide .slideContent > a:hover{border:2px solid var(--main-color-02);}
.mainSwiper .swiper-slide a:focus-visible,.mainSwiper .swiper-slide .slideContent > a:focus-visible {outline: 2px dashed red; outline-offset: -2px;}

.mainSwiper .swiper-slide > a .info_area,.mainSwiper .swiper-slide .slideContent .info_area {display:flex; flex-direction: column; width:100%; height:100%; margin:60px auto 0px;  }
.mainSwiper .swiper-slide > a .info_area dl ,.mainSwiper .swiper-slide .slideContent .info_area dl{display:flex; height:100%; flex-direction: column; position:relative;z-index:10; padding:0px 25px;}
.mainSwiper .swiper-slide > a .info_area dt ,.mainSwiper .swiper-slide .slideContent .info_area dt{display:flex; align-items:center; margin-bottom:10px; white-space:nowrap; overflow:hidden; }
.mainSwiper .swiper-slide > a .info_area dt span ,.mainSwiper .swiper-slide .slideContent .info_area dt span{display:block; align-items:center; font-size:16px;font-weight:var(--font-weight-700);overflow: hidden;white-space: nowrap;text-overflow: ellipsis; max-width:calc(100% - 20px);}
.mainSwiper .swiper-slide.new_type > a .info_area dt::after,.mainSwiper .swiper-slide .slideContent.new_type > a .info_area dt::After{content:""; display:block; min-width:20px; width:20px; height:20px; background:#c76a00  url("../images/common/bull_new.png") center no-repeat; border-radius:20px; margin-left:8px;}
.mainSwiper .swiper-slide > a .info_area dd,.mainSwiper .swiper-slide .slideContent > a .info_area dd{font-size:18px;font-weight:var(--font-weight-600);color:#222;}
.mainSwiper .swiper-slide > a .info_area dd:nth-last-of-type(1),.mainSwiper .swiper-slide .slideContent > a .info_area dd:nth-last-of-type(1){margin:auto 0px 29px; font-weight:var(--font-weight-500); color:#666; font-size:16px;}
.mainSwiper .swiper-slide > a .company_logo ,.mainSwiper .swiper-slide .slideContent > a .company_logo{display:flex; align-items: center; justify-content: center; height:70px; min-height:70px; max-height:70px; margin-bottom:22px;}
.mainSwiper .swiper-slide > a .company_logo img ,.mainSwiper .swiper-slide .slideContent > a .company_logo img{display:block;width:auto; max-width:calc(100% - 20px); max-height:100%;}

.swiper-title{display:flex; align-items:center; white-space: nowrap; }
.swiper-title:not(:nth-of-type(1)){margin-top:80px;}
.swiper-title .swiper_btn_wrap{display:flex; align-items: center; margin-left:auto;}
.swiper-title .swiper_btn_wrap .more{font-size:18px; font-weight:var(--font-weight-700); margin-right:20px;}
.swiper_btn_wrap .swiper-button-prev,
.swiper_btn_wrap .swiper-button-next{margin-top:0px; background:#fff; border:0px; border: 2px solid #222;}
.swiper_btn_wrap .swiper-button-prev {position:unset; width:42px;height:42px;border-top-left-radius: 20px;border-bottom-left-radius: 20px; }
.swiper_btn_wrap .swiper-button-prev:focus,
.swiper_btn_wrap .swiper-button-prev:hover,
.swiper_btn_wrap .swiper-button-next:focus,
.swiper_btn_wrap .swiper-button-next:hover {background-color:#EBEBEB;}
.swiper_btn_wrap .swiper-button-prev:focus::after,
.swiper_btn_wrap .swiper-button-prev:hover::after,
.swiper_btn_wrap .swiper-button-next:focus::after,
.swiper_btn_wrap .swiper-button-next:hover::after {color:#111;}
.swiper_btn_wrap .swiper-button-prev::after,
.swiper_btn_wrap .swiper-button-next::after {font-size:15px;color:#111;font-weight:bold;}
.swiper_btn_wrap .swiper-button-next {position:unset; width:42px;height:42px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.swiper_btn_wrap .swiper-button-prev.swiper-button-disabled,
.swiper_btn_wrap .swiper-button-next.swiper-button-disabled {opacity:0;}

.mainSwiper2 {margin-top:20px;}
.mainSwiper2 .swiper-wrapper {height:auto;}
.mainSwiper2 .swiper-slide a {display:block;overflow:hidden;border-radius:20px;max-height:300px;}
.mainSwiper2 .swiper-slide a:focus-visible {outline: 2px dashed red; outline-offset: -2px;}
.mainSwiper2 .swiper-slide a img {width:100%;height:auto;}
.mainSwiper2 .swiper-button-prev {top:auto;bottom:0;left:50%;margin-left:-41px;width:42px;height:42px;border:1px solid #ddd;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}  
.mainSwiper2 .swiper-button-prev:focus,
.mainSwiper2 .swiper-button-prev:hover,
.mainSwiper2 .swiper-button-next:focus,
.mainSwiper2 .swiper-button-next:hover {background-color:#f4f4f4;}
.mainSwiper2 .swiper-button-prev:focus::after,
.mainSwiper2 .swiper-button-prev:hover::after,
.mainSwiper2 .swiper-button-next:focus::after,
.mainSwiper2 .swiper-button-next:hover::after {color:#111;}
.mainSwiper2 .swiper-button-prev::after,
.mainSwiper2 .swiper-button-next::after {font-size:14px;color:#333;font-weight:bold;}
.mainSwiper2 .swiper-button-next {top:auto;bottom:0;right:50%;margin-right:-42px;width:42px;height:42px;border:1px solid #ddd;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.mainSwiper2 .swiper-button-prev.swiper-button-disabled, 
.mainSwiper2 .swiper-button-next.swiper-button-disabled {opacity:0.7;}

.main_section02 {width:100%; padding:60px 0px;}
.main_section02 .inner {width:calc( 100% - 40px );max-width:1440px;margin:0 auto;}

.main_section03 {width:100%;padding:60px 0px 71px; background:#F6F6F6;}
.main_section03 .inner {width:calc( 100% - 40px );max-width:1440px;margin:0 auto;}


.main_device_wrap {display:flex;gap:20px;flex-wrap: wrap;}
.main_device_wrap > div {width:calc( 50% - 10px );}
.main_device_wrap > div .main_device_box {background-color:#fff;margin-top:20px;border-radius:20px;padding:38px 40px;}
.main_device_box .new_list {display:flex;flex-direction: column;justify-content: center;gap:23px;}
.main_device_box .new_list li {position:relative;display:flex;gap:20px;padding-left:10px;justify-content: space-between;align-items: center;}
.main_device_box .new_list li:first-child {margin-top:0;}
.main_device_box .new_list li::before {content:"";position:absolute;left:0;top:50%;transform: translateY( -50% );width:4px;height:4px;border-radius:4px;background-color:#222;}
.main_device_box .new_list li a {font-size:20px;font-weight:var(--font-weight-500);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.main_device_box .new_list li a.new_type {position:relative;padding-right:25px;}
.main_device_box .new_list li a.new_type:before {position:absolute;right:0;top:2px;content:"";width:20px;height:20px;border-radius:20px;background:#c76a00 url("../images/common/bull_new.png") center no-repeat;}
.main_device_box .new_list li .date_area {display:block;font-size:18px;color:#666;font-weight:var(--font-weight-500); flex-shrink: 0;}

.main_device_box .q_list {display:flex;flex-direction: column;justify-content: center;gap:7px;}
.main_device_box .q_list li {position:relative;margin-top:18px;padding:5px 0 5px 40px;background:url("../images/common/bull_q.png") left center no-repeat;}
.main_device_box .q_list li:first-child {margin-top:0;}
.main_device_box .q_list li a {font-size:20px;font-weight:var(--font-weight-600);display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}


@media screen and (max-width: 1600px) {
    .main_visual {height:auto;}
    .login_box_wrap {flex-direction: column;gap:20px;padding:25px; height:auto;}
    .login_box_wrap .login_box_list {width:100%;}
    .mainSwiper .swiper-button-prev {left:-15px;}
    .mainSwiper .swiper-button-next {right:-15px;}
    .visual_menu_wrap{width:calc(100% - 40px); }
    .visual_menu_wrap ul{height:auto; flex-wrap:wrap; gap:20px; padding:20px;}
}
@media screen and (max-width: 1440px) {
    .main_section01{padding:40px 0px;}
    .swiper-title:not(:nth-of-type(1)){margin-top:40px;}
    .main_tit > .more{width:auto;}
}

@media screen and (max-width: 1024px) {
    .visual_tit_area {margin-left:0;width:calc( 100% - 40px );}
}

@media screen and (max-width: 768px) {
    .main_visual {padding:20px 10px 10px;background-size:240px auto;background-position-x:right;}
    .main_visual.login_type {height:670px;background-size:100% auto !important;}
    .main_visual .visual_txt {font-size:24px;}
    .main_visual .visual_search_wrap {padding:5px 10px; margin-bottom:60px;}
    .visual_search_wrap form input {font-size:14px;}

    .recoment_wrap {gap:10px;}
    .recoment_wrap h3 {font-size:14px;}
    .recoment_wrap ul {gap:3px;}
    .recoment_wrap ul li button {font-size:12px;padding:5px 10px;}

    .visual_tit_area .visual_tit01 {font-size:26px;text-align: center;}
    .visual_tit_area .visual_tit02 {font-size:18px;margin-top:10px;text-align: center;}
    .visual_menu_wrap {padding:10px 5px;width:calc( 100% - 20px ); border-radius:10px;}
    .visual_menu_wrap ul {flex-wrap: wrap;}
    .visual_menu_wrap ul li {width:calc( 100% / 2.5 - 2px ); }
    .visual_menu_wrap ul li a{width:auto; height:auto;}
    .main_device_wrap {gap:15px;}
    .main_device_wrap > div {width:100%;}
    .mainSwiper {height:fit-content;}
    .swiper .chunk-container{
        grid-template-columns:repeat(1,1fr);
        grid-template-rows: repeat(4,auto);
        height:auto !important;
    }
    .mainSwiper .swiper-slide, .mainSwiper .slideContent{height:280px; max-width:none !important;}
    .mainSwiper .swiper-slide a, .mainSwiper .slideContent a {border-radius:10px;}
    .mainSwiper .swiper-slide a .info_area, .mainSwiper .slideContent a .info_area {padding:15px 15px 20px;}
    .mainSwiper .swiper-slide a .company_logo, .mainSwiper .slideContent a .company_logo {top:-20px;}
    .mainSwiper .swiper-slide a .info_area dt, .mainSwiper .slideContent a .info_area dt {font-size:16px;margin-bottom:8px;}
    .mainSwiper .swiper-slide > a .info_area dt span, .mainSwiper .slideContent > a .info_area dt span{font-size:14px;
    }
    .mainSwiper .swiper-slide a .info_area dd, .mainSwiper .slideContent a .info_area dd{font-size:16px;}
    .mainSwiper .swiper-slide a .info_area dd:nth-last-of-type(1), .mainSwiper .slideContent .info_area dd:nth-last-of-type(1){font-size:12px; margin-top:10px;}
    .mainSwiper .swiper-button-prev {width:30px;height:30px;margin-top:-10px;}
    .mainSwiper .swiper-button-next {width:30px;height:30px;margin-top:-10px;}
    .mainSwiper .swiper-slide > a .info_area dd:nth-last-of-type(1), .mainSwiper .slideContent > a .info_area dd:nth-last-of-type(1){font-size:12px;}

    .mainSwiper2 {padding-bottom:40px;margin-top:10px;}
    .mainSwiper2 .swiper-slide a, .mainSwiper .slideContent a{border-radius:10px; max-height:none;}
    .mainSwiper2 .swiper-button-prev {width:24px;height:24px;padding:12px;margin-left:-25px;}
    .mainSwiper2 .swiper-button-next {width:24px;height:24px;padding:12px;margin-right:-25px;}
    .mainSwiper2 .swiper-button-prev::after, .mainSwiper2 .swiper-button-next::after {font-size:10px;}
    .main_device_wrap > div .main_device_box {height:auto;padding:18px 15px;margin-top:10px;border-radius:10px;}

    .visual_menu_wrap ul li a {font-size:14px;background-size:40px auto !important;padding:65px 0 5px;background-position:center 12px !important;}
    .visual_menu_wrap ul li:nth-child(4) a{background-position:center 18px !important;}
    .visual_menu_wrap ul li:nth-child(6) a{background-position:center 4px !important;}
    .visual_menu_wrap ul li::before {height:50px;}
    .visual_menu_wrap ul li:nth-child(4)::before {display:none;}
    .visual_menu_wrap.company ul li:nth-child(1) a{background:#fff url("../images/main/new_visual_menu07.svg") center 49px no-repeat; background-size:21% !important; background-position:center 13px !important;}
    .visual_menu_wrap.company ul li:nth-child(2) a{background:#fff url("../images/main/new_visual_menu08.svg") center 49px no-repeat; background-size:16% !important; background-position:center 12px !important;}
    .visual_menu_wrap.company ul li:nth-child(3) a{background:#fff url("../images/main/new_visual_menu09.svg") center 49px no-repeat; background-size:21% !important; background-position:center 20px !important;}
    .visual_menu_wrap.company ul li:nth-child(4) a{background:#fff url("../images/main/new_visual_menu10.svg") center 49px no-repeat; background-size:21% !important; background-position:center 15px !important;}
    .visual_menu_wrap.company ul li:nth-child(5) a{background:#fff url("../images/main/new_visual_menu11.svg") center 49px no-repeat; background-size:21% !important; background-position:center 15px !important;}

    .login_box_wrap .login_info ul li a{font-size:14px; width:100px; height:30px; padding:0px 10px;}
    .login_box_wrap {bottom:250px;padding:15px 10px 15px;width:calc( 100% - 20px );border-radius:10px; margin-top:30px;}
    .login_box_wrap .pic_area {width:80px;height:80px;}
    .login_box_wrap .pic_area img{min-width:80px;}
    .login_box_wrap .login_info {gap:20px;}
    .login_box_wrap .login_info li {font-size:14px;margin-top:5px;}
    .login_box_wrap .login_info li strong {font-size:18px;}
    .login_box_wrap .login_info li span {padding:5px 10px;font-size:14px;}
    .login_box_wrap .login_box_list a {font-size:26px;}
    .login_box_wrap .login_box_list p {font-size:12px;margin-top:2px;}
    .login_box_wrap .login_box_list a.new_type::before {width:6px;height:6px;top:8px;left:auto;right:2px;transform: translateX(calc(100% + 5px));}
    .login_box_wrap .login_box_list ul {gap:8px;flex-wrap: wrap;}
    .login_box_wrap .login_box_list ul li {width:calc( 20% - 8px );}
    .login_box_wrap .login_box_list ul li::before {height:40px;left:-4px;}
    .login_box_wrap .btn_login_info {bottom:15px;padding:10px 30px 10px 20px;font-size:14px;background-position: right 15px center !important;}


    .main_section01 {padding:15px 10px 30px;}
    .swiper-title{display:flex; align-items: center;}
    .swiper-title:not(:nth-of-type(1)){margin-top:15px;}
    .main_tit {gap:8px;font-size:20px;}
    .main_tit span {font-size:14px; display:none;}
    .swiper-title .swiper_btn_wrap .more{font-size:14px;}

    .main_section02 {padding:15px 10px 15px;}
    .main_device_box .new_list {gap:10px;}
    .main_device_box .new_list li {gap:8px;}
    .main_device_box .new_list li::before {width:3px;height:3px;}
    .main_device_box .new_list li a {font-size:16px;}
    .main_device_box .new_list li .date_area {font-size:14px;width:74px;text-align: right;}
    .main_device_box .new_list li a.new_type:before {width:16px;height:16px;top:0;}

    .main_device_box .q_list li {background-size:15px auto;padding-left:25px;margin-top:2px;}
    .main_device_box .q_list li a {font-size:16px;}

    .main_section03{padding:30px 10px 30px;}
    .main_tit > .more{width:auto; font-size:16px;}

}