﻿@charset "utf-8";
/* 다녀보기 _ 콘텐츠 */
.type2_contents {overflow:hidden;}

.type2_contents .summary{

 border-bottom:10px solid #f2f2f0; 
background-color:#f2f2f2; padding:15px 23px 0 23px;
position:relative;margin-left:1px}


/* 다녀보기 _ title */
.type2_contents .summary h2 {
/*background-color:red;*/
font-size:18px;}

/* 다녀보기 _ pdf */
.type2_contents .summary span {
position:absolute;top:20px;right:25px}

/* 2014-10-08 font 13 추가 */
.type2_contents .summary p{
/* border-bottom:1px solid red; */
padding-bottom:20px;
font-size:13px;
/* background-color:#f2f2f0;*/}

.type2_contents .summary p,
.type2_contents .summary h2 {background:url('/image/width_fix.png') repeat;}

.view .spot_title{ 
clear:both;
}

.type2_contents .view1 {
padding: 20px 27px;
}


.view .spot_top{ 
padding-left:10px;
}

.view1 .spot_top{ 
padding-left:10px;
}

.view .spot_title h4 {padding-left:10px;width:100px;color:#fff;background-color:#4e6471;
display:inline-block;*display:inline;zoom:1;font-size:12px}

.view1 .spot_title h4 {padding-left:10px;width:100px;color:#fff;background-color:#4e6471;
display:inline-block;*display:inline;zoom:1;font-size:12px}



.container2 .type2_contents ul li{
/*background-color:#cefaff;*/
display:block;
float:left;
}
.container2 .type2_contents ul li.clear-f {width:100%;}
.summary .area_hotmark clearfix{ border:1px solid red;
}


 /* 다녀보기_컨텐츠(타입2)  */

.route {margin:10px 0 40px -10px;float:left}
#route {margin:0 0 0 -10px;float:left}
.route ul li {float:left;line-height:1.4;margin:15px 0 0 10px;}
.route .spot {cursor:pointer;}
.route .spot:hover span.order  {background:url(../image/go/icon_spotnov.gif) no-repeat;}
.route .spot:hover .site {border:1px solid #0f79e7;}
.route .spot span.order {display:block;background:url(../image/go/icon_spotn.gif) no-repeat;color:#fff;width:99px;height:17px;padding-left:5px;line-height:1.7}
.route .spot.on span.order {background:url(../image/go/icon_spotnov.gif) no-repeat;font-weight:bold}
.route .spot .site {width:92px;height:48px;border:1px solid #ccc;background-color:#e6e8e9;padding:5px;display:table;position:relative;overflow:hidden }
.route .spot .site .ss_wrap {#position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; text-align: center;width:92px}
.route .spot .site .ss_wrap span.md_wrap {#position: relative; #top: -50%; #left: -50%;}
.route .spot.on .site {width:92px;height:48px;border:1px solid #0f79e7;background-color:#e6e8e9;text-align:center;padding:5px;color:#0f79e7}
.route .space {height:80px;}
.route .space >span{display:block;*display:inline;zoom:1;background-color:#739ac1;font-weight:bold;color:#fff;width:20px;height:17px;text-align:center}
.route .space .dist {width:89px;background:url(../image/go/icon_spot.gif) no-repeat 8px 13px;position:relative;}
.route .space .dist img{position:absolute;top:-25px;margin-left:-15px;}
.route .space .dist span {display:block;padding:12px 0 0 27px;line-height:1.6}
.route .total {}
.route .total p {width:91px;height:50px;background-color:#739ac1;text-align:center;color:#fff;margin:17px 0 0;padding:10px 0 0;}
.info_spot {background:url(../image/go/bg_line.gif) repeat;overflow:hidden;margin:15px 0 20px}
.info_spot > ul:after {content:'';display:block;clear:both;}
.info_spot .s_info {margin:10px;background-color:#fff;overflow:hidden;}
.info_spot .s_info img {float:left;margin-right:15px;width: 255px;height: 170px;}
.info_spot .s_info .spot_view {float:left;width:330px;padding:5px 0 0}
.info_spot .s_info .spot_view strong {font-size:15px;color:#0f79e7;font-weight:normal}
/* 2014-10-08 font 13 추가 */
.info_spot .s_info .spot_view p {text-align:justify;line-height:1.6;margin:2px 0 6px;font-size:13px;}
.info_spot .s_info .spot_view span {display:inline-block;*display:inline;zoom:1;font-size:11px;font-family: "돋움",Dotum;line-height:1.2;color:#989898}
.info_spot .s_info .spot_view span b {display:inline-block;*display:inline;zoom:1;width:43px;}


#go_way {position: absolute;top: -25px;margin-left: -15px;}


.box_container{position:relative;height:100%;}
.box_container .box{position: absolute;}
.box_container .box dl {border:1px solid #5a5a5a;bottom:0;position:relative;}
.box_container .box a dt {position:relative;} 
.box_container .box a dd {position:absolute;left:0;bottom:0;background:url(../image/common/bg_bannermask3.png) top right repeat;height:50px;color:#f5f5f5;font-size:14px;overflow:hidden}
.box_container .box a {position:relative;display:block;width:100%;height:100%;}
.box_container .box.hover dd {left:0;top:0;background:url(../image/common/bg_bannermask3.png) top right repeat;width:100%;height:100%}
.box_container .box.type2 dd strong {margin-bottom:160px;display:block;padding:15px;}
.box_container .box dd strong {margin-bottom:20px;display:block;padding:15px;}
.box_container .box dd strong.hnull {margin-bottom:100px;}
.box_container .box dd span{display:block;margin:15px 15px 0;color:#106fd1;border-bottom:1px solid #fff;}
.box_container .box dd em {display:block;margin:5px 15px 0;line-height:1.5;font-size:12px;color:#f3f3f3}


/*** 2015-10-28 view 수정 ***/
.type2_contents .view {clear:both;}
.clear-f:after {content:'';display:block;clear:both;}
.info_spot {background:none;padding-bottom:40px;border-bottom:1px solid #ddd;}
.info_spot * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.info_spot li {padding:10px 10px 10px 50px;background:#f2f2f2 url('/image/go/dash_line.png') 20px 4px repeat-y;position:relative;}
.info_spot li:nth-child(2n) {background:#ffffff url('/image/go/dash_line.png') 20px 4px repeat-y;}
.info_spot li > div {float:left;width:54%;position:relative}
.info_spot li > div.spot-img {width:44%;margin-right:2%;overflow:hidden}
.info_spot li > div.spot-img img {width:100%;}
.info_spot .spot-num {position:absolute;top:15px;left:9px;display:block;background:url('/image/go/num_circle.png') center center no-repeat;width:25px;height:25px;text-align:center;color:#fff;font-weight:bold;font-size:15px;}
.info_spot .spot-exp strong {color:#0f79e7;font-weight:bold;font-size:15px;margin-bottom:7px;display:block;}
.info_spot .spot-exp p {margin-bottom:10px;text-align:justify;}

.info_spot .spot-exp span b {margin-right:10px;width:40px;display:inline-block;vertical-align:top}
.info_spot .spot-exp span em {width:255px;display:inline-block;}
.spot-cont {position:relative;}
.front {display:block;height:65px;overflow:hidden;}
.rear {position:absolute;top:0;left:0;width:100%;background-color:#dedede;min-height:140px;padding:7px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-khtml-opacity: 0;-moz-opacity: 0;opacity: 0;}
.more {position:absolute;top:-30px;right:0;}


.rel-outlet {margin-bottom:0;border-top:none;}
