@charset "utf-8";

@media (max-width: 1200px){
/* 회원되기 */
.sub_part_support_p .cst_radiobox_label input[type="radio"] + span + b { width: 10.5vw; font-size: 15px;}


/* 열린재정 */
.open_finance .text_section .img { background-size: 70%;}


/* 나눔NJOY 프로그램 - You응원 프로젝트 */
#cheer .sns_box { margin-right: 1%; width: 32.5%; padding: 2% 1%;}
#cheer.board_sub_section .sns_box .text { font-size: 16px;}

}

@media (max-width: 1000px){


.calendar_area { margin-bottom: 5vw; overflow-x: scroll; overflow-y: hidden; border: 1px solid #a9a9a9;}
	/* 스크롤 스타일 웹킷 */
	.calendar_area::-webkit-scrollbar { width: 0.5rem; height: 0.5rem;}
	.calendar_area::-webkit-scrollbar-thumb { border-radius: 10px; background: #444;}
	.calendar_area::-webkit-scrollbar-track { border-radius: 0px; background: #a9a9a9;}

.calendar_area #bo_list,
.calendar_area #bo_v { padding: 0 0;}

.calendar_table { width: 100%;}
.calendar_table thead th { padding: 5px 0; font-size: 13px;}
.calendar_table tbody td { min-width: 130px; max-width: 130px; }

#bo_list,
#bo_v { padding: 0 2vw;}

/* 갤러리 게시판 목록 */
.fz_gallery li { /*height: 25vw;*/ width: 30%; margin-right: 4.5%;}
.fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 21vw;}


/* 열린재정 */
.board_sub_section { padding: 0% 2%;}

}


@media (max-width: 801px){

/* 게시판 목록 */
.fz_list div div.date { width: 22%;}


/* 갤러리 게시판 목록 */
.fz_gallery li { width: 49%; margin-right: 1%;}
.fz_gallery li:nth-child(3n+0) { margin-right:1%; float: none;}
.fz_gallery li:nth-child(even) { margin-right: 0; float: right;}
.fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 31vw;}

/* 자유게시판 */
.sub_part_free_p .form-w-titl { padding-left: 2.5%; font-size: 14px !important;}

/* 회원되기 */
.sub_part_support_p .form-w-titl { font-size: 15px;}
.sub_part_support_p .cst_radiobox_area { padding-right: 0.5%;}
.sub_part_support_p .cst_radiobox_label input[type="radio"] + span + b { width: 11vw; font-size: 12px; }
#bo_w .i_text.width { width: 45%;}
#bo_w .i_text.phone_number { width: 13.5%;}
#bo_w .i_text.company_number_1 { width: 13%;}
#bo_w .i_text.company_number_2 { width: 10%;}
#bo_w .i_text.company_number_3 { width: 18%;}
#bo_w .i_text.people_number { width: 20%;}


/* 열린재정 */
.open_finance .text_section .img { width: 17%;}
.open_finance .text_section .text { font-size: 15px; line-height: 25px;}
.open_finance .text_section .text br { display: none;}


/* 나눔NJOY 프로그램 공통 */
.board_sub_section .top_text_section .top_icon img { width: 70px;}
.board_sub_section .top_text_section .text { font-size: 17px; line-height: 25px;}
.board_sub_section .top_text_section .text span { font-size: 20px;}
.board_sub_section .list_section .list_title { font-size: 17px; padding-left:3.5%; padding-bottom: 1.5%;}
.board_sub_section .list_section .list_title:before { top:10%; background-size: contain; width: 15px; height: 15px;}
.board_sub_section .list_section .text { font-size: 15px; padding-bottom: 1%; padding-left: 3.5%;}


/* 나눔NJOY 프로그램 - Join재능기부프로그램 */
#ability_donation .sub_text_box .text { font-size: 17px; line-height: 24px;}
#ability_donation .ability_list_title { font-size: 15px;}
#ability_donation .ability_list_section { font-size: 0px;}
#ability_donation .ability_list { display: inline-block; border-top: 0px; height: auto;}
#ability_donation .list { display: inline-block; width: 25%; border-top: 1px solid #ededed; float: left; padding: 2% 1%;}
#ability_donation .list.other_width { width: 50%; float: left;}
#ability_donation .list.other_width:nth-child(2n+0) { border-right: 0px;}
#ability_donation .list:nth-child(4n+0) {border-right: 0px;}
#ability_donation .ability_list.first .list:nth-child(-n+4) {border-top:0px;}
#ability_donation .list.other_width br { display:inline-block;}
#ability_donation .sub_text_box .top_icon img { width: 70px;}



/* 나눔NJOY 프로그램 - You응원 프로젝트 */
#cheer .sns_box { display: table; width: 85%; margin:1% auto;}
#cheer .sns_box .title { display: table-cell; vertical-align: middle; text-align:center; width: 26%; border-right: 1px solid #e8e8e8; font-size: 15px;}
#cheer .sns_box .title img { vertical-align: -3px;}
#cheer.board_sub_section .sns_box .text_box { display: table-cell; vertical-align: middle; padding-left: 4%; text-align: left;}
#cheer .sns_box:last-child { float: none; margin:0 auto;}
#cheer.board_sub_section .sns_box .text { font-size: 15px;}

}


@media (max-width: 600px){

/* 게시판 검색 */
.fz_total_count { margin: 10px 0 0; font-size: 1.1em;}
#bo_sch { float: left; width: 100%; text-align: left;}
#bo_sch .search_box { width: calc(100% - 110px); text-align: right;}
#bo_sch .search_box .i_text { width: calc(100% - 40px);}
#bo_sch .select-box,
#bo_sch .select-box li a { min-width: 100px;}
.select-box ul { width: 100%;}


/* 게시판 목록 */
.fz_list div div.name,
.fz_list div div.hit { display: none;}

/* 갤러리 게시판 목록 */
.fz_rss_area { margin: 0 0 5px;}
.fz_gallery li { padding-bottom: 5vw; margin-right: 0; width: 100%; height: auto; margin-bottom: 0%;}
.fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 62vw;}

#bo_v_info .fr { float: left;}
#bo_v_info > div > span { margin-top: 5px; height: 20px; line-height: 1.1em;}
#bo_v_info > div > span.bo_v_term { display: block; font-size: 1.1em;}
#bo_v_info > div > span.bar:nth-child(2) { display: none;}

.calendar_top .inbox {text-align: left;}
.calendar_area #bo_list .popup_layer { display:none !important;}

/* 게시판 view */
#bo_v h1#bo_v_title { padding: 2% 0 0;}

/* 글view 폼 */
.form-v-titl,
.form-v-cont { display: block;  width: 100%; height: auto; text-align: left;}
.form-v-titl { padding: 2vw 0 0;}
.form-v-cont { padding: 2vw 0; border-left: 0;}

/* 글쓰기 폼 */
.form-w-titl,
.form-w-cont { display: block;  width: 100%; height: auto; text-align: left;}
.form-w-titl { padding: 2vw 0 2vw;}
.form-w-cont { padding: 2vw 0; border-left: 0;}

/* 자유게시판 */
.sub_part_free_p .form-w-titl { border-bottom: 0px; border-top: 1px solid #ebebeb;}
.sub_part_free_p .form-w-cont { border-bottom: 0px;}

/* 회원되기 */
.member_title { font-size: 20px;}
.sub_part_support_p .form-w-titl { width: 100%; margin-bottom: 0px; border-bottom: 0px;}
.sub_part_support_p .form-w-cont.first { border-top: 0px;}
.sub_part_support_p .form-w-cont { margin-bottom: 15px; border-bottom: 0px; height: auto;}
.sub_part_support_p .form-w-titl { border-top: 1px solid #edeff6;}
.sub_part_support_p #bo_w .i_text { height: 43px;}
.sub_part_support_p .form-w-cont span { display: block; text-align: left;}
.sub_part_support_p .form-w-cont button span { display:none;} 
#bo_w .i_text.width { width: 100%;}
.sub_part_support_p .cst_radiobox_label input[type="radio"] + span + b { width: 29vw; margin-bottom: 3%;}
.sub_part_support_p .cms_notice { font-size: 13px; line-height: 20px; margin-top: 1.5%;}
.sub_part_support_p .cms_notice .title { font-size: 14px;}
.sub_part_support_p .cms_final_notice { margin-top: 1.5%; margin-bottom: 1.5%; font-size: 14px;}
.sign_area .signcontract_area .bottom_area { width: 100%; text-align: left;}
.sign_area .signcontract_area .bottom_area .left_area {float: none;}
.sign_area .signcontract_area .bottom_area .btn_sign { float: none; display:inline-block;}
.sub_part_support_p .support_text .text { font-size: 14px;}

#bo_w .i_text.phone_number { width: 25%;}
#bo_w .i_text.company_number_1 { width: 30%;}
#bo_w .i_text.company_number_2 { width: 20%;}
#bo_w .i_text.company_number_3 { width: 40%;}
#bo_w .i_text.people_number { width: 45%;}


/* 열린재정 */
.open_finance .text_section .img { width: 23%;}


/* 나눔NJOY 프로그램 */
.board_sub_section .list_section .list_title:before { width: 15px; height: 15px; background-size: contain; top: 8%;}
.board_sub_section .list_section .text { padding-left: 3%;}



/* 나눔NJOY 프로그램 - You응원 프로젝트 */
#cheer .sns_box { width: 100%;}
#cheer .sns_box .title img { display: block; margin:5px auto;}

}




@media (max-width: 450px){

/* 게시판 목록 */
.fz_list { font-size: 14px;}
.fz_list .form-l-head > div { height: 60px;}
.fz_list div div.date { width: 16%;}
.fz_list div div.no { width: 12%;}
.fz_total_count span { font-size: 14px;}

#bo_v h1#bo_v_title { font-size: 1.4em;}
#bo_v_info > div > span strong { font-size: 1em;}
#bo_v_info .fl .bo_v_user em { font-size: 1em; }

.ad_list_area li .txt_date { display: block; width: 100%; padding-top: 1%; padding-left: 0px;}



/* 갤러리 */
.fz_total_count strong { font-size: 16px;}


/* 자유게시판 */
.bo_vc_hdinfo { display:block; padding-left: 0px;}
.bo_vc_w_info { width: 100%;}
.bo_vc_w_info .frm_input { width: 100%; margin-bottom: 5px; margin-right: 0px;}


/* 열린재정 */
.open_finance .text_section { display: block; }
.open_finance .text_section .img { display:block; width: 100%; margin: 2% 0%; background:url('/theme/basic/img/open_img.png')center center no-repeat; background-size: contain; }
.open_finance .text_section .text { text-align: center;}


/* 나눔NJOY 프로그램 공통 */
.board_sub_section .list_section { padding-top: 6%;}
.board_sub_section .list_section .text_box { padding-bottom: 4.5%;}
.board_sub_section .list_section .list_title { padding-left: 6%;}
.board_sub_section .list_section .text { padding-bottom: 2%; padding-left: 6%;}
#ability_donation.board_sub_section .list_section .text:before { left: 1%;}

/* 나눔NJOY 프로그램 - Join 재능기부프로그램 */
#ability_donation .ability_list_section { margin-top: 2%; margin-bottom: 2.8%;}
#ability_donation .ability_list {font-size: 12px;}
#ability_donation .sub_text_box .text br { display: none;}




}