@charset "utf-8";
/* CSS Document */
.PHONE{display:none;}
@media screen and (max-width:1680px){	
body{ font-size:15px;}

}

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

}

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

}

@media screen and (max-width:1280px){	
body{ font-size:14px;}

}

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

}

@media screen and (max-width:1024px){
/* header */
#header .gnb_wrap{display: none;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex: 1 1 47.33%; max-width: 47.33%;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-child(2){border: none;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-child(4){border: none;}

/* main */
#main_notice .wrapIn,
#main_gall .wrapIn{flex-direction: column;}
.main_notice .banner_wrap{width: 100%;}

.visualSlider_wrap .slogan .t1{font-size: 2em;}

.main_notice .banner_wrap .banner .info_btn_wrap{display: flex; gap: 10px; }
.main_notice .banner_wrap .banner .info_btn_wrap a{width: 48%;}
.main_notice .banner_wrap .banner .info_btn.re{margin-top: 0 !important;}

.main_gall .main_vod{width: 100%;}

/* sub */
.board_gallery > li{ width: calc((100% - 2em) / 2);}

/* 인사말 */
.greet_box .inner{flex-direction: column;}
.greet_box .inner .txt_wrap{width: 100%;}
.greet_box .inner + .inner{margin-top: 0;}
.greet_box .inner{gap: 1em;}

/* 비전 및 연혁 */
.history_wrap{flex-direction: column;}
.history_wrap .wrap_con{padding-right: 0;}
.history_wrap .wrap_tab{width: 89%; display: flex; gap: 1em; padding: 0 0em 0 3em;}
.history_wrap .wrap_tab > li{width: 100%;}
.history_wrap .wrap_tab > li > a:after{border-radius: .5em; border: 1px solid #000;}
.history_wrap .wrap_tab > li > a{ border: #ccc solid 1px; border-radius: .5em; background: #fff !important; background-image: none !important; padding-bottom: 34.66% !important;}
.history_wrap .wrap_tab > li > a .t1{font-size: 1.15em;}
.history_wrap .wrap_tab > li.on > a{ background: #fff !important; background-image: none !important; color: #07913f !important; border: none !important;}
.history_wrap .wrap_tab > li.on > a, .history_wrap .wrap_tab > li > a:hover, .history_wrap .wrap_tab > li > a:focus{color: #000;}
.history_wrap:before, .history_wrap .tabLink{left: 1.2em;}

.history > li{padding: 0 0 4em 3em;}
.history > li .dot{left: 1.2em;}
.history > li:before{left: 1.2em; width: 1.3em;}
.history > li .list > li .month{margin-right: 0;}
.history > li .list > li .history_img{ padding-left: 4em;}
/* #header .top_wrap .menu > li > .in{padding:0 .5em;} */
.history_wrap .wrap_tab > li.on > a:before, .history_wrap .wrap_tab > li > a:hover:before, .history_wrap .wrap_tab > li > a:focus:before{background: none;}


/* 조직도 */
.department-info{overflow-x: auto; white-space: nowrap;}
.department-info .cont-wrap{ min-width: 740px;}
.department-info .department-list{flex-wrap: nowrap;}

/* 치료공동체 */
.care_wrap.st1{flex-direction: column; gap: 0;}
.care_wrap.st1 .careBox{width: 100%; flex-direction: column-reverse; gap:3em;}
.care_wrap.st1 .careBox:nth-child(2){flex-direction: column;}
.care_wrap .careBox .careT.mb{margin-bottom: 2em;}
.care_wrap .careBox .careImg{ display: none;}
/* .care_wrap .careBox .careImg{ text-align: center;} */
/* .care_wrap .careBox .careImg > img{width: 70%;} */

.enviro_wrapper .innerB{ flex-direction: column; gap: 1em;}
.enviro_wrapper .innerB > .title_con{width: 100%;}
.enviro_wrapper .innerB > .txt_con{width: 100%;}
.enviro_wrapper .innerB > .img_con{display: none;}

.value_wrapper{flex-direction: column;}
.value_wrapper > .longImg{display: none;}
.value_wrapper > .text_wrap{width: 100%;}

/* 치료공동체 프로그램 */
.careArea .tit{font-size: 2.115em;}
.careArea .ttCon > .tt{font-size: 1.4em;}
.careArea .ttCon > .tt br{display: none;}

.FourAreaB .AreaBoxWrap{ flex-direction: column;}
.FourAreaB .AreaBoxWrap > .areaCon{width: 100%;}

/* 생활철학 */
.sloganBg .innerT .tt{font-size: 1.215em; margin-bottom: 0.4em;}

/* 후원·자원봉사 / 실습·기관방문 */
.imgBgT > .tCon > .tt br{display: none;}

.contactList{flex-direction: column; align-items: flex-start; gap: 1em;}

/* 입소자격 */

}


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

}


@media screen and (max-width:768px){
body{ font-size:13px;}

/* header */


/* main */
.main_notice .conR .cont_wrap .gallList{flex-direction: column;}
.main_notice .conR .cont_wrap .gallList > li{width: 100%;}
.main_notice .conR .cont_wrap .gallList > li:nth-child(4),
.main_notice .conR .cont_wrap .gallList > li:nth-child(5),
.main_notice .conR .cont_wrap .gallList > li:nth-child(6){display: none;}

.main_more{ width: 1.4rem !important; height: 1.4rem !important;}

.mainTit_wrap .tit{ flex-direction: column; align-items: flex-start;}

.main_about .business_list li{ flex: 1 0 calc((100% - 4em) / 2);}

#footer .menu_wrap .flex.vt.st1{ flex-direction: column;}
#footer .menu_wrap .menu{ flex-direction: column; align-items: flex-start;}
#footer .menu_wrap .menu > li > .in{padding: .5em 0;}
#footer .info_wrap .flex.wrap.st1{flex-direction: column-reverse; gap: 2em;}

/* sub */
#contents .sub_con_menu .gnb > li .dp3 > li{ flex: 1 1 50%; max-width: 50%;}
#contents .sub_page_menu .gnb .dp2 > li{ max-width: 33%;}

/* 인사말 */
.greet_box .page_txt br{display: none;}

/* 치료공동체 프로그램 */
.careArea .ttCon{font-size: 1em;}
.careArea .ttCon > .tt{font-size: 1.2em; line-height: 1.5em;}
.quotes:before{left: -42px;}
.quotes:after{right: -42px;}

.flex_box .fst4 > li{ flex: 1 1 50%; max-width: 50%;}

/* 생활철학 */
.sloganBg .innerT .tt{display: inline;}
.sloganBg .innerT > .con{ display: flex; flex-direction: column; align-items: center;}
.sloganBg .innerT > .con .slogan_wrap{ width: 80%;}
.sloganBg .innerT > .con > img{display: block;}
.sloganBg.bgfix.fix{height: 80vh;}

.checkListBox{ width: 100%; padding: 5em 2em;}
.checkListBox > .checkList > li > .chkInner > .chkRound{ aspect-ratio: 1 / 1;}

/* 후원 자원봉사 */
.dp2_support01 .bgfix.imgBgT.st1{ background-image: none !important; padding: 0 !important;}
.dp2_support01 .st1.imgBgT:before{background: none;}
.dp2_support01 .imgBgT.st1 > .tCon{ color: var(--siteC3);}
.pt0.page_con{padding: 5em 0 2em 0;}
.board_btn_wrap{ margin-top: 2em !important;}

/* 입소안내 */
.dp1_fac #contents .sub_page_menu .gnb .dp2 > li{ min-width: 43%;}

.page_txt_wrap.st3 > .innerSec{flex-direction:column;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{max-width:100%;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit, .page_txt_wrap.st3 > .innerSec > .wrap_con{padding:1em;}
.page_tit.addNum{padding-left: 0;}

/*하루일과표*/
.weektable{ padding: 0em; border: none;}
.weektable > img{ width: 100%;}
}


@media screen and (max-width:660px){
/*main*/
.mainScroll{display:none;}

/* footer */

#footer .menu_wrap .family{margin: 1.5em auto 0 0; margin-left: 0;}

}

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

    .main .box1{ margin: 0 0 0 1.5em; max-width: 85%;}
/* header */
#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex: 1 1 100%; max-width: 100%; padding: 2em 1.2em; border: none;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt{font-size: 1.263em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt{font-size: 1.138em;}

/* main */
.main_notice .banner_wrap .banner .info_btn_wrap{ flex-direction: column;}
.main_notice .banner_wrap .banner .info_btn_wrap a{ width: 100%; box-sizing: border-box;}

/* sub */
#contents .sub_con_tit div.flex.vc.space{ flex-direction: column; align-content: flex-start; align-items: flex-start; }
/* #contents .sub_con_tit .con_tit{transform: translateX(-58%);} */

/* 인사말 */
.greet_top .desc{ font-size: 1.375em;}

/* 연혁 */
.history_wrap .wrap_tab{width: 100%;}

/* 조직도 */
.department-info .department-list .item .work-box{padding: 25px 23px 28px;}
.department-info .department-list .item .work-box .info_list{ flex-direction: column;}
.department-info .department-list .item .work-box .info_list > li{width: 100%;}
.department-info .department-list .item .work-box .tit-top .call-list{ gap: 9px;}
.department-info .cont-wrap{ min-width: 428px;}

.scroll_message{margin: 0 auto;}

/* 치료공동체 */
.page_tit > .t10{font-size: 1.65em;}




}


@media screen and (max-width:460px){
/* main */
.visualSlider_wrap .slogan .t1{font-size: 1.8em;}
.visualSlider_wrap .slogan .t2{font-size: 1.3em;}

.main_about .business_list{gap: 1em;}

/* sub */
.board_gallery{gap: 1em 1em;}
.board_gallery > li{ width: calc((100% - 1em) / 2);}
.board_gallery > li .wrap_in .img_wrap{border-radius: .6em;}


}


@media screen and (max-width:380px){
body{ font-size:12px;}

}


@media screen and (max-height:849px){

}


@media screen and (max-width:320px){
/* main */
.main_notice .banner_wrap .banner .info_btn_wrap{ flex-direction: column;}
.main_notice .banner_wrap .banner .info_btn_wrap a{ width: 88%;}


}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}