@charset "utf-8";
/**
 * @File Name : lib2*.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.08.16 | 문영신 | 최초 등록
 * 2018.08.28 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.09.14 | 김소화 | .spc4box1 .w1c3 추가.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! CSS Library v0.2. 20170608~. 20170822. 20180110. |
 * 공유 콘텐츠 CSS 추가
 * class 선택자에 정의한다. 우선순위 높은 id 선택자는 필연적일 때만 사용한다.
 */

/** Compatible!
 * [IE8+]
 */

/** Table of contents ))
 | Overwrite
 | Add Share Contents
 | Components Library
 | RWD
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* … lib.css, lib1cp1.css )) Overwrite YYYYMMDD ◆◆◆ */


[class*='panel']>.size83px{
	width:83px;height:83px;
	margin:0 30px 0 13px;
}
[class*='panel']>.deco7cookhat1{background-image:url(../../img/lib2spc4/ic166a1c1cookhat1.png);}
[class*='panel']>.deco7hotel1{background-image:url(../../img/lib2spc4/ic166a1c1hotel1.png);}


/* .ic1.indy 20180823 */
.ic1.indy.ic30schedule1{
	width:30px;height:30px;
	margin:-5px 0;
	background-image:url(../../img/lib2spc4/ic60a3c1schedule1.png);
}
.ic1.indy.ic30dustbin1{
	width:30px;height:30px;
	margin:-5px 0;
	background-image:url(../../img/lib2spc4/ic60a3c1dustbin1.png);
}
.ic1.indy.ic30mapmarker1{
	width:30px;height:30px;
	margin:-5px 0;
	background-image:url(../../img/lib2spc4/ic60a3c1mapmarker1.png);
}


/* Line 20180823 */
.line4stripev1{display:block;
	height:4px;
	background:url(../../img/lib2spc4/b1c3stripev1.png);
}


/* Add Share Contents Style ◇◆◇◆◇◆◇◆◇◆ */


