@charset "utf-8";

@media (max-width: 1400px){

/* css 추가 */
	/* portfolio */
		.bd_skin_mf_portfolio_p #bo_sch .radio_box label.all input:checked ~ b,
		.bd_skin_mf_portfolio_p #bo_sch .radio_box label input:checked ~ b,
		.bd_skin_mf_portfolio_p #bo_sch .radio_box label b { padding: 3px 2.5vw;}
		.bd_skin_mf_portfolio_p .fz_gallery li { height: 32vw;}
		.bd_skin_mf_portfolio_p #fboardlist { padding:0px 2vw;}
		.bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 21.5vw; margin-bottom: 2.2vw;}
		.bd_skin_mf_portfolio_p .shop_link_area { top: -10.5%;}

		#bo_v_atc { padding: 0px 2vw;}

	/* shop */
		.bd_skin_mf_cshop_p .s_soom_img_area { padding-right: 3%;}
		.bd_skin_mf_cshop_p #area_visual { padding-top: 50vw;}
		.bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area { margin: 17vw auto; }
		.bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area .title { font-size: 2.1vw;}
		.bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area .text { font-size: 1.4vw; line-height: 2.5vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-auto { left: 36%;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-prev { left: 39.5%;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-next { right: 55.5vw;}
		.bd_skin_mf_cshop_p .cafe_moos_area .soom_img img { width: 24%;}
		.bd_skin_mf_cshop_p .cafe_moos_area .text_area .title img { width: 13vw;}

		.bd_skin_mf_cshop_p #bo_sch .radio_box label.all input:checked ~ b,
		.bd_skin_mf_cshop_p #bo_sch .radio_box label input:checked ~ b,
		.bd_skin_mf_cshop_p #bo_sch .radio_box label b { padding: 3px 2.5vw;}
		.bd_skin_mf_cshop_p .fz_gallery li { height: 32vw;}
		.bd_skin_mf_cshop_p #fboardlist { padding:0px 2vw;}
		.bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 21.5vw; margin-bottom: 2.2vw;}

}

@media (max-width: 1200px){

/* 갤러리 */
.fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 18vw;}


/* css 추가 */
	/* contact */
		.bd_skin_mf_contact_p .form-w-titl{ width: 33%;}
		.bd_skin_mf_contact_p .form-w-list.all .form-w-titl { width: 17%;}
		.bd_skin_mf_contact_p .map_area .root_daum_roughmap { width: 100% !important; padding: 0px 3%;}
		.bd_skin_mf_contact_p .map_area .root_daum_roughmap .wrap_map { height: 70vw !important;}

		.bd_skin_mf_portfolio_p #wrapper,
		.bd_skin_mf_contact_p #wrapper,
		.bd_skin_mf_cshop_p #wrapper { padding-bottom: 12vw;}

	/* portfolio */
		.bd_skin_mf_portfolio_p #bo_v h1#bo_v_title { font-size:3.4vw; }
		.bd_skin_mf_portfolio_p .portfolio_at_area { font-size: 1.6vw;}

	/* shop */
		.bd_skin_mf_cshop_p #bo_v h1#bo_v_title { font-size: 3.4vw;}
		.bd_skin_mf_cshop_p .price_text { font-size: 16px;}
		.bd_skin_mf_cshop_p .shop_link_area { top: -3%;}

}

@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; }

#fboardlist,
header,
#bo_v_atc,
#fboardlist { padding: 0 3vw;}

/* 갤러리 게시판 목록 */
.fz_gallery li { height: 25vw;}
.fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 15vw;}


