@charset "utf-8";

.story {}
.story .board_list_top {*zoom:1;margin:35px 0 0;}
.story .board_list_top:after {content:"";display:block;clear:both;}
.story .board_list_top .board_list_img_total {float:left;margin:5px 0 0;}
.story .board_list_top .sort_bx {float:right;}
.story .board_list_top .sort_bx .slct {width:100px;height:30px;padding:5px 0;line-height:28px;border:1px solid #cbcbcb;background:#fff;}
.story .board_list_img .bd_tit {padding-left:48px;position:relative;}
.story .board_list_img .bd_info {padding-left:48px;}
.story .board_list_img .bd_tit .ico_food{display:inline-block;width:34px;height:34px;position:absolute;left:10px;bottom:2px;background-position:0 0;background-repeat:no-repeat}
.story .board_list_img a:hover .bd_tit .ico_food, .story .board_list_img a:focus .bd_tit .ico_food {background-position:-34px 0;}
.story .board_list_img li a .bd_img > img {min-width:0;}
.story .ico_food.soup {background-image:url(/static/kor/images/ico/ico_food_soup.png);}/*탕류*/
.story .ico_food.noodle {background-image:url(/static/kor/images/ico/ico_food_noodle.png);}/*면류*/
.story .ico_food.steam {background-image:url(/static/kor/images/ico/ico_food_steam.png);}/*찜류*/
.story .ico_food.side {background-image:url(/static/kor/images/ico/ico_food_side.png);}/*반찬류*/
.story .ico_food.snack {background-image:url(/static/kor/images/ico/ico_food_snack.png);}/*간식류*/
.story .ico_food.roast {background-image:url(/static/kor/images/ico/ico_food_roast.png);}/*구이류*/

/*2014-12-03 추가*/
.tab_blue.food {padding:0;margin-top:20px;}
.tab_blue.food ul li {width:12.5%;}
.tab_blue.food ul li a>span{display:inline-block;width:24px;height:22px;background-image:url(/static/kor/images/ico/ico_food_tab.png);background-repeat:no-repeat;vertical-align:middle;margin-top:-2px;margin-right:2px;}
.tab_blue.food ul li a:hover>span, .tab_blue.food ul li a:focus>span, .tab_blue.food ul li a.on>span {background-image:url(/static/kor/images/ico/ico_food_tab_ov.png);}
.tab_blue.food ul li a>span.f_ko {background-position:0 0}
.tab_blue.food ul li a>span.f_wt {background-position:-24px 0}
.tab_blue.food ul li a>span.f_ch {background-position:-48px 0}
.tab_blue.food ul li a>span.f_jp {background-position:-72px 0}
.tab_blue.food ul li a>span.f_fu {background-position:-96px 0}
.tab_blue.food ul li a>span.f_sl {background-position:-120px 0}
.tab_blue.food ul li a>span.f_etc {background-position:-144px 0}
.story .ico_food.f_ko {background-image:url(/static/kor/images/ico/ico_food_ko.png);}/*한식*/
.story .ico_food.f_wt {background-image:url(/static/kor/images/ico/ico_food_wt.png);}/*양식*/
.story .ico_food.f_ch {background-image:url(/static/kor/images/ico/ico_food_ch.png);}/*중식*/
.story .ico_food.f_jp {background-image:url(/static/kor/images/ico/ico_food_jp.png);}/*일식*/
.story .ico_food.f_fu {background-image:url(/static/kor/images/ico/ico_food_fu.png);}/*퓨전*/
.story .ico_food.f_sl {background-image:url(/static/kor/images/ico/ico_food_sl.png);}/*샐러드*/
.story .ico_food.f_etc {background-image:url(/static/kor/images/ico/ico_food_etc.png);}/*기타*/
.story .board_list_img li a:hover {text-decoration:none;}
.story .board_list_img li a:hover .bd_tit {text-decoration:underline;}
.story .board_list_img li a:hover .bd_tit .ico_food, .story .board_list_img li a:focus .bd_tit .ico_food {background-position:-34px 0;}
/* // 2014-12-03 추가*/

.story .foodView {overflow:hidden;width:100%;}
.story .foodView .foodSpec {display:table;width:100%;border:1px solid #d9d9d9;box-sizing:border-box;}
.story .foodView .image {display:table-cell;width:55%;border-right:1px solid #d9d9d9;text-align:center;vertical-align:middle}
.story .foodView .image .img {}
.story .foodView .image .img > a {display:block;position:absolute;top:50%;width:25px;margin-top:-12px;}
.story .foodView .image .img img {width:90%;max-width:360px;}

.story .foodView .spec {display:table-cell;position:relative;width:45%;font-size:14px;color:#666;line-height:1.714em;}
.story .foodView .spec .specBox {padding:30px 25px 0;}
.story .foodView .spec .food_name{color:#252525;font-size:20px;}
.story .foodView .spec .food_name .date,.story .foodView .spec .food_name .hits {font-size:12px;color:#999;margin:0 0 0 10px;}
.story .foodView .spec .food_name .ico_food {display:inline-block;width:34px;height:34px;vertical-align:bottom;background-position:0 0;background-repeat:no-repeat;margin-right:5px;}
.story .foodView .spec .food_cont {min-height:180px;padding:20px 0 0;}
.story .foodView .spec .attach {font-size:12px;color:#0078c1;margin:5px 0 0}
.story .foodView .spec .attach .ico.ico_attach {vertical-align:text-bottom;}
.story .foodView .spec .attach a {color:#0078c1;}

.story .foodView .spec .prd_image {position:relative;}
.story .foodView .spec .prd_image dl dt {height:40px;padding-left:30px;border:solid #d9d9d9;border-width:1px 0;color:#333;font-size:16px;font-weight:bold;line-height:40px;}
.story .foodView .spec .prd_image dl dd {width:100%;position:relative;}
.story .foodView .spec .prd_image dl dd ul {overflow:hidden;margin:0 10px}
.story .foodView .spec .prd_image dl dd ul li {float:left;position:relative;width:33.3%;padding:15px 0 10px}
.story .foodView .spec .prd_image dl dd ul li a {display:block;text-align:center;}
.story .foodView .spec .prd_image dl dd ul li:first-child a{border:0;}
.story .foodView .spec .prd_image dl dd ul li a img {width:80%;max-width:100px;height: 116px;}
.story .foodView .spec .prd_image dl dd ul li a .name {display:block;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;}
.story .foodView .spec .prd_image dl dd .btn_more{position:absolute;right:20px;top:-35px;font-size:13px;color:#666;}

.story .foodView .detail_view {margin-top:30px;border:solid 1px #e4e4e4;}
.story .foodView .detail_view h4 {padding:10px 20px;background-color:#f4f4f4;color:#5a5a5a;font-size:15px}
.story .foodView .detail_view .output {padding:40px 20px;}
.story .foodView .detail_view .output div {text-align:center;font-size:14px;line-height:1.5em;}
.story .foodView .detail_view .output div img {max-width:100%;height:auto;}


@media screen and (max-width: 696px){
	.story .foodView .foodSpec {border:none;width:100%;display:block;}
	
	.story .foodView .image {display:block;width:100%;box-sizing: border-box;border:solid 1px #d9d9d9;text-align:center;border-width:1px 1px 0;}
	.story .foodView .image .img {padding:10% 0 ;width:80%;margin:0 auto;}
	
	.story .foodView .spec  {display:block;width:100%;}
	.story .foodView .spec .food_name strong {display:inline-block;line-height:24px;font-size:18px;}
	.story .foodView .spec .food_name .ico_food {width:25px;height:25px;}
	.story .foodView .spec .specBox {padding:0 15px 0;border:solid #d9d9d9;border-width:0 1px 1px;}
	.story .foodView .spec .prd_image {margin-top:20px;}
	.story .foodView .spec .prd_image dl dt {padding-left:0;border:none;}
	.story .foodView .spec .prd_image dl dd ul li {padding-top:5px;}
	.story .foodView .spec .prd_image dl dd ul li a {border:none;}
	.story .foodView .spec .prd_image dl dd ul li a img {width:70%}
	.story .foodView .spec .prd_image dl dd ul li a .name {font-size:12px;}
	.story .foodView .spec .prd_image dl dd .btn_more{right:15px;top:-30px;font-size:12px;}
	.story .foodView .spec .food_cont {min-height:50px;padding:10px 0;font-size:13px;}	

	.story .board_list_top {margin-top:15px;}
	.story .board_list_img {margin-top:7px;}
	.story .board_list_img .bd_tit {padding-left:35px;position:relative;}
	.story .board_list_img .bd_info {padding-left:35px;}
	.story .board_list_img .bd_tit .ico_food{display:inline-block;width:25px;height:25px;position:absolute;left:5px;bottom:2px;background-position:0 0;background-repeat:no-repeat}
	.story .board_list_img a:hover .bd_tit .ico_food, .story .board_list_img a:focus .bd_tit .ico_food{background-position:0 0;}

	.story .ico_food.soup {background-image:url(/static/kor/images/ico/ico_food_soup_mo.png);}/*탕류*/
	.story .ico_food.noodle {background-image:url(/static/kor/images/ico/ico_food_noodle_mo.png);}/*면류*/
	.story .ico_food.steam {background-image:url(/static/kor/images/ico/ico_food_steam_mo.png);}/*찜류*/
	.story .ico_food.side {background-image:url(/static/kor/images/ico/ico_food_side_mo.png);}/*반찬류*/
	.story .ico_food.snack {background-image:url(/static/kor/images/ico/ico_food_snack_mo.png);}/*간식류*/
	.story .ico_food.roast {background-image:url(/static/kor/images/ico/ico_food_roast_mo.png);}/*구이류*/
	
	.story .ico_food.f_ko {background-image:url(/static/kor/images/ico/ico_food_ko_mo.png);}/*한식*/
	.story .ico_food.f_wt {background-image:url(/static/kor/images/ico/ico_food_wt_mo.png);}/*양식*/
	.story .ico_food.f_ch {background-image:url(/static/kor/images/ico/ico_food_ch_mo.png);}/*중식*/
	.story .ico_food.f_jp {background-image:url(/static/kor/images/ico/ico_food_jp_mo.png);}/*일식*/
	.story .ico_food.f_fu {background-image:url(/static/kor/images/ico/ico_food_fu_mo.png);}/*퓨전*/
	.story .ico_food.f_sl {background-image:url(/static/kor/images/ico/ico_food_sl_mo.png);}/*샐러드*/
	.story .ico_food.f_etc {background-image:url(/static/kor/images/ico/ico_food_etc_mo.png);}/*기타*/
	.story .board_list_img li a:hover .bd_tit .ico_food, .story .board_list_img li a:focus .bd_tit .ico_food {background-position:-25px 0;}

	.tab_blue.food ul li {width:50%;}
	.story .foodView .detail_view .output div {font-size:13px;}
}

@media screen and (max-width:321px){

	.story .board_list_img .bd_info {letter-spacing:-1px;padding-right:0;}
}