@media (max-width: 1400px) {
  .content{
    width: 100%;
    padding: 0 2.5rem;
    
    margin-right: 0;
    margin-left: 0;
    padding-right: 3%;
    padding-left: 3%;
  }
  #main_container .top_content {
    padding: 40px 2.5rem 60px;
    padding: 40px 3% 60px;
  }
  #nav #gnb .menu{
    padding: 0;
  }
  
  /* 서브 */
  #sub_container aside {
	  width: 220px;
  }
  #sub_container main {
    width: calc(100% - 220px - 40px);
  }
  
  /* sub05 */
  .org_top .committee p {padding:20px 40px;}
  .org_btm > ul > li {width:calc((100% - 40px) / 6);}
  .org_box .org_btm p {min-width:100%;}
  
	/*미션비전*/
	.mission_box{width:250px;}
	.mission_con_tit{ position:relative; padding-bottom:20px;}
	.mission_con{ padding-left:0;}
  
}

@media (max-width: 1200px) {
	
	/*미션비전*/
	.mission_con_tit{font-size:25px;}
	.mission_circle_wrap{padding:0}
	.mission_circle{width: 200px;height: 200px;}
	.mission_circle_in:after{width: 185px;height: 185px;}
	.mission_circle_icon img{width:90px;}
	.mission_con_wrap { padding-bottom: 50px;}
	.mission_big_box{padding: 25px 30px;}
	.mission_big_box .mission_con_txt{padding-top:10px;}
	.mission_box_wrap{display:block;}
	.mission_box{width: 100%;height: auto; margin-bottom:10px;    padding: 20px 10px;}
	.mission_box_wrap .mission_con_txt{padding: 15px 0 10px;}
	.mission_con_wrap_04{padding-bottom:0;}
	
	/* 250708 수정 */
	.gallery_list.sub0404_list > ul > li{width: 25%;}
	.gallery_list.sub0404_list .img_wrap{height:240px;}
	.gallery_list.sub040401_list > ul > li{width: 25%;}
	}

@media (max-width: 1024px) {
  html, body{
    font-size: 15px;
  }
  #header {
    height: 80px;
  }  
  #header .header_wrap {
    height: 80px;
  }  
  #header .header_wrap .header_inner {
    align-items: center;
   	height: 100%;	    
  }
  .header_inner .nav_area {
    width: auto;
  }  
  #logo a {
	line-height: unset;
    height: 48px;	    
  }	  
  #logo a img {
    width: 100%;
    height: 100%;
  }
  
  /* 모바일메뉴 */
  #nav{
    display: none
  }
  #mob_nav_btn{
    position: relative;    
    display: block;
    z-index: 99;
    width: 40px;
    height: 40px;
    padding: 8px;    
    transition: all .2s ease;
    background: no-repeat center center / 24px;
  }
  #mob_nav_btn.active img{
    display: none;
  }
  #mob_nav_btn.active{
  	background-image: url(/images/snbr/nav_close.svg);
  }
  #mob_nav{
    display: block;
    z-index: 10;
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100%;
    overflow: auto;
    background: #fff;
    transition: all .5s ease;
    padding-top: 84px;
  }
  #mob_nav.active{
    display: block;
    right: 0;
    transition: all .3s ease;
  }
  .mob_nav_overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;    
    background: #010819;
    opacity: 60%;
    z-index: 5;
    transition: all .5s ease;
    display: none;
  }
  #mob_nav #mob_gnb{
    background: #fff;
    font-size: 1.125em;
    border-top: 1px solid #eee;
    overflow: auto;
    height: 100%;
  }
  #mob_nav #mob_gnb > li{
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  #mob_nav #mob_gnb > li > a{
    font-size: 1.1em;  
    color: #333;
    padding: 20px;
    display: block;
    background-image: url(/images/snbr/nav_down.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right calc(3% + 14px);
  }
  #mob_nav #mob_gnb > li.active > a{
	color: #425900;
    background-image: url(/images/snbr/nav_up.svg);
    font-weight: bold;
  }
  #mob_nav #mob_gnb li .depth_menu{
    padding: 12px 24px;
    background: #F9FAF7;    
    display: none;
  }
  #mob_nav #mob_gnb li .depth_menu > li{
    padding: 12px 0;
  }

	/* 메인 */
	#main_visual section {
	    padding: 2.5rem;
	    padding: 3%;
	}  
	.top_content article:nth-child(1) {
	    flex: 0 0 200px;
	}
	.top_content article:nth-child(2) {
	    flex: 0 1 auto;
	    margin: 0 32px;
	}
	.top_content article:nth-child(3) {
	    flex: 1 0 80px;
	    text-align: center;    
	}	
	.top_content article:nth-child(3) h3{
	    line-height: 1.3em;
	}	
	  
	.btm_content {
	    padding: 40px 0 120px;
	}  
	.main_quick .main_title {
	    padding-top: 40px;
	    margin-bottom: 40px;
	    background-size: 40px;
	    background-position: top center;
	}
	.main_quick .quick_list{
		flex-wrap: wrap;
	}  
	.main_quick .quick_list li {
		margin-right: 20px;
	    margin-bottom: 20px;    
	    width: calc((100% - 20px) / 2);
	}  
	.main_quick .quick_list li:nth-child(2n) {
	    margin-right: 0;    
	}  
	
	/* sub04 */
	
	.facility .photo_list li {
	    width: 50%;
	}
	
	/* sub05 */
	.org_box:before {height:34.5%;}
	.org_top .head p {width:120px; height:120px;}
	.org_box .org_mid p {width:140px; padding:10px 0;}
	.org_top .committee p {padding:15px 30px;}
	.org_box ol li {padding-left:0; padding-bottom:5px;}
	.org_box ol li b {float:none; display:block; width:100%;}
	
	  /*미션비전*/
	.mission_circle{width: 170px;height: 170px;}
	.mission_circle_in:after{width: 155px;height: 155px;}
	
	/* 250708 수정 */
	.gallery_list.sub0404_list > ul > li{width: 33.333%;}
	.gallery_list.sub040401_list > ul > li{width:33.333%;}
}