/* 조회(선택1~3.입력1.겹친버튼1(아이콘)) 20180824 */
[class*='search2select']{position:relative;padding:0 40px 0 0;overflow:hidden;}
[class*='search2select'] fieldset{margin:0;}
[class*='search2select'] [class*='select']{
	float:left;
	width:30%;
	margin-right:.5%;
}
[class*='search2select'] .text1{float:left;width:69.5%;}
[class*='search2select'] .submit{float:left;
	width:40px;
	margin-left:-1px;margin-right:-40px;
	padding:0;
	border:1px solid transparent;
	background:#444;
	text-align:center;
}
[class*='search2select'] .submit .t1{display:inline-block;
	width:0;
	text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
[class*='search2select'] .submit .ic1{display:inline-block;
	width:20px;height:20px;
	background:url(../../img/lib2spc4/ic40a1c0search1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}


/* 메뉴그룹(체크아이콘) 20180817 */
.menu-group4{position:relative;font-size:0;}
.menu-group4 .m{display:inline-block;
	position:relative;
	padding:0 .75em;
	color:#666;
	font-size:15px;
	text-decoration:none;
	white-space:nowrap;
}
.menu-group4 .m:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:10px;
	margin:-5px 0;
	border-left:1px solid #ccc;
}
.menu-group4 .m:first-child:before{
	display:none;
}
.menu-group4 .m .t1{display:inline-block;
	vertical-align:middle;
}
.menu-group4 .m .ic1{display:inline-block;
	position:absolute;
	width:0;height:0;
	background:url(../../img/lib2spc4/ic18a1c1check1.png) no-repeat center center;
	background-size:contain;
	text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.menu-group4 .m.on{position:relative;
	color:#000;
	font-weight:600;
}
.menu-group4 .m.on .ic1{display:inline-block;
	position:relative;
	width:18px;
	height:18px;
}


/* ◇◆ Components Library ◇◆◇◆◇◆◇◆◇◆ */


/* 특화콘텐츠1목록1. 20180824 */
.spc4list1{position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
	overflow:hidden;
}
.spc4list1 a[href]{
	text-decoration:none;
}
.spc4list1 .lst1{list-style:none;margin:0;padding:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.spc4list1 .li1{
	position:relative;
	margin:0;
	padding:30px 0;
	border-top:1px solid #ddd;
}
.spc4list1 .li1 .w1{overflow:hidden;}
.spc4list1 .li1 [class*='w1c']{display:block;overflow:hidden;
	box-sizing:border-box; /* ☆ */
}
.spc4list1 .li1 .w1c1{}
.spc4list1 .li1 .w1c2c1{
	padding:16px 0;
}
.spc4list1 .li1 .w1c2c2{display:none; /* ☆ */
	padding:16px 0 0;
	border-top:1px dotted #ccc;
	text-align:center;
}
.spc4list1 .li1 .w1c2c1 + .w1c2c2{
	display:block;
}
.spc4list1 .figs{display:block;}
.spc4list1 a.figs:focus{ /* 초점 */
	border:1px dotted #000;
}
.spc4list1 .texts{display:block;position:relative;}
.spc4list1 .ratings{display:block;}
.spc4list1 .btns{display:block;}
.spc4list1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 69.231%; /* (180/260) */
	background:#eee;
	text-align:center;
}
.spc4list1 .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.spc4list1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}

.spc4list1 .f2{display:block;position:relative;
	margin:auto;
	padding:0 0 69.231%; /* (180/260) */
	background:#fff;
	text-align:center;
}
.spc4list1 .f2 .f1p2{border-radius:15px;display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.spc4list1 .f2 img{border-radius:15px;display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}


.spc4list1 .texts .tg1{display:block;}
.spc4list1 .texts .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:37px;
	height:44px;
	margin:0 6px 0 0;
	padding:9px 0 0;
	background:url(../../img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:600 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4list1 .texts .tg1 .t1{display:block;
	padding:3px 0 0;
	color:#000;
	font-weight:400;
	font-size:26px;
	overflow:hidden;
}
.spc4list1 .texts .t2{display:block;
	margin:1em 0;
	color:#666;
	font-size:16px;
	line-height:1.5;
}
.spc4list1 .texts .btn1{
	position:absolute;right:0;top:3px;
}
.spc4list1 .texts .btn1 a.button{
	font-size:0.813em;
}
.spc4list1 .texts .btn1 a.button.on{color:#fff;border-color:#000;background:#000}
/* ☆ */
.spc4list1 .ratings{}
.spc4list1 .ratings .t1{display:inline-block;
	margin:3px 10px 0 5px;
	color:#777;
	font-style:italic;
	font-size:14px;
	text-indent:-5px;
	vertical-align:middle;
}
.spc4list1 .ratings .t1t1{}
.spc4list1 .ratings .t1t2{}
.spc4list1 .ratings .t2{display:inline-block;
	margin:0 12px;
	color:#888;
	font-weight:600;
	font-style:italic;
	font-size:40px;
	text-indent:-10px;
	vertical-align:middle;
}
/* ☆ */
.spc4list1 .btns{
	margin:4px 0;
}
.spc4list1 .btns .button{
	width:89px;
	/* height:40px;padding:12px 6px; */
	font-size:14px;
}
.spc4list1 .btns .b1{border:1px solid #1e60af;background:#1876f5;color:#fff;}
.spc4list1 .btns .b2{border:1px solid #ddd;background:#fff;color:#333;}

@media all and (min-width:768px){/* ◇◆ */
	.spc4list1 .li1 .w1c1{float:left;
		width:41.6%;
		padding:0 30px 0 0;
	}
	.spc4list1 .li1 .w1c2{}
	.spc4list1 .li1 .w1c2c1{
		padding:5px 0 16px;
	}
	.spc4list1 .li1 .w1c2c2{
		padding:0;
		text-align:left;
	}
} /* /(min-width:768px) */
@media all and (min-width:1260px){/* ◇◆ */
	.spc4list1 .li1 .w1c1{float:left;
		width:33.333%;
		padding:0 30px 0 0;
	}
	.spc4list1 .li1 .w1c2{display:table;
		float:right;width:66.666%;
		margin:0 -1px 0 0;
	}
	.spc4list1 .li1 .w1c2c1{display:table-cell;
		width:9999px;
		padding:0 0 0 0;
		border-right:1px solid #e7e7e7;
		vertical-align:top;
	}
	.spc4list1 .li1 .w1c2c2{display:table-cell;
		width:200px;
		margin:0;
		padding:10px 0 0 10px;
		border:0;
		text-align:center;
		vertical-align:top;
	}
	.spc4list1 .ratings .t1{display:block;
		margin:0 auto 6px;
	}
	.spc4list1 .ratings .t2{display:block;}
} /* /(min-width:1260px) */


/* 경로. 20180817. */
.spc4route1{display:block;position:relative;
	line-height:1.375;
}
.spc4route1 .a1{display:inline-block;
	margin:2px 0;
	color:#003c72;
	text-decoration:none;
	vertical-align:middle;
}
.spc4route1 .ic1{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:19px;
	height:23px;
	margin:0;
	background:url(../../img/lib2spc4/ich46a1c1mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font-weight:600;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.spc4route1 .t1{display:inline-block;
	vertical-align:middle;
}
.spc4route1 .sep{display:inline-block;
	color:#003c72;
	vertical-align:middle;
}


/* 정보.정의목록. 20180817 */
.spc4info1{display:block;position:relative;
	color:#666;
	line-height:1.375;
	font-size:14px;
}
.spc4info1 .dl1{list-style:none;
	margin:0 0 -.375em;
	padding:0;
}
.spc4info1 .dl1 .di{display:block;
	margin:0 0 .375em;
	overflow:hidden;
}
.spc4info1 .dl1 .dt{float:left;
	margin:0 .375em 0 0;
	padding:0 0 0 8px;
	background:url(../../img/lib2spc4/bu1.png) no-repeat 0 50%;
	font-weight:400;
}
.spc4info1 .dl1 .dd{display:block;overflow:hidden;}
.spc4info1 .dl1 .dt .t1{}
.spc4info1 .dl1 .dt .ic1{}
.spc4info1 .em{color:#363940;}


/* 별점5개(단일크기이미지로 다중크기표현) 20180817 */
.rating4star5{display:inline-block;
	z-index:0;
	position:relative;
	width:140px;height:22px;
	vertical-align:middle;
	overflow:hidden;
}
.rating4star5>.ic1{float:left; /* ★ */
	z-index:10;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(../../img/lib2spc4/rating4star5s@4x.png) no-repeat left bottom;
	background-size:cover;
	overflow:hidden;
}
.rating4star5>.ic1 img{ /* [IE8]fix */
	bottom:0;
}
.rating4star5>.ic2{float:left; /* ☆ */
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(../../img/lib2spc4/rating4star5s@4x.png) no-repeat left top;
	background-size:cover;
	overflow:hidden;
}
.rating4star5[data-value='0']>.ic1{margin-left:-100%;}
.rating4star5[data-value='1']>.ic1{margin-left:-80%;}
.rating4star5[data-value='2']>.ic1{margin-left:-60%;}
.rating4star5[data-value='3']>.ic1{margin-left:-40%;}
.rating4star5[data-value='4']>.ic1{margin-left:-20%;}
.rating4star5[data-value='5']>.ic1{margin-left:0%;}
.rating4star5[data-value='0']>.ic2{margin-left:0;}
.rating4star5[data-value='1']>.ic2{margin-left:20%;}
.rating4star5[data-value='2']>.ic2{margin-left:40%;}
.rating4star5[data-value='3']>.ic2{margin-left:60%;}
.rating4star5[data-value='4']>.ic2{margin-left:80%;}
.rating4star5[data-value='5']>.ic2{margin-left:100%;}


/* 별점1개 20180821 */
.rating4star1{display:inline-block;
	z-index:0;
	position:relative;
	width:16px;height:16px; /* 별점막대 */
	vertical-align:middle;
	overflow:hidden;
}
.mj-rating-star .rating4star1{
	width:24px;height:24px; /* 별점주기 */
}
.rating4star1>.ic1{float:left; /* ★ */
	z-index:10;
	position:absolute;left:0;top:0;
	width:100%;
	height:100%;
	background:url(../../img/lib2spc4/ic32a1c1star1on.png) no-repeat left bottom;
	background-size:cover;
	overflow:hidden;
}
.rating4star1>.ic1 img{ /* [IE8]fix */
	bottom:0;
}
.rating4star1>.ic2{float:left; /* ☆ */
	z-index:10;
	position:absolute;left:0;top:0;
	width:100%;
	height:100%;
	background:url(../../img/lib2spc4/ic32a1c1star1.png) no-repeat left bottom;
	background-size:cover;
	overflow:hidden;
}
.rating4star1.off>.ic1{
	margin-left:100%;
}


/* 특화맵 20180828 */
.spc4map1{z-index:1;position:relative;
	height:360px;
	margin:0 auto;border-radius:0;background:#d1d7db;
	overflow:hidden;
}
.spc4map1 img{max-width:none;}
.spc4map1 #daum_map,
.spc4map1 .map{ /* ★ 맵API 보정 */
	position:absolute !important;left:0;right:0;top:0;bottom:0;width:100%;height:100%;
}
/* 맵마커.번호 */
[class*='spc4map1marker1']{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%; /* 맵마커 가리키는 곳 */
	box-sizing:border-box; /* ☆ */
	width:37px;
	height:44px;
	margin:-44px 0 0 -19px; /* 가리키는 곳에서 이거 좌상단거리 */
	padding:9px 0 0;
	background:url(../../img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat center bottom;
	background-size:contain;
	color:#fff;
	font:600 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	overflow:hidden;
}
/* 맵마커.여기 */
.spc4map1marker1here1{
	background:url(../../img/lib2spc4/ich88a1c1mapmarker1here1.png) no-repeat center bottom;
}
@media all and (min-width:768px){/* medium ◇◆*/
	.spc4map1{height:430px;}
} /* /(min-width:768px) */


/* 특화맵.레이어박스 20180828 */
.spc4map1layer1{z-index:100;
	position:absolute;left:50%;top:50%;
	width:240px;
	min-height:200px;
	margin:-100px 0 0 -120px;
	padding:0;
	line-height:1.375;
	overflow:hidden;
}
.spc4map1layer1 img{max-width:100%;}
.spc4map1layer1 .wrap1{display:block;position:relative;
	border:1px solid #999;
	background:#fff;
	overflow:hidden;
}
.spc4map1layer1 .a1{}
.spc4map1layer1 .hg1{position:relative;
	padding:16px 30px 16px 18px;
	border-bottom:1px solid #ccc;
	background:#e8f4ff;
}
.spc4map1layer1 .h1{display:block;
	margin:0;
	padding:0;
	color:#000;
	font-weight:400;
	font-size:17px;
}
.spc4map1layer1 .tg1{display:block;
	padding:16px 18px 10px;
	color:#333;
	font-size:15px;
	overflow:hidden;
}
.spc4map1layer1 .tg1 .t1{display:block;
	margin:0 0 .25em;
	overflow:hidden;
}
.spc4map1layer1 .t1 .ic1{float:left;
	width:25px;height:25px;
	margin:0 8px 0 0;
	border-radius:9999px;
	background:#0055a2 url() no-repeat center center;
}
.spc4map1layer1 .t1.address .ic1{background-image:url(../../img/lib2/ic20a1c0mapmarker1.png);}
.spc4map1layer1 .t1.phone .ic1{background-image:url(../../img/lib2/ic20a1c0phone1.png);}
.spc4map1layer1 .t1t1{display:block;
	padding:2px 0 0;
	overflow:hidden;
}
.spc4map1layer1 .btns{display:block;
	margin:0 18px 10px;
}
.spc4map1layer1 .btns .button{width:49%;}
.spc4map1layer1 .b1.close{float:left;
	position:absolute;right:0;top:0;
	width:40px;height:56px;
	background:transparent;
	border:0;
	color:#999;
	font:normal 40px helvatica,arial,sans-serif;
	text-decoration:none;
	line-height:56px;
	text-align:center;
}
@media all and (min-width:768px){ /* ◇◆ */
	.spc4map1layer1{
		width:300px;
		margin-left:-150px;
	}
} /* /(min-width:768px) */



/* 맵레이어박스 */
.spc4map1layer2{z-index:100;position:absolute;left:50%;top:50%;}
.spc4map1layer2 img{max-width:100%;} /* 20160919 */
.spc4map1layer2 .wrap1{display:block;position:absolute;left:0;bottom:0;
	width:320px;
	min-height:120px;
	margin:-60px 0 -6px -186px; /* (120/2) (320/2+6(그림자)+20(꾸밈좌우상계)) */
	padding:0 6px 19px;
	background:url(../../img/lib2spc4/map1layer1bg1.png) center bottom;
	line-height:1.333;overflow:hidden;
	overflow:hidden;
}
.spc4map1layer2 .b1.close{float:left;position:absolute;right:6px;top:0;
	width:40px;height:40px;
	border:0;
	background:transparent;
}
.spc4map1layer2 .b1.close .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
	background:url(../../img/lib2spc4/ic12a1c1close1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.spc4map1layer2 .w1c1{float:left;
	position:absolute;left:0;top:0;
	bottom:19px; /* 꾸밈높이 */
	width:120px;
}
.spc4map1layer2 .w1c2{margin:0 0 0 120px;padding:16px;overflow:hidden;}

.spc4map1layer2 .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	background:#eee;
	overflow:hidden;
}
.spc4map1layer2 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.spc4map1layer2 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:0 auto;}

.spc4map1layer2 .w1c2 .ic1{float:left;
	width:26px;height:26px;
	margin:0 6px 0 0;
	padding:7px 0 0;
	background:url(../../img/lib2spc4/ic94mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;font:400 12px helvatica,arial,sans-serif;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.spc4map1layer2 .w1c2 .tg1{display:block;
	margin:0 0 .5em;
	overflow:hidden;
}
.spc4map1layer2 .w1c2 .t1{display:block;
	padding:1px 1em 1px 0;
	color:#000;
	font-weight:500;
	font-size:15px;
}
.spc4map1layer2 .w1c2 .t2{display:block;
	color:#666;
	font-size:12px;
}
.spc4map1layer2 .btns{display:block;}
.spc4map1layer2 .btns .button{width:48%;font-size:13px;}


/* 특화박스(픽1글2) (코스요약, 내여행스케줄보기 목록) 20180823 */
.spc4box1{position:relative;
	margin:0 auto 30px;
	padding:20px 30px;
	background:#313d4c;
	line-height:1.375;
	overflow:hidden;
}
.spc4box1 .deco1{display:block;
	position:relative;
	width:130px;height:130px;
	margin:auto;
	background:url(../../img/lib2spc4/ic260a1c1course1.png) no-repeat center center;
	background-size:contain;
	/* overflow:hidden; */
}
.spc4box1 .deco1.schedule{
	background-image:url(../../img/lib2spc4/ic260a1c1course2.png);
}
.spc4box1 .w1{position:relative;
	/* text-align:center; */
	overflow:hidden;
}
.spc4box1 .w1c1{position:relative;
	margin:12px 0;
	color:#95ccff;
	font-weight:400;
	overflow:hidden;
}
.spc4box1 .w1c2{position:relative;
	margin:12px 0 16px;
	color:#fff;
	overflow:hidden;
}
.spc4box1 .w1c3{position:relative;
	/* height:40px; */
	overflow:hidden;
}
/*.spc4box1 .w1c3:after{content:'…';display:block;
	position:absolute;right:0;
	top:20px;
	width:3em;
	height:20px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #313d4c 100%);
}*/
.spc4box1 .deco2{display:block;
	margin:0 0 -.75em;
	font-family:serif;
	font-size:48px;
}
.spc4box1 .w1c1 .t1{display:block;
	font-size:24px;
	overflow:hidden;font-family:'GimhaeGaya';
}
/* ☆ 경로변형 */
.spc4box1 .spc4route1 .a1{display:inline-block;
	margin:4px 0;
	color:#fff;
	font-size:17px;
}
.spc4box1 .spc4route1 .ic1{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:23px;
	height:27px;
	margin:0;
	background:url(../../img/lib2spc4/ich54a1c0mapmarker1.png) no-repeat center center;
	background-size:contain;
	color:#313d4c;
	font-weight:600;
	font-size:17px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.spc4box1 .spc4route1 .t1{display:inline-block;
	vertical-align:middle;
}
.spc4box1 .spc4route1 .sep{display:inline-block;
	color:#fff;
	font-size:17px;
	vertical-align:middle;
}
html.Mobile .spc4box1 .spc4route1 .ic1{
	padding:1px 0 0;
}

@media all and (min-width:768px){ /* ◇◆ */

.spc4box1 .deco1{
	float:left;
	margin:0 60px 0 0;
}
.spc4box1 .deco1:before{content:'';display:block;
	position:absolute;right:-30px;top:50%;
	width:0;height:70px;
	margin:-35px 0;
	border-left:1px solid #6f7882;
	border-right:1px solid #181e26;
}
.spc4box1 .w1{
	text-align:left;
}
.spc4box1 .deco2{
	float:left;
	margin:-.25em 0 -.75em;
}

} /* /(min-width:768px) */


/* 코스상세. 20180817 */
.spc4course1detail1 .spc4list1{margin-top:1em}
.spc4course1detail1 .spc4list1 .lst1{
	border:0;
}
.spc4course1detail1 .spc4list1 .li1{
	margin:0 0 24px;
	padding:24px;
	border:1px solid #ddd;
}
/* chevron ▽ */
.spc4course1detail1 .spc4list1 .li1:before{content:'';
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-18px;
	border:18px solid transparent;
	border-top-color:#ccc;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
.spc4course1detail1 .spc4list1 .li1:after{content:'';
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-17px;
	border:17px solid transparent;
	border-top-color:#fff;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
.spc4course1detail1 .spc4list1 .li1:last-child:before,
.spc4course1detail1 .spc4list1 .li1:last-child:after{
	display:none;
}


/* 뷰제목그룹. 20180822 */
.spc4hg1 .hb1{
	margin-top:0;
}
.spc4hg1 .button{
	min-width:108px;
	height:40px;
	padding:4px 14px;
	border:1px solid #ddd;
	background:#f7f7f7;
	color:#333;
	font-size:14px;
}
.spc4hg1 .button[class*='ic1']>.ic1{
	width:30px;
	height:30px;
}
.spc4hg1 .button[class*='ic1']>.ic1.video{
	background-image:url(../../img/lib2spc4/ic60a2c1video1.png);
}
.spc4hg1 .button[class*='ic1']>.ic1.vr{
	background-image:url(../../img/lib2spc4/ic60a2c1vr1.png);
}
.spc4hg1 .button[class*='ic1']>.ic1.foodtown{
	background-image:url(../../img/lib2spc4/ic60a2c1foodtown1.png);
}
.spc4hg1 .button[class*='ic1']>.ic1.schedule{
	background-image:url(../../img/lib2spc4/ic60a2c1schedule1.png);
}

/* spc4pic1gallery1 (관광..) 이전다음포토. 현재/전체. 섬네일. 20180822. [JS]jQchangePic4(…); */
.spc4pic1gallery1{position:relative;
	z-index:0;
	margin:0 auto;
	line-height:1.333;
}
.spc4pic1gallery1 *{list-style:none;margin:0;padding:0;border:0;}
.spc4pic1gallery1 .figure{position:relative;
	z-index:0;
	background:#eee;
}
.spc4pic1gallery1 .figure .p1{
	position:relative;
	min-height:160px;
	overflow:hidden;
}
.spc4pic1gallery1 .figure .p1 img{display:block;
	width:auto;max-width:100%;height:auto;max-height:100%;
	margin:0 auto;
}
.spc4pic1gallery1 .figcaption{display:block;position:relative;
	background:#808080;
	background-color:rgba(0,0,0, .5);
}
.spc4pic1gallery1 .figcaption .t1{display:block;z-index:10;position:relative;padding:.75em 1em;color:#fff;}
/* 메뉴 */
.spc4pic1gallery1 .menu{
	position:relative;
	height:32px;
	background:url(../../img/lib2spc4/b.000000.opacity.50.png);
	background-color:rgba(0,0,0, .42);
	margin:auto;
	padding:10px 34px;
}
/* 제어 */
.spc4pic1gallery1 .mControl{} /* .mNum 위해 높이값 지정마소 */
.spc4pic1gallery1 .mControl .b{float:left;
	z-index:10;
	position:absolute;top:50%;
	width:32px;
	height:32px;
	margin:-16px 0;
	border:0;
	background:url(../../img/lib2spc4/b.png);
	overflow:hidden;
	opacity:.5;
}
.spc4pic1gallery1 .mControl .b:hover,
.spc4pic1gallery1 .mControl .b:focus{
	opacity:1;
}
.spc4pic1gallery1 .mControl .b .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:29px;height:53px;
	margin:-26.5px -14.5px;
	background:url() no-repeat center center;
	color:#888;
	font:200 24px/1 Arial, sans-serif;
	text-indent:-9999px;
	overflow:hidden;
}
.spc4pic1gallery1 .mControl .b.prev{left:0;}
.spc4pic1gallery1 .mControl .b.next{right:0;}
.spc4pic1gallery1 .mControl .b.prev .ic1{background-image:url(../../img/lib2spc4/ich53a1c0left1.png);}
.spc4pic1gallery1 .mControl .b.next .ic1{background-image:url(../../img/lib2spc4/ich53a1c0right1.png);}
.spc4pic1gallery1 .mControl .b.off{}
/* 순번 */
.spc4pic1gallery1 .mNum{position:relative;
	width:100%;height:100%;
	font-size:0; /* ☆ */
	/* text-align:center; 말자! 창조절 시 위치 결함 발생 */
	overflow:hidden;
}
.spc4pic1gallery1 .mNum .mCont{
	position:absolute;left:0;top:0;
	width:10000px; /* ☆ .ms 폭을 빨리 계산하기 위해  */
	height:100%;
	transition:.2s;
}
.spc4pic1gallery1 .mNum.onepage .mCont{ /* ☆ 섬네일 전체가 1페이지라면 중앙정렬 */
	position:relative;
	margin:auto;
}
.spc4pic1gallery1 .mNum .ms{display:inline-block;
	margin:0 -5px;
	overflow:hidden;
}
.spc4pic1gallery1 .mNum .m{display:inline-block;
	width:32px;
	height:32px;
	margin:0 5px;
}
.spc4pic1gallery1 .m a{display:block;position:relative;height:100%;text-decoration:none;}
.spc4pic1gallery1 .m a .f1{display:block;position:relative;width:100%;height:100%;margin:0 auto;text-align:center;overflow:hidden;}
.spc4pic1gallery1 .m a .f1 img{position:absolute;left:0;top:0;width:auto;max-width:100%;height:auto;max-height:100%;vertical-align:top;}
.spc4pic1gallery1 .m a .t1{display:block;
	position:absolute;left:0;right:0;bottom:0;
	padding:.25em;
	background:#eee;
	color:#888;
	font-size:12px;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.spc4pic1gallery1 .m .deco{display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.spc4pic1gallery1 .m a:focus{
	/* outline:1px dotted #000; */
}
.spc4pic1gallery1 .m a:hover .deco,
.spc4pic1gallery1 .m a:focus .deco{
	border:4px solid #ddd;
	border-color:rgba(0,0,0, .5);
}
.spc4pic1gallery1 .m.on a .deco{border:4px solid #000;}

/* …로딩중… */
.spc4pic1gallery1 .loading1{display:inline-block;
	z-index:10;
	position:absolute;
	left:50%;top:50%;
	width:60px;height:60px;
	margin:-30px;
	border-radius:9999px;
	background:#fff;
	background-color:rgba(255,255,255, .5);
	transition:.6s .6s; /* ☆ */
}
html.lteIE8 .loading1{ /* [~IE8]bugFix) */
	display:none;
}
.loading1{position:relative;width:40px;height:40px;margin:0 auto;}
.loading1>i{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	width:66.666%;height:66.666%;
	margin:auto;
}
.loading1>i:before{content:'';display:block;
	margin:0 auto;
	width:15%;
	height:15%;
	border-radius:9999px;
	background:#000;
	background-color:rgba(0,0,0, .8);
	animation:kf1circleFadeDelay .6s infinite ease-in-out both;
}
.loading1>i:nth-of-type(2){transform:rotate(30deg);}
.loading1>i:nth-of-type(3){transform:rotate(60deg);}
.loading1>i:nth-of-type(4){transform:rotate(90deg);}
.loading1>i:nth-of-type(5){transform:rotate(120deg);}
.loading1>i:nth-of-type(6){transform:rotate(150deg);}
.loading1>i:nth-of-type(7){transform:rotate(180deg);}
.loading1>i:nth-of-type(8){transform:rotate(210deg);}
.loading1>i:nth-of-type(9){transform:rotate(240deg);}
.loading1>i:nth-of-type(10){transform:rotate(270deg);}
.loading1>i:nth-of-type(11){transform:rotate(300deg);}
.loading1>i:nth-of-type(12){transform:rotate(330deg);}
.loading1>i:nth-of-type(2):before{animation-delay:-0.55s;}
.loading1>i:nth-of-type(3):before{animation-delay:-0.5s;}
.loading1>i:nth-of-type(4):before{animation-delay:-0.45s;}
.loading1>i:nth-of-type(5):before{animation-delay:-0.4s;}
.loading1>i:nth-of-type(6):before{animation-delay:-0.35s;}
.loading1>i:nth-of-type(7):before{animation-delay:-0.3s;}
.loading1>i:nth-of-type(8):before{animation-delay:-0.25s;}
.loading1>i:nth-of-type(9):before{animation-delay:-0.2s;}
.loading1>i:nth-of-type(10):before{animation-delay:-0.15s;}
.loading1>i:nth-of-type(11):before{animation-delay:-0.1s;}
.loading1>i:nth-of-type(12):before{animation-delay:-0.05s;}
@keyframes kf1circleFadeDelay{
	0%, 39%, 100%{opacity:0;}
	40%{opacity:1;}
}
/* 로딩완료 */
.spc4pic1gallery1.loaded .figure .p1 img{
	z-index:20;
	position:relative;
}
.spc4pic1gallery1.loaded .loading1{
	visibility:hidden;
	opacity:0;
	transition:.6s; /* ☆ */
}
@media all and (min-width:768px){ /* ◇◆ */

	.spc4pic1gallery1 .menu{
			height:70px;
			padding:22px 70px;
	}
	.spc4pic1gallery1 .mControl .b{
		width:70px;
		height:70px;
		margin:-35px 0;
	}
	.spc4pic1gallery1 .mNum .m{
		width:70px;
		height:70px;
	}

	.spc4pic1gallery1.type2 .menu{
			height:48px;
			padding:16px 48px;
	}
	.spc4pic1gallery1.type2 .mControl .b{
		width:48px;
		height:48px;
		margin:-24px 0;
	}
	.spc4pic1gallery1.type2 .mNum .m{
		width:48px;
		height:48px;
	}

} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* ◇◆ */

	.spc4pic1gallery1 .menu{
		background-color:transparent;
		margin:-114px 0 0;
	}
	.spc4pic1gallery1 .mNum .m{
		width:95px;
		height:70px;
	}

	.spc4pic1gallery1.type2 .menu{
		margin:-80px 0 0;
	}
	.spc4pic1gallery1.type2 .mNum .m{
		width:64px;
		height:48px;
	}

} /* /(min-width:1000px) */


/* 기본정보. 20180822 */
.spc4info2{position:relative;
	margin:26px 0;
	border:1px dotted #ccc;
	border-top:2px solid #555;
	border-bottom:1px solid #ddd;
	color:#333;
	font-size:15px;
	line-height:1.375;
	overflow:hidden;
}
.spc4info2 a{color:#000;}
.spc4info2 .dl1{display:block;
	position:relative;
	list-style:none;
	margin:0 0 -1px;
	padding:0;
	overflow:hidden;
}
.spc4info2 .dl1 .di{}
.spc4info2 .dl1 .w1{
	margin:-1px 0 0;
	padding:14px;
	border-top:1px dotted #ccc;
	background:#fff;
	overflow:hidden;
}x
.spc4info2 .dl1 .dt{float:left;}
.spc4info2 .dl1 .dd{/* display:block; */
	position:relative;
	padding:0 0 0 2px;
	overflow:hidden;
}
.spc4info2 .dl1 .t1{display:inline-block;
	font-weight:400;
	vertical-align:middle;
}
.spc4info2 .dl1 .sep{display:inline-block;
	vertical-align:middle;
}
.spc4info2 .dl1 .t2{display:inline-block;
	padding:3px 0;
	font-weight:400;
	vertical-align:middle;
}
.spc4info2 .dl1 .ic1{display:inline-block;
	width:25px;height:25px;
	margin:0 4px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.spc4info2 .name .ic1{background:url(../../img/lib2spc4/ic50a2c1star1.png);}
.spc4info2 .category .ic1{background:url(../../img/lib2spc4/ic50a2c1star1.png);}
.spc4info2 .address .ic1{background:url(../../img/lib2spc4/ic50a2c1mapmarker1.png);}
.spc4info2 .manage .ic1{background:url(../../img/lib2spc4/ic50a2c1pin1.png);}
.spc4info2 .menu .ic1{background:url(../../img/lib2spc4/ic50a2c1pin1.png);}
.spc4info2 .phone .ic1{background:url(../../img/lib2spc4/ic50a2c1phone1.png);}
.spc4info2 .fee .ic1{background:url(../../img/lib2spc4/ic50a2c1won1.png);}
.spc4info2 .time .ic1{background:url(../../img/lib2spc4/ic50a2c1clock1.png);}
.spc4info2 .parking .ic1{background:url(../../img/lib2spc4/ic50a2c1parking1.png);}
.spc4info2 .closed .ic1{background:url(../../img/lib2spc4/ic50a2c1speech1bubble1.png);}
.spc4info2 .stroller .ic1{background:url(../../img/lib2spc4/ic50a2c1stroller1.png);}
.spc4info2 .wheelchair .ic1{background:url(../../img/lib2spc4/ic50a2c1wheelchair1.png);}


/* 미술작품상세정보 20190926 */

.spc4info2 .artname .ic1{background:url(../../img/lib2spc4/icon_data20190924.png);}
.spc4info2 .artpeople .ic1{background:url(../../img/lib2spc4/icon_data20190924_02.png);}
.spc4info2 .artsize .ic1{background:url(../../img/lib2spc4/icon_data20190924_03.png);}
.spc4info2 .arttexture .ic1{background:url(../../img/lib2spc4/icon_data20190924_04.png);}
.spc4info2 .artcategory .ic1{background:url(../../img/lib2spc4/icon_data20190924_05.png);}
.spc4info2 .artdate .ic1{background:url(../../img/lib2spc4/icon_data20190924_06.png);}
.spc4info2 .artlocation .ic1{background:url(../../img/lib2spc4/icon_data20190924_07.png);}
.spc4info2 .artbuilding .ic1{background:url(../../img/lib2spc4/icon_data20190924_08.png);}


/* 길찾기 */
.spc4info2 .button.getdirections{
	height:29px;
	padding:5px 8px;
	border:1px solid #ccc;
	font-size:0;
}
.spc4info2 .button.getdirections .t1{display:inline-block;
	font-size:13px;
	vertical-align:middle;
}
 .spc4info2 .button.getdirections .ic2{display:inline-block;
	width:18px;height:12px;
	margin:0 0 0 8px;
	border-left:1px solid #ccc;
	background:url(../../img/lib2spc4/ic10a1c1plus1.png) no-repeat right center;
	vertical-align:middle;
}




@media all and (min-width:768px){ /* ◇◆ */

	.spc4info2 .dl1:before{ /* 수직바 */
		content:'';display:block;
		position:absolute;right:50%;top:0;bottom:0;
		width:0;
		border-left:1px dotted #ccc;
	}
	.spc4info2 .dl1 .di{
		float:left;
		width:50%;
	}
	.spc4info2 .dl1 .w1{
		padding:14px 24px;
	}
	.spc4info2 .dl1 .di:nth-child(2n-1){
		clear:both;
	}
	.spc4row1 .btn1{display:block;position:absolute;right:0;top:0;}
	.spc4info2 .dl1 .di.address .column1auto1{padding-right:100px}

	.spc4info2_2 .spc4info2 .dl1 .w1{padding:16.5px 24px;}

} /* /(min-width:768px) */

.spc4pic1gallery_box{height: auto;}
.spc4pic1gallery_box .spc4pic1gallery1_2{height:100%;}
.spc4info2_2 .spc4info2{margin:0;}
.spc4info2_2 .spc4info2 .dl1 .di{width:100%;}
.spc4info2_2 .spc4info2 .dl1:before{display:none;}


/* 별점.그래프 20180824 */
.spc4rating2{position:relative;
	max-width:640px;
	margin:auto;
	line-height:1.375;
	overflow:hidden;
}
.spc4rating2 .ratings{
	float:left;
	width:140px;
	margin:auto;
	padding:1px 20px 1px 10px;
	text-align:center;
}
.spc4rating2 .ratings:before,
.spc4rating2 .ratings:after{content:'';display:table;clear:both;}
.spc4rating2 .graph1{
	font-size:15px;
	overflow:hidden;
}
/* ☆ */
.spc4rating2 .ratings .t1{display:inline-block;
	margin:7px 4px 6px;
	color:#777;
	font-style:italic;
	font-size:15px;
	text-indent:-5px;
	vertical-align:middle;
}
.spc4rating2 .ratings .t1t1{}
.spc4rating2 .ratings .t1t2{color:#666;}
.spc4rating2 .ratings .t2{display:inline-block;
	color:#888;
	font-weight:600;
	font-style:italic;
	font-size:50px;
	text-indent:-12px;
	vertical-align:middle;
}
/* ☆ */
.spc4rating2 .graph1 ul{list-style:none;margin:0;padding:0;}
.spc4rating2 .graph1 li{position:relative;margin:5px 0;padding:0 40px /* ☆ */ 0 0;overflow:hidden;}
.spc4rating2 .graph1 .graph1term1{float:left;
	margin:0 10px 0 0;
	background:#fff;
}
.spc4rating2 .graph1 .graph1term1 .t1{display:inline-block;
	vertical-align:middle;
}
.spc4rating2 .graph1 .graph1term1 .rating4star1{ /* ☆별도정의 */
	margin:0 2px;
}
.spc4rating2 .graph1 .graph1track1{display:block;
	height:11px;
	margin:7px 0;
	border-radius:9999px;
	background:#fff url(../../img/lib2spc4/b1c1slash1.png);
	overflow:hidden;
}
.spc4rating2 .graph1 .graph1bar1{float:left;
	width:100%;
	height:11px;
	background:#a4a4a4 url(../../img/lib2spc4/b1c2slash1.png);
}
.spc4rating2 .graph1 .graph1data1{float:left;
	position:absolute;right:2px;top:5px;
	line-height:1;
	color:#666;
}
/* type2 (음식.숙박) */
.spc4rating2.type2 .ratings{
	float:none;
	width:auto;
	padding:1px 10px;
	text-align:left;
}
.spc4rating2.type2 .ratings .w2c1{
	width:180px;
	float:left;
}
.spc4rating2.type2 .ratings .w2c2{
	float:right;
}
.spc4rating2.type2 .graph1{
	clear:both;
	margin:16px 10px 30px;
}

@media all and (min-width:768px){/* ◇◆ */

	.spc4rating2[class] .ratings{
		padding:1px 40px;
	}
	.spc4rating2.type2 .graph1{
		margin:16px 40px 30px;
	}

} /* /(min-width:768px) */



/* 버튼들. 20180822 */
.spc4btns1{ /* .even-grid */
	position:relative;
}
.spc4btns1 .column{}
.spc4btns1 .button{
	width:auto;
	height:52px;
	padding:10px 0;
	border:1px solid #ddd;
	font-size:0;
}
.spc4btns1 .button .t1{display:inline-block;
	color:#333;
	font-size:14px;
	vertical-align:middle;
}
.spc4btns1 .button .ic1{display:inline-block;
	width:30px;height:30px;
	margin:0 6px 0 -6px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.spc4btns1 .button.phone .ic1{background-image:url(../../img/lib2spc4/ic60a1c1phone1.png);}
.spc4btns1 .button.homepage .ic1{background-image:url(../../img/lib2spc4/ic60a1c1home1.png);}
.spc4btns1 .button.phone2 .ic1{background-image:url(../../img/lib2spc4/ic60a1c1phone2.png);}
.spc4btns1 .button.homepage2 .ic1{background-image:url(../../img/lib2spc4/ic60a1c1home2.png);}
/* type2 (음식.숙박) */
.spc4btns1.type2 .button{
	height:75px;
}
.spc4btns1.type2 .button .t1{
	display:block;
	margin:6px auto 0;
	font-size:12px;
}
.spc4btns1.type2 .button .ic1{
	margin:auto;
}

@media all and (min-width:1000px){ /* ◇◆ */

	.spc4btns1.type2 .button .t1{
		font-size:14px;
	}

} /* /(min-width:1000px) */


/* 버튼들. 20180822 */
.spc4btns2{ /* .even-grid */
	position:relative;
}
.spc4btns2 .column{}
.spc4btns2 .button{
	width:auto;
	height:52px;
	padding:10px 0;
	border:1px solid #ddd;
	font-size:0;
}
.spc4btns2 .button .t1{display:inline-block;
	color:#fff;
	font-size:14px;
	vertical-align:middle;
}
.spc4btns2 .button .ic1{display:inline-block;
	width:30px;height:30px;
	margin:0 6px 0 -6px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
.spc4btns2 .button.write1review1{border-color:#1e60af;background-color:#1876f5;}
.spc4btns2 .button.add1schedule1{border-color:#052b7a;background-color:#053ba9;}
.spc4btns2 .button.write1review1 .ic1{background-image:url(../../img/lib2spc4/ic60a1c2star1.png);}
.spc4btns2 .button.add1schedule1 .ic1{background-image:url(../../img/lib2spc4/ic60a1c3check1.png);}
/* type2 (음식.숙박) */
.spc4btns2.type2 .button{
	height:75px;
}
.spc4btns2.type2 .button .t1{
	display:block;
	margin:6px auto 0;
	font-size:12px;
}
.spc4btns2.type2 .button .ic1{
	margin:auto;
}

@media all and (min-width:1000px){ /* ◇◆ */

	.spc4btns2.type2 .button .t1{
		font-size:14px;
	}

} /* /(min-width:1000px) */


/* 배치 (별점과버튼들..) 20180820 */
.spc4row1{display:block;
	position:relative;
}
.spc4row1>.column1auto1{display:block;}
.spc4row1>.column1fixed1{display:block;}
.spc4row1>.column1fixed1>.w1{display:block;
		position:relative;
}
@media all and (min-width:768px){ /* ◇◆ */

	.spc4row1>.column1auto1{display:table-cell;
		width:9999px;
		vertical-align:middle;
	}
	.spc4row1>.column1fixed1{display:table-cell;
		vertical-align:middle;
	}
	.spc4row1>.column1fixed1>.w1{
		width:280px;
		margin-left:40px;
	}

} /* /(min-width:768px) */
@media all and (min-width:1260px){ /* ◇◆ */

	.spc4row1>.column1fixed1>.w1{
		margin-right:40px;
	}

} /* /(min-width:1260px) */


/* 더보기 접기. 20180821 */
.spc4more1[class]{display:inline-block;
	color:#000;
	font-size:15px;
	text-decoration:none;
}
.spc4more1 .t1{display:inline-block;
	vertical-align:middle;
}
.spc4more1 .ic1{display:inline-block;
	width:11px;height:11px;
	margin:0 0 0 4px;
	background:url(../../img/lib2spc4/ic11a1c1right1.png) no-repeat center center;
	vertical-align:middle;
	transition:.2s;
}
.spc4more1 .t1t1{display:block;}
.spc4more1 .t1t2{display:none;}
.spc4more1.on .t1t1{display:none;}
.spc4more1.on .t1t2{display:block;}
.spc4more1.on .ic1{
	transform:rotate(-90deg);
}


/* 글카드 (블로그리뷰) 20180821 */
.spc4sns1{display:block;
	position:relative;
	margin:auto;
	padding:26px 0;
	border-top:1px solid #ddd;
	line-height:1.375;
}
.spc4sns1>.wrap1{}
.spc4sns1 .hg1{float:left;
	position:relative;
	margin:0 0 4px;
}
.spc4sns1 .h1{display:inline-block;
	margin:0;
	color:#000;
	font-size:22px;
	vertical-align:middle;
}
 .spc4sns1 .hg1 .ic1{display:inline-block;
 	width:32px;height:32px;
	margin:0 4px 0 0;
	background:url(../../img/lib2spc4/ic64a1c1ellipsis1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 내용뷰 */
.spc4sns1 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:294px; /* (270+12*2) */
	margin:0 -12px; /* ☆ */
	overflow:hidden;
}
.spc4sns1 .mView p{} /* 내용 없으면 */
.spc4sns1 .mCont{list-style:none;margin:0;padding:0;
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
.spc4sns1 .mContC{display:inline-block;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
.spc4sns1 .mContC .w1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:290px;
	height:270px;
	margin:12px;
	padding:20px;
	border:1px solid #c8cdd0;
	background:#fff;
	overflow:hidden;
}
.spc4sns1 .mContC .a1{display:block;
	position:relative;
	text-decoration:none;
	overflow:hidden;
}
.spc4sns1 .mContC .a1:focus{ /* 초점 */
	outline:1px dotted #000;
}
.spc4sns1 .mContC .a2{display:block;
	text-decoration:none;
	overflow:hidden;
}
.spc4sns1 .mContC .t1{display:inline-block;
	position:relative;
	height:1.375em;
	padding:.25em .5em;
	background:#0061a2;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.spc4sns1 .mContC .a1:after{ /* inline-block 한줄 말줄임 안되어 .a1 에 해준다 */
	content:'…';display:block;
	position:absolute;right:0;top:0;width:42px;height:27px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.spc4sns1 .mContC .t2{display:block;position:relative;
	max-height:72px; /* 24*3 */
	margin:16px 0 12px;
	color:#333;
	font-weight:500;
	font-size:18px;
	line-height:24px;
	overflow:hidden;
}
.spc4sns1 .mContC .t2:after{content:'…';display:block;
	position:absolute;right:0;top:48px;width:3em;height:24px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.spc4sns1 .mContC .t3{display:block;
	position:relative;
	max-height:80px; /* 20*4 */
	color:#888;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
}
.spc4sns1 .mContC .t3:after{content:'…';display:block;
	position:absolute;right:0;top:60px;width:3em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.spc4sns1 .mContC .ic1{display:inline-block;
	width:15px;height:15px;
	margin:10px 0;
	background:url(../../img/lib2spc4/ic15a1c1plus1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 메뉴 */
.spc4sns1 .menu{display:block;
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:2px auto 6px;
	font-size:0;
	text-align:center;
}
.spc4sns1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/lib2spc4/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
.spc4sns1 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
.spc4sns1 .mControl{display:inline-block;
	vertical-align:middle;
}
.spc4sns1 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
.spc4sns1 .mControl .m:hover,
.spc4sns1 .mControl .m:focus{
	opacity:1;
}
.spc4sns1 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
.spc4sns1 .mControl .stop>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1pause1.png);}
.spc4sns1 .mControl .play>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1play1.png);}
.spc4sns1 .mControl .prev>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1left1.png);}
.spc4sns1 .mControl .next>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1right1.png);}
/* 쪽수 */
.spc4sns1 .mPage{display:inline-block;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(0,0,0, .066);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
.spc4sns1 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
.spc4sns1 .mPageNum .m{display:inline-block;
	margin:2px 4px;
	width:auto;
	height:24px;
	vertical-align:middle;
}
.spc4sns1 .mPageNum .m>.ic1{
	position:relative;left:auto;top:auto;
	width:8px;height:8px;
	margin:5px 0;
	border-radius:9999px;
	border:3px solid #959595;
}
.spc4sns1 .mPageNum .m.on>.ic1{
	width:25px;
	background:#000;
	border-color:transparent;
}
/* 제어숨김 */
.spc4sns1[data-total-page='NaN'] .menu,
.spc4sns1[data-total-page='0'] .menu,
.spc4sns1[data-total-page='1'] .menu{display:none;}

@media all and (min-width:768px){ /* ◇◆ */

	.spc4sns1 .mPage{display:none;}
	.spc4sns1 .mPageNum{display:inline-block;}

} /* /(min-width:768px) */


/* 주변정보 20180821 */
.spc4around1{display:block;
	position:relative;
	margin:auto;
	line-height:1.375;
}
.spc4around1>.wrap1{}
.spc4around1 .hg1{float:left;
	position:relative;
}
.spc4around1 .h1{display:inline-block;
	margin:0;
	color:#000;
	font-size:22px;
	vertical-align:middle;
}
 .spc4around1 .hg1 .ic1{display:inline-block;
 	width:32px;height:32px;
	margin:0 4px 0 0;
	background:url(../../img/lib2spc4/ic64a1c1mapmarker1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* 픽1글3카드 (주변정보카드) 20180821 */
.spc4card1{display:block;
	position:relative;
	margin:auto;
	padding:26px 0;
	border-bottom:1px solid #ddd;
	line-height:1.375;
}
.spc4card1>.wrap1{overflow:hidden;}
/* 내용뷰 */
.spc4card1 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:272px; /* (260+6*2) */
	margin:0 -6px; /* ☆ */
	overflow:hidden;
}
.spc4card1 .mView p{} /* 내용 없으면 */
.spc4card1 .mCont{list-style:none;margin:0;padding:0;
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
.spc4card1 .mContC{display:inline-block;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
.spc4card1 .mContC .w1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:220px;
	height:260px;
	margin:6px;
	border:1px solid #c8cdd0;
	background:#fff;
}
.spc4card1 .mContC .a1{display:block;
	position:relative;
	text-decoration:none;
}
.spc4card1 .mContC .f1{display:block;position:relative;
	margin:-1px;
	padding:0 0 56.818%; /* (125/220) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.spc4card1 .mContC .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.spc4card1 .mContC .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.spc4card1 .mContC .tg1{display:block;
	padding:16px;
}
.spc4card1 .mContC .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:37px;
	height:44px;
	margin:0 6px 6px 0;
	padding:9px 0 0;
	background:url(../../img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:600 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4card1 .mContC .tg1 .t1{display:block;
	margin:0 0 6px;
	padding:6px 0 0;
	color:#000;
	font-weight:400;
	font-size:17px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.spc4card1 .mContC .t2{display:block;
	clear:both;
	position:relative;
	max-height:44px; /* 22*4 */
	color:#666;
	font-size:16px;
	line-height:22px;
	overflow:hidden;
}
.spc4card1 .mContC .t2:after{content:'…';display:block;
	position:absolute;right:0;top:22px;width:3em;height:20px;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* 메뉴 */
.spc4card1 .menu{display:block;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:0 auto 12px;
	font-size:0;
	text-align:center;
}
.spc4card1 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/lib2spc4/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
.spc4card1 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
.spc4card1 .mControl{display:inline-block;
	vertical-align:middle;
}
.spc4card1 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
.spc4card1 .mControl .m:hover,
.spc4card1 .mControl .m:focus{
	opacity:1;
}
.spc4card1 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
.spc4card1 .mControl .stop>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1pause1.png);}
.spc4card1 .mControl .play>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1play1.png);}
.spc4card1 .mControl .prev>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1left1.png);}
.spc4card1 .mControl .next>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1right1.png);}
/* 쪽수 */
.spc4card1 .mPage{display:inline-block;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(0,0,0, .066);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
.spc4card1 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
.spc4card1 .mPageNum .m{display:inline-block;
	margin:2px 4px;
	width:auto;
	height:24px;
	vertical-align:middle;
}
.spc4card1 .mPageNum .m>.ic1{
	position:relative;left:auto;top:auto;
	width:8px;height:8px;
	margin:5px 0;
	border-radius:9999px;
	border:3px solid #959595;
}
.spc4card1 .mPageNum .m.on>.ic1{
	width:25px;
	background:#000;
	border-color:transparent;
}
/* 제어숨김 */
.spc4card1[data-total-page='NaN'] .menu,
.spc4card1[data-total-page='0'] .menu,
.spc4card1[data-total-page='1'] .menu{display:none;}

@media all and (min-width:768px){ /* ◇◆ */

	.spc4card1{
		padding-bottom:50px;
	}
	.spc4card1 .menu{
		position:absolute;right:0;bottom:0;
	}
	.spc4card1 .mPage{display:none;}
	.spc4card1 .mPageNum{display:inline-block;}

} /* /(min-width:768px) */


/* 픽1글1카드 (같은 카테고리 다른..) 20180823 */
.spc4card2{display:block;
	position:relative;
	margin:auto;
	padding:26px 0;
	border-top:1px solid #ddd;
	line-height:1.375;
}
.spc4card2>.wrap1{}
.spc4card2 .hg1{float:left;
	position:relative;
	margin:0 0 4px;
}
.spc4card2 .h1{display:inline-block;
	margin:0;
	color:#000;
	font-size:22px;
	vertical-align:middle;
}
 .spc4card2 .hg1 .ic1{display:inline-block;
 	width:32px;height:32px;
	margin:0 4px 0 0;
	background:url(../../img/lib2spc4/ic64a1c1heart1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 내용뷰 */
.spc4card2 .mView{display:block;
	clear:both; /* ☆ */
	z-index:0; /* ☆ */
	position:relative;
	height:217px; /* (205+6*2) */
	margin:0 -12px; /* ☆ */
	overflow:hidden;
}
.spc4card2 .mView p{} /* 내용 없으면 */
.spc4card2 .mCont{list-style:none;margin:0;padding:0;
	position:absolute;left:0;right:0;top:0;
	font-size:0; /* ☆ */
	text-align:center;
	overflow:hidden;
	/* transition:.2s ease-out; */
}
.spc4card2 .mContC{display:inline-block;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
.spc4card2 .mContC .w1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:220px;
	height:205px;
	margin:6px;
	background:#fff;
}
.spc4card2 .mContC .a1{display:block;
	position:relative;
	text-decoration:none;
}
.spc4card2 .mContC .a1:focus{ /* 초점 */
	outline:1px dotted #000;
}
.spc4card2 .mContC .f1{display:block;position:relative;
	padding:0 0 93.182%; /* (205/220) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.spc4card2 .mContC .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.spc4card2 .mContC .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
.spc4card2 .mContC .tg1{display:block;
	position:absolute;left:0;right:0;bottom:0;
	padding:10px 16px;
	background:url(../../img/lib2spc4/b.000000.opacity.60.png) no-repeat center center;
}
.spc4card2 .mContC .tg1 .t1{display:block;
	height:1.375em;
	color:#fff;
	font-weight:400;
	font-size:16px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* 메뉴 */
.spc4card2 .menu{display:block;
	float:right;
	z-index:10;
	position:relative;
	height:auto; /* ☆ */
	margin:2px auto 12px;
	font-size:0;
	text-align:center;
}
.spc4card2 .menu .m{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/lib2spc4/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
.spc4card2 .menu .m>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
}
/* 제어 */
.spc4card2 .mControl{display:inline-block;
	vertical-align:middle;
}
.spc4card2 .mControl .m{display:inline-block;
	width:20px;height:20px;
	margin:0;
	border-radius:9999px;
	opacity:.42;
}
.spc4card2 .mControl .m:hover,
.spc4card2 .mControl .m:focus{
	opacity:1;
}
.spc4card2 .mControl .m>.ic1{
	width:9px;height:9px;
	margin:-4.5px;
}
.spc4card2 .mControl .stop>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1pause1.png);}
.spc4card2 .mControl .play>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1play1.png);}
.spc4card2 .mControl .prev>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1left1.png);}
.spc4card2 .mControl .next>.ic1{background-image:url(../../img/lib2spc4/ic9a1c1right1.png);}
/* 쪽수 */
.spc4card2 .mPage{display:inline-block;
	margin:2px 6px;
	padding:.25em 1.25em;
	border-radius:9999px;
	background:#ddd;
	background-color:rgba(0,0,0, .066);
	color:#666;
	font-size:14px;
	vertical-align:middle;
}
/* 순번 */
.spc4card2 .mPageNum{display:none;
	margin:2px 10px 2px 2px;
	vertical-align:middle;
}
.spc4card2 .mPageNum .m{display:inline-block;
	margin:2px 4px;
	width:auto;
	height:24px;
	vertical-align:middle;
}
.spc4card2 .mPageNum .m>.ic1{
	position:relative;left:auto;top:auto;
	width:8px;height:8px;
	margin:5px 0;
	border-radius:9999px;
	border:3px solid #959595;
}
.spc4card2 .mPageNum .m.on>.ic1{
	width:25px;
	background:#000;
	border-color:transparent;
}
/* 제어숨김 */
.spc4card2[data-total-page='NaN'] .menu,
.spc4card2[data-total-page='0'] .menu,
.spc4card2[data-total-page='1'] .menu{display:none;}

@media all and (min-width:768px){ /* ◇◆ */

	.spc4card2 .mPage{display:none;}
	.spc4card2 .mPageNum{display:inline-block;}

} /* /(min-width:768px) */


/* 김해방문의 해 목록카드 20240222 */
.spc4card3{display:block;
	position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
}
.spc4card3 .a1{display:block;
	position:relative;
	border:1px solid #ccc;
	text-decoration:none;
	transition:.2s ease-out;
}
.spc4card3 .a1:focus{
	outline:1px dotted #000;
}
.spc4card3 .f1{display:block;
	position:relative;
	/*margin:-1px -1px 0;*/
	margin:0;
	padding:0 0 65.517% 0; /* (190/290) */
	background:#eee;
	overflow:hidden;
}
.spc4card3 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.spc4card3 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.spc4card3 .g1{display:inline-block;
	position:absolute;right:0;top:0;
	box-sizing:border-box; /* ☆ */
	min-width:52px;
	height:52px;
	margin:10px;
	padding:16px 6px;
	text-align:center;
	border-radius:9999px;
	background:#579;
	color:#fff;
	font-weight:600;
	font-size:13px;
}
/* s1 관광지 s2 문화재 s3 음식점 s4 숙박 s5 쇼핑 */
.spc4card3 .g1.s1{background-color:#ed3967;}
.spc4card3 .g1.s2{background-color:#48a632;}
.spc4card3 .g1.s3{background-color:#f50;}
.spc4card3 .g1.s4{background-color:#4c2bad;}
.spc4card3 .g1.s5{background-color:#0e99a8;}
/* ☆ */
.spc4card3 .tg1{
	padding:12px 18px;
	overflow:hidden;
}
.spc4card3 .tg1>.ic1{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:28px;
	height:33px;
	margin:0 6px 0 0;
	padding:6px 0 0;
	background: url(../../img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4card3 .tg1>.ic2{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:28px;
	height:33px;
	margin:0 6px 0 0;
	padding:6px 0 0;
	background: url(../../img/lib2spc4/ich88a1c1mapmarker1bg_g.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4card3 .tg1>.ic3{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:28px;
	height:33px;
	margin:0 6px 0 0;
	padding:6px 0 0;
	background: url(../../img/lib2spc4/ich88a1c1mapmarker1bg_b.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4card3 .tg1>.ic4{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:28px;
	height:33px;
	margin:0 6px 0 0;
	padding:6px 0 0;
	background: url(../../img/lib2spc4/ich88a1c1mapmarker1bg_p.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4card3 .tg1>.t1{display:block;
	padding:4px 0 0;
	color:#333;
	font-weight:400;
	font-size:18px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.spc4card3 .tg1>.t2{display:block;
	clear:both;
	position:relative;
	height:44px;
	margin:12px 0 0;
	padding:12px 0 4px;
	border-top:1px solid #ddd;
	color:#666;
	font-size:15px;
	line-height:22px;
	overflow:hidden;
}
.spc4card3 .tg1>.t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:34px; /* (22+12) */
	width:3em;
	height:22px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.spc4card3 .tg1>.t3{display:block;
	clear:both;
	position:relative;
	margin:12px 0 0;
	padding:16px 0 8px;
	border-top:1px solid #ddd;
	color:#666;
	font-size:15px;
	overflow:hidden;
}

/* 정보.정의목록. 20190531 */
.spc4info3{display:block;
	clear:both;
	position:relative;
	margin:12px 0 0;
	padding:12px 0 0;
	border-top:1px solid #ddd;
	color:#666;
	font-size:15px;
	line-height:1.5;
}
.spc4info3 .dl1{list-style:none;
	margin:0;
	padding:0;
}
.spc4info3 .dl1 .di{display:block;
	overflow:hidden;
}
.spc4info3 .dl1 .dt{float:left;
	margin:0 .25em 0 0;
	color:#333;
	font-weight:600;
}
.spc4info3 .dl1 .dd{display:block;
	overflow:hidden;
}
.spc4info3 .dl1 .dt .t1{}
.spc4info3 .dl1 .dd .t2{display:inline-block;
	margin:.125em 0;
	vertical-align:middle;
}
.spc4info3 .dl1 .dt .sep{}
.spc4info3 .dl1 .dt .ic1{display:inline-block;
	width:22px;height:22px;
	background:url(../../img/lib2spc7/b.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}

.spc4info3 .dl1 .place .ic1{background-image:url(../../img/lib2spc4/ic44a1c2mapmarker1.png);}
.spc4info3 .dl1 .phone .ic1{background-image:url(../../img/lib2spc4/ic44a1c2phone1.png);}


/* 라이트박스. 20180822 */
/* 공통 */
.spc4lightbox1{display:none;
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:url(../../img/lib2spc4/b.000000.opacity.50.png);
	overflow:hidden;
	overflow-y:auto;
	font-size:0; /* ☆ */
}
.spc4lightbox1>.wrap1{display:block;
	height:100%;
	max-width:1200px; /* ☆ */
	margin:auto;
	padding:0 10px;
	text-align:center;
}
.spc4lightbox1>.wrap1:before{content:'';display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}
.spc4lightbox1 .lightbox{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:99%; /* ☆ 99% 는 vertical-align:middle; 위한 값이니 100% 하지마요. */
	margin:3% 0;
	padding:2% 4.166%; /* (화면확인) (50/1200) */
	background:#fff;
	color:#333;
	font-size:16px;
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .5);
}
.spc4lightbox1 .h1group{border-bottom:2px solid #333;}
.spc4lightbox1 .h1{display:block;margin:0;padding:.833em 0;color:#333;font-weight:500;font-size:24px;}
.spc4lightbox1 .b1.close{float:left;
	position:absolute;right:10px;top:25px;
	margin:2% 4.166%; /* (화면확인) (50/1200) */
	width:21px;height:20px;
}
.spc4lightbox1 .b1.close>.ic1{float:left;position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50%;
	background:url(../../img/lib2spc4/icw21a1c1close1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
.spc4lightbox1 .cont{
	padding:20px 0;
}


/* 투어리뷰 작성. 20180824 */
[class*='spc4write1']{display:block;position:relative;line-height:1.333;}
[class*='spc4write1'] table.writeform1{font-size:16px;}
[class*='spc4write1'] img.ui-datepicker-trigger{}
[class*='spc4write1'] .explain{
	color:#666;
	/* font-style:italic; */
	font-size:14px;
}
[class*='spc4write1'] [disabled]{
	opacity:1; /* [SF]fix) */
}


/* ★☆ToEdit) 확인용 ☆ */
/* #layer1write1review1{display:block !important;} */


/* 목록(내여행스케줄) 복합 .hybrid1box1 : 여행스케줄 목록.. 20180823 */
.spc4my1schedule1list1{
	margin:0 0 1.5em 0;
	line-height:1.375;
	overflow:hidden;
}
.spc4my1schedule1list1 .lst1{list-style:none;margin:0;padding:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.spc4my1schedule1list1 .li1{
	border-top:1px solid #ddd;
	overflow:hidden;
}
/* .hybrid1box1 재정의 */
.spc4my1schedule1list1 .li1>.w1{}
.spc4my1schedule1list1 .li1>.hybrid1row1{
	padding:30px 0 10px; /* ☆ */
}
.spc4my1schedule1list1 .li1 .column1{
	width:200px;
	margin:0 auto 20px; /* ☆ */
}
.spc4my1schedule1list1 .li1 .column2{
	height:120px; /* = .column1 자식 높이 */
}
/* 내용 */
.spc4my1schedule1list1 .li1 .figs{display:block;}
.spc4my1schedule1list1 .li1 .texts{display:block;
	margin:0 auto 20px; /* ☆ */
}
.spc4my1schedule1list1 .li1 .f1{display:table;position:relative;
	width:132px;
	height:132px;
	margin:0 auto;
	border-radius:50%;
	background:url(../../img/lib2spc4/b164a1c1circle1.png) no-repeat center center;
	background-size:contain;
	overflow:hidden;
}
.spc4my1schedule1list1 .li1 .f1t1{display:table-cell;
	color:#c9161e;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
}
.spc4my1schedule1list1 .li1 .f1t1t1{display:block;
	margin:0 0 .125em;
	font-size:15px;
}
.spc4my1schedule1list1 .li1 .f1t1t2{display:block;
	font-weight:600;
	font-size:20px;
}
.spc4my1schedule1list1 .li1 .texts>.t1{display:block;
	color:#000;
	font-weight:400;
	font-size:24px;
}
.spc4my1schedule1list1 .li1 .texts>.t2{display:block;
	margin:1em 0;
	color:#666;
	font-size:15px;
}
.spc4my1schedule1list1 .li1 .btns{display:block;
	margin:0 -5px;
	font-size:0;
}
.spc4my1schedule1list1 .li1 .btns .button{
	height:42px;
	margin:5px;
	border:1px solid #ddd;
	background:#fff;
	font-size:14px;
}
.spc4my1schedule1list1 .li1 .btns .button .ic1{display:inline-block;
	margin:-2px 0 -2px -3px;
	vertical-align:middle;
}
.spc4my1schedule1list1 .li1 .btns .button .t1{display:inline-block;
	vertical-align:middle;
}


/* 코스 (내여행스케줄 상세) 20180824 */
.spc4course2{
	max-width:976px; /* (260*3+70*2+20*2+16) */
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
.spc4course2>.wrap1{}
.spc4course2 .lst1{display:block;list-style:none;
	width:330px; /* ☆ */
	margin:auto;
	padding:0;
	font-size:0;
}
.spc4course2 .li1{display:inline-block;position:relative;
	width:260px; /* ☆ */
	padding:0 70px 0 0; /* ☆ */
	margin:0 0 20px 0;
	text-align:left;
	vertical-align:top;
}
.spc4course2 .li1 .w1{
	border:1px solid #c8cdd0;
}
.spc4course2 .li1 .w1g1{display:block;position:relative;
	margin:-1px;
	overflow:hidden;
}
.spc4course2 .li1 .w1g2{display:block;position:relative;
	margin:-1px;
	padding:10px 0;
	background:#fff;
	overflow:hidden;
}
/* .w1g1 > */
.spc4course2 .li1 .tg1{display:block;
	margin:8px 8px 6px;
	overflow:hidden;
}
.spc4course2 .li1 .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:37px;
	height:44px;
	padding:9px 0 0;
	background:url(../../img/lib2spc4/ich88a1c1mapmarker1bg.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:600 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.spc4course2 .li1 .t1{display:block;
	padding:.5em .375em;
	color:#000;
	font-size:17px;
	overflow:hidden;
}
.spc4course2 .li1 .figs{display:block;position:relative;
	height:195px;
}
.spc4course2 .li1 .f1{display:block;position:relative;width:100%;height:100%;background:#eee;overflow:hidden;}
.spc4course2 .li1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.spc4course2 .li1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:34%;max-width:100%;margin:0 auto;}
.spc4course2 .li1 .a2{float:left;
	z-index:10;
	position:absolute;right:20px;top:164px;
	width:30px;
	height:53px;
	margin:-27px 0;
	background:url(../../img/lib2spc4/ich53a2c1right1.png) no-repeat center center;
	background-size:contain;
}
/* .w1g2 > */
.spc4course2 .dl1{list-style:none;display:block;
	float:left;
	width:200px;
	position:relative;
	margin:0;
	padding:0;
	text-align:left;
}
.spc4course2 .dl1 .di{display:inline-block;
	margin:2px 0;
	overflow:hidden;
}
.spc4course2 .dl1 .dt{float:left;width:25px;}
.spc4course2 .dl1 .dd{display:table-cell;width:9999px;
	height:30px;
	color:#666;
	font-size:16px;
	vertical-align:middle;
}
.spc4course2 .dl1 .dt .t1{position:absolute;left:-9999px;}
.spc4course2 .dl1 .dt .ic1{display:inline-block;
	width:18px;height:18px;
	margin:6px 0;
	background:url() no-repeat center center;background-size:contain;
	vertical-align:middle;
}
.spc4course2 .dl1 .date .ic1{background-image:url(../../img/lib2spc4/ic36a1c1schedule1.png);}
.spc4course2 .dl1 .time .ic1{background-image:url(../../img/lib2spc4/ic36a1c1clock1.png);}
.spc4course2 .li1 .btns{display:block;
	float:right;
	width:60px;
	margin:0;padding:0;
	text-align:center;
}
.spc4course2 .li1 .btns .button{
	width:60px;
	height:30px;
	margin:2px 0;
	padding:7px 1em;
	font-size:13px;
	line-height:1;
}
/* 효과 */
.spc4course2 .li1 .w1g1:hover,
.spc4course2 .li1 .w1g1:focus{
	border-color:#000;
	text-decoration:none;
	transition:.2s;
}

@media all and (min-width:700px){ /* ◇◆ */

	.spc4course2 .lst1{width:660px;}

} /* /(min-width:640px) */
@media all and (min-width:976px){ /* ◇◆ */

	.spc4course2 .lst1{width:990px;}

} /* /(min-width:960px) */


/* 월내비 20171102 */
.month1nav1{position:relative;
	width:5em;margin:.666em auto;padding:0 40px;
	font-size:36px;line-height:1.333;text-align:center;
}
.month1nav1 .h1{margin:0;padding:0;background:transparent;
	color:#000;
	font-weight:500;
}
.month1nav1 .em{color:#000;}
.month1nav1 .b1{float:left;position:absolute;top:50%;
	width:40px;height:40px;
	margin:-20px 0;
	padding:0;border-radius:0;border:0;background:transparent;line-height:1;vertical-align:middle;text-decoration:none;cursor:pointer;overflow:visible;
}
.month1nav1 .b1.prev{left:0;}
.month1nav1 .b1.next{right:0;}
.month1nav1 .b1>.ic1{float:left;position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50%;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	opacity:.8;
}
.month1nav1 .b1.prev>.ic1{background-image:url(../../img/lib/ic60a1left2.png);}
.month1nav1 .b1.next>.ic1{background-image:url(../../img/lib/ic60a1right2.png);}


/* 메뉴.(with .even-grid 20171102 */
.month1menu1{display:block;position:relative;padding:1px 0 0 1px;overflow:hidden;background:#f7f7f7 url(../../img/lib2/b.pattern4slash1c1.png);}
.month1menu1 .even-grid{}
.month1menu1 .even-grid>.column{}
.month1menu1 a{display:block;margin:-1px 0 0 -1px;padding:1em .25em;border:1px solid #ccc;background:#fff;color:#555;text-align:center;}
.month1menu1 a.on{border-color:#175fa5;background:#175fa5;color:#fff;font-weight:bold;}


/* 목록(그림1글3정의목록1) 복합 .hybrid1box1, .tour3info1 : 행사/축제 목록.. 20161214 */
.list2f1t3dl1{margin:0 0 1.5em 0;overflow:hidden;}
.list2f1t3dl1 a{color:#333;}
.list2f1t3dl1 a.f1[href]:focus{outline:1px dotted #000;}
.list2f1t3dl1 .lst1{list-style:none;margin:0;padding:0;border-bottom:1px solid #ddd;}
.list2f1t3dl1 .li1{border-top:1px solid #eee;overflow:hidden;}
/* .hybrid1box1 재정의 */
.list2f1t3dl1 .li1>.wrap1.hybrid1box1{
	padding:30px 0 10px; /* ☆ */
}
.list2f1t3dl1 .li1 .column1{
	width:280px;
	margin:0 auto 20px; /* ☆ */
}
.list2f1t3dl1 .li1 .column2{
	height:auto; /* = .column1 자식 높이 */
}
/* 내용 */
.list2f1t3dl1 .li1 .figs{display:block;}
.list2f1t3dl1 .li1 .texts{display:block;
	margin:0 auto; /* ☆ */
}
.list2f1t3dl1 .li1 .f1{display:block;position:relative;
	width:71.435%; /* >=(200/280) */
	margin:0 auto;
	padding:0 0 103.58075%; /* =(290/200)*(.71435) */
	background:#eee;
	overflow:hidden;
}
.list2f1t3dl1 .li1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.list2f1t3dl1 .li1 .f1 img{display:block;position:relative;
	width:auto;height:100%;min-width:34%;max-width:100%;
	margin:0 auto;
}
.list2f1t3dl1 .li1 .texts>.t1{display:inline-block;
	width:60px;
	border-radius:5px;
	background:#ed145b;
	color:#fff;font-weight:600;font-size:15px;
	text-align:center;
	font-weight:normal;
	font-family:'Noto Sans';
}
.list2f1t3dl1 .li1 .texts>.t2{display:block;margin:0 0 0.5em;color:#333;font-size:1.714em;letter-spacing:-2px;overflow:hidden;}
.list2f1t3dl1 .li1 .texts>.t3{display:block;position:relative;max-height:3.332em;margin:0 0 1.333em;
	color:#666;line-height:1.666;
	text-align:left; /* 모든폭 좌정렬 */
	overflow:hidden;
}
.list2f1t3dl1 .li1 .texts>.t3:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;width:3em;height:1.666em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* 목록정보(정의목록) 20171102 */
.list2info1{position:relative;}
.list2info1 .dl1{list-style:none;margin:0 0 1em;padding:0;
	text-align:left;
}
.list2info1 .dl1:before{content:'';display:block;
	width:2em;height:1px;
	margin:0 0 .666em;
	background:#d7d7d7;
}
.list2info1 .di{display:block;margin:.166em 0;}
.list2info1 .dt{display:inline-block;float:left;
	font-weight:500;
}
.list2info1 .dt:after{content:':';
	margin:0 .333em;
}
.list2info1 .dd{display:block;overflow:hidden;}



/* .tour3info1 재정의 */
.list2f1t3dl1 .li1 .tour3info1{padding:.666em 0;border-bottom:0;
	text-align:left; /* 모든폭 좌정렬 */
}
.list2f1t3dl1 .li1 .tour3info1 .dl1 .di{margin:.666em 0;}

/* 앞글장식 (물때 정보, ..) */
.hybrid1box1{display:block;
	position:relative;
	padding:1.5em;
}
.hybrid1box1:before,
.hybrid1box1:after{content:'';display:table;clear:both;}
.hybrid1box1>.column1{float:left;
	position:relative;
	width:12.5%; /* =110/(910-15*2) */
	margin:0;padding:0;
}
.hybrid1box1>.column2{display:table-cell;
	position:relative;
	width:9999px;
	height:70px; /* = deco1 최대높이 */
	margin:0;padding:0;
	vertical-align:middle;
}
.hybrid1box1>.column1>[class*='deco']{display:block;
	width:66.666%; /* >=70/110 */
	height:70px;
	max-width:70px;
	margin:0 auto;
	background:url(../../img/lib1tour3/ic140s1speechbubble1.png) no-repeat top center;
	background-size:contain;
}


.spc4hg1 .h2{display:block;padding-left:0;background:none;}


/* 모범, 위생, 향토 추가 아이콘 -  음식 list, view page */

.spc4list1 .w1c1 .spc4mpoint{display:inline-block;position:absolute;left:0;top:30px; z-index:10;}
.spc4pic1gallery1 .figure .spc4picmpoint{display:inline-block;position:absolute;left:0;top:0px; z-index:200;}


.pointg1{
	display:inline-block;position:relative;
	width:50px;height:50px;padding:0;margin:0;
	background:#000;
}
.pointg1 .ic1{display:inline-block;
	position:absolute;left:50%;top:38%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.pointg1.mm1{background:#ff2a67;}
.pointg1.mm2{background:#0461b4;}
.pointg1.mm3{background:#ba3d27;}
.pointg1.mm4{background:#eeca0a;}

.pointg1.mm1 .ic1{background-image:url(/_res/tour/img/inc/spc4food2.png);}
.pointg1.mm2 .ic1{background-image:url(/_res/tour/img/inc/spc4food3.png);}
.pointg1.mm3 .ic1{background-image:url(/_res/tour/img/inc/spc4food4.png);}
.pointg1.mm4 .ic1{background-image:url(/_res/tour/img/inc/spc4food4_1.png);}
.pointg1 .tt1{position:absolute;color:#fff; font-size:12px;left:12px;top:32px;}


/* YYYYMMDD.Writer. ◇◆ */



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */