/* Layout */
#container {
  position: relative;
  width:100%;
  margin: 0;
  
}
.subVisual-01 { background: url(/images/tour/contents/img_tour_sub_visual01.jpg) no-repeat center top; }
.subVisual-02 { background: url(/images/tour/contents/img_tour_sub_visual02.jpg) no-repeat center top; }
.subVisual-03 { background: url(/images/tour/contents/img_tour_sub_visual03.jpg) no-repeat center top; }
.subVisual-04 { background: url(/images/tour/contents/img_tour_sub_visual04.jpg) no-repeat center top; }
.subVisual-05 { background: url(/images/tour/contents/img_tour_sub_visual05.jpg) no-repeat center top; }
.subVisual-06 { background: url(/images/tour/contents/img_tour_sub_visual06.jpg) no-repeat center top; }
.subVisual-07 { background: url(/images/tour/contents/img_tour_sub_visual07.jpg) no-repeat center top; }
.subVisual-08 { background: url(/images/tour/contents/img_tour_sub_visual08.jpg) no-repeat center top; }

#container .subText { text-align:center; padding:60px 0; color:#fff; }
#container  .sub_title { font-size: 38px; }
/* 사이드 메뉴 */
#side {
  display: block;
  float: left;
  width: 25%;
  margin-top: 53px;
  padding: 0;
}
#side .sub_title {
  height: 75px;
  padding: 55px 0 0 0;
  background: url('/images/tour/contents/side_ti.png') rgba(0,0,0,0.6) no-repeat right top;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.sub_menu .sm_2th {
  width: 100%;
  padding: 0;
  margin: 0;
}
.sub_menu .sm_2th > li {
  margin: 0;
  padding: 0;
  border: solid 1px #e0e0e0;
  border-top: none;
  background:#fff;
}
.sub_menu .sm_2th > li > a {
  display: block;
  position: relative;
  /*min-height: 37px;*/
  padding: 20px 45px 20px 20px !important;
  color: #404040;
  font-size: 15px;
  line-height: 19px;
  text-decoration: none;
  cursor: pointer;
}
.sub_menu .sm_2th > li > a > .more {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  border: 1px solid #e4e4e4;
  transition: all .4s;
  font-size:0;
}
.sub_menu .sm_2th > li > a > .more em {
  position: absolute;
  background-color: #a4a4a4;
  transition: all .4s;
}
.sub_menu .sm_2th > li > a > .more .ver {
  top: 50%;
  left: 50%;
  width: 2px;
  height: 10px;
  margin: -5px 0 0 -1px;
}
.sub_menu .sm_2th > li > a > .more .hor {
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  margin: -1px 0 0 -5px;
}
.sub_menu .sm_2th > li.on > a {
  color: #005bab;
}
.sm_2th > li.on > a > .more,
.sm_2th > li > a:hover > .more {
  border-color: #005bab;
}
.sm_2th > li.on > a > .more em.ver,
.sm_2th > li > a:hover > .more em.ver {
  background-color: #005bab;
  transform: translateY(0) rotate(-450deg);
}
.sm_2th > li.on > a > .more em.hor,
.sm_2th > li > a:hover > .more em.hor {
  opacity: 0;
}
.sm_3th {
  display: none;
  margin: -1px 0 0 0;
  padding: 13px 0 13px 20px;
  background-color: #f6f7f9;
  border-top: 1px solid #005bab;
}
.sm_3th a {
  padding: 7px 0 7px 10px;
  background: url('/images/tour/common/board_bu.gif') no-repeat left 13px;
  color: #555;
  font-size: 15px;
  
}
.sm_3th li.on a, .sm_3th a:hover { color: #0030ae; }
.sm_2th .on .sm_3th {
  display: block;
}


.sm_4th {
  margin: -1px 20px 0 0;
  padding: 5px 0 13px 3px;
  background-color: #f6f7f9;
}

.sm_4th a {
 padding: 3px 0 3px 8px;
  background: url('/images/portal/common/dot_bar.gif') no-repeat left 13px;
  color: #888;
  font-size: 13px;
  font-weight:500 !important;
  display: inline-block;
  
}
.sm_4th a:hover, .sm_4th .on li.on a { color:#0030ae; }
.sm_2th .on .sm_3th {
  display: block;
}

@media all and (max-width: 970px) {
  #side {
    display: none;
  }
  #container {width:98%; margin:0px auto; background:none;}
  .path{display:none;}
}

/* 컨텐츠 서브 레이아웃 */
.etc_btn {
  display: block;
  float: right;
  width: 17.777777%;
}
.etc_btn li {
  display: block;
  float: left;
  width: 33.333333%;
}
.etc_btn li button {
  display: block;
  width: 100%;
  height: 53px;
  margin: 0;
  padding: 0;
}
.etc_btn li button span {
  display: block;
  height: 53px;
  background: url(/images/tour/contents/path_icon1.png) no-repeat 50%;
  border-right: 1px solid #e6e6e6;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.etc_btn li button.etc2 span {
  background-image: url(/images/tour/contents/path_icon2.png);
}
.etc_btn li button.etc3 span {
  background-image: url(/images/tour/contents/path_icon3.png);
}
.etc_btn li:first-child button span {
  border-left: 1px solid #e6e6e6;
}
@media all and (max-width: 568px) {
  .etc_btn {
    display: none;
  }
}
      .mapT{
        width:100%;
        height: 400px;
      }          
.sub_head .title {
  margin: 0 0 0 40px;
  padding: 25px 0 15px 0;
  border-bottom: 1px solid #e3e3e3;
}
.sub_head .title h2 {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}
.sub_head .sns {
  float: right;
  margin-top: -45px;
}

.search_sp{display:none !important}
.sub_head .sns li {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  margin: 0 0 0 5px;
}
.sub_head .sns li a {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/images/tour/contents/fb_icon.png) no-repeat 50%;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.sub_head .sns li a.tw {
  background-image: url(/images/tour/contents/tw_icon.png);
}
.sub_head .sns li a.ks {
  background-image: url(/images/tour/contents/ks_icon.png);
}
.sub_head .sns li a.pr {
  background-image: url(/images/tour/contents/pr_icon.png);
}
@media all and (max-width: 970px) {
  .sub_head .title {
    margin: 0;
  }
}
@media all and (max-width: 568px) {
  .sub_head .title {
    padding: 10px 0 0 0;
    border-bottom: none;
  }
  .sub_head .title h2 {
    font-size: 23px;
    line-height: 27px;
  }
  .sub_head .sns {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
  }
  .sub_head .sns li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
  }
}

