@charset "utf-8";

/* print */

/* shuffle 예비용 - 1,2번 */
.shuffle{}
.shuffle2{}
.shuffle3{}
.shuffle4{}

#content_top{padding:0px 0; background-color:#fff;}
#content_top h1ws{font-size:20px}
#content_top .doc{position:relative;width:1110px;margin:0 auto}

/*관광지정보 리스트*/
#content_top .pic{background:#666 url(../assets/icon_not.png) no-repeat 50% 50%}
#content_top .pic>img{width:100%;height:100%;transition:all 0.3s ease-in-out}
#content_top a:hover .pic>img{transform:scale(1.3,1.3)}

#content_top .wherewrapws{margin:20px 0;font-size:0.87em;line-height:1.6;font-family:"ngn","Nanum Gothic","shm","돋움",dotum,"Lucida Grande",sans-serif;color:#000}
#content_top .wherewrapws>ul{margin-top:30px}
#content_top .wherewrapws>ul:first-child{margin-top:0}
#content_top .wherewrapws>ul>li>a{}
#content_top .wherewrapws ul:after{display:block;clear:both;content:''}
#content_top .wherewrapws ul li{float:left}
#content_top .wherewrapws ul li a{display:block;position:relative;margin-right:10px;margin-bottom:30px;width:267px;min-height:70px}
#content_top .wherewrapws ul li:first-child a{margin-left:0}
#content_top .wherewrapws ul li a .region{position:absolute;top:-2px;left:15px;height:39px;padding:0 3px;background:url(../assets/label_ico.png) no-repeat 0 0;color:#fff;font-size:12px;font-weight:600;letter-spacing:-0.3px;text-align:center;z-index:2}
#content_top .wherewrapws ul li a .region:before{content:"";display:inline-block;height:32px;vertical-align:middle}
#content_top .wherewrapws ul li a .pic{width:267px;height:250px;overflow:hidden}
#content_top .wherewrapws ul li a .pic span{display:none;position:absolute;top:0;left:0}

#content_top .wherewrapws ul li a .cnt{min-height:50px;padding:15px 15px 10px;border:1px solid #ddd;border-top-width:0;background:#fff}
#content_top .wherewrapws ul li a .cnt h3{position:relative;min-height:46px;font-weight:400;line-height:130%;color:#000}
#content_top .wherewrapws ul li a .cnt h3 b{display:block;width:65%;height:40px;line-height:20px;color:#000;font-size:16px;font-weight:600;word-break:break-all}
#content_top .wherewrapws ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:13px;color:#74829e}
#content_top .wherewrapws ul li a .cnt ul li{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}
#content_top .wherewrapws ul li a .cnt li{float:none;letter-spacing:-1px}

#content_top .wherewrapws .cnt{position:relative}

#content_top .wherewrapws ul li a:focus{outline:1px dotted #666}
#content_top .wherewrapws ul li a:hover{color:#fff;}
#content_top .wherewrapws ul li a:hover .region{background-position:0 -59px;color:#000}
#content_top .wherewrapws ul li a:hover .pic span{display:block}
#content_top .wherewrapws ul li a:hover .cnt{background:#666;border-color:#666}
#content_top .wherewrapws ul li a:hover .cnt *{color:#fff}


/*2016*/

#content_top .wherewrapws ul li a .region span{display:inline-block;vertical-align:middle;line-height:1.2}
#content_top .wherewrapws ul li a .region:before{content:"";display:inline-block;height:45px;vertical-align:middle}
#content_top .wherewrapws ul li a .pic{position:relative;width:267px;height:250px;overflow:hidden}
#content_top .wherewrapws ul li a .pic span{display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/img_ov_b.png) no-repeat 50% 50%}
#content_top .wherewrapws ul li a .pic span img{display:none}

