@charset "utf-8";



/*////////////////////////////////////////메인(서브홈) 과 서브메인은 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;}
.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;}
.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;}
.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;}
.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;}
.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;}
.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;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: 30px;}
        .sth_sub_con_box .sth_aedata_counsel_list ul>li i{position: relative; left: inherit; top: inherit; margin-bottom: 10px;}
        .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 .sth_item_linebr_box{padding: 20px 60px 25px 20px; font-size: 22px;}
        /*.sth_item_linebr_box{border-radius: 15px 20px 20px 15px;}*/
        .sth_suli_title_box>.txt{font-size: 26px;}
    }
    @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: 20px;}
        .sth_suli_title_box{margin-bottom: 20px;}
        .sth_suli_title_box>p{font-size: 18px; word-break: keep-all; }
        .sth_q_btn{font-size: 20px; 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_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_su_1_0_3_in>li{width: 100%; flex: none;}
    }
    @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: 22px;}
        .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_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;}
    @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>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;}
    }

    /*체험홈 > 살아보기*/
    .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_search_wrap .select {min-width:110px;height:auto;display:inline-block;}
    .search:not(.search_btn) {min-width:110px;height:40px;display:inline-block;}
    .select select {width:100%;height:38px;border:none;background:none;color:#000;font-size:14px;line-height:1.43;letter-spacing:-0.28px;}
    .select-hidden {display:none;visibility:hidden;padding-right:10px;}
    .select-box {cursor:pointer;position:relative;width:100%;}
    .search-box {position:relative;width:100%;}
    .select-box .select-box {display:none;}
    .select-styled {display:flex;align-items:center;justify-content:space-between;min-width:150px;height:48px;padding:0 20px;background:#fff;border:1px solid #ddd;border-radius:30px;color:#171A19;font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;}
    .search-styled {display:flex;align-items:center;justify-content:space-between;min-width:150px;height:48px;padding:0 20px;background:#fff;border:1px solid #ddd;border-radius:30px;color:#171A19;font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;}
    .select-styled:hover {color:#000;}
    .select-styled:after {content:"";display:inline-block;width:16px;height:16px;margin-left:20px;background:url(/static/svc/images/ico_16_drop_n.png) no-repeat right center;background-size:cover;}
    .search-box > .select-options-wrap > .select-options li:first-child {border-bottom:none;}
    .search-box .select-options li a {display:flex;align-items:center;justify-content:space-between;background:#fff;color:#171A19;font-size:16px;font-weight:500;line-height:24px;white-space:nowrap;}
    .search-box > .select-options-wrap > .select-options li:not(:first-child) a:after {content:"";display:inline-block;width:16px;height:16px;margin-left:20px;background:url(/static/svc/images/icon_rflg_link_black.svg) no-repeat center left;background-size:contain;}
    .select-styled.active:after {transform:rotate(180deg);}
    .select-styled:focus {outline:2px solid #000;}
    .select-styled:focus {border: 1px solid #C4763D;outline: 0;}
    .select-options-wrap {display:none;position:absolute;top:43px;left:0;z-index:100;width:100%;min-width:110px;padding:10px 6px 10px 12px;background:#fff;border:1px solid #cfd0d0;border-radius:8px;}
    .select-options-wrap .select-options {max-height:192px;padding-right:4px;overflow-x:hidden;overflow-y:auto;}
    .select-options-wrap .select-options a {display:block;width:100%;padding:8px 0;outline:none;border:1px solid #fff;color:#171A19;font-size:18px;font-style:normal;font-weight:400;line-height:normal;}
    .select-options-wrap .select-options input {display:block;width:100%;padding:8px 0;outline:none;color:#171A19;font-size:18px;font-style:normal;font-weight:400;line-height:normal;}
    .select-options-wrap .select-options a:hover,.select-options-wrap .select-options a:focus {background-color:#f8f8f8;border:1px solid #999;}
    .select-options-wrap .select-options::-webkit-scrollbar {width:5px;height:2px;border-radius:2px;}
    .select-options-wrap .select-options::-webkit-scrollbar-thumb {background-color:#b8b9b9;}
    .select-options-wrap .select-options::-webkit-scrollbar-track {background-color:transparent;}
    .select-options li {border-bottom:1px solid #e8e8e8;color:#000;font-size:14px;font-weight:400;letter-spacing:-0.28px;white-space:nowrap;}
    .select-options li:first-child {padding-top:0;}
    .select-options li:last-of-type {padding-bottom:0;border-bottom:none;}
    .select-bd {min-width:110px;padding:0;}
    .select-bd select {border:none;background:none;color:#101314;font-size:14px;line-height:1.43;letter-spacing:-0.28px;}

    /*내 커뮤니티 / 운영중인 커뮤니티 */
    .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{margin: 20px 0;background: rgba(241, 235, 226, 0.3);padding: 30px;border:1px solid #e2e2e2;border-radius: 10px;}
    .sth_search_wrap{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;gap: 10px;margin: 0 auto;}
    .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{width: 400px;height: 48px;max-width: 100%;border-radius: 30px;border: 1px solid #D9D9D9;background: #FFF;margin: 0;padding: 0 20px;font-size: 16px;font-weight: 500; line-height: 24px; /* 150% */}
    .sth_btn_search_01{display: flex;align-items: center;justify-content: center;height: 48px;border-radius: 30px;background: #C4763D;color: #FFF;font-size: 16px;font-weight: 500;line-height: normal;padding: 0 20px;}
    .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: 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:960px){
        .sth_search_wrap {gap: 6px;margin-bottom: 6px;}
        /*.select {width: 100%;}*/
        .sth_input_box_01 {width: calc(100% - 54px);}
        .sth_btn_search_01{width: 48px;height: 48px;}
        .sth_btn_search_01 > span {display: none;}
    }

    @media screen and (max-width:960px){
        .community_select {width: 100%;}
    }

    @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;}
    }
    @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 노출함///////////////////////////////////////////*/

/*서브*/
.sth_sub_con_box .overview_stay_title{text-align: center; margin: 40px 20px;word-break: keep-all; }
.sth_sub_con_box .overview_stay_title>p{color: #171A19; font-size: 36px; line-height: 1.2; font-weight: 700;}
.sth_sub_con_box .overview_stay_title>p>span{color: #15875E;}
.sth_sub_con_box .btn-center {margin-top: 24px;text-align: center;overflow: hidden;}
/*
.sth_sub_con_box .btn {display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-}
.sth_sub_con_box .btn-orange48 {height:48px;padding:0 25px;background:#C4763D;border-radius:24px;color:#fff;font-size:18px;line-height:48px;}
*/
.sth_sub_con_box .btn-orange48:hover {background:#a86535;color:#fff;}
.sth_sub_con_box .stay_title {font-size: 28px;font-weight: bold;margin: 40px 0 20px 0;}
.sth_sub_con_box .csituation_stay .stay_title {margin: 0 0 20px 0;}
.sth_sub_con_box .csituation_stay {margin: 0 20px;}
.sth_sub_con_box .stay_title>span {font-weight: 500; letter-spacing: -1px; color: #666;}
/* 기존 btn-black 버튼의 운영 색상 복원 */
.sth_sub_con_box button.btn.btn-black {background-color: #C4763D;border-color: #C4763D;color: #fff;}
.sth_sub_con_box button.btn.btn-black:hover,.sth_sub_con_box button.btn.btn-black:focus {background-color: #a86535;border-color: #a86535;color: #fff;}
/* 강사신청내역 - 수정(재신청) 버튼 */
.sth_sub_con_box .mypage_tab3_sub2 button.modifyBtn.btn-secondary {background-color: #ff6633;border-color: #ff6633;color: #fff;}
.sth_sub_con_box .mypage_tab3_sub2 button.modifyBtn.btn-secondary:hover,.sth_sub_con_box .mypage_tab3_sub2 button.modifyBtn.btn-secondary:focus {background-color: #e85b2c;border-color: #e85b2c;color: #fff;}


/*체류형 지역별 운영현황 - 지도*/
.sth_sub_con_box .sth_map_wrap{display: flex; align-items: flex-start; gap: 60px; margin-top: 10px;}

.sth_sub_con_box .sth_left_map{flex: 0 1 460px; max-width: 460px; width: 100%; background-color: #074D43; border-radius: 20px; padding: 26px 26px 20px;}
.sth_sub_con_box .sth_map_svg{width: 100%; height: auto; display: block;}
.sth_sub_con_box .sth_map_caption{position: absolute; left: 20px; top: 20px; font-size: 16px; color: #B4C9C6;}
.sth_sub_con_box .sth_map_caption strong{display: block; font-size: 16px;color: #fff;}

/*지도 지역 인터랙션*/
.sth_left_map .region{cursor: pointer;}
.sth_left_map .region .st2{fill: #B4C9C6; transition: fill .25s ease;}
.sth_left_map .region:hover .st2,
.sth_left_map .region:focus-visible .st2{fill: #fff;}
.sth_left_map .region.on{filter: drop-shadow(0 6px 14px rgba(0,0,0,.4));}
.sth_left_map .region.on .st2{fill: #fff;}
.sth_left_map .region.on .st0,
.sth_left_map .region.on .st1{fill: #289667; stroke: #289667;}
.sth_left_map .region{outline: none;}
.sth_left_map .region:focus{outline: none;}
.sth_left_map .region:focus-visible{outline: none; filter: drop-shadow(0 0 3px #5fd9a4) drop-shadow(0 0 5px #5fd9a4);}
.sth_left_map .region.on:focus-visible{filter: drop-shadow(0 6px 14px rgba(0,0,0,.4)) drop-shadow(0 0 3px #5fd9a4) drop-shadow(0 0 5px #5fd9a4);}
.sth_left_map .region-inactive{cursor: default;}
.sth_left_map .region-inactive .st2{fill: #bababa;stroke: #4a5b56;}
.sth_left_map .region-inactive .st3{fill: #cecece;}

/*모바일: 지도 대신 지역 선택 셀렉트박스*/
.sth_sub_con_box .sth_map_svg_shell{position: relative;}
.sth_sub_con_box .sth_map_select_wrap{display: none;}
.sth_sub_con_box .sth_map_select_wrap>.sth_map_select_label{display: block; font-size: 18px; font-weight: 600; color: #fff; opacity: .95; margin-bottom: 8px;}
.sth_sub_con_box .sth_map_select_shell{position: relative;}
.sth_sub_con_box .sth_map_select_shell::after{content: ''; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); pointer-events: none; opacity: .8; transition: transform .2s ease;}
.sth_sub_con_box .sth_map_select_shell.on::after{transform: rotate(225deg); margin-top: -2px;}
.sth_sub_con_box .sth_map_select{display: flex; align-items: center; width: 100%; font-family: inherit; text-align: left; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 20px; color: #000; background-color: #fff; border: 1px solid #fff; border-radius: 12px; padding: 14px 44px 14px 16px; cursor: pointer;}
.sth_sub_con_box .sth_map_select:focus{outline: none;}
.sth_sub_con_box .sth_map_select:focus-visible{outline: none; box-shadow: 0 0 0 3px rgba(40,150,103,.35);}

/*커스텀 li 리스트 드롭다운*/
.sth_sub_con_box .sth_map_select_list{display: none;position: absolute;left: 0;right: 0;top: calc(100% + 6px);z-index: 50;margin: 0;padding: 15px 10px;list-style: none;background-color: #fff;border: 1px solid #E4E8E6;border-radius: 12px;box-shadow: 0 12px 30px rgba(0,0,0,.1);max-height: 280px;overflow-y: auto;}
.sth_sub_con_box .sth_map_select_list.on{display: block;}
.sth_sub_con_box .sth_map_select_list li{display: flex;align-items: center;height: 45px;line-height: 45px;padding: 0 14px;font-size: 18px;color: #000;border-radius: 8px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sth_sub_con_box .sth_map_select_list li:hover{background-color: #F7F7F9;}
.sth_sub_con_box .sth_map_select_list li:focus-visible{outline: none; background-color: #F7F7F9;}
.sth_sub_con_box .sth_map_select_list li.selected{background-color: #EBE8E1; color: #000; font-weight: 600;}

/*체류형 지역별 운영현황 - 우측 정보*/
.sth_sub_con_box .sth_right_info{flex: 1 1 380px; min-width: 0;}
.sth_sub_con_box .sth_info_item{display: none;}
.sth_sub_con_box .sth_info_item.on{display: block; animation: sthInfoFadeIn .35s ease;}
.sth_sub_con_box .sth_info_item>h2{font-size: 26px; font-weight: 700; color: #171A19; margin: 0 0 10px 0; padding-bottom: 16px;}

.sth_sub_con_box .sth_map_item_box{background-color: #fff; border: 1px solid #D5DFEB; border-radius: 20px; padding: 24px; margin-bottom: 20px;}
.sth_sub_con_box .sth_map_item_box .sth_natxt{display: inline-block; min-width: 110px; height: 40px; line-height: 40px; text-align: center; font-weight: 600; margin: 0 0 10px 0; font-size: 20px; background-color: #239b57; color: #fff; border-radius: 30px; padding: 0 30px;}
.sth_sub_con_box .sth_map_item_box:last-child{margin-bottom: 0;}
.sth_sub_con_box .sth_map_img_box{display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap;}
.sth_sub_con_box .sth_map_img{flex: 1 1 160px; max-width: calc(50% - 6px); border-radius: 14px; overflow: hidden; aspect-ratio: 4/3; background-color: #f2f2f2;}
.sth_sub_con_box .sth_map_img img{width: 100%; height: 100%; object-fit: cover; display: block;}

.sth_sub_con_box .sth_info_txt{margin: 0; padding: 0; list-style: none;/* border-top: 1px solid #E4E8E6;*/}
.sth_sub_con_box .sth_info_txt>li{display: flex; padding: 5px;/* border-bottom: 1px solid #E4E8E6;*/}
.sth_sub_con_box .sth_info_txt>li>span{flex: 0 0 96px; font-size: 16px; font-weight: 600; color: #000;}
.sth_sub_con_box .sth_info_txt>li>p{flex: 1; margin: 0; font-size: 16px; color: #4b4b4b; line-height: 1.5; word-break: keep-all; overflow-wrap: break-word;}
.sth_sub_con_box .sth_info_txt>li>p>a{display: inline-block; background-color: #fff; border: 1px solid #666; border-radius: 30px; color: #000; font-weight: 600; font-size: 16px; padding: 5px 20px;}
.sth_sub_con_box .sth_info_txt>li>p>a:hover{border: 1px solid #239b57; color: #239b57;}

@keyframes sthInfoFadeIn{from{opacity: 0; transform: translateY(6px);} to{opacity: 1; transform: translateY(0);}}

@media all and (max-width:1024px){
    .sth_sub_con_box .sth_map_wrap{flex-direction: column; gap: 20px;}
    .sth_sub_con_box .sth_left_map{max-width: 100%;}
    .sth_sub_con_box .sth_right_info{width: 100%;}
    .sth_sub_con_box .sth_left_map{flex-basis: 125px;}
    .sth_sub_con_box .sth_map_select_wrap{display: block;}
    .sth_sub_con_box .sth_map_svg_shell{display: none;}
}
@media all and (max-width:767px){
    .sth_sub_con_box .sth_map_img_box{flex-wrap: nowrap; overflow-x: auto;}
    .sth_sub_con_box .sth_map_img{flex: 0 0 65%; max-width: 65%;}
    .sth_sub_con_box .sth_info_txt>li>span{flex: 0 0 80px; font-size: 15px;}
    .sth_sub_con_box .sth_info_txt>li>p{font-size: 15px;}
}
@media all and (max-width:460px){
    .sth_sub_con_box .sth_left_map{padding: 20px 20px 16px;}
    .sth_sub_con_box .sth_info_item>h2{font-size: 22px;}
    .sth_sub_con_box .sth_map_item_box{padding: 18px;}
}

.stay_notices {margin-top: 40px;letter-spacing: -0.6px;}
.stay_notices > li {display: flex;margin-bottom: 20px;align-items: start;}
.stay_notices > li>div {padding-top: 4px;}
.stay_notices > li p {margin: 0 0 10px 0; font-size: 20px; line-height: 140%;}
.stay_notices > li > span {display: inline-block;min-width: 100px;height: 36px;line-height: 36px;margin-right: 10px;text-align: center;font-size: 18px;background-color: #239b57;color: #fff;border-radius: 20px;padding: 0 12px;}
.staytyhouse_title {font-size: 28px;font-weight: bold;margin: 30px 20px;}
.staysub_title {font-size: 26px;font-weight: bold;margin-bottom: 30px;}
.stay_group {margin-top: 100px;}

.sth_sub_con_box .overview_stay {padding: 0;margin: 0 20px;word-break: keep-all; }
.sth_sub_con_box .overview_stay > ul {padding: 0;}
.sth_sub_con_box .stay_outline {background-color: #F8FAF6;display: flex;column-gap: 40px;margin-top: 15px;padding: 40px;border-radius: 20px;flex-direction: row;justify-content: space-evenly;}
.sth_sub_con_box .stay_outline > strong {font-weight: bolder;}
.sth_sub_con_box .stay_img {display: flex;align-items: center;justify-content: center;}
.sth_sub_con_box .stay_img img{max-width: 100%}
.sth_sub_con_box .stay_text > ul{padding: 0;}
.sth_sub_con_box .stay_text_title {font-size: 30px;text-align: start;letter-spacing: 1px;}
.sth_sub_con_box .stay_text_title > span {display: block;}.ipt__img__uploader__figure {width: 100%;height: 100%;border: 1px solid #cfd0d0;background: no-repeat center / cover;}
.sth_sub_con_box .stayty_house_info.adata.commnt-table dd label{margin-right: 20px !important;}

.sth_sub_con_box .stay_outline_01 {background-color: #fff;margin-top: 15px;padding: 40px;border-radius: 20px; border: 5px solid #EEF2F7;}
.sth_sub_con_box .stay_outline_01>p{font-size: 20px; font-weight: 500;}



@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){
    .sth_sub_con_box .stay_text_title{font-size: 28px;}
}
@media all and (max-width:1023px){
    .sth_sub_con_box .stay_outline{flex-direction: column;}
    .sth_sub_con_box .stay_img{justify-content: normal;}
    .sth_sub_con_box .stay_text_title > span{display: inline;}
    .sth_sub_con_box .stay_text{margin-top: 40px;}
    .sth_sub_con_box .stay_text_title{font-size: 30px;}
}
@media all and (max-width:768px){
    .sth_sub_con_box .stay_outline_01 {padding: 20px;}
    .stay_notices > li{flex-direction: column;}
    .stay_notices > li > span{margin-bottom: 10px;}
}
@media all and (max-width:640px){}
@media all and (max-width:460px){}
@media all and (max-width:375px){}



@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){}


/* 2026-07-31 귀농닥터-멘토활동내역 '교육계획서' 버튼 수정 사재원*/
.sth_sub_con_box button.btn.edu_doctor_btn{margin-top:0;}

@media all and (max-width:1440px){
    .sth_sub_con_box button.btn.edu_doctor_btn{margin-top:5px;}
}

@media all and (max-width:960px){
    .sth_sub_con_box button.btn.edu_doctor_btn{margin-top:0px;}
}