@charset "UTF-8";
/* ------------------------------------------------------
LAYOUT
------------------------------------------------------ */

/* 191227관광 지도 메인*/
.map-btn{display: inline-block;width: calc(100% - 950px);vertical-align: top;}
.map-btn li{margin-bottom: 7px;width: 44%;display: inline-block;float: left;margin-left: 15px;}
.map-btn button{font-size: 11px;background: #3258A6;color: #fff;padding: 4px 5px;width: 100%;border-radius: 30px;text-align: left;}
.map-btn button em{background: #DAE2EE;border-radius: 30px;width: 22px;height: 22px;color: #000;display: inline-block;text-align: center;padding-top: 2px;box-sizing: border-box;margin-right: 3px;}
/* 200106관광 지도 서브*/
.map-btn.sub{width: 100%;margin-top:15px;}
.map-btn.sub li{width: 31%;}
.ui-trip-map.sub .comp-tbl_datatype{display: none;}

/* 0925추가 */
.basics{line-height: 30px;}
.base_box{background: #f4f7f9;padding: 20px;}
.imgbd{border:1px solid #dedede;}
/* 0828추가 */
.trip .page-title-zone{background: url(/resources/images/sj/commonbg/bg_trip.png) no-repeat 50% 50%}
.trip #lnb .category-name{background: url(/resources/images/sj/commonbg/bg_Inb_trip.png) no-repeat 50% 50%;}
.trip .page-title-zone .inner{height: 130px;}
.trip #lnb .menu h2 a.clicked, .trip #lnb .menu h2 a.current, .trip #lnb .menu h2 a:hover{color: #2094AD}
.trip #lnb .menu .depth{border-top: 4px solid #2094AD;}
.trip #lnb .menu h3 a.current, .trip #lnb .menu h3 a.clicked, .trip #lnb .menu h3 a:hover{color: #2094AD;}
.trip #lnb .menu h3 a.current:before, .trip #lnb .menu h3 a.clicked:before, .trip #lnb .menu h3 a:hover:before{border-color: #2094AD;}
.trip *[class^=heading][class*=-h3]:before{border: 4px solid #2094AD;}
.trip *[class^=comp-tab][class*=_big] a:hover, .trip *[class^=comp-tab][class*=_big] a[aria-selected=true]{background-color: #188ECB;}
.trip *[class^=heading][class*=-h4]{color: #2393AB}
.trip .point1{color: #2393AB!important;}
.trip table[class^=comp-tbl][class*=_datatype]{border-top: 2px solid #2393AB;}
.trip table[class^=comp-tbl] .bg{background-color:#E7F5F8!important;}
.trip table[class^=comp-tbl][class*=_datatype] thead th{background: #f7f8f9;}
.trip *[class^=comp-txt-box] dt{background: #E7F5F8;}
.trip *[class^=comp-txt-box]{border-top: 2px solid #2393AB;}
.trip #customer-zone .comp-call-zone .txt-number .txt{background-color: #0D9DA0;}
/*************************************/
/* 0926추가 주요관광명소*/
.board-photo { margin-top: 30px; }
.board-photo:after { display: block; clear: both; content: ""; }
.board-photo > li { position: relative; float: left; width: 320px; height: 365px; margin-left: 15px; }
.board-photo > li:nth-child(3) ~ li { margin-top: 15px; }
.board-photo > li:nth-child(3n+1) { clear: both; margin-left: 0; }
.board-photo > li a { display: block; position: relative; width: 100%; height: 100%; border: 1px solid #d2cfce; box-sizing: border-box; }
.board-photo .thumb { position: relative; overflow: hidden; width: 100%; height: 210px; border-bottom: 1px solid #cecccb; }
.board-photo .thumb img { width: 100%; height: 100%; }
.board-photo .thumb .showthemovie { display: none; position: absolute; left: 50%; top: 50%; width: 150px; margin: -20px 0 0 -75px; font-size: 16px; text-align: center; font-weight: bold; color: #fff; line-height: 38px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.4); box-sizing: border-box; z-index: 1; }
.board-photo .flag { display: block; position: absolute; right: 17px; top: -35px; z-index: 2; width: 50px; height: 50px; text-indent: -999em; background: url("/resources/templates/tour/assets/images/subpage/icon_img.png") no-repeat 50% 50%; }
.board-photo .contbox { position: relative; padding: 17px 20px 10px; height: 154px; }
.board-photo .contbox .tit { display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 17px; font-weight: bold; color: #4b4b4b; white-space: nowrap; }
.board-photo .contbox .cont { margin-top: 8px; font-size: 14px; line-height: 22px; color: #7b7b7b; }
.board-photo .contbox .cont .txt { color: #fd5401; }
.board-photo a:hover:after { display: block; position: absolute; left: -2px; top: -2px; content: ""; width: 100%; height: 100%; border: 2px solid #1647bc; }
.board-photo a:hover .thumb:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; }
.board-photo a:hover .thumb .showthemovie { display: block; }
.facilityinfor-title {position: relative; margin-top: 45px; padding: 7px 0 20px 12px; font-size: 22px; color:#1968cb; line-height: 1.2;}
.facilityinfor-title:after {display: block; position: absolute; left:0; top:0; content: ""; background: url("/resources/templates/tour/assets/images/subpage/img_bul.png") no-repeat 50% 50%; width:15px; height: 15px;}
.facilityinfor-title .sm {color:#878787; font-size: 14px;}
.facilityinfor-slider {position: relative; border:1px solid #c5c5c5; height: 450px;}
.facilityinfor-slider .slide img {vertical-align: top; width:100%; height:448px;}
.facilityinfor-slider .slick-dots {position: absolute; left:0; bottom:50px; text-align: center; width: 100%;}
.facilityinfor-slider .slick-dots li{display: inline-block; margin-right: 10px}
.facilityinfor-slider .slick-dots button {width:14px; height: 14px; border-radius: 10px; background: rgba(0,0,0,0.5); text-indent: -9999px; box-sizing: content-box;}
.facilityinfor-slider .slick-dots li.slick-active button {border:2px solid #fff; background: #364660; position: relative; top:-1px;}
.facilityinfor-slider .slick-arrow {position: absolute; top:50%; z-index: 1; width:60px; height:88px; margin-top: -44px; text-indent: -9999px;}
.facilityinfor-slider .slick-arrow.slick-prev {left: -1px; background: rgba(0,0,0,0.5) url("/resources/templates/tour/assets/images/subpage/btn_prev2.png") no-repeat 50% 50%}
.facilityinfor-slider .slick-arrow.slick-next {right: -1px;  background: rgba(0,0,0,0.5) url("/resources/templates/tour/assets/images/subpage/btn_next2.png") no-repeat 50% 50%}
.facilityinfor-tab {text-align: center; margin-top: -31px; position: relative; z-index: 1;}
.facilityinfor-tab ul {display: inline-block; vertical-align: top; width:850px; background: #364660; }
.facilityinfor-tab ul:after {display:block; clear:both; content:""}
.facilityinfor-tab li {display: inline-block; vertical-align: top; line-height: 55px;}
.facilityinfor-tab li+li:before {display: inline-block; content: "/"; margin:0 15px 0 10px; color:#fff; font-size: 18px;}
.facilityinfor-tab a {color:#fff; font-size: 18px; }
.convenience-lst:after {display:block; clear:both; content:""}
.convenience-lst li {float: left; margin-right: 20px; text-align: center;}
.convenience-lst .txt {display: block; color:#727272;}
.convenience-lst li.has .txt {color:#1665bd;}
.fac-tabs:after {display:block; clear:both; content:""}
.fac-tabs li {float: left; margin-right: 10px;}
.fac-tabs a {display: block; width: 170px; padding-bottom: 2px; line-height: 46px; border:1px solid #d3d3d3; text-align: center; color:#505050; font-size: 15px; background: url("/resources/images/sj/common/bg_tab_sm.jpg") repeat 0 0;}
.fac-tabs a[aria-selected=true] {color:#fff; background: url("/resources/images/sj/common/bg_tabs.jpg") repeat 0 0;}
*[id*=minitabcont] {overflow: hidden; margin-top: 15px; border:1px solid #d3d3d3;}
*[id*=minitabcont].hidden{margin: 0;border: 0;}
*[id*=minitabcont] .minimaps {float: left;width:450px; height: 520px; border-right:1px solid #d3d3d3;}
.shop-lst {float: right; overflow-y:auto; width:538px; height: 520px; padding:0 17px;}
.shop-lst li {position: relative; padding:19px 0 15px 145px; min-height: 110px;}
.shop-lst li + li {border-top: 1px solid #cecece;}
.shop-lst .thumb {position: absolute; left:0; top:15px; width:132px; height: 110px; border:1px solid #d3d3d3;}
.shop-lst .thumb img {width: 100%; height: 100%;}
.shop-lst .infor .btn {padding-left: 35px; position: relative; font-size: 18px; color:#505050; line-height: 28px; text-align: left; margin-bottom: 12px}
.shop-lst .infor .btn:before {display: inline-block; position: absolute; left:0;  top:3px; content: ""; width: 28px; height: 28px; background: url("/resources/templates/tour/assets/images/subpage/img_btn_off.png") no-repeat 50% 50%; vertical-align: middle;}
.shop-lst .infor.food .btn:before {display: inline-block; position: absolute; left:0;  top:3px; content: ""; width: 28px; height: 28px; background: url("/resources/templates/tour/assets/images/subpage/food_spot.png") no-repeat 50% 50%; vertical-align: middle;}
.shop-lst .infor.lodging .btn:before {display: inline-block; position: absolute; left:0;  top:3px; content: ""; width: 28px; height: 28px; background: url("/resources/templates/tour/assets/images/subpage/lodging_spot.png") no-repeat 50% 50%; vertical-align: middle;}
.shop-lst .infor.tourist .btn:before {display: inline-block; position: absolute; left:0;  top:3px; content: ""; width: 28px; height: 28px; background: url("/resources/templates/tour/assets/images/subpage/tourist_spot.png") no-repeat 50% 50%; vertical-align: middle;}
.shop-lst .infor .btn[aria-selected=true] {color:#d5556a; font-weight: bold;}
.shop-lst .infor .btn[aria-selected=true]:before {background: url("/resources/templates/tour/assets/images/subpage/img_btn_on.png") no-repeat 50% 50%;}
.shop-lst .infor p {padding-left: 33px; position: relative;	line-height: 23px; font-size: 14px; color:#505050;}
.shop-lst .infor p.tel {margin-top: 3px}
.shop-lst .infor p:before {display: inline-block; position: absolute; left:0; top:1px; content: ""; width: 23px; height: 23px; vertical-align: middle;}
.shop-lst .infor .addr:before {background: url("/resources/templates/tour/assets/images/subpage/bul_addr.png") no-repeat 50% 50%;}
.shop-lst .infor .tel:before {background: url("/resources/templates/tour/assets/images/subpage/bul_tel.png") no-repeat 50% 50%;}
.ui-trip-map {margin-top: 15px;position: relative;text-align: center;}
.ui-trip-map.sub {height: 1110px;}
.course-title {position: relative; margin-top: 45px; padding: 7px 0 20px 12px; font-size: 22px; color:#393939; line-height: 1.2;}
.course-title:after {display: block; position: absolute; left:0; top:0; content: ""; background: url("/resources/templates/tour/assets/images/subpage/img_bul.png") no-repeat 50% 50%; width:15px; height: 15px;}
.course-title strong {color:#1968cb; margin-right: 5px;}
.course-sc {position: relative; border-top: 2px solid #1968cb; background: #f4f7f9;border-bottom: 1px solid #828282; padding:50px 20px; text-align: center; overflow: hidden; }
.course-sc .lnk {display: inline-block; text-align: center; color:#4b4b4b; font-size: 17px; font-weight: bold; vertical-align: top;}
.course-sc .lnk .txt {display: block; line-height:18px; height: 36px; word-break: keep-all;}
.course-sc span.lnk {cursor:default;}
.course-sc .lnk:before {display: block; width: 23px; height: 29px; margin:0 auto 12px; content: ""; background: url("/resources/templates/tour/assets/images/subpage/btn_course.png") no-repeat 50% 50%; position: relative; z-index: 1;}
.course-sc .lnk:hover {color:#1968cb; text-decoration: underline;}
.course-sc .lnk:hover:before {background: url("/resources/templates/tour/assets/images/subpage/btn_course2.png") no-repeat 50% 50%;}
.course-sc .time {position: absolute; left:-50px; top:-15px; color:#787878; font-size: 13px; width:100px; text-align: center;}
.course-sc .time:after {display: block; content: ">"; font-size: 20px; color:#d9d6d5; text-align: center; line-height: 1; margin-top: -1px;}
.course-sc ol {position: relative; padding-left: 75px; padding-top: 10px; margin-bottom: -47px; overflow: hidden;}
.course-sc ol:before{position: relative; display: inline-block; content: ""; position: absolute; left:0; top:0; width: 66px; height: 45px; background: url("/resources/templates/tour/assets/images/subpage/img_course_bus.png") no-repeat 50% 50%; z-index: 1;}
.course-sc ol:after{display:block; clear:both; content:""}
.course-sc li {position: relative; float: left; margin-bottom: 47px; min-width: 120px; padding:0 10px;}
.course-sc li:before {display: block; position: absolute; left:0px; top:14px; width:1000px; height: 1px; background: #d9d6d5; content: "";}
.course-sc li:first-child:before,
.course-sc li:nth-child(6n+1):before {left:-75px;}
.course-sc li:nth-child(6n+1) .time {left:-60px;}
.course-sc li:last-child:before {width:1000px;}
.course-sc li:last-child .lnk:before {background: url('/resources/templates/tour/assets/images/subpage/btn_course1.png') no-repeat 50% 50%;}
.course-sc li:last-child .lnk:hover:before {background: url('/resources/templates/tour/assets/images/subpage/btn_course2.png') no-repeat 50% 50%;}
/* webkit hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
.course-sc .time:after {margin-top: 0}
} 
/* 0925추가 관광종합안내*/
.ui-facilityinfor {position: relative; padding-left: 383px; height:280px; border:1px solid #c5c5c5; margin-bottom: 20px;}		
.ui-facilityinfor>div {position: absolute; left:-1px; top:-1px; width:385px; height: 280px; border:1px solid #c5c5c5;}		
.ui-facilityinfor>div img {vertical-align: top;}		
.ui-facilityinfor .slick-dots {position: absolute; left:22px; bottom:22px; }		
.ui-facilityinfor .slick-dots li{float: left; margin-right: 10px}		
.ui-facilityinfor .slick-dots button {width:14px; height: 14px; border-radius: 10px; background: rgba(0,0,0,0.5); text-indent: -9999px; box-sizing: content-box;}		
.ui-facilityinfor .slick-dots li.slick-active button {border:2px solid #fff; background: #364660; position: relative; top:-2px;}		
.ui-facilityinfor .infor {padding:24px 25px;}		
.ui-facilityinfor .infor dt {margin-bottom: 20px; color:#3f3f3f; font-weight: bold; text-align: left; font-size: 24px;}		
.ui-facilityinfor .infor *[class^=comp-lst] {margin-left: 0}		
.ui-facilityinfor .infor *[class^=comp-lst] li {padding-left: 15px; position: relative; font-weight: 300;}		
.ui-facilityinfor .infor *[class^=comp-lst] li:before {position: absolute; left:0; top:12px; background-color: #959595}		
.ui-facilityinfor .infor .tit {font-weight: bold;}		
.ui-facilityinfor .infor .tc .tit {float: left; height: 40px;font-weight: bold;}		
.ui-gall-slider {position: relative;border:1px solid #c5c5c5; height:450px;}		
.ui-gall-slider img {vertical-align: top; width:100%; height: 100%;}		
.ui-gall-slider .slick-arrow {position: absolute; top:50%; margin-top: -44px; height:88px; width:60px; text-indent: -9999px; z-index: 1;}		
.ui-gall-slider .slick-arrow.slick-prev {left:0; background: rgba(0,0,0,0.5) url('/resources/templates/tour/assets/images/subpage/btn_prev.png') no-repeat 50% 50%}		
.ui-gall-slider .slick-arrow.slick-next {right:0; background: rgba(0,0,0,0.5) url('/resources/templates/tour/assets/images/subpage/btn_next.png') no-repeat 50% 50%}		
.ui-gall-slider .slick-dots {position: absolute; left:0; bottom:30px; width: 100%; text-align: center; height: 14px;}		
.ui-gall-slider .slick-dots li{display: inline-block; vertical-align: top; margin-right: 10px}		
.ui-gall-slider .slick-dots button {width:14px; height: 14px; border-radius: 10px; background: rgba(0,0,0,0.5); text-indent: -9999px; box-sizing: content-box;}		
.ui-gall-slider .slick-dots li.slick-active button {border:2px solid #fff; background: #364660; position: relative; top: -2px}		
.course-title {position: relative; margin-top: 45px; padding: 7px 0 20px 12px; font-size: 22px; color:#393939; line-height: 1.2;}		
.course-title:after {display: block; position: absolute; left:0; top:0; content: ""; background: url("/resources/templates/tour/assets/images/subpage/img_bul.png") no-repeat 50% 50%; width:15px; height: 15px;}		
.course-title strong {color:#1968cb; margin-right: 5px;}		
.scrollzone.course-sc {border-top: 2px solid #1968cb; background: #f4f7f9;border-bottom: 1px solid #828282;}		
.scrollzone.course-sc .scrollzoneinner {padding:50px 20px; text-align: center;}

.trip #header #gnb .depth {border-bottom: 5px solid #0b2c39;}

@media (min-width: 1025px) { 
	#footer .btn-gototop a{width: 61px!important;height: 61px!important;}
	#footer { position: relative; height: 210px; min-width: 1360px; background: #fff; border-top:1px solid #cfd3d5;}
  #footer .inner { position: relative; }
  #footer .btn-gototop { position: absolute; right: 0; top: -1; z-index: 4; }
  #footer .btn-gototop a { display: block; width: 45px; height: 45px; color: #fff; font-size: 12px; text-align: center; color: #fff; background: #263349; overflow: hidden; }
  #footer .btn-gototop a:before { display: block; width: 100%; height: 10px; content: ""; background: url("/resources/images/sj/common/btn_footer_gototop.png") no-repeat 50% 50%; margin-top: 19px; }
  #footer .footer-banner { height: 60px; background: #fff; border-top: 1px solid #d7d7d7; }
  #footer .footer-banner .tit { position: absolute; left: 0; top: 0; font-size: 16px; color: #2e2e2e; line-height: 60px; }
  #footer .footer-banner .indicator { position: absolute; left: 70px; top: 20px; border: 1px solid #d7d7d7; }
  #footer .footer-banner .indicator p[class^=btn-] { float: left; }
  #footer .footer-banner .indicator p[class^=btn-] > * { display: block; width: 18px; height: 18px; text-indent: -999em; }
  #footer .footer-banner .indicator p[class^=btn-].btn-prev button { background: url("/resources/images/sj/common/btn_indicator_prev.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-next button { background: url("/resources/images/sj/common/btn_indicator_next.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-pause button { background: url("/resources/images/sj/common/btn_indicator_pause.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-pause button.play { background: url("/resources/images/sj/common/btn_indicator_play.jpg") no-repeat 50% 50%; }
  #footer .footer-banner .indicator p[class^=btn-].btn-more a { font-size: 10px; color: #6a6a6a; text-align: center; text-indent: 0; line-height: 18px; width: 48px; }
  #footer .footer-banner .indicator p[class^=btn-] + p { border-left: 1px solid #d7d7d7; }
  #footer .footer-banner .banner-slider { padding-left: 190px; }
  #footer .footer-banner .banner-slider li { position: relative; line-height: 60px; padding: 0 25px; }
  #footer .footer-banner .banner-slider li:before { display: inline-block; position: absolute; left: 0; top: 50%; width: 1px; height: 9px; margin-top: -5px; content: ""; background: #989898; }
  #footer .footer-banner .banner-slider a { font-size: 15px; }
  #footer .footer-selectgroup { background: #e6e6e6; }
  #footer .footer-selectgroup .inner:after { display: block; clear: both; content: ""; }
  #footer .footer-selectgroup .footer-comp-select { float: left; position: relative; width: 272px; border-left: 1px solid #d5d5d5; z-index:100;}
  #footer .footer-selectgroup .footer-comp-select dt button { width: 100%; height: 55px; padding: 0 20px 2px 15px; font-size: 16px; color: #2e2e2e; background: #e6e6e6 url("/resources/images/sj/common/form_footer_select_down.png") no-repeat 100% 50%; text-align: left; }
  #footer .footer-selectgroup .footer-comp-select dd { display: none; position: absolute; left: -1px; bottom: 100%; margin-bottom: -1px; width: 100%; max-height: 330px; overflow-y: auto; background: #f6f6f6; border: 1px solid #e6e6e6; }
  #footer .footer-selectgroup .footer-comp-select dd ul { padding: 0 7px 8px; }
  #footer .footer-selectgroup .footer-comp-select dd li { border-bottom: 1px solid #e3e3e3; box-sizing: border-box; text-align: left; line-height: 29px; }
  #footer .footer-selectgroup .footer-comp-select dd a { display: block; padding-left: 8px; font-size: 14px; color: #2e2e2e; }
  #footer .footer-selectgroup .footer-comp-select:last-of-type { border-right: 1px solid #d5d5d5; }
  #footer .footer-selectgroup .footer-comp-select.open dt button { font-weight: bold; background: #f6f6f6 url("/resources/images/sj/common/form_footer_select_up.png") no-repeat 100% 50%; }
  #footer .footer-utilegroup { padding-right: 240px; padding-top: 21px; text-align: left; font-size: 12px; color: #666; line-height: 18px; }
  #footer .footer-utilegroup .footer-utile:after { display: block; clear: both; content: ""; }
  #footer .footer-utilegroup .footer-utile li { float: left; }
  #footer .footer-utilegroup .footer-utile li + li:before { display: inline-block; position: relative; top: -2px; content: ""; width: 1px; height: 12px; vertical-align: middle; margin: 0 15px; background: #b7b7b7; }
  #footer .footer-utilegroup .footer-utile a { font-size: 14px; color: #666; }
  #footer .footer-utilegroup .footer-utile .bold { color: #000; }
  #footer .footer-utilegroup .footer-addr { margin-top: 12px; }
  #footer .footer-utilegroup .footer-addr:after { display: block; clear: both; content: ""; }
  #footer .footer-utilegroup .footer-addr li { float: left; color: #6a6a6a; font-size: 12px; }
  #footer .footer-utilegroup .footer-addr li + li:before { display: inline-block; position: relative; top: -1px; content: ""; width: 1px; height: 10px; vertical-align: middle; margin: 0 12px; background: #b7b7b7; }
  #footer .footer-utilegroup .footer-txt { color: #c0c0c0; }
  #footer .footer-markgroup .footer-qrcode { position: absolute; right: 0; top: 36px; }
  #footer .footer-markgroup .footer-acmark { position: absolute; right: 104px; top: 22px; }
  .trip #header { position: absolute; left: 0; top: 0; width: 100%; }
  .trip #header .header-top { border-top: 40px solid #0da3a6; }
  .trip #header .header-top .inner { position: relative; height: 80px; }
  .trip #header .header-top .logo { width: 248px; height: 80px; margin: 0 auto; z-index: 1; }
  .trip #header .header-top .logo a { display: block; width: 100%; height: 100%; background: url("/resources/templates/tour/assets/images/img_logo.png") no-repeat 50% 50%; text-indent: -9999px; }
  .trip #header .header-top .header-lnk { position: absolute; top: -40px; left: 0; }
  .trip #header .header-top .header-lnk:after { clear: both; content: ""; display: block; }
  .trip #header .header-top .header-lnk li { position: relative; float: left; width: 110px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.5); }
  .trip #header .header-top .header-lnk li:first-child { width: 60px; text-indent: -9999px; background: #fff url("/resources/templates/tour/assets/images/btn_home.png") no-repeat 50% 50%; border-right: 0; }
  .trip #header .header-top .header-lnk li:nth-child(2) { background: #3258a6; }
  .trip #header .header-top .header-lnk a { display: block; height: 40px; font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 38px; }
  .trip #header .header-top .header-utile { position: absolute; right: 0; top: -40px; }
  .trip #header .header-top .header-utile:after { clear: both; content: ""; display: block; }
  .trip #header .header-top .header-utile li { float: left; position: relative; text-align: center; line-height: 38px; }
  .trip #header .header-top .header-utile li + li:before { display: inline-block; content: ""; width: 1px; height: 17px; margin: 0 20px; background: rgba(255, 255, 255, 0.5); vertical-align: middle; }
  .trip #header .header-top .header-utile a { color: #fff; font-size: 12px; }
  .trip #header .header-top .header-sns { position: absolute; right: 0; top: 21px; }
  .trip #header .header-top .header-sns:after { clear: both; content: ""; display: block; }
  .trip #header .header-top .header-sns li { float: left; margin-left: 9px; }
  .trip #header .header-top .header-sns li:first-child { margin-left: 0; }
  .trip #header .header-top .header-sns a { display: block; overflow: hidden; width: 40px; height: 40px; border-radius: 100px; background: url("/resources/templates/tour/assets/images/sp_sns.png") no-repeat 0 0; text-indent: -9999px; }
  .trip #header .header-top .header-sns a.btn-youtube { background-position: -0px 0; }
  .trip #header .header-top .header-sns a.btn-twitter { background-position: -50px 0; }
  .trip #header .header-top .header-sns a.btn-kakao { background-position: -100px 0; }
  .trip #header .header-top .header-sns a.btn-instar { background-position: -150px 0; }
  .trip #header .header-top .header-sns a.btn-facebook { background-position: -200px 0; }
  .trip #header .header-top .header-search { position: absolute; left: 0; top: 18px; overflow: hidden; width: 315px; padding-right: 35px; background: #fff; }
  .trip #header .header-top .header-search input { width: 100%; padding: 0 20px 2px; height: 44px; font-size: 13px; color: #a7a7a7; text-align: left; box-sizing: border-box; vertical-align: top; border: 3px solid #3264a6; border-radius: 100px; }
  .trip #header .header-top .header-search button { position: absolute; right: 0; top: 0; width: 44px; height: 44px; border-radius: 100px; background: #3264a6 url("/resources/templates/tour/assets/images/btn_header_search.png") no-repeat 50% 50%; text-indent: -9999px; }
  .trip #header .header-btm { height: 50px; background: #3258a6; }
  .trip #header #gnb { width: 1360px; height: 50px; margin: 0 auto; }
  .trip #header #gnb > ul:after { display: block; clear: both; content: ""; }
  .trip #header #gnb > ul > li {float: left;width: 20%;box-sizing: border-box;}
  .trip #header #gnb > ul > li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.4); }
  .trip #header #gnb h2 a { display: block; height: 50px; text-align: center; color: #fff; font-size: 18px; line-height: 48px; border-right: 1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; }
  .trip #header #gnb h3 a {display: table;width: 100%;height: 45px;border: 1px solid #c2c2c2;color: #747474;font-size: 15px;text-align: center;line-height: 22px;box-sizing: border-box;}
  .trip #header #gnb h3 a span { display: table-cell; vertical-align: middle; padding: 0 5px; }
  .trip #header #gnb h3 a:hover { background: #3258a6; color: #fff; font-weight: bold; border-color: #3258a6; }
  .trip #header #gnb h4 a { position: relative; padding-left: 12px; font-size: 13px; color: #747474; }
  .trip #header #gnb h4 a:before { display: block; position: absolute; left: 0; top: 7px; content: ""; vertical-align: middle; width: 4px; height: 4px; background: #747474; }
  .trip #header #gnb h4 a:hover { color: #3258a6; font-weight: bold; }
  .trip #header #gnb h4 a:hover:before { background: #3258a6; }
  .trip #header #gnb .depth { display: none; overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; background: #fff; z-index: 1000; }
  .trip #header #gnb .depth > div { width: 1360px; margin: 0 auto; }
  .trip #header #gnb .depth .category { position: absolute; left: 50%; top: 0; height: 100%; width: 520px; padding: 33px 40px 0 0; margin-left: -980px; background: #fafafa; }
  .trip #header #gnb .depth .category .txt { width: 180px; margin-left: auto; font-weight: bold; font-size: 26px; color: #3258a6; text-align: center; }
  .trip #header #gnb .depth .category .txt .icon { display: block; margin-bottom: 10px; padding-bottom: 19px; border-bottom: 1px solid #d4d4d4; }
  .trip #header #gnb .depth .menu { padding: 24px 0 34px 240px; }
  .trip #header #gnb .depth .menu:after { clear: both; content: ""; display: block; }
  .trip #header #gnb .depth .menu > li {width: calc((100% - 80px) / 5);margin-left: 11px;display: inline-block;vertical-align: top;}
  .trip #header #gnb .depth .menu > li:nth-child(8) { clear: both; }
  .trip #header #gnb .depth .menu > li:nth-child(5n+1) { margin-left: 0; }
  .trip #header #gnb .depth .menu > li:nth-child(15n) {margin-left:20px;}
  .trip #header #gnb .depth .menu > li.over h3 a { background: #3258a6; color: #fff; font-weight: bold; border-color: #3258a6; }
  .trip #header #gnb>ul>li:nth-of-type(3) .depth .menu>li:last-child h3 a{background: #F95048; border-color: #F95048;color: #FFF;}
  .trip #header #gnb .depth .sm-depth { padding: 7px 0 15px 6px; }
  .trip #header #gnb .depth .sm-depth li + li { margin-top: 5px; }
  .trip #header #gnb .depth .best-menu { position: relative; width: 100%; background: #0b2c39; z-index: 1; }
  .trip #header #gnb .depth .best-menu dl { width: 1360px; height: 70px; margin: 0 auto; }
  .trip #header #gnb .depth .best-menu dl:after { clear: both; content: ""; display: block; }
  .trip #header #gnb .depth .best-menu dt { float: left; width: 315px; font-size: 14px; color: #fff; line-height: 68px; }
  .trip #header #gnb .depth .best-menu dt:before { display: inline-block; content: ""; width: 34px; height: 34px; background: url("/resources/templates/tour/assets/images/img_best_menu1.png") no-repeat 50% 50%; vertical-align: middle; margin-right: 12px; }
  .trip #header #gnb .depth .best-menu dt:after { display: inline-block; float: right; content: ""; width: 25px; height: 70px; background: url("/resources/templates/tour/assets/images/img_best_menu2.png") no-repeat 50% 50%; vertical-align: middle; margin-right: 20px; }
  .trip #header #gnb .depth .best-menu dd { float: left; line-height: 26px; color: #fff; font-size: 14px; margin-top: 20px; }
  .trip #header #gnb .depth .best-menu dd .num { display: inline-block; vertical-align: middle; width: 26px; height: 26px; line-height: 24px; background: #b2f26a; color: #0b2c39; text-align: center; border-radius: 3px; margin-right: 8px; }
  .trip #header #gnb .depth .best-menu dd + dd { margin-left: 60px; } }
.trip #container { padding-top: 170px; min-width: 1360px; }
.trip #container .inner { width: 1320px; margin: 0 auto; }

/* 관광명소 */
.trip .main-area-zone .inner { padding-bottom: 54px; }
.trip .main-area-zone .inner:after { clear: both; content: ""; display: block; }
.trip .main-area-zone .area-box { width: 420px; float: left; box-sizing: border-box; }
.trip .main-area-zone .area-box .tit { padding-top: 37px; font-weight: bold; font-size: 40px; color: #252525; }
.trip .main-area-zone .area-box .desc { margin-top: 7px; font-size: 16px; color: #252525; }
.trip .main-area-zone .area-box + .area-box { margin-left: 30px; }
.trip .main-area-zone .area-box.pr { background: url("/resources/templates/tour/assets/images/main/img_area_pr.png") no-repeat 50% 33px; }
.trip .main-area-zone .area-box.pr .tit em { color: #3258a6; }
.trip .main-area-zone .area-box.pr .box { height: 330px; margin-top: 45px; border: 12px solid #00a6d9; border-radius: 15px; background: #00a6d9; }
.trip .main-area-zone .area-box.pr .box > div { position: relative; height: 306px; border-radius: 5px; border: 9px solid #fff; }
.trip .main-area-zone .area-box.pr .box iframe { width: 100%; height: 100%; }
.trip .main-area-zone .area-box.map a { display: block; position: relative; overflow: hidden; margin-top: 17px; height: 330px; border-radius: 15px; border: 8px solid transparent; box-sizing: border-box; background: url("/resources/templates/tour/assets/images/main/img_area_map.png") no-repeat 50% 50%; }
.trip .main-area-zone .area-box.map a div { border-radius: 5px; overflow: hidden; height: 100%; background: url("/resources/templates/tour/assets/images/main/img_area_map.png") no-repeat 50% 50%; }
.trip .main-area-zone .area-box.map a span { display: block; width: 338px; height: 28px; margin: 270px auto 0; line-height: 26px; background: #2f57a7; text-align: center; color: #fff; font-size: 15px; text-shadow: 1px 1px 3px #000; }
.trip .main-area-zone .area-box.map a:after { display: none; position: absolute; left: 0; top: 54px; width: 100%; height: 180px; content: ""; background: url("/resources/templates/tour/assets/images/main/img_area_map2.png") no-repeat 50% 50%; }
.trip .main-area-zone .area-box.map a:hover { border-color: #2f57a7; background: #2f57a7; }
.trip .main-area-zone .area-box.map a:hover:after { display: block; }
.trip .main-area-zone .area-box.pd .tit em { color: #ff5a00; }
.trip .main-area-zone .area-box.pd .box { display: block; position: relative; overflow: hidden; margin-top: 17px; height: 330px; border-radius: 15px; }
.trip .main-area-zone .area-box.pd .box .slide { position: relative; border-radius: 15px; overflow: hidden; height: 330px; }
.trip .main-area-zone .area-box.pd .box .slide img { width: 100%; height: 100%; vertical-align: top; }
.trip .main-area-zone .area-box.pd .box a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.trip .main-area-zone .area-box.pd .box .txt1 { display: block; padding-top: 110px; font-size: 30px; font-weight: bold; color: #060606; }
.trip .main-area-zone .area-box.pd .box .txt2 { display: block; width: 200px; height: 50px; margin: 15px auto 0; color: rgba(255, 255, 255, 0.7); text-align: center; background: rgba(9, 28, 66, 0.8); border-radius: 100px; line-height: 48px; }
.trip .main-area-zone .area-box.pd .slick-dots { position: absolute; right: 20px; top: 20px; height: 12px; }
.trip .main-area-zone .area-box.pd .slick-dots:after { clear: both; content: ""; display: block; }
.trip .main-area-zone .area-box.pd .slick-dots li { float: left; }
.trip .main-area-zone .area-box.pd .slick-dots li + li { margin-left: 10px; }
.trip .main-area-zone .area-box.pd .slick-dots li.slick-active button { background: #ff5a00; }
.trip .main-area-zone .area-box.pd .slick-dots button { width: 12px; height: 12px; border-radius: 100px; text-indent: -9999px; background: rgba(0, 0, 0, 0.6); }
.trip .main-area-zone .slide-box {position:relative;}
.trip .main-area-zone .slide-box .movie-slider .slick-slide > div {height:305px;}
.trip .main-area-zone .slide-box .indicator { position: absolute; right: 0; top: 40px; }
.trip .main-area-zone .slide-box .indicator:after { clear: both; content: ""; display: block; }
.trip .main-area-zone .slide-box .indicator *[class*=btn-] { float: left; display: block; overflow: hidden; width: 48px; height: 47px; border-radius: 100px; text-indent: -9999px; }
.trip .main-area-zone .slide-box .indicator *[class*=btn-] + *[class*=btn-] { margin-left: 10px; }
.trip .main-area-zone .slide-box .indicator *[class*=btn-].btn-prev { background: url("/resources/templates/tour/assets/images/main/btn_prev_fff.png") no-repeat 50% 50%; }
.trip .main-area-zone .slide-box .indicator *[class*=btn-].btn-next { background: url("/resources/templates/tour/assets/images/main/btn_next_fff.png") no-repeat 50% 50%; }

/* 코스여행 */
.trip .main-course-zone { background: url("/resources/templates/tour/assets/images/main/bg_travel.png") repeat 0 0; }
.trip .main-course-zone .inner { padding-bottom: 60px; }
.trip .main-course-zone .inner:after { clear: both; content: ""; display: block; }
.trip .main-course-zone .tit-area { position: relative; padding-top: 47px; }
.trip .main-course-zone .tit-area:after { clear: both; content: ""; display: block; }
.trip .main-course-zone .tit-area .tit { float: left; font-size: 40px; font-weight: bold; color: #252525; }
.trip .main-course-zone .tit-area .tit span { color: #3258a6; }
.trip .main-course-zone .tit-area .desc { float: left; margin-top: 30px; margin-left: 15px; color: #252525; font-size: 14px; }
.trip .main-course-zone .tit-area .indicator { position: absolute; right: 0; bottom: 0; }
.trip .main-course-zone .tit-area .indicator:after { clear: both; content: ""; display: block; }
.trip .main-course-zone .tit-area .indicator *[class*=btn-] { float: left; display: block; overflow: hidden; width: 48px; height: 47px; border-radius: 100px; text-indent: -9999px; }
.trip .main-course-zone .tit-area .indicator *[class*=btn-] + *[class*=btn-] { margin-left: 10px; }
.trip .main-course-zone .tit-area .indicator *[class*=btn-].btn-prev { background: url("/resources/templates/tour/assets/images/main/btn_prev.png") no-repeat 50% 50%; }
.trip .main-course-zone .tit-area .indicator *[class*=btn-].btn-next { background: url("/resources/templates/tour/assets/images/main/btn_next.png") no-repeat 50% 50%; }
.trip .main-course-zone .tit-area .indicator *[class*=btn-].btn-more { background: url("/resources/templates/tour/assets/images/main/btn_more.png") no-repeat 50% 50%; }
.trip .main-course-zone .travel-zone { float: left; width: 935px; }
.trip .main-course-zone .travel-zone .tit-area .tit { line-height: 48px; }
.trip .main-course-zone .travel-zone .tit-area .tit:before { display: inline-block; vertical-align: middle; content: ""; width: 61px; height: 50px; margin-right: 11px; background: url("/resources/templates/tour/assets/images/main/img_travel.png") no-repeat 50% 50%; }
.trip .main-course-zone .travel-zone .travel-slider { margin-top: 26px; }
.trip .main-course-zone .travel-zone .travel-slider .slick-slide > div + div { margin-top: 16px; }
.trip .main-course-zone .travel-zone .travel-slider .slide a { display: block; overflow: hidden; width: 290px; padding: 10px; border: 1px solid #dcdcdc; background: #fff; border-radius: 5px; margin-right: 30px; box-sizing: border-box; }
.trip .main-course-zone .travel-zone .travel-slider .slide .img { position: relative; border-radius: 5px; overflow: hidden; height: 153px; }
.trip .main-course-zone .travel-zone .travel-slider .slide .img .number { position: absolute; left: 0; top: 0; display: block; width: 40px; padding: 6px 0; text-align: center; font-size: 10px; background: #0a2e3c; color: #fff; }
.trip .main-course-zone .travel-zone .travel-slider .slide .img .number em { display: block; font-weight: bold; font-size: 14px; }
.trip .main-course-zone .travel-zone .travel-slider .slide .img .over { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 45px; background: rgba(50, 88, 166, 0.5) url("/resources/templates/tour/assets/images/main/img_round.png") no-repeat 50% 82px; text-align: center; color: #fff; font-size: 16px; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); box-sizing: border-box; }
.trip .main-course-zone .travel-zone .travel-slider .slide .txt { display: block; margin-top: 6px; border-radius: 5px; height: 25px; line-height: 23px; color: #838383; font-size: 14px; text-align: center; background: #e1e1e1; }
.trip .main-course-zone .travel-zone .travel-slider .slide:hover .over { display: block; }
.trip .main-course-zone .travel-zone .travel-slider .slide:hover .txt { background: #ff7519; color: #fff; }
.trip .main-course-zone .notice-zone { float: right; width: 355px; }
.trip .main-course-zone .notice-zone .lst { overflow: hidden; background: #f9c29d; border: 5px solid #f9c29d; border-radius: 15px; margin-top: 28px; }
.trip .main-course-zone .notice-zone .lst ul { overflow: hidden; padding: 4px 17px 5px; border-radius: 3px; background: #fff; }
.trip .main-course-zone .notice-zone .lst li + li { border-top: 1px solid #dcdcdc; }
.trip .main-course-zone .notice-zone .lst a { display: block; position: relative; padding: 13px 15px 13px 23px; }
.trip .main-course-zone .notice-zone .lst a:before { display: block; width: 6px; height: 6px; border-radius: 10px; position: absolute; left: 7px; top: 21px; content: ""; background: #ddd; }
.trip .main-course-zone .notice-zone .lst a .txt { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; color: #252525; font-size: 16px; }
.trip .main-course-zone .notice-zone .lst a .date { font-size: 14px; color: #929292; }
.trip .main-course-zone .notice-zone .lst a:hover .txt { color: #ff7519; text-decoration: underline; }
.trip .main-course-zone .notice-zone .lst a:hover:before { background: #ff7519; }

/* 바로가기 */
.trip .main-goto-zone .inner { position: relative; padding-bottom: 70px; }
.trip .main-goto-zone .tit-area { position: relative; padding-top: 47px; }
.trip .main-goto-zone .tit-area:after { clear: both; content: ""; display: block; }
.trip .main-goto-zone .tit-area .tit { float: left; font-size: 40px; font-weight: bold; color: #252525; }
.trip .main-goto-zone .tit-area .tit span { color: #3258a6; }
.trip .main-goto-zone .tit-area .desc { float: left; margin-top: 30px; margin-left: 15px; color: #252525; font-size: 14px; }
.trip .main-goto-zone .lnk-lst { margin-top: 37px; }
.trip .main-goto-zone .lnk-lst:after { clear: both; content: ""; display: block; }
.trip .main-goto-zone .lnk-lst .txt { display: block; margin-top: 10px; font-size: 18px; color: #2c2c2c; text-align: center; font-weight: bold; }
.trip .main-goto-zone .lnk-lst li { float: left; width: 116px; }
.trip .main-goto-zone .lnk-lst li + li { margin-left: 50px; }
.trip .main-goto-zone .lnk-lst a { display: block; text-align: center; width: 100%; }
.trip .main-goto-zone .travel-infor { position: absolute; right: 0; top: 80px; height: 210px; width: 440px; padding: 17px 0 0 85px; background: #30363f; color: #fff; box-sizing: border-box; overflow: hidden; }
.trip .main-goto-zone .travel-infor dt { color: #fff; font-weight: bold; font-size: 30px; text-shadow: 0 2px 10px rgba(24, 24, 24, 0.7); }
.trip .main-goto-zone .travel-infor dd { margin-top: 11px; }
.trip .main-goto-zone .travel-infor ul li { font-size: 15px; line-height: 28px; }
.trip .main-goto-zone .travel-infor ul li:before { display: inline-block; content: ""; width: 4px; height: 4px; background: #fff; margin-right: 10px; vertical-align: middle; }
.trip .main-goto-zone .travel-infor ul .txt { display: inline-block; width: 180px; vertical-align: middle; margin-right: 20px; }
.trip .main-goto-zone .travel-infor ul .number { color: #fbe80f; }
.trip .main-goto-zone .travel-infor ul li:nth-child(1) .ti { letter-spacing: 50px; }
.trip .main-goto-zone .travel-infor ul li:nth-child(2) .ti { letter-spacing: 17px; }
.trip .main-goto-zone .travel-infor ul li:nth-child(3) .ti { letter-spacing: 17px; }
.trip .main-goto-zone .travel-infor ul li:nth-child(4) .ti { letter-spacing: 9px; }
.trip .main-goto-zone .travel-infor ul li .tii{ letter-spacing: 1px; }
.trip .main-goto-zone .travel-infor:after { display: block; content: ""; width: 18px; height: 62px; background: #fbe80f; position: absolute; left: 30px; top: 0; }

/* 퀵메뉴 */
.trip .main-quick { position: fixed; top: 50%; right: 50px; }
.trip .main-quick li + li { margin-top: 12px; }
.trip .main-quick a { display: block; position: relative; width: 48px; height: 48px; border-radius: 100px; }
.trip .main-quick a .txt { overflow: hidden; display: block; position: absolute; left: -88px; top: 7px; text-align: left; width: 82px; height: 34px; padding-left: 12px; font-size: 12px; line-height: 28px; background: url("/resources/templates/tour/assets/images/main/bg_quick.png") no-repeat 0 0; box-sizing: border-box; }
.trip .main-quick a:hover { background-color: #3258a6 !important; }
.trip .main-quick li.current a { background-color: #3258a6 !important; }
.trip .main-quick li:first-child a { background: rgba(0, 0, 0, 0.7) url("/resources/templates/tour/assets/images/main/icon_quick1.png") no-repeat 50% 50%; }
.trip .main-quick li:nth-child(2) a { background: rgba(0, 0, 0, 0.7) url("/resources/templates/tour/assets/images/main/icon_quick2.png") no-repeat 50% 50%; }
.trip .main-quick li:nth-child(3) a { background: rgba(0, 0, 0, 0.7) url("/resources/templates/tour/assets/images/main/icon_quick3.png") no-repeat 50% 50%; }

/* 관광상주 */
.trip .main-top-visual { height: 750px; position: relative; }
.trip .main-top-visual .visual-slider { height: 750px; }
.trip .main-top-visual .visual-slider .slide { position: relative; text-align: center; }
.trip .main-top-visual .visual-slider .slide img { display: inline; }
.trip .main-top-visual .visual-slider .slide .txt1 { position: absolute; left: 0; top: 180px; width: 100%; }
.trip .main-top-visual .visual-slider .slide .txt2 { position: absolute; left: 0; top: 240px; width: 100%; }
.trip .main-top-visual .visual-slider .slide .btn { position: absolute; left: 0; top: 360px; width: 100%; }
.trip .main-top-visual .visual-slider .slide .bg { height: 750px; }
.trip .main-top-visual .visual-slider .slide .bg img { display: none; }
.trip .main-top-visual .visual-slider .slide .bg.mo { display: none; }
.trip .main-top-visual .visual-slider .slide .btn-goto { display: block; width: 200px; height: 55px; margin: 30px auto 0; line-height: 49px; border: 2px solid rgba(255, 255, 255, 0.6); background: rgba(0, 0, 0, 0.2); color: #fff; text-align: center; border-radius: 100px; }
.trip .main-top-visual .indicator { position: absolute; bottom: 160px; left: 0; width: 100%; text-align: center; z-index: 1; }
.trip .main-top-visual .indicator *[class*=btn-] { display: inline-block; width: 48px; height: 47px; text-indent: -9999px; vertical-align: middle; }
.trip .main-top-visual .indicator *[class*=btn-].btn-prev { background: url("/resources/templates/tour/assets/images/main/btn_prev2.png") no-repeat 50% 50%; }
.trip .main-top-visual .indicator *[class*=btn-].btn-next { background: url("/resources/templates/tour/assets/images/main/btn_next2.png") no-repeat 50% 50%; }
.trip .main-top-visual .indicator *[class*=btn-] + *[class*=btn-] { margin-left: 15px; }
.trip .main-top-visual .visual-navigation { position: absolute; left: 0; bottom: 0; width: 100%; height: 151px; }
.trip .main-top-visual .visual-navigation .img {position: relative;width: 100%;height: 151px;margin-top: 18px;background-size: 100% 151px !important;-ms-transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;transition: 0.3s ease;}
.trip .main-top-visual .visual-navigation .img img { display: none; }
.trip .main-top-visual .visual-navigation .img .txt { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; padding-top:55px; color: rgba(255, 255, 255, 0.5); font-weight: bold; -ms-transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; opacity: 1; font-size: 18px; box-sizing: border-box;}
.trip .main-top-visual .visual-navigation .img .txt.pt50{padding-top: 46px;}
.trip .main-top-visual .visual-navigation .slick-slide { cursor: pointer; }
.trip .main-top-visual .visual-navigation .slick-current .img {border: 9px solid yellow;background-size: 100% 133px !important;}
.trip .main-top-visual .visual-navigation .slick-current .img .txt { opacity: 0; }
.trip .main-top-visual .weather-area { position: absolute; left: 50%; top: 140px; width: 150px; height: 328px; padding: 0 18px; margin-left: 510px; background: rgba(0, 0, 0, 0.3); border: 1px solid #fff; border-radius: 70px; text-align: center; }
.trip .main-top-visual .weather-area .today { padding-top: 33px; color: #fff; font-size: 15px; }
.trip .main-top-visual .weather-area .weather { overflow: hidden; width: 86px; height: 86px; margin: 13px auto 0;}
.trip .main-top-visual .weather-area .weather img { width: 100%; height: 100%; }
.trip .main-top-visual .weather-area .weather-txt { margin-top: 11px; font-size: 15px; color: #fff; }
.trip .main-top-visual .weather-area .weather-txt .temperature { display: block; font-weight: bold; font-size: 26px; }
.trip .main-top-visual .weather-area .dust { padding-top: 15px; margin-top: 14px; font-size: 12px; line-height: 18px; border-top: 1px solid rgba(255, 255, 255, 0.5); color: #fff; }
.trip .main-top-visual .weather-area .dust em { color: #baf6eb; font-weight: bold; }

/* 종합안내도 팝업 */
#mapPopup { position: fixed; left: 50%; top: 50%; border: 0; background: #fff; height: 907px; width: 1320px; }
#mapPopup .tit { font-weight: bold; font-size: 40px; color: #252525; text-align: center; }
#mapPopup .desc { margin-top: 7px; font-size: 16px; color: #252525; text-align: center; }
#mapPopup .btn { right: 49px; top: 47px; }
#mapPopup .btn button { width: 52px; height: 52px; background: url("/resources/templates/tour/assets/images/main/btn_close.png") no-repeat 50% 50%; }
#mapPopup .layer-inner { padding: 37px 0 0; }
#mapPopup .layer-container { position: relative; text-align: center; padding-top: 30px; }
#mapPopup .map-mo { display: none; }
#mapPopup .btn-goto { position: absolute; right: 45px; bottom: 35px; }
#mapPopup .btn-goto a { display: block; width: 168px; height: 33px; line-height: 31px; text-align: center; border: 1px solid #d4d4d4; font-size: 18px; color: #7a7a7a; }
#mapPopup .btn-goto a:hover { color: #3258a6; border-color: #3258a6; }
#mapPopup .comp-tbl_datatype { display: none; }

#mapdetailPopup .layer-inner{ position: fixed; background: #fff; border: 2px solid #3258a6; border-top-width: 3px; border-bottom-width: 3px; width: 770px; background: #3258a6; border-radius: 4px; top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 101;}
#mapdetailPopup .layer-inner.close{width: 0; height: 0; overflow: hidden;border: none;}
#mapPopup #mapdetailPopup .layer-inner,
#mapPopup #mapdetailPopup .layer-container{padding-top: 0;}
#mapdetailPopup .btn { right: 24px; top: 24px; position: absolute;}
#mapdetailPopup .btn span{display: inline-block;width: 0;height: 0;overflow: hidden;}
#mapdetailPopup .btn button { width: 61px; height: 60px; background: url("/resources/templates/tour/assets/images/main/btn_close2.png") no-repeat 50% 50%; }
#mapdetailPopup .layer-container { overflow: hidden; border-radius: 4px; }
#mapdetailPopup .img { background: #fff; }
#mapdetailPopup .img img { width: 100%; vertical-align: top; }
#mapdetailPopup .infor { padding: 11px 16px 16px; background: #fff; }
#mapdetailPopup .name { color: #3258a6; font-weight: bold; font-size: 20px; }
#mapdetailPopup .txt { margin-top: 8px; font-size: 14px; line-height: 24px; color: #494949; }
#mapdetailPopup .btn-lst { margin-top: 36px; }
#mapdetailPopup .btn-lst:after { clear: both; content: ""; display: block; }
#mapdetailPopup .btn-lst li { display: inline-block; }
#mapdetailPopup .btn-lst li + li { margin-left: 12px; }
#mapdetailPopup .btn-lst a { display: block; width: 233px; height: 46px; font-size: 16px; color: #262626; text-align: center; line-height: 42px; border: 1px solid #d3d3d3; box-sizing: border-box; }
#mapdetailPopup .btn-lst a:hover { font-weight: bold; color: #3258a6; border-color: #3258a6; }

/* ------------------------------------------------------
BROWSER HACK
------------------------------------------------------ */
/* webkit hack */
@-moz-document url-prefix() {}
/* firefox hack */
/* ------------------------------------------------------
MEDIA QUERY
------------------------------------------------------ */
@media (max-width: 1200px) { 
	#mapPopup{max-width: 1300px;overflow-x: scroll;}
	#mapPopup>.layer-inner{width: 1390px;}
}
@media (max-width: 1024px) { 
	.trip #header #gnb .depth{border-bottom: none;}
	.trip .main-top-visual .visual-navigation .img .txt{padding-top: 79px;}
	.trip .main-top-visual .visual-navigation .img .txt.pt50{padding-top: 68px;}
	.ui-trip-map.sub{height: inherit;}
	.map-btn.sub{display: none;}
	.ui-trip-map.sub .comp-tbl_datatype{display: table;}
	.map-btn.sub button{line-height: 17px;}
	.trip .main-top-visual .visual-navigation .slick-current .img{background-size: 100% 100% !important;}
	/* 0926추가 주요관광명소*/
	 .board-photo { margin-top: 2rem; }
	 .board-photo > li { float: none; width: 100%; height: auto; margin-left: 0; }
	 .board-photo > li:nth-child(1) ~ li { margin-top: 1rem; }
	 .board-photo > li:nth-child(3n+1) { margin-left: 0; }
	 .board-photo .thumb { height: 18rem; }
	 .board-photo .thumb .showthemovie { width: 15rem; margin: -1.75rem 0 0 -7.5rem; font-size: 1.3rem; line-height: 3.5rem; }
	 .board-photo .flag { right: 1.5rem; top: -2rem; width: 4rem; height: 4rem; background-size: 100% 100%; }
     .board-photo .contbox { padding: 1.5rem 1rem 1.5rem; height: auto; }
	 .board-photo .contbox .tit { font-size: 1.4rem; }
	 .board-photo .contbox .cont { margin-top: 0.7rem; font-size: 1.2rem; line-height: 1.8rem; }
	 .facilityinfor-title {font-size: 1.5rem; line-height: 1.6rem; padding-bottom: 1rem}
	.facilityinfor-title .sm {font-size: 1rem}
	.facilityinfor-slider {height: auto; padding:0; line-height: 0; font-size: 0;}
	.facilityinfor-slider .slide img {width:100%; height: auto;}
	.facilityinfor-slider .slick-dots {bottom: 1rem; left:1rem;}
	.facilityinfor-slider .slick-dots button {width:1rem; height: 1rem;}
	.facilityinfor-slider .slick-dots li {margin-right: 5px;}
	.facilityinfor-slider .slick-arrow {width:4rem; height: 5rem; margin-top: -2.5rem; -webkit-background-size: auto 50% !important; background-size: auto 50% !important;}
	.facilityinfor-tab {margin-top: -1px}
	.facilityinfor-tab ul {width: 100%;}
	.facilityinfor-tab li {line-height: 4rem}
	.facilityinfor-tab li+li:before {margin:0 1rem 0 0.5rem; vertical-align: top; font-size: 1.2rem}
	.facilityinfor-tab a {font-size: 1.2rem;}
	.fac-tabs li {width:49%; margin-right: 0}
	.fac-tabs li:nth-child(even) {margin-left: 2%}
	.fac-tabs li:nth-child(2) ~ li {margin-top: 1%}
	.fac-tabs a {width: 100%; line-height: 3.3rem; font-size: 1.2rem;}
	*[id*=minitabcont] .minimaps {float: none; width: 100%; height: 30rem; border-bottom: 1px solid #d3d3d3; border-right:0;}
	.shop-lst {float: none; width: 100%; height: 40rem; padding:0 1rem;}
	.shop-lst li {padding-left: 13rem; min-height: 10rem;}
	.shop-lst .thumb {width: 12rem; height: 10rem; }
	.shop-lst .infor .btn {font-size: 1.4rem; padding-left: 2.4rem; line-height: 2rem;}
	.shop-lst .infor .btn:before {top:1px; width: 2rem; height: 2rem; -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important;}
	.shop-lst .infor p {font-size: 1.1rem; line-height: 1.5rem; padding-left: 2rem;}
	.shop-lst .infor p:before {width: 1.5rem; height: 1.5rem; -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important;}
	.ui-trip-map .txt {position: static; margin: 0.5rem 0 1rem 1rem;font-size: 1rem;}
	.course-img img {width:100%;}
	.course-title {font-size: 1.1rem; line-height: 1.6rem; padding-bottom: 1rem}
	.course-title strong {font-size: 1.4rem;}
	.course-sc {padding:2rem 1rem;}
	.course-sc .lnk {font-size: 12px; line-height: 15px;}
	.course-sc .lnk:before {height: 25px; width: 100%; background-size: auto 100% !important;  margin-bottom:3px;}
	.course-sc .lnk .txt {display: block; font-size: 12px; line-height: 15px; height: 30px; word-break: keep-all;}
	.course-sc .time {font-size: 10px; left:-50%; top:0; line-height:10px; width:100%; }
	.course-sc .time:after {margin-top:-2px;}
	.course-sc ol {padding-left: 5rem; padding-top: 0; margin-bottom: -2rem;}
	.course-sc ol:before {top: 5px; width:40px; height:30px; -webkit-background-size: 100% auto !important; background-size: 100% auto !important;}
	.course-sc li {width: 7rem; width: 33.3%; padding-top:10px; margin-bottom: 2rem;}
	.course-sc li:before {top:20px;}
	.course-sc li:nth-child(3n+1):before {left:-5rem;}
	.course-sc li:nth-child(3n+1) .time {left:-5rem; width:100%; width: calc(50% + 5rem)}
	/* 0925추가 관광종합안내도*/
	.ui-facilityinfor {height: auto !important; padding:0; }		
	.ui-facilityinfor>div {position: relative; left:inherit; top:inherit; width:100%; height: auto !important; border-top:0; border-left: 0; border-right:0; font-size: 0; line-height: 0}		
	.ui-facilityinfor>div img {width:100%; height: auto;}		
	.ui-facilityinfor .slick-dots {bottom: 1rem; left:1rem;}		
	.ui-facilityinfor .slick-dots button {width:1rem; height: 1rem;}		
	.ui-facilityinfor .slick-dots li {margin-right: 5px;}		
	.ui-facilityinfor .infor {padding:1.5rem 1rem 2rem;}		
	.ui-facilityinfor .infor dt {font-size: 1.5rem; margin-bottom: 1rem;}		
	.ui-facilityinfor .infor *[class^=comp-lst] li:before {top:0.8rem;}		
.ui-gall-slider {height: auto; font-size: 0; line-height: 0;}		
	.ui-gall-slider .slick-arrow {height: 4rem; margin-top: -2rem; width: 3rem; -webkit-background-size: 1rem auto !important; background-size: 1rem auto !important;}		
	.ui-gall-slider .slick-dots {bottom:1rem;}		
	.ui-gall-slider .slick-dots button {width:1rem; height: 1rem;}		
	.ui-trip-map .txt {position: static; margin: 0.5rem 0 1rem 1rem;font-size: 1rem;}		
.course-img img {width:100%;}		
.course-title {font-size: 1.1rem; line-height: 1.6rem; padding-bottom: 1rem}		
.course-title strong {font-size: 1.4rem;}		
.scrollzone.course-sc .scrollzoneinner {padding:3rem 20px;}


	.trip #container { padding-top: 0; min-width: auto; }
  .trip #container .inner { width: auto; }
  /* 관광상주 */
  .trip .main-top-visual { height: auto; }
  .trip .main-top-visual .visual-slider { height: auto; }
  .trip .main-top-visual .visual-slider .slide img { width: 100%; display: block; max-height: 65rem; }
  .trip .main-top-visual .visual-slider .slide .txt1 { position: absolute; left: 0; top: 17%; }
  .trip .main-top-visual .visual-slider .slide .txt1 img { width: 70%; margin: 0 auto; }
  .trip .main-top-visual .visual-slider .slide .txt2 { position: absolute; left: 0; top: 27%; }
  .trip .main-top-visual .visual-slider .slide .txt2 img { width: 70%; margin: 0 auto; }
  .trip .main-top-visual .visual-slider .slide .btn { position: absolute; left: 0; top: 50%; width: 100%; }
  .trip .main-top-visual .visual-slider .slide .bg { height: auto; }
  .trip .main-top-visual .visual-slider .slide .bg img { display: block; }
  .trip .main-top-visual .visual-slider .slide .bg.mo { display: block; }
  .trip .main-top-visual .visual-slider .slide .bg.pc { display: none; }
  .trip .main-top-visual .visual-slider .slide .btn-goto { display: block; width: 125px; height: 35px; margin: 20px auto 0; line-height: 33px; font-size: 11px; }
  .trip .main-top-visual .indicator { bottom: 13.5rem; }
  .trip .main-top-visual .indicator *[class*=btn-] { width: 4rem; height: 4rem; background-size: 100% 100% !important; }
  .trip .main-top-visual .indicator *[class*=btn-] + *[class*=btn-] { margin-left: 1.1rem; }
  .trip .main-top-visual .visual-navigation { position: absolute; left: 0; bottom: 0; width: 100%; height: 11.1rem; }
  .trip .main-top-visual .visual-navigation .img { height: 9.8rem; margin-top: 1.3rem; background-size: 100% 11.1rem !important; }
  .trip .main-top-visual .visual-navigation .img .txt { font-size: 1.3rem; }
  .trip .main-top-visual .visual-navigation .slick-current .img .txt { opacity: 0; }
  .trip .main-top-visual .weather-area { top: 38px; width: 230px; height: 105px; padding: 0 33px 0 108px; margin-left: -115px; }
  .trip .main-top-visual .weather-area .today { position: absolute; left: 20px; bottom: 10px; width: 88px; padding-top: 0; font-size: 11px; text-align: center; }
  .trip .main-top-visual .weather-area .weather { position: absolute; left: 32px; top: 13px; width: 63px; height: 63px; margin: 0; }
  .trip .main-top-visual .weather-area .weather-txt { position: relative; margin-top: 20px; padding-left: 62px; font-size: 11px; line-height: 19px; }
  .trip .main-top-visual .weather-area .weather-txt .temperature { font-size: 19px; position: absolute; left: 0; top: 0; padding-left: 5px; }
  .trip .main-top-visual .weather-area .dust { width: 100%; padding: 10px 0 0 5px; margin-top: 10px; font-size: 9px; line-height: 13px; text-align: left; }
  /* 퀵메뉴 */
  .trip .main-quick { display: none; }
  /* 관광명소 */
  .trip .main-area-zone .inner { padding: 0 20px 35px; }
  .trip .main-area-zone .area-box { width: auto; float: none; }
  .trip .main-area-zone .area-box .tit { padding-top: 30px; font-size: 2.6rem; }
  .trip .main-area-zone .area-box .desc { margin-top: 5px; font-size: 1.1rem; }
  .trip .main-area-zone .area-box + .area-box { margin-left: 0; }
  .trip .main-area-zone .area-box.pr { background-size: 100% auto; }
  .trip .main-area-zone .area-box.pr .box { height: 294px; margin-top: 45px; border-width: 4px; }
  .trip .main-area-zone .area-box.pr .box > div { height: 286px; border-radius: 10px; border-width: 15px; }
  .trip .main-area-zone .area-box.map a { margin-top: 10px; height: 294px; border-radius: 10px; border: 0; box-sizing: border-box; background: url("/resources/templates/tour/assets/images/main/img_area_map.png") no-repeat 50% 50% !important; background-size: 100% 100% !important; }
  .trip .main-area-zone .area-box.map a div { border-radius: 0; overflow: hidden; height: 100%; background: none; }
  .trip .main-area-zone .area-box.map a span { width: 30rem; max-width: 90%; height: 2.5rem; margin: 240px auto 0; line-height: 2.5rem; font-size: 1.5rem; }
  .trip .main-area-zone .area-box.map a:after { display: block; position: absolute; left: 0; top: 54px; width: 100%; height: 16rem; max-height: 160px; content: ""; background: url("/resources/templates/tour/assets/images/main/img_area_map2.png") no-repeat 50% 50%; background-size: auto 100% !important; }
  .trip .main-area-zone .area-box.pd .box { margin-top: 10px; height: 295px; }
  .trip .main-area-zone .area-box.pd .box .slide { height: 330px; }
  .trip .main-area-zone .area-box.pd .box .txt1 { padding-top: 7.6rem; font-size: 2.6rem; }
  .trip .main-area-zone .area-box.pd .box .txt2 { width: 18rem; height: 4.5rem; margin: 15px auto 0; color: rgba(244, 247, 249, 0.7); text-align: center; background: rgba(9, 28, 66, 0.8); line-height: 4.5rem; font-size: 1.4rem; }
  .trip .main-area-zone .area-box.pd .slick-dots { position: absolute; right: 20px; top: 20px; height: 12px; }
  .trip .main-area-zone .area-box.pd .slick-dots li + li { margin-left: 8px; }
  .trip .main-area-zone .area-box.pd .slick-dots button { width: 1.1rem; height: 1.1rem; }
  /* 코스여행 */
  .trip .main-course-zone { background: url("/resources/templates/tour/assets/images/main/bg_travel.png") repeat 0 0; }
  .trip .main-course-zone .inner { padding: 10px 20px 40px; }
  .trip .main-course-zone .tit-area { padding-top: 30px; }
  .trip .main-course-zone .tit-area .tit { float: none; font-size: 2.6rem; }
  .trip .main-course-zone .tit-area .desc { display: none; }
  .trip .main-course-zone .tit-area .indicator { right: 0; bottom: 5px; }
  .trip .main-course-zone .tit-area .indicator *[class*=btn-] { width: 3.4rem; height: 3.4rem; background-size: 100% 100% !important; }
  .trip .main-course-zone .tit-area .indicator *[class*=btn-] + *[class*=btn-] { margin-left: 7px; }
  .trip .main-course-zone .travel-zone { float: none; width: auto; }
  .trip .main-course-zone .travel-zone .tit-area .tit { line-height: 3.7rem; }
  .trip .main-course-zone .travel-zone .tit-area .tit:before { width: 4.4rem; height: 3.7rem; margin-right: 8px; background-size: 100% 100%; }
  .trip .main-course-zone .travel-zone .travel-slider { margin-top: 15px; }
  .trip .main-course-zone .travel-zone .travel-slider .slick-slide > div + div { margin-top: 0; }
  .trip .main-course-zone .travel-zone .travel-slider .slide a { display: block; overflow: hidden; width: 100%; padding: 10px; border: 1px solid #dcdcdc; background: #fff; border-radius: 5px; margin-right: 30px; box-sizing: border-box; }
  .trip .main-course-zone .travel-zone .travel-slider .slide .img { height: 10rem; }
  .trip .main-course-zone .travel-zone .travel-slider .slide .img img { height: 100%; width: 100%; }
  .trip .main-course-zone .travel-zone .travel-slider .slide .img .number { width: auto; padding: 2px 3px; font-size: 5px; }
  .trip .main-course-zone .travel-zone .travel-slider .slide .img .number em { font-size: 5px; }
  .trip .main-course-zone .travel-zone .travel-slider .slide .img .over { font-size: 10px; padding-top: 3rem; background-size: 2rem 2rem; background-position: 50% 5rem; }
  .trip .main-course-zone .travel-zone .travel-slider .slide .txt { margin-top: 3px; padding: 5px 0; height: auto; line-height: 1; font-size: 15px; }
  .trip .main-course-zone .notice-zone { float: none; width: auto; }
  .trip .main-course-zone .notice-zone .lst { border-width: 2px; border-radius: 10px; margin-top: 20px; }
  .trip .main-course-zone .notice-zone .lst ul { padding: 9px 13px; border-radius: 5px; }
  .trip .main-course-zone .notice-zone .lst a { padding: 5px 15px; }
  .trip .main-course-zone .notice-zone .lst a:before { width: 4px; height: 4px; left: 5px; top: 1.5rem; }
  .trip .main-course-zone .notice-zone .lst a .txt { font-size: 1.1rem; margin-bottom: 2px; }
  .trip .main-course-zone .notice-zone .lst a .date { font-size: 1rem; }
  /* 바로가기 */
  .trip .main-goto-zone .inner { position: relative; padding: 0 20px 3rem; }
  .trip .main-goto-zone .tit-area { padding-top: 30px; }
  .trip .main-goto-zone .tit-area .tit { float: none; font-size: 2.6rem; }
  .trip .main-goto-zone .tit-area .desc { display: none; }
  .trip .main-goto-zone .lnk-lst { margin: 37px -0.5rem 0; }
  .trip .main-goto-zone .lnk-lst .txt { font-size: 1rem; }
  .trip .main-goto-zone .lnk-lst li { float: left; width: 20%; padding: 0 0.5rem; box-sizing: border-box; }
  .trip .main-goto-zone .lnk-lst li + li { margin-left: 0px; }
  .trip .main-goto-zone .lnk-lst a { display: block; text-align: center; width: 100%; }
  .trip .main-goto-zone .travel-infor { position: relative; top: inherit; left: inherit; height: auto; width: auto; margin-top: 25px; padding: 1.5rem 0 2rem 5rem; }
  .trip .main-goto-zone .travel-infor dt { font-size: 2.6rem; }
  .trip .main-goto-zone .travel-infor dd { margin-top: 1.5rem; }
  .trip .main-goto-zone .travel-infor ul li { font-size: 1.1rem; line-height: 2.2rem; }
  .trip .main-goto-zone .travel-infor ul li:before { width: 3px; height: 3px; margin-right: 9px; }
  .trip .main-goto-zone .travel-infor ul .txt { width: 15rem; margin-right: 0; }
  .trip .main-goto-zone .travel-infor ul li:nth-child(1) .ti { letter-spacing: 30px; }
  .trip .main-goto-zone .travel-infor ul li:nth-child(2) .ti { letter-spacing: 10px; }
  .trip .main-goto-zone .travel-infor ul li:nth-child(3) .ti { letter-spacing: 10px; }
  .trip .main-goto-zone .travel-infor ul li:nth-child(4) .ti { letter-spacing: 6px; }
  .trip .main-goto-zone .travel-infor:after { width: 13px; height: 45px; left: 23px; }
  #mapdetailPopup { display: none !important; }
  #mapPopup { overflow-y: auto; position: fixed; left: 0; top: 0; height: 100vh; width: 100%; margin: 0 !important; }
  #mapPopup .tit { font-size: 2rem; }
  #mapPopup .desc { display: none; }
  #mapPopup .btn { right: 2rem; top: 3.5rem; }
  #mapPopup .btn button { width: 3.6rem; height: 3.6rem; background-size: 2rem 2rem; }
  #mapPopup .layer-inner { padding: 3.5rem 20px 3rem; }
  #mapPopup .layer-container { position: relative; text-align: center; padding-top: 30px; }
  #mapPopup .map-pc { display: none; }
  #mapPopup .map-mo { display: block; }
  #mapPopup>.layer-inner{width: 100%;}
  #mapPopup .btn-goto { display: none; }
  #mapPopup .comp-tbl_datatype { display: table; margin-top: 2.5rem; }
  #mapPopup .comp-tbl_datatype a { display: inline-block; width: 9rem; height: 2.4rem; font-size: 1rem; text-align: center; border: 1px solid #c2c2c2; line-height: 2.4rem; } \
  }
  @media (max-width: 1000px) {
  .trip .main-top-visual .visual-navigation .img .txt{padding-top: 53px;}
	.trip .main-top-visual .visual-navigation .img .txt.pt50{padding-top: 44px;}
  .map-btn.sub li{margin: 5px 0;}
  .map-btn.sub li{width: calc((100% - 30px) / 3);}
  .map-btn.sub li:nth-of-type(3n+2), .map-btn.sub li:nth-of-type(2){margin: 5px 15px;}
  }
   @media (max-width: 600px) {
   .map-btn.sub li{width: calc((100% - 15px) / 2);}
   .map-btn.sub li:nth-of-type(3n+2), .map-btn.sub li{margin: 5px 0;}
   .map-btn.sub li:nth-of-type(2n){margin: 5px 0;margin-left: 15px;}
   
   .trip .main-top-visual .visual-slider .slide .txt1{top: 28%;}
   .trip .main-top-visual .visual-slider .slide .txt2{top: 35%;}
   }
   @media (max-width: 400px) {
      .trip .main-top-visual .visual-slider .slide .txt1{top: 36%;}
      .trip .main-top-visual .visual-slider .slide .txt2{top: 44%;} 
      .trip .main-goto-zone .travel-infor:after{display: none;}
      .trip .main-goto-zone .travel-infor{padding: 1.5rem 0 2rem 2rem;}
   }
@media (max-width: 321px) { .trip .main-top-visual .indicator { bottom: 110px; }.course-sc .lnk .txt {font-size: 11px} }

.tmMap .tmPopup img {max-width:100000000px;}
.tmMap [id^=OL_Icon] img.over,
.tmMap [id^=OL_Icon] img:hover {
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:transform .2s;
	-moz-transition:transform .2s;
	-o-transition:transform .2s;
	transition:transform .2s;
	z-index:9999;
}

.btn-list {padding: 10px 20px; background:#3258a6; color:#ffffff;}
.btn-lg {padding: 15px 30px;}