@charset "utf-8";

@media all and (max-width:1000px){
/***** 숙박ㆍ음식 *****/
/* 보령8미 */
.eight_tour li {padding:25px 0 25px 350px; min-height:217px;}
.eight_tour li.even {padding:25px 350px 25px 0;}
.eight_tour li .sum_photo {position:absolute; left:0; top:25px; width:325px;}
.eight_tour li h4 {padding:0 0 15px 0;}

/* 음식점 및 숙박 정보 */
.etc_summery .infor {width:58%;}
.etc_summery .sum_photo {width:38%;}
.etc_summery ul li span.content {width:80%;}



/***** 관광도우미 *****/
/* 관광안내 */
.tourism_phone {background-size:330px auto; width:48%; padding:0 52% 0 0;}

/* 길따라떠나는여행 타이틀_섬 */
.sub02_title01 p {display:none;}
.sub02_title01 ul {background-position:center 0;}

}

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

/***** 성지순례길 *****/
.sub02_title04 {background-position:right 0;}
.sub02_title04 .pilgrimage_ol {display:none;}
.sub02_title04 strong {padding:80px 0 0 0;}

}


@media all and (max-width:760px){
/***** 추천여행 *****/
/* 보령 8경 */
.recommend_eight .giant .box  {padding:20px 4%;}
.recommend_eight .giant h4 {font-size:1.643em; line-height:1.286em;}
.recommend_eight .giant .more {width:85px; height:30px; line-height:30px; top:20px;}
.recommend_small li a p strong {padding:18% 0 22% 0; font-size:1.429em;}

/***** 가족과떠나는여행_힐링 *****/
.sub02_title02 {}
.sub02_title02 .line_box {max-width:100%;}
.sub02_title02 {background-size:190px;}
.sub02_title02 p {background:none}

.sub02_title03 strong {padding:0; margin:0 0 20px 0; min-height:190px; background:none;}
.sub02_title03 strong span:first-child {background:none; margin:20px 0 0 0;}
.sub02_title03 p {max-width:100%;}
.sub02_title03 {background-size:190px;}
.sub02_title03 strong span.sub02_title03_m:first-child {display:block; margin:0;}
	
}




