@charset "utf-8";

/*문화탐방*/
.cultural_sch{overflow:hidden;margin-bottom:0;padding:10px 20px;background:#a9a29d}
.cultural_sch p{float:left;color:#fff}
.cultural_sch fieldset{float:right}
.cultural_sch label{margin:3px 0 0 10px}
.cultural_sch input[type="text"]{width:200px;border:1px solid #fff;background:#fff}
.cultural_sch input[type="submit"]{border:1px solid #77634a;background:#856c51}
/*문화탐방리스트*/
.cultural_lst_wrap{position:relative;width:100%;margin-bottom:20px}
#cultural_lst{display:inline-block;width:100%}
#cultural_lst .item{overflow:hidden;width:100%;min-height:152px;padding-top:20px;border-bottom:1px solid #cdcdcd}
#cultural_lst .item figure{margin:0 0 20px;text-align:center}
#cultural_lst .item figure{position:relative;float:left;overflow:hidden;width:253px;height:152px;margin-right:27px;background:#e7e7e7 url(/images/prog/common/noimage.gif) no-repeat 50% 50%}
#cultural_lst .item figure .no_image{display:block;position:absolute;top:50%;left:50%;margin:-24% 0 0 -21%}
#cultural_lst .item figure img{height:100%;margin:0 auto;text-align:center}
#cultural_lst .item .info_lst{min-height:152px;margin:0 0 20px 280px}
#cultural_lst .item .subject,#cultural_lst .item em{font-weight:700;color:#000}
#cultural_lst .item .subject{font-size:1.21em}
#cultural_lst .item .view_detail{margin-top:7px;text-align:right}

/*문화탐방리스트 정보*/
.info_lst ul{margin-top:10px}
.info_lst li{display:block;float:none;margin-top:8px}
.info_lst li:first-child{margin-top:0}
.info_lst li em{display:inline-block;width:65px;min-height:24px;padding-left:30px;font-weight:700;color:#000}
.info_lst.type5 li em{background:url(/images/prog/common/icon_cultural.png) no-repeat}
.info_lst li.classnm em{background-position:0 0}
.info_lst li.location em{background-position:0 -40px}
.info_lst li.ddate em{background-position:0 -80px}

/*문화탐방뷰*/
.culturalwrap,.cultural_map{position:relative}
.culturalwrap .cultural_infowrap{position:relative;min-height:253px;margin-top:10px;padding:20px 25px;border:1px solid #d3d3d3;background:#f5f5f5}
.culturalwrap .cultural_img{float:left;width:387px;height:242px;border:1px solid #b3b3b3;padding:5px;background:#fff}
.culturalwrap .cultural_img figure{display:block;overflow:hidden;width:100%;height:100%;background:#e7e7e7 url(/images/prog/common/noimage.gif) no-repeat 50% 50%;text-align:center}
.culturalwrap .cultural_img figure img{display:block}
.culturalwrap .cultural_info{position:relative;min-height:253px;margin-left:440px}
.culturalwrap .basic_list li{min-height:23px}
.culturalwrap .basic_list li strong{display:inline-block;width:20%}
.culturalwrap .cultural_imgs{position:relative;margin-top:10px;padding:20px 10px;border:1px solid #d3d3d3;background:#fcfcfc}
.cultural_imgs .basic_gallary{}
.cultural_imgs .basic_gallary .gallwrap{margin:0}
.cultural_imgs .basic_gallary .gallwrap:after{display:block;content:"";clear:both}
.cultural_imgs .basic_gallary .gallwrap li{float:left;width:25%;margin:0 0 20px 0}
.cultural_imgs .basic_gallary .gallwrap li figure{overflow:hidden;width:auto;max-height:120px;padding:0 15px;background:none;text-align:center}
.cultural_imgs .basic_gallary .gallwrap li figure img{width:100%}
.cultural_imgs .basic_gallary .gallwrap li figcaption{position:static;width:auto;padding:20px 15px 10px}
.cultural_imgs .basic_gallary .gallwrap li figcaption em{position:static;bottom:0;padding-top:0;color:#615c5d}
.culturalwrap .board_butt{text-align:center}

/*media*/
@media (min-width:1024px) and (max-width:1279px){
	.culturalwrap .cultural_img{float:none;margin:0 auto}
	.culturalwrap .cultural_info{min-height:100%;margin:20px 0 0 0}
	.culturalwrap .basic_list li strong{width:20%}
}
@media (max-width:800px){
	.culturalwrap .cultural_img{float:none;margin:0 auto}
	.culturalwrap .cultural_info{min-height:100%;margin:20px 0 0 0}
	.culturalwrap .basic_list li strong{width:20%}
}
@media (max-width:480px){
	.cultural_imgs .basic_gallary .gallwrap li{width:50%}
}
@media (max-width:360px){
	.culturalwrap .cultural_img{width:278px;height:174px}
	
	.cultural_sch fieldset{width:100%}
	.cultural_sch input[type="text"]{width:75%}

	#cultural_lst .item figure{width:100%}
	#cultural_lst .item .info_lst{margin-left:0}
}
@media (max-width:320px){
	.culturalwrap .cultural_img{width:238px;height:149px}

	.cultural_sch input[type="text"]{width:72%}
}