@media (max-width: 850px) {
	.board_head{
		display: block;
	}
	#footer {
	    padding: 0;
	}
	.ft_nav {
		font-size: 13px;
		flex-wrap: wrap;
	    justify-content: center;
	    letter-spacing: -1px;		
	}
	.ft_nav li:last-child {
	    padding-right: 0;
	}
	.ft_top > div {
		padding: 0;
	    flex-direction: column;
	}
	.ft_top .familysite {
	    width: 100%;
	}
	#footer .ft_btm {
	    flex-direction: column;
	    padding-top: 20px;
	    text-align: center;
	}
	.ft_btm address {
	    margin: 20px 0;
	}
	.ft_btm address .ft_info ul {
	    flex-wrap: wrap;
	    justify-content: center;
	}	
	#footer .ft_btm address .ft_info li:last-child {
	    margin-right: 0;
	}
	
    /* 메인 */
	#main_visual section {
	    flex-direction: column;
	    padding: 0px;
    	height: auto;	    
	}
	#main_visual section article {
	    box-shadow: unset;
	}	
	.main_vis01 {
	    margin-right: 0;
	}
	.main_vis01 .txt_box {
	    padding: 40px 32px 100px;
	}
	.main_vis01 .txt_box p {
	    margin-bottom: 12px;
	}
	.main_vis01 .txt_box strong {
	    font-size: 2em;
	}	
	.main_vis02 {
	    padding: 3%;
	    
        padding: 20px 3%;
	}
	.visual {
	    border-radius: 8px;
	    overflow: hidden;
	    box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 5%);
	    
	    height: 0;
	    position: relative;
	    padding-top: 94%;
	    WIDTH: 80%;
	}
	.visual > ul{
	    position: absolute;
	    top: 0px;
	    left: 0px;
    }
	#main_container .top_content {
	    flex-direction: column;
	}
	#main_visual section article:nth-child(1) {
	    flex: unset;
	}
	.top_content article:nth-child(1) {
/* 	    order: 2; */
	}
	.top_content article:nth-child(2) {
/* 	    order: 1; */
	    margin: 0;
	    margin: 40px 0;
	}
	.top_content article:nth-child(3) {
/* 	    order: 3; */
	    flex: 1 0 auto;    
	    flex-direction: row;    
	    align-items: center;    
	}
	.main_sns h3 {
	    padding: 0;
	}	
	.main_sns > img {
	    /*padding: 0;
	    transform: rotate(-90deg);*/
	    width:80px;
		margin-bottom:10px;
	}
	.main_sns .sns_wrap {
	    flex-wrap: nowrap;
	}
	.main_sns a {
	    margin: 0 12px;
		width:auto;
	}
	#main_container .main_quick .main_title h2 {
	    padding-bottom: 20px;
	    font-size: 2em;
	}
	
	
	