#content_top .wherewrapws ul li a .cnt{min-height:50px;padding:15px 15px 10px;border:1px solid #ddd;border-top-width:0;background:#fff}
#content_top .wherewrapws ul li a .cnt h3{position:relative;min-height:30px;font-weight:400;line-height:130%;color:#000;margin-bottom:5px;}
#content_top .wherewrapws ul li a .cnt h3 b{display:block;width:65%;height:30px;line-height:20px;color:#000;font-size:16px;word-break:break-all}
#content_top .wherewrapws ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:13px;color:#F00}
#content_top .wherewrapws ul li a .cnt ul li{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap;color:#666;}
#content_top .wherewrapws ul li a .cnt li{float:none;letter-spacing:-1px}{
	float:left;height:100%;padding-left:30px;line-height:45px;
	width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	background:url(../assets/2016_cnt_ico.png) no-repeat -6px -193px
}

#content_top .wherewrapws .cnt{position:relative}
#content_top .wherewrapws ul li a:hover{}
#content_top .wherewrapws ul li a:hover .region{background-position:0 -75px;color:#333}
#content_top .wherewrapws ul li a:hover .pic span{display:block}
#content_top .wherewrapws ul li a:hover .cnt{background-color:#666;border-color:#666}
#content_top .wherewrapws ul li a:hover .cnt *{color:#fff}
#content_top .wherewrapws ul li a .region{position:absolute;top:0;left:15px;width:52px;height:58px;text-align:center;background:url(../assets/2016_label_ico.png) no-repeat 0 0;color:#fff;font-size:12px;font-weight:600;letter-spacing:-0.3px;text-align:center;z-index:2}
#content_top .wherewrapws ul li a .region span{display:inline-block;vertical-align:middle;line-height:1.2}
#content_top .wherewrapws ul li a .region:before{content:"";display:inline-block;height:45px;vertical-align:middle}
#content_top .wherewrapws ul li a .cnt{min-height:68px}
#content_top .wherewrapws ul li a .region:before{margin-left:-5px}

/* 추천펜션이하-small */
#content2{padding:60px 0; background-color:#FFF;}
#content2 h1ws{font-size:20px}
#content2 .doc{position:relative;width:1050px;margin:0 auto}

/*관광지정보 리스트*/
#content2 .pic{background:#666 url(../assets/icon_not.png) no-repeat 50% 50%}
#content2 .pic>img{width:100%;transition:all 0.3s ease-in-out}
#content2 a:hover .pic>img{transform:scale(1.3,1.3)}

#content2 .wherewrapws2{margin:20px 0;font-size:0.87em;line-height:1.6;font-family:"ngn","Nanum Gothic","shm","돋움",dotum,"Lucida Grande",sans-serif;color:#000}
#content2 .wherewrapws2>ul{margin-top:30px}
#content2 .wherewrapws2>ul:first-child{margin-top:0}
#content2 .wherewrapws2>ul>li>a{}
#content2 .wherewrapws2 ul:after{display:block;clear:both;content:''}
#content2 .wherewrapws2 ul li{float:left}
#content2 .wherewrapws2 ul li a{display:block;position:relative;margin-right:10px;margin-bottom:10px;width:200px;min-height:70px}
#content2 .wherewrapws2 ul li:first-child a{margin-left:0}
#content2 .wherewrapws2 ul li a .region{position:absolute;top:-2px;left:15px;height:39px;padding:0 3px;background:url(../assets/label_ico.png) no-repeat 0 0;color:#fff;font-size:12px;font-weight:600;letter-spacing:-0.3px;text-align:center;z-index:2}
#content2 .wherewrapws2 ul li a .region:before{content:"";display:inline-block;height:32px;vertical-align:middle}
#content2 .wherewrapws2 ul li a .pic{width:200px;height:130px;overflow:hidden}
#content2 .wherewrapws2 ul li a .pic span{display:none;position:absolute;top:0;left:0}

#content2 .wherewrapws2 ul li a .cnt{min-height:50px;padding:15px 15px 10px;border:1px solid #ddd;border-top-width:0;background:#fff}
#content2 .wherewrapws2 ul li a .cnt h3{position:relative;min-height:46px;font-weight:400;line-height:130%;color:#000}
#content2 .wherewrapws2 ul li a .cnt h3 b{display:block;width:65%;height:40px;line-height:20px;color:#000;font-size:16px;font-weight:600;word-break:break-all}
#content2 .wherewrapws2 ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:13px;color:#74829e}
#content2 .wherewrapws2 ul li a .cnt ul li{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}
#content2 .wherewrapws2 ul li a .cnt li{float:none;letter-spacing:-1px}