@media all and (max-width:700px){	
/***** 관광명소 *****/
/* 검색 및 결과리스트 */
.attractions_map .area_infor {height:auto;}
/*.attractions_map .area_infor .api_map {position:relative; left:auto; top:auto; width:100%; border-right:0;}*/
.attractions_map .area_infor .api_map {position:relative; left:auto; top:auto; width:auto; border-right:0; margin:0 auto; text-align:center; background:#5b95ab;}
.attractions_map .area_infor .api_map img {height:230px; width:auto !important; display:inline !important;}
.attractions_map .area_infor .list {width:100%; height:auto; margin:0 0 10px 0;}
.tema_check li {width:33.3%;}
.month_attractions {font-size:2.286em; background-size:auto 70%;}
.array_tab {width:60%;}
.attractions_result li {float:left; width:50%;}
.at_icon_list li {width:93%; padding-left:10px;}

/* comments*/
.contents_evaluation {margin:0 0 0 0;}
.recommend_check p {float:none;}
.recommend_check .btn {float:none; margin-top:15px; text-align:right;}
.comments_input dd textarea {width:82%;}
.comments_input dd button {width:14%;}

/* 상세보기 */
.attractions_summery .title {width:96%;}
.attractions_summery .title h4 {font-size:1.071em;}
.attractions_summery span {left:189px;}
#gallery_thum .holder {width:84% !important;}
.view_api_map {min-height:250px;}
.aside_attractions li {width:33.3%;}



/***** 추천여행 *****/
/* 보령8경 */


/* 길따라 떠나는 여행 */
.drive_travel {margin:0 0 20px 0;}
.drive_travel h4 {font-size:1.143em; margin:0 4% 20px 4%;}
.drive_travel h4 strong {font-size:1.625em;}
.drive_infor {float:none;}
.drive_infor li {margin-bottom:15px !important;}
.drive_btn {float:none; margin:0;}

/* 레저/스포츠 */
.push_travel {margin:0 0 20px 0;}
.push_travel .title {padding:15px 0;}
.push_travel .title h4 {font-size:1.143em;}
.push_travel .title p {font-size:1.143em;}
.push_travel img {width:auto; height:290px;}



/***** 이야기가 있는 여행 *****/
.story_travel_summery {margin:0 0 20px 0;}
.story_travel_summery span.tema {font-size:1.143em; width:77px; height:70px; padding:5px 0 0 0;}
.story_travel_summery span.tema.bg01 {background-size:100% auto;}
.story_travel_summery span.tema.bg02 {background-size:100% auto;}
.story_travel_summery span.tema.bg03 {background-size:100% auto;}
.story_travel_summery span.tema.bg04 {background-size:100% auto;}
.story_travel_summery span.tema.bg05 {background-size:100% auto;}
.story_travel_summery h4 {margin:0 0 30px 0; font-size:1.643em;}
.story_travel_title {font-size:1.857em; margin:50px 0 25px 0;}



/***** 숙박ㆍ음식 *****/
/* 보령8미 */
.eight_tour li {padding:25px 0 25px 300px; min-height:183px;}
.eight_tour li.even {padding:25px 300px 25px 0;}
.eight_tour li .sum_photo {position:absolute; left:0; top:25px; width:275px;}
.eight_tour li h4 strong {font-size:1.875em;}

/* 음식점 및 숙박 정보 */
.food_tip {min-height:81px; background-size:80px auto; padding:5px 0 0 95px; margin:0 0 15px 0;}
.house_tip {min-height:81px; background-size:80px auto; padding:5px 0 0 95px; margin:0 0 15px 0;}
.etc_summery .infor {width:100%; float:none;}
.etc_summery .sum_photo {width:100%; float:none; margin-bottom:20px; padding:15px 0; background:url(../../images/tour/sub01/counter_bg.gif) repeat;}
.etc_summery .sum_photo img {width:80%;}
.etc_summery ul li span.content {width:85%;}



/***** 관광도우미 *****/
/* 관광안내 */
.tourism_phone {width:58%; padding:0 42% 0 0; background-size:40% auto;}

/* 관광안내책자신청 */
.brochure_tip {min-height:81px; background-size:80px auto; padding:5px 0 0 95px; margin:0 0 15px 0;}
}




@media all and (max-width:640px){
/***** 추천여행 *****/
/* 보령 8경 */	
.recommend_eight .giant {width:100%; margin-left:0; position:relative; top:auto; left:auto;}
.recommend_small {margin-left:0;}
.recommend_small li.top {float:left; margin-left:0;}
.recommend_small li {float:left; width:50%;}

/* 가족따라 길따라 */
.family_ul li .fcos_box.fc_line {background:none;}
.family_ul li .fcos_box .fcos_img {float:none; width:235px; margin-right:auto; margin-left:auto; margin-bottom:15px; text-align:center;}
.family_ul li .fcos_box p {width:100%; margin:0; text-align:center; padding:0 0 10px 0;}
.family_ul li .fcos_box a {display: block;  height: 1px;  left: 0;  line-height: 0;  overflow: hidden;  position: absolute;  text-indent: -9999em; top: -1000em; z-index: -1;}
.family_ul li span {margin:0 auto;}

}




@media all and (max-width:600px){
/***** common *****/	
.depth_tab li {float:none; width:100%;}
.depth_tab li:first-child {border-top:1px solid #c4c4c4;}
.depth_tab li a {border:1px solid #c4c4c4; border-top:0; padding:6px 0;}
.depth_tab li a.ov {border:0; border-bottom:1px solid #c4c4c4; padding:0;}
.depth_tab li a.ov span {padding:6px 0; background:none;}

.associated_content li {width:50%;}	
.associated_content li a p {font-size:1.071em; padding:5px 5%;}

/* depth_tab4 */
.depth_tab4 li {float:none; width:100%;}
.depth_tab4 li:first-child {border-top:1px solid #c4c4c4;}
.depth_tab4 li a {border:1px solid #c4c4c4; border-top:0; padding:6px 0;}
.depth_tab4 li a.ov {border:0; border-bottom:1px solid #c4c4c4; padding:0;}
.depth_tab4 li a.ov span {padding:6px 0; background:none;}

/* depth_tab2 */
.depth_tab2 li {float:none; width:100%;}
.depth_tab2 li:first-child {border-top:1px solid #c4c4c4;}
.depth_tab2 li a {border:1px solid #c4c4c4; border-top:0; padding:6px 0;}
.depth_tab2 li a.ov {border:0; border-bottom:1px solid #c4c4c4; padding:0;}
.depth_tab2 li a.ov span {padding:6px 0; background:none;}

/* depth_tab5 */
.depth_tab5 li {float:none; width:100%;}
.depth_tab5 li:first-child {border-top:1px solid #c4c4c4;}
.depth_tab5 li a {border:1px solid #c4c4c4; border-top:0; padding:6px 0;}
.depth_tab5 li a.ov {border:0; border-bottom:1px solid #c4c4c4; padding:0;}
.depth_tab5 li a.ov span {padding:6px 0; background:none;}



/***** 이야기가 있는 여행 *****/
.story_travel_summery {padding:80px 0 35px 0;}



/***** 숙박ㆍ음식 *****/
/* 보령8미 */
.eight_tour li {padding:25px 0 25px 250px; min-height:150px;}
.eight_tour li.even {padding:25px 250px 25px 0;}
.eight_tour li .sum_photo {position:absolute; left:0; top:25px; width:225px;}
.etc_summery ul li span.content {width:75%;}

/***** 자전거 라이딩 *****/
.sub02_title04.type02 strong {background:none;}

}





@media all and (max-width:540px){
/***** 숙박ㆍ음식 *****/
/* 보령8미 */
.eight_tour li {padding:25px 0 25px 0; min-height:10px;}
.eight_tour li.even {padding:25px 0 25px 0;}
.eight_tour li .sum_photo {position:relative; left:auto; top:0; width:76%; margin:0 auto 15px auto;}
.eight_tour li h4 {text-align:center;}	
.eight_tour li.list01 h4 {background-position:center bottom;}	
.eight_tour li.list02 h4 {background-position:center bottom;}
.eight_tour li.list03 h4 {background-position:center bottom;}
.eight_tour li.list04 h4 {background-position:center bottom;}
.eight_tour li.list05 h4 {background-position:center bottom;}
.eight_tour li.list06 h4 {background-position:center bottom;}
.eight_tour li.list07 h4 {background-position:center bottom;}
.eight_tour li.list08 h4 {background-position:center bottom;}
.eight_tour li .link_btn {width:auto; margin:15px auto 0 auto; text-align:center;}



/***** 관광도우미 *****/
/* 관광안내 */
.tourism_phone {width:100%; padding:0 0 0 0; background:none;}
.tourist_infor {background-size:70px; min-height:70px; padding:0 0 0 80px;}
.tourism_commentary {background-size:70px; min-height:70px; padding:0 0 0 80px;}
.tourist_infor_bg {display:none;}
.tourism_commentary_bg {display:none;}
}



	
	
@media all and (max-width:480px){		
/***** 관광명소 *****/
/* 검색 및 결과리스트 */
.attractions_map .area_infor .list li {width:20%;}	
.tema_check li {width:50%;}
.month_attractions {font-size:2em; text-align:left; height:auto; background-size:auto 100%;}
.array_tab {width:70%;}
.attractions_result li a span.more {width:50px; height:50px; background-size:100% auto; margin:-50px 0 0 -25px;}
.attractions_result li a .category span.area {display:none;}
.attractions_result li a .counter li {margin-right:5px;}
.attractions_result li a .counter li.list03 {margin-right:10px;}

/* comments*/
.comments_input dd textarea {width:76%;}
.comments_input dd button {width:19%;}

/* 상세보기 */
.attractions_summery {height:auto;}
.attractions_summery .title {position:relative; left:auto; top:auto; width:96%; height:auto; padding:20px 3%;}
.attractions_summery .title h4 {margin:0; padding:0 20% 0 0; font-size:1em;}
.attractions_summery .title h4 strong {margin:10px 0 0 0; font-size:2.15em;}
.attractions_summery img { }
.attractions_summery span {display:none;}
	/* 카테고리별 배경 */
	.attractions_summery .title.cate_01 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_02 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_03 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_04 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_05 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_06 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_07 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_08 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_09 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_10 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_11 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_12 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_13 {background-size:18% auto; background-position:88% 80%;}
	.attractions_summery .title.cate_14 {background-size:18% auto; background-position:88% 80%;}
#gallery_thum .holder {width:80% !important;}	
.view_api_map {min-height:200px;}
.aside_attractions li {width:50%;}
.aside_btn {margin:0 0 15px 0; text-align:left;}



/***** 추천여행 *****/
/* 보령8경 */
.recommend_eight .giant .more {width:40px; padding:0; background-position:center 50%;}
.recommend_eight .giant .more span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.recommend_small p {background-position:center 70% !important;}
.recommend_small p span {display:none;}

/* 길따라 떠나는 여행 */
.drive_travel h4 {margin:0 4% 15px 4%;}
.drive_travel h4 strong {font-size:1.500em;}
.drive_infor li {margin:3px 0 0 0 !important; font-size:1.143em !important; float:none;}
.drive_infor li.list01 {background-position:left 3px;}
.drive_infor li.list02 {background-position:left 3px;}
.drive_btn {margin:15px 0 0 0;}

/* 레저/스포츠 */
.push_travel .title {width:100%; top:62%; bottom:0px;}
.push_travel .title h4 {font-size:1.071em; background:none;}
.push_travel .title p {font-size:1.071em; display:none;}
.push_travel img {height:240px;}



/***** 이야기가 있는 여행 *****/
.story_travel_summery {padding:70px 0 25px 0;}
.story_travel_summery span.tema {font-size:1em; width:67px; height:60px; padding:5px 0 0 0; left:10px;}
.story_travel_summery h4 {margin:0 0 30px 0; font-size:1.500em;}
.story_travel_title {font-size:1.714em; line-height:1.143em; margin:40px 0 15px 0;}



/***** 숙박ㆍ음식 *****/
/* 음식점 및 숙박 정보 */
.search_box {width:100%; padding:15px 0 70px 0;}
.search_box input[type="submit"] {width:30%; right:50%; margin-right:-15%; margin-bottom:15px; top:auto; bottom:0; height:40px;}

.attractions_result li {float:left; width:93%;}

/* 길따라떠나는여행 타이틀_섬 */
.sub02_title01 {width:100%; height:auto;}
.sub02_title01 ul {display:none;}
.sub02_title01 img {display:block;}

/***** 가족과떠나는여행_힐링 *****/
.sub02_title02 p {font-size:28px; line-height:30px;}
.sub02_title02 span:first-child {font-size:28px;}
.sub02_title02 span strong {font-size:28px;}
.sub02_title02 strong {font-size:40px; line-height:44px;}

/***** 성지순례길 *****/
.sub02_title04 {min-height:200px; background-size:550px; margin:0 0 5px 0;}
.sub02_title04 strong {font-size:32px; line-height:40px; padding:35px 0 0 0;}
.sub02_title04 strong span {font-size:17px; line-height:24px;}

.sub02_title04.type02 {min-height:200px; background-size:550px;}
.sub02_title04.type02 strong {padding:40px 0 0 0;}


.sub02_title05 {min-height:200px; background-size:550px; margin:0 0 5px 0;}
.sub02_title05 strong {font-size:32px; line-height:40px; padding:5px 0 0 0;}
.sub02_title05 .tit_text span.next_txt {font-size:16px; letter-spacing:-1px;}
.sub02_title05 p.center {display:none;}

}