/* 	서브 */
	#sub_header {
	    margin-bottom: 32px;
	}
	#sub_container aside {
		display: none;
	}
	#sub_container main {
	    width: 100%;
	}
	#sub_header .sub_visual {
	    height: 180px;
	}
	.sub_visual .slogan {
	    width: 100%;
	    padding: 0 20px;
	}	
	.slogan h2 {
	    margin-bottom: 16px;
	    line-height: 100%;
	    font-size: 2em;
	}
	.sub_head h3 {
	    font-size: 1.8em;
	}
	
	
	
/* 	sub01 */
	.link_list > li {
	    width: 100%;
	}	
/* sub02 */
	.use_stepbox .step_list > li {
	    margin-right: 0;
    	padding: 20px 0;	    
	}
	.use_stepbox .step_list:before {
	    width: 2px;
	    height: 90%;
	    top: 0;
	    left: 50%;
	}
	.use_stepbox .step_list > li i {
	    background-size: 32px;
	    height: calc(32px + 16px);
	}
	.bsn_list .bsn_box {
	    flex-direction: column;
	}
	.bsn_box .bsn_img {
	    margin-right: 0;
	}
	.bsn_cont dl {
	    padding: 12px;
	}
	.bsn_cont dl dt {
	    width: 60px;
	    padding-left: 0;
	}
	.daycare .intro_box {
	    padding: 20px;
	}
	.daycare .intro_box .grey_box {
	    padding: 24px;
	}
	.daycare_list {
	    flex-direction: column;
	    margin-left: 0;
	    margin-right: 0;	    
	}
	.daycare_list > li {
	    width: 100%;
	    margin: 0;
	    margin-bottom: 16px;
	}
/* 	sub03 */
	.spon_list {
	    flex-direction: column;
	}
	.spon_list > li {
	    border-bottom: 2px dashed #eee;
	    border-right: 0;
	}
	.spon_list > li:last-child {
	    border-bottom: 0;
	}
	.bank_card {
	    background-position: left 12px center;
	    padding: 16px 0 16px 88px;
	}
	.bank_card strong {
	    padding: 0;
	}
	.bank_card span{
		padding-top: 4px;
		display: block;
	}
	.volunteer_stepbox .step_list > li {
	    margin-right: 0;
	}
	.volunteer_stepbox .step_list > li:before {
	    left: calc(50% - 12px);
	    width: 24px;
	    height: 24px;
	    top: auto;
	    bottom: -10px;
	    transform: rotate(90deg);
	}
	.volunteer_stepbox .step_list > li i {
	    background-size: 40px;
	    width: 80px;
	    height: 80px;
	}
	.card_box {background-position:left 22px center; padding:16px 0 16px 60px;}

