@charset "utf-8";

.innerTitle {background:#000 !important; color:#fff !important; padding:10px; text-align:center;}
.bod_head_tour01 {}
.search_box {overflow:hidden; background:#f8f8f8; margin:10px 0; box-sizing:border-box; padding:13px 20px;}
.searchThum {float:left; padding-left:40px; height:40px; line-height:40px;background:url('/tour/img/common/ico_b_thum.png') no-repeat left center; font-size:15px;}
.searchThum span {color:#04713a; font-weight:bold;}
.searchWindow {float:right;}
.hpx40 {height:40px !important;}
.wpx230 {width:230px !important;}
.mar_b20 {margin-bottom:20px;}
.orangeBtn {background:#f34c1b url('/tour/img/common/ico_w_glass.png') no-repeat center; border:none; width:40px; height:40px;font-size:0;}
.bRn {border-right:none !important;}
@media all and (max-width:480px){
	.searchWindow {float:left;}
}

.bod_view_tour {overflow:hidden;}
.bod_view_tour_top {overflow:hidden; margin-bottom:15px;}
.bod_view_tour_top .txt {width:100%; height:auto; padding:30px 0; text-align:center; box-sizing:border-box; background:url('/tour/img/board/bg_bod_view_tour_top_txt.jpg') repeat center top; line-height:0; font-size:22px; color:#000;}
.bod_view_tour_top .txt span.start {width:18px; height:15px; background:url('/tour/img/board/bg_bod_view_tour_top_txt_start.png') no-repeat left top; }
.bod_view_tour_top .txt span.center {width:80%;}
.bod_view_tour_top .txt span.end {width:18px; height:15px; background:url('/tour/img/board/bg_bod_view_tour_top_txt_end.png') no-repeat left top; }
.bod_view_tour_top .bottom {width:100%; height:21px; background:url('/tour/img/board/bg_bod_view_tour_top_bottom.jpg') no-repeat left top;}

.ReasonforSelection {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; margin-bottom:30px; font-size:15px;}

.place_photo {position:relative; overflow:hidden; width:100%;}
.place_photo .gallery {min-height:300px;}
.place_photo .gallery .galleryBtn {position:absolute; bottom:0; right:0; z-index:999;}
.place_photo .gallery .galleryBtn li {float:left; margin-left:1px;}
.place_photo .gallery .cycle-slideshow li { width:100%; }
.place_photo .gallery .cycle-slide img  { width:100%; height:600px;}
@media all and (max-width:1023px){
	.place_photo .gallery { box-sizing:border-box; float:none; margin:0 auto; height:auto; font-size:0; line-height:0; }
	.place_photo .gallery .cycle-slide { width:100%; }
	.place_photo .gallery .cycle-slide img  { width:100%; height:500px;}
}
@media all and (max-width:600px){
	.place_photo .gallery .cycle-slide img  {height:300px;}
}

.place_tit_thum {width:100%; overflow:hidden; margin:0 0 25px;}
.place_tit_thum .tit {width:32.6%; box-sizing:border-box; float:left; background:#009d4e; color:#fff; font-size:24px; font-weight:600; padding:34px 1%; text-align:center;}
.place_tit_thum .thum {width:65%; float:right; overflow:hidden;}
.place_tit_thum .thum dt,
.place_tit_thum .thum dd {float:left; margin-bottom:5px; box-sizing:border-box; padding:3px 15px; border:1px solid #009d4e; border-radius:3px;}
.place_tit_thum .thum dt {width:20%; box-sizing:border-box; /*text-align:right;*/}
.place_tit_thum .thum dd {width:80%; border:1px solid #fff;}
.place_tit_thum .thum dt span.txt {float:left; margin-left:10px; /*width:50px;*/}
.place_tit_thum .thum dt span.address,
.place_tit_thum .thum dt span.category,
.place_tit_thum .thum dt span.navi {display:block; float:left; margin-top:3px; width:20px; height:20px;}
.place_tit_thum .thum dt span.address {background:url('/tour/img/board/ico_place_thum_address.jpg') no-repeat left center;}
.place_tit_thum .thum dt span.category {background:url('/tour/img/board/ico_place_thum_category.jpg') no-repeat left center;}
.place_tit_thum .thum dt span.navi { height:20px; background:url('/tour/img/board/ico_place_thum_navi.jpg') no-repeat left center;}
@media all and (max-width:768px){
	.place_tit_thum .tit {width:100%; margin-bottom:15px;}
	.place_tit_thum .thum {width:100%;}
	.place_tit_thum .thum dt span.address,
	.place_tit_thum .thum dt span.category,
	.place_tit_thum .thum dt span.navi {display:none;}
	.place_tit_thum .thum dt span.txt {margin-left:0px;}
}
@media all and (max-width:480px){
	.place_tit_thum .thum dt {width:30%;}
	.place_tit_thum .thum dd {width:70%;}
}

.place_tab {width:100%; margin-top:40px; overflow:hidden;}
.place_tab ul {overflow:hidden; background:url('/tour/img/common/bg_ccc.jpg') repeat-x left bottom;}
.place_tab ul li.first {margin-left:0%;}
.place_tab ul li a {float:left; display:block; width:32%; margin-left:1.1%; box-sizing:border-box; padding: 10px 0; text-align:center; border:1px solid #ccc;}
.place_tab ul li a:hover,
.place_tab ul li a:active,
.place_tab ul li a:focus {border-bottom:1px solid #fff; padding: 9px 0; border-top:3px solid #ccc; border-left:3px solid #ccc; border-right:3px solid #ccc;}
.place_cont {overflow:hidden;}
.place_cont #map,
.place_cont #detail {margin-top:20px !important;}
.place_cont #prolog {overflow:hidden; margin:30px 0; padding:30px 5%; background:#ddd url('/tour/img/common/bg_place_cont_prolog.jpg') repeat;}
.place_cont #prolog .prolog_txt {float:left; width:75%; font-size:17px; color:#000; text-align:center;}
.place_cont #prolog .prolog_txt p.start {width:100%; height:19px; margin-bottom:10px; background:url('/tour/img/common/bg_place_cont_prolog_start.png') no-repeat left top;}
.place_cont #prolog .prolog_txt p.end {width:100%; height:19px;  margin-top:10px; background:url('/tour/img/common/bg_place_cont_prolog_end.png') no-repeat right bottom;}
.place_cont #prolog .prolog_bg {float:right; width:20%; min-height:159px; background:url('/tour/img/board/bg_place_cont_prolog_bg.png') no-repeat right bottom;}
.place_cont .mapWrap {overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0;}
.place_cont .mapWrap .map_left {float:left; width:100%; height:400px; background:#ddd;}
.place_cont .mapWrap .map_right {float:left; width:100%;}
.place_cont .mapWrap .map_right ul {overflow:hidden; margin-top:15px;}
.place_cont .mapWrap .map_right ul li {float:left; width:25%; font-size:14px; margin:0 !important; letter-spacing:-0.1em; border-bottom:1px dashed #ddd; padding: 5px 10px 7px 28px; background-position:5px 11px;}
.place_cont .detail {}
.detail_txt {overflow: hidden; height: 140px; line-height:27px; padding:0 0 15px;}
div.addBtn {background:#f8f9fa; border:1px solid #ddd;}
div.addBtn a {display: block; text-align:center; padding: 5px; background: url('/tour/img/common/bg_more_down.png') no-repeat 54% 50%;}
div.addBtn a.on {background: url('/tour/img/common/bg_more_up.png') no-repeat 54% 50%;}
@media all and (max-width:1023px){
	.place_cont .mapWrap .map_right ul li {width:33.333%;}
}
@media all and (max-width:768px){
	.place_cont #prolog .prolog_bg {background-size:contain;}
	.place_cont .mapWrap .map_left, 
	.place_cont .mapWrap .map_right {width:100%;}
}

@media all and (max-width:580px){
	.place_cont .mapWrap .map_right ul li {width:50%;}
}

@media all and (max-width:480px){
	.place_cont #prolog .prolog_txt {width:100%;}
	.place_cont #prolog .prolog_bg {display:none;}
	.place_cont .mapWrap .map_right ul li {font-size:12px;}
}

.step01,
.step02,
.step03 {overflow:hidden;font-size:15px; padding-bottom:30px;}
.step01 { }
.step01 span {display:block; float:left; width:17.391%; line-height:40px; background:#0a7737; color:#fff; text-align:center;}
.step01 input {float:right; width:79.347%; height:40px; line-height:40px; padding:0 10px; box-sizing:border-box;}
@media all and (max-width:600px){
	.step01 span {width:26%;}
	.step01 input {width:70%;}
}
.add_del {/*width:240px;*/ margin-top:30px; float:right;}
.add_del .addSchdule,
.add_del .delSchdule {}
.add_del .addSchdule {float:left;}
.add_del .delSchdule {float:left; margin-left:10px;}
.add_del .addSchdule a,
.add_del .delSchdule a {box-sizing:border-box; border-radius:5px; padding:10px 15px 10px 20px;}
.add_del .addSchdule a {background:#2a2f3c; color:#fff;}
.add_del .delSchdule a {border:1px solid #2a2f3c;}
.add_del .addSchdule a span {padding-right:25px; background:url('/tour/img/common/ico_w_plus.png') no-repeat right center;}
.add_del .delSchdule a span {padding-right:25px; background:url('/tour/img/common/ico_n_minus.png') no-repeat right center;}
@media all and (max-width:600px){
	/*.add_del {float:left; margin-top:10px;}*/
}
.step02 {overflow:hidden; clear:both;}
.step02 .day {width:100%; overflow:hidden; margin:20px 0 10px 0;}
.step02 .day li {float:left; width:23.6%; margin-left:1.63%; margin-bottom:5px; padding-bottom:9px;}
.step02 .day li a {display:block;}
.step02 .day li.first, .step02 .day li.fifth {margin-left:0;}
.step02 .day li.on {background:url('/tour/img/common/bg_triangle.jpg') no-repeat center bottom; padding-bottom:8px;}
.step02 .day li span {display:block; width:100%; border:1px solid #ccc; padding:6px 0; text-align:center; border-bottom:2px solid #0a7737;}
.step02 .day li.on span {border:2px solid #0a7737; background:#0a7737; color:#fff; font-weight:600;}
.hatchedLine {width:100% !important; height:5px !important; background:url('/tour/img/common/bg_hatched.jpg') repeat !important;}

.course-input {overflow:hidden;}
.course-input #schduleContentList { }
.course-input #schduleContentList .hideCourse {}
.course-input #schduleContentList .hideCourse #sch_area_1 {}
.course-input #schduleContentList .hideCourse #courseContentList_1 {}
#courseContentList_1 li:nth-of-type(5n) {clear:both;}
#courseContentList_1 li div.inner {}
#courseContentList_1 li div.inner .arr-box {overflow:hidden; float:left; width:10%; height:175px; background:url('/tour/img/page/bg_course.jpg') repeat-x center; box-sizing:border-box; padding-top:45px; padding-left:10px;}
#courseContentList_1 li:nth-of-type(5n) div.inner .arr-box {display:none !important;}
#courseContentList_1 li div.inner .arr-box span.traffic-view {display:block; float:left; margin-right:5px; width:50px; font-size:12px; text-align:center;}
#courseContentList_1 li div.inner .arr-box span.arr{display:block; float:left; font-size:0; background:url('/tour/img/page/bg_arr.jpg') no-repeat right center; width:16px; height:27px;}
#courseContentList_1 li div.inner .area-box {float:left; border:1px solid #ccc; width:17.391%; box-sizing:border-box; padding:5px; text-align:center; margin-bottom:5px;}
.area-box #con_uid_1 {}
.area-box .img {overflow:hidden; display:block; width:100%; height:112px;}
.area-box .img img {width:100%;}
.area-box .info-box {}
.area-box .info-box dt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}
.area-box .info-box dd {overflow:hidden; margin:2px 0;}
.area-box .info-box span.link a {font-size:13px; border-radius:10px; background:#515151; color:#fff; padding:2px 10px;}
@media all and (max-width:880px){
	#courseContentList_1 li div.inner .area-box {width:35%;}
	#courseContentList_1 li div.inner .arr-box {width:15%;}
}
@media all and (max-width:600px){
	.area-box .img {height:auto;}
	.area-box .info-box dd {margin:10px 0;}
	#courseContentList_1 li div.inner .area-box {width:100%;}
	#courseContentList_1 li div.inner .arr-box {width:100%; background:url('/tour/img/page/bg_arr-2.jpg') no-repeat center bottom; height:45px; padding:0 45%; margin:10px 0;}
	#courseContentList_1 li div.inner .arr-box span.arr {display:none;}
	#courseContentList_1 li div.inner .arr-box span.traffic-view {font-size:14px;}
}

.step03 {overflow:hidden;}
.step03 .selectMunicipalityWrap {overflow:hidden; margin-bottom:20px;}
.step03 .selectMunicipalityWrap .txt {float:left; width:17.39%; line-height:40px; background:#0a7737; color:#fff; text-align:center;}
.step03 .selectMunicipalityWrap .selectMunicipality {float:left; margin-left:3.27%; }
.step03 .selectMunicipalityWrap .selectMunicipality select {width:200px; height:40px; line-height:40px; padding:0 0 0 10px; border:1px solid #0a7737}
.step03 .selectTourismWrap {overflow:hidden; margin-bottom:20px;}
.step03 .selectTourismWrap .txt {float:left; width:100%; line-height:40px; border-radius:5px; border:1px solid #0a7737; color:#0a7737; text-align:center; margin-bottom:10px; }
.step03 .selectTourismWrap .selectTourism {overflow:hidden; width:100%;}
.step03 .selectTourismWrap .selectTourism li {float:left; width:19.2%; margin-right:1%; position:relative;}
.step03 .selectTourismWrap .selectTourism li:nth-child(5n) {margin-right:0;}
.step03 .selectTourismWrap .selectTourism li span.img {width:100%; }
.step03 .selectTourismWrap .selectTourism li span.img img {width:100%; height:120px; box-sizing:border-box; border:1px solid #ccc;}
.step03 .selectTourismWrap .selectTourism input {position:absolute; bottom:37px; right:0; width:25px; height:25px; padding:0 2%; border:1px solid #ccc;}
.step03 .selectTourismWrap .selectTourism input[type='checkbox'] {color:#ccc;}
.step03 .selectTourismWrap .selectTourism span.tit {display:block; color:#000; height:30px; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.selectMapWrap {width:100%; overflow:hidden; border:1px solid #ccc; box-sizing:border-box; padding:5px;}
.selectMapWrap .map {width:100%; height:500px; background:#ddd;}
@media all and (max-width:768px){
	.step03 .selectTourismWrap .selectTourism li {width:32.666%;}
	.step03 .selectTourismWrap .selectTourism li:nth-child(5n) {margin-right:1%;}
	.step03 .selectTourismWrap .selectTourism li:nth-child(3n) {margin-right:0;}
}

@media all and (max-width:480px){
	.step03 .selectTourismWrap .selectTourism li {width:49.5%;}
	.step03 .selectTourismWrap .selectTourism li:nth-child(5n), 
	.step03 .selectTourismWrap .selectTourism li:nth-child(3n) {margin-right:1%;}
	.step03 .selectTourismWrap .selectTourism li:nth-child(2n) {margin-right:0;}
}

/*common.css*/
.flN {float:none;}
.wp100 {width:100%;}
label.hidden {position:absolute; left:-9999px; font-size:0;}

/*내가 만드는 성주코스:목록페이지*/
.bod_courseList {overflow:hidden;}
.bod_courseList .bod_head {text-align:center; overflow:hidden;}
.bod_courseList .bod_head .bod_search > * {height:auto !important; margin-left:0; box-sizing:border-box; float:none !important;}
.bod_courseList .bod_head .bod_search {width:100%; border:1px solid #ccc; padding:10px; box-sizing:border-box; margin-bottom:15px;}
.bod_courseList .bod_head .bod_search .select_municipality {width:20%; height:35px; padding:4px;}
.bod_courseList .bod_head .bod_search .select_term {width:20%; height:35px; padding:4px;}
.bod_courseList .bod_head .bod_search input[type='text'],
.bod_courseList .bod_head .bod_search input[type='submit'] {height:35px !important; vertical-align:top;}
.bod_courseList .bod_head .bod_search input[type='text'] {width:40%;}
.bod_courseList .bod_head .bod_search input[type='submit'] {width:10%;}
.bod_courseList .bod_head .page_num {}
.bod_courseList .bod_list {overflow:hidden; border-top:2px solid #555555;}
.bod_courseList .bod_list ul {overflow:hidden;}
.bod_courseList .bod_list ul li {border-bottom:1px solid #ccc; padding:12px 0;}
.bod_courseList .bod_list ul li:hover {background:#f9f9f9;}
.bod_courseList .bod_list ul li.noData {text-align:center;}
.bod_courseList .bod_list ul li .blog {overflow:hidden; width:100%;}
.bod_courseList .bod_list ul li .blog .img {width:27%; float:left; overflow:hidden; line-height:0 !important; background:#ddd;}
.bod_courseList .bod_list ul li .blog .img img {width:100%; height:165px; box-sizing:border-box; border:1px solid #ddd;}
.bod_courseList .bod_list ul li .blog .text_tit,
.bod_courseList .bod_list ul li .blog .text_preview {width:71%; float:right;}
.bod_courseList .bod_list ul li .blog .text_tit {padding-top:10px; overflow:hidden;}
.bod_courseList .bod_list ul li .blog .text_preview {overflow:hidden;}
.bod_courseList .bod_list ul li .blog .text_tit a dl:hover {}
.bod_courseList .bod_list ul li .blog .text_tit a dl.tit {overflow:hidden; width:100%;}
.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dt,
.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dd {float:left;}
.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dt {width:10%; margin-right:3%; text-align:center; border-radius:5px; border:1px solid #0a7737; color:#0a7737; font-size:13px;}
.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dd {width:87%; box-sizing:border-box; padding-right:15px; font-size:20px; font-weight:600;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap {position:relative; width:100%; overflow:hidden; margin-top:20px;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview {overflow:hidden;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview p {position:absolute; top:0; background:#fff; text-align:center; width:16%; border:1px solid #ddd; background-image:none; margin-right:0.5%; border:1px solid #ddd;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview p a {display:block; padding:2px 0; font-size:13px; font-weight:normal;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .preview_01 p {left:0;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .preview_02 p {left:16.5%;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .preview_03 p {left:33%;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .preview_04 p {left:49.5%;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .preview_05 p {left:66%;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .preview_06 p {left:82.5%;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview p.on {margin-right:0.5%; background:#0a7737; border:1px solid #0a7737;} 
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview p.on a {font-weight:600; color:#fff;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .con {margin-top:40px; box-sizing: border-box; padding:10px; width:100%; font-size:13px; line-height:18px;}
.bod_courseList .bod_list ul li .blog .text_preview .previewWrap .preview .con span { }
.arr02 {color:#000; background:url('/tour/img/common/bg_arr02.png') no-repeat center; width:12px; height:20px; margin:0 10px;}
@media all and (max-width:768px){
	.bod_courseList .bod_list ul li .blog .img {width:40%;}
	.bod_courseList .bod_list ul li .blog .text_tit {width:58%; padding-top:35px;}
	.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dt, 
	.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dd {float:none;}
	.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dt {width:25%; margin-bottom:10px;}
	.bod_courseList .bod_list ul li .blog .text_tit a dl.tit dd {width:100%;}
	.bod_courseList .bod_list ul li .blog .text_preview {float:none; width:100%;}
}
@media all and (max-width:480px){
	.bod_courseList .bod_head .bod_search .select_municipality,
	.bod_courseList .bod_head .bod_search .select_term {width:42.5%; margin-bottom:10px;}
	.bod_courseList .bod_head .bod_search input[type='text'] {width:65%;}
	.bod_courseList .bod_head .bod_search input[type='submit'] {width:20%;}
	.bod_courseList .bod_list ul li .blog .img {width:100%;}
	.bod_courseList .bod_list ul li .blog .img img {height:200px;}
	.bod_courseList .bod_list ul li .blog .text_tit {float:none; width:100%; padding-top:15px;}
}

.bod_courseView {position:relative; width:100%; overflow:hidden; margin-top:20px;}
.bod_courseView .bod_viewWrap {overflow:hidden; background:url('/tour/img/common/bg_0a7737.jpg') repeat-x left 33px;}
.bod_courseView .bod_viewWrap p {position:absolute; top:0; height:34px; background:#fff; text-align:center; width:16%; border:1px solid #ddd; border-bottom:1px solid #0a7737; background-image:none; margin-right:0.5%;}
.bod_courseView .bod_viewWrap p a {display:block; padding:2px 0; font-size:15px; font-weight:normal;}
.bod_courseView .bod_viewWrap .view_01 p {left:0;}
.bod_courseView .bod_viewWrap .view_02 p {left:16.5%;}
.bod_courseView .bod_viewWrap .view_03 p {left:33%;}
.bod_courseView .bod_viewWrap .view_04 p {left:49.5%;}
.bod_courseView .bod_viewWrap .view_05 p {left:66%;}
.bod_courseView .bod_viewWrap .view_06 p {left:82.5%;}
.bod_courseView .bod_viewWrap p.on {margin-right:0.5%; background:#0a7737; border:1px solid #0a7737;} 
.bod_courseView .bod_viewWrap p.on a {font-weight:600; color:#fff;}
.bod_courseView .bod_viewWrap .con {margin-top:60px; box-sizing: border-box; width:100%;}
.course-view-wrap {padding: 30px 0}
.mycourse-item-title {height:64px; padding-left:22px; font-size:20px; padding-top: 23px; background:url('/tour/img/common/bg_courseViewTit.jpg') no-repeat left top;}
.mycourse-item-title span {color:#fff; font-weight:600; margin-right:25px;}
.mycourse-item > ul{ padding:15px 0}
.mycourse-item > ul > li{overflow: hidden;}
.mycourse-item > ul > li .img-area {text-align:center;}
.mycourse-item > ul > li .img-area a {display:block; font-size:16px; font-weight:normal;}
.mycourse-item > ul > li .img-area a img {width: 100%; box-sizing:border-box; border:1px solid #ccc;}
.mycourse-item > ul > li .img-area a span {display:block; background:#0a7737; color:#fff; margin-bottom:15px; padding:10px 0;}
.mycourse-item .list-item {overflow: hidden; margin-bottom:20px; border-top:2px solid #383739;}
.mycourse-item .list-item ul{overflow: hidden}
.mycourse-item .list-item li{float:left; width:33.3%; box-sizing:border-box; padding-right:10px;}
.mycourse-item .list-item li:nth-child(3n) {padding-right:0 !important;}
.mycourse-item .list-item li a{display: block;}
.mycourse-item .list-item li a img {width:100%; height:120px; box-sizing:border-box; border:1px solid #ccc;}
.mycourse-item .list-item li a span {display:block; width:100%; text-align:center; margin-bottom:10px;}
.mycourse-item .list-item li .img{width: 100%}
.mycourse-item .list-item li .img img{width: 100%}
.mycourse-item .list-item li b{display: block; margin: 5px 0; line-height: 16px; font-weight: 700;}
.mycourse-item .item-title {padding:10px 0; font-size:16px; color:#0a7737; background:#f9f9f9; margin-bottom:10px;}
.mycourse-item .list-eat .item-title {background:#f9f9f9 url('/tour/img/common/bg_food.jpg') no-repeat 15px center; padding-left:70px;}
.mycourse-item .list-hotel .item-title {background:#f9f9f9 url('/tour/img/common/bg_rooms.jpg') no-repeat 15px center; padding-left:70px;}
.icon-location {width:55px; height:61px; margin-right:10px; display:inline-block; font-size:0; background: url("/tour/img/common/bg_distance.png") no-repeat center;}
.course-distance{text-align: center; margin:20px 0; padding:0 0 130px; background:url("/tour/img/common/bg_arr03.png") no-repeat center bottom; }
.course-distance span {display:inline-block; vertical-align:middle;}
@media (min-width: 768px) and (max-width: 1023px) {
	.mycourse-item > ul > li .img-area{float: left; width: 40%; }
	.mycourse-item .list-item{ margin-left: 2%; float: right; width: 58% }
	.list-hotel {clear:both;}
}
@media (min-width: 1024px) {
	.mycourse-item > ul > li .img-area{float:left; width:35%;}
	.mycourse-item .list-item{float:right; width:63%;}
}
@media (max-width: 480px) {
	.mycourse-item .list-item li{float:left; width:49.5%; box-sizing:border-box; padding-right:10px;}
	.mycourse-item .list-item li:nth-child(2n) {padding-right:0 !important;}
	.mycourse-item .list-item li:nth-child(3n) {padding-right:10px !important;}
}

/*성주따라하기 > 성주코스 안내*/
.course_information {overflow:hidden; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.course_information_map {width:100%; height:450px; background:#ddd; margin-bottom:10px;}
.course_information_point {overflow:hidden; width:100%; height:auto; background:#e1f1ff;}
.course_introduction {overflow:hidden; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.course_introduction_list {}



/* bod_gallery02 */
.bod_gallery02 {width:100%; overflow:hidden;}
.bod_gallery02 ul {}
.bod_gallery02 li {float:left; width:32%; height:290px; margin-left:2%; margin-bottom:19px; box-sizing:border-box; border:1px solid #ccc;}
.bod_gallery02 li.no_data {float:left; width:100%; /*height:290px;*/ margin-left:2%; text-align:center;}
.bod_gallery02 li.no_data span { padding-top:100px; }
.bod_gallery02 li:nth-of-type(3n+1) {margin-left:0;}
.bod_gallery02 li a {display:block; margin-bottom:20px;}
.bod_gallery02 span {display:block;}
.bod_gallery02 .thumb {box-sizing:border-box; font-size:0; line-height:0; background:url('/tour/img/board/no_img.jpg') no-repeat; width:100%; height:196px; background-size:100% 100%; }
.bod_gallery02 .thumb > img {width:100%; height:196px; border:0; /*border-radius:4px 4px;*/}
.bod_gallery02 .subject {margin-top:14px; font-weight:500; font-size:20px; height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:21px !important; padding:0 10px 0 17px;}
.bod_gallery02 .place {margin:10px 0 0 15px; color:#666; padding:0 10px 0 26px; background:url('/tour/img/common/ico_o_place.png') no-repeat left center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


@media (max-width: 1023px) {
  .bod_list th, .bod_list td {padding: 8px 5px;}
  .bod_gallery02 li {width:31.666%;}
  .bod_gallery02 li:nth-of-type(4n-3) {margin-left:2.5%;}
  .bod_gallery02 li:nth-of-type(3n-2) {margin-left:0;}
}

@media (max-width: 768px) {
  .bod_head .page_num {float: none;}
  .bod_head .bod_search {float: none; width: 100%;}
  .bod_head .bod_search > * {margin-top: 8px;}
  .bod_list th, .bod_list td {padding: 6px 5px;}
  .bod_list .list_num, .bod_list .list_date, .bod_list .list_hit {width: 0 !important; padding: 0; font-size: 0; line-height: 0; text-indent: -9999999px;}
  .bod_list .list_file {width: 10%;}
  .bod_list .list_part {width: 18%;}
  .bod_list .list_write {width: 15%;}

  .bod_guide {margin-bottom:30px; padding:9px 0 15px;}
  .bod_guide .icon {display:none;}
  .bod_guide .cont {float:none; width:100%; padding-right:20px; padding-left:20px;}
  .bod_guide .cont b {font-size:17px;}

  .bod_view h4 {padding-top:9px; padding-bottom:10px; font-size:16px;}
  .bod_view .view_info li {margin-right:10px; padding:6px 0;}
  .bod_view .view_info li span {padding-left:10px;}
  .bod_view .view_cont #movie {width:100%;}
  .bod_view .view_cont #movie video {width:100%; height:auto;}

  .commentBtn {position:absolute; top:15px; right:0; margin-top:6px}
  .commentFom textarea {width:83.5%;}
  .commentFom p {width:15%;}

  .bod_gallery02 li {width:48.75%;}
  .bod_gallery02 li:nth-of-type(3n-2) {margin-left:0;}
  .bod_gallery02 li:nth-of-type(2n-1) {margin-left:0;}


}

@media (max-width: 480px) {
  .bod_list th, .bod_list td {padding: 4px 5px;}
  .bod_list .list_file,.bod_list .list_write {width: 0 !important; padding: 0; font-size: 0; line-height: 0; text-indent: -9999999px;}
  .bod_list .list_part {width: 30%;}

  .bod_guide {margin-bottom:20px; padding:7px 0 10px;}
  .bod_guide .cont b {font-size:16px;}

  .tbl_form dt,
  .tbl_form dd {padding:6px 0 6px 7px;}
  .tbl_form dt {width:24%;}
  .tbl_form dd {width:76%;}

  .bod_view h4 {padding-top:7px; padding-bottom:8px; font-size:14px;}
  .bod_view .view_info li {margin-right:8px; padding:5px 0;}
  .bod_view .view_info li span {padding-left:8px;}
  .bod_view .view_cont > img {width:100%;}
  .bod_view .view_file dt {float:none;}
  .bod_view .view_file dt span {border-right:0;}
  .bod_view .view_file dd {float:none; padding-left:12px;}

  .commentFom {padding:10px;}
  .commentFom textarea {width:74.5%;}
  .commentFom p {width:24%;}

  .bod_gallery02 li {width:100%; margin-left:0;}

}

/*문화관광해설사 신청하기*/
.srch_wrap {padding-bottom: 15px; overflow: hidden;}
.srch_wrap .srch {padding: 1px 12px; border: 1px solid #555; background: #555; color:#fff; vertical-align:middle;}