@charset "utf-8";
/* 디자인가이드용 태그 */

.detail_intro { background:url(/tour/img/07/cts1166_topbg.gif) no-repeat center top ; text-align:center; padding:30px 0 0 0;}
.detail_intro .tag { display:inline-block;  padding:12px 25px; background:#454a89; color:#fff; font-size:14px; line-height:15px;  }
.detail_intro .sub_tit { margin:40px 0 20px; color:#252525; font-size:15px; font-weight:600; line-height:20px;}
.detail_intro .tit {margin-bottom:25px;  font-size:45px; color:#000;  line-height:50px;  text-align:center; letter-spacing:-1px;;}
.detail_intro .text { padding:0 5% 30px; color:#252525; font-style:italic; font-size:13px;}
.detail_intro .text:after { content:'';  display:block; width:1px; height:30px; margin:20px auto; background:#000;}
.detail_intro .img_area img { width:100%;}

.detail_intro .detail_content{padding-top:40px; text-align:left;  line-height: 180%;}






.tourist { text-align:center; padding:0px 0 0 0;}
.tourist .tit {margin-top:30px;  font-size:45px; color:#000;  line-height:50px;  text-align:center; letter-spacing: -1px; font-family: 'Nanum Myeongjo'; }
.tourist .text {  padding:35px 0px; text-align:center;  font-size:15px;	 font-weight: 300; letter-spacing: -0.5px}
.tourist .img_area img { width:100%; padding-bottom:10px; }
.tourist .detail_content{padding-top:20px; text-align:left;  line-height: 180%;}

.slide_img_big {position:relative; width:100%;}
.slide_img_big img {width:100%;}
.slide_img_big div {position: relative; }
.slide_img_big div p {position: absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; padding:10px 0; }
.slide_img_big button.slick-next.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.5) url('/common/img/bul.png')no-repeat -160px 0; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; left:0;  z-index:1;}
.slide_img_big button.slick-prev.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.5) url('/common/img/bul.png')no-repeat -160px -40px; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; right:0; z-index:1;}



.att_right ul{margin:10px 0 25px 0; text-align:left; font-size:15px;}
.att_right ul li{position:relative;/*padding-left:90px;*/margin:4px 0; color:#000}
.att_right ul li span em{ display:inline-block;position:relative;top:-1px;margin-right:5px;width:17px;height:17px;background:url(/tour/img/07/tourinfo-ico-ir.png) no-repeat;vertical-align:middle; ; }
.att_right ul li span em.gubun{background-position:-20px -80px;}
.att_right ul li span em.addr{background-position:0 0;}
.att_right ul li span em.tel{background-position:-20px 0;}
.att_right ul li span em.menu{background-position:-40px -80px;}
.att_right ul li span em.seat_cnt{background-position:-60px -80px;}
.att_right ul li span em.b_time{background-position:-40px 0;}
.att_right ul li span em.car_cnt{background-position:-20px -20px;}
.att_right ul li ul{margin-left:20px;}


.course_wrap{position:relative;  height:488px; margin-bottom:40px;}
.course_wrap div.course {position:absolute;  width:26%; background:rgba(127, 108, 82, 0.9); height:488px; z-index:100; padding:30px; box-sizing:border-box;}
.course_wrap div.course_map{position:relative; width:100%; height:488px;}
.course p.title { color:#fff; display:block; font-size:54px; margin-bottom:40px; }
.course_wrap div.course ol{}
.course_wrap div.course ol li{color:#fff; font-size:16px; padding-bottom:15px; background:url(/tour/img/03/course_line.jpg) no-repeat 10px 0px;}
.course_wrap div.course ol .num-pin{ width:24px; height:24px; text-align: center; margin-right:10px; font-size: 13px;font-weight: 600;color: #000; display: inline-block;vertical-align: middle; background:#fff1e5;border-radius:50%; text-align:center;}
.course_wrap div.course ol li:last-child{background:none;}
.course_wrap div.course ol li:first-child{background:url(/tour/img/03/course_line.jpg) no-repeat 10px 3px;}
/*
.course_wrap div.course ol{position:relative}
.course_wrap div.course ol::after{display:block;clear:both;content:''}
.course_wrap div.course ol li{position:relative;float:left;margin-bottom:40px;padding:28px 2px 0;text-align:center;word-break:break-all;background:url('/img/tour/course_line.png') repeat-x left 5px}
.course_wrap div.course ol li::before{position:absolute;top:-3px;left:50%; margin-left:-12px;width:26px;height:26px;content:''; line-height:24px;	font-size:13px; color:#fff;	background:#3977C3;border-radius:50%; text-align:center;}
*/




.course_detail dl{position:relative;padding:15px 0 0 270px;min-height:200px; margin-bottom:40px;}
.course_detail dl dt{margin-bottom:25px;font-size:23px; color:#000;   letter-spacing: -3px;  font-weight: 600;}
.course_detail dl .num-pin{ width:24px; height:31px; text-align: center; padding-top:9px; margin-right:8px; font-size: 13px;line-height: 110%;font-weight: 600;color: #fff;background: url(../img/02/02010000_05.gif) no-repeat left; display: inline-block;vertical-align: middle;}
.course_detail dl dd.photo{position:absolute;top:0;left:0;width:280px}
.course_detail dl dd.con{ font-weight: 300;}
@media only screen and (max-width:860px){
	 div.course{display:none;}
}
@media only screen and (max-width:610px){
	.course_detail dl{padding:15px 0 0 0px;}	
	.course_detail dl dd.photo{display:none;}
	.tourist .tit {font-size:30px; line-height:40px; }
	.tourist .text {  padding:20px 0px;}
	.course_detail dl{min-height: auto;}
	
}