/* sub04 - board */
	.search_box .btn{
	    width: 100%;
    	margin-top: 12px;
    }
    .search_box div {
	    margin-right: 0;
	    width: 100%;
	}
	.search_box div label{
	    width: 100%;
	}
	.search_box div label input{
	    width: 100%;
	}
	.board_tbl .tbl_box,
	.board_tbl .tbl_box tbody,
	.board_tbl .tbl_box tr,
	.board_tbl .tbl_box th,
	.board_tbl .tbl_box td {
	    display: block;
	}
	.board_tbl .tbl_box th, .board_tbl .tbl_box td {
	    border-bottom: 0;
	}
	.board_tbl .tbl_box tr{
	    position: relative;
	    display: flex;
	    flex-wrap: wrap;
	    border-bottom: 1px solid #eee;
	    padding: 12px;
	    padding-left: 60px;
	}
	.board_tbl .tbl_box td {
		padding: 0;
	    margin-right: 8px;
	}
	.board_tbl .tbl_box tbody td.num {
	    position: absolute;
	    line-height: 20px;
	    top: calc(50% - 10px);
	    left: 0;
	    width: 60px;
	}
	.board_tbl .tbl_box tbody td.tit {
	    text-align: left;
	    font-weight: 500;
	    width: 100%;
	    margin-bottom: 8px;
	}
	.secret_modal .modal-dialog {
	    width: 94%;
	    min-width: auto;
	}
	.board_write_cont .tbl_box.mob,
	.board_write_cont .tbl_box.mob tbody, 
	.board_write_cont .tbl_box.mob tr,
	.board_write_cont .tbl_box.mob th,
	.board_write_cont .tbl_box.mob td {
	    display: block;
	    width: 100%;
	}
	.board_write_cont .tbl_box tbody th,
	.board_write_cont .tbl_box tbody td {
	    padding: 0;
	}
	.board_write_cont .tbl_box tbody tr {
	    border-bottom: 1px solid #eee;
	    padding: 12px;
	}
	.board_write_cont .tbl_box th {
	    text-align: left;
	    margin-bottom: 12px;
	}
	.board_write_cont input{
		width: 100%;
	}
	.board_view_head .bv_title {
	    padding: 0 0 8px 0;
	}
	.bv_title strong {
        padding: 0;
    	margin-bottom: 4px;
	}
	.bv_title .bv_info li:first-child {
	    padding-left: 0;
	}
	.board_view .board_view_cont {
	    padding: 20px 0;
	}
	.board_btn {
	    margin: 20px 0;
	    text-align: center;
	}
	.gallery_list .info_wrap {
	    padding: 8px 0;
	}
	.gallery_list .info_wrap .date {
	    padding-top: 4px;
	}
	
	
/* 	sub05 */
	.org_box .org_top {
		margin-bottom: 30px;
	}
	.org_top .committee {
		position: relative;
		top: 0;
		left: 0;
		transform: inherit;
		display: flex;
	    justify-content: space-between;
	    margin: 20px 0;
	}
	.org_top .committee p {
	    margin: 0;
	    width: 100%;
	}
	.org_box .org_mid {
		margin: 0;
	    margin-bottom: 20px;
	}
	.org_box .org_mid p {
	    width: 100%;
	}
	.org_btm > ul:before {
	    display: none;
	}
	.org_btm > ul {
	    flex-direction: column;
	}
	.org_btm > ul > li {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.org_btm > ul > li:before {
		height: 30px;
		top: -30px;
	}
	.org_box ol li b {
		float: left;
		display: block;
		width: 50%;
	}
	.org_tbl thead{
		display: none;
	}
	.org_tbl .tbl_box, 
	.org_tbl .tbl_box tbody, 
	.org_tbl .tbl_box tr, 
	.org_tbl .tbl_box th, 
	.org_tbl .tbl_box td {
	    display: block;
	    width: 100%;
	}
	.org_tbl .tbl_box.line th, .org_tbl .tbl_box.line td {
	    border: 0;
	}
	.org_tbl .tbl_box tbody tr {
	    border: 1px solid #eee;
	}
	.org_tbl .tbl_box tbody th {
	    padding: 12px 0;
	}
	.org_tbl .tbl_box tbody td {
	    padding: 4px 0;
	}

	.facility_box {
	    flex-direction: column;
	}
	.facility_box .txt_box {
	    padding: 12px;
	}
	.transport_box .transport {
	    padding-left: 80px;
	    background-size: 60px;
	}
	
/* 	etc */
	.sitemap > ul > li > ul li {
	    width: 50%;
	}
	
	.etc_box .tbl_box {table-layout:fixed;}
	.etc_box .tbl_box tbody th, .etc_box  .tbl_box tbody td {word-break:break-word; overflow-wrap:break-word; white-space:pre-wrap; padding:5px;}
	
	
	/*미션비전*/
	.mission_circle{width: 200px;height: 200px;}
	.mission_circle_in:after{width: 185px;height: 185px;}
	.mission_con_txt{font-size:18px;}
	.mission_big_box{padding: 20px;}
	.mission_con_tit{font-size: 23px;}
	
	/* 250708 수정 */
	.gallery_list.sub0404_list .img_wrap{height:320px;}

}

