@charset "UTF-8";

@media screen and (max-width:1540px){
 .quick_menu { transform: translate(0, -50%); left: auto; right: 10px; } 
 .quick_menu { display:none !important; } 
 .btn_top { right: 5%; } 
 }

@media screen and (max-width:1340px) {
 .top_area { display:none; width:100%; height:35px; } 
 .top_area ul { width:100%; } 
 .top_area ul li { float:left; width:calc(100% / 3); } 
 .top_area ul li a { width:100%; height:35px; text-align:center; } 
 .top_area ul li:first-child a { width:100%; background-size:auto 25px; } 
 .top_area ul li:nth-child(2) a { width:100%; background-size:auto 25px; } 
 .top_area ul li:nth-child(3) a { width:100%; background-size:auto 15px; } 

 .quick_menu { display:none !important; } 

 .header_wrap { padding:0; height:65px; } 
 .header_wrap .header_inner { width:100%; min-width:100%; height:100%; } 
 .header_wrap .header_inner .logo { padding: 14px 0 14px 4%; } 
 .header_wrap .header_inner .logo a { display:block; width:140px; height: 36px; } 
 .header_wrap .header_inner .logo a img { width:100%; } 
 .header_wrap .header_inner .m_hamberger { position:absolute; top:0; right:0; display:block; width:65px; height:65px; line-height:65px; background:url(../images/common/ico_hamberger.png) no-repeat center center / 18px auto; } 
 .header_wrap .lnb_bg { display:none; } 
 .header_wrap .header_inner .gnb_wrapper { position:fixed; top:0; right:-100%; z-index:1001; width:100%; height:100vh; box-sizing:border-box; overflow:hidden; transition:all .3s; } 
 .header_wrap .header_inner .gnb_wrapper.active { top:0; right:0; } 
 .header_wrap .header_inner .gnb_wrapper.active:before { position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; display:block; height:100vh; background:rgba(0,0,0,0.3); content:""; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap { display: block; position:absolute; z-index:1001; top:0; left:20%; width:80%; height:100%; padding: 60px 0 0 0; background: #f4f4f4 url(../images/sub/service/bg_patten01.png) no-repeat 0 bottom; box-shadow:0 5px 14px rgba(0,0,0,0.3); box-sizing: border-box; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb { float:none; border-top: 1px solid #ddd; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb>a { width:100%; padding: 10px 20px 10px; line-height: 40px; font-size: 16px; font-weight:500; color:#222; text-align:left; /* background: #f4f4f4; */box-sizing:border-box; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap { position: relative; top: 0; left: 0; display:none; padding: 10px 0; width:100%; height:auto; box-sizing: border-box; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap .lnb_tit { display: none; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap .lnb { position: relative; margin: 0; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap .lnb>a { padding: 10px 40px 10px 20px; line-height:20px; font-size: 14px; text-align:left; background: #fff; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap .lnb:hover>a { color:#007fba; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap .lnb>a.two_row { padding:10px 40px 10px 20px; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb .lnb_wrap:hover { border-top: 2px solid #fff; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb.on > a { background: #007fba; color: #fff; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb.on .lnb_wrap { display:block; height:auto !important; padding:0 !important; } 
 .header_wrap .header_inner .gnb_wrapper .gnb_wrap .gnb.on .lnb_wrap .lnb { width: 100%; background: none; } 
 .header_wrap .header_inner .gnb_wrapper .btn_close { z-index: 10000; display:block; position:absolute; right:0; top:0; width: 60px; height: 60px; } 
 .header_wrap .header_inner .gnb_wrapper .btn_close i { display:block; position:absolute; left:50%; top:50%; margin:-13px 0 0 -12px; width:25px; height:25px; } 
 .header_wrap .header_inner .gnb_wrapper .btn_close i:before { content:''; display:block; position:absolute; left:0; top:40%; width:100%; height:2px; background:#222; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 
 .header_wrap .header_inner .gnb_wrapper .btn_close i:after { content:''; display:block; position:absolute; left:0; top:40%; width:100%; height:2px; background:#222; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } 
 .header_wrap .header_inner .hamberger { display:none; } 


 .footer_wrap .btn_top { display:none; } 
 .footer_wrap { top:0; height:auto; } 
 .footer_wrap .footer_top { width:100%; height:auto; } 
 .footer_wrap .footer_top .family_wrap { width:100%; min-width:100%; padding: 20px 30px 15px; } 
 .footer_wrap .footer_top .family_wrap .family_tit { font-size:16px; line-height: 36px; } 
 .footer_wrap .footer_top .family_wrap .foot_swiper_wrap { height:auto; } 
 .footer_wrap .footer_top .family_wrap .foot_swiper_wrap .foot_swiper_inner li { line-height:60px; } 

 .footer_wrap .footer_inner { width:100%; min-width:100%; padding:100px 30px 30px; background-position:50% 30px; text-algin:center; } 
 .footer_wrap .footer_inner dl { float:none; text-align:center; } 
 .footer_wrap .footer_inner dl dt { font-size:16px; font-weight:400; line-height:26px; } 
 .footer_wrap .footer_inner dl dd { font-size:12px; font-weight:300; line-height:24px; } 

 /* 센터소개 */
 .history_box:before,
 .history_box:after{display:none;}
 .history_box > div > .history_year_m { display: flex; } 
 .history_box > .history_2021 > .history_txt_box,
 .history_box > .history_2023 > .history_txt_box{ position: static; } 
 .history_box > .history_2020,
 .history_box > .history_2021,
 .history_box > .history_2022,
 .history_box > .history_2023,
 .history_box > .history_2024{padding: 0;background: none;justify-content: space-around;height: auto;} 
 .history_box > .history_2020 > .history_txt_box,
 .history_box > .history_2021 > .history_txt_box,
 .history_box > .history_2022 > .history_txt_box,
 .history_box > .history_2023 > .history_txt_box{ right: 0; width: 50%; } 
 .history_box > .history_line { display: none; } 
}
@media screen and (max-width: 1240px) {
 .block { display:inline-block !important; } 
 .lnb_tab { width:100%; } 
 .sub_con_area { width:100%; padding: 35px 20px; box-sizing: border-box; } 
 .sub_con_wrap .inner { width:100%; } 

 /* 탭 */
 .lnb_tab li a { font-size:16px; } 

 /* 소개 */
 .intro .ceo_wrap .ceo_txt { width: calc(100% - 350px); padding: 0 30px 0 0; box-sizing: border-box; } 
 .intro .ceo_wrap .ceo_img { width: 350px; } 
 .intro .ceo_wrap .sign { top: 350px; bottom: auto; right: 0; width: 350px; } 

 /* 인사말 */
 .greeting_box { flex-direction: column-reverse; align-items: center; } 
 .greeting_box > .greeting_left,
 .greeting_box > .greeting_right { width: 100%; } 
 .greeting_box > .greeting_left { margin-right: 0; margin-top: 11%; } 
 .greeting_box > .greeting_right { margin-top: 7.5%; } 
 .introduce .img_box { width:100%; } 
 .introduce .img_box img { width:100%; } 

 /* 센터소개 */
 .center_role > .role_title > p, .center_history > .history_title > p { font-size: 22px; }
 .history_box > .history_2020 > .history_txt_box,
 .history_box > .history_2021 > .history_txt_box,
 .history_box > .history_2022 > .history_txt_box,
 .history_box > .history_2023 > .history_txt_box { right: 0; width: 60%; } 
 .history_box > .history_2023 { margin-bottom: 0; } 

 /* 미션과 비전 */
 .mission .con_area { padding:45px 0; } 
 .mission .top { height: auto; padding-bottom: 40px; font-size:22px; line-height:32px; background-size: 100% auto; background-position: bottom right; } 
 .mission .con_area .lft_txt { float:none; width:100%; font-size: 28px; text-align:center; line-height: 38px; margin-bottom: 30px; } 
 .mission .con_area .rit_con { width:100%; } 
 .mission .con_area .list li { width:calc((100% / 3) - 15px); } 
 .mission .con_area .list02 > li { width:calc((100% / 3) - 15px); } 

 /* 교육자료실 */
 .manual_wrap { height:auto !important; } 
 .manual_wrap .manual_list { height:auto !important; } 
 .manual_wrap .manual_list li { width:calc(100% / 4); } 
 .manual_wrap.mv .manual_list li.list { background-size:320px 340px; } 
 .manual_wrap.mv .manual_list li.first { background:url(../images/sub/info/bg_manual.png)no-repeat 0 0 / 320px 340px; } 
 .manual_wrap.mv .manual_list li.last { background:url(../images/sub/info/bg_manual.png)no-repeat 0 0 / 3200px 340px; } 

 /* 조직도 */
 .organization > .organization_title > p { font-size: 22px; } 

 /* 찾아오시는길 */
 .visit .con_area { margin-top:100px; } 
 .visit .con_area .lft_txt { float:none; width:100%; margin-bottom:20px; } 
 .visit .con_area .rit_con { float:none; width:100%; } 

 /* 기관찾기 */
 .chips_wrap .chips_list { width:100%; margin:0; padding:0 50px; box-sizing:border-box; } 
 .chips_wrap .chips_list a { -webkit-tap-highlight-color: transparent; } 
 .chips_wrap .chips_list a:focus { outline:none; } 

 /* 지원서비스 */
 .service_top > .service_title_box > p { font-size: 22px; } 
 .service_bottom > .service_bottom_box > li { background-size: 80px; } 
 .service_bottom > .service_bottom_box > li > span{min-height: 120px;}
 .service_bottom > .service_bottom_box.divide04 { flex-wrap: wrap; } 
 .service_bottom > .service_bottom_box.divide04 > li { width: calc(50% - 12.5px); } 
 .service_bottom > .service_bottom_box.divide04 > li > p { width: 100%; } 
 

 /* 준비중 */
 .preparing { margin:30px 0 0; padding:30px 0; } 
 .preparing .preparing_inner { width:100%; } 

 
 .gallery_video > li { flex: 0 0 calc((100% / 3) - 16px); } 

}


@media(max-width:1200px){
    /* 20241209 KJH 센터소식 1200 */
    /* 이미지 */
    .gallery_thum_renew .photo { width: 240px; }
    /* 날짜_및_조회수 */
    .gallery_thum_renew .contents .con_info { gap: 0 0; }
}

@media screen and (max-width:1080px) {

     /* 지원서비스 */
     .service_bottom > .service_bottom_box { flex-wrap: wrap; } 
     .service_bottom > .service_bottom_box > li { width: calc(50% - 12.5px); } 
     .service_bottom > .service_bottom_box.divide02 { flex-direction: column; } 
     .service_bottom > .service_bottom_box.divide02 > li { width: 100%; } 
     .service_bottom > .service_bottom_box.divide04 > li > p { width: 100%; } 

}
@media screen and (max-width:1024px) {
 

 /* 서브 */
 .sub_visual .link_box { right: 20px; } 
 .sub_visual .link_box .link_dog a { display:block; width:120px; } 
 .sub_visual .link_box .link_dog a.close { width:14px; } 
 .sub_visual .link_box .link_dog img { width:100%; } 


 /* 탭 */
 .tab_sty02 li { width:calc(100% / 2); border: 1px solid #ddd !important; margin: -1px 0 0 -1px; } 
 .tab_sty02 li a { font-size:16px; } 


 /* 게시판 */
 .table_sty01 tr.view_top td { padding:20px 0; } 
 .table_sty01 tr.view_top td.view_tit { padding:20px 0; font-size:24px; } 
 .table_sty01 th, .table_sty01 td { padding:20px 0; } 
 .view_con .view_txt img { max-width:90%; } 

 /* 상담신청 */
 .counsel_top_info { height:auto; padding:30px 20px; } 
 .agree_wrap { margin-top: 30px; } 
 .agree_wrap .agree { max-height:250px; padding: 10px 20px; overflow-y:scroll; } 
 .agree_table th { padding:10px 0 10px 20px; font-size:16px; min-width: auto; white-space:normal; } 
 .agree_table th { padding:10px 20px 10px 20px; font-size:16px; } 
 .agree_table td.n_pt { padding-right:20px; } 
 .agree_table td.check_list .check_label { width:160px; } 
 .agree_table td.check_list .check_label:nth-child(1), .agree_table td.check_list .check_label:nth-child(7), .agree_table td.check_list .check_label:nth-child(13) { width:160px; } 
 .agree_table td.check_list .check_label:nth-child(4n+1) { width:140px; } 

 /* 지원 */
 .education .lay_con .lft_con { float:none; width:100%; } 
 .education .lay_con .rgt_con { float:none; width:100%; } 

 .health .diag_box02 .box01 .tit { padding:20px 0; font-size:18px; } 
 .health .diag_box02 .box01 p { font-size:14px; } 
 .health .diag_box02 .box02 .tit { padding:20px 0; font-size:18px; } 
 .health .diag_box02 .box02 p { font-size:14px; } 
 .health .diag_box02 .bul_dot { font-size:14px; } 
 .health .diag_box02 .box03 .tit { padding:20px 0; font-size:18px; } 
 .health .diag_box02 .box03 p { font-size:14px; } 
 .health .diag_box02 .box04 .tit { padding:20px 0; font-size:18px; } 
 .health .diag_box02 .box04 p { font-size:14px; } 



 /* 20241209 KJH 게시판_뷰페이지 이미지 수정 1024*/
 .table_sty01_new .view_con .view_txt img { height: 100% !important; max-width: 100% !important; }

}

@media screen and (max-width:970px) {
 /* 교육자료실 */
 .manual_wrap.mv { height:auto; } 
 .manual_wrap .manual_list { height:auto; } 
 .manual_wrap .manual_list li { width:calc(100% / 3); } 

 /* 찾아오시는길 */
 .visit .map_wrap #map { height:480px !important; } 
 .visit .map_wrap .map_txt_box { position:relative; bottom:0; width:100%; } 
 .visit .con_area { margin-top: 0; } 
 .visit .con_area .rit_con .rit_txt { position:relative; } 

 /* 기관찾기 */
 .input_box { padding:20px; margin-top: 0; margin-bottom: 20px; } 
 .input_box .input_inner { margin: 0 auto; width: 520px; text-align:left; } 
 .input_box .input_inner .chips_wrap .chips_list { padding:0; } 
 .input_box .input_inner .chips_wrap .chips_list li a { width:80px; height:80px; padding:0; font-size:12px; } 
 .input_box .input_inner .chips_wrap .chips_list li a:focus { background:#ddd; } 
 .input_box .input_inner + .input_inner { margin-top:10px; } 
 .input_box .input_inner .input_tit { width: 80px; font-size:14px; box-sizing: border-box; } 
 .input_box .input_inner #cate_selector { display:block; width:100%; margin-top:10px; } 
 .input_box .input_inner .input_text02 { width:calc(100% - 90px); } 
 .input_box .input_inner .input_select01 { width:calc((100% - 100px) / 2); background-position: 90% center; } 
 .input_box .input_inner .ml30 { margin:0 !important; } 
 .input_box .input_inner .btn_search02 { margin: 10px 0 0 81px; } 

    /* 20241209 KJH 센터소식 970 */
    .gallery_thum_renew li  { width: 100%; }
    /* 이미지 */
    .gallery_thum_renew .photo { width: 40%; height: auto;  }
    /* 텍스트박스 */
    .gallery_thum_renew .contents { width: 100%; }
    /* 날짜_및_조회수 */
    .gallery_thum_renew .contents .con_info { justify-content: start; gap: 0 50px; }

}
@media screen and (max-width:900px) {
 /* 조직도 */
 .orga_diag .top:before { bottom:-200px; height:200px; } 
 .orga_diag .rit { padding-right:4%; } 
 .orga_diag .rit p { width:180px; padding:10px 0; font-size:14px; } 
 .orga_diag .bott { margin-top:20px; } 
 .orga_diag .bott:before { width:360px; } 
 .orga_diag .bott ul li { width:150px; font-size:14px; margin-left:30px; } 

 /* 찾아오시는길 */
 .visit .map_wrap .map_txt_box dl dt { padding-top: 20px; margin-bottom: 15px; font-size:20px; line-height:30px; } 
 .visit .map_wrap .map_txt_box dl dd span { display:block; padding: 0 0 0 25px; margin-bottom: 10px; font-size:16px; line-height: 26px; } 
 .visit .map_wrap .map_txt_box dl dd span.tel { margin:0; } 
 .visit .map_wrap .map_txt_box dl dd span.tel:before { display:none; } 
 .visit .map_wrap .map_txt_box dl dd span.tel a { color:#fff; } 
 .visit .map_wrap .map_txt_box dl dd span.fax_icon { margin:0; } 
 .visit .map_wrap .map_txt_box dl dd span.fax_icon:before { display:none; } 
 .visit .map_wrap .map_txt_box dl dd span.fax_icon a { color:#fff; } 

 /* 협력기관 */
 .partners .partners_list li { flex:0 0 calc(100% / 3 - 15px) } 
 .partners .partners_list li a span { font-size:13px; word-break:break-all; } 


}

@media screen and (max-width:768px) {
 /*메인 */
 .visual_wrap .visual_img_wrap { position:relative; width:100%; height:400px; } 
 .visual_wrap .visual_swiper_wrap .visual_swiper li { height: 400px; } 
 .con_wrap .con_area01 .swiper_prev { left:20px; } 
 .con_wrap .con_area01 .swiper_next { right:20px; } 

 .sub_con_wrap .page_tit { padding: 70px 0; font-size: 30px; } 
 .sub_con_wrap .lnb_tab li a { padding:15px 0; font-size:16px; } 
 .sub_visual { height:200px; } 
 
 /* 타이틀 */
 .bar_tit { margin-bottom:30px; } 
 .bar_tit span { font-size:22px; } 

 .sub_visual .link_box { right: 20px; } 
 .sub_visual .link_box .link_dog a { display:block; width:80px; } 
 .sub_visual .link_box .link_dog a.close { width:14px; } 
 .sub_visual .link_box .link_dog img { width:100%; } 

 .lnb_tab_wrap { position:relative; height: 50px; margin:0 20px; margin-top: -35px; border: 0; overflow: hidden; transition: all .3s; } 
 .lnb_tab_wrap .tit { display:block; position:relative; width:100%; height: 50px; padding: 5px 20px; border:0; background: linear-gradient( 90deg, #0883b2, #00acf2 , #d5de04); outline:none; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color:#fff; cursor: pointer; appearance:none; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; box-sizing: border-box; } 
 .lnb_tab_wrap .tit:before { position:absolute; top:50%; right:20px; transform: rotate(-90deg); display: block; margin-top: -16px; width: 32px; height:32px; background:url(../images/sub/ico_next_on.png) no-repeat 0 0; content:''; transition: transform .3s; } 
 .lnb_tab_wrap .lnb_tab { display:block; width: 100%; height: 50px; border-bottom: 0; border-top: 0; box-sizing: border-box; border: 1px solid #e7e7e7; background: #f2f2f2; } 
 .lnb_tab_wrap.active { margin: 0; height:auto; overflow:inherit; } 
 .lnb_tab_wrap.active .lnb_tab { position: absolute; z-index: 10; height:auto; box-shadow: 5px 0px 10px rgb(0 0 0 / 5%); } 
 .lnb_tab_wrap.active .tit:before { transform: rotate(90deg); } 
 .lnb_tab_wrap .lnb_tab li.on a { color: #333; background: #fff; } 
 .lnb_tab_wrap .lnb_tab li { border-bottom: 1px solid #e7e7e7; } 
 .lnb_tab_wrap .lnb_tab li a { position:relative; padding: 10px 20px; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #333; } 


 /* 탭 */
 .tab_sty01 { display:block; margin-bottom: 20px; *zoom:1; } 
 .tab_sty01:after { content:""; clear:both; display:block; } 
 .tab_sty01 li { float:left; width:50%; height:45px; border:1px solid #ddd; margin:-1px 0 0 -1px; } 
 .tab_sty01 li a { font-size:16px; line-height: 45px; } 
 .tab_sty01 li.on { border:1px solid #ddd; } 
 /* .tab_sty01 li.on:before { top:5px; left:auto; right:10px; margin-left:-7px; width:15px; height:15px; background-size:15px auto; }  */
 .tab_sty01 li.on:before { top:50%; bottom: auto; margin-top: -8.5px; left:auto; right:10px; margin-left:-7px; width:15px; height:15px; background-size:15px auto; } 

 .tab_sty02 li { width:calc(100% / 2); } 
 .tab_sty02 li a { font-size:16px; } 


 .tab_sty03 li { width:calc(100% / 2); } 
 .tab_sty03 li a { font-size:16px; } 


 /* 소개 */

 .intro .ceo_wrap .ceo_txt { width:calc(100% - 250px); } 
 .intro .ceo_wrap .ceo_txt dl dt { font-size:22px; line-height:32px; } 
 .intro .ceo_wrap .ceo_img { width:250px; } 
 .intro .ceo_wrap .ceo_img img { width:250px; } 
 .intro .ceo_wrap .sign { top:300px; width:250px; padding:20px 30px; word-break:keep-all; } 

 /* 미션과 비전 */
 .mission .top { font-size:22px; line-height:32px; } 
 .mission .con_area .list02 > li { width:100%; height:auto; margin: 0 0 30px 0; } 
 .mission .con_area .lft_txt { font-size:24px; } 
 .mission .con_area .rit_con { background-size: 250px auto; } 
 .mission .con_area .list02 li dl dt { padding: 15px 0 0 0; height: 85px; font-size: 18px; } 
 .mission .con_area .list02 li dl dd.ico_center { top: 55px; width:80px; height:80px; background-size: 40px auto !important; } 
 .mission .con_area .list02 li dl dd .bul_sty02 { padding:55px 20px 20px 20px; } 

 /* 조직도 */
 .organize_bott .lft_area { width:100%; } 
 .organize_bott .open_info { width:100%; } 
 .organize_bott .kakao_ch img { width:100%; } 
 .organize_bott .lft_area dl dt { float:left; display:block; width:150px; line-height:65px; } 
 .organize_bott .lft_area dl dd { float:left; display:block; line-height:65px; font-size: 28px; } 
 .organize_bott .lft_area dl { padding-left:80px; margin-bottom:10px; border: 1px solid #ddd; border-radius: 10px; background: #f5f5f5; } 
 .organize_bott .lft_area dl:before { left:10px; } 
 .organize_bott .lft_area dl:first-child { margin-bottom:10px; } 


 /* 찾아오시는길 */
 .visit { padding:0; } 
 .visit .map_wrap { height: auto; padding-bottom: 30px; } 
 .visit .map_wrap #map { height: 240px !important; } 
 .visit .map_wrap .map_txt_box { height: auto; } 
 .visit .map_wrap .map_txt_box dl { padding:20px; } 
 .visit .map_wrap .map_txt_box dl dt { padding:0; } 
 .visit .map_wrap .map_txt_box dl dd span { background-position:0 5px; font-size:14px; line-height:24px; } 

 .visit .con_area .lft_txt { font-size:24px; line-height:34px; margin-bottom:20px; } 
 .visit .con_area .rit_con .lft_ico { float:none; width:100%; } 
 .visit .con_area .rit_con .rit_txt { float:none; width: 100%; padding:0; } 
 .visit .con_area .rit_con ul:first-child { margin-bottom:30px; } 
 .visit .con_area .rit_con .bus_step { margin: 10px 0 0; } 
 .visit .con_area .rit_con .bus_step:before { display:none; } 
 .visit .con_area .rit_con .bus_step dl { position:relative; float:none; padding:0 0 30px 20px; } 
 .visit .con_area .rit_con .bus_step dl:before { position:absolute; top:12px; left:5px; display:block; width:1px; height:100%; border-left:3px dotted #ddd; content:""; } 
 .visit .con_area .rit_con .bus_step dl:last-child:before { display:none; } 
 .visit .con_area .rit_con .bus_step dl dt { float:left; width: 120px; height: auto; font-size:18px; font-weight:700; line-height: 24px; word-break: keep-all; } 
 .visit .con_area .rit_con .bus_step dl dd { float:left; width: calc(100% - 120px); } 
 .visit .con_area .rit_con .bus_step strong { display:inline-block; width:38px; height:20px; margin-right:7px; box-sizing:border-box; border-radius:5px; font-size:16px; line-height:20px; text-align:center; } 
 .visit .con_area .rit_con .bus_step strong.col01 { color:#fff; background:#0b306d; } 
 .visit .con_area .rit_con .bus_step strong.col02 { color:#fff; background:#44a532; } 
 .visit .con_area .rit_con .bus_step dl.step01 { width:auto; } 
 .visit .con_area .rit_con .bus_step dl.step01 dt:before { position:absolute; top: 7px; left: 2px; width:10px; height:10px; margin: 0; border-radius:10px; background:#de4552; content:""; } 
 .visit .con_area .rit_con .bus_step dl.step01 dt { color:#de4552 } 
 .visit .con_area .rit_con .bus_step dl.step02 dt:before { position:absolute; top: 7px; left: 2px; width:10px; height:10px; margin: 0; border-radius:10px; background:#0b306d; content:""; } 
 .visit .con_area .rit_con .bus_step dl.step02 dt:after { position:absolute; top: 26px; left: 2px; width:10px; height:10px; margin: 0; border-radius:10px; background:#44a532; content:""; } 
 .visit .con_area .rit_con .bus_step dl.step03 { float:none; } 
 .visit .con_area .rit_con .bus_step dl.step03 dt { color:#0b306d; } 
 .visit .con_area .rit_con .bus_step dl.step03 dt:before { position:absolute; top: 7px; left: 2px; width:10px; height:10px; border-radius:10px; background:#333; content:""; } 

 /*서비스 */
 .service_top > .service_txt_box > p { font-size: 14px; } 
 .service_top > .service_txt_box > p br { display: none; } 
 .service_top > .service_img_box { background-size: cover; height: 200px; } 
 
 
 .service_bottom > .service_bottom_box > li { background-size: 100px; justify-content: center; background-size: 80px; } 
 /* .service_bottom > .service_bottom_box.divide02 > li { justify-content: flex-end; background-position-x: 12%; }  */
 .service_bottom > .service_bottom_box.divide02 > li > p,
 .service_bottom > .service_bottom_box.divide03 > li > p { width: 100%; } 
 .service_bottom > .service_bottom_box.divide03 > li,
 .service_bottom > .service_bottom_box.divide04 > li { justify-content: flex-end; } 
 .sub_con_area > .service_bottom > .service_bottom_box > li > p { font-size: 14px; } 
 .service_bottom > .service_title_box > p { font-size: 16px; } 

 /* 게시판 */
 .table_sty01 th, .table_sty01 td { padding:15px 0; text-align:center; } 
 .table_sty01 .number { font-size:14px; } 
 .table_sty01 .txt a { font-size:16px; } 
 .table_sty01 .date { font-size:12px; } 

 /* 교육자료실 */
 .manual_wrap { height:auto !important; } 
 .manual_wrap .manual_list { height:auto !important; padding:20px 40px; } 
 .manual_wrap .manual_list li { width:calc(100% / 2); height:460px; padding:40px 0 0; } 
 .manual_wrap .manual_list li dl dd { width:100%; height:50px; margin:40px 0 10px; font-size:16px; } 
 .manual_wrap .manual_list li.list { background-size:100% 510px; } 
 .manual_wrap .manual_list li.list.first { background-size:100% 510px; } 

 .manual_wrap.mv .manual_list li { width:calc(100% / 2); height:300px; padding:40px 0 0; } 
 .manual_wrap.mv .manual_list li dl dd { width:100%; height:50px; margin:40px 0 10px; font-size:16px; } 
 .manual_wrap.mv .manual_list li dl dd span { font-size:12px; } 
 .manual_wrap.mv .manual_list li.list { background-size:100% 270px; } 

 /* 상담신청 */
 .counsel_top_info { height:auto; padding: 25px; } 
 .counsel_top_info .counsel_bul { padding: 120px 0 0 0; } 
 .counsel_top_info .counsel_bul:before { top:0; left:50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); width: 100px; height: 100px; } 
 .counsel_top_info .counsel_bul li span.phone { display:block; margin: 0; } 
 .counsel_top_info .counsel_bul li span.phone:after { display: none; } 
 .counsel_top_info .counsel_bul li span.phone a { color:#333; } 
 .counsel_top_info .counsel_bul li span.mail { display:block; padding:0 0 0 20px; background-position: 0 center; } 
 .counsel_top_info .counsel_bul li span.fax { display: block; padding: 0 0 0 20px; background-position: 0 center; } 
 .counsel_top_info .counsel_bul li span.mail:before { display:none; } 

 .agree_check_wrap .agree_check .agree_txt { font-size:18px; } 
 .agree_wrap .agree strong { font-size:16px; } 
 .agree_table col { width:20% !important; } 
 .agree_table col + col { width:80% !important; } 
 .agree_table td.check_list .check_label { width:140px; } 
 .agree_table td.check_list .check_label:nth-child(1), .agree_table td.check_list .check_label:nth-child(7), .agree_table td.check_list .check_label:nth-child(13) { width:140px; } 
 .agree_table .check_tit { width:100px; } 
 .agree_table dd.check_con { width:calc(100% - 120px); } 
 .agree_table td { padding:10px 20px 10px 20px; } 
 .agree_table .check_label span.check_txt, .agree_table .check_label02 span.check_txt { line-height:24px; } 
 .agree_table input[type="text"].text_sty01 { width:100%; padding:0; } 
 .agree_table #file_name { width:calc(100% - 128px); } 
 .agree_table .size_s { width:28% !important; } 


 /* 기관찾기 */
 .search_table_wrap { display:block; } 
 .search_table_wrap .table_sty01 { float:none; flex:none; width:100%; } 
 .search_table_wrap .map_area { float:none; flex:none; width:100%; height:350px; } 

 /* 게시판 - 썸네일 리스트 */
 .gallery_thum > li { gap:20px; padding: 24px 0 12px; margin-bottom: 24px; } 
 .gallery_thum .con_tit .tit { font-size:18px; } 
 .gallery_thum .con_tit .dec { margin-top:12px; } 
 .gallery_thum .con_info { padding: 12px 0 0; } 

 /* 게시판 - 썸네일 동영상 리스트 */
 .gallery_video { gap:24px; } 
 .gallery_video > li { flex: 0 0 calc((100% / 2) - 12px); } 
 .gallery_video .video:before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35) url(../images/sub/ico_video.png)no-repeat center center; content: ""; z-index: 1; } 

 /* 협력기관 */
 .partners .partners_list li { flex:0 0 calc(100% / 2 - 15px); } 

     /* 20241209 KJH 센터소식 768 */
     .gallery_thum_renew > li { padding: 0 0; margin-bottom: 0;  }

     .table_sty01 .table_view { font-size: 12px; }

}
@media screen and (max-width:667px) {

 .visual_wrap .visual_img_wrap { position:relative; width:100%; height:200px; } 
 .visual_wrap .visual_swiper_wrap .visual_swiper li { height:200px; } 
 .visual_wrap .visual_swiper_wrap .swiper_btn_wrap { position:absolute; width:100%; top: 170px; left: 0; } 
 .visual_wrap .visual_swiper_wrap .swiper_btn_wrap .swiper_pagination_wrap { top: auto; left: auto; } 
 .visual_wrap .visual_swiper_wrap .swiper_btn_wrap .swiper_btn { position: relative; top: auto; left: 0; margin: 0 auto; display: none; } 
 .visual_wrap .visual_swiper_wrap .swiper_btn_wrap .swiper-pagination { font-size: 15px; bottom: auto; left: auto; } 
 .visual_wrap .visual_con_wrap { position:relative; height:auto; padding:20px 0; } 
 .visual_wrap .visual_con_wrap .visual_con_area { width:100%; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap { position:relative; top:0; right: auto; width: 100%; padding: 0; margin: 0; box-sizing: border-box; transform: translateY(0); } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li { float:left; width:calc(100% / 4); margin:0; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li + li { margin:0; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li a { height: auto; padding:50px 0 0 0; line-height:20px; text-align:center; font-size:14px; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick01 a { background:url(../images/main/ico_quick01_on.png)no-repeat center 0; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick02 a { background:url(../images/main/ico_quick02_on.png)no-repeat center 0; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick03 a { background:url(../images/main/ico_quick03_on.png)no-repeat center 0; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick04 a { background:url(../images/main/ico_quick04_on.png)no-repeat center 0; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick01 a:hover { background:url(../images/main/ico_quick01_on.png)no-repeat center 0; color:#007fba; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick02 a:hover { background:url(../images/main/ico_quick02_on.png)no-repeat center 0; color:#007fba; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick03 a:hover { background:url(../images/main/ico_quick03_on.png)no-repeat center 0; color:#007fba; } 
 .visual_wrap .visual_con_wrap .visual_con_area .quick_wrap li.quick04 a:hover { background:url(../images/main/ico_quick04_on.png)no-repeat center 0; color:#007fba; } 


 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap { position:absolute; top:-100px; left:auto; right:20px; width:auto; height: 100%; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog01 > a:first-child { width:80px; height: auto; background:none; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog01 > a:first-child:before { display:none; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog01 > a img { width:100%; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog02 > a:first-child { width:63px; height: auto; background:none; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog02 > a:first-child:before { display:none; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog02 > a img { width:100%; } 
 .visual_wrap .visual_con_wrap .visual_con_area .link_wrap .link li.dog02 { margin:0 0 0 10px; } 

 .con_wrap .con_area { width:100%; min-width:100%; padding: 0; } 
 .con_area .rit_section { position: relative; width: 100%; height: auto; padding: 20px 0 0; background: #007fba url(../images/main/bg_map.png) no-repeat 50% 50%; } 
 .con_area .rit_section .stats_tit { padding:0 30px; font-size:18px; font-weight:700; color: #fff; } 
 .con_area .rit_section .lft_con { float:none; width:100%; border:0; padding: 0px 20px 0; } 
 .con_area .rit_section .lft_con .stats { padding: 50px 0 0 0; } 
 .con_area .rit_section .lft_con .stats ul li { padding:0; } 
 .con_area .rit_section .lft_con .stats ul li dl { float:none; width: 90%; margin: 0 auto 10px; padding:0px 0; } 
 .con_area .rit_section .lft_con .stats ul li dl:nth-child(4n + 1) { margin: 0 auto 10px; } 
 .con_area .rit_section .lft_con .stats ul li dl dt { float:left; line-height: 30px; } 
 .con_area .rit_section .lft_con .stats ul li dl dt span { font-size:12px; } 
 .con_area .rit_section .lft_con .stats ul li dl dt:before { top:0px; } 
 .con_area .rit_section .lft_con .stats ul li dl dd { font-size:15px; line-height: 30px; } 
 .con_area .rit_section .lft_con .stats ul li dl dd span { font-size:15px; } 
 .con_area .rit_section .lft_con .stats .swiper_pagination_wrap { top: 15px; right: 70px; } 
 .con_area .rit_section .lft_con .stats .swiper_pagination_wrap .swiper-pagination { font-size:13px; color: #fff; } 
 .con_area .rit_section .lft_con .stats .swiper_btn_wrap .swiper_btn { top: 8px; right: 0; } 
 .con_area .rit_section .rit_con { float:none; width:100%; padding: 0 20px; background: none; } 
 .con_area .rit_section .rit_con .map_wrap { width:100%; height:auto; padding: 0px 0 60px 0; } 
 .con_area .rit_section .rit_con .map_search_txt { left: 0; bottom: 0; text-align:left; background: #c3d60b; padding: 0 30px; box-sizing: border-box; } 
 .con_area .rit_section .rit_con .map_search_txt a { padding:0; } 
 .con_area .rit_section .rit_con .map_search_txt a span { font-size:15px; color: #222; padding-left: 40px; } 
 .con_area .rit_section .rit_con .map_search_txt a span:before { top: -5px; width: 30px; height: 30px; border-radius: 30px; border: 1px solid #007fba; background-position: center center; background-size: 15px; background-color: #0096cf; } 
 .con_area .rit_section .rit_con .map_search_txt:after { bottom: 0px; right: 10px; width: 150px; height: 121px; background-size: 150px auto; } 
 .con_area .rit_section .rit_con .map_wrap .center_map { width:100%; height:auto; } 
 .con_area .rit_section .rit_con .map_wrap .center_map svg { width:100% !important; height:auto; } 

 .sub_con_wrap { padding:0 0 50px 0; } 
 .sub_con_wrap .inner { width:100%; } 
 .sub_con_wrap .sub_con_area { width:100%; padding: 25px 20px; } 

 .sub_con_wrap .sub_visual { height:200px; } 
 .sub_con_wrap .page_tit { font-size:32px; padding: 70px 0; } 
 .sub_con_wrap .con_area { margin-top: 0; margin-bottom:30px; } 
 .sub_con_wrap .con_area .con_tit { font-size:20px; line-height:28px; margin-bottom:20px; word-break:keep-all; } 

 /* 탭 */
 .tab_sty01 li { height:45px; } 
 .tab_sty01 li a { font-size:14px; line-height: 45px; } 
 .tab_sty01 li.on:before { margin-left:-7px; width:15px; height:15px; background-size:15px auto; } 
 .tab_sty02 li:nth-child(3n+1) { border:1px solid #ddd; } 
 .tab_sty02 li { width:calc(100% / 1); margin:-1px 0 0; height:45px; border:1px solid #ddd; } 
 .tab_sty02 li a { font-size:14px; line-height:45px; } 
 .tab_sty02 li.on a { line-height:35px; } 
 .tab_sty02 li.on a span { padding-right:25px; } 
 .tab_sty02 li.on a span:after { width:15px; height:15px; background-size:15px auto; } 
 .tab_sty02 li:nth-child(-n+3) { border:1px solid #ddd; } 

 .service02 .tab_sty02 li { width:calc(100% / 1); margin:-1px 0 0; height:45px; border:1px solid #ddd; } 
 .service02 .tab_sty02 li:nth-child(-n+3) { border:1px solid #ddd; } 

 .tab_sty03 { padding-bottom:30px; border:1px solid #ddd; } 
 .tab_sty03 li { width:calc(100% / 1); margin:-1px 0 0; height:45px; border:1px solid #ddd; float:none; } 
 ..tab_sty03 li:nth-child(-n+4) { border:1px solid #ddd; } 
 .tab_sty03 li.on a { line-height:40px } 
 .tab_sty03 li a { line-height:40px } 

 /* 블릿 */
 .bul_sty01 > li { padding-left:26px; font-size:14px; line-height:18px; text-align:left; } 
 .bul_sty02 > li { padding-left:26px; font-size:14px; line-height:18px; text-align:left; } 
 .bul_sty02 > li:before { top:7px; left:0; width:18px; height:18px; background-size:100% auto !important; } 

 /* 테이블 */
 .table_sty03 { } 
 .table_sty03 thead th { padding:10px 0; font-size:12px; line-height:20px; } 
 .table_sty03 tbody td { padding:10px 0; font-size:12px; line-height:20px; } 
 .table_sty03 tbody td.t_lft { padding-left:10px; } 

 /* 소개 */    
 .intro .ceo_wrap { padding: 0 0px; } 
 .intro .ceo_wrap .ceo_txt { float:none; width: 100%; padding: 0; } 
 .intro .ceo_wrap .ceo_txt dl dt { font-size:18px; line-height:28px; } 
 .intro .ceo_wrap .ceo_txt dl dd { padding:20px 0 0 0; font-size:14px; line-height:24px; } 
 .intro .ceo_wrap .ceo_img { float:none; margin: 20px auto; } 
 .intro .ceo_wrap .ceo_img img { width:100%; } 
 .intro .ceo_wrap .sign { top: auto; bottom: -50px; right:0; left: 50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); width:200px; padding:20px; } 
 .intro .ceo_wrap .sign dl dt { font-size:16px; } 
 .intro .ceo_wrap .sign dl dd { float:none; padding:10px 0; text-align:center; } 

 /* 센터소개 */
 .history_box > .history_2020,
 .history_box > .history_2021,
 .history_box > .history_2022,
 .history_box > .history_2023,
 .history_box > .history_2024{ display: flex; align-items: center; flex-direction: column; } 
 .history_box > .history_2020,
 .history_box > .history_2021,
 .history_box > .history_2022,
 .history_box > .history_2023,
 .history_box > .history_2024{ height: initial; } 
 .history_txt_box > li { gap: 20px; align-items: baseline;} 
 .history_box > .history_2020 > .history_txt_box,
 .history_box > .history_2021 > .history_txt_box,
 .history_box > .history_2022 > .history_txt_box,
 .history_box > .history_2023 > .history_txt_box ,
 .history_box > .history_2024 > .history_txt_box{ width: 90%; padding-top: 10%; } 
 .history_box > div > .history_txt_box > li > p { font-size: 14px; } 
 .history_2020 > .history_txt_box > li > span,
 .history_2021 > .history_txt_box > li > span,
 .history_2022 > .history_txt_box > li > span { font-size: 20px; } 

 /* 미션 */
 .mission { padding: 30px 0px; } 
 .mission .top { font-size:16px; line-height:26px; } 
 .mission .con_area .rit_txt_box { height:80px; padding:21px 0; font-size: 16px; line-height:28px; } 
 .mission .con_area .list li { padding:25px 0; font-size:16px; } 
 .mission .con_area .list li span { font-size:10px; } 
 .mission .con_area .list02>li:before { display:none; } 
 .mission .con_area .list02 li dl dd .bul_sty02 li { font-size:14px; } 

 /* 조직도 */
 .orga_diag .top:before { bottom:-130px; height:130px; } 
 .orga_diag .top p { width:180px; font-size:14px; } 
 .orga_diag .rit { padding-right:10px; } 
 .orga_diag .rit p { width:140px; padding:10px 0; font-size:12px; } 
 .orga_diag .bott { margin-top:20px; } 
 .orga_diag .bott:before { width:220px; } 
 .orga_diag .bott ul li { width:100px; font-size:14px; margin-left:10px; } 

 /* 지원 */
 .service_top > .service_img_box > img { height: 224px; } 
 .service_top > .service_txt_box { position: static; padding: 22px 25px; margin-top: 45px; } 
 .sub_con_wrap .sub_con_area { width: 100%; padding: 25px 20px; } 
 .service_bottom > .service_bottom_box.divide03 > li { width: 100%; } 
 .service_bottom > .service_bottom_box > li > p { padding-left: 0; } 
 .service_bottom > .service_bottom_box.divide04 > li { width: 100%; } 
 .service_bottom > .service_bottom_box.divide02 > li > p { width: 100%; word-break: keep-all; } 
 .service_bottom > .service_bottom_box.divide03 > li > p { width: 100%; word-break: keep-all; } 
 .service_bottom { margin-top: 40px; } 

 .service_top.maternal_top .counsel_link{position:relative;text-align:right;top:0;right: auto; margin-top:20px;}


 .contact_box { padding:20px; } 
 .contact_box .position { display:block; } 

 .notice_box { padding:10px 20px; } 
 .notice_box p { font-size:14px; line-height:24px; } 

 .notice_box02 { padding:10px 10px; margin: 10px; } 
 .notice_box02 .tit { font-size:14px; line-height:24px; } 
 .notice_box02 .dec { font-size:14px; line-height:24px; } 
 .notice_box02 .info { font-size:14px; line-height:24px; } 

 .notice_box03 .dec { font-size:14px; line-height:24px; } 
 .notice_box03 .dec span { width:50px; } 
 .notice_box03 .dec em { width:calc(100% - 50px) } 


 /* 상단신청 */
 .counsel_top_info .counsel_bul li { font-size:16px; line-height:26px; } 
 .counsel_top_info .counsel_bul li + li { margin-top:10px; } 

 .agree_wrap .agree { padding:10px 35px; } 
 .agree_table { margin-top:10px; } 
 .agree_table col { width:30% !important; } 
 .agree_table col + col { width:70% !important; } 
 .agree_table td.n_pt { padding:0; } 
 .agree_table dl { display:block; } 
 .agree_table .check_tit { flex:none; float:none; width:100%; } 
 .agree_table .check_tit span { top:auto; margin:0; } 
 .agree_table dd.check_con { width:100%; float:none; } 

 .agree_table #file_name { width:100%; } 
 .agree_table .size_s { width:26% !important; } 
 .agree_table .btn_file { margin:5px 0; width:100%; box-sizing:border-box; } 
 .agree_table .ex_txt { margin:0; font-size:12px; line-height:24px; } 



 /* 게시판 */
 .top_search { height:auto; margin: 0px 0 20px 0 !important; } 
 .top_search .total { float:none; padding:0px; margin: 0 0 10px 0; font-size:12px; } 
 .top_search .search { float:none; width:100%; } 
 .top_search .search input[type='text'] { width:calc(100% - 60px); } 

 .table_sty01 th, .table_sty01 td { padding: 10px 0; text-align:center; } 
 .table_sty01 tr.view_top td { padding:20px 0; } 
 .table_sty01 .noti span { font-size:14px; font-weight:700; } 
 .table_sty01 tr.view_top td.view_tit { font-size:14px; } 
 .view_con .view_txt { font-size:14px !important; } 
 .view_con .view_txt img { max-width:90%; } 
 .table_sty01 .number { font-size:12px; } 
 .table_sty01 .txt a { font-size:14px; } 
 .table_sty01 .date { font-size:10px; } 
 .table_sty01 .lft { padding:20px 10px; } 
 .view_con .file .file_txt { font-size:0; margin:0; } 
 .view_con .file .file_name { width:calc(100% - 50px); font-size:14px; line-height:30px; } 



 /* 기관찾기 */
 .input_box .input_inner { width:100%; text-align:left; } 
 .input_box .input_inner .input_select01 { padding:0 20px 0 10px; font-size:14px; } 
 .input_box .input_inner .input_text02 { padding:0 0 0 10px; font-size:14px; } 
 .input_box .input_inner .input_text02::placeholder { font-size:14px; } 
 .input_box .input_inner .btn_search02 { padding:0; font-size:14px; } 
 .input_box .input_inner .btn_search02 span { padding:0; background:none; } 
 .search_table_wrap .table_sty01.table_50 td.name span { font-size: 12px; } 
 .search_table_wrap .table_sty01 .tell { font-size:14px; } 
 .search_table_wrap .table_sty01 .home a { width:35px; height:35px; background-size:35px auto; } 

 /* 교육자료실 */
 .manual_wrap.mv { height:auto; } 
 .manual_wrap .manual_list { height:auto; padding:20px; } 
 .manual_wrap .manual_list li { width:100% !important; } 


 /* 준비중 */
 .preparing { margin:30px 0 0; padding:30px 0; } 
 .preparing .preparing_inner { width:100%; } 
 .preparing dl { padding:20px } 
 .preparing dl dt { padding:0 0 20px 0; font-size:18px; line-height:24px; } 
 .preparing dl dt strong { font-size:18px; line-height:24px; } 
 .preparing dl dd { font-size:14px; line-height:20px; } 

 .n_list .n_list_txt { font-size:18px; line-height:24px; } 
 .n_list .n_list_txt strong { font-size:18px; line-height:24px; } 


 /* 게시판 - 썸네일 */
 .gallery_thum > li { display:block } 
 .gallery_thum .contents {width:100%;  margin-top:20px; padding:60px 0 0; } 
 .gallery_thum .contents a[class^='btn'] { width:100%; } 
 .gallery_thum .contents .con_tit .tit a { font-size:16px; word-break:keep-all; } 
 .gallery_thum .contents .con_tit .dec {height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 

 /* 게시판 - 썸네일 : 공지사항*/
 .gallery_thum.notice > li { margin-bottom:0; padding:12px; } 
 .gallery_thum.notice .photo { display:none; } 
 .gallery_thum.notice .contents { padding-top:0; margin-top:0; } 

    /* 20241209 KJH 센터소식 667 */
    .gallery_thum_renew { gap: 15px 0; padding-top: 15px; }
    .gallery_thum.notice > li { border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; gap: 0 0; align-items: center; justify-content: space-between; padding: 10px 5px; }
 
    /* 게시물번호 */
    .gallery_thum_num { position: static; overflow: unset; width: 10%; font-size: 16px; height: auto; line-height: 32px; font-weight: 600; } 
 
    /* 텍스트박스 */
    .gallery_thum.notice .contents { width: 85%; padding: 0 0; gap: 15px 0; }
    /* 타이틀 */
    .notice_list .contents .con_tit .tit { line-height: 1.2; }
    .gallery_thum_renew .contents .con_tit .tit a { display: block; word-break: break-all; font-size: 16px; }
    /* 날짜_및_조회수 */
    .gallery_thum_renew .contents .con_info { padding: 0 0; margin: 0 0; }

    /* 20241209 KJH 센터소식_뷰페이지 */
    /* 최상단_타이틀_영역 */
    .view_top_list { padding: 20px 20px; }

    /* 공지 */
    .view_top_list .noti { width: 100%; text-align: center; }
    .view_top_list .noti span { width: 40%; height: 30px; line-height: 30px; }
    
    /* 타이틀 */
    .view_top_list .view_tit  { width: 100%; font-size: 22px; word-break: keep-all; }
    .view_top_list:has(.noti:not(:empty)) .view_tit { width: 100%; }

    /* 내용영역 */
    .table_sty01_new .view_con { padding: 20px 20px 40px; }
    .table_sty01_new .view_con .view_txt { padding: 0 0 20px; }
    .table_sty01_new .view_con .view_btn { margin: 20px 0 0; }


    .table_list_sty01 .txt { padding-left: 5px !important; padding-right: 0; }
    .table_list_sty01 .date { white-space: nowrap; }

/* 20241210 KJH 교육자료실 탭부분 667 */
.tab_sty03_op { border: 0; padding-bottom: 50px; }
.tab_sty03_op li:first-of-type { border-top: 1px solid #ddd; }
}

@media screen and (max-width: 700px) {
 /* 인사말 */
 .greeting_txt_box > .greeting_txt02 > br,
 .greeting_txt_box > .greeting_txt03 > br,
 .greeting_txt_box > .greeting_txt04 > br { display: none; } 
 .greeting_box > .greeting_right { background: none; } 

 /* 서비스 */
 .service_top.support_top{ padding-bottom: 50px; }

 }

@media screen and (max-width: 667px) {
 /* 인사말 */
 .sub_con_wrap .sub_con_area { width: 100%; padding: 25px 20px; } 
 .greeting_box > .greeting_right { padding-bottom: 40px; } 
 .greeting_left > .greeting_txt_box > p,
 .greeting_txt_box > .greeting_txt06 > p { font-size: 14px; } 
 .greeting_txt_box > .greeting_txt06 > span { font-size: 18px; } 
 .greeting_left > .greeting_txt_box > .greeting_txt01 { font-size: 24px; word-break: keep-all; } 
 .greeting_img { text-align: center; } 
 .greeting_img > img { width: 70%; } 
 .greeting_txt_box > .greeting_txt06 { flex-wrap: wrap; justify-content: center; padding-top: 45px; } 
 .greeting_txt_box > .greeting_txt06 > img { width: 125px; } 
}
 
@media screen and (max-width:568px) {


 /* 조직도 */
 .organize_bott { padding:10px; } 
 .organize_bott .lft_area dl { padding-left: 45px; } 
 .organize_bott .lft_area dl:before { width:30px; background-size: 25px auto; } 
 .organize_bott .lft_area dl dt { width:auto; font-size:14px; } 
 .organize_bott .lft_area dl dd { font-size:18px; margin-left: 10px; } 
 .input_box .input_inner .chips_wrap .chips_list { flex-wrap:wrap; text-align: center; justify-content: center; } 

 /* 게시판 - 썸네일 동영상 리스트 */
 .gallery_video { gap:24px; } 
 .gallery_video > li { flex:0 0 100%; } 
 .gallery_video .contents .con_tit .tit { font-size:16px; height:28px; } 
}
@media screen and (max-width:475px) {
 /* 서비스 */
 .service_bottom > .service_bottom_box > li { background-size: 70px; }
 .service_bottom > .service_bottom_box.divide02 > li > p br{ display : block; } 
 .service_bottom > .service_bottom_box.divide02 > li > p { width: 54%; } 
}

@media screen and (max-width:470px) {
 /* 인사말 */
 .greeting_txt_box > .greeting_txt06 > img { margin-top: 15px; } 
 
 .footer_wrap .footer_inner dl dt span { display: block; } 

 }

@media screen and (max-width:390px) { /* 센터소개 */
 .history_box > .history_2020 > .history_txt_box,
 .history_box > .history_2021 > .history_txt_box,
 .history_box > .history_2022 > .history_txt_box,
 .history_box > .history_2023 > .history_txt_box,
 .history_box > .history_2024 > .history_txt_box{ width: 100%; } 
 }

@media screen and (max-width:320px) {
 /*찾아오시는길 */
 .visit .map_wrap .map_txt_box dl dt { font-size:16px; line-height:26px; } 

 /* 조직도 */
 .orga_diag .top:before { bottom:-165px; height:165px; } 
 .orga_diag .rit p { width:100px; font-size:12px; } 
 .orga_diag .bott:before { width:170px; } 
 .orga_diag .bott ul li { width:80px; margin-left:5px; } 

 .counsel_wrap .btn_area { } 
 .counsel_wrap .btn_sty01 { width:100%; } 
 .counsel_wrap .btn_sty02 { width:100%; } 

 .search_table_wrap .table_sty01.table_50 td.name span { font-size:12px; } 
 .search_table_wrap .table_sty01 .tell { font-size:12px; } 

 .paging_wrap .paging .num { margin:0; } 

}
/* 20240510 KJH 참여-상담신청 */
@media screen and (max-width: 768px) {
     .agree_table_op .check_tit { padding: 10px 0 10px 10px; }
     .agree_table_op td.n_pt { max-width: 550px; }
 }
@media screen and (max-width: 667px) {
     .agree_table_op td.n_pt { max-width: 240px; }
     .agree_table_op dl { display: flex; flex-direction: column;  }
     .agree_table_op dd.check_con { display: flex; flex-wrap: wrap; align-items: center; }
     .agree_table_op .check_label02 span.radio_txt02 { width: 100%; display: inline-block; }
     .agree_table_op .check_label span.check_txt { width: 100%; word-break: keep-all; }
     .agree_table_op .check_label02 span.check_txt { word-break: keep-all; }
 }
 
 @media screen and (max-width: 630px) {
     .agree_table_op dd.check_con em { padding-left: 10px;}
     .agree_table_op .agree_table_dl_op .check_label02:nth-of-type(1) { width: 100%;}
     .agree_table_op .agree_table_dl_op .check_label02:nth-of-type(4) { padding-left: 15px; }
     .agree_table_op .agree_table_dl_op .check_label02:nth-of-type(5) { width: 100%;}
     .btn_mt20 { transition: none; }
 }
 @media screen and (max-width: 511px) {
    .btn_mt20 { margin-top: 20px; }
}