@charset "utf-8";

/* 전체 영역 */
input[type=text] { border:solid 1px #DFDED2; width:100%;height:40px;vertical-align:middle;width:100%;padding-left:5px; }
ul li {text-align: left;} 

/* 상단 검색 영역 및 select box */
.select_top {width:100%;}
.select_top > div { display:inline-block;text-align:left;}
.select_top > div:first-child{ width:31%; }
.select_top > div:last-child{ width:68%;text-align: right;vertical-align:top;padding-top:1%; }	

.select_app { clear:both;width:100%;height:40px;border:solid 1px #DFDED2;display:table;cursor:pointer;background-color:#FFFFFF;}
.select_app > div:first-child{ display:table-cell;vertical-align:middle;width:79%;padding-left:15px; text-align: left;}
.select_app > div:last-child{ display:table-cell;vertical-align:middle;width:13%;}
.select_app > div:last-child > img{ width:22px;height:12px; }

.promotion{ border:solid 1px #DFDED2;position:absolute;z-index:10;display:none;background-color:#FFFFFF;cursor:pointer;overflow:hidden; }
.promotion > ul{ margin:1% 5%; }
.promotion > ul > li{ line-height:150%; }

/* 하단 검색 영역 및 select box */
.style_btn1 { border-radius:25px 25px 25px 25px;-moz-border-radius:25px 25px 25px 25px;-webkit-border-radius:25px 25px 25px 25px; }
.select_bottom { display:table;width:100%;}
.select_bottom > div { display:table-cell;vertical-align:middle; }
.select_bottom > div:first-child { width:30%; }
.select_bottom > div:nth-child(2) { padding:0 2%; }
.select_bottom > div:last-child{ width:18%;text-align:left; height: 30px; }

.select_bottom .search_group{ height:44px;}
.select_bottom .search_group #search_btn{ display:table;width:100%;height:100%;cursor:pointer;border:solid 1px #8FC31F; }
.select_bottom .search_group #search_btn > p{ display:table-cell;vertical-align:middle;text-align:center; }

/* 풀무원푸드앤컬처 소식 영역 */
.last_line{ margin-top: 0px; border-bottom:1px solid #8FC31F;}  
.table_border { width: 100%; }
.table_border .line_c2 > td{ border-bottom: 1px solid #DFDED2;height: 0px;border-bottom: 1px solid #DFDED2; }
.table_border  td:first-child{ width:11%; text-align:center; vertical-align: middle;cursor:pointer;}
.table_border  td:last-child{ width:86%; text-align:left; vertical-align: middle;cursor:pointer;line-height:170%;} 

/* 홍보센터 리스트 - 페이징 */
.public_page{ color:#AAAAAA; padding-top:39px; text-align:center;}
.public_page > ul > li { cursor:pointer;display:inline-block;margin:0 1%;vertical-align:top; }
.public_page > ul > li > img{ width:40px;height:40px; }
.public_page .page_num{ padding-top:12px;}
/**/
.page_line{ margin-top: 0px; border-top:1px solid #DFDED2;}
/* 홍보센터 리스트 - 상세 */
#public_detail_wrapper > div{line-height: 180%;}
#public_detail_wrapper > div:nth-child(2) { float:left; }
#public_detail_wrapper > div:nth-child(3){ float:right; }
#public_detail_wrapper > div:nth-child(4){ clear:both; }
#public_detail_wrapper > div:nth-child(5){ text-align: left; }
#public_detail_wrapper > div:nth-child(13) > div{ width:16%;margin:0 auto;border:solid 1px #8FC31F;display:table;cursor:pointer;
	border-radius: 25px 25px 25px 25px;-moz-border-radius: 25px 25px 25px 25px;-webkit-border-radius: 25px 25px 25px 25px;
}
#public_detail_wrapper {display: none;}
#public_detail_wrapper > div:nth-child(13) > div > p{ display:table-cell;vertical-align:middle;text-align:center; }
.public_detail_next { display:table;cursor:pointer; } 
.public_detail_next > div { display:table-cell;text-align:center;vertical-align:middle; }
.public_detail_next > div:first-child{ width:100px; } 
.public_detail_next > div:nth-child(2){ width:22px; }
.public_detail_next > div:last-child{ padding-left:4%;text-align:left; }

.sub_title {text-align: center; margin-top: 25px;}
/* ********************************** (1200 ~ 990  사이즈)85% CSS ************** */
@media screen and (max-width:1200px) and (min-width:990px){
	/* 홍보센터 리스트 - 페이징 */
	.public_page > ul > li > img{ width:34px;height:34px; }
	.public_page .page_num{ padding-top:9px; }
	
	/* 홍보센터 리스트 - 상세 */
	#public_detail_wrapper > div:last-child > div{ height:50px}
	.public_detail_next > div:first-child{ width:85px; } 
	.public_detail_next > div:nth-child(2){ width:19px; }
}
/* ********************************** (989 ~ 768  사이즈)70% CSS **************** */
@media screen and (max-width:989px) and (min-width:768px){
	/* 홍보센터 리스트 - 페이징 */
	.public_page > ul > li > img{ width:32px;height:32px; }
	.public_page .page_num{ padding-top:7px; }
	
	/* 홍보센터 리스트 - 상세 */
	#public_detail_wrapper > div:last-child > div{ height:43px}
	.public_detail_next > div:first-child{ width:72px; } 
	.public_detail_next > div:nth-child(2){ width:16px; }
}
/* ********************************** (767 ~ 415  사이즈)65% CSS **************** */
@media screen and (max-width:767px) and (min-width:415px){
	/* 홍보센터 리스트 - 페이징 */
	.public_page > ul > li > img{ width:31px;height:31px; }
	.public_page .page_num{ padding-top:5px; }
	
	/* 홍보센터 리스트 - 상세 */
	#public_detail_wrapper > div:last-child > div{ height:37px}
	.public_detail_next > div:first-child{ width:61px; } 
	.public_detail_next > div:nth-child(2){ width:14px; }
	
	/* 상단 검색 조건 */
	.select_app > div:last-child{ width:100%; }

	/* 하단 검색 조건 */
	.select_bottom .search_group{ margin-left: 5%;}
	
	/* list 번호와 제목 사이간격 */
	.table_border  td:last-child{ width:86%; text-align:left; vertical-align: middle;cursor:pointer;line-height:170%; padding-left:3%;}
}
/* ********************************** (414미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:414px){
	
	/* 홍보센터 리스트 - 페이징 */
	.public_page > ul > li > img{ width:30px;height:30px; }
	.public_page .page_num{ padding-top:3px; }  
	
	/* 홍보센터 리스트 - 상세 */
	#public_detail_wrapper > div:first-child{ float:none;text-align:center; }
	#public_detail_wrapper > div:nth-child(2){ float:left;display:inline-block;}
	#public_detail_wrapper > div:nth-child(3){ float:right;}
	#public_detail_wrapper > div:last-child > div{ height:37px}
	.public_detail_next > div:first-child{ width:58px; } 
	.public_detail_next > div:nth-child(2){ width:14px; }

	/* 상단 검색 조건 */
	.select_top > div:first-child{ width:98%; }
	.select_app > div:last-child{ width:9%; }
	.select_top > div:last-child{ width:100%;text-align:center;vertical-align:top;padding-top:1%; }	

	/* 하단 검색 조건 */
	.select_bottom { display:block;width:100%;}
	.select_bottom > div {display:block;vertical-align:middle;width:100%; }
	.select_bottom > div:first-child { width:100%; }
	.select_bottom > div:nth-child(2) { padding:2% 0%; width:98.5%;}
	.select_bottom > div:last-child{ padding:4% 0%;width:32%; margin: 0 auto;}
	
	.select_bottom .search_group{ height:44px;}
	.select_bottom .search_group #search_btn{ display:table;width:100%;height:100%;cursor:pointer;border:solid 1px #8FC31F;}
	.select_bottom .search_group #search_btn > p{ display:table-cell;vertical-align:middle;text-align:center; }	
	
	#public_detail_wrapper > div:nth-child(13) > div{ width:32%;height:30px;margin:0 auto;border:solid 1px #8FC31F;display:table;cursor:pointer;
	border-radius: 25px 25px 25px 25px;-moz-border-radius: 25px 25px 25px 25px;-webkit-border-radius: 25px 25px 25px 25px;
	}
	/* list 번호와 제목 사이간격 */
	.table_border  td:last-child{ width:86%; text-align:left; vertical-align: middle;cursor:pointer;line-height:170%; padding-left:3%;}
}