@charset "utf-8";
.d_only{display:block;}
.m_only{display:none;}
.index_donate{display:block;}
.index_donate_1200{display:none;}
.ft_m_only{display:none;}
#gnb{display:flex;flex-wrap:nowrap;}


/* 모바일 스와이퍼 */

.swiper_mobile {
  width: 100%;
  height:auto;
overflow:hidden;

}

.swiper_mobile img{width:100%;height:auto;}
/*  페이지 설명 텍스트 (핑크색) */
#bo_v_table{display:none}

@media (min-width:768px) and (max-width:1200px){
    .d_only{display:none;}
    .m_only{display:block;} 
    .index_donate{display:none;}
    .index_donate_1200{display:block;}
    .ft_m_only{display:none;}
    .index_slider{display:block;}
    .d_show{display:block;}
    
    
/*    header      */
    #hd{width:100%;position:sticky;top:0;border-bottom:1px solid #ddd;}
    #hd_wrapper{width:92%;margin:0 auto;padding:10px 0;}
    #gnb{margin:0;}
    .ham_button > ul.ham_bar{top:-4px}
    
    
/*   팝업 레이어     */
    
    #hd_pop{width:100%;}
    
/*    index        */
    .main_slider .bx-controls{width:100%;}
    #container{width:100%;} 
    .main_conlist_area{width:100%;min-height:950px}
    .main_wall{width:730px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: space-between;}
    ul.main_wall> li:nth-child(1){padding-right:0;width:355px;height:auto;}
    .main_board1{width:100%;}
    .main_board1>li.center_box{width:100%;}
    .main_board1>li.center_box>.center_area{}
    .index_img{margin-top:15px;padding-right:0 !important;width:100%;}
    .main_bt_new{width:100%;height:auto;}
    .main_bt_sd{border:1px solid #ddd}
    .slick-dots li.slick-active button:before{display:none;}
    .slick-dots{width:100% !important;}
    
/*    index   */
    .index_box{display:flex;justify-content: center}
    .index_board{width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content: center;}
    .index_b_img{margin:20px 0;}
    .index_b, .index_b_img, .index_b_gall_box{margin:20px auto;}
    
    
    
    
    
/*     푸터      */
    #ft{width:100%;}
    #ft_copy div.ft1{width:92%;margin:0 auto;}
    #ft_copy .tnb .tnb_area{width:100%;margin:0 auto;}

    .ft_logo_area{width:92%;margin:0 auto;}
    #ft_copy .tnb{width:100%;}


/* 서브 페이지 */
    .sub_con{width:92%;margin:0 auto;}
    .inner1{width:100% !important;margin:0 auto !important;}
    .sub_con_area{width:100%;}
    .sub_histo_list> div> a{font-size:1.2em;padding:17px;}
    .sub_con_tit{width:100%;font-size:2.5em}
    .sub_con_txt{width:100%;}
    .sub_con_box{padding:50px 30px 60px}
    .sub_con_txt>div>img{width:100%;height:auto;}


        .inner2{width:100% !important;margin:0 auto;}
        .inner3{width:100% !important;margin:0 auto;}
    .subHd_wrap4 .inner4{width:100% !important;margin:0 auto !important;}
    .his_all{width:92%;}
    .his_all>form{width:92%;margin:0 auto}
    .his_all .checkbox{width:92%;margin:0 auto;}
    
    
	/* 커뮤니티 시작 */
    .inner5{width:100% !important;}
	.sub_commu_list{width:100%;display:flex;flex-wrap:nowrap;}
	.sub_commu_list div a{text-decoration:none; display:block; padding:15px 5px;}

    
            
/*     1200px ->  100% */
    #ft_copy  .tnb{width:100%;}

    
    

}





@media (min-width:481px) and (max-width:767px){
    .d_only{display:none;}
    .m_only{display:block;} 
    .index_donate{display:block;}
    .index_donate_1200{display:none;}
    .ft_m_only{display:none;}
    .ft_left{display:none;}
    .index_slider{display:block;}
    .d_show{display:block;}
/*    header      */
    #hd{width:100%;position:sticky;top:0;border-bottom:1px solid #ddd;}
  #hd_wrapper{width:92%;margin:0 auto;padding:10px 0;}
    #gnb{margin:0;}
    .ham_button > ul.ham_bar{top:1px}
    
    /*    index   */
    .index_box{display:flex;justify-content: center}
    .index_board{width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content: center;}
    .index_b_img{margin:20px 0;}
    .index_b, .index_b_img, .index_b_gall_box{margin:20px auto;}
    
    
    
/*   팝업 레이어     */
    
    #hd_pop{width:100%;}
    
/*    index        */
    .main_slider .bx-controls{width:100%;}
    #container{width:100%;} 
    .main_conlist_area{width:100%;min-height:950px}
    .main_wall{width:370px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: space-between;}
    ul.main_wall> li:nth-child(1){padding-right:0;width:100%;height:auto;}
    .main_board1{width:100%;}
    .main_board1>li.center_box{width:100%;}
    .main_conlist .main_r_banner>.banner_list{width:100%;display:flex;flex-wrap:nowrap;}
    .banner_list>div:nth-child(2)>a{border-right:1px solid #ddd;}
    
    
    
    
    
    .index_img{margin-top:15px;padding-right:0 !important;width:100%;}
    .main_bt_new{width:100%;height:auto;}
    .main_bt_sd{border:1px solid #ddd}
    .slick-dots li.slick-active button:before{display:none;}
    .slick-dots{width:100% !important;}
    
/*     푸터      */
    #ft{width:100%;}
    #ft_copy div.ft1{width:92%;margin:0 auto;}
    #ft_copy .tnb .tnb_area{width:100%;margin:0 auto;}

    .ft_logo_area{width:92%;margin:0 auto;}
    #ft_copy .tnb{width:100%;}

    
    

/* 서브 페이지 */
    
    .inner1{width:100% !important;margin:0 auto !important;}
    .sub_con_area{width:100%;}
    .sub_histo_list> div> a{font-size:1em}
    .sub_con_tit{width:100%;font-size:2.5em}
    .sub_con_txt{width:100%;}
    .sub_con_txt span.year{width:100% !important;margin-bottom:5px;}
    .sub_con_txt>div>div{display:flex;flex-wrap:wrap;}
    .sub_con_txt>div>div>span{line-height:20px;}
    .sub_con_box{padding:50px 30px 60px}
    .sub_con_txt>div>img{width:100%;height:auto;}
    .sub_histo_list div a{padding:15px 8px}
    .sub_con{width:92%;margin:0 auto;}
        .inner2{width:100% !important;margin:0 auto;}
    .inner3{width:100% !important;margin:0 auto;}
    .subHd_wrap4 .inner4{width:100% !important;margin:0 auto !important;}
    .his_all{width:92%;}
    .his_all>form{width:92%;margin:0 auto}
    .his_all .checkbox{width:92%;margin:0 auto;}
    

    /* 커뮤니티 시작 */
    .inner5{width:100% !important;}
    .sub_commu_list{width:100%;display:flex;flex-wrap:wrap;justify-content: center}
    .sub_commu_list div {width:100% !important;border-right:1px solid #c2c2c2;}
    .sub_commu_list div a{text-decoration:none; display:block; padding:15px 5px;}

    .sub_commu_list div.list2,    .sub_commu_list div.list3, .sub_commu_list div.list4,    .sub_commu_list div.list5,    .sub_commu_list div.list6{margin-top:-1px;}
    
    #bo_v_top ul{height:auto;padding:10px 0;}
    .bo_v_com li{margin:0 5px 20px;}
    
    
        
/*     1200px ->  100% */
    #ft_copy  .tnb{width:100%;}

    
    }




@media (min-width:320px) and (max-width:480px){
    .mobile_none{display:none;}
/*    .main_conlist{30px 0 70px;}*/
    .d_only{display:none;}
    .m_only{display:block;} 
    .d_show{display:none;}
    .index_donate{display:block;}
    .index_donate_1200{display:none;}
    .ft_m_only{display:block;}
    .ft_left{display:none;}
    .index_slider{display:none;}
    
/*    header      */
    #hd{width:100%;position:sticky;top:0;border-bottom:1px solid #ddd;}
    #hd_wrapper{width:92%;margin:0 auto;padding:15px 0;}
    #gnb{margin:0}
    .ham_button > ul.ham_bar{top:0}
    
    
    /*    index   */
    .index_box{display:flex;justify-content: center}
    .index_board{width:90%;margin:0 auto;display:flex;flex-direction:column;justify-content: center;}
    .index_b_img{margin:20px 0;}
    .index_b, .index_b_img, .index_b_gall_box{width:100%;height:467px;}
    .index_b{padding-top:20px;}
    .index_b>div{padding:0 20px;}
    .index_b_gall{padding:20px 20px 0;}
    .index_b_sns{width:100%;margin:36px 0;}
    .index_b_sns>div{width:50%;}
    .index_b_sns>div>a>img{width:100%;height:auto;}
    .lt>ul>li{width:100% !important}
    .lt ul{margin:-15px 0 0}
/*   팝업 레이어     */
    
    #hd_pop{width:100%;}
    
/*    index        */
    .main_slider .bx-controls{width:100%;}
    #container{width:100%;} 
    .main_conlist_area{width:92%;margin:0 auto;min-height:950px}
    .main_wall{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: space-between;}
    ul.main_wall> li:nth-child(1){padding-right:0;width:100%;height:auto;}
    .main_board1{width:100%;}
    .main_board1>li.center_box{width:100%;}
    .main_r_banner>.banner_list{width:100%;display:flex;flex-wrap:nowrap;}
    .main_conlist .main_r_banner{width:100%;}
    .banner_list>div:nth-child(2)>a{border-right:1px solid #ddd;}
    

    
    .index_donate{width:100%;}
    .index_img{margin-top:15px;padding-right:0 !important;width:100%;}
    .banner_list>div{width:50%;background:#fff;border-right:1px solid #ddd;}
    .main_bt_new{width:100%;height:auto;}
    .main_bt_sd{border:1px solid #ddd}
    .donate_img,.donate_img>div{width:100%;}
    .donate_img>div>img{width:100%;height:auto;}
    .slick-dots li.slick-active button:before{display:none;}
    .slick-dots{width:100% !important;}


    
/*     푸터      */
    #ft{width:100%;height:255px;}
    #ft_copy div.ft1{display:none}
    .ft_call{width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content: center;padding:20px 0;background:#9472b5ed;}
    #ft_copy div.tnb_box{height:auto}
    .ft_call>a{font-size:25px;color:#fff}
    #ft_copy .tnb .tnb_area{width:100%;margin:0 auto;}

    .ft_logo_area{width:92%;margin:0 auto;height:100px;}
    #ft_copy .tnb{width:100%;}
    .family-site .list-wrap{height:187px !important}

    .m_fam_site{padding-top: 20px;width:92%;margin:0 auto;
    font-size: 16px;display:flex;justify-content: center;}
    .family-list-wrap{display:none;}
    .fam_btn:hover{cursor:pointer;}
    .m_fam_site .family-subj{color:#9c7cba;font-weight: bold; }
    .family-site .list{padding:11px !important;margin-top:-282px}
    #ft_copy .family-site .list a{font-size:13px !important;}
    .ft_logo_area div.copy p{font-size:11px;line-height:16px;}
    .family-list-wrap{width:150px;padding:5px 10px;background:#9c7cba;position: absolute;bottom:165px;
    border: 2px solid #3d007629;}
    .family-list-wrap>.list{margin:3px 0;text-align: center;}
    .family-list-wrap>.list>a{color:#fff;font-size:15px;line-height:24px;}
    .ft_logo_area div{padding:0;}
    
/* 서브 페이지 */
    
    .inner1{width:100% !important;margin:0 auto !important;}
    .sub_con_area{width:92%;margin:0 auto;}
    .sub_con_tit{width:100%;font-size:2.1em}
    .sub_con_txt{width:100%;}
    .sub_con_txt>div>div{display:flex;flex-wrap:wrap;}
    .sub_con_txt>div>div>span{line-height:20px;}
    .sub_con_txt>div>img{width:100%;height:auto;}
    .sub_con_box{padding:50px 30px 60px}
    .sub_histo_list{flex-wrap:wrap;}
    .sub_histo_list div{width:100%;margin-left:0;}
    .sub_histo_list div:nth-child(2),
    .sub_histo_list div:nth-child(3),
    .sub_histo_list div:nth-child(4){margin-top:-1px;}
    .sub_histo_list> div> a{font-size:1.2em;padding:15px 0;text-align: center;}
    
    .sub_con_txt span.year{width:100% !important;margin-bottom:7px;}
    .photo_box .photo_area{padding:30px 21px 0;}
    .subHd_wrap4 .inner4{width:100% !important;margin:0 auto !important;}
    .his_all{width:92%;}
    .his_all>form{width:92%;margin:0 auto}
    .his_all .checkbox{width:92%;margin:0 auto;}
    .list_year{font-size:1.4em;padding:0 0 10px;height:auto;}
        
    .latest-zinex{display:flex;flex-wrap:nowrap;justify-content: space-between;width:100%;}
    
	/* 커뮤니티 시작 */
    .inner5{width:100% !important;}
	.sub_commu_list{width:100%;display:flex;flex-wrap:wrap;justify-content: center}
    .sub_commu_list div {width:100% !important;border-right:1px solid #c2c2c2;}
	.sub_commu_list div a{text-decoration:none; display:block; padding:15px 5px;}
    .sub_commu_list div.list2,    .sub_commu_list div.list3, .sub_commu_list div.list4,    .sub_commu_list div.list5,    .sub_commu_list div.list6{margin-top:-1px;}

    #bo_v_top ul{height:auto;padding:10px 0;}
    .bo_v_com li{margin:0 2px 20px;}
    
    
/*     갤러리            */
    
    #bo_gall .gall_li{width:100% !important;margin-bottom:50px !important;}
    .gall_href>a>img{width:100%;height:auto;}
    .gall_text_href>a{font-size:13px;}
    .gall_li{margin:0 !important}
    
    
/*     1200px ->  100% */
    #ft_copy  .tnb{width:100%;}
    
/*     대관신청  */
    .tbl_frm01 th{font-size:13px;}
}