@media (max-width: 700px) {
	/*미션비전*/
	.mission_circle_wrap{display:block;}
	.mission_circle{margin:0 auto 20px;}
	.mission_con_wrap { padding-bottom: 30px;}
	.mission_con_wrap_04{padding-bottom:0;}
	
	/* 250708 수정 */
	.gallery_list.sub0404_list .img_wrap{height:270px;}
	}
	
@media (max-width: 620px) {
	/* 250708 수정 */
	.gallery_list.sub0404_list .img_wrap{height:240px;}
	.gallery_list.sub040401_list .img_wrap {width: 145px;height: 145px;}
	.gallery_list.sub040401_list > ul {margin-left: -20px;}
	.gallery_list.sub040401_list > ul > li{padding-left: 20px;}
}


@media (max-width: 500px) {
/* 	메인 */
	.main_quick .quick_list li a {
	    padding: 20px 0 160px;
	    text-align: center;
	}
	.main_board {
	    padding: 12px;
	}
	.main_board .more_btn {
	    top: 12px;
	    right: 12px;
	}
	.main_board .board_list > ul{
	    flex-direction: column;
	}
	.main_board .tab_menu {
	    margin-bottom: 8px;
	    width: calc(100% - 40px - 20px);
	}
	.main_board .tab_contents {
    	padding: 8px 16px;	    
	}
	.board_list > ul > li {
	    margin: 8px 0;
        width: 100%;
	}
	.board_list .tit {
	    height: auto;
	    white-space: nowrap;
	    width: 96%;
	    display: block;
        margin-bottom: 4px;
	}


/* 서브 */
	.sub_head h3 {
	    font-size: 1.5em;
	}
	.sub01 .tbl_box.type05 tbody th, 
	.sub01 .tbl_box.type05 tbody td {
	    padding: 20px 8px;
	}
	.ref_box {
	    padding: 16px 8px 8px;
	}
	.ref_box .tit{
	    padding-left: 28px;
	    margin-bottom: 12px;
	}
	.sub01 .link_list > li {
	    padding: 0px 20px;
	    margin: 8px 0;
	}

	.board_tbl .tbl_box tbody td:not(.tit){
		font-size: 0.9em;
	}
	.gallery_list > ul > li {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.gallery_list .img_wrap {
		width: 100%;
		height: 400px;
	}
	.gallery_list .info_wrap {
		width: 100%;
	}
	.facility .photo_list li {
	    width: 100%;
	}
	.transport_box .transport {
	    padding-left: 0;
	    background-size: 0;
	}
	.greet_txt .top {
	    font-size: 1.125em;
    	padding: 0 20px;	    
	}
	.greet_txt .mid {
	    padding: 20px;
	}
	.greet_txt .btm {
	    padding: 20px;
	}
	
/* 	etc */
	.sitemap > ul > li > ul li {
		margin-bottom: 12px;
	    width: 100%;
	}

	.etc_content .etc_intro {
		padding-top: 120px;
		padding-left: 28px;
		background-position: top 24px center;
	}
	
	/* 250708 수정 */
	.gallery_list.sub0404_list > ul {margin-left: -10px;}
	.gallery_list.sub0404_list > ul > li{width: 50%;max-width: 50%;padding-left: 10px;}
	.gallery_list.sub0404_list .img_wrap{height:280px;}
	.gallery_list.sub040401_list > ul > li{width:50%;max-width: 50%;}
	
}

@media (max-width: 400px) {
	/* 250708 수정 */
	.gallery_list.sub0404_list > ul > li{width: 100%;max-width: 100%;}
	.gallery_list.sub0404_list .img_wrap{height:400px;}
	.gallery_list.sub040401_list > ul > li{width: 100%;max-width: 100%;}
	.gallery_list.sub040401_list .img_wrap {width: 230px;height: 230px;}
	
	
	/*250905 수정*/
	.main_sns_con{flex-wrap: revert; }
	.main_sns a{margin:0; width:25%;}
}