/* css 추가 */
	
	.fz_footer { padding-top: 0px;}
	.fz_wrap .pg_wrap { padding: 0px 0px 20px;}
	.fz_wrap .pg_page, .fz_wrap .pg_current { margin: 0 1vw; font-size: 15px; width: 20px;}
	.navi_sys_part_pbl .list_btn.btn_list { font-size: 16px; font-weight: 500;}

	/* contact */
		.bd_skin_mf_contact_p #fwrite{ padding-top: 6%;}
		.bd_skin_mf_contact_p .form-w-titl { width: 37%;}
		.bd_skin_mf_contact_p .form-w-list.all .form-w-titl { width: 18.5%;}
		.bd_skin_mf_contact_p #bo_w textarea { height: 250px !important;}

		.studio_section { padding-top: 12vw;}
		.studio_section .text_area { padding: 5vw 3vw; line-height: 28px;}

	/* portfolio */
		.bd_skin_mf_portfolio_p #bo_sch .radio_box,
		.bd_skin_mf_cshop_p #bo_sch .radio_box { margin: 1vw auto 10vw auto;}

		.bd_skin_mf_portfolio_p #bo_sch .radio_box label.all input:checked ~ b,
		.bd_skin_mf_portfolio_p #bo_sch .radio_box label input:checked ~ b,
		.bd_skin_mf_portfolio_p #bo_sch .radio_box label b { padding: 3px 2vw;}
		.bd_skin_mf_portfolio_p #bo_sch .radio_box > div label { font-size: 15px; line-height: 15px;}
		.bd_skin_mf_portfolio_p #bo_sch .radio_box > div label br { display:none;}
		.bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit > div { font-size: 15px;}
		.bd_skin_mf_portfolio_p span.fz_gallery_project { font-size: 13px; padding-top: 2%;}
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_01:after,
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_02:after { height: 89%; top: 7%;}

		.bd_skin_mf_portfolio_p .shop_link_area { padding-right: 0px; top: 20%;}
		.bd_skin_mf_portfolio_p .shop_link_area .shop_link_img { width: 110px;}
		.bd_skin_mf_portfolio_p .shop_link_area .shop_link_img .text { top: 44%; left: 16%; font-size: 15px;}
		.bd_skin_mf_portfolio_p .portfolio_at_area { font-size: 15px; padding: 5vw 0px 9vw;}
		.bd_skin_mf_portfolio_p .portfolio_at_area span.sub_text { line-height: 18px;}

	/* shop */
		.sub_part_cshop_p .s_soom_img_area { padding: 1% 3% 5px;}
		.sub_part_cshop_p .s_soom_img_area img { width: 27%;}
		.bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area .text { font-size: 15px; line-height: 25px;}
		.bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area .title { font-size: 20px;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-auto { left: 33.5vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-prev { left: 38vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-pager-item { width: 30px !important;}

		.bd_skin_mf_cshop_p #bo_sch .radio_box label.all input:checked ~ b,
		.bd_skin_mf_cshop_p #bo_sch .radio_box label input:checked ~ b,
		.bd_skin_mf_cshop_p #bo_sch .radio_box label b { padding: 3px 2vw;}
		.bd_skin_mf_cshop_p #bo_sch .radio_box > div label { font-size: 15px; line-height: 18px;}
		.bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit > div { font-size: 15px;}
		.bd_skin_mf_cshop_p span.fz_gallery_project { font-size: 13px; padding-top: 2%;}
		.bd_skin_mf_cshop_p .cafe_moos_area .text_area .text { font-size: 15px; line-height: 25px;}
		.bd_skin_mf_cshop_p .cafe_moos_area .text_area .title img { width: 130px;}

		.bd_skin_mf_cshop_p .shop_link_area { padding-right: 0px; top: -2%; right: 2%;}
		.bd_skin_mf_cshop_p .shop_link_area .shop_link_img { width: 110px;}
		.bd_skin_mf_cshop_p .shop_link_area .shop_link_img .text { top: 44%; left: 16%; font-size: 15px;}
		.bd_skin_mf_cshop_p .portfolio_at_area { font-size: 15px; padding: 5vw 0px;}
		.bd_skin_mf_cshop_p .portfolio_at_area span.sub_text { line-height: 18px;}

}


@media (max-width: 801px){


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


/* css 추가 */

	.fz_wrap .pg_wrap .pg_next,
	.fz_wrap .pg_wrap .pg_end,
	.fz_wrap .pg_wrap .pg_prev,
	.fz_wrap .pg_wrap .pg_start{ margin: 0px 8px;}

	/* contact */
		.bd_skin_mf_contact_p #fwrite { width: 87%;}
		.bd_skin_mf_contact_p .form-w-list,
		.bd_skin_mf_contact_p .form-w-list.all { display: table; width: 100%; padding-right: 16%;}
		.bd_skin_mf_contact_p .form-w-titl,
		.bd_skin_mf_contact_p .form-w-list.all .form-w-titl { width: 30%;}
		.bd_skin_mf_contact_p .form-w-titl label,
		.bd_skin_mf_contact_p .write_foot .btn_submit,
		.studio_section .text_area { font-size: 14px; line-height: 23px;}
		.bd_skin_mf_contact_p .write_foot .btn_submit { padding: 8px 50px;}
		.bd_skin_mf_contact_p #bo_w textarea { height: 200px !important;}
		.bd_skin_mf_contact_p #bo_w .i_text { height: 40px;}
		.studio_section .top_title { font-size: 18px;}
	
	/* portfolio */
		.bd_skin_mf_portfolio_p .fz_gallery li { width: 48%; margin-right: 4%; height: 58vw;}
		.bd_skin_mf_portfolio_p .fz_gallery li:nth-child(3n+0) { margin-right: 4%;}
		.bd_skin_mf_portfolio_p .fz_gallery li:nth-child(even) { margin-right:0px;}
		.bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 42.3vw;}

		.bd_skin_mf_portfolio_p #bo_v h1#bo_v_title { font-size: 27px;}
		.bd_skin_mf_portfolio_p .portfolio_at_area { display:block; text-align: left; padding: 5vw 0px 60px;}
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at { display: table; width: 100%; table-layout:fixed; padding:3% 0px; border-bottom: 1px solid #eee;}
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at span { display: table-cell; width: 80%; padding-left: 10px;}
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_01:after,
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_02:after { border:0px;}
		.bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_03 { border-bottom: 0px;}
		.bd_skin_mf_portfolio_p .portfolio_at_area span.title_text { width: 20%; padding:0px;}
		.bd_skin_mf_portfolio_p .shop_link_area { top: auto; bottom: 4%;}
		.bd_skin_mf_portfolio_p .shop_link_area .shop_link_img { width: 85px;}
		.bd_skin_mf_portfolio_p .shop_link_area .shop_link_img .text { font-size: 12px;}
		.bd_skin_mf_portfolio_p #bo_list .bo_tit .new_icon { vertical-align: 0px;}

	/* shop */
		.bd_skin_mf_cshop_p #area_visual { padding-top: 365px; }
		.bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area { margin: 110px auto;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-auto { left: 30.5vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-prev { left: 36vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-next { right: 56vw;}

		.bd_skin_mf_cshop_p .fz_gallery li { width: 48%; margin-right: 4%; height: 60vw;}
		.bd_skin_mf_cshop_p .fz_gallery li:nth-child(3n+0) { margin-right: 4%;}
		.bd_skin_mf_cshop_p .fz_gallery li:nth-child(even) { margin-right:0px;}
		.bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 42.3vw;}

		.bd_skin_mf_cshop_p .shop_link_area { top: -2.3%;}
		.bd_skin_mf_cshop_p .shop_link_area .shop_link_img { width: 85px;}
		.bd_skin_mf_cshop_p .shop_link_area .shop_link_img .text { font-size: 12px;}

		.bd_skin_mf_cshop_p #bo_v h1#bo_v_title { font-size: 27px; display: block;}
		.bd_skin_mf_cshop_p .price_text { font-size: 15px; display: block; padding:0px;}
	


}


@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;}

.pg_page, .qa_page, .pg_current { min-width:27px; }
.fz_wrap .pg_current { min-width:27px; }

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

#bo_v_info .fl { width: 100%; margin: 5px 0 0;}
#bo_v_info .fr { float: left;}
#bo_v_info > div > span { margin-top: 5px; height: 20px; line-height: 1.5em;}
#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 폼 */
.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 0;}
.form-w-cont { padding: 2vw 0; border-left: 0;}


/* css 추가 */
	/* contact */
		.bd_skin_mf_contact_p .form-w-titl,
		.bd_skin_mf_contact_p .form-w-cont { display: table-cell; padding: 5px 8px;}
		.bd_skin_mf_contact_p .form-w-list,
		.bd_skin_mf_contact_p .form-w-list.all { padding-right: 6vw;}

		.bd_skin_mf_contact_p .studio_section { padding-top: 17vw;}
		.studio_section .top_title { font-size: 17px;}


	/* portfolio */
		.bd_skin_mf_portfolio_p .portfolio_at_area span.title_text { width: 23%;}

	/* shop */
		.bd_skin_mf_cshop_p header { padding-bottom: 10vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-pager { padding-left: 10%;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-auto { left: 24%;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-prev { left: 31vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-next { right: 58vw;}
		.bd_skin_mf_cshop_p .shop_link_area { top: -2.4%;}
		.bd_skin_mf_cshop_p .shop_link_area .shop_link_img { width: 75px;}
		.bd_skin_mf_cshop_p .shop_link_area .shop_link_img .text { font-size: 10px;}
}



@media (max-width: 450px){

/* css 추가 */
	/* contact */
		.bd_skin_mf_contact_p .form-w-titl,
		.bd_skin_mf_contact_p .form-w-list.all .form-w-titl { width: 26%;}

		.bd_skin_mf_contact_p .form-w-list,
		.bd_skin_mf_contact_p .form-w-list.all { padding-right: 2vw;}
		.studio_section .text_area .text { line-height: 21px;}
		.bd_skin_mf_contact_p .studio_section .text_area { padding: 7vw 8px;}

	/* portfolio */
		.bd_skin_mf_portfolio_p .fz_gallery li { width: 100%; margin-right: 0px; height: 116vw;}
		.bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 86.3vw; margin-bottom: 6%;}
		.bd_skin_mf_portfolio_p .portfolio_at_area span.title_text { width: 30%;}
		.bd_skin_mf_portfolio_p .shop_link_area .shop_link_img { width: 75px;}
		.bd_skin_mf_portfolio_p .shop_link_area .shop_link_img .text { font-size: 10px;}
		.bd_skin_mf_portfolio_p #bo_v h1#bo_v_title { font-size: 6vw;}

	/* shop */
		.bd_skin_mf_cshop_p header { padding-bottom: 17vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-pager { padding-left: 21%;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-next { right: 57vw;}
		.bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-prev { left: 28vw; }
		.bd_skin_mf_cshop_p #area_visual .bx-controls-auto { left: 18%;}
		.bd_skin_mf_cshop_p .fz_gallery li { width: 100%; margin-right: 0px; height: 116vw;}
		.bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 86.3vw; margin-bottom: 6%;}
		.bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_price { padding-top: 3%;}
		.bd_skin_mf_cshop_p #bo_v h1#bo_v_title { font-size: 6vw;}
		.bd_skin_mf_cshop_p .shop_link_area { top: -3.6%}



}