/* 컨텐츠 영역 */
.rowgroup {
  display: block;
  float: left;
  width: 75%;
  min-height: 500px;
  margin: 0;
  padding: 0;
}
@media all and (max-width: 970px) {
.rowgroup{width:100%;}
}

/* 콘텐츠 제목 */
.sub_head {
  position: relative;
  z-index:1;
  margin-top: 183px;
}
@media all and (max-width: 970px) {
  .sub_head{margin-top:0;}
}
.path {
  position: relative;
  width: 100%;
  height: 59px;
  color: #474747;
}
.path .home {
  display: block;
  float: left;
  width: 6%;
  height: 53px;
  margin: 0;
  padding: 0;
  background: url('/images/tour/common/path_home.png') no-repeat 50%;
  font-size: 0;
  line-height: 0;
}
.path .home span {
  display: block;
  height: 53px;
  border-right: 1px solid #e6e6e6;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.path > div {
  display: block;
  float: left;
  position: relative;
  width: 20%;
  z-index:20;
}
.path > div button {
  display: block;
  width: 100%;
  height: 53px;
  border-right: 1px solid #e6e6e6;
  text-align: left;
}
.path > div button span {
  display: block;
  height: 53px;
  margin: 0 10px;
  background: url('/images/tour/common/path_bul.png') no-repeat right 50%;
  line-height: 53px;
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.path > div.on button span {
  color: #005bab;
}
.path > div ul {
  display: none;
  position: absolute;
  top: 53px;
  left: 0;
  z-index:1;
  width: 100%;
  background-color: #f8f8f8;
}
.path > div ul li {
  border: 1px solid #e6e6e6;
  border-top: none;
}
.path > div ul a {
  display: block;
  padding: 10px;
  line-height: 20px;
  color:#333;font-size:15px;
}
@media all and (max-width:640px) {
  .path .home{display:none;}
  .path > div{width:auto;}
  .path > div button span{background:none;}
}
/* 콘텐츠 */
#contents {
  margin: 30px 0 30px 40px;
  min-height: 300px;
  overflow:hidden;
  font-size:15px; 
  line-height:160%;
}
.listc_st3 {display:block;position:relative;width:100%; border-top:2px solid #067add; }
.listc_st3 dt {display:block;position:relative;font-weight:bold;border-bottom:1px solid #DDD; padding:10px 20px; background:#eaf0f7; }
.listc_st3 dt:after {content:"";clear:both;display:block;}
.listc_st3 dt .tit { display:block; float:left; padding-left:15px; background:url(/images/portal/common/bu_li.png) no-repeat left center; }
.listc_st3 .btns {float:right;background:#fff;}
.listc_st3 dd { padding:10px 20px 10px 35px; border-bottom:1px solid #DDD; }
.listc_st3 dd:after {content:" ";clear:both;display:block;}
.listc_st3 dd ul li.w100p {width:100%; height:24px; padding:0; margin:0; clear:both; display:block !important;}

@media all and (max-width: 970px) {
  #contents {
    margin: 30px 0;
  }
}

/* 만족도조사 및 담당자 정보 */
.satisfaction {
  margin: 35px 0 35px 40px;
}
.satisfaction_rank {
  margin: 0 0 10px;
  padding: 20px 25px 20px 125px;
  background: url(/images/tour/contents/satisfaction_icon.png) no-repeat 20px 20px;
  border: 1px solid #c7ced2;
  border-radius: 2px;
}
.satisfaction_rank .question {
  padding: 8px 0;
  font-family: 'nanumS';
  font-size: 15px;
  color: #444;
  font-weight: 600;
}
.satisfaction_rank .satisfaction_list {
  padding: 0px 0 0 0;
}
.satisfaction_rank .satisfaction_list label,
.satisfaction_rank .satisfaction_list input {
  vertical-align: middle;
}
.satisfaction_rank .satisfaction_list .input_radio {
  display: block;
  float: left;
  width: 53%;
  margin-top:5px;
}

.satisfaction_rank .satisfaction_list .input_radio span {
  display: inline-block;
  margin-right: 5%;
}
.satisfaction_rank .satisfaction_list label {
   display: inline-block;
   margin-right: 10px;
   color: #535252;
   font-size: 14px;
   margin-left:3px;
 }
.satisfaction_rank .satisfaction_list .opinion {
  display: block;
  float: left;
  width: 46%;
}
.satisfaction_rank .satisfaction_list .opinion input[type="text"] {
  width: 65%;
  border: 1px solid #e1e1e1;
  border-right: none;
  height:28px;
  margin:0;
  padding:0 0 0 7px;
  font-size:13px;
}
.satisfaction_rank .satisfaction_list .opinion input[type="submit"] {
  width: 25%;
  border: 1px solid #757575;
  background-color: #5a5a5a;
  color: #fff;
  height:30px;
  font-size:13px;
}

@media only screen and (max-width:700px) {
.satisfaction_rank {  background: none;  padding: 20px;}
.satisfaction_rank .satisfaction_list .input_radio {width:100%;}
.satisfaction_rank .satisfaction_list .opinion{width:96%; margin-top:5px;}
.satisfaction_rank .satisfaction_list .opinion input[type="text"]{width:68%;}
.satisfaction_rank .satisfaction_list .opinion input[type="submit"]{width:15%;}
}
@media only screen and (max-width:470px) {
.satisfaction_rank .satisfaction_list .opinion input[type="submit"]{width:25%;}
.satisfaction_rank .satisfaction_list label{font-size:13px; margin-right:0px;}
}
.satisfaction .admin_info{position:relative; background:#f8f8f8;border: 1px solid #c7ced2;  border-radius: 2px; margin-bottom:2px;}
.satisfaction .admin_info ul{  padding:15px 0 15px 2%; width:85%; }
.satisfaction .admin_info ul li {float:left;margin-right:35px;padding-left:10px; font-size:13px; color:#5b5e64;}
.satisfaction .admin_info ul li span{display:inline-block;margin:0 10px 0 0;padding-right:11px;color:#333333; font-weight:600;}
.satisfaction .admin_info .open_type { position:absolute; right:2%; top:0; padding:11px 0;}


/*동래역사*/
.font_tit { font-size:18px; }



/* 관광명소 */
.detail_img { float:left; }
.detail_infoBox { margin-left:30px; float:left; width:387px; }
.detail_info { width:100%; }
.detail_info th { text-align:left; color:#333; background:url(/images/tour/contents/sub01/bullet01.gif) no-repeat left center; padding-left:15px; }
.detail_info td { padding:7px 10px; }
.detail_info th, td { font-size:14px; vertical-align:middle; letter-spacing:-0.5px; }

.button_box {margin-top: 20px;border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
.button_box img { margin-right:10px; }
.vr a { display:inline-block; padding:17px 0; background:#0598B2; color:#fff; font-size:14px; font-weight:600; width:49%; text-align:center; float:left; }
.like a { display:inline-block; padding:16px 0; border:1px solid #ccc; color:#787878; font-size:14px; font-weight:600; width:49%; text-align:center; float:right; }
.vr a:hover, .like a:hover { text-decoration:none; }
.tag { margin-top:20px; font-size:13px; }
.tag img { margin-right:7px; }

.conbox {margin-top: 40px;}
.conbox .txt { font-size:14px; }
.conbox .map img { width:100%; }
.bul_tit { font-size:16px; font-weight:600; color:#333; background:url(/images/tour/contents/sub01/bullet01.gif) no-repeat left center; padding-left:15px; margin-bottom:30px; }

.img_txt { float:left; }
.img_txt span { font-size:12px; letter-spacing:-0.5px; color:#777; line-height:1.5em; margin-top:7px; text-align:center; }
.img_txt span, .img_txt img { display:block; }


@media all and (min-width:1205px) {
.detail_img{width:40%;}
.detail_img img{width:100%;}
.detail_infoBox{width:56%;}
}

@media all and (min-width:1025px) {
.detail_img{width:40%;}
.detail_img img{width:100%;}
.detail_infoBox{width:56%;}
.img_list { margin-top:40px; width:100%; }
.img_list li { float:left; width:33%; margin-bottom:4px; }
.img_list li.mg { margin-left:4px; margin-right:4px; }
.img_list li img { width:100%; height:auto; overflow:hidden; }
}

@media all and (min-width:768px) and (max-width:1024px) {
.detail_img{width:40%;}
.detail_img img{width:100%;}
.detail_infoBox{width:56%;}

}

@media all and (max-width:768px) {
.detail_img{width:100%; float:inherit;}
.detail_img img{width:100%;}
.detail_info th, td{font-size:13px; vertical-align:top;}
.detail_info th{width:25%; background-position:left 9px;}
.detail_info td{padding:2px 0px 10px 0}
.detail_infoBox{width:100%; margin-left:0; padding-top:20px;}
.button_box{margin-top:20px;padding-bottom:10px;}
.button_box img {margin-right:10px;width: 15px;margin-top: -3px;}
.like a{padding:2px 0; width:30%;}
.img_list { margin-top:40px; width:100%; }
.img_list li { float:left; width:49.2%; margin-bottom:4px; margin-right:4px; }
.img_list li img {  width:100%; height:auto; overflow:hidden; }
.bul_tit{margin-bottom:15px;}
.table01 th{width:30%;}
}

.life {}
.life li { float:left; padding:2%; width:21%; }
.life li span { display:block; }
.life li img { display:block; max-width:220px; height:145px; }
.life li span.txt { color:#666; font-size:14px; letter-spacing:-1px; line-height:1.3em; margin-top:6px; text-align:center; min-height:55px; }

.life li.wi5 { width:18%; }
.life li.wi4 { width:21%; }

/* 테마별코스 */

.course {}
.course > .tab { background:#f5f5f5; }
.course > .tab > li { float:left; width:25%; }
.course > .tab > li > a { color:#535353; font-family: 'NanumSquare', sans-serif; font-size:18px; text-align:center; display:block; padding:17px 0; }
.course > .tab > li > a:hover { color:#fff; background:#0099b4; }
.course > .tab > li.course_on > a { color:#fff; background:#0099b4; }


.course_listbox01 { padding:90px 0; background:url(/images/tour/contents/sub01/course_line01.gif) repeat-y 25px bottom; }
.course_listbox02 { padding:90px 0; background:url(/images/tour/contents/sub01/course_line02.gif) repeat-y 25px bottom; }
.course_listbox03 { padding:90px 0; background:url(/images/tour/contents/sub01/course_line03.gif) repeat-y 25px bottom; }
.course_listbox04 { padding:90px 0; background:url(/images/tour/contents/sub01/course_line04.gif) repeat-y 25px bottom; }

.course_txtbox {float:right;margin-top:30px;width:50%;position:relative;}

.course_tit01 { font-size:32px; font-weight:600; color:#333; line-height:1em; letter-spacing:-0.5px; margin:80px 0 35px; }
.course_tit02 { font-size:24px; font-weight:600; color:#333; line-height:1em; letter-spacing:-0.5px; }
.course_txt01 { font-size:15px; color:#666; }
.course_txt02 { font-size:13px; color:#666; margin:20px 0; }
.course_map { margin-top:30px; }
.course_map img { width:100%; }

.course_icon { background:url(/images/tour/contents/sub01/course_icon.jpg) no-repeat 0 0; width:108px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 18px; margin-top:79px; }
.course_icon_ten { background:url(/images/tour/contents/sub01/course_icon.jpg) no-repeat 0 0; width:116px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 10px; margin-top:79px; }

.course_icon02 { background:url(/images/tour/contents/sub01/course_icon02.jpg) no-repeat 0 0; width:108px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 18px; margin-top:79px; }
.course_icon_ten02 { background:url(/images/tour/contents/sub01/course_icon02.jpg) no-repeat 0 0; width:116px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 10px; margin-top:79px; }

.course_icon03 { background:url(/images/tour/contents/sub01/course_icon03.jpg) no-repeat 0 0; width:108px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 18px; margin-top:79px; }
.course_icon_ten03 { background:url(/images/tour/contents/sub01/course_icon03.jpg) no-repeat 0 0; width:116px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 10px; margin-top:79px; }

.course_icon04 { background:url(/images/tour/contents/sub01/course_icon04.jpg) no-repeat 0 0; width:108px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 18px; margin-top:79px; }
.course_icon_ten04 { background:url(/images/tour/contents/sub01/course_icon04.jpg) no-repeat 0 0; width:116px; height:97px; display:block; float:left; font-size:26px; font-weight:600; font-family:tahoma; color:#333; padding:10px 0 0 10px; margin-top:79px; }

.btn_view { background:#05b2d1 url(/images/tour/contents/sub01/icon_search.png) no-repeat 9px center; position:absolute; top:0; right:0; }
.btn_view a { color:#fff; font-size:14px; font-weight:600; padding:6px 10px 6px 28px;display:block; }
.btn_view a:hover { text-decoration:none; }

/*.course.bg01 { background:url(/images/tour/contents/course1_bg.jpg) no-repeat 0 1570px;}
.course.bg02 {background: url(/images/tour/contents/course2_bg.jpg) no-repeat 0 1100px;}
.course.bg03 { background:url(/images/tour/contents/course3_bg.jpg) no-repeat 0 1070px;}
.course.bg04 {background: url(/images/tour/contents/course4_bg.jpg) no-repeat 0 1750px;}*/
.title_a { font-weight:600; color:#fd6360; background:url(/images/portal/common/icon_star_1.png) no-repeat left  center;  padding-left:35px; }



/* 동래맛의 명가 */
.thumb_list {border:1px solid #ddd;margin-bottom:20px;position:relative;min-height: 154px; width:49%; }
.thumb_list p { float:left; margin-right:20px; }
/*.thumb_box { float:left; width:360px; }*/
.thumb_box .tit { font-size:16px; font-weight:600; color:#242424; padding-top:20px; margin-bottom:14px; }
.thumb_list p img {width:180px;height:auto;min-height: 154px;}

.detail_info02 { margin-top:25px; width:100%; }
.detail_info02 th { text-align:left; color:#2576f0; background:url(/images/tour/contents/sub01/bullet02.gif) no-repeat left center; padding-left:9px; }
.detail_info02 td { padding:2px 0; }
.detail_info02 th, td { font-size:14px; vertical-align:middle; letter-spacing:-0.5px; line-height:1.5em; }


.food_btn_area{width:99.8%; height:185px; border:1px solid #ddd; margin-bottom:20px; background:url('/images/tour/contents/foot_conbg.jpg') right 0 no-repeat;}
.food_con{padding:10px 40px;}
.food_btn_area .food_con h3.food_h3{margin-top:10px;}
.food_btn_area .food_con .food_con_stxt{font-size:14px;display:block; margin:5px 0;}
.mlist_left{position:relative; width:180px; height:180px; float:left; margin-right:30px;}
 .mlist_left .bx-controls{position:absolute; top:0;}
 .mlist_left .bxslider li{width:180px; height:180px;}
 .mlist_left .bxslider li img{width:180px; height:180px;}
 .mlist_left .bx-controls-direction{width:180px; height:180px;}
 
 .mlist_left .bx-controls-direction .bx-prev{position:absolute; width:25px; height:25px; top:80px; left:0px; text-indent:-9999px;  background:url('/images/tour/contents/sub04/l-arr.png') center center no-repeat;}
 .mlist_left .bx-controls-direction .bx-next{position:absolute; width:25px; height:25px; top:80px; right:0px; text-indent:-9999px;  background:url('/images/tour/contents/sub04/r-arr.png') center center no-repeat;}

 /*.mlist_left .bx-controls-direction .bx-prev{position:absolute; width:25px; height:25px; top:80px; left:0px; text-indent:-9999px;  background:url('http://211.57.200.44:9081/ubitec/dongnae/tour/images/pz_prev_btn.png') center center no-repeat;}
 .mlist_left .bx-controls-direction .bx-next{position:absolute; width:25px; height:25px; top:80px; right:0px; text-indent:-9999px;  background:url('http://211.57.200.44:9081/ubitec/dongnae/tour/images/pz_next_btn.png') center center no-repeat;}*/
 .mlist_left .bx-pager-item{display:none;}



/* 숙박정보 */
.div-flex{display: flex; flex-wrap:wrap; justify-content:space-between;}
.thumb_list02 { width: calc(99%/2); border:1px solid #ddd; margin-bottom:8px; padding:20px; position:relative; box-sizing: border-box;}
.thumb_list02 .tit { font-size:20px; font-weight:600; letter-spacing:-0.5px; color:#353535; margin-bottom:17px; }
.btn_map { position:absolute; top:20px; right:20px; }
.btn_map a { display:inline-block; padding:7px 14px 7px 24px; background:#1b61b4 url(/images/tour/contents/sub04/btn_map.png) no-repeat 13px center; color:#fff; font-size:13px; letter-spacing:-0.5px; line-height:1em; border-radius:18px; }
.btn_map a:hover { text-decoration:none; }

.btn_map02 a { display:inline-block; padding:7px 14px 7px 24px; background:#2E9EB2 url(/images/tour/contents/sub04/btn_map.png) no-repeat 13px center; color:#fff; font-size:13px; letter-spacing:-0.5px; line-height:1em; border-radius:18px; }
.btn_map02 a:hover { text-decoration:none; }

.btn_s_map { position:absolute; top:15px; right:15px; }
.btn_001,.btn_002,.btn_003{display: inline-block; padding: 7px 14px 7px 14px;  color: #fff; font-size: 13px; letter-spacing: -0.5px; line-height: 1em;  border-radius: 18px;}
.btn_001{background: #d32362;}
.btn_002{background: #0d6948;}
.btn_003{background: #e17b0d;}



/* 관광안내소 */

.tourinfo { width:100%; border-top:2px solid #2ac2dd; margin-bottom:50px; }
.tourinfo th { background:#f7f7f7; color:#222; font-size:16px; font-weight:600; }
.tourinfo td, .tourinfo th { border-bottom:1px solid #dfdfdf; padding:17px 40px; }



/* 축제일정 */
.monthly_bar { background:#32445e; position:relative; vertical-align:middle; margin:25px 0; height:53px; }
.nav_calendar { display:inline-block;}

.nav_calendar > span > a { background:#32445e; display:inline-block; font-size:20px; color:#fff; padding:13px 24px; } 
.nav_calendar > span > a:hover { background:#2576f0; text-decoration:none; }

.nav_calendar a.month_prev { background: transparent url("/images/tour/contents/sub04/btn_month_prev.png") no-repeat center; display: inline-block; text-indent:-9999px; height: 53px; margin:0; vertical-align: top; width:60px; }
.nav_calendar a.month_next { position:absolute; right:0; top:0; background: transparent url("/images/tour/contents/sub04/btn_month_next.png") no-repeat center; display: inline-block; text-indent:-9999px; height: 53px; margin:0; vertical-align: top; width:60px; }
.nav_calendar a span {padding:0 !important;}

.page_total { padding:15px 0; font-size:16px; }

.calender { width:100%; border-top:2px solid #2576f0; margin-bottom:50px; }
.calender th { background:#f9f9f9; color:#222; font-size:16px; font-weight:600; padding:11px 0; }
.calender td { text-align:center; height:120px; padding:10px; vertical-align:top; font-size:14px; }
.calender th, .calender td { border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
.calender .sun { color:#f02525; }
.calender .sat { color:#0d6edb; }
.calender .b_left { border-left:1px solid #d2d2d2; }



/* paging */

.paging { overflow:hidden; width:100%; margin:40px 0 40px 0; text-align:center; }
.paging ul { overflow:hidden; display:table; display:inline-block; margin:0 auto; }
.paging ul li { float:left; display:table-cell; margin-left:-1px; }
.paging ul li:first-child { margin-left:0; }
.paging ul li a { border:1px solid #ddd; padding:8px 12px; display:block; line-height:1em; }
.paging ul.num li a:hover { background:#2576f0; border:1px solid #2576f0; color:#fff; font-weight:600; text-decoration:none; }
.paging ul.num li a.on { background:#2576f0; border:1px solid #2576f0; color:#fff; font-weight:600; }
.btn_fir { text-indent:-999px; width:35px; height:33px; background:url(/images/tour/contents/sub01/btn_fir.png) no-repeat center center; }
.btn_prev { text-indent:-999px; width:35px; height:33px; background:url(/images/tour/contents/sub01/btn_prev.png) no-repeat center center; }
.btn_next { text-indent:-999px; width:35px; height:33px; background:url(/images/tour/contents/sub01/btn_next.png) no-repeat center center; }
.btn_end { text-indent:-999px; width:35px; height:33px; background:url(/images/tour/contents/sub01/btn_end.png) no-repeat center center; }

.store { background:#626868; padding:20px; }
.store p.tit { color:#fff; font-size:18px; margin-bottom:10px; }
.store li { float:left; width:23%; margin-right:2%; }
.store .gate { border-radius:5px; background:#eee; color:#333; padding:0 10px; margin-top:10px; }
.store li ul li { float:none; width:100%; font-size:13px; color:#fff; }

@media screen and (max-width:960px){
  
  .course_txtbox { margin-top:50px; width:85%;}
  .course.bg01 { background:none;}
  .course.bg02 { background:none;}
  .course.bg03 { background:none;}
  .course.bg04 { background:none;}
  .thumb_list02 {width: 100%; padding:4%;}
  .store li { width:48%; }
  /*.thumb_list02 {width:43%;}*/
}



/* guide book */
.guide_list{width:100%; padding-top:20px;}
.guide_list li{width:300px; margin-right:10px; float:left; margin-bottom:50px;}
.guide_list li:last-child { margin:0%; }
.guide_list li span{display:block; text-align:center;}
.guide_list li span.tit{margin-top:10px; margin-bottom:10px;}


@media screen and (max-width:480px){
.thumb_list p{width:150px; overflow:hidden; margin-right:10px;}
.thumb_list {width:98%; }
.btn_s_map { }
.mlist_left .bx-controls-direction{width:150px !important;}
.mlist_left{width:150px !important; margin-right:10px !important; }
/*.thumb_box{width:159px;}*/
.detail_info02 th, td{font-size:11px;}
.food_con{padding:10px 20px;}
.food_btn_area{background:url('/images/tour/contents/foot_conbg.jpg') 70% 0px no-repeat;}
.btn_map02 a { padding: 14px 15px 14px 20px; font-size:0px; }
}


.btn_ebig{display:block;width:380px;height:50px;background:#3d59c5;color: #fff !important;font-size: 17px;line-height:50px;text-align:center;margin:0px auto;margin-top: 50px;}

.wrap_li { display:block; clear:both; }
.wrap_li li { float:left; margin-bottom:20px; }
.wrap_li li p { text-align:center; }

.wrap_li.wi2 li { width:48%; margin-left:2%; }
.wrap_li.wi3 li { width:31.5%; margin-left:1.5%; }
.wrap_li.wi4 li { width:23%; margin-left:2%; }
.wrap_li.wi5 li { width:18%; margin-left:1.5%; }
      
 .mapT{
        width:100%;
        height: 400px;
}


    #video {
      float:left; margin-right:20px;
      width:480px;
      height:360px;
      z-index: -1;
      overflow: hidden;
    }
.area-skip-ment{

}
.skip-ment{
    height: auto;
    position: absolute;
    text-align: center;
    width: 920px;
    z-index: 9999;
    background: #000;
    color: #fff;
}
.skip-ment p{
    background: #000;
    color: #fff;
   display:none;
}

/* 탐방코스 */
 /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 400px;
    width: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 400px;
        margin: 0;
        padding: 0;
      }
      .mycourse_popup {
    width: 350px;
    /* height:200px; */
    padding: 0px 0px 10px 10px;
    overflow:hidden;
    }
   
    .head_title{
    border-bottom: 2px solid #505d6e;
    font-size: 17px;
    color: #019585;
    font-weight:500;
    padding: 10px 0px;
    }
    .bodycont {
        padding: 10px 0px 10px 0px;
        margin: 5px 0px;
        overflow:hidden;
   }
    .bodycont .text{
    /* float: left; */
    color: #222;
    font-size: 14px;
    }                        




     /* 임의반응형 - 모바일에서 이미지크게보기 링크 */
  .img_respon{position: relative;}
  .link_imgview{display: none;}
  .img_respon img{max-width: 100%}
  @media all and (max-width:768px){
    .link_imgview{position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,0.7);color: #fff!important;font-weight: 600;padding: 5px 10px;display: block;}
      .link_imgview:visited{color: #fff;}
      .img_respon img {width:100%;}
  }
  @media (max-width: 768px)
  .link_imgview: {
      color: #fff;
    
  }