@charset "utf-8";

.prev, .next, .pause, .play { position:absolute; width:30rem; height:30rem; display:block; text-indent:-9999rem; cursor:pointer; z-index:10; background-repeat: no-repeat; background-color:transparent; background-size:cover;}
.prev {background-image:url('/tour2020/img/main/prev.png'); top:0; right:90rem; }
.next {background-image:url('/tour2020/img/main/next.png'); top:0; right:0rem; }
.pause {background-image:url('/tour2020/img/main/pause.png'); top:0; right:45rem; }
.play {background-image:url('/tour2020/img/main/play.png'); top:0; right:45rem; display:none;}
.prev.white {background-image:url('/tour2020/img/main/prev_w.png');}
.next.white {background-image:url('/tour2020/img/main/next_w.png');}
.pause.white {background-image:url('/tour2020/img/main/pause_w.png');}
.play.white {background-image:url('/tour2020/img/main/play_w.png');}


/*button*/
a.whiteBtn, a.blueBtn, a.purpleBtn {position:relative; display:inline-block; background:#5068a8; padding:10rem 40rem 10rem 20rem; color:#fff; border-radius:10rem; margin:5rem; box-shadow:3rem 3rem 5rem #ddd;}
a.blueBtn {background:#2a87c9;}
a.whiteBtn {border:1px solid #ccc; background:#fff; color:#222;}
a.whiteBtn::after,
a.blueBtn::after,
a.purpleBtn::after { content:''; display:block; position:absolute; right:15rem; top:50%; margin-top:-7.5rem; width:15rem; height:15rem; }
a.blueBtn::after,
a.purpleBtn::after { background:url('/tour2020/img/sub/iconW.png') no-repeat center/cover; }
a.whiteBtn::after { background:url('/tour2020/img/sub/iconB.png') no-repeat center/cover; }
a.whiteBtn.down::after,
a.blueBtn.down::after,
a.purpleBtn.down::after {background-position:0 0;}
a.whiteBtn.blank::after,
a.blueBtn.blank::after,
a.purpleBtn.blank::after {background-position:-15rem 0;}
a.whiteBtn.link::after,
a.blueBtn.link::after,
a.purpleBtn.link::after {background-position:-30rem 0;}

.btn_write {display:inline-block; padding:0 20px; line-height:32px !important; height:34px !important; text-align:center; border:1px solid #ccc; border-radius:3px 3px;}

/*pagd info*/
.cont_foot {margin-top: 40rem;}
.cont_foot .info { border: 1px solid #ddd; border-radius:5rem; }
.cont_foot .info .info_line {padding:10rem 20rem; overflow: hidden;}
.cont_foot .info dl {float: left; color:#303030; overflow:hidden; }
.cont_foot .info dl dt { position:relative; float: left; padding:0 20rem 0 18rem; font-weight:700; }
.cont_foot .info dl dt::before {content:''; position:absolute; left:0; top:9rem; width:4rem; height:4rem; border-radius:50%; border:3px solid #03A273;}
.cont_foot .info dl dt::after {content:''; position:absolute; right:0; top:50%; width:1px; height:15rem; background:#aaa; transform:translate(0, -50%); }
.cont_foot .info dl dd {float: left; padding-left: 20rem; }
.cont_foot .info .info_line01 {border-bottom: 1px dashed #ddd;}
.cont_foot .info .info_line01 .click {float: right;}
.cont_foot .info .info_line01 .click a {
  display: block; float:left; background: linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%); border-radius: 5rem; border: 1px solid #bfbfbf; font-weight: 600; font-size:14rem; line-height:30rem; padding:0 10rem;}
.cont_foot .info .info_line01 .click a.top02 {
  background: linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%); color:#fff; text-transform: uppercase; cursor: pointer; margin:0 0 0 5rem;
}
.cont_foot .info .info_line01 .click a.top02 img {margin: 0 0 3rem 7rem;}
.cont_foot .info .info_line02 dl dd {font-size: 16rem;}
.cont_foot .info .info_line02 form {float: right; font-size: 15rem;}
.cont_foot .info .info_line02 form ul {float: left; margin:5rem 5rem 0 0; }
.cont_foot .info .info_line02 form ul li {float: left; margin-right: 10rem;}
.cont_foot .info .info_line02 form ul li label {padding-left: 5rem;}
.cont_foot .info .info_line02 form .regBtn {
  float: left; border-radius: 5rem; border: 1px solid #004e89; color:#fff; line-height:30rem; padding:0 10rem; font-family:'Pretendard', sans-serif; font-weight: 600; font-size:14rem; background: linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);  cursor: pointer;
}
.update_info { text-align:right; margin-bottom:10rem; }
.update_info span {padding-left:16rem; display:inline-block; font-size:15rem; background: url('/ko/img/sub/update_img.gif') no-repeat left center;}
@media all and (max-width:480px){
  .cont_foot .info dl {float:none;}
  .cont_foot .info .info_line01 .click, .cont_foot .info .info_line02 form {float:none; width:100%; text-align:center; margin:10rem 0 0;}
  .cont_foot .info .info_line01 .click a {display:inline-block; float:none;}
}

/*기존 contents.css 시작*/

  /*페이지 준비중입니다*/
  .ready {overflow:hidden; padding:100rem 0; border:10rem solid #f4f4f4; background:url('/tour2020/img/contents/ready_bg.gif') no-repeat -30% 30rem;}
  .ready div {width:100%; min-height:364rem; padding-left:43%; background:url('/tour2020/img/contents/ready_obj.png') no-repeat 13% center;  }
  .ready p {font-size:24rem; line-height:1.7;}
  .ready p:nth-of-type(1) {font-size:44rem; font-weight:bold; margin-bottom:80rem;}
  .ready p:nth-of-type(1) span {font-size:44rem; font-weight:bold;}
  .ready p:nth-of-type(1)::after {display:block; content: ''; width:57%; height:1px; background:#ddd; margin-top:20rem;}
  @media all and (max-width:1023px){
      .ready {padding:0 0 30rem; background-position:0 10rem;}
      .ready div {padding-left:0; padding-top:270rem; background-position: center 30rem; background-size:200rem;}
      .ready p {text-align:center;}
      .ready p:nth-of-type(1) {margin-bottom:0;}
      .ready p:nth-of-type(1)::after {display:none;}
  }
  @media all and (max-width:640px){
      .ready p {font-size:18rem; line-height:1.5;}
      .ready p:nth-of-type(1) {font-size:24rem;}
  }

  /*관광콘텐츠-리스트*/
  #listUtil {overflow:hidden; margin-bottom:40rem; padding:15rem 2%; border:1px solid #ccc;}
  #listUtil .pageInfo {font-size:17rem; overflow:hidden;}
  #listUtil .pageInfo li {float:left; margin-right:20rem; line-height:35rem; }
  #listUtil .pageInfo span {font-weight:600; padding-left:7rem;}
  #listUtil .pageInfo span.orange {color:#e04917;}
  #listUtil .pageInfo span.blue {color:#02849c;}
  #listUtil .floatR > * {float:left;}
  #listUtil .floatR > *:first-child { margin:0 0 3rem;}
  #listUtil .floatR .search { border:1px solid #ccc;}
  #listUtil .floatR .search input {border:0; line-height:33rem; height:33rem; width:70rem; text-align:center;}
  #listUtil .floatR .search input {text-align:left; width:150rem; padding:0 10rem;}
  #listUtil .floatR .search a { display:inline-block; background:#ebebeb; padding:5rem 10rem; border-left:1px solid #ccc; vertical-align:top; }
  #listUtil .floatR .search a {background:#444; color:#fff;}
  @media all and (max-width:950px){
    #listUtil {margin-bottom:30rem;}
    #listUtil .pageInfo {width:100%; font-size:15rem;}
    #listUtil .floatR {width:100%; margin-top:5rem;}
  }
  .tourList .list div.cont { position:relative; float:left; width:22.75%; min-height:350rem; margin:0 0 40rem 3%; box-shadow:2rem 2rem 5rem rgba(0,0,0,0.1); border:1px solid #ddd; /* border:1px solid #ddd; cursor:pointer; */}
  .tourList .list div.cont:nth-child(4n+1) {margin:0 0 40rem; clear:both; }
  .tourList .list div.cont > a {display:block;}
  .tourList .list dt {position:relative;}
  .tourList .list dt img {width:100%; height:200rem; }
  .tourList .list dd { padding:20rem 25rem 10rem; }
  .tourList .list dd .title {font-size:18rem; font-weight:500; margin-bottom:10rem;}
  .tourList .list dd li {position:relative; font-size:15rem; color:#555; padding:3rem 0 3rem 65rem; min-height:23rem; font-weight:300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .tourList .list dd li span {position:absolute; left:0; top:3rem; font-weight:400;}
  @media all and (max-width:1200px){
      .tourList .list dd {padding:15rem 20rem;}
  }
  @media all and (max-width:1023px){
      .tourList .list div.cont {width:31.3%;}
      .tourList .list div.cont:nth-child(4n+1) {margin-left:3%; clear:none;}
      .tourList .list div.cont:nth-child(3n+1) {margin-left:0; clear:both;}
  }
  @media all and (max-width:768px){
      .tourList .list div.cont {width:48.5%; min-height:auto; margin:0 0 30rem 3%;}
      .tourList .list div.cont:nth-child(3n+1) {margin-left:3%; clear:none;}
      .tourList .list div.cont:nth-child(2n+1) {margin-left:0; clear:both;}
      .tourList .list dt img { height:180rem; }
  }
  @media all and (max-width:480px){
      .tourList .list div.cont {width:100%; margin:0 0 20rem 0 !important;}
  }
  .cont .open .textbox {position:relative; display:block; padding:30rem; text-align:left; transition-property:margin-top, padding-bottom; transition-duration:300ms; transition-timing-function:ease-in-out; background-color:#fff;}
  .cont.active .open .textbox{margin-top:-52rem; padding-bottom:77rem;}
  .cont .open .textbox .title{display:block; margin-bottom:11rem; line-height:23rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:17rem; font-weight:400;}
  .cont .open {display:block; border:none; width:100%; /*height:318rem;*/ margin:0; padding:0; box-sizing:content-box; color:#000;}
  .cont.active .linkbox{visibility:visible; height:35rem;}
  .cont .linkbox {position:absolute; bottom:25rem; left:0; visibility:hidden; width:100%; height:0; overflow:hidden; line-height:0; font-size:0; transition-property:height, visibility; transition-duration:300ms; transition-timing-function:ease-in-out; padding:0 22rem; }
  .cont .linkbox a { display:block; float:right; width:48%; height:35rem; line-height:35rem; border-color:#555555; border-style:solid; border-width:1px; border-radius:3rem; background-color:#FFF; overflow:hidden; padding:0 7rem; color:#555555; text-align:center; }
  .cont .linkbox a.link01{border-color:#e04917; background-color:#e04917;}
  .cont .linkbox a:first-child{ float:left; }
  .cont .linkbox a span{position:relative; display:inline-block; padding-left:27rem; font-size:13rem; letter-spacing:-0.03em;}
  .cont .linkbox a.link01 span {color:#fff !important; font-weight:bold;}
  .cont .linkbox a span:before {content:''; position:absolute; top:50%; left:0; display:block; width:19rem; height:19rem; background-repeat:no-repeat; background-position:left center; background-size:cover; transform:translate(0, -50%); }
  .cont .linkbox a.link01 span:before{ background-image:url('/tour2020/img/program/tour_linkbox01.png') !important;}
  .cont .linkbox a.link02 span:before{background-image:url('/tour2020/img/program/tour_linkbox02.png') !important;}
  @media screen and (max-width:1000px){
      .cont .open .textbox {padding-left:4%; padding-right:4%;}
  }
  @media screen and (max-width:800px){
  }


  /*관광콘텐츠 뷰*/
  .tourView .title {font-size:34rem; font-weight:400; margin-bottom:30rem;}
  .tourView .title span {position:relative; font-size:26rem; font-weight:300; display:inline-block; margin-left:20rem;  padding:0 10rem; }
  .tourView .title span::before {content:''; position:absolute;left:0; bottom:0; display:block; z-index:-1; width:100%; height:10rem; background:rgba(245,207,82,.3)}
  .tourView .subtitle {text-align:center;}
  .tourView .subtitle span {}
  .tourView .top {overflow:hidden; width:99.8%; border-radius:10rem; box-sizing:border-box; margin-bottom:30rem; border:1px solid #ddd; padding:30rem 2%; box-shadow: 3rem 3rem 3rem rgba(0,0,0,.05);}
  @media all and (max-width:1023px){
  	.tourView .title,
  	.tourView .title span {text-align:center;}
  }
  @media all and (max-width:480px){
  	.tourView .title {font-size:24rem;}
  	.tourView .title span {font-size:20rem; }
  }
  /* 박스 */
  .box.type7 { margin:0 0 40rem;; position:relative;padding:8rem;background-color:#fff; border:#f7f7f7 8rem solid; background-image:none !important;}
  .box.type7 .box_wrap {padding:30rem 3%;/* padding-left:30rem; */background-color:#fff; text-align:center;}
  .box.type7:after {display:block; position:absolute; top:-8rem; left:-8rem; width:44rem; height:8rem; background-color:#e04917; content:'';}
  .box.type7:before {display:block; position:absolute; top:-8rem; left:-8rem; width:8rem; height:44rem; background-color:#e04917; content:'';}
  .box.type7 .box_wrap p { font-size:17rem; /*line-height:3rem; font-weight:400; letter-spacing:-0.1em;*/ }
  .box.type2 { margin:0 0 40rem;; position:relative;padding:8rem;background-color:#fff;border:#f7f7f7 8rem solid; background-image:none !important;}
  .box.type2 .box_wrap {padding:30rem 3%;/* padding-left:30rem; */background-color:#fff; text-align:center;}
  .box.type2:after {display:block; position:absolute; top:-8rem; left:-8rem; width:44rem; height:8rem; background-color:#e04917; content:'';}
  .box.type2:before {display:block; position:absolute; top:-8rem; left:-8rem; width:8rem; height:44rem; background-color:#e04917; content:'';}
  .box.type2 .box_wrap p {line-height:30rem; font-weight:500; font-size:17rem; letter-spacing:-0.1em;}
  /*관광뷰*/
  .imgWrap::after {content:''; display:block; position:absolute; top:-1px; right:0; width:150rem; height:50rem; background:rgba(0,0,0,.5)}
  .tourView .imgWrap { position:relative; float:left; width:55%; height:450rem; text-align:center; }
  .tourView .imgWrap img { display:inline-block; max-width:100%; width:auto; max-height:450rem;}
  .tourView .imgWrap .control.prev { right:110rem; }
  .tourView .imgWrap .control.next { background-position:-120rem 0; right:20rem; }
  .tourView .imgWrap .control.play { display:none; background-position:-80rem 0; right:65rem;}
  .tourView .imgWrap .control.stop { background-position:-40rem 0; right:65rem;}
  .tourView .imgWrap .slick-paging { position:absolute; background:rgba(0,0,0,0.8); color:#fff; padding:0 15rem; bottom:10rem; right:145rem; }
  .tourView .imgWrap .slick-paging li {display:none; line-height:40rem; height:auto; }
  .tourView .imgWrap .slick-paging li.slick-active {display:block;}
  .tourView .imgWrap.no_control .pause,
  .tourView .imgWrap.no_control .play,
  .tourView .imgWrap.no_control::after { display:none; }
  .tourView .tourInfo {float:right; background:#fff; width:40%; min-height:345rem; padding:40rem 0;}
  .tourView .tourInfo .title dt > span { float:left;  display:inline-block;font-size:25rem; line-height:1.5; font-weight:600; letter-spacing:-2rem; margin-right:10rem; }
  .tourView .tourInfo .title dd {clear:both; font-size:16rem; padding:10rem 0 30rem; }
  .tourView .tourInfo .title dd a {color:#006ed2;}
  .tourView .tourInfo .cont dt {font-size:18rem; border-bottom:1px solid #ccc; padding-bottom:10rem; margin-bottom:20rem; font-weight:600; }
  .tourView .tourInfo .cont dd { color:#555;}
  .tourView .tourInfo .cont dd ul {margin-bottom:20rem;}
  .tourView .tourInfo .cont dd ul li {position:relative; padding:20rem 0 20rem 100rem; border-bottom:1px dashed #ccc;}
  .tourView .tourInfo .cont dd ul li span { position:absolute; left:2%; top:20rem; font-weight:500;}
  .tourBtn {width:100%; margin-top:30rem; text-align:center;}
  .tourView .tourInfo .tourBtn a {vertical-align:top; display:inline-block; position:relative; border-radius:5rem;height:50rem; line-height:50rem; width:40%; margin-right:5%; background:#333; color:#fff; text-align:left; padding-left:19%;}
  .tourView .tourInfo .tourBtn a:last-child {margin-right:0;}
  .tourView .tourInfo .tourBtn a:hover {font-weight:700;}
  .tourView .tourInfo .tourBtn a.map {background:#fff; border:1px solid #333; color:#333 }
  .tourView .tourInfo .tourBtn a.map::before {content:''; position:absolute; top:13rem; left:50%; margin-left:-40rem; background: url('/tour2020/img/program/tour_linkbox02.png') no-repeat left center; width:25rem; height: 25rem;}
  .tourView .tourInfo .tourBtn a.vr {}
  .tourView .tourInfo .tourBtn a.vr::before {content:''; position:absolute; top:13rem; left:50%; margin-left:-40rem; background: url('/tour2020/img/program/tour_vr.png') no-repeat left center; width:25rem; height: 25rem;}
  .tourView .bottom { clear:both; position:relative; padding:90rem 0 0;}
  .tourView .bottom > ul > li > a { position:absolute; top:0rem; left:0; display:block; width:32%; border-right:0; text-align:center; padding:15rem 0;  box-sizing: border-box; border-radius:5rem; border:1px solid #ddd; margin-right:2%;}
  .tourView .bottom > ul > li.on > a { border:1px solid #e04917; background:#e04917; color:#fff; font-weight:500;}
  .tourView .bottom > ul > li.on > a::after {position:absolute; content:'◆'; display:inline-block; color:#e04917; bottom:-10rem; left:50%;}
  .tourView .bottom > ul > li:nth-child(2) > a {left:34%;}
  .tourView .bottom > ul > li:nth-child(3) > a {left:68%;}
  .tourView .bottom.food > ul > li > a {width:25%;}
  .tourView .bottom.food > ul > li:nth-child(2) > a {left:25%;}
  .tourView .bottom.food > ul > li:nth-child(3) > a {left:50%; border-right:0;}
  .tourView .bottom.food > ul > li:nth-child(4) > a {left:75%; border-right:1px solid #ccc;}
  .tourView .bottom.festival > ul > li > a {width:50%;}
  .tourView .bottom.festival > ul > li:nth-child(2) > a {left:50%; border-right:1px solid #ccc;}
  .tourView .bottom > ul > li > div {display:none; overflow:hidden; width:100%; box-sizing:border-box;}
  .tourView .bottom > ul > li.on > div {display: block;
  background: #fff; /*line-height:25rem;*/}
  .tourView .bottom > ul > li > div.map {display:block; height:0; overflow:hidden;}
  .tourView .bottom > ul > li.on > div.map {display:block !important; height:auto;}
  .tourView .bottom .detail p { margin-bottom:20rem; }
  .tourView .bottom .guide {background:#f0f4f7; padding:30rem 40rem; margin-top:30rem; }
  .tourView .bottom .guide .dept1 {padding-left:0 !important;}
  .tourView .bottom .guide > ul > li {padding:7rem 0 7rem 250rem !important;}
  .tourView .bottom .guide > ul > li::before {top:16rem !important;}
  .tourView .bottom .guide ul.dept2 {padding-top:0 !important;}
  .tourView .bottom .guide span.title {position:absolute; left:17rem; top:7rem; font-weight:600; color:#007aeb;}
  .tourView .bottom .guide span.icon { display:inline-block; margin-right:5rem; width:40rem; height:40rem; background:url('/design/tour2019/img/sub/viewIcon2.png') no-repeat 0 0; text-indent:-9999rem;}
  .tourView .bottom .guide span.type2 {background-position:-40rem 0;}
  .tourView .bottom .guide span.type3 {background-position:-80rem 0;}
  .tourView .bottom .guide span.type4 {background-position:-120rem 0;}
  .tourView .bottom .guide .caution {margin:10rem 0 0;}
  .tourView .bottom .map .searchWrap {background:#f5f5f5; }
  .tourView .bottom .map .searchWrap > div:first-child { overflow:hidden; padding:20rem; }
  .tourView .bottom .map .type {float:left;}
  .tourView .bottom .map .type a { display:inline-block; position:relative; font-size:15rem; padding:0 0 9rem 33rem; margin-right:10rem; }
  .tourView .bottom .map .type a span {color:#111; font-weight:500;}
  .tourView .bottom .map .type a.on,
  .tourView .bottom .map .type a.on span {color:#006ed2; font-weight:600;}
  .tourView .bottom .map .type a:first-child {padding-left:0;}
  .tourView .bottom .map .type a:first-child::before {display:none;}
  .tourView .bottom .map .type a::before { content:''; position:absolute; left:0; top:0; width: 25rem; height: 32rem; background:url('/tour2020/img/program/mapIcon.png') no-repeat 0 0; background-size:150rem auto;  }
  .tourView .bottom .map .type a.food::before {background-position:-25rem 0;}
  .tourView .bottom .map .type a.hotel::before {background-position:-50rem 0;}
  .tourView .bottom .map .type a.shop::before {background-position:-75rem 0;}
  .tourView .bottom .map .type a.cultural::before {background-position:-100rem 0;}
  .tourView .bottom .map .type a.parking::before {background-position:-125rem 0;}
  .tourView .bottom .map .distance {float:right; font-size:15rem; }
  .tourView .bottom .map .distance input { margin-left:10rem; }
  .tourView .bottom .map .way { clear:both; background:#eee; border:1px solid #ddd; padding:15rem; text-align:center; margin-bottom:20rem; }
  .tourView .bottom .map .way div {display:inline-block; vertical-align:top; }
  .tourView .bottom .map .way dl {float:left;}
  .tourView .bottom .map .way dl dt {float:left; margin-right:10rem; line-height:30rem; }
  .tourView .bottom .map .way dl dd {float:left; margin-right:20rem;}
  .tourView .bottom .map .way dl dd input,
  .tourView .bottom .map .way dl dd select {border:1px solid #ccc; padding:5rem 10rem;}
  .tourView .bottom .map .way a { float:left; background:#006ed2; color:#fff; padding:5rem 10rem; }
  .tourView .bottom .map .way a span { background: url('/design/tour2019/img/sub/listMap.png') no-repeat left center; padding-left: 20rem;}
  .tourView .bottom .map .loadView { position:relative }
  .tourView .bottom .map .daummap { margin-right:299rem; width:auto !important; }
  .tourView .bottom .map .placeList {position:absolute; right:0; top:0; width:300rem; height:400rem; border:1px solid #dfdfdf; padding:10rem; overflow-y:auto;}
  .tourView .bottom .map .placeList li {position:relative; padding:12rem 0 12rem 110rem; border-bottom:1px dashed #ddd; }
  .tourView .bottom .map .placeList li img {position:absolute; left:0; top:50%; width:100rem; height:70rem; margin-top:-35rem; }
  .tourView .bottom .map .placeList dl dt { font-size:15rem; font-weight:500; margin:0 0 5rem;}
  .tourView .bottom .map .placeList dl dt a {display:block;}
  .tourView .bottom .map .placeList dl dt a:focus img {border:1px dashed #006ed2 ;}
  .tourView .bottom .map .placeList dl dd a { display:inline-block; margin-right:5rem; border:1px solid #444; color:#444; font-size:13rem; padding:0 5rem;  }
  .tourView .bottom .map .placeList dl dd a:first-child {background:#444; color:#fff !important; }
  .tourView .bottom .map .placeList.tour dl dd a { border:1px solid #008921; color:#008921; }
  .tourView .bottom .map .placeList.tour dl dd a:first-child { background:#008921; }
  .tourView .bottom .map .placeList.food dl dd a { border:1px solid #006ed2; color:#006ed2; }
  .tourView .bottom .map .placeList.food dl dd a:first-child { background:#006ed2; }
  .tourView .bottom .map .placeList.hotel dl dd a { border:1px solid #f3c204; color:#333 !important; }
  .tourView .bottom .map .placeList.hotel dl dd a:first-child { background:#f3c204;}
  .tourView .bottom .map .placeList.cultural dl dd a { border:1px solid #7930ad; color:#7930ad; }
  .tourView .bottom .map .placeList.cultural dl dd a:first-child { background:#7930ad; }
  .tourView .bottom .photo a { position:relative; display:block; float:left; width:23.5%; margin:0 0 30rem 2%; padding:2rem; border:1px solid #ddd;}
  .tourView .bottom .photo a:first-child {margin-left:0 !important;}
  .tourView .bottom .photo a:nth-child(4n+1) { clear:both; margin-left:0;}
  .tourView .bottom .photo a::before {content:''; position:absolute; right:15rem; top:15rem; width:44rem; height:43rem; background:url('/design/tour2019/img/sub/playIcon.png') no-repeat center; }
  .tourView .bottom .photo a.photoView::before {display:none;}
  .tourView .bottom .photo img { width:100%; height:230rem; }
  .tourView .listBtn {text-align:center; border-top:1px solid #ccc; margin-top:40rem; padding-top:40rem;}
  .tourView .listBtn a {background:#555 url('/design/tour2019/img/common/listIcon.gif') no-repeat 30rem center; color:#fff; padding:15rem 30rem 15rem 55rem; }

  .tourView .bottom .review .btn a { position:relative; display:inline-block; padding:3rem 13rem 3rem 16rem; margin-bottom:20rem; }
  .tourView .bottom .review .btn a::before {content:''; position:absolute; left:0; top:6rem; width:1px; height:15rem; background:#999;}
  .tourView .bottom .review .btn a:first-child::before { display:none; }
  .tourView .bottom .review .btn a.write {position:absolute; right:0; padding:5rem 20rem; background:#006ed2; border-radius:5rem; color:#fff; }
  .tourView .bottom .review .btn a.write::before {display:none;}
  .tourView .bottom .review .cont { position:relative; border-bottom:1px solid #eee; padding:20rem 0; min-height:165rem; }
  .tourView .bottom .review .cont .member { position:absolute; left:0; top:20rem; width:100rem; text-align:center; color:#777; font-size:13rem; }
  .tourView .bottom .review .cont .member img { border-radius:30rem; margin-bottom:5rem; width:60rem; }
  .tourView .bottom .review .cont .member .score0 { height:13rem; background:url('/design/tour2019/img/sub/star00.png') no-repeat center; }
  .tourView .bottom .review .cont .member .score1 { height:13rem; background:url('/design/tour2019/img/sub/star01.png') no-repeat center; }
  .tourView .bottom .review .cont .member .score2 { height:13rem; background:url('/design/tour2019/img/sub/star02.png') no-repeat center; }
  .tourView .bottom .review .cont .member .score3 { height:13rem; background:url('/design/tour2019/img/sub/star03.png') no-repeat center; }
  .tourView .bottom .review .cont .member .score4 { height:13rem; background:url('/design/tour2019/img/sub/star04.png') no-repeat center; }
  .tourView .bottom .review .cont .member .score5 { height:13rem; background:url('/design/tour2019/img/sub/star05.png') no-repeat center; }
  .tourView .bottom .review .cont .memo {margin-left:130rem; font-size:14rem;}
  .tourView .bottom .review .cont .tag a {color:#006ed2; padding-right:5rem;}
  .tourView .bottom .review .cont .recom {position:absolute; right:0; top:20rem;}
  .tourView .bottom .review .cont .recom span { position:relative; padding-left:23rem; }
  .tourView .bottom .review .cont .recom span::after {content:''; position:absolute; top:0; left:0; width:20rem; height:20rem; background:url('/design/tour2019/img/sub/listIcon.png') no-repeat 0 0; }
  .tourView .bottom .review .cont .recom a { display:inline-block; border:1px solid #006ed2; color:#006ed2; border-radius:5rem; padding:2rem 5rem; margin-left:10rem; }
  .tourView .bottom .review .cont .memo p {margin-top:15rem; }
  .tourView .bottom .review .cont .memo p img {width:100rem; padding:2rem;}
  .tourView .bottom .review #btnMore input {border:0; padding:10rem 20rem; background:#555; color:#fff; border-radius:25rem; margin-top:20rem;}
  .imgWrap .slick-dots {display:none !important}
  .tourView_pageing {position:absolute; top:0; right:0; z-index:200; display:block !important;}
  .imgWrap .prev {top:8rem; right:100rem; }
  .imgWrap .next {top:8rem; right:20rem; }
  .imgWrap .pause {top:8rem !important; right:60rem; }
  .imgWrap .play {top:8rem !important; right:60rem !important;;}
  .daummap {height:400rem;}
  #cboxOverlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:200;}
  #colorbox { border-radius:10rem; overflow:hidden; outline:5rem solid #fff; z-index:250; }
  .cboxPhoto {max-width:1000rem !important; height:auto !important;}
  #cboxCurrent,
  #cboxPrevious,
  #cboxNext,
  #cboxClose { position:absolute; bottom:10rem; width:35rem; height:35rem; background:rgba(0,0,0,0.7) url('/tour2020/img/program/viewBtn.gif') no-repeat 0 0/500% auto; border:0; text-indent:-99999rem; border-radius:5rem; cursor:pointer; }
  #cboxCurrent { width:70rem; line-height:35rem; font-size:14rem; text-align:center; color:#fff; background:rgba(0,0,0,0.7); right:121rem; text-indent:0; padding:0 10rem;  }
  #cboxPrevious { right:84rem;}
  #cboxNext { background-position:75% 0; right:47rem}
  #cboxClose {background-position:100% 0; right:10rem; }
  #cboxTitle { position:absolute; left:10rem; bottom:10rem; background:rgba(0,0,0,0.7); color:#fff; font-size:14rem; padding:0 10rem; line-height:40rem; border-radius:5rem; }

  @media all and (max-width:1280px){
  	.tourView .imgWrap {height:350rem;}
  	.tourView .imgWrap img {height:350rem;}
  }
  @media all and (max-width:880px){
    .tourView .imgWrap,
    .tourView .tourInfo {float:none; width:100%; margin:0; padding:0;}
    .tourView .imgWrap {height:350rem !important}
    .tourView .imgWrap img {max-height:350rem !important}
    .tourView .bottom .photo a {width:32%; margin-bottom:20rem; }
    .tourView .bottom .photo a:nth-child(4n+1) { clear:none; margin-left:2%; }
    .tourView .bottom .photo a:nth-of-type(3n+1) { clear:both; margin-left:0;}
    .tourView .bottom .photo a:first-child {margin-left:0 !important;}
    .cboxPhoto {max-width:640rem !important;}
    .tourView .tourInfo {min-height:auto !important;}
  }
  @media all and (max-width:640px){
    .tourView .bottom .photo a {height:150rem;}
    .tourView .bottom .photo a img {height:100%;}
    .cboxPhoto {max-width:480rem !important;}
    .tourView .imgWrap {height:250rem !important }
    .tourView .imgWrap img {max-height:250rem !important}
  }
  @media all and (max-width:480px){
    .cboxPhoto {max-width:414rem !important;}
  }
  @media all and (max-width:414px){
    .tourView .bottom .photo a {width:49%; margin-bottom:10rem; }
    .tourView .bottom .photo a:nth-of-type(3n+1) { clear:none; margin-left:2%;}
    .tourView .bottom .photo a:nth-of-type(2n+1) { clear:both; margin-left:0;}
    .cboxPhoto {max-width:360rem !important;}
    .tourView .bottom .map .daummap {width:100%; margin-right:0 !important;}
    .tourView .bottom .map .placeList {position:relative;width:100%; height:335rem;right:0; top:0;}
  }


  /*성주인물*/
  .bod_view_tour {overflow:hidden;}
  .bod_view_tour_top {overflow:hidden; margin-bottom:15rem;}
  .bod_view_tour_top .txt {width:100%; height:auto; padding:30rem 0; text-align:center; box-sizing:border-box; line-height:0;}
  .bod_view_tour_top .txt span.center {width:100%; font-size:24rem; font-weight:600;}
  .bod_view_tour_top .txt span.start,
  .bod_view_tour_top .txt span.end {display:none;}
  .bod_view_tour_top .bottom {display:none;}

  /*별고을오랜가게*/
  .starStore {border:1px solid #ccc; margin-top:10rem;overflow:hidden; }
  .starStore li {float:left; width:50%; border-right:1px solid #ccc; text-align:center;}
  .starStore li:last-child {border-right:none;}
  .starStore li p {background:#555; color:#fff; text-align:center; padding:5rem 0; }
  .starStore img {width:auto; max-width:100%;}

  /*음식점위생등급제*/
  .grade {overflow:hidden; margin-top:10rem; border-top:1px solid #ddd;}
  .grade li {float:left; width:25%; border-right:1px solid #ddd; padding:20rem 0 0 0;}
  .grade li:last-child {border-right:0;}
  .grade li img,
  .grade li span {display:block;}
  .grade li img {margin:0 auto;}
  .grade li span {text-align:center; border-top:1px solid #ddd; padding:10rem 0; margin:20rem 0 0 0; font-weight:600; background:#918244; color:#fff; font-size:18rem;}
  @media all and (max-width:1400px){
	 .grade li img {width:80%;}
  }
  @media all and (max-width:768px){
  	/*.grade li {float:none; width:100%; border-right:0;}*/
        .grade li:nth-child(2) {border-right:0;}
        .grade li {width:50%;}
  	.grade li span {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
  	.grade li:last-child span {border-bottom:0;}
  }
  @media all and (max-width:480px){
  	.grade li img {width:100%; padding:0 20rem;}
  }

  /* 성주알아보기 > 성주씨 소개 */
  .mb_10 {margin-bottom:30rem;}
  .txt_box_sjc {padding:2%; margin-bottom:20rem; line-height:1.7;}
  .txt_box_sjc h5 {margin-top:20rem !important;}
  .contPart {overflow: hidden;}
  .contPart .image_box {float:left; width:298rem; height:190rem; text-align:center; margin-right:2%; border-radius:10rem; border:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
  .contPart .image_noLine {height:auto !important; border:none !important; margin-top:2% !important; border-radius:0rem;}
  .contPart .image_box img {vertical-align:middle; max-width:100%; /*width:100%; height:100%;*/}
  .contPart .text_box {float:left; width:63%; font-size:15rem; line-height:27rem;}
  .txt_box .contPart .text_box {float:right; width:63%; font-size:15rem; line-height:27rem; padding-top:40rem;}
  .contPart .text_box dl {overflow:hidden; width:100%;}
  .contPart .text_box dl dt {width:13%; float:left; font-weight:600; color:#03974b;}
  .contPart .text_box dl dd {width:87%; float:left; padding-left:1%; box-sizing:border-box;}
  @media all and (max-width:1023px){
  	.contPart .image_box {width:40%;}
  	.contPart .image_box img {width:100%; height:100%;}
  	.contPart .text_box,
  	.txt_box .contPart .text_box {width:54%;}
  }
  @media all and (max-width:600px){
  	.txt_box_sjc h5 {padding-left:0 !important;}
  	.txt_box_sjc {padding:4%;}
  	.contPart .image_box {width:100%; margin-right:0; margin-top:10rem;}
  	.contPart .text_box,
  	.txt_box .contPart .text_box {width:100%;}
  	.contPart .text_box dl dt {width:100%; float:none;}
  	.contPart .text_box dl dd {width:100%; float:none;}
  	.contPart .image_box {margin-left:0;}
  }

  /*성주역사*/

  /*오감체험*/
  .fiveSenses h4 {padding-left:50rem; background-repeat:no-repeat; background-position:left center;}
  .fiveSenses h4:nth-of-type(1) {background-image:url('/tour2020/img/contents/fivesense_1.png');}
  .fiveSenses h4:nth-of-type(2) {background-image:url('/tour2020/img/contents/fivesense_2.png');}
  .fiveSenses h4:nth-of-type(3) {background-image:url('/tour2020/img/contents/fivesense_3.png');}
  .fiveSenses h4:nth-of-type(4) {background-image:url('/tour2020/img/contents/fivesense_4.png');}

  /*찾아오시는길*/
  .directions > .directions_cont {width:100%;}
  .directions_cont_wrap {width:100%; overflow:hidden; border-top: 1px dashed #ccc; padding-bottom: 50rem;}
  .directions_cont_wrap:nth-of-type(1) {border-top: none;}
  .directions_cont_wrap .directions_cont {width:50%; float:left;}
  .directions h4 {padding-left:60rem; background-repeat:no-repeat; background-position:left center; background-size: contain;}
  .directions h4.directions_1 {background-image:url('/tour2020/img/contents/directions_1.png');}
  .directions h4.directions_2 {background-image:url('/tour2020/img/contents/directions_2.png');}
  .directions h4.directions_3 {background-image:url('/tour2020/img/contents/directions_3.png');}
  .directions h4.directions_4 {background-image:url('/tour2020/img/contents/directions_4.png');}
  .directions h4.directions_5 {background-image:url('/tour2020/img/contents/directions_5.png');}
  .directions h4.directions_6 {background-image:url('/tour2020/img/contents/directions_6.png');}
  .directions h4.directions_7 {background-image:url('/tour2020/img/contents/directions_7.png');}
  .directions_cont h4 span {display:inline-block; margin-left:10rem; color:#646464;}
  .directions_cont h5 {margin-top:20rem !important;}
  .directions_cont a.whiteBtn {margin:10rem 0 0 10rem; }
  @media all and (max-width:768px){
  	.directions_cont_wrap {border-top:none; padding-bottom:0;}
  	.directions_cont_wrap .directions_cont {width:100%;}
  	.directions h4.directions_1 {margin-top:0;}
  }

  /*둘러보기*/
  .tourCourse {overflow:hidden; background:#e1f1ff url('/tour/img/sub02/bg_tourCourse.gif') no-repeat 7% center; box-sizing:border-box; padding:35rem 5% 35rem 22.826%;}
  .tourCourse span.tit {display:inline-block; margin-bottom:30rem; font-size:16rem; font-weight:500; border:2rem solid #007bd8; background:#fff; border-radius:25rem; padding:10rem 30rem;}
  .tourCourse dl {overflow:hidden; padding-top:10rem; background:url('/tour/img/sub02/bg_tourCourse_dl.gif') repeat-x left 24rem; margin-bottom:30rem;}
  .tourCourse dl.amount04 dd {width:22.5%;}
  .tourCourse dl.amount05 dd {width:18%;}
  .tourCourse dl.amount06 dd {width:15%;}
  .tourCourse dl dt {float:left; width:10%; padding:10rem; font-weight:500; background:#e1f1ff;}
  .tourCourse dl dd {float:left; position:relative; text-align:center; padding-top:40rem; background:url('/tour/img/sub02/bg_tourCourse_dd.gif') no-repeat center top;}
  .tourCourse dl dd.blank {background:#e1f1ff;}
  .tourCourse dl dd span.arr {display:block; position:absolute; top:8rem; right:0; width:11rem; height:13rem; background:url('/tour/img/sub02/bg_tourCourse_arr.gif') no-repeat;}

  /*코스*/
  .green {color:#007055 !important;}
  .course {overflow:hidden; border:2rem solid #ddd; border-radius:20rem; padding:30rem 6%; margin-bottom:50rem;}
  .course.course1-1 {}
  .course .tit {width:100%; text-align:center;}
  .course .tit p {display:inline-block; margin:0 auto 20rem; border-bottom:1px solid #333; padding:0 30rem 10rem;}
  .course .tit p,
  .course .tit p span,
  .course .tit p em {font-size:26rem;}
  .course .tit p span,
  .course .tit p em {font-weight:bold;}
  .course .tit p em {background:#f1f1f1; border:3rem solid #007055; color:#007055; width:32rem; height:32rem; border-radius:50%; font-size:18rem; display:inline-block; vertical-align:middle; margin:0 5rem;}
  .course ul {position:relative; text-align:center; font-size:0; overflow:hidden;}
  .course.course2-1 ul,
  .course.course2-2 ul {text-align:left;}
  /*.course ul::before {content:''; display:block; width:100%; height:3rem; border-bottom:3rem dashed #f3f3f3; position:absolute; top:75rem; z-index:-1;}*/
  .course > p {text-align:center; margin:10rem auto; display:inline-block; background:#;background: #ffdd34;
  border: 1px solid #ffd401;
  padding: 2rem 7rem;
  font-weight: 400;}
  .course ul li{display:table; float:left; width:150rem; height:150rem; border-radius:50%; background:#f1f1f1; z-index:10; margin-right:80rem; margin-bottom:20rem; background-repeat:no-repeat; background-position:center; position:relative;}
  .course.course3-1 ul li,
  .course.course3-2 ul li,
  .course.course4-1 ul li,
  .course.course4-2 ul li {width:auto; height:50rem; border-radius:auto; background:none; margin-bottom:0;}
  .course.course3-1 ul li p,
  .course.course3-2 ul li p,
  .course.course4-1 ul li p,
  .course.course4-2 ul li p {color:#333; padding:0 5rem 0 !important;}
  .course.course3-1 ul li::after,
  .course.course3-2 ul li::after,
  .course.course4-1 ul li::after,
  .course.course4-2 ul li::after {top:15rem !important;}
  .course.course3-1 ul li::before,
  .course.course3-2 ul li::before,
  .course.course4-1 ul li::before,
  .course.course4-2 ul li::before {display:none;}
  .course ul li::before {content:''; display:table-cell; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,.5); position:absolute; top:0;}
  .course ul li.taesil {background-image:url('/tour2020/img/contents/course_taesil.jpg');}/*세종대왕태실*/
  .course ul li.hangae {background-image:url('/tour2020/img/contents/course_hangae.jpg');}/*한개마을*/
  .course ul li.eat {background-image:url('/tour2020/img/contents/course_eat.png'); background-position:center 40rem;}/*중식*/
  .course ul li.accommodation {background-image:url('/tour2020/img/contents/course_accommodation.png');  background-position:center 30rem;}/*숙박*/
  .course ul li.eat::before,
  .course ul li.accommodation::before{display:none;}
  .course ul li.seongbakksup {background-image:url('/tour2020/img/contents/course_seongbakksup.jpg');}/*성밖숲*/
  .course ul li.Hyanggyo {background-image:url('/tour2020/img/contents/course_Hyanggyo.jpg');}/*향교*/
  .course ul li.seongjuho {background-image:url('/tour2020/img/contents/course_seongjuho.jpg');}/*성주호*/
  .course ul li.alaworld {background-image:url('/tour2020/img/contents/course_alaworld.jpg');}/*아라월드*/
  .course ul li.hoeyeonseowon {background-image:url('/tour2020/img/contents/course_hoeyeonseowon.jpg');}/*회연서원*/
  .course ul li.gayasan {background-image:url('/tour2020/img/contents/course_gayasan.jpg');}/*가야산등반*/
  .course ul li.yeogsasinhwa {background-image:url('/tour2020/img/contents/course_yeogsasinhwa.jpg');}/*가야산역사신화*/
  .course ul li.yasaenghwa {background-image:url('/tour2020/img/contents/course_yasaenghwa.jpg');}/*야생화식물원*/
  .course ul li.yeongmojae {background-image:url('/tour2020/img/contents/course_yeongmojae.jpg');}/*봉두리 영모재 (yeongmojae)*/
  .course ul li.dogyong-hyuyanglim {background-image:url('/tour2020/img/contents/course_dogyong-hyuyanglim.jpg');}/*독용산성자연휴양림(dogyong-hyuyanglim)*/
  .course ul li.dogyong {background-image:url('/tour2020/img/contents/course_dogyong.jpg');}/*독용산성(dogyong)*/
  .course ul li.cheonghwidang {background-image:url('/tour2020/img/contents/course_cheonghwidang.jpg');}/*청휘당(cheonghwidang)*/
  .course ul li.jeontongsijang {background-image:url('/tour2020/img/contents/course_jeontongsijang.jpg');}/*성주전통시장(jeontongsijang)-사진없음*/
  .course ul li.seongsangwan {background-image:url('/tour2020/img/contents/course_seongsangwan.jpg');}/*성산관(seongsangwan)*/
  .course ul li.ssangchungsajeogbi {background-image:url('/tour2020/img/contents/course_ssangchungsajeogbi.jpg');}/*쌍충사적비(ssangchungsajeogbi)*/
  .course ul li.dongbangchilcheung {background-image:url('/tour2020/img/contents/course_dongbangchilcheung.jpg');}/*동방사지칠층석탑(dongbangchilcheung)*/
  .course ul li.baelidaeg {background-image:url('/tour2020/img/contents/course_baelidaeg.jpg');}/*예산리 배리댁(baelidaeg)*/
  .course ul li.chueogbagmulgwan {background-image:url('/tour2020/img/contents/course_chueogbagmulgwan.jpg');}/*추억박물관(chueogbagmulgwan)*/
  .course ul li.manmulsang {background-image:url('/tour2020/img/contents/course_manmulsang.jpg');}/*만물상(manmulsang)*/
  .course ul li.gayasansaengtaetambang {background-image:url('/tour2020/img/contents/course_gayasansaengtaetambang.jpg');}/*가야산생태탐방공원(gayasansaengtaetambang)-사진없음*/
  .course ul li p {position:relative; display:table-cell; font-size:16rem; letter-spacing:-0.08em; font-weight:400; color:#fff; text-align:center; vertical-align:middle;}
  .course ul li.eat p{padding-top:70rem; color:#333;}
  .course ul li.accommodation p {padding-top:50rem; color:#333; line-height:1.1; font-size:15rem;}
  /*.course ul li.taesil p {padding-top:45rem;}
  .course ul li.gayasan p {padding-top:35rem;}*/
  .course ul li::after {content:''; display:inline-block; width:13rem; height:20rem; background:url('/tour2020/img/contents/course_arr.png') no-repeat; position:absolute; right:-45rem; top:70rem;}
  .course ul li:last-child{margin-right:0;}
  .course.course1-1 ul li:nth-of-type(5n),
  .course.course1-2 ul li:nth-of-type(5n),
  .course.course2-1 ul li:nth-of-type(5n),
  .course.course2-2 ul li:nth-of-type(5n){margin-right:0 !important;}
  .course ul li:last-child::after {display:none !important;}
  @media all and (max-width:768px){
  	.course ul {text-align:left;}
  	.course ul::before {display:none;}
  	.course ul li {width:30%; height:120rem; border-radius:10rem; margin-right:4%; margin-top:10rem; background-size:100% 100%; text-align:Center;}
  	.course ul li:nth-of-type(3n) {margin-right:0;}
  	.course ul li:nth-of-type(3n)::after {display:none;}
  	.course ul li.eat,
  	.course ul li.accommodation {background-size:auto !important;}
  	.course ul li p {font-size:15rem;}
  	.course ul li.eat p {padding-top:90rem;}
  	.course ul li::after {right: -20rem; top: 50rem;}
  	.course ul li::before {border-radius:10rem;}
  }
  @media all and (max-width:640px){
  	.course ul li::after {right: -15rem;}
  }
  @media all and (max-width:480px){
  	.course ul li {width:45%;  margin-right:10%;}
  	.course ul li:nth-of-type(3n) {margin-right:10%;}
  	.course ul li:nth-of-type(3n)::after {display:block;}
  	.course ul li:nth-of-type(2n) {margin-right:0;}
  	.course ul li:nth-of-type(2n)::after {display:none;}
  	.course ul li::after {right: -15%;}
  	.course.course3-1 ul li::after,
  	.course.course3-2 ul li::after,
  	.course.course4-1 ul li::after,
  	.course.course4-2 ul li::after {top:15rem !important; right:-25rem !important;}
  	.course.course3-1 ul li:nth-of-type(2n),
  	.course.course3-2 ul li:nth-of-type(2n),
  	.course.course4-1 ul li:nth-of-type(2n),
  	.course.course4-2 ul li:nth-of-type(2n)  {margin-right:10%;}
  	.course.course3-1 ul li:nth-of-type(2n)::after,
  	.course.course3-2 ul li:nth-of-type(2n)::after,
  	.course.course4-1 ul li:nth-of-type(2n)::after,
  	.course.course4-2 ul li:nth-of-type(2n)::after {display:block;}
  	.course.course1-1 ul li:nth-of-type(5n),
  	.course.course1-2 ul li:nth-of-type(5n),
  	.course.course2-1 ul li:nth-of-type(5n),
  	.course.course2-2 ul li:nth-of-type(5n){margin-right:10% !important;}
  }

  /*해설사*/
  .tour_guide {}
  .tour_guide .box {margin-bottom:10rem !important;}
  .tour_guide .box div {padding: 70rem 50rem 70rem 400rem !important; background-image:url('/tour2020/img/contents/tour_guide.png') !important; background-repeat:no-repeat !important; background-position:10% center !important; line-height:1.8;}
  .call_number {background:#e04917; color:#fff; text-align:center; font-size:18rem; padding:15rem; font-weight:500;}
  .people {overflow:hidden; margin-top:10rem;}
  .people li { float:left; width:25%; text-align:center; padding:20rem 0; border-bottom:1px dashed #ccc;}
  .people li img {padding:3rem; border:1px solid #ddd;}
  .people li span {display:block;}
  @media all and (max-width:1023px){
  	.tour_guide .box div {padding: 40rem 3% 40rem 35% !important; font-size:16rem;}
  }
  @media all and (max-width:768px){
  	.tour_guide .box div {padding: 40rem 3% !important; background-image:none !important;}
  	.people li { width:33%;}
  }
  @media all and (max-width:480px){
  	.people li { width:50%;}
  }

  /*문화관광해설사 신청하기*/
  .srch_wrap {padding-bottom: 15rem; overflow: hidden;}
  .srch_wrap .srch {padding: 8rem 12rem; border: 1px solid #555; background: #555; color:#fff; vertical-align:top;}
  /*.bod_list th, .bod_list td {padding:15rem 8rem !important; font-size:16rem !important;}*/

  .bod_gallery .thumb,
  .bod_gallery .thumb > img {height:170rem !important;}
  .bod_gallery a span:nth-of-type(2) {background:#f1f1f1; padding:15rem 2%;}

  /*와이파이*/
  .wifiWrap dl.top {background:#f8f8f8 url('/tour2020/img/contents/wifiIcon_top.png') no-repeat 70rem center; border:1px solid #ccc; padding:30rem 30rem 30rem 220rem ; margin-bottom:30rem; }
  .wifiWrap dl.top dt {font-size:18rem; margin-bottom:15rem; font-weight:600; }
  .wifiWrap dl.top dd { color:#666;}
  .wifiWrap a.wifiBtn {display:inline-block; width:25rem; height:25rem; text-indent:-99999rem; background:url('/tour2020/img/contents/wifiIcon.png') no-repeat center/auto 100%;}
  .tblWrap .wifi_name {width:20%;}
  .tblWrap .wifi_detail {width:15%;}
  .tblWrap .wifi_longitude {width:15%;}
  @media all and (max-width:480px){
  	.wifiWrap dl.top {padding:29rem; background-image:none;}
  	.tblWrap .wifi_type, .tblWrap .wifi_detail {display:none;}
  	.tblWrap .wifi_name {width:30%;}
  	.tblWrap .wifi_longitude {width:20%;}
  }

  /*우수특산물*/
  .foodList {overflow:hidden; margin-bottom:50rem;}
  .foodList dl {float:left; width:22.75%; margin:0 0 30rem 3%; }
  .foodList dl:nth-child(4n+1) { clear:both; margin-left:0;}
  .foodList dl dt {border:1px solid #ddd; padding:7rem; text-align:center; border-radius:5rem; }
  .foodList dl dd p { font-size:22rem; font-weight:700; margin:15rem 0 10rem; }
  /*.foodList dl dd:nth-child(3) { margin:10rem 0 40rem;}*/
  .foodList dl dd span { display:inline-block; background:#ffdd34;border:1px solid #ffd401; padding:2rem 7rem; margin-right:10rem; margin-bottom:5rem; font-weight:700;}
  @media all and (max-width:1023px){
    .foodList dl { width:32%; margin-left:2%; }
    .foodList dl:nth-child(4n+1) { margin-left:2%; clear:none;}
    .foodList dl:nth-child(3n+1) { margin-left:0; clear:both;}
  }
  @media all and (max-width:640px){
    .foodList dl { width:49%;}
    .foodList dl:nth-child(3n+1) { margin-left:2%; clear:none;}
    .foodList dl:nth-child(2n+1) { margin-left:0; clear:both;}
  }
  @media all and (max-width:414px){
    .foodList dl { width:100%; margin-left:0; }
    .foodList dl:nth-child(2n+1) { margin-left:0;}
    .foodList dl dt img {width:100%; height:100%;}
  }

  /* 성주8경 */
  .sj8view {position:relative;}
  .sj8view:before {content:''; position:absolute; top:0; left:50%; width:1903rem; height:372rem; background:url('/tour/img/sub/sj8view_bg.jpg') no-repeat; margin-left:-952rem; z-index:0;}
  .sj8view > * {position:relative; z-index:1;}
  .sj8view p {padding:60rem 0;}
  .sj8view img {display:block; margin:0 auto;}
  .sj8view ul {overflow:hidden; padding:4%; background:#fff; border-radius:50rem;}
  .sj8view ul li {float:left; width:30.66%; margin:0 0 40rem 4%;}
  .sj8view ul li:nth-child(3n+1) {margin-left:0;}
  .sj8view ul li img { width:100%; height:241rem; box-shadow:2rem 2rem 5rem rgba(0,0,0,0.1);}
  .sj8view ul li a {display:block; position:relative; /*overflow:hidden;*/}
  .sj8view ul li a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgb(0,0,0) url('/tour/img/sub/sj8view_more.png') no-repeat center; opacity:0; transition:opacity 0.5s;}
  .sj8view ul li a:hover:after {opacity:.54;}
  .sj8view ul li dl {text-align:center; margin-top:15rem;}
  .sj8view ul li dt {display:inline-block; background:#009f79; margin-top:5rem; padding:5rem 20rem; color:#fff; border-radius:40rem; font-weight:400; /*box-shadow:-3rem 5rem 15rem rgba(0,0,0,0.5);*/}
  .sj8view ul li dd {margin-top:5rem; font-size:20rem; font-weight:500;}
  @media all and (max-width:1023px){
  	.sj8view:before {margin-left:-1050rem;}
  	.sj8view ul {border-radius:10rem; margin:0 10rem;}
  	.sj8view ul li {width:48%;}
  	.sj8view ul li:nth-child(3n+1) {margin-left:4%;}
  	.sj8view ul li:nth-child(2n+1) {margin-left:0;}
  	.sj8view ul li img {height:289rem;}
  }
  @media all and (max-width:768px){
  	.sj8view ul li img {height:241rem;}
  }
  @media all and (max-width:599px){
  	.sj8view:before {left:inherit; right:-1082rem; margin-left:0;}
    .sj8view p {padding:40rem 0;}
    .sj8view img {width:300rem;}
  	.sj8view ul li {float:none; width:100%; margin-left:0 !important;}
  	.sj8view ul li img {height:auto;}
  }
  /*2022개편 시 추가*/
  .sj8 {overflow:inherit !important; padding:0 !important; }
  .sj8view:before { height:400rem; background:#faf0e5 url('/tour/img/sub/sj8view_bg.jpg') no-repeat center bottom; z-index:-1;}
  @media all and (max-width:1023px){
    .sj8view:before { background-position:80% 0;}
  }


  /*모바일 스탬프투어*/
  .step_box {overflow:hidden; background:#eee; text-align:center; padding:50rem; margin-top:20rem;}
  .step_box li {float:left; width:30%; margin-left:1%; padding-left:4%; background-size:40rem !important;}
  .step_box li:nth-child(2) {background:url('/tour2020/img/contents/app_arrow01.png') no-repeat left center;}
  .step_box li:nth-child(3) {background:url('/tour2020/img/contents/app_arrow02.png') no-repeat left center;}
  .step_box li img { width:100%; border:1px solid #ccc;}
  .step_box li p {border:2px solid #ccc;  padding:10rem; margin-top:10rem;}


  @media all and (max-width:1023px){
  	.step_box {padding:30rem;}
  	.step_box li {background-size:10% !important;}
  	.step_box li img {width:100%;}
  }
  @media all and (max-width:480px){
  	.step_box li {width:100%; margin-left:0; padding-left:0; margin-top:20rem;}
  	.step_box li:first-child {margin-top:0;}
  }

  /* 사이트맵 */
  section.\30 1sub_sitemap {margin-top:100rem;}

  /*안심식당*/
  .ansim .box {background:url('/tour2020/img/sub/pattern01.gif') repeat; padding:7rem; box-sizing:border-box;}
  .ansim .colorR {color:#ed1c24;}
  .ansim .box h4 { background:none; height:auto; line-height:normal; padding:0; }
  .ansim .box > div { position:relative; min-height:250rem; padding:30rem 30rem 30rem 300rem; background:#fff; font-size:18rem; }
  .ansim .img { position:absolute; left:30rem; top:30rem; width:200rem;}
  .ansim .img p { text-align:center; margin-top:10rem; font-weight:500; }
  @media all and (max-width:768px){
    .ansim .img {position:relative; left:auto; top:auto; width:100%; text-align:center; margin-bottom:15rem; }
    .ansim .box > div {padding:30rem !important;}
  }

/*기존 contents.css 끝*/


/* 기존 sub.css 시작 */

  /* 텝 _ 성주역사 */
  .tab_menu {text-align:center; overflow:hidden; margin:5rem 0 0 ;}
  .tab_menu li { float:left; position:relative; text-align:center; border-radius: 10rem; border: 1px solid #ddd; width: 32%; margin-left:2%; margin-bottom:15rem;}
  .tab_menu li:nth-of-type(3n+1) {margin-left:0;}
  .tab_menu.n5 li { width:19.2%; margin-left:1%; }
  .tab_menu.n5 li:nth-of-type(5n+1) {margin-left:0;}
  .tab_menu li a { display:block; cursor:pointer; padding:12rem 0; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
  .tab_menu li.active {border: 1px solid #077d5a; background:#077d5a;}
  .tab_menu li.active::after {position: absolute;content: '◆';display: inline-block;color: #077d5a; bottom: -15rem; left: 50%; transform:translate(-50%, 0); }
  .tab_menu li.active a {color: #fff;font-weight: 600;}
  .tab_data {margin-top:30rem; clear:both;}
  .tab_data > div {display:none;}
  .tab_data > div#data_01 {display:block;}
  @media all and (max-width:880px) {
  	.tab_menu.n5 li { width:32%; margin-left:2%; }
    .tab_menu.n5 li:nth-of-type(5n+1) {margin-left:2%;}
    .tab_menu.n5 li:nth-of-type(3n+1) {margin-left:0;}
  }
  @media all and (max-width:640px) {
  	.tab_menu li,
  	.tab_menu.n5 li { width:49%; }
    .tab_menu.n5 li:nth-of-type(3n+1) {margin-left:2%;}
  	.tab_menu li:nth-of-type(2n+1) {margin-left:0 !important;}
  }