@charset "utf-8";



/*스타일 01*/
.controls_01 {position: absolute;bottom: 30px;left: 0;width: 100%;height: 40px;padding: 0 30px;display:flex;justify-content: space-between;align-items:center;}
.controls_01>span{display: flex;align-items: center;margin-right: 30px;justify-content: space-between;}
.controls_01 .nav{display: flex;}
.controls_01 .nav>button{position: static;opacity: 0.8;flex-shrink:0;display:block;width:40px;height:40px;border-radius:50%;text-indent:-9999px;cursor:pointer;background-position:center;background-repeat:no-repeat;transition:all 0.4s;}
.controls_01 .nav .prev {margin: 0;background:rgba(0,0,0,0.4) url('/static/svc/images/main/sth_icon_next_01.svg') center 50% no-repeat; margin-right: 10px;}
.controls_01 .nav .next {margin: 0; background:rgba(0,0,0,0.4) url('/static/svc/images/main/sth_icon_prev_01.svg') center 50% no-repeat;}
.controls_01 .nav>button:hover {background-color: rgba(0,0,0,0.99); opacity: 1;}
.controls_01 .page {position: static; width: auto; color:#fff;font-size: 20px; font-weight: 200; margin: 0;display: flex;align-items: center;justify-content: center;}
.controls_01 .page .swiper-pagination-current {display: flex; width: 30px; font-weight: 600;align-items: center; justify-content: center;}
.controls_01 .page .swiper-pagination-total{ display: flex; font-weight: 200; justify-content: center; align-items: center; width: 30px;}
/*더보기*/
.sth_more_01{position:absolute; top:0; right:0;}
.sth_more_01 .sth_morePlus{display: inline-block; width: 30px; height: 30px; background:url('/static/svc/images/main/sth_more_icon.svg') center 50% no-repeat; text-indent: -9999px; font-size: 0;}
/*도트 공통 원형 스타일 01*/
.swiper-pagination .swiper-pagination-bullet{width:10px; border-radius: 10px; height:10px;padding:0;opacity: 1; border:none;outline:none;cursor:pointer;text-indent:-9999px;overflow:hidden;background-color:#B9CDE5;transition:background-color .3s ease;}
.swiper-pagination .swiper-pagination-bullet:focus {outline: 2px solid #008460 !important; outline-offset: 2px;}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#22A478;}
div.swiper-pagination-horizontal.swiper-pagination-bullets{top: 35px; height: 20px; width: auto; right: 30px; left: auto;}

.swiper-slide:focus::before {position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; content: ''; border: 2px solid #008460;}


/*순차적 노출  애니메이션*/
.sth_reveal {opacity: 0; transform: translate3d(0, 30px, 0); transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);will-change: opacity, transform;}
.sth_reveal.is-visible {opacity: 1;transform: translate3d(0, 0, 0);}


/*모바일 메인에서만 퀵메뉴 노출*/
@media all and (max-width:767px){
    .sth_quick_banner_01_con{display: block !important;}
}


.sth_main_con:focus{outline: none;}
.sth_main_con>.sth_section{display: none;}
.sth_main_con>.sth_section.sth_main_home{display: block;}
@media all and (max-width:1024px){
    /*공통*/
    .sth_main_con{overflow:hidden;touch-action:pan-y;}
    .sth_main_con>.sth_section{display: block;}
}



@media (max-width: 1024px) {
    /* 자바스크립트가 style="height: ...px;"를 넣을 것이므로 기존 고정 height 속성 방해 요소 제거 */
    .sth_main_con {
        display: flex !important;
        align-items: flex-start !important;
        /* 무조건 자바스크립트의 높이 값을 따르도록 초깃값은 유연하게 대기 */
        min-height: 0 !important;
    }

    /* 각 슬라이드 기본 사양 */
    .sth_section {
        width: 100vw;
        flex-shrink: 0;
        height: auto !important;
        min-height: 0 !important;
    }

    /* 활성화된 슬라이드 내부 콘텐츠가 여백 없이 꽉 들어차도록 보장 */
    .sth_section.active_sec {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }
    .m_test_01 img{max-width: 100%;}


    html,
    body {
        overscroll-behavior: none;
    }

    .sth_main_con {
        overflow: hidden;
    }

    .sth_section {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

}


/*각 메인별 컨테이너*/
.sth_main_home, .sth_guide_home, .sth_education_home, .sth_experience_home, .sth_settlement_home, .sth_community_home, .sth_greennews_home{overflow: hidden; padding: 50px 0 100px 0; color: #000;}

/* ======== 01 메인 콘텐츠 ======== */
.sth_section_box_01{display: flex;justify-content: space-between;/* gap:20px; */ max-width: 1440px; margin: 0 auto;}


/*좌측*/
.sth_main_img_box{max-width: 720px; width: 50%;}
/* 초기 로딩 시 이미지 겹침 방지 기본 CSS */
.sth_main_img {position: relative; height: 490px;border-radius: 20px;overflow: hidden;background: #f8f8f8;}
.sth_img_item { height: 100%;display: flex !important;justify-content: center; align-items: center; position: relative;}
.sth_img_item a {display: block;width: 100%;height: 100%;}
.sth_img_item img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.sth_main_mobile_img{display: none;}
/*텍스트*/
.sth_titleimg_txt_box_01{position: absolute; left: 9%; top:16%;}
.sth_titleimg_txt_box_01>span{display: block; font-size: 20px; color: #fff; font-weight: 500; margin-bottom: 20px;}
.sth_titleimg_txt_box_01>p{font-size: 46px; color: #fff; font-weight: 700; line-height: 110%;}
.sth_titleimg_txt_box_01>p.sth_txt_01{font-size: 46px; color: #fff; font-weight: 700; line-height: 110%;}
.sth_titleimg_txt_box_01>p.sth_txt_02{font-size: 20px; color: #fff; font-weight: 500; margin-top: 20px;line-height: 110%;}
.sth_titleimg_txt_box_01>p.sth_txt_02>span{display: block;}

.sth_titleimg_txt_box_02{position: absolute; left: 10%; top:18%;}
.sth_titleimg_txt_box_02>span{display: block; font-size: 20px; color: #fff; font-weight: 500; margin-bottom: 20px;}
.sth_titleimg_txt_box_02>p{font-size: 46px; color: #fff; font-weight: 600; line-height: 110%;}
.sth_titleimg_txt_box_02>p.sth_txt_01{font-size: 46px; color: #fff; font-weight: 500; line-height: 110%;}
@media all and (max-width:1500px){
    .sth_section_box_01{padding: 0 25px;}
}
@media all and (max-width:1024px){
    .sth_titleimg_txt_box_01{top:15%;}
    .sth_titleimg_txt_box_01>span{font-size: 18px; margin-bottom: 20px;}
    .sth_titleimg_txt_box_01>p{font-size: 40px;}
    .sth_titleimg_txt_box_01>p.sth_txt_01{font-size: 40px;}

    .sth_main_home{background-color: #F7F7FE;}
    .sth_guide_home{background-color: #fff;}
    .sth_education_home{background-color: #fff;}
    .sth_experience_home{background-color: #fff;}
    .sth_settlement_home{background-color: #fff;}
    .sth_community_home{background-color: #fff;}
    .sth_greennews_home{background-color: #fff;}
    .sth_section_box_01{flex-direction: column; padding: 0;}
    .sth_main_img {border-radius: 0; max-width: none;width: 100%; height: 450px;}
    .sth_main_img_box {max-width: none;width: 100%;}
    .sth_main_home, .sth_guide_home, .sth_education_home, .sth_experience_home, .sth_settlement_home, .sth_community_home, .sth_greennews_home{padding: 0px 0 100px 0;}
    .sth_topmenu_atv .sth_guide_home, .sth_topmenu_atv .sth_education_home, .sth_topmenu_atv .sth_experience_home, .sth_topmenu_atv .sth_settlement_home, .sth_topmenu_atv .sth_community_home, .sth_topmenu_atv .sth_greennews_home{padding: 71px 0 100px 0;}
    .sth_topmenu_atv .sth_main_con{top: -10px; position: relative;}
}
@media all and (max-width:640px){
    .sth_main_pc_img{display: none;}
    .sth_main_mobile_img{display: block;}
    .sth_titleimg_txt_box_01>span{font-size: 18px; margin-bottom: 20px;}
    .sth_titleimg_txt_box_01>p{font-size: 34px;}
    .sth_titleimg_txt_box_01>p.sth_txt_01{font-size: 34px;}
    .sth_titleimg_txt_box_01>p.sth_txt_02{font-size: 16px;}
}
@media all and (max-width:365px){
    .sth_titleimg_txt_box_01>span{font-size: 16px; margin-bottom: 20px;}
    .sth_titleimg_txt_box_01>p{font-size: 30px;}
    .sth_titleimg_txt_box_01>p.sth_txt_01{font-size: 30px;}
    .sth_titleimg_txt_box_01>p.sth_txt_02{font-size: 16px;}
}

/*공지사항*/
.sth_notice_box{display: flex; align-items: center; position: relative; margin-top: 30px; justify-content: space-between; width: 100%; transition: transform 0.3s ease-in-out;}
.sth_bottom_menu_box.menu-down {transform: translateY(100%);}
.sth_notice_box .swiper-pagination{display: flex; align-items: center; margin-left: 20px; justify-content: space-between; position: relative; top: inherit !important; transform:none !important; left: inherit !important; right: inherit !important;}
.sth_notice_box .sth_notice_list_box{overflow: hidden;}
.sth_notice_box .sth_notice_icon{display: inline-block; flex: 0 0 31px; width: 31px; height: 30px; margin-right: 25px; background: url("/static/svc/images/main/sth_notice_icon.svg") center 50% no-repeat; background-size: contain;}
.sth_notice_box .sth_notice_list_box{flex: 1 1 100%; height: 30px; overflow: hidden; display: flex; align-items: center;}
.sth_notice_box .sth_notice_list_box .sth_notice_list{}
.sth_notice_box .sth_notice_list_box .sth_notice_list{}
.sth_notice_box .sth_notice_list_box .sth_notice_list a.swiper-slide{font-size: 24px; font-weight: 400; color: #1A1311; display:block; height: 50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_notice_box .sth_notice_list_box .sth_notice_list a.swiper-slide:hover{color: #22A478;}
.sth_notice_box .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .sth_notice_box .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
@media all and (max-width:1024px){
    .sth_notice_box{padding: 0 25px; margin-top: 15px;}
}

@media all and (max-width:640px){
    .sth_notice_box .sth_notice_icon{display: inline-block; flex: 0 0 21px; width: 20px; height: 20px; margin-right: 15px;}
    .sth_notice_box{padding: 15px; margin: 0;}
    .sth_notice_box .sth_notice_list_box .sth_notice_list a.swiper-slide{font-size: 20px; height: 30px; line-height: 30px;}
    .sth_notice_box .swiper-pagination{display: none;}
}
@media all and (max-width:480px){
    .sth_notice_box .sth_notice_list_box .sth_notice_list a.swiper-slide{font-size: 18px;}
}
@media all and (max-width:365px){
    .sth_notice_box .sth_notice_list_box .sth_notice_list a.swiper-slide{font-size: 16px;}
}

/*우측*/
.sth_right_login_box{display: flex;gap:10px;flex-wrap: wrap;width: calc(50% - 50px);}
/*더보기*/
.sth_btn_item_more_01{position: absolute; width: 46px; height: 46px; right: 0; bottom: 0; z-index: 98; background: #fff url("/static/svc/images/main/sth_more_01.svg") center 50% no-repeat; text-indent: -9999px; border: 1px solid #D1DBF1; border-radius: 50px;}
.sth_btn_item_more_01:hover{background: #D1DBF1 url("/static/svc/images/main/sth_more_ov01.svg") center 50% no-repeat;}

/*공통*/
.sth_item_link_01, .sth_item_login_box_01, .sth_item_login_box, .sth_item_logout_box, .sth_item_vacanthome_box_01, .sth_item_job_box_01{height: 270px;}
.sth_item_box_01, .sth_item_box_02, .sth_item_box_03, .sth_item_box_04{width: calc(50% - 5px);}

/*지원정책 로그인전 배너*/
.sth_item_box_01{}
.sth_item_box_01 .sth_item_link_01{display: block;position: relative;padding: 30px;width: 100%; border-radius: 20px;background: #E3F3FF url("/static/svc/images/main/sth_item_link_01_bg.svg") right bottom no-repeat;}
.sth_item_box_01 .sth_item_link_01:hover{background: #E3F3FF url("/static/svc/images/main/sth_item_link_01_ovbg.svg") right bottom no-repeat;}
.sth_item_box_01 .sth_item_bo{position: relative; z-index: 99;}
.sth_item_box_01 .sth_item_bo>h2{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 20px;}
.sth_item_box_01 .sth_item_bo>p{width: 90%; font-size: 16px; font-weight: 400; color: #555555; word-break: keep-all; }
.sth_item_box_01 .sth_bg_img_01{position: absolute; width: 100%; height: 100%; right: 20px; bottom: 0; z-index: 98; background: url("/static/svc/images/main/sth_bg_img_01.png") right bottom no-repeat; }

/*지원정책 로그인후 배너*/
.sth_item_login_box_01{position: relative; padding: 30px;width:100%;   border-radius: 20px; background-color: #fff; border: 1px solid #D1DBF1;}
.sth_item_login_box_01::after{content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/svc/images/main/sth_item_link_02_more_bg.svg") right bottom no-repeat;}
.sth_item_login_box_01>h2{display: inline-block; font-size: 20px;font-weight: 600;color: #DB9148;margin-bottom: 35px;}
.sth_item_login_box_01 .sth_item_list_box{display: block;}
.sth_item_login_box_01 .sth_item_list_box .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets{}
.sth_item_login_box_01 .sth_item_list_box a.sth_link{}
.sth_item_login_box_01 .sth_item_list_box a.sth_link>p{font-size: 24px; font-weight: 600; color: #252525; margin-bottom: 20px; line-height: 120%; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_item_login_box_01 .sth_item_list_box a.sth_link:hover>p{color: #22A478;}
.sth_item_login_box_01 .sth_item_list_box a.sth_link:hover>span{color: #555; text-decoration: underline;}
.sth_item_login_box_01 .sth_item_list_box a.sth_link>span{font-size: 18px; font-weight: 500; color: #252525; line-height: 120%; width: 80%; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*로그인전*/
.sth_item_box_02{}
.sth_item_login_box{display: flex;background-color: #fff;border: 1px solid #D1DBF1;padding: 30px 10px 0 10px;width:100%; border-radius: 20px;flex-direction: column;align-items: center;}
.sth_log_top{text-align: center;width: 100%;max-width: 275px;}
.sth_log_top>span{display: inline-block; width: 26px; height: 38px; background: url("/static/svc/images/sth_loin_01.svg") center 50% no-repeat; background-size: contain; margin-bottom: 10px;}
.sth_log_top>p{color: #252525; font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 20px;}
.sth_btn_item_login{display: flex;align-items: center;justify-content: center;height: 60px;border-radius: 15px;margin-bottom: 15px;background-color: #34B78A;color: #fff;font-size: 18px;width: 100%;max-width: 275px;font-weight: 500;}
.sth_btn_item_login:hover{background-color: #008460; color: #fff;}
.sth_btn_item_member{display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 275px;}
.sth_btn_item_member>a{position: relative; display: flex; align-items: center; font-size: 14px; font-weight: 600; color: #252525; letter-spacing: -1px;}
.sth_btn_item_member>a:hover{color: #22A478; text-decoration: underline;}
.sth_btn_item_member>a::before{content: ''; width: 4px; height: 4px; border-radius: 4px; background-color: #252525; margin-right: 5px;}

/*로그인후*/
.sth_item_logout_box{display: flex;flex-direction: column;justify-content:space-between;background-color: #fff;border: 1px solid #D1DBF1;padding: 20px;width: 100%; border-radius: 20px;}
.sth_my_top{display: flex; gap:5px;flex-wrap: wrap;}
.sth_btn_item_my{flex: 1 1 48%; padding: 12px 15px; border-radius: 10px; background-color: #F7F7F9; display: flex; flex-direction: column; justify-content: space-between;}
.sth_btn_item_my>p{font-size: 18px; font-weight: 600; color: #404040;}
.sth_btn_item_my>span{text-align: right; font-size: 20px; font-weight: 600; color: #DB9148;}
.sth_btn_item_my:hover{ background-color: #EBF0F6;}
.sth_btn_item_my:hover>span{color: #D6360D;}
.sth_btn_item_logout{display: flex;align-items: center;justify-content: center;height: 60px;border-radius: 15px;background-color: #34B78A;color: #fff;font-size: 18px;width: 100%;font-weight: 500; margin-top:15px;}
.sth_btn_item_logout>span{display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url("/static/svc/images/sth_member_02.svg") center 50% no-repeat; background-size: contain;}
.sth_btn_item_logout:hover{background-color: #008460; color: #fff;}

/*빈집은행*/
.sth_item_box_03{}
.sth_item_vacanthome_box_01{position: relative;padding: 30px;width: 100%; border-radius: 20px;background-color: #fff;border: 1px solid #D1DBF1;}
.sth_item_vacanthome_box_01::after{content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/svc/images/main/sth_item_link_02_more_bg.svg") right bottom no-repeat;}
.sth_item_vacanthome_box_01>h2{margin-bottom: 25px;height: 45px;background: url("/static/svc/images/main/sth_vacanthome_ttile.png") center 50% no-repeat;background-size: contain;text-indent: -9999px;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box{display: block;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link{}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link>p{font-size: 20px; font-weight: 600; color: #252525; margin-bottom: 20px; line-height: 120%; word-break: keep-all; overflow: hidden; text-align: center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link:hover>p{color: #22A478;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link:hover>span{color: #888; text-decoration: underline;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link>span{font-size: 18px;font-weight: 500;color: #555555;line-height: 120%;margin-bottom: 15px;display:block;text-align: center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link>div{font-size: 18px; font-weight: 400; color: #DB9148; line-height: 120%; text-align: center;}
.sth_item_vacanthome_box_01 .sth_vacant_list_box a.sth_link>div>strong{display: inline-block; margin-left: 5px; font-weight: 600; color: #EE2308;}

/*일자리 로그인 전*/
.sth_item_box_04{}
.sth_item_box_04 .sth_item_link_01{display: block;position: relative;padding: 30px;width: 100%; background-color: #fff; border: 1px solid #D1DBF1; border-radius: 20px;}
.sth_item_box_04 .sth_item_link_01::after{content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/svc/images/main/sth_item_link_02_bg.svg") right bottom no-repeat;}
.sth_item_box_04 .sth_item_link_01:hover::after{background: #fff url("/static/svc/images/main/sth_item_link_02_ovbg.svg") right bottom no-repeat;}
.sth_item_box_04 .sth_item_bo{position: relative; z-index: 99;}
.sth_item_box_04 .sth_item_bo>h2{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 20px;}
.sth_item_box_04 .sth_item_bo>p{width: 90%; font-size: 16px; font-weight: 400; color: #555555; word-break: keep-all; }
.sth_item_box_04 .sth_bg_img_01{position: absolute; width: 100%; height: 100%; right: 20px; bottom: 0; z-index: 98; background: url("/static/svc/images/main/sth_bg_img_02.png") right bottom no-repeat; }

/*일자리 로그인 후*/
.sth_item_box_04{}
.sth_item_job_box_01{position: relative; padding: 30px;width:100%;   border-radius: 20px; background-color: #fff; border: 1px solid #D1DBF1;}
.sth_item_job_box_01::after{content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/svc/images/main/sth_item_link_02_more_bg.svg") right bottom no-repeat;}
.sth_item_job_box_01>h2{font-size: 20px;font-weight: 600;color: #DB9148;margin-bottom: 35px;}
.sth_item_job_box_01 .sth_item_list_box{display: block;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link{display: flex; flex-direction: column; justify-content: space-between;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link>p{font-size: 24px;font-weight: 600;color: #252525;margin-bottom: 15px;line-height: 120%; word-break: keep-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link:hover>p{color: #22A478;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link:hover li{color: #555; text-decoration: underline;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link ul{width: 80%;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link ulli:nth-child(n+3) {display: none;}
.sth_item_job_box_01 .sth_item_list_box a.sth_link ul li{font-size: 16px; font-weight: 500; color: #252525; line-height: 120%; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

@media all and (max-width:1500px) {
    .sth_item_link_01{width: 100%;}
    .sth_item_login_box{width: 100%;}
}
@media all and (max-width:1280px){
    .sth_item_login_box{padding: 25px 10px 0 10px;}
    .sth_item_link_01, .sth_item_login_box_01, .sth_item_login_box, .sth_item_logout_box, .sth_item_vacanthome_box_01, .sth_item_job_box_01{height: 250px;}
    .sth_item_link_01, .sth_item_login_box_01, .sth_item_logout_box, .sth_item_vacanthome_box_01, .sth_item_job_box_01{padding: 20px;}
    .sth_item_box_01 .sth_bg_img_01, .sth_item_box_04 .sth_bg_img_01{background-size: 60%;}
    .sth_right_login_box{width: calc(50% - 20px);}
    .sth_my_top {flex-wrap: nowrap; flex-direction: column;}
    .sth_btn_item_my{flex-direction: row;justify-content: space-between;padding: 2px 0;background-color: transparent;}
}
@media all and (max-width:1024px){
    .sth_item_login_box_01 .sth_item_list_box a.sth_link>p{font-size: 20px;}
    .sth_item_job_box_01 .sth_item_list_box a.sth_link>p{font-size: 20px;}
    .sth_item_box_01 .sth_bg_img_01, .sth_item_box_04 .sth_bg_img_01{background-size: auto;background-position-x: right;left: auto;right: 50px;}
    .sth_item_link_01, .sth_item_login_box_01, .sth_item_vacanthome_box_01, .sth_item_job_box_01{padding: 30px;}
    .sth_right_login_box{width: 100%;padding: 50px 20px;}
    .sth_my_top {flex-wrap: wrap; flex-direction: initial;}
    .sth_btn_item_my {justify-content: space-between;padding: 15px;background-color: #F7F7F9;}
    .sth_item_box_01 .sth_item_link_01{background: #E3F3FF url("/static/svc/images/main/sth_item_link_m01_bg.svg") right bottom no-repeat;}
    .sth_item_box_01 .sth_item_link_01:hover{background: #E3F3FF url("/static/svc/images/main/sth_item_link_m01_ovbg.svg") right bottom no-repeat;}
    .sth_item_login_box_01::after{background: url("/static/svc/images/main/sth_item_link_m02_more_bg.svg") right bottom no-repeat;}
    .sth_item_vacanthome_box_01::after{background: url("/static/svc/images/main/sth_item_link_m02_more_bg.svg") right bottom no-repeat;}
    .sth_item_box_04 .sth_item_link_01::after{background: url("/static/svc/images/main/sth_item_link_m02_bg.svg") right bottom no-repeat;}
    .sth_item_box_04 .sth_item_link_01:hover::after{background: #fff url("/static/svc/images/main/sth_item_link_m02_ovbg.svg") right bottom no-repeat;}
    .sth_item_job_box_01::after{background: url("/static/svc/images/main/sth_item_link_m02_more_bg.svg") right bottom no-repeat;}
}
@media all and (max-width:640px){
    .sth_item_box_01 .sth_item_bo>h2, .sth_item_box_04 .sth_item_bo>h2{margin-bottom: 10px;}
    .sth_item_box_01 .sth_item_bo>p, .sth_item_box_04 .sth_item_bo>p{width: 60%;}
    .sth_item_login_box_01 .sth_item_list_box a.sth_link>span, .sth_item_job_box_01 .sth_item_list_box a.sth_link ul{width: 90%;}
    .sth_item_box_01 .sth_item_bo>p>span{display: none;}
    .sth_right_login_box{flex-direction: column; padding: 20px 20px 0;}
    .sth_item_box_01, .sth_item_box_02, .sth_item_box_03, .sth_item_box_04{width: 100%;}
    .sth_item_link_01{height: 150px;}
    .sth_item_box_02{order: -1;}
    .sth_item_login_box{padding: 30px; height: 300px; justify-content: center;}
    .sth_btn_item_login{max-width: none;}
    .sth_item_box_01 .sth_bg_img_01, .sth_item_box_04 .sth_bg_img_01{background-size: auto; background-position-x: right; right: 0}
}


/*주요서비스*/
.sth_section_box_02{display: flex;flex-direction: column;/* gap:20px; */ max-width: 1440px; margin: 0 auto; margin-top: 100px;}
.sth_main_services_title{display: flex; justify-content: center; align-items: flex-end; margin-bottom: 40px;}
.sth_main_services_title>h2{font-size: 36px; font-weight: 600; color: #1A1311; line-height: 100%; margin-right: 20px;}
.sth_main_services_title>p{font-size: 20px; font-weight: 500; color: #505050;}
.sth_main_services_box{position: relative;}

.sth_main_services_box{ padding: 0 60px;}
.sth_main_services_box>.swiper-container{overflow: hidden;}
.sth_main_services_box .sth_main_services_list{display: flex;/* padding: 0 15px;*/}
.sth_main_services_box .sth_main_services_list a.sth_mobile{display: none;}
.sth_main_services_box .sth_main_services_list a{display: flex; flex-direction: column; align-items: center; width: auto;}

.sth_main_services_box .sth_main_services_list a>span{position: relative; display: flex; align-items: center; justify-content: center; width: 95px; height: 95px; background-color: #fff; border: 1px solid #D5DFEB; border-radius: 30px; padding: 10px; margin-bottom: 20px;}
.sth_main_services_box .sth_main_services_box .sth_main_services_list a:hover>span{background-color: #F7FBFE;}
.sth_main_services_list a:hover>p{color: #000;}
.sth_main_services_box .sth_main_services_list a.sth_newicon>span::before{content: 'N'; animation: blink 1s ease-in-out infinite; color: #fff; line-height: 100%; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; background-color: #FEAD5E; width: 23px; height: 23px; border-radius: 10px;}
@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0.3;}
    100% {opacity: 1; }
}
.sth_main_services_list a>span>img{max-width: 100%; height: auto; object-fit: cover;}
.sth_main_services_list a>p{font-size: 18px; font-weight: 500; color: #555555; text-align: center;}
@media all and (max-width:1500px) {
    .sth_section_box_02{padding: 0 25px;}
}
@media all and (max-width:1152px){
    .sth_main_services_list a>span{width: 85px; height: 85px;}
}
@media all and (max-width:1024px){
    .sth_section_box_02{padding: 0;}
    .sth_main_services_list a.sth_mobile{display: block;}
    .sth_main_services_list a>span{width: 75px; height: 75px; border-radius: 25px; margin-bottom: 15px;}
    .sth_main_services_list a>p{font-size: 16px;}
}
@media all and (max-width:768px){
}
@media all and (max-width:640px){
    .sth_main_services_title{flex-direction: column; align-items: center; margin-bottom: 40px;}
    .sth_main_services_title>h2{font-size: 26px; margin-right: 0px; margin-bottom: 10px;}
    .sth_main_services_title>p{font-size: 18px; margin-bottom: 0;}
    .sth_section_box_02{margin-top: 50px;}
    .sth_main_services_list a.sth_newicon>span::before{font-size: 12px; width: 20px; height: 20px; border-radius: 8px;}
    .sth_main_services_box .sth_main_services_list a>span{width: 60px; height: 60px; border-radius: 20px; margin-bottom: 10px;}
}
@media all and (max-width:500px){

}


/*살아보기*/
.sth_section_box_03{display: flex; flex-direction: column; position: relative; margin-top: 100px;}
.sth_main_life_title{display: flex;flex-direction: column;align-items: center;margin-bottom: 40px;}
.sth_main_life_title>h2{position: relative; font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1; margin-bottom: 10px;}
.sth_main_life_title>h2::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_main_life_title>p{font-size: 20px; font-weight: 500; color: #505050; margin-bottom: 8px;}

.sth_main_life_box{}
.sth_main_life_list{}
.sth_main_life_list{margin: 0 -50px;}
.sth_main_life_box .swiper-slide-active { transform: scale(1.3, 1.3) !important; opacity: 1 !important;z-index: 10; margin-right: 160px !important;}
.sth_main_life_box .is-prev {margin-right: 160px !important;}

.sth_main_life_list .sth_life_item{display: flex; width: 380px; height: 450px; /*overflow: hidden; */position: relative;}
.sth_life_item_box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px;}

.sth_main_life_list .sth_life_item .sth_type{position: absolute; z-index: 10;}/*귀촌형(일반)*/
.sth_main_life_list .sth_life_item .sth_status_box{position: relative; z-index: 10; display: flex; justify-content: space-between;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_best_01{display: none; position: absolute; right: -10px;/* top: 20px;*/top:0;font-size: 0; width: 81px; height: 95px; background: url("/static/svc/images/sth_badge_icon.svg") center 50% no-repeat; background-size: contain; text-indent: -9999px;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_best_01.best_on{display: block;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_value .sth_step_01{background-color: #006BB8;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_value .sth_step_02{background-color: #00A46D;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_value .sth_step_03{background-color: #DB9148;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_value>span{display: none; font-size: 18px; width: 110px; height: 50px; line-height: 100%; align-items: center; justify-content: center; font-weight: 400; color: #fff; border-radius: 20px 0px;}
.sth_main_life_list .sth_life_item .sth_status_box .sth_value>span.step_on{display: flex;}

.sth_main_life_list .sth_life_item .sth_item_txt{width: calc(100% - 60px); position: absolute;/* top: 50%; */bottom: 30px;z-index: 10;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_region{font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 10px; line-height: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_title{font-size: 40px; color: #fff; margin-bottom: 20px; line-height: 110%; font-weight: 600; height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_infor{ color: #fff;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_infor>li{font-size: 18px; margin-bottom: 5px;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_infor>li:last-child{margin-bottom: 0;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_infor>li>strong{display: inline-block; margin-right: 10px; font-weight: 600;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_infor>li>span{font-weight: 300;}
.sth_main_life_list .sth_life_item .sth_item_txt .sth_rate{display: none;}/*경쟁률 낮아요*/
.sth_main_life_list .sth_life_item .sth_item_txt .sth_rate.rate_on{display: block;}

.sth_main_life_list .sth_life_item .sth_img{position: absolute;left: 0;top: 00px;width: 100%;z-index: 1;height: 100%;border-radius: 50px;overflow: hidden;}
.sth_main_life_list .sth_life_item .sth_img::before{content: ''; position: absolute;left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05);}
.sth_main_life_list .sth_life_item .sth_img::after{content: ''; position: absolute;left: 0; bottom: 0; z-index: 3; width: 100%; height: 50%; background: transparent linear-gradient(180deg, rgb(27 29 28 / 0%) 0%, rgb(27 29 28 / 30%) 100%) 0% 0% no-repeat padding-box;}
.sth_main_life_list .sth_life_item:hover .sth_img::before{background-color: rgba(0,0,0,0.4);}
.sth_main_life_list .sth_life_item.swiper-slide-active .sth_img::before{background-color: rgba(0,0,0,0.4);}
.sth_main_life_list .sth_life_item .sth_img>img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

.sth_main_life_box .swiper-container { padding: 60px 0 !important; overflow: visible !important; }
/*.sth_main_life_box .swiper-slide { transform: scale(0.85);opacity: 0.95; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease;z-index: 1;}*/
/*중앙 슬라이드 폰트깨짐 수정*/
.sth_main_life_box .swiper-slide {transform: none;}
.sth_main_life_box .swiper-slide-active .sth_life_item_box {transform: scale(1);}
.sth_main_life_box .sth_life_item_box {transform: scale(0.9);transition: transform 0.6s ease;}

.sth_main_life_box .swiper-slide:hover {opacity: 1;}
.sth_main_life_box .swiper-slide img {width: 100%;display: block;border-radius: 15px;}

.controls_02 {width: 30%; height: 40px; padding: 0 30px;display:flex;justify-content: space-between;align-items:center; margin: 20px auto 0;}
/*슬라이드 페이지 숫자*/
.controls_02 span{display: flex;align-items: center;justify-content: space-between;}
.controls_02 .swiper-counter {color:#000;font-size: 20px; font-weight: 200; margin: 0;display: flex;align-items: center;justify-content: center; margin: 0 20px;}
.controls_02 .swiper-counter .current {display: flex; width: 30px; font-weight: 600;align-items: center; justify-content: center;}
.controls_02 .swiper-counter .total{ display: flex; font-weight: 200; justify-content: center; align-items: center; width: 30px;}
/*프로그래시바*/
.controls_02 .page.swiper-pagination {position:relative; width:100%; height:2px; background:#dcdcdc; display: flex;align-items: center;justify-content: center;}
.controls_02 .page.swiper-pagination .swiper-pagination-progressbar-fill {background:#000000;}
/*이전/다음*/
.controls_02 .nav{display: flex; margin: 0 20px;}
.controls_02 .nav>button{position: static;opacity: 0.8;flex-shrink:0;display:block;width:40px;height:40px;border-radius:50%;text-indent:-9999px;cursor:pointer;background-position:center;background-repeat:no-repeat;transition:all 0.4s;}
.controls_02 .nav .prev {margin: 0;background: url('/static/svc/images/main/icon_prev_02.svg') center 50% no-repeat;}
.controls_02 .nav .next {margin: 0; background: url('/static/svc/images/main/icon_next_02.svg') center 50% no-repeat;}
/*정지/재생*/
.controls_02 .nav .toggle_btn {width: 40px;height: 40px;background: url('/static/svc/images/main/sth_stop_ovbtn.svg') no-repeat center;cursor: pointer;}
.controls_02 .nav .toggle_btn.paused {background: url('/static/svc/images/main/sth_play_ovbtn.svg') no-repeat center;}

/*더보기*/
.sth_more_box{position: absolute;left: 0;top: 20px;width: 100%;z-index: 99;height: 1px;}
.sth_more_center{max-width: 1440px; margin: 0 auto; display: flex; justify-content: flex-end;}
.sth_btn_more{width: 30px; height: 30px; font-size: 0; text-indent: -9999px; background: url("/static/svc/images/main/sth_more_icon.svg") center 50% no-repeat;}


@media all and (max-width:1920px) {
    .sth_main_life_list{margin: 0 -60px;}
    .sth_main_life_box .swiper-slide-active {margin-right: 100px !important;}
    .sth_main_life_box .is-prev {margin-right: 100px !important;}

    .sth_main_life_list .sth_life_item{height: 420px;}
    .sth_main_life_list .sth_life_item .sth_item_txt .sth_region{font-size: 20px;}
    .sth_main_life_list .sth_life_item .sth_item_txt .sth_title{font-size: 30px; height: 80px;}
}
@media all and (max-width:1600px) {
    .sth_main_life_list{margin: 0 ;}
    .sth_main_life_box .sth_life_item.swiper-slide-active {margin-right: 100px !important;}
    .sth_main_life_box .sth_life_item.is-prev {margin-right: 100px !important;}

    .sth_main_life_list .sth_life_item{height: 400px; margin-right: 50px !important;}
    .sth_main_life_list .sth_life_item .sth_item_txt .sth_title{font-size: 30px; height: 80px;}
    .sth_main_life_list .sth_life_item .sth_img{border-radius: 30px;}
}
@media all and (max-width:1500px) {
    .sth_more_box{padding: 0 25px;}
    .sth_section_box_03 .sth_more_center{padding: 0 25px;}
    .sth_main_life_list .sth_life_item .sth_img{border-radius: 40px;}
    .sth_main_life_list .sth_life_item{height: 400px;}
    .sth_main_life_list .sth_life_item .sth_item_txt .sth_title{font-size: 28px; height: 70px;}
}
@media all and (max-width:1440px){
}
@media all and (max-width:1399px){
    .sth_main_life_list{margin: 0 -60px;}
    .sth_main_life_box .swiper-slide-active {margin-right: 60px !important;}
    .sth_main_life_box .is-prev {margin-right: 60px !important;}
    .sth_main_life_list .sth_life_item{height: 350px; margin-right: 40px !important;}
}
@media all and (max-width:1280px){
    .sth_main_life_list .sth_life_item .sth_img{border-radius: 28px;}
}
@media all and (max-width:1152px){
}
@media all and (max-width:1024px){
    .sth_main_life_list .sth_life_item .sth_img{border-radius: 20px;}
    .controls .proBar{display: none;}
}
@media all and (max-width:1023px){
    .sth_main_life_list{margin: 0 -100px;}
    .sth_main_life_box .swiper-slide-active {margin-right: 60px !important;}
    .sth_main_life_box .is-prev {margin-right: 60px !important;}
    .sth_main_life_list .sth_life_item{height: 350px; margin-right: 40px !important;}
    .controls_02{min-width: 185px;}
    .controls_02 .page.swiper-pagination{display: none;}
}
@media all and (max-width:768px){
    .sth_main_life_box .swiper-container { padding: 40px 0 !important; }
    .sth_main_life_box .swiper-slide-active { transform: scale(1.3) !important;}
}
@media all and (max-width:767px){
    .sth_main_life_list{margin: 0 -40px;}
    .sth_main_life_box .sth_life_item.swiper-slide-active {transform: scale(1.2) !important; margin-right: 60px !important;}
    .sth_main_life_box .sth_life_item.is-prev {margin-right: 90px !important;}
    .sth_main_life_list .sth_life_item{height: 350px; margin-right: 20px !important;}
}
@media all and (max-width:640px){
    .sth_main_life_title>h2{font-size: 26px;}
    .sth_main_life_title>p{font-size: 18px; margin-bottom: 0;}
    .sth_section_box_03{margin-top: 40px; background-color: #fff; padding: 40px 0;}
    .controls {justify-content: center;}
    .sth_more_box{top: 40px;}
    .controls_02{justify-content: center;}
}
@media all and (max-width:500px){
    .sth_main_services_box{padding: 0 40px;}
    .sth_main_services_list a>p{font-size: 14px;}
}
@media all and (max-width:399px){
    .sth_main_life_list{margin: 0;}
    /*.sth_main_services_box .sth_main_services_list a{margin-right: 10px !important;}*/
    .controls_02{margin-top: 5px;}
    .sth_main_life_title{margin-bottom: 5px;}
    .sth_main_life_box .sth_life_item.swiper-slide-active {transform: scale(0.9) !important; margin-right: 40px !important;}
    .sth_main_life_box .sth_life_item.is-prev {margin-right: 20px !important;}
    .sth_main_life_list .sth_life_item{height: 450px; margin-right: 20px !important;}
    .sth_main_life_box .swiper-container{padding: 0 !important;}
}
@media all and (max-width:375px){
}







/*교육*/
.sth_section_box_04{display: flex;flex-direction: column;/* gap:20px; */ max-width: 1440px; margin: 0 auto; margin-top: 100px; position: relative;}
.sth_main_education_title{display: flex;flex-direction: column;align-items: center; margin-bottom: 40px;}
.sth_main_education_title>h2{position: relative; font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1; margin-bottom: 10px;}
.sth_main_education_title>h2::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_main_education_title>p{font-size: 20px; font-weight: 500; color: #505050; margin-bottom: 8px;}

.sth_main_education_box{overflow: hidden;}
.sth_main_education_list{}
.sth_main_education_list{}

.sth_education_item{}
.sth_education_item.swiper-slide{display: flex !important; flex-direction: column; justify-content: space-between; height: 390px; padding: 30px; background-color: #F7FBFE; border: 1px solid #D5DFEB; border-radius: 20px; position: relative;}

.sth_education_item .sth_value .sth_step_02{background-color: #00A46D;}
.sth_education_item .sth_value .sth_step_03{background-color: #DB9148;}
.sth_education_item .sth_value>span{display: none; font-size: 18px; width: 110px; height: 50px; line-height: 100%; align-items: center; justify-content: center; font-weight: 400; color: #fff; border-radius: 20px 0px;}
.sth_education_item .sth_value>span.step_on{display: flex;}

.sth_education_item_txt{}
.sth_education_item_txt .sth_title{font-size: 24px; font-weight: 600; line-height: 120%; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_education_item_txt .sth_title:hover{text-decoration: underline;}
.sth_education_item_txt .sth_infor_01{font-size: 18px; font-weight: 500; color: #000; text-align: center; margin: 10px 0;}
.sth_education_item_txt .sth_ednst_nm{display: flex; justify-content: center; align-items: center;}
.sth_education_item_txt .sth_ednst_nm>span{font-size: 16px; font-weight: 500; color: #0079C1; background-color: #E0F1FA; border-radius: 20px; padding: 7px 15px; margin-right: 5px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_education_item_txt .sth_ednst_nm>span:last-child{margin-right: 0;}
.sth_education_item .sth_btn_apply{font-size: 24px; font-weight: 500; color: #000; display: flex; align-items: center; justify-content: center; height: 60px; width: 100%; background-color: #FFFFFF; border: 1px solid #8B9BA8; border-radius: 10px;}
.sth_education_item .sth_btn_apply:hover{color: #fff; background-color: #00A46D; border: 1px solid #00A46D;}
.sth_education_item .sth_btn_apply:disabled{color: #fff; background-color: #8B9BA8; opacity: 0.3;}
@media all and (max-width:1500px) {
    .sth_section_box_04{margin: 100px 25px 0;}
}
@media all and (max-width:640px) {
    .sth_section_box_04{margin-top: 50px;}
    .sth_main_education_title>h2{font-size: 26px;}
    .sth_main_education_title>p{font-size: 18px; margin-bottom: 0;}
    .sth_main_education_title{margin-bottom: 20px;}
    .sth_education_item_txt .sth_title{font-size: 22px;}
    .sth_education_item_txt .sth_infor_01{font-size: 18px; color: #555;}
}


/*공지사항/언론보도 // 이벤트 */
.sth_section_box_05{display: flex; gap:60px; max-width: 1440px; margin: 0 auto; margin-top: 100px; position: relative;}
.sth_left_tab_box{position: relative;/* flex: 1 1 50%; */width: calc(50% - 30px);}
.sth_left_tab_box::before{content: ''; position: absolute; left: 145px; top: 20px; width: 5px; height: 5px; border-radius: 5px; background-color: #A8A8A8;}
.sth_left_tab_box .sth_tabs_01{position: relative; font-size: 36px; z-index: 1; font-weight: 600; line-height: 100%; color: #A8A8A8; margin-bottom: 10px;}
.sth_left_tab_box .sth_tabs_01.on{line-height: 100%; color: #1A1311;}
.sth_left_tab_box .sth_tabs_01:hover{color: #000 !important;}
.sth_left_tab_box .sth_tabs_02{position: relative; font-size: 36px; z-index: 1; font-weight: 600; line-height: 100%; color: #A8A8A8; margin-bottom: 10px;}
.sth_left_tab_box .sth_tabs_02:hover{color: #000 !important;}
.sth_left_tab_box .sth_tabs_02.on{line-height: 100%; color: #1A1311;}
.sth_left_tab_box .sth_tabs_01.on::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_left_tab_box .sth_tabs_02.on::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_left_tab_box>a.sth_tabs_02{position: absolute; left: 165px; top: 0;}
.sth_tab_notice_list.on, .sth_tab_news_list.on{display: flex;width: 100%;}
.sth_left_tab_box ul{display: none; flex-direction: column; margin-top: 50px;}
.sth_left_tab_box ul>li{position: relative; padding-left: 20px; margin-bottom: 25px;}
.sth_left_tab_box ul>li:last-child{margin-bottom: 0;}
.sth_left_tab_box ul>li::before{content: ''; position: absolute; left: 0; top: calc(50% - 2px); width: 5px; height: 5px; border-radius: 5px; background-color: #202020;}
.sth_left_tab_box ul>li>a{font-size: 24px; font-weight: 600; color: #202020; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_left_tab_box ul>li>a:hover{text-decoration: underline;}
.sth_left_tab_box ul>li>span{font-size: 16px; font-weight: 400; color: #A8A8A8;}

.sth_right_event_box{position: relative;width: calc(50% - 30px);/*flex: 1 1 50%;*//* min-width: 690px; *//* width: 50%; */}
.sth_main_event_title{display: flex;align-items: center; margin-bottom: 40px;}
.sth_main_event_title>h2{position: relative; font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1;}

.sth_main_event_box{width: 100%; max-width: 690px; overflow: hidden;}
.sth_main_event_list{}

.sth_event_item{display: flex !important;height: 360px;width: 100% !important;border-radius: 20px;overflow: hidden;}
.sth_event_item>img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;object-position: center;}

@media all and (max-width:1500px) {
    .sth_section_box_05{margin: 100px 25px 0;}
}
@media all and (max-width:1440px){
    .sth_left_tab_box ul{margin-top: 40px;}
    .sth_left_tab_box ul>li{padding-left: 20px; margin-bottom: 20px;}
    .sth_left_tab_box ul>li>a{font-size: 22px;}
    .sth_left_tab_box ul>li>span{font-size: 16px;}
}
@media all and (max-width:1280px){
    .sth_left_tab_box ul{margin-top: 40px;}
    .sth_left_tab_box ul>li{padding-left: 20px; margin-bottom: 10px;}
    .sth_left_tab_box ul>li>a{font-size: 22px;}
    .sth_left_tab_box ul>li>span{font-size: 16px;}
}
@media all and (max-width:1024px){
    .sth_left_tab_box ul>li{padding-left: 20px; margin-bottom: 5px;}
    .sth_left_tab_box ul>li>a{font-size: 20px;}
}
@media all and (max-width:1023px){
    .sth_section_box_05{flex-direction: column;}
    .sth_left_tab_box{width: 100%;}
    .sth_right_event_box{flex:1 1 100%; width: 100%;}
    .sth_main_event_box{margin: 0 auto;}
    .sth_main_event_title{margin-bottom: 20px;}
    .sth_left_tab_box .sth_tabs_01, .sth_left_tab_box .sth_tabs_02{font-size: 32px;}
    .sth_left_tab_box::before{left: 120px;}
    .sth_left_tab_box>a.sth_tabs_02{left: 135px;}

    .sth_section_box_05 div a.sth_all_more_box{top: 0;}
}
@media all and (max-width:640px){
    .sth_section_box_05{margin: 0; gap: 0;}
    .sth_left_tab_box{margin: 40px 0 0; padding: 40px 20px; background-color: #fff;}
    .sth_left_tab_box .sth_tabs_01, .sth_left_tab_box .sth_tabs_02{font-size: 26px;}
    .sth_left_tab_box>a.sth_tabs_02{top: 40px;left: 140px;}
    .sth_left_tab_box::before{top: 52px;left: 122px;}
    .sth_right_event_box{padding: 40px 20px; margin: 0;}
    .sth_section_box_05 div a.sth_all_more_box{top: 40px; right: 20px;}
    .sth_main_event_title>h2{font-size: 26px;}
    .sth_tabs_01, .sth_tabs_02{font-size: 30px;}
    .sth_left_tab_box ul>li>a{font-size: 18px;}
}



/*체험후기*/
.sth_section_box_06{display: flex; gap:60px; max-width: 1440px; justify-content: space-between; margin: 0 auto; margin-top: 100px; position: relative;}
.sth_right_experience_box, .sth_right_best_box{position: relative; width: calc(50% - 30px);}
.sth_experience_title{display: flex; align-items: center; margin-bottom: 40px;}
.sth_experience_title>h2{font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1; margin-bottom: 10px;}
.sth_main_experience_box{}
.sth_main_experience_list{width: 100%; display: flex; justify-content: space-between;}
.sth_main_experience_list li{width: calc(50% - 15px);}
.sth_main_experience_list li>a{display: block;}
.sth_main_experience_list li>a:hover .sth_title{color: #22A478;}
.sth_main_experience_list li>a .sth_title{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_main_experience_list li>a .sth_img{height: 250px; border-radius: 20px; overflow: hidden;}
/*우수사례*/
.sth_best_title{display: flex; align-items: center; margin-bottom: 40px;}
.sth_best_title>h2{font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1; margin-bottom: 10px;}
.sth_best_title{}
.sth_main_best_list{width: 100%; display: flex; justify-content: space-between;}
.sth_main_best_list li{width: calc(50% - 15px);}
.sth_main_best_list li>a{display: block;}
.sth_main_best_list li>a:hover .sth_title{color: #22A478;}
.sth_main_best_list li>a .sth_title{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_main_best_list li>a .sth_img{height: 250px; border-radius: 20px; overflow: hidden;}

@media all and (max-width:1600px) {
}
@media all and (max-width:1500px) {
    .sth_section_box_06{margin: 100px 25px 0;}
}
@media all and (max-width:1440px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:1023px){
    .sth_section_box_06{flex-direction: column;}
    .sth_right_experience_box, .sth_right_best_box{width: 100%;}
    .sth_main_experience_list li>a .sth_img{height: 350px;}
    .sth_main_best_list li>a .sth_img{height: 350px;}
    /*        .sth_main_experience_list li{width: calc(50% - 5px);}
            .sth_main_best_list li{width: calc(50% - 5px);}*/
}
@media all and (max-width:768px){
    .sth_main_experience_list li, .sth_main_best_list li{width: 100%;}
    .sth_main_experience_list li:last-child, .sth_main_best_list li:last-child{display: none;}
}
@media all and (max-width:640px){
    .sth_section_box_06{flex-direction: column; margin: 0; background-color: #fff; padding: 40px 20px;}
    .sth_right_experience_box, .sth_right_best_box{width: 100%;}
    .sth_experience_title{margin-bottom: 20px;}
    .sth_experience_title>h2{font-size: 26px;}
    .sth_best_title{margin-bottom: 20px;}
    .sth_best_title>h2{font-size: 26px;}
}
@media all and (max-width:460px){
}
@media all and (max-width:375px){
}


/*동네작가*/
.sth_section_box_07{display: flex; max-width: 1440px; margin: 0 auto; margin-top: 100px; position: relative;}
.sth_writer_box{position: relative; width: 100%;}
.sth_writer_title{display: flex; align-items: center; margin-bottom: 40px;}
.sth_writer_title>h2{font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1; margin-bottom: 10px;}
.sth_main_writer_box{width: 100%; overflow: hidden;}
.sth_main_writer_list{width: 100%; /*gap: 32px; */display: flex;}
.sth_main_writer_list li{/*max-width: 260px;*/}
.sth_main_writer_list li>a{display: block; width: 100%; position: relative; overflow: hidden;}
.sth_main_writer_list li>a:hover .sth_title{color: #22A478;}
.sth_main_writer_list li>a .sth_title{width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_main_writer_list li>a .sth_img{height: 350px; border-radius: 20px; overflow: hidden;}
.sth_main_writer_list li>a .sth_pohto{width: 90px; height: 90px; position: absolute; top: 45%; left: calc(50% - 45px); border-radius: 60px; overflow: hidden; z-index: 999;}

@media all and (max-width:1600px) {
}
@media all and (max-width:1500px) {
    .sth_section_box_07{margin: 100px 25px 0;}
}
@media all and (max-width:1440px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
}
@media all and (max-width:640px){
    .sth_writer_box .sth_control_box_all{margin: 40px auto 0;}
    .sth_section_box_07{margin-top: 40px; padding-bottom: 40px;}
    .sth_writer_title{margin-bottom: 20px;}
    .sth_writer_title>h2{font-size: 26px;}
}
@media all and (max-width:460px){
}
@media all and (max-width:375px){
}



/*지자체 / 교육 배너 */
.sth_section_box_08{display: flex; gap:60px; max-width: 1440px; margin: 0 auto; margin-top: 100px; position: relative;}
.sth_left_government_box{position: relative; /*flex: 1 1 50%; min-width: 690px; */ width: 50%;}
.sth_main_government_title{display: flex;align-items: center; margin-bottom: 40px;}
.sth_main_government_title>h2{position: relative; font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1;}
.sth_main_government_box{width: 100%; max-width: 690px; overflow: hidden;}
.sth_main_government_list{}
.sth_government_item{display: flex !important;height: 360px;width: 100% !important;border-radius: 20px;overflow: hidden;}
.sth_government_item>img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;object-position: center;}

.sth_right_edubanner_box{position: relative; /*flex: 1 1 50%; min-width: 690px;*/ width: 50%; }
.sth_main_edubanner_title{display: flex;align-items: center; margin-bottom: 40px;}
.sth_main_edubanner_title>h2{position: relative; font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1;}
.sth_main_edubanner_box{width: 100%; max-width: 690px; overflow: hidden;}
.sth_main_edubanner_list{}
.sth_edubanner_item{display: flex !important;height: 360px;width: 100% !important;border-radius: 20px;overflow: hidden;}
.sth_edubanner_item>img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;object-position: center;}

div.sth_left_government_box a.sth_all_more_box{display: none;}
.sth_left_government_box .sth_control_box_all{right: 0;}
div.sth_right_edubanner_box a.sth_all_more_box{display: none;}
.sth_right_edubanner_box .sth_control_box_all{right: 0;}

@media all and (max-width:1500px) {
    .sth_section_box_08{margin: 100px 25px 0;}
}
@media all and (max-width:1440px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:800px){
    .sth_section_box_08{flex-direction: column;}
    .sth_left_government_box{width: 100%;}
    .sth_main_government_box{margin: 0 auto;}
    .sth_main_government_title{margin-bottom: 20px;}

    .sth_right_edubanner_box{width: 100%;}
    .sth_main_edubanner_box{margin: 0 auto;}
    .sth_main_edubanner_title{margin-bottom: 20px;}
}
@media all and (max-width:640px){
    .sth_section_box_08{flex-direction: column; gap:0; margin: 0;}
    .sth_left_government_box{background-color: #fff; padding: 40px 20px;}
    .sth_left_government_box a.sth_all_more_box{top: 40px; right: 20px;}
    .sth_right_edubanner_box{margin: 0; padding: 40px 20px 0;}
    .sth_right_edubanner_box a.sth_all_more_box{top: 40px; right: 20px;}
    .sth_main_government_title{margin-bottom: 20px;}
    .sth_main_government_title>h2{font-size: 26px;}
    .sth_main_edubanner_title{margin-bottom: 20px;}
    .sth_main_edubanner_title>h2{font-size: 26px;}
}







/*////////////////////////////////////////메인(서브홈) 과 서브메인은 sth_main.css/sth_content.css/두군대 동일한 css 노출함///////////////////////////////////////////*/
/*가이드 상담 홈*/

/*박스공통*/
.sth_item_linebr_box{position: relative; padding: 30px 30px 30px 100px; width:100%; border-radius: 20px; background-color: #fff; border: 1px solid #D1DBF1;}
.sth_item_linebr_box::after{content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/svc/images/main/sth_item_link_02_more_bg.svg") right bottom no-repeat;}
/*더보기*/
.sth_btn_item_more_01{position: absolute; width: 46px; height: 46px; right: 0; bottom: 0; z-index: 98; background: #fff url("/static/svc/images/main/sth_more_01.svg") center 50% no-repeat; text-indent: -9999px; border: 1px solid #D1DBF1; border-radius: 50px;}
.sth_btn_item_more_01:hover{background: #D1DBF1 url("/static/svc/images/main/sth_more_ov01.svg") center 50% no-repeat;}
/*링크*/
.sth_btn_item_link_01{position: absolute;width: 46px;height: 46px;right: 0;bottom: 0;z-index: 98;background: #fff url("/static/svc/images/main/icon_next_02.svg") center 50% no-repeat;background-size: 20%;text-indent: -9999px;border: 1px solid #D1DBF1;border-radius: 50px;}
.sth_btn_item_link_01:hover{background: #D1DBF1 url("/static/svc/images/main/icon_next_02.svg") center 50% no-repeat;}

.sth_su_1_0_1_box{background-color: #F7F7F9; border-radius: 30px; padding: 30px;}
.sth_su_1_0_1_box>ul{display: flex; align-items: center; justify-content: space-between; gap: 2%;}
.sth_su_1_0_1_box>ul>li{width: 32%;}
.sth_su_1_0_1_box .sth_item_linebr_box{display: flex; align-items: center; padding: 25px 40px; color: #252525; font-size: 24px; font-weight: 600; word-break: keep-all; }
.sth_su_1_0_1_box .sth_item_linebr_box::after{content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/svc/images/main/sth_item_link_02_more_bg_01.svg") right bottom no-repeat;}
.sth_su_1_0_1_box .sth_item_linebr_box span.img{display: inline-block; margin-right: 20px;}

.sth_su_1_0_1_1{display: flex; align-items: center; justify-content: space-between; margin-top: 30px; gap: 5%;}
.sth_su_1_0_1_1_1{display: flex; max-width: 610px;}
.sth_su_1_0_1_1_1>.img{display: inline-block; margin-right: 20px; flex: 0 0 170px;}
.sth_su_1_0_1_1_1>.img img{max-width: 100%;}
.sth_su_1_0_1_1_1>.txt_box{color: #000;}
.sth_su_1_0_1_1_1>.txt_box>.txt_01{font-size: 28px; font-weight: 600;}
.sth_su_1_0_1_1_1>.txt_box>.txt_02{font-size: 22px; font-weight: 600;}
.sth_su_1_0_1_1_1>.txt_box>.txt_02>strong{color: #43B86A;}
.sth_su_1_0_1_1_1>.txt_box>.txt_02>strong.color_01{color: #DB9148;}
.sth_su_1_0_1_1_1>.txt_box>.txt_03{font-size: 16px; font-weight: 500; margin-top: 30px;}

.sth_suli_title_box{display: flex; align-items: flex-end; margin-bottom: 30px; position: relative;}
.sth_suli_title_box>.txt{font-size: 32px; font-weight: 600; margin-right: 10px; line-height: 100%;}
.sth_suli_title_box>.txt>span{color: #DB9148;}
.sth_suli_title_box>p{font-size: 22px; font-weight: 500;}
.sth_sub_con_box a.sth_all_more_box{position: absolute;right: 0;top: 8px; width: 30px; height: 30px; font-size: 0; z-index: 99; text-indent: -9999px; background: url("/static/svc/images/main/sth_more_icon.svg") center 50% no-repeat;}

.sth_homefaq_box{}
.sth_homefaq_box>li{border-radius: 15px; border: 1px solid #E0E0E0; background-color: #fff; margin-bottom: 20px; }
.sth_homefaq_box>li.atv{border-color: #22A478;}
.sth_q_btn{padding: 20px 85px;position: relative;display: block; width: 100%;font-size: 22px;font-weight: 500; color: #000;}
.sth_q_btn::after {content:'';position:absolute; top:25px; right: 30px; width: 20px;height: 20px;background:url(/static/svc/images/sth_ico_16_drop_n.svg) center 50% no-repeat;background-size: contain;}
.sth_q_btn>.icon{position: absolute;left: 20px;top: 15px;width: 42px;height: 40px;background:url(/static/svc/images/sth_q_icon.svg) no-repeat center 50%;}

.sth_homefaq_box>li.atv .sth_q_btn::after {transform: rotate(180deg);}
.sth_q_btn::after {transition: transform 0.35s ease;}
.sth_a_txt{position: relative;padding: 25px 25px 25px 65px;margin: 0px 20px 20px 20px; background-color: #f7f7fe; border-radius: 10px;font-size: 20px;font-weight: 400; }
.sth_a_txt>.icon{position: absolute; left: 20px; top: 20px; display: flex; width: 30px; height: 30px; border-radius: 30px; background-color: #DB9148; color: #fff; font-size: 20px; font-weight: 600; align-items: center; justify-content: center;}

.sth_sub_con_box .sth_aedata_counsel_list{margin:60px 20px 80px 20px;}
.sth_sub_con_box .sth_aedata_counsel_list ul{display:flex;flex-wrap:wrap; gap:20px;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li{width:calc(33.33% - 14px);}
.sth_sub_con_box .sth_aedata_counsel_list ul>li i{position: absolute; left: 30px; top: 30px; display:block;width:48px;height:48px;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li:nth-child(1) i{background:url(/static/svc/images/ico_a_help.png) no-repeat left top; background-size: contain;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li:nth-child(2) i{background:url(/static/svc/images/ico_a_area.png) no-repeat left top; background-size: contain;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li:nth-child(3) i{background:url(/static/svc/images/ico_a_visit.png) no-repeat left top; background-size: contain;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li:nth-child(4) i{background:url(/static/svc/images/ico_a_online.png) no-repeat left top; background-size: contain;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li:nth-child(5) i{background:url(/static/svc/images/ico_a_chat.png) no-repeat left top; background-size: contain;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li:nth-child(6) i{background:url(/static/svc/images/ico_a_cam.png) no-repeat left top; background-size: contain;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li h3{color:#171a19;font-size:24px;font-weight:bold; display: flex; align-items: center;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li h3 .number{display:block;color:#DB9148;/*font-size:32px;*/ margin-left: 15px; font-weight:700;letter-spacing:-1px;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li p{margin:12px 0;color:#4b4b4b;font-size:18px;word-break: keep-all; line-height:120%;letter-spacing:-0.5px;}
.sth_sub_con_box .sth_aedata_counsel_list ul>li .num-btn{display:flex; flex-direction:row-reverse; justify-content: flex-end; align-items: center;}

.sth_sub_con_box .sth_btn_inside{display:inline-block;padding:10px 30px;background:#DB9148;color:#fff;font-size:18px;font-weight:600;border-radius:30px;border:0;}
.sth_sub_con_box .sth_btn_inside:hover{background:#404040;color:#fff;border:0;}

/*모달팝업*/
.sth_modal_popup{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.3); z-index: 9999999999999;}
.sth_modal_popup.atv{display: flex;}
.sth_modal_popup .sth_modal_box{background-color: #fff; border-radius: 10px; position: relative; margin: 20px; width: 100%; max-width: 800px;/* height: calc(100vh - 40px);*/}
.sth_modal_popup .sth_modal_box .sth_modal_header{height: 57px; padding: 20px 20px 10px 20px; border-bottom: 1px solid #e0e0e0;}
.sth_modal_popup .sth_modal_box .sth_modal_header .sth_modal_title{font-size: 22px; font-weight: 600; color: 000;}
.sth_modal_popup .sth_modal_box .sth_pop_close{position: absolute; right: 15px; top: 15px; display: block;width: 35px;height: 35px;font-size: 0; text-indent: -9999px; background: url(/static/svc/images/sth_close_icon_01.svg) center no-repeat;}
.sth_modal_popup .sth_modal_box .sth_modal_body{padding: 20px; height: calc(100vh - 117px); overflow: hidden; overflow-y: auto;}
/*테이블*/
.sth_table_style_01{width: 100%; border-top: 1px solid #999;}
.sth_table_style_01 th{padding:12px 0 12px;background:#f7f7fe;border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#191919;font-size:16px;font-weight:600;text-align:center;}
.sth_table_style_01 th:last-child {border-right:none;}
.sth_table_style_01 td {padding:10px;background:#fff;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#282b2c;font-size:16px;font-weight:normal;text-align:center;}
.sth_table_style_01 td:last-child {border-right:none !important;}
.sth_table_style_01 td a {color:#0e96eb;font-size:16px;font-weight:normal;text-decoration: underline; word-break:break-all;}

@media all and (max-width:1439px) {
    .sth_su_1_0_1_box{margin: 0 20px;}
}
@media screen and (max-width:1279px){
    .sth_sub_con_box .sth_aedata_counsel_list ul>li{width:calc(50% - 10px);}
}
@media screen and (max-width:960px){
    .sth_suli_title_box>.txt{font-size: 32px;}
    .sth_q_btn{padding: 65px 20px 20px;}
    .sth_suli_title_box{flex-direction: column; align-items: flex-start;}

    .sth_su_1_0_1_1{flex-direction: column;}
    .sth_su_1_0_1_1_1{margin: 20px 0; align-items: center;}

    .sth_item_linebr_box{padding: 20px;}
    .sth_sub_con_box .sth_aedata_counsel_list ul>li i{position: relative; left: inherit; top: inherit; margin-bottom: 10px;width:38px;height:38px;}
    .sth_su_1_0_1_box>ul{flex-direction: column;}
    .sth_su_1_0_1_box>ul>li{width: 100%; margin-bottom: 10px;}
    .sth_su_1_0_1_box>ul>li:last-child{margin-bottom: 0;}
    .sth_su_1_0_1_box>ul>li>a{height: 80px;}
}
@media screen and (max-width:767px){
    .sth_sub_con_box .sth_aedata_counsel_list ul>li{width:100%;}
}
@media screen and (max-width:640px){
    .sth_su_1_0_1_box{padding: 20px;}
    .sth_su_1_0_1_box>ul>li{margin-bottom: 5px;}
    .sth_su_1_0_1_box .sth_item_linebr_box{padding: 10px;font-size: 20px; border-radius: 15px;}
    .sth_su_1_0_1_box .sth_item_linebr_box::after{display: none;}
    .sth_su_1_0_1_box .sth_item_linebr_box span.img{margin: 0 10px; width: 40px;}
    .sth_su_1_0_1_box .sth_item_linebr_box span.img img{max-width: 100%;}

    .sth_su_1_0_1_box .sth_btn_item_link_01{width: 40px; height: 40px; right: 10px; bottom: 10px;}
    .sth_su_1_0_1_1_1>.img{}

    .sth_suli_title_box>.txt{font-size: 26px;}
    .sth_sub_con_box .sth_aedata_counsel_list{margin: 60px 20px;}
    .sth_sub_con_box .sth_aedata_counsel_list ul>li p{font-size: 16px;}
    .sth_su_1_0_1_1{margin-top: 10px;}
    .sth_su_1_0_1_1_1{margin: 10px 0;}

}
@media screen and (max-width:460px){
    .sth_modal_popup .sth_modal_box{border-radius: 0; margin: 0; height: calc(100vh - 0px);}
    .sth_modal_popup .sth_modal_box .sth_modal_body{padding: 10px; height: calc(100vh - 60px);}
    .sth_table_style_01 td {padding:10px 5px;}
    .sth_homefaq_box{margin-top: 5px;}
    .sth_suli_title_box{margin-bottom: 20px;}
    .sth_suli_title_box>p{font-size: 18px; word-break: keep-all; }
    .sth_q_btn{font-size: 18px; font-weight: 500;}
    .sth_a_txt{padding: 55px 20px 20px 20px; font-weight: 400;}
    .sth_su_1_0_1_1_1{flex-direction: column; align-items: flex-start;}
}



/*교육 홈*/
.sth_su_1_0_2_box{display: flex;flex-direction: column;border-radius: 30px; max-width: 1440px; margin: 0 20px;}
.sth_subhome_title{display: flex;flex-direction: column;align-items: center; margin: 0 auto; position: relative;}
.sth_subhome_title>h2{font-size: 30px; font-weight: 600; color: #1A1311; line-height: 100%; margin-bottom: 10px; text-align: center;}
.sth_subhome_title>h2>strong{color: #22A478; font-weight: 600;}
.sth_subhome_title>p{font-size: 20px; font-weight: 500; color: #505050; text-align: center;}
.sth_education_services_box{position: relative;}
.sth_education_services_box>.swiper-container{overflow: hidden; padding: 20px;}
.sth_education_services_box .sth_education_services_list{display: flex; }
.sth_education_services_box .sth_education_services_list a{display: flex; align-items: center; width: auto;}
.sth_education_services_box .sth_education_services_list a:last-child{margin-right: 0 !important;}
.sth_education_services_box .sth_education_services_list a>div{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; word-break: keep-all; width: 145px; height: 145px; box-shadow:0px 3px 10px rgba(0,0,0,.1);  background-color: #fff; border: 1px solid #B9CDE5; border-radius: 30px; padding: 5px;}
.sth_education_services_box .sth_education_services_list a>div>img{max-width: 100%; margin: 10px 0;}
.sth_education_services_box .sth_education_services_list a:hover>div{background-color: #F7FBFE;}
.sth_education_services_box .sth_education_services_list a p{text-align: center; line-height: 115%;}
.sth_education_services_box .sth_education_services_list a:hover p{color: #000;}

.sth_su_1_0_3_in{display: flex; flex-wrap: wrap;gap: 1%;}
.sth_su_1_0_3_in>li{width: 23%; display: flex;flex: 1; }
.sth_su_1_0_3_in .sth_item_linebr_box{flex: 1; display: flex; flex-direction: column; align-items: flex-start; min-height: 130px; padding: 25px 30px; background-color: #F7F7F9; color: #252525; font-size: 24px; font-weight: 600;}
.sth_su_1_0_3_in .sth_item_linebr_box::after{display: none; content: ''; position: absolute; right: -1px; bottom: -1px; width: 80px; height: 80px; background: url("/static/renewal/images/main/sth_item_link_02_more_bg.svg") right bottom no-repeat;}
.sth_su_1_0_3_in .sth_item_linebr_box>h3{color: #252525; font-size: 26px; font-weight: 600; letter-spacing: -1px;}
.sth_su_1_0_3_in .sth_item_linebr_box>h3>span{font-weight: 400;}
.sth_su_1_0_3_in .sth_item_linebr_box>p{color: #252525; margin-top: 10px; font-size: 16px; line-height: 140%; text-align: left; font-weight: 400; padding-right: 40px; word-break: keep-all; }
.sth_su_1_0_3_in .sth_btn_item_link_01{display: none; background-color: #F7F7F9; background-size: 20%; text-indent: -9999px; border: 1px solid #D1DBF1; border-radius: 50px;}


/*공통 다음이전 센터*/
.sth_education_services_list a>span>img{max-width: 100%; height: auto; object-fit: cover;}
.sth_education_services_list a>p{font-size: 18px; font-weight: 500; color: #555555; text-align: center;}

@media all and (max-width:1500px) {
}
@media all and (max-width:1439px) {
    .sth_subhome_title{margin: 0 20px 10px 20px;}
}
@media all and (max-width:1152px){
    .sth_education_services_list a>span{width: 85px; height: 85px;}
}
@media all and (max-width:1024px){
    .sth_education_services_box .sth_education_services_list a p>span{display: none;}
    .sth_su_1_0_2_box{padding: 0;}
    .sth_education_services_list a>span{width: 75px; height: 75px; border-radius: 25px; margin-bottom: 15px;}
    .sth_education_services_list a>p{font-size: 16px;}
}
@media all and (max-width:1023px){
    .sth_su_1_0_3_in>li{width: 49%; flex: none; margin-bottom: 10px;}
}
@media all and (max-width:768px){
    .sth_subhome_title>h2{font-size: 30px; margin-right: 0px; margin-bottom: 10px; word-break: keep-all; }
    .sth_subhome_title>p{/*font-size: 18px; margin-bottom: 0; word-break: keep-all; */ display: none;}
}
@media all and (max-width:640px){
    .sth_education_services_box .sth_education_services_list a>div{width: 145px; height: 145px; box-shadow:0px 3px 10px rgba(0,0,0,.1); border-radius: 20px;}
    .sth_education_services_box .sth_education_services_list a p{font-size: 14px;}
    .sth_su_1_0_3_in .sth_item_linebr_box>h3{font-size: 22px;}
    .sth_su_1_0_3_in .sth_item_linebr_box{min-height:inherit; padding: 15px;}
    .sth_subhome_title{flex-direction: column; align-items: center;}
    .sth_subhome_title>h2{font-size: 24px;}
    .sth_subhome_title>p{font-size: 16px;}
    .sth_education_services_box .sth_education_services_list a{margin-right: 10px;}
    .sth_education_services_box .sth_education_services_list a>span{width: 60px; height: 60px; border-radius: 20px; margin-bottom: 10px;}
    .sth_education_services_box .sth_education_services_list a>div>img{width: 50px;}
    .sth_su_1_0_3_in>li{width: 100%; flex: none;}
    .sth_su_1_0_3_in .sth_item_linebr_box>p{padding-right: 0;}
}
@media all and (max-width:500px){

}
/*교육홈 > 모집중 교육*/
.sth_su_1_0_3_box{display: flex;flex-direction: column;/* gap:20px; */ max-width: 1440px; margin: 0 auto; margin-top: 60px; position: relative;}

.sth_sub_education_box{overflow: hidden;}
.sth_sub_education_list{}
.sth_sub_education_list{}

.sth_education_item{}
.sth_su_1_0_3_box .sth_education_item.swiper-slide{display: flex !important; flex-direction: column; justify-content: space-between; height: 390px; padding: 20px; background-color: #fff; border: 1px solid #D5DFEB; border-radius: 20px; position: relative;}
.sth_su_1_0_3_box .sth_education_item.swiper-slide .sth_value{display: flex; justify-content: space-between;}
.sth_su_1_0_3_box .sth_education_item.swiper-slide .sth_value>.sth_state{display: flex;align-items: center;margin-left: 10px;}
.sth_su_1_0_3_box .sth_education_item.swiper-slide .sth_value>.sth_state>span{font-size: 18px;font-weight: 600;color: #677987;line-height: 110%;}
.sth_su_1_0_3_box .sth_education_item.swiper-slide .sth_value>.sth_state>span.on{display: flex;align-items: center;color: #DB9148;margin-right: 10px;min-width: 44px;}
.sth_su_1_0_3_box .sth_education_item.swiper-slide .sth_value>.sth_state>span.on::after{content: ''; width: 1px; height: 15px; background-color: #B9CDE5; margin-left: 10px;}

.sth_su_1_0_3_box .sth_education_item .sth_value .sth_step_02{background-color: #00A46D;}
.sth_su_1_0_3_box .sth_education_item .sth_value .sth_step_03{background-color: #DB9148;}
.sth_su_1_0_3_box .sth_education_item .sth_value>span{display: none; font-size: 18px; width: 110px; height: 50px; line-height: 100%; align-items: center; justify-content: center; font-weight: 400; color: #fff; border-radius: 20px 0px;}
.sth_su_1_0_3_box .sth_education_item .sth_value>span.step_on{display: flex;}

.sth_su_1_0_3_box .sth_education_item_txt{}
.sth_su_1_0_3_box .sth_education_item_txt .sth_title{font-size: 22px;font-weight: 600; height: 55px; line-height: 130%;color: #000;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;margin-top: 20px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sth_su_1_0_3_box .sth_education_item_txt .sth_title:hover{text-decoration: underline;}
.sth_su_1_0_3_box .sth_education_item_txt .sth_infor_01{font-size: 16px;font-weight: 500;color: #000;text-align: left;margin: 20px 0;}
.sth_su_1_0_3_box .sth_education_item_txt .sth_infor_01>span{display: block;margin-bottom: 1px;font-weight: 400;color: #565a5c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sth_su_1_0_3_box .sth_education_item_txt .sth_infor_01>span>strong{color: #101314; margin-right: 10px;font-weight: 500;}
.sth_su_1_0_3_box .sth_education_item .sth_btn_apply{font-size: 24px; font-weight: 500; color: #000; display: flex; align-items: center; justify-content: center; height: 60px; width: 100%; background-color: #FFFFFF; border: 1px solid #8B9BA8; border-radius: 10px;}
.sth_su_1_0_3_box .sth_education_item .sth_btn_apply:hover{color: #fff; background-color: #00A46D; border: 1px solid #00A46D;}
.sth_su_1_0_3_box .sth_education_item .sth_btn_apply:disabled{color: #fff; background-color: #8B9BA8; opacity: 0.3;}

@media all and (max-width:1500px) {
    .sth_section_box_04{margin: 100px 25px 0;}
}
@media all and (max-width:1439px) {
    .sth_su_1_0_3_box{margin: 60px 20px 0 20px; }
}
@media all and (max-width:640px) {
    .sth_su_1_0_3_box{margin-top: 40px;}
    .sth_section_box_04{margin-top: 50px;}
    .sth_education_item_txt .sth_title{font-size: 20px;}
    .sth_education_item_txt .sth_infor_01{font-size: 18px; color: #555;}
}


/*교육홈 > 교육후기*/
.sth_education_review_box{overflow: hidden;}
.sth_education_review_item{border: 1px solid #CAD5E2; border-radius: 20px; overflow: hidden;}
.sth_education_review_item .sth_review_top{display: flex; padding: 20px; border-bottom: 1px solid #CAD5E2; }
.sth_education_review_item .sth_review_top>.sth_pohto{flex: 0 0 150px; margin: 0 20px 0 0; width: 150px; height: 150px; border-radius: 15px; overflow: hidden;}
.sth_education_review_item .sth_review_top>.sth_pohto>img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sth_education_review_item .sth_review_top>.sth_item_txt{ margin: 0;}
.sth_education_review_item .sth_view_like{padding: 15px 30px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_state{display: flex; align-items: center;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_state>span{font-size: 18px; font-weight: 600; color: #677987;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_state>span.on{display: flex; align-items: center; color: #DB9148; margin-right: 10px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_state>span.on::after{content: ''; width: 1px; height: 15px; background-color: #B9CDE5; margin-left: 10px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_info{display: flex; flex-wrap: wrap; align-items: center; position: relative; margin-top: 15px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_info>span{font-size: 14px; font-weight: 600; color: #000;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_info>span.on::before{content: ''; display: inline-block; width: 1px; height: 10px; background-color: #B9CDE5; margin:0 10px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_info>span.on::after{content: ''; display: inline-block; width: 1px; height: 10px; background-color: #B9CDE5; margin:0 10px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_name{display: flex; align-items: center; color: #999999; font-size: 14px; font-weight: 400; margin-top: 2px;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_link_box{}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_link_box>.sth_rvtxt_01{text-align: left; font-size: 20px;font-weight: 600; margin-bottom: 10px; color: #202020; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;margin-top: 20px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sth_education_review_item .sth_review_top>.sth_item_txt>.sth_rvtxt_link_box>.sth_rvtxt_02{text-align: left; font-size: 16px;font-weight: 400; color: #757575; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media all and (max-width:640px) {
    .sth_education_review_item .sth_review_top{flex-direction: column;}
    .sth_education_review_item .sth_review_top>.sth_item_txt{margin: 20px 0 0 0;}
    .sth_su_1_0_3_box .sth_education_item_txt .sth_title{font-size: 20px;}
}

/*체험홈*/
.sth_su_1_3_1_box{background-color: #F7F7F9; border-radius: 30px; padding: 30px;}
.sth_su_1_3_1_box>ul{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; gap: 2%;}
.sth_su_1_3_1_box>ul>li{width: 32%; flex: 1;}
.sth_su_1_3_1_box .sth_item_experience_box{position: relative; display: flex; flex-direction: column; align-items: center;}
.sth_su_1_3_1_box .sth_item_experience_box .title{position: absolute; left: 40px; top:0; display: flex; border: 1px solid #D1DBF1; background-color: #fff; align-items: center; justify-content: center; height: 50px; padding: 0 30px; border-radius: 30px; font-size: 22px; font-weight: 600; color: #202020;}
.sth_su_1_3_1_box .sth_item_experience_box .title::after{content: ''; position: absolute; right: 20px; bottom: -14px; width: 25px; height: 15px; background: url("/static/svc/images/sth_su_1_3_iton_1.svg") center 50% no-repeat;}
.sth_su_1_3_1_box .sth_item_experience_box .img{}
.sth_su_1_3_1_box .sth_item_experience_box .img>img{max-width: 100%;}
.sth_su_1_3_1_box .sth_item_experience_box .txt{max-width: 280px; text-align: center; margin-top: 20px; font-size: 16px; font-weight: 500; color: #555555;word-break: keep-all; }
@media all and (max-width:1439px) {
    .sth_su_1_3_1_box{margin: 0 20px; }
}
@media all and (max-width:960px) {
    .sth_su_1_3_1_box .sth_item_experience_box .title{left: 20px; font-size: 16px;}
}
@media all and (max-width:767px) {
    .sth_su_1_3_1_box>ul{flex-direction: column;}
    .sth_su_1_3_1_box>ul>li{width: 100%;}
    .sth_su_1_3_1_box .sth_item_experience_box{flex-direction: row;}
    .sth_su_1_3_1_box .sth_item_experience_box .title{left: 0; top: 20px;}
    .sth_su_1_3_1_box .sth_item_experience_box .img{width: 180px; margin-left: 80px;}
    .sth_su_1_3_1_box .sth_item_experience_box .txt{text-align: left; font-size: 18px; margin-left: 20px;}
}

@media all and (max-width:640px) {
    .sth_su_1_3_1_box{border-radius: 20px; padding: 20px;}
    .sth_su_1_3_1_box>ul>li{margin-bottom: 20px;}
    .sth_su_1_3_1_box>ul>li:last-child{margin-bottom: 0;}
    .sth_su_1_3_1_box .sth_item_experience_box{flex-direction: column;}
    .sth_su_1_3_1_box .sth_item_experience_box .txt{margin: 10px 0 0 0; font-size: 16px;}
}

/*체험홈 > 살아보기*/
.sth_sub_life_box{overflow: hidden;}
.sth_sub_life_list{}

.sth_sub_life_list .sth_life_item{display: flex; width: 24%; height: 450px; position: relative;}
.sth_life_item_box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px;}

.sth_sub_life_list .sth_life_item .sth_type{position: absolute; z-index: 10;}/*귀촌형(일반)*/
.sth_sub_life_list .sth_life_item .sth_status_box{position: relative; z-index: 10; display: flex; justify-content: space-between;}
.sth_sub_life_list .sth_life_item .sth_status_box .sth_best_01{display: none; position: absolute; right: -10px;/* top: 20px;*/top:0;font-size: 0; width: 81px; height: 95px; background: url("/static/svc/images/sth_badge_icon.svg") center 50% no-repeat; background-size: contain; text-indent: -9999px;}
.sth_sub_life_list .sth_life_item .sth_status_box .sth_best_01.best_on{display: block;}

.sth_sub_life_list .sth_life_item .sth_item_txt{width: calc(100% - 60px); position: absolute;/* top: 50%; */bottom: 30px;z-index: 10;}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_region{font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 10px; line-height: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_title{font-size: 28px; color: #fff; margin-bottom: 40px; line-height: 110%; font-weight: 600; height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.sth_sub_life_list .sth_life_item .sth_item_txt .sth_infor{ color: #fff;}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_infor>li{font-size: 18px; margin-bottom: 5px;}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_infor>li:last-child{margin-bottom: 0;}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_infor>li>strong{display: inline-block; margin-right: 10px; font-weight: 600;}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_infor>li>span{font-weight: 300;}
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_rate{display: none;}/*경쟁률 낮아요*/
.sth_sub_life_list .sth_life_item .sth_item_txt .sth_rate.rate_on{display: block;}

.sth_sub_life_list .sth_life_item .sth_img{position: absolute;left: 0;top: 00px;width: 100%;z-index: 1;height: 100%;border-radius: 20px;overflow: hidden;}
.sth_sub_life_list .sth_life_item .sth_img::before{content: ''; position: absolute;left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05);}
.sth_sub_life_list .sth_life_item .sth_img::after{content: ''; position: absolute;left: 0; bottom: 0; z-index: 3; width: 100%; height: 50%; background: transparent linear-gradient(180deg, rgb(27 29 28 / 0%) 0%, rgb(27 29 28 / 30%) 100%) 0% 0% no-repeat padding-box;}
.sth_sub_life_list .sth_life_item:hover .sth_img::before{background-color: rgba(0,0,0,0.4);}
.sth_sub_life_list .sth_life_item.swiper-slide-active .sth_img::before{background-color: rgba(0,0,0,0.4);}
.sth_sub_life_list .sth_life_item .sth_img>img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

/*체험홈 > 귀농인의집집*/
.sth_sub_farmerhome_box{overflow: hidden;}
.sth_sub_farmerhome_list{width: 100%; display: flex; justify-content: space-between;}
.sth_sub_farmerhome_list a{display: block;}
.sth_sub_farmerhome_list a:hover .sth_title{color: #22A478;}
.sth_sub_farmerhome_list a .sth_title{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_sub_farmerhome_list a .sth_img{height: 220px; overflow: hidden;}

.sth_farmerimg_box{border-radius: 20px 20px 0 0; overflow: hidden;}
.sth_farmer_info{display: flex; justify-content: space-between; align-items: center; padding: 10px; border: 1px solid #D1DBF1; border-top: none; border-radius: 0 0 20px 20px;}
.sth_farmer_info>p{font-size: 18px; font-weight: 600; color: #000000; padding: 0 20px;}
.sth_farmer_info .sth_value>span{width: 110px; height: 40px; align-items: center; justify-content: center; font-weight: 400; color: #fff; border-radius: 20px 0px 20px 20px;}

/*체험홈 > 체험후기*/
.sth_sub_experience_review_box{overflow: hidden;}
.sth_sub_experience_review_list{width: 100%; display: flex; justify-content: space-between;}
.sth_sub_experience_review_list a{display: block;}
.sth_sub_experience_review_list a:hover .sth_title{color: #22A478;}
.sth_sub_experience_review_list a .sth_title{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_sub_experience_review_list a .sth_img{height: 250px; border-radius: 20px; overflow: hidden;}


/*정착•지원정보 홈*/
.sth_su_1_0_3_box{}

/*정착•지원정보 홈 > 빈집은행*/
.sth_sub_house_box{overflow: hidden;}
.sth_sub_house_list{width: 100%; display: flex; justify-content: space-between;}
.sth_sub_house_list a{display: block;}
.sth_sub_house_list a:hover .sth_title{color: #22A478;}
.sth_sub_house_list a .sth_title{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_sub_house_list a .sth_img{height: 250px; border-radius: 20px; overflow: hidden;}

/*정착•지원정보 홈 > 생활정보*/
.sth_sub_livingInfo_box{}
.sth_sub_livingInfo_list{display: flex; flex-wrap: wrap; gap: 20px;}
.sth_sub_livingInfo_item{display: block; width: calc(50% - 10px); padding: 30px; border: 1px solid #CAD5E2; border-radius: 20px;}
.sth_sub_livingInfo_item:hover{border: 1px solid #22A478;}
.sth_sub_livingInfo_item:hover .sth_livingInfo_txt>p{color:#22A478;}
.sth_steplike_box{display: flex; justify-content: space-between; margin-bottom: 30px;}
.sth_steplike_box .sth_view_like>span:last-child{margin-right: 0;}
.sth_livingInfo_txt{margin-bottom: 30px;}
.sth_livingInfo_txt>p{font-size: 22px; font-weight: 600; color: #000; display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_livingInfo_info{display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 500; color: #000;}
.sth_livingInfo_info>.sth_stages{color: #DB9148;}
.sth_livingInfo_info>.sth_region{color: #252525; font-weight: 400;}

@media all and (max-width:1279px){
    .sth_steplike_box{flex-direction: column;}
    .sth_vstep{margin-bottom: 10px;}

    .sth_livingInfo_txt>p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space:normal;}
    .sth_livingInfo_info{flex-direction: column; align-items: flex-start;}
    .sth_stages{margin-bottom: 10px;}
}

@media all and (max-width:767px){
    .sth_sub_livingInfo_item{width: 100%;}
    .sth_steplike_box{flex-direction: inherit;}
    .sth_vstep{margin-bottom: 0;}
    .sth_livingInfo_info{flex-direction: column; align-items: flex-start;}
    .sth_stages{margin-bottom: 10px;}
}

@media all and (max-width:640px){
    .sth_steplike_box{flex-direction: column;}
    .sth_vstep{margin-bottom: 10px;}
}


/*커뮤니티 홈*/
.sth_su_1_0_3_box{}
.sth_su_1_5_1_box{/*background-color: #F7F7F9; border-radius: 30px; padding: 30px;*/ margin-top: 20px;}
.sth_su_1_5_1_box h2{font-size: 20px; font-weight: 600;}
.sth_sub_commch_01{display: flex; justify-content:space-between;}
.sth_sub_commch_02{margin: 10px 0 20px 0; border: 1px solid #e0e0e0; border-radius: 20px; background-color: #fff; padding: 20px;}
.sth_sub_commch_02 li{margin-bottom: 5px;}
.sth_sub_commch_02 li .txt{position: relative; padding-left: 15px; font-size: 18px; font-weight: 400; line-height: 130%;}
.sth_sub_commch_02 li .txt::before{content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 10px; background-color: #000;}

.sth_btn_style_01{display: inline-block; height: 48px; padding: 0 30px; font-size: 18px; font-weight: 600; color: #fff; border-radius: 24px; background-color: #C4763D; border-color: #C4763D;}
.sth_btn_style_01:hover{color: #fff; background-color: #a86535; border-color: #a86535;}

.sth_btn_newopen{position: absolute; right: 0; top: 0; display: inline-block; height: 48px; padding: 0 30px; font-size: 18px; font-weight: 600; color: #fff; border-radius: 24px; background-color: #C4763D; border-color: #C4763D;}
.sth_btn_newopen:hover{color: #fff; background-color: #a86535; border-color: #a86535;}

/*모달팝업*/
.sth_modal_communitych_popup{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.3); z-index: 9999999999999;}
.sth_modal_communitych_popup.atv{display: flex;}
.sth_modal_communitych_popup .sth_modal_box{background-color: #fff; border-radius: 10px; position: relative; margin: 20px; width: 100%; max-width: 900px;/* height: calc(100vh - 40px);*/}
.sth_modal_communitych_popup .sth_modal_box .sth_modal_header{height: 57px; padding: 20px 20px 10px 20px; border-bottom: 1px solid #e0e0e0;}
.sth_modal_communitych_popup .sth_modal_box .sth_modal_header .sth_modal_title{font-size: 22px; font-weight: 600; color: 000;}
.sth_modal_communitych_popup .sth_modal_box .sth_pop_close{position: absolute; right: 15px; top: 15px; display: block;width: 35px;height: 35px;font-size: 0; text-indent: -9999px; background: url(/static/svc/images/sth_close_icon_01.svg) center no-repeat;}
.sth_modal_communitych_popup .sth_modal_box .sth_modal_body{padding: 20px;/* height: calc(100vh - 117px);*/ overflow: hidden; overflow-y: auto;}
.sth_modal_communitych_popup .sth_cmuinfo_list{background: #F8F5F1;padding: 16px 20px;margin-bottom: 8px;border-radius: 5px;}
.sth_modal_communitych_popup .sth_cmuinfo_list>li{font-size: 18px; line-height: 130%; margin-bottom: 10px;word-break: keep-all;}
.sth_modal_communitych_popup .sth_cmuinfo_footer{}
.sth_modal_communitych_popup .sth_cmuinfo_footer .sth_cmuinfo_checkbox{margin-top: 10px; padding: 10px; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.sth_modal_communitych_popup .sth_cmuinfo_footer .sth_cmuinfo_checkbox>input{width: 25px; height: 25px; border-radius: 5px; margin-right: 10px; border: 1px solid #D1DBF1; }
.sth_modal_communitych_popup .sth_cmuinfo_footer .sth_cmuinfo_btn{text-align: center; padding: 10px;}

.sth_sub_commch_03{display: flex; align-items: center; justify-content: center;background-color: #F7F7F9; border-radius: 30px; padding: 30px;}
.sth_sub_commch_03 h2{font-size: 28px; font-weight: 600; margin: 0 20px 10px 20px; color: #C4763D;}

.sth_sub_commch_03_1{display: flex; justify-content: center;}
.sth_sub_commch_03_1>li{display: flex; align-items: center; justify-content: center;}
.sth_sub_commch_03_1>li>i{display: inline-block; width: 50px; height: 50px; background: url('/static/svc/images/main/icon_next_02.svg') center 50% no-repeat;}
.sth_sub_commch_li_item{display: flex; align-items: center; word-break: keep-all; justify-content: center; font-size: 18px; font-weight: 600; color: #000; flex-direction: column; width: 170px; height: 120px; box-shadow: 0px 3px 10px rgba(0, 0, 0, .1); background-color: #fff; border: 1px solid #B9CDE5; border-radius: 30px; padding: 20px;}
.sth_sub_commt_it>p{margin: 5px 0; font-size: 18px; text-align: center; word-break: keep-all; font-weight: 600; color: #000; flex-direction: column; width: 170px; box-shadow: 0px 3px 10px rgba(0, 0, 0, .1); background-color: #fff; border: 1px solid #B9CDE5; border-radius: 15px; padding: 15px 10px;}
.sth_sub_commch_li_item>span{display: block;}

/*내 커뮤니티 / 운영중인 커뮤니티 */
.sth_cmmnty_tab_box{position: relative;/* flex: 1 1 50%; */width: 100%;}
.sth_cmmnty_tab_box::before{content: '';position: absolute;left: 180px;top: 20px;width: 5px;height: 5px;border-radius: 5px;background-color: #A8A8A8;}
.sth_cmmnty_tab_box .sth_cmt_tabs_01{position: relative; font-size: 36px; z-index: 1; font-weight: 600; line-height: 100%; color: #A8A8A8; margin-bottom: 10px;}
.sth_cmmnty_tab_box .sth_cmt_tabs_01.on{line-height: 100%; color: #1A1311;}
.sth_cmmnty_tab_box .sth_cmt_tabs_01:hover{color: #000 !important;}
.sth_cmmnty_tab_box .sth_cmt_tabs_02{position: relative; font-size: 36px; z-index: 1; font-weight: 600; line-height: 100%; color: #A8A8A8; margin-bottom: 10px;}
.sth_cmmnty_tab_box .sth_cmt_tabs_02:hover{color: #000 !important;}
.sth_cmmnty_tab_box .sth_cmt_tabs_02.on{line-height: 100%; color: #1A1311;}
.sth_cmmnty_tab_box .sth_cmt_tabs_01.on::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_cmmnty_tab_box .sth_cmt_tabs_02.on::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_cmmnty_tab_box>a.sth_cmt_tabs_02{position: absolute;left: 200px;top: 0;}

.sth_my_cmmnty_list.on, .sth_opening_cmmnty_list.on{display: flex;width: 100%;}

.sth_cmmnty_tab_box ul{display: none; margin-top: 50px; justify-content: space-between;flex-wrap: wrap;}
.sth_cmmnty_tab_box ul>li{position: relative; margin-bottom: 25px; width: calc(50% - 15px);}
.sth_cmmnty_tab_box ul>li:last-child{margin-bottom: 0;}
.sth_cmmnty_tab_box ul>li>span{font-size: 16px; font-weight: 400; color: #A8A8A8;}
.sth_cmmnty_tab_box ul>li .sth_sub_communitybest_item .sth_title{width: 100%; margin: 0; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_cmmnty_tab_box ul>li .sth_sub_communitybest_item .sth_item_txt{ overflow:hidden; margin: 0;}
.sth_cmmnty_tab_box ul>li .sth_sub_communitybest_item .sth_txt{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*커뮤니티 홈 > 추천커뮤니티*/
.sth_sub_communitych_box{overflow: hidden;}
.sth_sub_communitych_list{width: 100%; display: flex; justify-content: space-between;}
.sth_sub_communitych_list a{display: block; border: 1px solid #D1DBF1; border-radius: 20px; overflow: hidden;}
.sth_sub_communitych_list a:hover .sth_title{color: #22A478;}
.sth_sub_communitych_list a .sth_item_txt{margin:0;padding: 20px;display: flex;justify-content: space-between;align-items: center;}
.sth_sub_communitych_list a .sth_title{width: 100%;/* padding: 0 20px; */margin-bottom: 0;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sth_sub_communitych_list a .sth_region{/* padding: 0 20px; */margin-bottom: 0;min-width: 80px;text-align: right;}
.sth_sub_communitych_list a .sth_img{height: 200px; padding: 10px; overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #fff;border-bottom: 1px solid #d1dbf1;}
.sth_sub_communitych_list a .sth_img img {max-width: 100%; width: auto; height: 100%;object-fit: inherit;object-position: center;transition: transform 0.4s ease;}

.sth_search_outline_box{border: 1px solid #D1DBF1; border-radius: 20px; padding: 20px; margin: 40px 0 20px 0;}
.sth_search_wrap{display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap:10px;}
.sth_search_box{}
.sth_select_01{height: 48px; padding: 0 20px; border-radius: 5px; border: 1px solid #D1DBF1;}
.sth_select_box{position:relative;display:inline-block;}
.sth_select_01{width:180px;height:48px;font-size:18px;padding:0 40px 0 16px; appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.sth_select_01 option{font-size:18px;color:#333;background:#fff; }

.sth_select_box::after{content:"";position:absolute;top:50%;right:15px; width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;transform:translateY(-70%) rotate(45deg);pointer-events:none;}
.sth_select_box:focus-within::after{transform:translateY(-50%) rotate(-135deg);}
.sth_input_box_01{height: 48px; padding: 0 20px; font-size: 20px; border-radius: 5px; border: 1px solid #D1DBF1;}
.sth_btn_search_01{display: flex; align-items: center; justify-content: center; height: 48px; padding: 0 30px; font-size: 18px; font-weight: 600; color: #fff; border-radius: 5px; background-color: #C4763D; border-color: #C4763D;}
.sth_btn_search_01>span{margin-right: 10px;}
.sth_btn_search_01:hover{color: #fff; background-color: #a86535; border-color: #a86535;}

.sth_sub_communitybest_box{}
.sth_sub_communitybest_list{display: flex; flex-direction: column; gap:24px; }
.sth_sub_communitybest_item{display: flex; border: 1px solid #D9D9D9; border-radius:12px;box-shadow:0 3px 10px 0 rgba(161, 105, 18, 0.05); margin: 0; padding: 24px;}
.sth_sub_communitybest_item .sth_region{color:#C4763D; }
.sth_sub_communitybest_item .sth_item_txt{margin: 0px;}
.sth_sub_communitybest_item .sth_title{font-size: 26px; margin-bottom: 10px;}
.sth_sub_communitybest_item .sth_txt{font-size: 18px; margin-bottom: 20px; color: #666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_sub_communitybest_item .sth_img{width: 118px; flex: 0 0 118px; height: 118px; padding: 10px; margin-right: 20px; overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.sth_sub_communitybest_item .sth_img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sth_sub_communitybest_item .sth_i_wrap{margin-top: 10px; display: flex; align-items: center;}
.sth_sub_communitybest_item:hover .sth_title{color:#22A478;}

.sth_sub_communitybest_item .sth_i_wrap>span {position: relative;display: inline-flex;margin-right: 15px;color: #848484;font-size: 14px;font-weight: 500;line-height: 20px;}
.sth_sub_communitybest_item .sth_i_wrap>span::before {content: '';display: inline-block;width: 20px;height: 20px;margin-right: 10px;}
.sth_sub_communitybest_item .sth_i_wrap .i_memb::before {background:url(/static/svc/images/ico_20_member_n.png) no-repeat left top;background-size:cover;}
.sth_sub_communitybest_item .sth_i_wrap .i_writing::before {background:url(/static/svc/images/ico_20_writing_n.png) no-repeat left top;background-size:cover;}

.sth_sub_communitybest_item .sth_i_wrap .i_comment::before {background: url(/static/svc/images/ico_20_comment_n.svg) no-repeat center;}
.sth_sub_communitybest_item .sth_i_wrap .date::before{content: none;}

@media screen and (max-width:1439px){
    .sth_su_1_5_1_box{margin: 0 20px;}
    .sth_search_outline_box{margin: 40px 20px 20px 20px;}
}
@media screen and (max-width:1279px){
    .sth_sub_commch_03{flex-direction: column;}
}
@media screen and (max-width:1023px){
    .sth_btn_newopen{position: relative; margin-top: 20px;}
    .sth_sub_commch_03 h2{margin-bottom: 10px;}
    .sth_sub_commch_li_item{padding: 10px 20px;}
}
@media screen and (max-width:950px){
    .sth_sub_commch_li_item{width: auto;}
    .sth_sub_commt_it>p{width: auto;}
}
@media screen and (max-width:768px){
    .sth_subhome_title>p.on{display: block;}
    .sth_cmmnty_tab_box ul{flex-direction: column;}
    .sth_cmmnty_tab_box ul>li{width: 100%;}
}
@media screen and (max-width:767px){
    .sth_sub_commch_03 h2{font-size: 24px; margin: 0 0 10px 0; text-align: center;}
    .sth_sub_commch_03_1{flex-direction: column; width: 100%;}
    .sth_sub_commch_03_1>li{width: 100%;}
    .sth_sub_commch_03_1>li>i{transform: rotate(90deg); width: 30px; height: 30px;}
    .sth_sub_commch_li_item{flex-direction: row; width: 100%; height:auto;  padding: 15px 20px;}
    .sth_sub_commch_li_item>span{display: inline-block; margin-left: 8px;}
    .sth_sub_commt_it{display: flex; justify-content: space-between; width: 100%;}
    .sth_sub_commt_it>p{width: calc(50% - 10px); border-radius: 30px; display: flex; align-items: center; justify-content: center;}
}
@media screen and (max-width:640px){
    .sth_sub_communitybest_item{flex-direction: column;}
    .sth_cmmnty_tab_box::before{left: 125px; top: 12px;}
    .sth_cmmnty_tab_box>a.sth_cmt_tabs_01{font-size: 25px; left: 140px;}
    .sth_cmmnty_tab_box>a.sth_cmt_tabs_02{font-size: 25px; left: 140px;}
    .sth_sub_communitybest_item .sth_title{font-size: 20px;}
    .sth_sub_commch_03{padding: 20px;}
    .sth_sub_commch_li_item{font-size: 16px;}
    .sth_sub_commt_it>p{margin: 0;}
}
@media screen and (max-width:460px){
    .sth_modal_communitych_popup .sth_modal_box{border-radius: 0; margin: 0; height: calc(100vh - 0px);}
    .sth_modal_communitych_popup .sth_modal_box .sth_modal_body{padding: 10px; height: calc(100vh - 60px);}
}


/*그린소식*/
.sth_sub_section_box_05{display: flex; gap:60px; max-width: 1440px; margin: 0 auto; position: relative;}
.sth_sub_left_tab_box{position: relative;/* flex: 1 1 50%; */width: calc(50% - 30px);}
.sth_sub_left_tab_box::before{content: ''; position: absolute; left: 145px; top: 20px; width: 5px; height: 5px; border-radius: 5px; background-color: #A8A8A8;}
.sth_sub_left_tab_box .sth_sub_tabs_01{position: relative; font-size: 36px; z-index: 1; font-weight: 600; line-height: 100%; color: #A8A8A8; margin-bottom: 10px;}
.sth_sub_left_tab_box .sth_sub_tabs_01.on{line-height: 100%; color: #1A1311;}
.sth_sub_left_tab_box .sth_sub_tabs_01:hover{color: #000 !important;}
.sth_sub_left_tab_box .sth_sub_tabs_02{position: relative; font-size: 36px; z-index: 1; font-weight: 600; line-height: 100%; color: #A8A8A8; margin-bottom: 10px;}
.sth_sub_left_tab_box .sth_sub_tabs_02:hover{color: #000 !important;}
.sth_sub_left_tab_box .sth_sub_tabs_02.on{line-height: 100%; color: #1A1311;}
.sth_sub_left_tab_box .sth_sub_tabs_01.on::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_sub_left_tab_box .sth_sub_tabs_02.on::before{content: ''; position: absolute; z-index: -1; background-color: rgba(0,164,109,0.5); width: 100%; height: 50%; left: 0; bottom: 0;}
.sth_sub_left_tab_box>a.sth_sub_tabs_02{position: absolute; left: 165px; top: 0;}
.sth_sub_tab_notice_list.on, .sth_sub_tab_news_list.on{display: flex;width: 100%;}
.sth_sub_left_tab_box ul{display: none; flex-direction: column; margin-top: 50px;}
.sth_sub_left_tab_box ul>li{position: relative; padding-left: 20px; margin-bottom: 25px;}
.sth_sub_left_tab_box ul>li:last-child{margin-bottom: 0;}
.sth_sub_left_tab_box ul>li::before{content: ''; position: absolute; left: 0; top: calc(50% - 2px); width: 5px; height: 5px; border-radius: 5px; background-color: #202020;}
.sth_sub_left_tab_box ul>li>a{font-size: 24px; font-weight: 600; color: #202020; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sth_sub_left_tab_box ul>li>a:hover{text-decoration: underline;}
.sth_sub_left_tab_box ul>li>span{font-size: 16px; font-weight: 400; color: #A8A8A8;}

.sth_sub_right_event_box{position: relative;width: calc(50% - 30px);/*flex: 1 1 50%;*//* min-width: 690px; *//* width: 50%; */}
.sth_sub_event_title{display: flex;align-items: center; margin-bottom: 40px;}
.sth_sub_event_title>h2{position: relative; font-size: 36px; font-weight: 600; line-height: 100%; color: #1A1311; z-index: 1;}

.sth_sub_event_box{width: 100%; max-width: 690px; overflow: hidden;}
.sth_sub_event_list{}

.sth_event_item{display: flex !important;height: 360px;width: 100% !important;border-radius: 20px;overflow: hidden;}
.sth_event_item>img{width: 100%;max-width: 100%;height: 100%;object-fit: cover;object-position: center;}

/*우수사례*/
.sth_sub_best_box{overflow: hidden;}
.sth_sub_best_list{width: 100%; display: flex; justify-content: space-between;}
.sth_sub_best_list a{display: block;}
.sth_sub_best_list a:hover .sth_title{color: #22A478;}
.sth_sub_best_list a .sth_title{width: 100%; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sth_sub_best_list a .sth_img{height: 250px; border-radius: 20px; overflow: hidden;}

/*자자체 행사*/
.sth_sub_localevent_box{}
.sth_sub_localevent_list{display: flex; flex-direction: column; gap:24px; }
.sth_sub_localevent_item{display: flex; border: 1px solid #D9D9D9; align-items: center; border-radius:12px;box-shadow:0 3px 10px 0 rgba(161, 105, 18, 0.05); margin: 0; padding: 10px; overflow: hidden;}
.sth_sub_localevent_item .sth_region{color:#C4763D; }
.sth_sub_localevent_item .sth_item_txt{margin: 0px;}
.sth_sub_localevent_item .sth_title{font-size: 26px; margin-bottom: 10px;}
.sth_sub_localevent_item .sth_txt{font-size: 18px; margin-bottom: 20px; color: #666;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sth_sub_localevent_item .sth_img{width: 400px; flex: 0 0 400px; height: 208px; border-radius: 10px; padding: 0; margin-right: 20px; overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #fff;}
.sth_sub_localevent_item .sth_img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
a.sth_sub_localevent_item:hover .sth_img img {transform: scale(1);}
.sth_sub_localevent_item .sth_i_wrap{margin-top: 10px; display: flex; align-items: center;}
.sth_sub_localevent_item:hover{border: 1px solid #22A478;}
.sth_sub_localevent_item:hover .sth_title{color:#22A478;}


@media all and (max-width:1500px) {
    .sth_sub_section_box_05{margin: 0;}
}
@media all and (max-width:1440px){
    .sth_sub_left_tab_box ul{margin-top: 40px;}
    .sth_sub_left_tab_box ul>li{padding-left: 20px; margin-bottom: 20px;}
    .sth_sub_left_tab_box ul>li>a{font-size: 22px;}
    .sth_sub_left_tab_box ul>li>span{font-size: 16px;}
}
@media all and (max-width:1439px){
    .sth_sub_section_box_05{margin: 0 20px;}
}
@media all and (max-width:1280px){
    .sth_sub_left_tab_box ul{margin-top: 20px;}
    .sth_sub_left_tab_box ul>li{padding-left: 20px; margin-bottom: 10px;}
    .sth_sub_left_tab_box ul>li>a{font-size: 22px;}
    .sth_sub_left_tab_box ul>li>span{font-size: 16px;}
}
@media all and (max-width:1024px){
    .sth_sub_left_tab_box ul>li{padding-left: 20px; margin-bottom: 5px;}
    .sth_sub_left_tab_box ul>li>a{font-size: 20px;}
}
@media all and (max-width:1023px){
    .sth_sub_section_box_05{flex-direction: column;}
    .sth_sub_left_tab_box{width: 100%;}
    .sth_sub_right_event_box{flex:1 1 100%; width: 100%;}
    .sth_sub_event_box{margin: 0 auto;}
    .sth_sub_event_title{margin-bottom: 20px;}
    .sth_sub_left_tab_box .sth_sub_tabs_01, .sth_sub_left_tab_box .sth_sub_tabs_02{font-size: 32px;}
    .sth_sub_left_tab_box::before{left: 120px;}
    .sth_sub_left_tab_box>a.sth_sub_tabs_02{left: 135px;}
    .sth_sub_left_tab_box ul>li>a{font-size: 20px;}

    .sth_sub_section_box_05 div a.sth_all_more_box{top: 0;}
}
@media all and (max-width:767px){
    .sth_sub_localevent_item{padding: 0;}
    .sth_sub_localevent_item .sth_item_txt{display: none;}
    .sth_sub_localevent_item .sth_img{width: 100%;flex: none;height: auto;padding: 0;margin-right: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: #fff;}
}
@media all and (max-width:640px){
    .sth_sub_localevent_list{gap: 40px;}
    .sth_sub_section_box_05{margin: 0; gap: 0;}
    .sth_sub_left_tab_box{padding: 20px; background-color: #fff;}
    .sth_sub_left_tab_box .sth_sub_tabs_01, .sth_sub_left_tab_box .sth_sub_tabs_02{font-size: 26px;}
    .sth_sub_left_tab_box>a.sth_sub_tabs_02{top: 20px;left: 160px;}
    .sth_sub_left_tab_box::before{top: 35px;left: 130px;}
    .sth_sub_right_event_box{padding: 20px; margin: 0;}
    .sth_sub_section_box_05 div a.sth_all_more_box{top: 20px;right: 20px;}
    .sth_sub_event_title>h2{font-size: 26px;}
    .sth_sub_tabs_01, .sth_sub_tabs_02{font-size: 30px;}
}

/*////////////////////////////////////////메인(서브홈) 과 서브메인은 sth_main.css/sth_content.css/두군대 동일한 css 노출함///////////////////////////////////////////*/






@media all and (max-width:1600px) {
}
@media all and (max-width:1500px) {
}
@media all and (max-width:1440px){
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
}
@media all and (max-width:640px){
}
@media all and (max-width:460px){
}
@media all and (max-width:375px){
}