@charset "utf-8";


/* PC이하 */
@media all and (max-width:1199px) {

	/* 명동밥집 기도문 */
	.prayer .img, .prayer .text { width: 50%; }
	.prayer .text { padding-left: 30px; }
	.prayer .text .title { display: inline-block; font-sizE: 20px; }
	.prayer .text .sub {font-sizE: 14px;}

	/* 밥집이 하는 일 */
	.free_wrap { padding-bottom: 0; }
	.free_job:after { content: ''; display: block; clear: both; }
	.free_job .text {width: 60%;display: block;padding: 90px 50px 50px;background: #f9f9f9;float: right;margin-top: -50px;}
	.free_bg {display: none;}

	/* 웹진 */
	.board_year li { width: 65%; }
	.board_year li.small { width: 35%; }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {

	/* 인사말 */
	.intro { padding-left: 400px; }
	.intro .text .title { font-size: 32px; }
	.intro .text .sub_tit { font-size: 20px; line-height: 1.5; }

	/* 목표와 가치 */
	.goal li .title { font-size: 35px; line-height: 1.3; }
	.goal li .sub { padding: 0 20px; }

	/* 명동밥집 기도문 */
	.prayer > div { float: none; }
	.prayer .img, .prayer .text { width: 100%; }
	.prayer .img { padding-left: 0;padding-top: 0; padding-bottom: 30px; }
	.prayer .text { padding-left: 0; padding-right: 0 }

	/* 연혁 */
	.history li { padding-lefT: 200px; }
	.history_year { font-size: 65px; }
	.history_cont { padding-left: 60px; padding-bottom: 50px; }
	.history_img { margin: 50px 0; }

	/* 밥집이 하는 일 */
	.free_job .text {width: 90%; }

	/* 밥집이야기 */
	.gallery_list { margin: 0 -10px; }
	.gallery_list li > a { padding: 15px; margin: 0 10px 25px; }
	.gallery_list li .title { font-size: 16px; }
	.gallery_list li .bot { font-size: 14px; }
	.gallery_list li .bot img { height: 20px; }

	/* 웹진 */
	.year_view { width: 100%; }
	.year_view_box { padding-bottom: 30px; }
	.year_view .col02 { margin: 0 -5px; }
	.year_view .col02 li > div { margin: 0 5px; }
	.year_view_box .tag { line-height: 50px; width: 200px; font-size: 16px; }

	.modal__badge{width: 80%; padding: 45px 30px;}
	.modal__all-meal{padding: 45px 30px;}

	.meal__wrap .meal__popup{width: 240px; height: 60px; line-height: 60px;}
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {

	.content { word-break: keep-all; }
	.sub_title { font-size: 27px; margin-bottom: 40px; }

	/* 인사말 */
	.intro { padding-left: 0; }
	.intro .img { position: static; }
	.intro .text .title { font-size: 25px; }
	.intro .text .sub_tit { font-size: 17px; }

	/* 목표와 가치 */
	.goal_tab li a { font-size: 14px; line-height: 55px; }
	.goal li { margin-bottom: 20px; }
	.goal li .text { height: 280px; padding-top: 115px; }
	.goal li:hover .text { padding-top: 60px; }
	.goal li .title { font-size: 25px;  }
	.value_txt { font-size: 20px; }
	.value_list li .icon { width: 60px; }
	.value_list li .text { padding-left: 20px; }
	.value_list li .text .tit { font-size: 20px; }
	.value_list li .text .sub { font-size: 14px; }

	/* 명동밥집 기도문 */
	.prayer .text .title { font-sizE: 17px; }
	.prayer .text .sub { font-sizE: 13px; }

	/* 연혁 */
	.history li { padding-lefT: 150px; }
	.history_year { font-size: 50px; }
	.history_cont { padding-left: 50px; }
	.history_text { font-size: 15px; }
	.history_text span { displaY: block; }

	/* 오시는 길 */
	.root_daum_roughmap.location_map .wrap_map { height: 300px }
	.location_scroll .item { margin-right: 15px; }

	/* 밥집이 하는 일 */
	.free_tit { font-size: 20px; padding: 0 10px; }
	.free_job .text {width: 100%; background: none; padding: 40px 0 0; float: none; margin-top: 0; }

	/* 밥집이야기 */
	.gallery_list li { width: 50%; }

	/* 봉사내용 */
	.info_tit { margin: 40px 0; font-size: 20px; }
	.info_table th, .info_table td { padding: 15px 10px; }
	.info_table th { font-size: 16px; }
	.info_table td { font-size: 14px; }
	.info_btn { margin-top: 50px; }
	.info_btn a { width: 200px;  line-height: 60px; height: 60px; font-size: 16px; }

	/* 후원 */
	.sponsor_square { font-size: 16px; }
	.sponsor_table_tit { font-size: 20px; margin: 50px 0 20px; }
	.sponsor_btn { margin-top: 50px; }
	.sponsor_btn a { width: 150px; font-size: 14px; line-height: 50px; margin: 0 5px; }
	.sponsor_bg { margin-top: 50px; padding: 30px 0; }

	/* 웹진 */
	.board_year li { width: 100%; height: auto; }
	.board_year li.small {width: 100%;margin: 10px 0 0;padding-left: 0;}
	.board_year li .wrap .img, .board_year li.small .wrap .img { height: 0; padding-top: calc(700/820 * 100%); }
	.board_year li.small .wrap { height: auto; }
	.board_year li .wrap .hover .box, .board_year li.small .wrap .hover .box { bottom:35px; padding: 0 150px 0 30px; background: url('/image/sub/w_arw.png') no-repeat center right 30px / 45px; }
	.board_year li .wrap .hover .box .title, .board_year li.small .wrap .hover .box .title { font-size: 18px;}
	.board_year li .wrap .hover .box .name, .board_year li.small .wrap .hover .box .name { font-size: 25px; }

	.year_view { padding: 40px 15px 0; }
	.year_view .col02 > li { width: 100%; }
	.year_view_box .text { padding: 20px 15px; }
	.year_view_box .tit { font-size: 16px; }
	.year_view_box .sub { font-size: 14px; }
	.year_view_box .tag { width: auto;  font-size: 13px; padding: 0 20px;; }

	.modal__tit{font-size: 24px; margin-bottom: 25px;}
	.modal__txt{font-size: 20px; margin-top: 25px;}

	/* 240730 개인정보처리방침 추가 */
	.privacyWrap {padding-top:60px;}
	.privacy-tit {font-size: 21px;}
}

/* 모바일 상세 */
@media all and (max-width:640px) {

	/* 명동밥집TV */
	.board_video li { width: 100%;}
	.board_video li > a { margin: 0 0 20px; }

	.modal__badge,
	.modal__all-meal{width: 90%; padding: 30px 20px;}
	.modal__tit{font-size: 18px;}
	.modal__txt{font-size: 15px; margin-top: 20px;}
	.modal__close{width: 40px; height: 40px; top: -50px}


	.meal__wrap .cal__nav{margin-top: 30px;}
	.meal__wrap .cal__nav .nav__btn{width: 30px;}
	.meal__wrap .cal__nav .nav__btn img{width: 100%;}
	.meal__wrap .cal__nav p{width: 150px; font-size: 20px;}
	.cal__list--mo{margin-top: 25px;}
	.cal__list--mo li .cal__date{font-size: 16px;}
	.cal__list--mo li .cal__badge-wrap{padding: 12px;}
	.cal__list--mo li p{font-size: 14px;}
	.cal__list--mo li .cal__badge{font-size: 12px;}

	.meal__wrap .meal__popup{width: 200px; height: 50px; line-height: 50px;}
	.meal__wrap .meal__popup p{font-size: 16px; padding-left: 40px; background-size: 20px; padding-left: 30px;}
}

/* 모바일 가로 */
@media all and (max-width:568px) {

	.sub_title { font-size: 23px; }

	/* 목표와 가치 */
	.goal li:hover .text { padding-top: 45px; }

	/* 연혁 */
	.history li { padding-lefT: 100px; }
	.history_year { font-size: 32px; }
	.history_cont {padding-left: 40px;}
	.history_text {font-size: 13px;margin-bottom: 10px;}
	.history_text span { displaY: block; }
	.history_cont:before {width: 20px;height: 20px;background-size: 100%;}
	.history_cont:after {width: 1px;left: 9px;}
	.history_img { margin: 30px 0; }

	/* 밥집이 하는 일 */
	.free_tit { font-size: 15px; }
	.free_job .text .bar { margin-bottom: 30px; }
	.free_job .text .square { font-size: 17px; }
	.free_job .text .point_color p { font-size: 14px; }

	/* 밥집이야기 */
	.gallery_list { margin: 0 -5px; }
	.gallery_list li > a { padding: 10px; margin: 0 5px 20px; }
	.gallery_list li .title { font-size: 14px; margin: 10px 0; }
	.gallery_list li .bot { padding-top: 20px; font-size: 12px; }
	.gallery_list li .bot img { height: 15px; }

	/* 웹진 */
	.board_year li .wrap .hover .box, .board_year li.small .wrap .hover .box { bottom:25px; padding: 0 80px 0 20px; background: url('/image/sub/w_arw.png') no-repeat center right 20px / 30px; }
	.board_year li .wrap .hover .box .title, .board_year li.small .wrap .hover .box .title { font-size: 13px;}
	.board_year li .wrap .hover .box .name, .board_year li.small .wrap .hover .box .name { font-size: 17px; }

	/* 240730 개인정보처리방침 추가 */
	.privacyWrap {padding-top:35px;}
	.privacy-tit {font-size: 19px; margin-bottom: 20px;}
	.privacy-desc {font-size: 13px; margin-bottom: 20px;}
	.privacy-subTit {font-size: 13px; margin-bottom: 10px;}
	.privacyWrap table {margin: 10px 0;}
	.privacyWrap table th, .privacyWrap table td {padding: 10px;}

}

@media all and (max-width:425px) {

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}