#content2 .wherewrapws2 .cnt{position:relative}

#content2 .wherewrapws2 ul li a:focus{outline:1px dotted #666}
#content2 .wherewrapws2 ul li a:hover .region{background-position:0 -59px;color:#000}
#content2 .wherewrapws2 ul li a:hover .pic span{display:block}
#content2 .wherewrapws2 ul li a:hover .cnt{background:#666;border-color:#666}
#content2 .wherewrapws2 ul li a:hover .cnt *{color:#fff}


/*2016*/

#content2 .wherewrapws2 ul li a .region span{display:inline-block;vertical-align:middle;line-height:1.2}
#content2 .wherewrapws2 ul li a .region:before{content:"";display:inline-block;height:45px;vertical-align:middle}
#content2 .wherewrapws2 ul li a .pic{position:relative;width:200px;height:130px;overflow:hidden}
#content2 .wherewrapws2 ul li a .pic span{display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/img_ov_b.png) no-repeat 50% 50%}
#content2 .wherewrapws2 ul li a .pic span img{display:none}

#content2 .wherewrapws2 ul li a .cnt{min-height:50px;padding:15px 15px 10px;border:1px solid #ddd;border-top-width:0;background:#fff}
#content2 .wherewrapws2 ul li a .cnt h3{position:relative;min-height:30px;font-weight:400;line-height:130%;color:#000;margin-bottom:-10px;}
#content2 .wherewrapws2 ul li a .cnt h3 b{display:block;width:80%;height:30px;line-height:20px;color:#000;font-size:12px;word-break:break-all}
#content2 .wherewrapws2 ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:12px;color:#1c4790}
#content2 .wherewrapws2 ul li a .cnt ul li{width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}
#content2 .wherewrapws2 ul li a .cnt li{float:none;letter-spacing:-1px}{
	float:left;height:100%;padding-left:30px;line-height:45px;
	width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	background:url(../assets/2016_cnt_ico.png) no-repeat -6px -193px
}

#content2 .wherewrapws2 .cnt{position:relative}
#content2 .wherewrapws2 ul li a:hover{}
#content2 .wherewrapws2 ul li a:hover .region{background-position:0 -75px;color:#333}
#content2 .wherewrapws2 ul li a:hover .pic span{display:block}
#content2 .wherewrapws2 ul li a:hover .cnt{background-color:#666;border-color:#666}
#content2 .wherewrapws2 ul li a:hover .cnt *{color:#fff}
#content2 .wherewrapws2 ul li a .region{position:absolute;top:0;left:15px;width:52px;height:58px;text-align:center;background:url(../assets/2016_label_ico.png) no-repeat 0 0;color:#fff;font-size:12px;font-weight:600;letter-spacing:-0.3px;text-align:center;z-index:2}
#content2 .wherewrapws2 ul li a .region span{display:inline-block;vertical-align:middle;line-height:1.2}
#content2 .wherewrapws2 ul li a .region:before{content:"";display:inline-block;height:45px;vertical-align:middle}
#content2 .wherewrapws2 ul li a .cnt{min-height:20px}
#content2 .wherewrapws2 ul li a .region:before{margin-left:-5px}

@media all and (max-width:1024px) {
	#content_top .doc{position:relative;width:840px;margin:0 auto}
	#content2 .doc{position:relative;width:840px;margin:0 auto}
}
@media all and (max-width:770px) {
	#content_top .doc{position:relative;width:560px;margin:0 auto}
	#content2 .doc{position:relative;width:640px;margin:0 auto}
}
@media all and (max-width:580px) {
	#content2 .doc{position:relative;width:420px;margin:0 auto}
}
@media all and (max-width:480px) {
	#content_top .doc{position:relative;width:280px;margin:0 auto}
}
@media all and (max-width:400px) {
	#content2 .doc{position:relative;width:400px;margin:0 auto}
	#content2 .wherewrapws2 ul li a{width:170px;}
	#content2 .wherewrapws2 ul li a .pic{width:170px;height:110px;}
	#content2 .wherewrapws2 ul li a .cnt h3 b{font-size:11px;}
}