@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.05.03 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2021.05.03
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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

/** Compatible! [IE9+] 20190112~ */

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


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


/* … lib.css, lib1cp1.css )) Overwrite ◆◆◆ */
.bi1{
	list-style:none;margin-left:0;padding:0;
	line-height:1.5;
	text-align:left;
}
.bi1 .li1{
	margin:.375em 0;
	padding:0 0 0 1.5em;
}
.bi1 .li1{
	background:url(../../img/lib2/ic40a8c2info1.png) no-repeat 0 .125em / 1.25em;
}


/* 폼콘트롤 20190905 */
[class][class] input[disabled]{
	border-color:transparent;
	background:#f7f7f7;
}

/* ☆ */
[class*='panel'].slash7{
	padding:10px 30px;
	background:url(../../img/lib/b1c2slash1.png) center center;
	border:0;
}
[class*='panel'].slash7:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:7px;
	background:#fff;
}
.hue1{}
.hue1>.wrap1{display:table;width:100%}
.hue1 .ic{display:table-cell;
	width:106px;height:106px;
	background:url() no-repeat;
	background-size:contain;
	vertical-align:middle;
}
.hue1 .ic:before{content:'';
	display:inline-block;;
	width:106px;height:106px;
	background:url() no-repeat;
	background-size:contain;
	vertical-align:middle;
}
.hue1 .text1{display:table-cell;
	vertical-align:middle;
	padding:0 0 0 10px;
}
.hue1 .ic.ic1:before{background-image:url(../../img/lib2/ic212a1c1login1.png)}
.hue1 .ic.ic2:before{background-image:url(../../img/lib2/ic212a1c1pencle1.png)}
.hue1 .ic.ic3:before{background-image:url(../../img/lib2/ic212a1c1email1.png)}
.hue1 .ic.ic4:before{background-image:url(../../img/lib2/ic212a1c1computer1.png)}
.hue1 ul.bu li{margin:0;}

/* 로그인 */
.login1{}
.login1>.wrap1{display:block;
	position:relative;
	margin:0 auto;
	padding:20px 0;
	max-width:540px;
}
.login1>.wrap1:before{content:'';
	display:block;
	width:110px;height:110px;
	margin:0 auto;
	background:url(../../img/lib2/ic220a1c1locker1.png) no-repeat;
	background-size:contain;
}
.login1.reserve1ok1>.wrap1:before{content:'';
	display:block;
	width:185px;height:100px;
	margin:0 auto;
	background:url(../../img/lib2/ic370a1c1note1.png) no-repeat;
	background-size:contain;
}


.program1info1{margin:0 0 20px;}
.program1info1>.wrap1{display:block;position:relative;
	padding:20px;
	background:#f7f7f7;
	border:1px solid #ddd;
}
.program1info1 .ic1{display:block;
	width:60px;height:60px;
	background:url(../../img/lib2/ic120a1ccalendar1.png) no-repeat;
	background-size:contain;
	margin:0 auto 10px;
}
.program1info1 ul{list-style:none;padding:0;margin:0;}
.program1info1 ul li{margin:10px 0 0 0;}
.program1info1 ul li .t1{display:block;
	color:#555;
	line-height:1.25em;
}
.program1info1 ul li .t1:before{content:'';
	display:inline-block;
	width:3px;height:3px;
	background:#555;
	border-radius:100%;
	vertical-align:top;
	margin:5px 3px 0 0;
}
.program1info1 ul li .t2{display:block;
	color:#ff4f4e;
	line-height:1.25em;
	margin:0 0 0 5px;
}

.program1list1{}
.program1list1 ul{list-style:none;padding:0;margin:0;}
.program1list1 ul li{margin:0 0 20px;}
.program1list1 .w{display:block;
	position:relative;
	border:1px solid #ddd;
	background:#fff;
	padding:20px;
}
.program1list1 .w>.ic1{display:inline-block;
	position:absolute;left:20px;top:20px;
	width:70px;height:70px;
	background:url() no-repeat;
	background-size:contain;
}
.program1list1 .w>.ic1.swim{background-image:url(../../img/lib2/ic140a1c1swimming.png)}
.program1list1 .w>.ic1.tabletennis{background-image:url(../../img/lib2/ic140a1c1tabletennis.png)}
.program1list1 .w>.ic1.bowling{background-image:url(../../img/lib2/ic140a1c1bowling.png)}
.program1list1 .tg1{display:block;
	padding:0 0 0 80px;
	margin:0 0 10px 0;
}
.program1list1 .tg1>.t1{display:block;
	font-size:18px;
	color:#000;
}
.program1list1 .tg1>.t2{display:block;}
.program1list1 .tg1>.t2 .tt1{display:block;}
.program1list1 .more{display:block;
	background:#1796c2;
	color:#fff;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
	width:150px;
	text-decoration:none !important;
}
.program1list1 .more .ic1{display:inline-block;
	width:21px;height:21px;
	background:url(../../img/lib2/ic42a1c1search1.png) no-repeat;
	background-size:contain;
	vertical-align:top;
	margin:3px 10px 0 0;
}

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

	.program1info1 .ic1{position:absolute;left:20px;top:20px;}
	.program1info1>.wrap1{padding:20px 20px 20px 100px;}
	.program1list1 .more{position:absolute;right:20px;top:30px;
		margin:0;width:130px;
	}
} /* /(min-width:480px) */
@media all and (min-width:640px){/* ◇◆*/
	.program1list1 .tg1>.t2{margin:0 0 0 -10px;}
	.program1list1 .tg1>.t2 .tt1{display:inline-block;
		padding:0 10px;
	}
} /* /(min-width:640px) */
@media all and (min-width:768px){/* ◇◆*/
	.program1info1>.wrap1{padding-left:180px;}
	.program1info1 .ic1{left:0;top:0;
		margin:50px 0 0 40px;
	}
	.program1info1 .ic1:before{content:'';
		display:block;
		position:absolute;right:-40px;top:-25px;bottom:-25px;
		border-right:1px dashed #aaa;
	}
	.program1info1 ul li .t1{display:inline-block;}
	.program1info1 ul li .t1:before{margin:7px 5px 0 0;}
	.program1info1 ul li .t1:after{content:':';
		display:inline-block;
		margin:0 5px;
	}
	.program1info1 ul li .t2{display:inline-block;margin:0;}
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* ◇◆*/
	.program1list1 .w:hover{background:#f7f7f7}
	.program1list1 .w>.ic1{left:35px;}
	.program1list1 .tg1{padding-left:120px;}
	.program1list1 .tg1>.t1{font-size:20px;
		font-weight:normal;
	}
	.program1list1 .tg1>.t2{margin:0 0 0 -10px;
		overflow:hidden;
	}
	.program1list1 .tg1>.t2 .tt1{display:inline-block;
		padding:0 10px;
		font-size:17px;
		position:relative;
	}
	.program1list1 .tg1>.t2 .tt1:before{content:'';
		position:absolute;left:-1px;top:5px;bottom:5px;
		display:block;
		border-left:1px solid #ddd;

	}
	.program1list1 .more{right:35px;
		width:150px;
	}
	.program1list1 .more:hover,
	.program1list1 .more:focus{background:#0b6989}
	.program1list1 .more:active{top:31px}

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



/* 프로그램 안내 - 상세 */
h3.hb2.h3.view1{display:block;}
h3.hb2.h3.view1>small{display:inline-block;
	vertical-align:middle;
	width:100px;
	text-align:center;
	color:#fff;
	font-weight:normal;
	font-size:16px;
	padding:6px 0;
	vertical-align:top;
	margin:2px 5px 0 0;
}
h3.hb2.h3.view1>small.s1{background:#1e78d0}
h3.hb2.h3.view1>small.s2{background:#1e78d0}
h3.hb2.h3.view1>small.s3{background:#1e78d0}
h3.hb2.h3.view1>small.s4{background:#1e78d0}
h3.hb2.h3.view1>small.s5{background:#1e78d0}
h3.hb2.h3.view1>.t1{display:inline-block;
	color:#000;
	font-size:26px;
}

.reserve1list1 .t1{display:block;
	color:#000;
	margin:.5em .7em;
	font-size:24px;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	padding-bottom:.5em;
}
.reserve1list1 .dt1{width:5em;
	background:url() no-repeat;
	background-size:contain;
	padding-left:25px;
}
.reserve1list1 .dt1.date{background-image:url(../../img/lib2/ic40a1c1calendar1.png)}
.reserve1list1 .dt1.time{background-image:url(../../img/lib2/ic40a1c1time1.png)}
.reserve1list1 .dt1.contact{background-image:url(../../img/lib2/ic40a1c1phone1.png)}
.reserve1list1 .dt1.location{background-image:url(../../img/lib2/ic40a1c1location1.png)}
.reserve1list1 .dt1.manage{background-image:url(../../img/lib2/ic40a1c1manage1.png)}


h3.hb2.h3.mypage1 .ic1{display:inline-block;
	width:41px;height:41px;
	background:url(../../img/lib2/ic82a1c1person1.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin:0 10px 0 0;
}
h3.hb2.h3.mypage1 .t1{color:#1e78d0;}



/* 특화맵 20180920 */
.spc5info1 {border:1px solid #ddd;font-size:16px;font-weight:bold;color:#333;background:#f6f6f6;padding:15px 20px}
.spc5info1 p {margin:0}
.spc5info1 p:before {content:"";display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:7px;width:20px;height:20px;background:url(../../img/lib/ic20a4c1exclamation1.png) no-repeat;}
.spc5info1 p i.ic1 {color:#2368C2}
.spc5info1 p i.ic1:before {content:"";display:inline-block;vertical-align:middle;margin:-2px 3px 0;width:25px;height:25px;background:url(http://i1.daumcdn.net/localimg/localimages/07/mapjsapi/cluster.png) no-repeat;background-size:44px auto;}
.spc5map1{position:relative;
	z-index:1;
	height:360px;
	margin:auto;
	border-radius:0;
	background:#d1d7db;
	overflow:hidden;
}
.spc5map1 img{
	max-width:none;
}
.spc5map1 #daum_map,
.spc5map1 .map{ /* ★ 맵API 보정 */
	position:absolute !important;left:0;right:0;top:0;bottom:0;width:100%;height:100%;
}
/* 맵마커.번호 */
[class*='spc5map1marker1']{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%; /* 맵마커 가리키는 곳 */
	box-sizing:border-box; /* ☆ */
	width:50px;height:40px;
	margin:-40px 0 0 -25px; /* 가리키는 곳에서 이거 좌상단거리 */
	padding:8px 0 0;
	background:url(../../img/lib2/ic100mapmarker1bg.png) no-repeat center bottom;
	background-size:contain;
	color:#fff;
	font:bold 16px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	overflow:hidden;
}
/* 맵마커.여기 */
.spc5map1marker1here1{
	background-image:url(../../img/lib2/ic100mapmarker1here1.png);
}
@media all and (min-width:768px){/* medium ◇◆*/
	.spc5map1{
		height:510px;
	}
} /* /(min-width:768px) */



.facility1search1{border:1px solid #ddd;}
.facility1search1>.wrap1{padding:1em;overflow:hidden;}
.facility1search1 .left{margin:0;padding:0;}
.facility1search1 .left>.ic1{display:inline-block;
	width:60px;height:60px;
	background:url(../../img/lib2/ic120a1c1file1.png) no-repeat;
	background-size:contain;
	vertical-align:top;
}
.facility1search1 .left>.t1{display:inline-block;
	height:60px;
	line-height:60px;
	font-size:20px;
}
.facility1search1 .left>.t1:before{content:'';
	display:inline-block;
	height:60px;
	line-height:60px;
	font-size:20px;
	margin:0 0 0 30px;
	padding:0 0 0 30px;
	border-left:1px solid #ddd;
	vertical-align:top;
}

.facility1search1 .right{margin:5px 0 0 0;padding:0;}
.facility1search1 .right select{width:200px;margin:0;}






/* 상세내용 .even-grid : 20191205 */
.cp20view1{
	position:relative;
	/* line-height:1.375; */
}
.cp20view1 .hg1{
	border-bottom:1px solid #000;
}
.cp20view1 .g1{display:inline-block;
	margin:0 .5em 0 0;
	padding:.5em .75em;
	text-align:center;
	background:#888;
	color:#fff;
	font-weight:400;
	font-size:14px;
	vertical-align:middle;
}
/* s1 접수중 s2 홍보중 s3 접수마감 s4 정원마감 */
.cp20view1 .g1.s1{background-color:#12a975;}
.cp20view1 .g1.s2{background-color:#a916c7;}
.cp20view1 .g1.s3{}
.cp20view1 .g1.s4{background-color:#3b4c57;}
.cp20view1 .h1{display:inline-block;
	color:#000;
	font-weight:400;
	font-size:24px;
	vertical-align:middle;
}
.cp20view1>.even-grid{
	margin:0 0 30px;
}
.cp20view1>.even-grid>.column{
	padding:0;
}
.cp20view1>.even-grid>.column img {width:100%;}
.cp20view1 .btns{
	margin:20px 0 0;
}
/* type2 () */
.cp20view1.type2{}
/* ◇◆ */
@media all and (min-width:640px){
	.cp20view1>.even-grid{
		margin:40px 0;
	}
	.cp20view1>.even-grid>.column:nth-child(1){
		width:48.913%; /* (450/920) */
		padding:0 20px 0 0;
	}
	.cp20view1>.even-grid>.column:nth-child(2){
		width:51.087%; /* (470/920) */
		padding:0 0 0 20px;
	}
	.cp20view1 .p1{
		margin:0;
	}
}


/* 정보정의목록 20190812 */
.cp20dlist1{
	position:relative;
}
.cp20dlist1 .dl1{
	list-style:none;margin:0;padding:0;
}
.cp20dlist1 .di{display:block;
	margin:0 0 -1px;
	padding:6px 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
}
.cp20dlist1 .di:first-child{
	border-top:0;
}
.cp20dlist1 .dt{float:left;
	min-width:8em;
	padding:2px 8px;
	font-weight:400;
	color:#000;
	font-size:15px;
	text-align:left;
}
.cp20dlist1 .dd{display:block;
	box-sizing:border-box; /* ☆ */
	padding:2px 8px;
	color:#666;
	font-size:15px;
	overflow:hidden;
}


/* 맵지도메뉴 20190812 */
.cp20map1menu1{
	position:relative;
}
.cp20map1menu1 .wrap1map1{} /* (( base.css */
.cp20map1menu1 .menu{
	position:relative;
}
/* ☆ */
.cp20map1menu1 .b1{display:inline-block;
	z-index:999;
	position:absolute;right:10px;top:-46px;
	padding:6px 22px;
	border-radius:9999px;
	background:#003471;
	color:#fff;
	font-weight:400;
	font-size:0;
	vertical-align:middle;
}
.cp20map1menu1 .b1t1{display:inline-block;
	color:inherit;
	font-size:14px;
	vertical-align:middle;
}
.cp20map1menu1 .b1ic1{display:inline-block;
	width:15px;height:15px;
	margin:0 4px 0 0;
	background:url(../../img/lib2/ic15a1c2mapmarker1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* ☆ */
.cp20map1menu1 .dl1{
	list-style:none;
	margin:0;
	padding:20px 0;
	background:#f1f6f8;
	line-height:1.375;
	overflow:hidden;
}
.cp20map1menu1 .di{display:block;
	box-sizing:border-box; /* ☆ */
	margin:0 0 8px;
	padding:0 20px;
	overflow:hidden;
}
.cp20map1menu1 .di .ic1{float:left;
	width:50px;height:50px;
	margin:0 18px 0 0;
	border-radius:9999px;
	background:#fff url() no-repeat center center;
	vertical-align:middle;
}
.cp20map1menu1 .di.address .ic1{background-image:url(../../img/lib2/ic25a1c2mapmarker1.png);}
.cp20map1menu1 .di.phone .ic1{background-image:url(../../img/lib2/ic25a1c2phone1.png);}
.cp20map1menu1 .di .dt{display:block;
	padding:6px 0 0;
	color:#000;
	font-size:13px;
	overflow:hidden;
}
.cp20map1menu1 .di .dd{display:block;
	color:#000;
	font-size:17px;
	overflow:hidden;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp20map1menu1 .wrap1map1{
		height:450px;
	}
	.cp20map1menu1 .di{
		float:left;
		width:50%;
	}
}


/* 시간표(날짜선택) 20190812 */
.cp20timetable1{display:block;
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:auto;
	line-height:1.375;
}
.cp20timetable1 .wrap1{}
/* 제목그룹 */
.cp20timetable1 .hg1{}
.cp20timetable1 .h1{}
/* 내부래퍼 */
.cp20timetable1 .w1{}
/* 현재월이전다음 */
.cp20timetable1 .month{
	display:block;
	position:relative;
	width:180px; /* (화면확인) */
	height:32px;
	margin:0 auto 23px; /* (화면확인) */
	padding:0 32px;
	text-align:center;
	vertical-align:middle;
}
.cp20timetable1 .month .h1{
	color:#000;
	font-weight:400;
	font-size:26px;
	line-height:32px;
}
.cp20timetable1 .month .b1{display:inline-block;
	position:absolute;top:50%;
	box-sizing:border-box; /* ☆ */
	width:32px;
	height:32px;
	margin:-16px 0;
	border:2px solid #c7c7c7;
	border-radius:9999px;
	background:url(../../img/main/b.png) no-repeat center center;
	vertical-align:middle;
}
.cp20timetable1 .month .b1 .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:13px;height:13px;
	margin:-6.5px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
.cp20timetable1 .month .b1.prev{left:0;}
.cp20timetable1 .month .b1.next{right:0;}
.cp20timetable1 .month .b1.prev .ic1{background-image:url(../../img/lib2/ic13a1c1left1.png);}
.cp20timetable1 .month .b1.next .ic1{background-image:url(../../img/lib2/ic13a1c1right1.png);}

/* 달력범례공용 */
 .cp20timetable1 .a1 .ic1{display:block;
	padding:.3125em;
	background:#959595;
	color:#fff;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
/* st1 예약불가 | st2 예약가능 | st3 예약완료 */
.cp20timetable1 .a1.st1 .ic1{background:#fe5051;}
.cp20timetable1 .a1.st2 .ic1{background:#1e78d0;}
.cp20timetable1 .a1.st3 .ic1{background:#727781;}

/* 범례 없다 */
.cp20timetable1 .note{}

/* 달력 */
.cp20calendar1table1{table-layout:fixed;
	width:100%;
	padding:0;
	border:0;
	border-collapse:collapse;
	background:#f7f7f9;
	color:#000;
}
.cp20calendar1table1>*>tr>th,
.cp20calendar1table1>*>tr>td{padding:0;border:1px solid #ccc;}
.cp20calendar1table1 thead{}
.cp20calendar1table1 thead th{
	padding:15px 0;
	border-color:#0b0b11;
	background:#353541;
	color:#fff;
	font-weight:600;
	font-size:16px;
}
.cp20calendar1table1 .a1{display:block;
	position:relative;
	min-height:54px;
	padding:8px 6px;
	background:#fff;
	color:#333;
	font-size:15px;
	text-align:left;
}
.cp20calendar1table1 .a1 .t1{
	display:block;
	margin:0 0 7px;
}
.cp20calendar1table1 tbody .sat .t1{color:#1168bb;}
.cp20calendar1table1 tbody .sun .t1,
.cp20calendar1table1 tbody .hol .t1{color:#d01616;}
.cp20calendar1table1 tbody .a1 .t1{
	z-index:10;
	position:relative;
}
.cp20calendar1table1 .a1 .ic1{}
.cp20calendar1table1 .today .a1:before{}
/* ☆ */
.cp20calendar1table1 .a1.st1:hover,
.cp20calendar1table1 .a1.st1:focus{
	text-decoration:none;
	/* cursor:not-allowed; */
}
.cp20calendar1table1 .a1.st2:hover,
.cp20calendar1table1 .a1.st2:focus,
.cp20calendar1table1 .a1.on{
	z-index:10;
	border:2px solid #ff8932;
	margin:-1px;
	padding:7px 5px;
	text-decoration:none;
}


/* 시간선택 20190820 */
.cp20pick1time1{display:block;
	position:relative;
}
.cp20pick1time1>.list1wrap1{display:block;
	position:relative;
	padding:0; /* (30/370) */
	background:#f7f7f9;
	line-height:1.375;
}
/* ☆ */
.cp20pick1time1 .hg1{display:block;
	margin:0 0 19px;
	font-size:0;
	text-align:center;
}
.cp20pick1time1 .hg1 .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 8px 0 0;
	border:8px solid transparent;
	border-radius:9999px;
	background:#1796c2 url(../../img/lib2/ic40a10c0calendar1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp20pick1time1 .hg1 .h1{display:inline-block;
	margin:0;
	color:#1796c2;
	font-weight:600;
	font-size:26px;
	vertical-align:middle;
}

#reserve-notice{	background:#f7f7f9;
}
#reserve-notice>.wrap1{padding:130px 0 145px}
#reserve-notice .hg1.hh1{padding:0;margin:0 0 10px;}
#reserve-notice .hg1 .ic1.t1{width:80px;height:80px;background:#fff url(../../img/lib2/ic40a10c0mouse1.png) no-repeat center center;}
#reserve-notice .t11{margin:0;padding:0; font-weight:600;}

#reserve-table{display:none;}
/* ☆ */
.cp20pick1time1 .lst1head1{display:table;
	width:100%;
	background:#353541;
	color:#fff;
}
.cp20pick1time1 .lst1head1 .t1{display:table-cell;
	width:33.333%;
	text-align:center;
	font-weight:bold;
	padding:15px 0;
	border-left:1px solid #0b0b11;
	border-collapse:collapse;
}
.cp20pick1time1 .lst1{
	list-style:none;
	min-height:238px; /* (화면확인) */
	margin:0 0 12px;
	padding:0;
	border-bottom:1px solid #ccc;
}
.cp20pick1time1 .li1{
	margin:0;
	padding:0;
}
.cp20pick1time1 .a1{display:table;
	margin:0;
	padding:0;
	overflow:hidden;
	width:100%;
}
.cp20pick1time1 label{
	cursor:default;
}
.cp20pick1time1 .a1 .t1{display:table-cell;
	padding:3px 15px;
	color:#666;
	font-size:14px;
	width:33.333%;
	text-align:center;
}
.cp20pick1time1 .a1 .t1:nth-child(2){border:solid #ccc;border-width:0 1px;}
.cp20pick1time1 .a1 .fg1{display:table-cell;
	text-align:center;
	width:33.333%;
	padding:3px 15px;
}
.cp20pick1time1 .li1:first-child .t1,
.cp20pick1time1 .li1:first-child .fg1{padding-top:20px;}
.cp20pick1time1 .a1 input[type='checkbox']{
	width:22px;
	height:22px;
	margin:0;
}
/* 상태 */
 .cp20pick1time1 .a1 .ic1{display:inline-block;
	padding:.3125em;
	background:#959595;
	color:#fff;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
/* st1 예약불가 | st2 예약가능 | st3 예약완료 */
.cp20pick1time1 .a1.st1 .ic1{background:#fe5051;}
.cp20pick1time1 .a1.st2 .ic1{background:#1e78d0;}
.cp20pick1time1 .a1.st3 .ic1{background:#727781;}


/* 디자인폼 20190911 */
.cp20pick1time1 .a1 input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
/* .cp20pick1time1 .a1 input:disabled{
	display:none;
} */
.cp20pick1time1 .a1 .ic0{display:inline-block;
	width:22px;height:22px;
	background:url() no-repeat center center;
	vertical-align:middle;
}
.cp20pick1time1 .a1.st2 .ic0{
	background-image:url(../../img/lib2/ic22a1c2check1off.png);
}
.cp20pick1time1 .a1.st2 input:checked + .ic0{
	background-image:url(../../img/lib2/ic22a1c2check1on.png);
}
/* ☆ */
.cp20pick1time1 .a1:hover,
.cp20pick1time1 .a1:focus{
	background-color:#e1e3e9;
}
.cp20pick1time1 input:focus ~ *{
	outline:1px dotted #000;
}


/* 가격 20190812 */
.cp20pick1time1 .price1{display:block;
	position:relative;
	padding:10px 10px 0;
}
.cp20pick1time1 .price1 table{background:#fff;}
.cp20pick1time1 input[type="text"]{width:90%;}
.cp20pick1time1 #f1fee2{width:auto;}
.cp20pick1time1 .btns{padding:0 10px 10px;}
.cp20pick1time1 .btns .even-grid{margin:5px -5px;}
.cp20pick1time1 .btns .even-grid>.column{padding:5px}
.cp20pick1time1 .btns button{margin:0;}

/* 디자인폼 20191025 */
.cp20pick1time2{
	line-height:1.375;
}
.cp20pick1time2 .item{
	display:inline-block;
	min-width:9em;
	padding:5px 0;
	overflow:hidden;
	cursor:default;
}
.cp20pick1time2 .item input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.cp20pick1time2 .item .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 6px 0 0;
	background:url() no-repeat center center;
	vertical-align:middle;
}
.cp20pick1time2 .item .t1{display:inline-block;
	vertical-align:middle;
}
.cp20pick1time2 .item .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1off.png);
}
.cp20pick1time2 .item input:disabled + .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1disabled.png);
}
.cp20pick1time2 .item input:checked + .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1on.png);
}
.cp20pick1time2 .item input:checked:disabled + .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1on1disabled.png);
}
/* ☆ */
.cp20pick1time2 input:focus + .ic1{
	outline:1px dotted #000;
}


/* 팬시콘트롤(디자인폼 라디오) 20191025 */
.fcontrol1{
	line-height:1.375;
}
.fcontrol1 .item{
	display:inline-block;
	padding:5px 0;
	overflow:hidden;
	cursor:default;
}
.fcontrol1 .item input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.fcontrol1 .item .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 6px 0 0;
	background:url() no-repeat center center;
	vertical-align:middle;
}
.fcontrol1 .item .t1{display:inline-block;
	vertical-align:middle;
}
.fcontrol1 .item .ic1{
	background-image:url(../../img/lib2/ic20a1c2radio1off.png);
}
.fcontrol1 .item input:checked + .ic1{
	background-image:url(../../img/lib2/ic20a1c2radio1on.png);
}
.fcontrol1 .item input:checked:disabled + .ic1{
	background-image:url(../../img/lib2/ic20a1c2radio1on1disabled.png);
}
/* ☆ */
.fcontrol1 input:focus + .ic1{
	outline:1px dotted #000;
}


/* 팬시콘트롤(디자인폼 체크박스) 20190911 */
.fcontrol2{
	line-height:1.375;
}
.fcontrol2 .item{
	display:inline-block;
	min-width:9em;
	padding:5px 0;
	overflow:hidden;
	cursor:default;
}
.fcontrol2 .item input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.fcontrol2 .item .ic1{display:inline-block;
	width:20px;height:20px;
	margin:0 6px 0 0;
	background:url() no-repeat center center;
	vertical-align:middle;
}
.fcontrol2 .item .t1{display:inline-block;
	vertical-align:middle;
}
.fcontrol2 .item .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1off.png);
}
.fcontrol2 .item input:disabled + .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1disabled.png);
}
.fcontrol2 .item input:checked + .ic1{
	background-image:url(../../img/lib2/ic20a1c2check1on.png);
}
/* ☆ */
.fcontrol2 input:focus + .ic1{
	outline:1px dotted #000;
}


/* 시간내비.이전다음 20190812 */
.cp20time1nav1{position:relative;
	width:4.761em; /* (200/42) */
	margin:.5em auto;
	padding:0 40px;
	font-size:36px;
	line-height:1.375;
	text-align:center;
}
.cp20time1nav1 .h1{
	margin:0;padding:0;background:transparent;
	color:#000;
	font-weight:500;
}
.cp20time1nav1 .h1t1{color:#333;}
.cp20time1nav1 .h1t2{color:#175fa5;}
.cp20time1nav1 .em{color:#000;}
.cp20time1nav1 .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;
}
.cp20time1nav1 .b1.prev{left:0;}
.cp20time1nav1 .b1.next{right:0;}
.cp20time1nav1 .b1>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:28px;height:28px;margin:-14px;
	background:url() no-repeat center center;background-size:contain;text-indent:-9999px;overflow:hidden;
	/* opacity:.8; */
}
.cp20time1nav1 .b1.prev>.ic1{background-image:url(../../img/lib2/ic28a2c1left1.png);}
.cp20time1nav1 .b1.next>.ic1{background-image:url(../../img/lib2/ic28a2c1right1.png);}


/* 시간내비.달력 (with .even-grid) 20190812 */
.cp20time2nav1{display:block;position:relative;
	padding:1px 0 0 1px;
	overflow:hidden;
	background:#f7f7f7;
	line-height:1.375;
}
.cp20time2nav1 .even-grid{}
.cp20time2nav1 .even-grid>.column{}
.cp20time2nav1 a{display:block;
	margin:-1px 0 0 -1px;
	padding:22px .25em;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	text-align:center;
}
.cp20time2nav1 a.on{
	z-index:10;
	position:relative;
	border-color:transparent;
	background:#175fa5;
	color:#fff;
	font-weight:600;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp20time2nav1{
		font-size:17px;
	}
	#reserve-notice{margin:55px 0 0}
}


/* YYYYMMDD.Writer. ◇◆ */



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

/* 게시판 템플릿 추가분 20200527 khj */
.search1 {position:relative;margin:0 -.5% 1.5em}
.search1 select.select1 {float:left;width:30%;height:44px;margin-left:.5%;margin-right:.5%;border-radius:5px;border:1px solid #ccc}
.search1 .text1 {float:left;width:50%;height:44px;margin-left:.5%;margin-right:.5%;border:1px solid #ccc;border-radius:5px;}
.search1 .button {float:left;width:17%;height:44px;margin-left:.5%;margin-right:.5%;padding:11px 0;border-radius:5px;}
.search1 .button.submit {border-color:#21409a;background-color:#21409a}

/* 20200625 */
.search2 {position:relative;margin:0 -.5% 1.5em}
.search2 select.select1,
.search2 select.select2 {float:left;width:20%;height:44px;margin-left:.5%;margin-right:.5%;border-radius:5px;border:1px solid #ccc}
.search2 .text1 {float:left;width:38%;height:44px;margin-left:.5%;margin-right:.5%;border:1px solid #ccc;border-radius:5px;}
.search2 .button {float:left;width:17%;height:44px;margin-left:.5%;margin-right:.5%;padding:11px 0;border-radius:5px;}
.search2 .button.submit {border-color:#21409a;background-color:#21409a}

/* sortmenu1 */
.sortmenu1{margin:0;padding:0;}
.sortmenu1:before,
.sortmenu1:after{content:'';display:table;clear:both;}
.sortmenu1 .m{float:left;
	height:1.375em;
	margin:0 0 .5em -1px;
	padding:.375em 1em;
	border:1px solid #ccc;
	background:#fff;
	color:#666;
	font-size:.875em;
	line-height:1.375;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
.sortmenu1 .m.on{position:relative;background:#666;border-color:#666;color:#fff;}
.sortmenu1 .m:first-child{border-radius:2px 0 0 2px;}
.sortmenu1 .m:last-child{border-radius:0 2px 2px 0;}


/* 목록(그림1.글3.아이콘1) 20190830 */
.bbs1list1{margin:0 0 1.5em;line-height:1.375;overflow:hidden;}
.bbs1list1 .lst1{list-style:none;margin:0;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;}
.bbs1list1 .li1{margin:0;padding:0;border-top:1px solid #e7e7e7;overflow:hidden;}
.bbs1list1 .li1:first-child{border:0;}
.bbs1list1 .li1 .a1{display:block;padding:1.5em 0;text-decoration:none;overflow:hidden;color:#666}
.bbs1list1 .li1 .a1 .t2icon {display:inline-block;}
.bbs1list1 .li1 .f1{float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:27.5%;height:0;
	padding:0 0 18.5%;
	margin:0 2% 0 0;
}
.bbs1list1 .li1 .f1 {overflow:hidden;}
.bbs1list1 .li1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;
	transition:.2s;
}
.bbs1list1 .li1 .f1+.wrap1texts, .bbs1list1 .li1 .f1+.text1wrap{
	float:left;
	width:70%;
}
.bbs1list1 .li1 .t1{display:inline-block;
	color:#444;
	font-weight:600;
	font-size:1.25em;
	letter-spacing:-.0625em;
}
.bbs1list1 .li1 .t2{display:block;
	position:relative;
	max-height:4.21875em; /* (.9375*1.5*3) */
	margin:.8125em 0 0;
	padding:0 0 3px; /* (소수계산오차보정) */
	color:#767676;
	font-size:.9375em;
	line-height:1.5;
	overflow:hidden;
}
.bbs1list1 .li1 .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;
	width:3em;height:1.5em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.bbs1list1 .li1 .wrap1ics{display:block;margin:.75em 0;}
.bbs1list1 .li1 .wrap1ics>img{vertical-align:middle;}
.bbs1list1 .li1 .wrap1t3{display:block;margin:.75em 0 0;color:#666;}
.bbs1list1 .li1 .t3{display:inline;
	padding:0 .5em 0 .6em;
	background:url(../../img/lib/sep1s.png) no-repeat 0 50%;
	font-size:.875em;
}
.bbs1list1 .li1 .t3:first-child{display:inline;padding-left:0;background:transparent;}
/* ☆ */
.bbs1list1 .ic1.new{display:inline-block;
	width:16px;height:16px;
	margin:0 2px 3px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.bbs1list1 .ic1.new:before{content:'N';display:block;
	width:16px;height:16px;
	box-sizing:border-box; /* ☆ */
	padding:2.8px 2px 0; /* ((3px [CR][IE][SI]확인) */
	border-radius:2px;
	background:#f50;
	color:#fff;
	font:normal 11px/1 Arial,sans-serif;
	text-indent:-2px;
	white-space:nowrap;
}
.bbs1list1 .ic1.new .t1{position:absolute;left:-9999px;}
/* ☆ */
.bbs1list1 .li1 .t1 img{
	margin:0 0 3px;
}
/* effect */
.bbs1list1 .a1:hover .t1,
.bbs1list1 .a1:focus .t1{
	color:#000;
}
.bbs1list1 .a1:hover .f1 img,
.bbs1list1 .a1:focus .f1 img{
	transform:scale(1.1);
}

/* 그림뷰갤러리1.나열형 20180214 */
.bbs1photo1{position:relative;margin:0 auto 1em;}
.bbs1photo1 *{list-style:none;margin:0;padding:0;border:0;}
.bbs1photo1 .figure{z-index:0;position:relative;margin:0 auto 1em;overflow:hidden;}
.bbs1photo1 .figure .p1{background:#f7f8f9;overflow:hidden;}
.bbs1photo1 .figure .p1>img{display:block;
	width:auto;height:auto;
	min-width:0;
	max-width:100%;
	max-height:924px; /* =:=(999-16)*0.94*1 */
	margin:0 auto;
}
.bbs1photo1 .figcaption{display:block;
	z-index:0;
	position:relative;
	padding:.75em;
	background:#eff2f4;
	color:#567;
	font-size:.9375em;
	line-height:1.375;
}
/* 제어 */
.bbs1photo1 .mControl {display:inline;}
.bbs1photo1 .mControl .b {display:block;
	z-index:0;
	position:absolute;top:0;bottom:0;
	width:25px;
	height:100%; /* button 요소라서 높이값 필요 */
	background:rgba(255,255,255, .0);
	color:#000;
	font-family:Arial,sans-serif; /* ☆ */
	font-size:60px;
	opacity:.2;
	transition:.2s;
	text-indent:-9999px;
}
.bbs1photo1 .mControl .b.prev {left:0;}
.bbs1photo1 .mControl .b.next {right:0;}
.bbs1photo1 .mControl .b:before {position:absolute;top:calc(50% - 10px);content:"";display:block;width:20px;height:20px;border:2px solid #000;border-right:0;border-bottom:0;}
.bbs1photo1 .mControl .b.prev:before {transform:rotate(-45deg);left:calc(50%);}
.bbs1photo1 .mControl .b.next:before {transform:rotate(135deg);right:calc(50%)}
.bbs1photo1 .mControl .b:hover,
.bbs1photo1 .mControl .b:focus{
	background:rgba(255,255,255, .5);
	background:linear-gradient(to bottom,
		rgba(255,255,255, 0) 0,
		rgba(255,255,255, .5) 33.333%,
		rgba(255,255,255, .5) 66.666%,
		rgba(255,255,255, 0) 100%);
	opacity:1;
}
/* 섬네일 */
.bbs1photo1 .mNum ul{margin:0 -8px 0 0;overflow:hidden;}
.bbs1photo1 .mNum li{float:left;
	width:16.666%; /* ☆ */
}
.bbs1photo1 .mNum li>a{display:block;position:relative;
	margin:0 8px 8px 0;
	padding-bottom:56.25%;
	border:3px solid #eee;
	text-decoration:none;
	transition:.2s;
}
.pic1gallery1 .mNum li>a .f1{display:block;
	z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-2px;
	background:#f7f8f9 url(../../img/lib/noimage.png) no-repeat center center;background-size:contain;
	text-align:center;
	overflow:hidden;
}
.bbs1photo1 .mNum li>a .f1>img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:auto;
	min-height:100%;
	vertical-align:top;
}
.bbs1photo1 .mNum li.on>a[href]{border-color:#678;overflow:hidden;}
.bbs1photo1 .mNum li>a[href]:focus{border-color:#ea0;overflow:hidden;}
/* 응용 */
[class*="bbs1photo"] .mNum .even-4>li{width:25%;}
[class*="bbs1photo"] .mNum .even-5>li{width:20%;}
[class*="bbs1photo"] .mNum .even-6>li{width:16.666%;}
/* 게시판.상세뷰.응용 */
.bbs1view1 .bbs1photo1 .mNum{margin-bottom:2em;padding-bottom:2px;border-bottom:1px solid #eee;}

/* bbs2gallery2 20190522 */
.bbs2gallery2{margin:0 0 1.5em;padding-bottom:0;border-top:1px solid #eee;border-bottom:1px solid #ddd;line-height:1.375;overflow:hidden;}
.bbs2gallery2 ul {margin:15px -1.25%;box-sizing:border-box;padding:0;list-style:none;}
.bbs2gallery2 ul li {position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;width:100%;margin:0 -.25em 0 0;padding:1.22%;}
.bbs2gallery2 a{display:block;overflow:hidden;
	text-decoration:none;
}
/* 높이가변. */
.bbs2gallery2 a .f1{display:block;position:relative;
	margin:0 0 .75em;
	overflow:hidden;
}
.bbs2gallery2 a .f1 img{display:block;position:relative;width:100%;height:auto;
	transition:.2s;
}
@media all and (min-width:640px){
	.bbs2gallery2 ul li {width:33.3333%}
}
@media all and (min-width:1000px){
	.bbs2gallery2 ul li {width:25%}
}
/* 높이고정 */
.bbs2gallery2.fixed-ratio{padding-bottom:0;}
/* 세로잘림 */
.bbs2gallery2.fixed-ratio .a1 .f1{padding-bottom:66.666%;} /* =2/3 */
.bbs2gallery2.fixed-ratio .a1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.bbs2gallery2.fixed-ratio .a1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
/* 가로잘림 */
.bbs2gallery2.fixed-ratio.tall .a1 .f1{padding-bottom:100%;} /* =1/1 */
.bbs2gallery2.fixed-ratio.tall .a1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;height:100%;overflow:hidden;}
.bbs2gallery2.fixed-ratio.tall .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:0 auto;}
/* 종횡비 */
.bbs2gallery2.fixed-ratio.ratio16by9 .a1 .f1{padding-bottom:56.25%;} /* 9/16 poll */
.bbs2gallery2.fixed-ratio.ratio1by1 .a1 .f1{padding-bottom:100%;} /* 9/16 object */
.bbs2gallery2.fixed-ratio.ratio7by10 .a1 .f1{padding-bottom:142.857%;} /* 10/7 poster */
/* 글 */
.bbs2gallery2 a .text1{display:block;overflow:hidden;}
.bbs2gallery2 a .t1{display:block;position:relative;
	max-height:4.125em; /* 1.375*3 */
	margin:0 0 .375em;
	color:#666;
	font-weight:500;
	overflow:hidden;
}
.bbs2gallery2 a .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:2.75em; /* 1.375*2 */
	width:3em;
	height:1.375em;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.bbs2gallery2 a .t2wrap{float:left;
	width:100%;
	margin:0 0 .5em -.6em;
	font-size:.875em;
}
.bbs2gallery2 a .t2{float:left;
	padding:0 .5em 0 .6em;
	background:url(../../img/lib/sep1s.png) no-repeat 0 50%;
	color:#888;
}
/* effect */
.bbs2gallery2 a[href]:hover .f1 img,
.bbs2gallery2 a[href]:focus .f1 img{
	transform:scale(1.1);
}

/* 상세뷰배치(그림뷰갤러리1.정보1(.정의.표.목록)) 20180214 */
.bbs1view1speciality1{display:block;
	padding:1em 0;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.bbs1view1speciality1 .texts{}
.bbs1view1speciality1 .bbs1photo3{}
.bbs1view1speciality1 .h1{
	margin:0 0 .25em;
	color:#222;
	font-weight:500;
	font-size:1.75em;
	line-height:1.375;
}
.bbs1view1speciality1 .info1{overflow:hidden;}
/* ◇◆ */
@media all and (min-width:768px){
	.bbs1view1speciality1 .h1 {float:right;width:50%;}
	.bbs1view1speciality1 .info1{float:right;width:50%;}
	.bbs1view1speciality1 .bbs1photo3{float:left;width:45%;}
}

/* 그림뷰갤러리1.나열형 20180214 */
.bbs1photo3{position:relative;margin:0 auto 1em;}
.bbs1photo3 *{list-style:none;margin:0;padding:0;border:0;}
.bbs1photo3 .figure{z-index:0;position:relative;margin:0 auto 1em;overflow:hidden;}
.bbs1photo3 .figure .p1{background:#f7f8f9;overflow:hidden;}
.bbs1photo3 .figure .p1>img{display:block;
	width:auto;height:auto;
	min-width:0;
	max-width:100%;
	max-height:924px; /* =:=(999-16)*0.94*1 */
	margin:0 auto;
}
.bbs1photo3 .figcaption{display:block;
	z-index:0;
	position:relative;
	padding:.75em;
	background:#eff2f4;
	color:#567;
	font-size:.9375em;
	line-height:1.375;
}
/* 제어 */
.bbs1photo3 .mControl{display:inline;}
.bbs1photo3 .mControl .b{display:block;
	z-index:0;
	position:absolute;top:0;bottom:0;
	width:25px;
	height:100%; /* button 요소라서 높이값 필요 */
	background:rgba(255,255,255, .0);
	color:#000;
	font-family:Arial,sans-serif; /* ☆ */
	font-size:60px;
	opacity:.2;
	transition:.2s;
}
.bbs1photo3 .mControl .b.prev{left:0;}
.bbs1photo3 .mControl .b.next{right:0;}
.bbs1photo3 .mControl .b:hover,
.bbs1photo3 .mControl .b:focus{
	background:rgba(255,255,255, .5);
	background:linear-gradient(to bottom,
		rgba(255,255,255, 0) 0,
		rgba(255,255,255, .5) 33.333%,
		rgba(255,255,255, .5) 66.666%,
		rgba(255,255,255, 0) 100%);
	opacity:1;
}
/* 섬네일 */
.bbs1photo3 .mNum ul{margin:0 -8px 0 0;overflow:hidden;}
.bbs1photo3 .mNum li{float:left;
	width:16.666%; /* ☆ */
}
.bbs1photo3 .mNum li>a{display:block;position:relative;
	margin:0 8px 8px 0;
	padding-bottom:56.25%;
	border:3px solid #eee;
	text-decoration:none;
	transition:.2s;height:0;
}
.bbs1photo3 .mNum li>a .f1{display:block;
	z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-2px;
	background:#f7f8f9 url(../../img/lib/noimage.png) no-repeat center center;background-size:contain;
	text-align:center;
	overflow:hidden;
}
.bbs1photo3 .mNum li>a .f1>img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:auto;
	min-height:100%;
	vertical-align:top;
}
.bbs1photo3 .mNum li>a .t1 {display:block;text-indent:-9999px}
.bbs1photo3 .mNum li.on>a[href]{border-color:#678;overflow:hidden;}
.bbs1photo3 .mNum li>a[href]:focus{border-color:#ea0;overflow:hidden;}
@media all and (min-width:768px){
}
/* 응용 */
[class*="bbs1photo3"] .mNum .even-4>li{width:25%;}
[class*="bbs1photo3"] .mNum .even-5>li{width:20%;}
[class*="bbs1photo3"] .mNum .even-6>li{width:16.666%;}

/* bbs1gallery1 20180828. 틀종고정`글2`플레이 : 비디오 */
.bbs1gallery1{margin:0 0 1.5em;border-top:1px solid #eee;border-bottom:1px solid #ddd;line-height:1.375;overflow:hidden;}
.bbs1gallery1 .lst1 {margin:15px -1.25%;padding:0;box-sizing:border-box;}
.bbs1gallery1 .li1 {position:relative;display:inline-block;width:25%;box-sizing:border-box;margin:0 -.25em 0 0;vertical-align:top;padding:1.22%;}

.bbs1gallery1 .li1 a {display:block;overflow:hidden;
	text-decoration:none;
}
/* 높이고정.왜곡 */
.bbs1gallery1 .li1 a .f1{display:block;position:relative;
	margin:0 0 .75em;
	padding-bottom:56.25%; /* =9/16 */
	overflow:hidden;
}
.bbs1gallery1 .li1 a .f1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.bbs1gallery1 .li1 a .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;
	transition:.2s;
}
.bbs1gallery1 .li1 a .f1 .deco {display:none;position:absolute;left:50%;top:50%;width:40px;margin:-20px 0 0 -20px;padding:0 0 40px;border-radius:9999px;
	background:url(../../img/lib/b.000000.opacity.50.png) no-repeat center center;overflow:hidden;}
.bbs1gallery1 .li1 a .f1 .deco:before{content:"";display:block;float:left;position:absolute;left:50%;top:50%;
	width:0;height:0;
	margin:-10px 0 0 -5px;
	border:10px solid transparent;border-width:10px 15px;border-left-color:#fff;
	overflow:hidden;text-indent:-9999px;font-size:0;line-height:0;
	opacity:.5;
	transition:.2s;
}
/* 글 */
.bbs1gallery1 .li1 a .text1{display:block;min-height:6em;overflow:hidden;}
.bbs1gallery1 .li1 a .t1{display:block;position:relative;
	max-height:4.125em; /* 1.375em * 3 */
	margin:0 0 .375em;
	color:#666;
	font-weight:500;
	overflow:hidden;
}
.bbs1gallery1 .li1 a .t1:after{
	content:'…';display:block;position:absolute;right:0;bottom:0;width:3em;height:1.375em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.bbs1gallery1 .li1 a .t2wrap{float:left;
	margin:0 0 .5em -.6em;
	font-size:.875em;
}
.bbs1gallery1 .li1 a .t2{float:left;
	padding:0 .5em 0 .6em;
	background:url(../../img/lib/sep1s.png) no-repeat 0 50%;
	color:#888;
}
.bbs1gallery1 .li1 a .t2.dpb{display:block;padding-left:0;background:transparent;}
/* effect */
.bbs1gallery1 .li1 a:hover .f1 .play .ic1,
.bbs1gallery1 .li1 a:focus .f1 .play .ic1{opacity:1;}
.bbs1gallery1 .li1 a[href]:hover .f1 img,
.bbs1gallery1 .li1 a[href]:focus .f1 img{
	transform:scale(1.1);
}


table.t1.tbl1{width:100%;margin:.75em 0;border:0;border-collapse:collapse;
	border-top:2px solid #415f83;
	border-bottom:1px solid #ccc;
	background:#fff;
}
table.t1.tbl1>*>tr{border-right:1px hidden transparent;}
table.t1.tbl1>*>tr>th,
table.t1.tbl1>*>tr>td{
	padding:.75em;
	border:1px solid #ccc;
	border-width:1px 1px 0 0;
}
table.t1.tbl1>*>tr>th{
	background:#f6f7f9;
	font-weight:normal;
}
table.t1.tbl1>thead>tr>th{
	padding:.75em; /* ((.5+(.375)/2) (그대로) */
	border-width:0 1px 1px 0;
	border-color:#ccc;
	border-bottom-color:#ccc;
	background:#f7f7f7;
	background-image:url(../../img/lib/b1c3slash1.png);
	color:inherit;
	line-height:1.375;
}
table.t1.tbl1>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#ddd;background:#f3f6f9;color:#333;}
table.t1.tbl1>tfoot>tr:first-child>*{border-top-color:#79b;}
table.t1.tbl1>tbody>tr:first-child>th,
table.t1.tbl1>tbody>tr:first-child>td{border-top-width:0;} /* thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */

/* bbs1gallery3 이미지만 장평고정. 20190924 */
.bbs1gallery3 {margin:0 0 1.5em;border-top:1px solid #eee;border-bottom:1px solid #ddd;overflow:hidden;}
.bbs1gallery3 .lst1 {margin:2% -2%;padding:0}
.bbs1gallery3 .lst1 .li1 {position:relative;display:inline-block;vertical-align:top;width:100%;margin:0 -.25em 0 0;padding:1.93%;box-sizing:border-box;}
.bbs1gallery3 .a1{display:block;overflow:hidden;text-decoration:none;cursor:pointer;}
.bbs1gallery3 .a1 .f1{display:block;position:relative;
	width:100%;
	padding-bottom:133.333% /* =4/3 */;
	margin:0 0 .75em;
	overflow:hidden;
}
.bbs1gallery3 .a1 .f1>.f1p1{z-index:10;display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;overflow:hidden;}
.bbs1gallery3 .a1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
.bbs1gallery3 .a1 .text1{display:block;line-height:1.375;overflow:hidden;}
.bbs1gallery3 .a1 .t1{display:block;
	max-height:4.125em;
	margin:0 0 .75em;
	color:#666;
	font-weight:400;
	overflow:hidden;
}
.bbs1gallery3 .ebook1btns .b1{display:block;}
/* ◇◆ */
@media all and (min-width:480px){
	.bbs1gallery3 .b1s .b1{float:left;width:48%;}
	.bbs1gallery3 .b1s .b1+.b1, .bbs1gallery3 .b1s .b1.quickview{float:right;}
}
@media all and (min-width:640px){
	.bbs1gallery3 .lst1 .li1 {width:33.3333%}
}
@media all and (min-width:1000px){
	.bbs1gallery3 .lst1 .li1 {width:25%}
}


/* ebook1btns 20191028 */
.b1s{display:block;
	overflow:hidden;
	line-height:1.375;
}
.b1s .b1{display:inline-block;position:relative;
	box-sizing:border-box; /* ☆ */
	height:28px;
	margin:4px 0;
	padding:3px 6px;
	border:1px solid #ccc;
	border-radius:2px;
	color:#444;
	font-size:13px;
	text-align:center;
}
.b1s .b1[href]{
		background:#f7f7f7;
}
.b1s .b1[href]:hover,
.b1s .b1[href]:focus{
	border-color:transparent;
	background:#234;
	color:#fff;
	text-decoration:none;
}
.b1s .b1 .t1{display:inline-block;
	vertical-align:middle;
}
.b1s .b1 .ic1{display:inline-block;
	width:20px;height:20px;
	background:url(../../img/lib/ic1s.png) no-repeat;
	vertical-align:middle;
	overflow:hidden;
	opacity:.5;
}
.b1s .b1.download .ic1,
.b1s .b1.download[href] .ic1{background-position:-100px -100px;}
.b1s .b1.quickview .ic1,
.b1s .b1.quickview[href] .ic1{background-position:-50px -100px;}
.b1s .b1.download:hover .ic1,
.b1s .b1.download:focus .ic1{background-position:-100px 0;
	opacity:1;
}
.b1s .b1.quickview[href]:hover .ic1,
.b1s .b1.quickview[href]:focus .ic1{background-position:-50px 0;
	opacity:1;
}
/* animation */
.b1s .b1.quickview{
	animation:fx1blink1 2s infinite linear;
}
.b1s .b1.quickview[href]{
	animation:none;
}
@keyframes fx1blink1{
	0%{opacity:.2;}
	50%{opacity:1;}
	100%{opacity:.2;}
}

/* spc5card4 */
.spc5card4{margin:0 0 1.5em;border-top:1px solid #eee;border-bottom:1px solid #ddd;line-height:1.375;overflow:hidden;}
.spc5card4 .a1{display:block;overflow:hidden;
	text-decoration:none;
}
/* 높이가변. */
.spc5card4 .a1 .f1{display:block;position:relative;
	margin:0 0 .75em;
	overflow:hidden;
}
.spc5card4 .a1 .f1 img{display:block;position:relative;width:100%;height:auto;
	transition:.2s;
}
/* 높이고정 */
.spc5card4.fixed-ratio{padding-bottom:0;}
/* 세로잘림 */
.spc5card4 .a1 .f1{padding-bottom:66.666%;} /* =2/3 */
.spc5card4 .a1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;overflow:hidden;}
.spc5card4 .a1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;}
/* 가로잘림
.spc5card4.fixed-ratio.tall .a1 .f1{padding-bottom:100%;} =1/1
.spc5card4.fixed-ratio.tall .a1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;height:100%;overflow:hidden;}
.spc5card4.fixed-ratio.tall .a1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:0 auto;}
종횡비
.spc5card4.fixed-ratio.ratio16by9 .a1 .f1{padding-bottom:56.25%;} 9/16 poll
.spc5card4.fixed-ratio.ratio1by1 .a1 .f1{padding-bottom:100%;} 9/16 object
.spc5card4.fixed-ratio.ratio7by10 .a1 .f1{padding-bottom:142.857%;} 10/7 poster */

/* 글 */
.spc5card4 .a1 .text1{display:block;overflow:hidden;}
.spc5card4 .a1 .t1{display:block;position:relative;
	max-height:4.125em; /* 1.375*3 */
	margin:0 0 .375em;
	color:#666;
	font-weight:500;
	overflow:hidden;
}
.spc5card4 .a1 .t1:after{content:'…';display:block;
	position:absolute;right:0;
	top:2.75em; /* 1.375*2 */
	width:3em;
	height:1.375em;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.spc5card4 .a1 .wrap1t2{float:left;
	width:100%;
	margin:0 0 .5em -.6em;
	font-size:.875em;
}
.spc5card4 .a1 .t2{float:left;
	padding:0 .5em 0 .6em;
	background:url(../../img/lib/sep1s.png) no-repeat 0 50%;
	color:#888;
}
/* effect */
.spc5card4 .a1[href]:hover .f1 img,
.spc5card4 .a1[href]:focus .f1 img{
	transform:scale(1.1);
}


/* pagenav1 20200226 */
.pagenav1{clear:both;width:100%;margin:.75em auto 0;text-align:center;}
.pagenav1 .m{display:inline;}
.pagenav1 .m a{display:inline-block;
	position:relative;
	width:36px;height:36px;
	margin:0 .0625em .375em .0625em;
	border:1px solid #ddd;
	border-radius:4px;
	background:#fff;
	color:#777;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
}
.pagenav1 .pages .m a{
	width:auto;
	min-width:1em;
	padding:0 10px;
	font-size:16px;
	line-height:36px;
}
.pagenav1 .pages .on a{
	border-color:transparent;
	background:#333;
	color:#fff;
}
.pagenav1 .control1 .m a .ic{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/lib/ic20s1c1page1.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.pagenav1 .control1 .m.first a .ic{background-position:0 0;}
.pagenav1 .control1 .m.prev a .ic{background-position:-20px 0;}
.pagenav1 .control1 .m.next a .ic{background-position:-40px 0;}
.pagenav1 .control1 .m.last a .ic{background-position:-60px 0;}
.pagenav1 a:not([href]){cursor:default;}
.pagenav1 .control1 a:not([href]){opacity:.42;}

/* 20200625 추가 */
/* 포커스3. 높이가변.내용(정의목록). staff1.. *//* ☆[IE7]float, clear Bug >>> [JS]Fix */
.bbs1focus3{margin:0 0 1.5em 0;line-height:1.333;letter-spacing:-1px;overflow:hidden;}
.bbs1focus3 .lst1{list-style:none;margin:0 -1%;padding:10px 1px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;overflow:hidden;}
.bbs1focus3 .li1{float:left;width:100%;margin:0;padding:10px 0;border:0;}
.bbs1focus3 .li1 .wrap1{display:block;position:relative;margin:0 4%;border:1px solid #d5d5d5;overflow:hidden;}
.bbs1focus3 .li1 .wrap1:hover{border-color:#333;box-shadow:1px 1px 0 0 rgba(0, 0, 0, .1);}
.bbs1focus3 .li1 .wrap1:hover a{text-decoration:none;}
.bbs1focus3 .li1 .t1{display:block;max-height:3.999em;margin:0;padding:.4em;border-bottom:1px solid #d5d5d5;background:#eee;color:#333;font-weight:normal;font-size:1.25em;line-height:1.3;text-align:center;overflow:hidden;}
.bbs1focus3 .li1 .f1{display:block;position:relative;width:100%;height:auto;margin:0 auto;background:#fff;text-align:center;}
.bbs1focus3 .li1 .f1 .f1p1{float:left;position:relative;left:0;top:0;width:100%;height:100%;margin:0 0 .5em;}
.bbs1focus3 .li1 .f1 img{display:block;position:relative;width:auto;max-width:100%;height:auto;margin:0 auto;}
.bbs1focus3 .li1 .t2{display:block;margin:0;padding:.5em 8%;border-top:1px solid #eee;color:#666;font-size:1.143em;}
.bbs1focus3 .li1 .dl1{margin:1em;padding:0;overflow:hidden;}
.bbs1focus3 .li1 .dt1{float:left;width:19%;margin:0 1.5%;padding:5px 0;font-size:.923em;}
.bbs1focus3 .li1 .dd1{float:left;width:78%;margin:0;padding:5px 0;font-size:.923em;}
.bbs1focus3 .li1 .dt1:first-child+.dd1{color:#222;padding:3px 0 4px;font-size:1.154em;}
.bbs1focus3 .li1 .lst2{display:block;list-style:none;margin:0;padding:0;}
.bbs1focus3 .li1 .li2{padding:0 0 .5em 10px;background:url(../../img/board/bu1s.png) no-repeat -387px 4px;color:#666;font-size:1em;line-height:1.308 /* =17/13 */;}
@media all and (min-width:768px){
	.bbs1focus3 .li1{width:33.333%;}
	/* .li1:nth-child(3n-2) */
	.bbs1focus3 .li1.n1,
	.bbs1focus3 .li1.n4{clear:left;}
	/* .li1:nth-child(3n) */
	.bbs1focus3 .li1.n3,
	.bbs1focus3 .li1.n6{clear:right;}
}
@media all and (min-width:1260px){
	.bbs1focus3 .li1 .lst2{height:5em;overflow:hidden;overflow-y:auto;}
}

.infomenu1{z-index:10;clear:both;position:relative;width:100%;margin:1.5em 0;}
.infomenu1:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.infomenu1 .info1{color:#767676;} /* 글수.. */
.infomenu1 .info1 .em1{color:#111;}
.infomenu1 .left{float:left;margin:0;padding:0;}
.infomenu1 .right{float:right;margin:0;padding:0;text-align:right;}
.infomenu1 .center{margin:0 auto;text-align:center;}
.infomenu1 .center .button{margin-left:3px;margin-right:3px;}

.more1{display:block;clear:both;position:relative;height:40px;background:#f5f5f5;line-height:38px;letter-spacing:-1px;text-align:center;overflow:hidden;}
.more1 .t1{margin:0 1em 0 0;color:#666;}
.more1 .ic1{float:left;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 1.5em;background:url(../../img/board/more1s.png) no-repeat 50%;overflow:hidden;text-indent:-9999px;}

/* 일반목록. 작은폭이면 일부내용 감춤. bbs1openapi1 */
.bbs1list1{margin:0 0 1.5em 0;line-height:1.429;letter-spacing:-.075em;overflow:hidden;}
.bbs1list1 .lst1{list-style:none;margin:0;padding:0;border-top:1px solid #d5d5d5;overflow:hidden;}
.bbs1list1 .li1{margin:0;padding:0;border-top:1px dotted #d5d5d5;overflow:hidden;}
.bbs1list1 .li1:first-child{border:0;}
.bbs1list1 .li1 a.a1{display:block;padding:1em 0;text-decoration:none;overflow:hidden;}
.bbs1list1 .li1 .f1{float:left;width:27%;margin:0 3% 3% 0;}
*+html .bbs1list1 .li1 .text1wrap{margin:0 0 3% 0;}
.bbs1list1 .li1 .f1+.text1wrap{float:left;width:70%;}
.bbs1list1 .li1 .t1{margin:0 0 .25em;color:#000;font-size:1.077em;}
.bbs1list1 .li1 .t2{display:none /* ☆ */;}
.bbs1list1 .li1 .t3wrap{display:block;margin:.25em 0;color:#666;font-size:.923em;}
.bbs1list1 .li1 .t3{display:none /* ☆ */;padding:0 .5em 0 .6em;background:url(../../img/board/sep1s.png) no-repeat 0 50%;}
.bbs1list1 .li1 .t3:first-child{display:inline;padding-left:0;background:transparent;}
@media all and (min-width:768px){
	.bbs1list1 .li1 a.a1{padding:1.643em 0;}
	.bbs1list1 .li1 .t1{font-size:1.25em;}
	.bbs1list1 .li1 .t2{display:block;margin:1em 0;color:#767676;font-size:.929em;}
	.bbs1list1 .li1 .t3wrap{font-size:1em;}
	.bbs1list1 .li1 .t3{display:inline;}
}

/* 제목그룹 20200925 */
.cp33hgroup1{
	position:relative;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp33hgroup1 .h1{
	margin:0;
	color:#000;
	font-weight:500;
	font-size:2.125em;
}
.cp33hgroup1 .t1{
	margin:.5em 0;
	color:#000;
	font-size:1.125em;
}


/* 제목그룹 20200925 */
.cp33hgroup2{
	position:relative;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp33hgroup2 .h1{}
.cp33hgroup2 .h1 .mj-img-size-2x{}
.cp33hgroup2 .t1{
	margin:1.5em 0;
	color:#000;
	font-size:1.5em;
	letter-spacing:-.0625em;
}



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


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


/* 특화콘텐츠.목록 (관광지, ..) 20201008 */
/* ☆.type2 :: 코스상세 */
.cp33list1{
	position:relative;
	margin:0 0 2.5em 0;
	line-height:1.375;
	overflow:hidden;
}
.cp33list1 [href]{
	text-decoration:none;
}
.cp33list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:2px solid #444;
	overflow:hidden;
}
.cp33list1 .li1{
	position:relative;
	margin:0;
	padding:30px 0;
	border-bottom:1px solid #ccc;
}
.cp33list1 .li1 .w1{overflow:hidden;}
.cp33list1 .li1 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp33list1 .li1 .w1c1{
	box-sizing:border-box; /* ☆ */
}
.cp33list1 .li1 .w1c2{
	box-sizing:border-box; /* ☆ */
	padding:16px 0;
	border-bottom:1px dashed #c7c7c7;
}
.cp33list1 .li1 .w1c3{display:block;
	box-sizing:border-box; /* ☆ */
	padding:16px 0 0;
	text-align:center;
}
.cp33list1 .figs{display:block;}
.cp33list1 a.figs:focus{ /* 초점 */
	border:1px dotted #666;
}
.cp33list1 .texts{display:block;
	position:relative;
}
/* ☆ */
.cp33list1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 66.666%; /* ((230/350) */
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp33list1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;}
.cp33list1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
html.object-fit .cp33list1 .f1 img{
	object-fit:cover; /* ☆ */
	height:100%;
}
/* ☆ */
.cp33list1 .tg1{display:block;}
.cp33list1 .tg1 .ic1{float:left;
	box-sizing:border-box; /* ☆ */
	width:38px;
	height:45px;
	margin:0 6px 0 0;
	padding:6px 0 0;
	background:url(../../img/lib2/ich90a1c2mapmarker1bg1.png) no-repeat center center;
	background-size:contain;
	color:#fff;
	font:400 22px helvatica,arial,sans-serif;
	text-align:center;
	letter-spacing:0;
	vertical-align:middle;
	overflow:hidden;
}
.cp33list1 .tg1 .t1{display:block;
	padding:3px 0 0;
	color:#333;
	font-weight:600;
	font-size:1.6875em;
	letter-spacing:-.0625em;
	overflow:hidden;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp33list1 .tg1 .t2{display:block;
	margin:1em 0;
	color:#666;
	font-size:1em;
	line-height:1.5;
}
/* ☆ */
.cp33list1 .ratings{display:block;}
.cp33list1 .ratings .t1{}
.cp33list1 .ratings .cp33rating1star5{}
.cp33list1 .ratings .t2{display:inline-block;
	margin:0 .625em;
	color:#959595;
	font-style:italic;
	font-weight:600;
	font-size:1em;
	vertical-align:middle;
}
.cp33list1 .ratings .t2t1{
	color:#000;
	font-size:1.75em;
}
.cp33list1 .ratings .t2 .sep{
	margin:0;
}
.cp33list1 .ratings .t2t2{
	font-size:1.25em;
}
.cp33list1 .ratings .t3{display:inline-block;
	margin:2px 0 0;
	color:#666;
	font-style:italic;
	font-size:1em;
	vertical-align:middle;
}
.cp33list1 .ratings .t3 .em{
	color:#333;
	font-style:inherit;
}
/* ☆ */
.cp33list1 .cp33btns1{
	margin-top:16px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp33list1 .li1 .w1c1{
		float:left;
		width:27.778%; /* (350/1260) */
		margin:0 3.175% 0 0; /* (40/1260) */
	}
	.cp33list1 .li1 .w1c2{
		padding-top:4px;
	}
	.cp33list1 .li1 .w1c3{
		margin:0 0 0 30.953%; /* ((350+40)/1260) */
		text-align:left;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp33list1 .li1 .w1c1{
		float:left;
		width:25%; /* (350/1400) */
		margin:0;
	}
	.cp33list1 .li1 .w1c2{
		float:left;
		width:46.428%; /* (650/1400) */
		padding:0 2.857%; /* (40/1400) */
		border:0;
		border-right:1px dashed #c7c7c7;
	}
	.cp33list1 .li1 .w1c3{
		float:right;
		width:25.714%; /* (360/1400) */
		margin:0;
		padding:32px 0 0;
		text-align:center;
	}
	.cp33list1 .ratings .cp33rating1star5{
		display:block;
		margin:0 auto 8px;
	}
	.cp33list1 .ratings .t3{
		margin:6px 0 0;
	}
	.cp33list1 .cp33btns1{
		margin-top:30px;
	}
	/* ☆.type2 */
	.cp33list1.type2 .li1 .w1c2{
		width:57.857%; /* (810/1400) */
	}
	.cp33list1.type2 .li1 .w1c3{
		width:17.143%; /* (240/1400) */
		padding:16px 0 0;
	}
}
/* 특화콘텐츠.목록 (스마트박물관 ..) 20200925 */
.cp33list4{
	position:relative;
	margin:0 0 2.5em 0;
	padding:10px 0;
	border-top:2px solid #444;
	border-bottom:1px solid #ccc;
	line-height:1.375;
	overflow:hidden;
}
.cp33list4 [href]{
	text-decoration:none;
}
.cp33list4 .lst1.even-grid{}
.cp33list4 .li1.column{}
.cp33list4 .li1 .w1{
	position:relative;
	margin:0;
	padding:0 0 8.955%; /* (30/335) */
	/* border-top:1px solid #ccc; */
	/* border-bottom:1px solid #ccc; */
	transition:.2s;
}
.cp33list4 .li1 .a1{
	position:relative;
}
/* ☆ */
.cp33list4 .f1{display:block;position:relative;
	margin:auto;
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp33list4 .f1p1{display:block;}
.cp33list4 .f1 img{display:block;
	width:100%;
	margin:auto;
}
/* ☆ */
.cp33list4 .tg1 .t1{display:block;
	margin:.625em 0 .375em;
	color:#333;
	font-weight:600;
	font-size:1em; /* ☆ */
	/* letter-spacing:-.0625em; */
	overflow:hidden;
}
.cp33list4 .tg2{display:block;
	color:#666;
	font-size:.9375em;
	overflow:hidden;
}
.cp33list4 .tg2 .t2{display:inline-block;
	margin:.25em .75em .25em 0;
	padding:0 1em 0 0;
	position:relative;
	vertical-align:middle;
}
.cp33list4 .tg2 .t2:before{content:''; /*│*/
	display:block;
	position:absolute;right:0;top:50%;
	width:0;
	height:10px;
	margin:-5px 0;
	border-right:1px solid #bbb;
}
.cp33list4 .tg2 .t2:last-child:before{
	display:none;
}
.cp33list4 .t2t1{display:inline-block;
	vertical-align:middle;
}
.cp33list4 .t2ic1{display:inline-block;
	width:13px;
	height:13px;
	background:url(../../img/lib2/ic26a2c2heart1.png) no-repeat center center / contain;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-9999px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp33list4 .li1 .w1{
		padding:8.888%;
		border:1px solid #ccc;
	}
	.cp33list4 .li1 .w1.over{
		border-color:#000;
		box-shadow:3px 5px 10px 0 rgba(0,0,0, .1);
	}
	.cp33list4 .tg1 .t1{
		font-size:1.375em;
	}
}

@media all and (min-width:768px){
	.cp33list4 .li1 .w1{
		padding:8.888%;
		border:1px solid #ccc;
	}
	.cp33list4 .li1 .w1.over{
		border-color:#000;
		box-shadow:3px 5px 10px 0 rgba(0,0,0, .1);
	}
	.cp33list4 .tg1 .t1{
		font-size:1.25em;
	}
}

/* 상세 (사진공모전 ..) 20200925 */
.cp33view4{clear:both;
	position:relative;
	font-weight:400;
}
.cp33view4 .h1{
	margin:0;
	padding:0 0 .75em;
	color:#000;
	font-weight:400;
	font-size:1.6875em; /* ☆ */
	line-height:1.375;
	letter-spacing:-.0625em;
}
.cp33view4 .h2{
	margin:1em 0 .5em;
	color:#000;
	font-weight:400;
	font-size:1.6875em; /* ☆ */
	letter-spacing:-.0625em;
}
/* ☆ */
.cp33view4 .info1{
	margin:0 0 -1px;
	padding:.375em 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
	overflow:hidden;
}
.cp33view4 .info1 .dl1{
	list-style:none;
	margin:0 0 0 -1em;
	padding:0;
	color:#555;
	font-size:1em;
	overflow:hidden;
}
.cp33view4 .info1 .di1{
	float:left;
	position:relative;
	margin:0;
	padding:.25em 1em;
}
.cp33view4 .info1 .di1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:10px;
	margin:-5px 0;
	border-left:1px solid #aaa;
}
.cp33view4 .info1 .dt1{
	float:left;
	margin:0;
	padding:0;
}
.cp33view4 .info1 .dd1{
	float:left;
	margin:0;
	padding:0 0 0 .25em;
}
/* ☆ */
.cp33view4 .substance{
	padding:2em 0;
	border-bottom:1px solid #ddd;
}
.cp33view4 .substance .f1{display:block;
	margin:0 auto 1.5em;
}
.cp33view4 .substance .f1p1{display:block;}
.cp33view4 .substance .f1 img{display:block;
	margin:auto;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp33view4 .h1{
		font-size:2.125em; /* (34/16) */
	}
}


/* 상세.좋아요 20200925 */
.cp33view4like1{clear:both;
	position:relative;
	margin:-1px 0 0;
	padding:40px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-weight:400;
	line-height:1.375;
	text-align:center;
}
.cp33view4like1 .t1{display:inline-block;}
.cp33view4like1 .t1t1{display:inline-block;
	color:#000;
	font-size:2.5em; /* (50/16) */
	line-height:1;
	vertical-align:middle;
}
.cp33view4like1 .t1ic1{display:inline-block;
	width:35px;
	height:32px;
	margin:.25em .25em 0 0;
	background:url(../../img/lib2/icw88a1c2heart1.png) no-repeat center center / contain;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-9999px;
}
.cp33view4like1 .t2{display:block;
	margin:1.5em 0;
	font-size:1.0625em; /* (17/16) */
}
/* ☆ */
.cp33view4like1 .b1{display:inline-block;
	padding:.9375em 3em;
	border:1px solid #36435e;
	border-radius:3px;
	color:#333;
	line-height:1;
	text-decoration:none;
}
.cp33view4like1 .b1t1{display:inline-block;
	font-size:1em;
	vertical-align:middle;
}
.cp33view4like1 .b1ic1{display:inline-block;
	width:16px;
	height:16px;
	background:url(../../img/lib2/ic32a1c1heart1.png) no-repeat center center / contain;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-9999px;
}

@media all and (min-width:768px){
	.cp33view4like1 .t1t1 {font-size:3.125em;}
	.cp33view4like1 .t1ic1 {width:44px;height:40px;}
}

/* 코스정보 */
.program1list1.course1 .lst {position:relative;border:1px solid #ddd;padding:25px 20px 25px 140px;margin-bottom:20px;letter-spacing:-.075em}
.program1list1.course1 .lst:before {position:absolute;top:calc(50% - 27px);left:42px;content:"";display:block;width:60px;height:54px;background:url(../../img/lib2/ic60a1course1.png) no-repeat 0 0 / contain;}
.program1list1.course1 .lst .h1 {font-size:20px;font-weight:normal;margin:0 0 4px;color:#000}
.program1list1.course1 .lst .t1 {overflow:hidden;}
.program1list1.course1 .lst .t1 li {float:left;margin:0;font-size:17px;color:#555}
.program1list1.course1 .lst .t1 li:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:12px;background:#b0b0b0;margin:0 15px }
.program1list1.course1 .lst .t1 li:last-child:after {display:none}
.program1list1.course1 .lst .more {top:calc(50% - 24px)}
@media all and (max-width:640px){
	.program1list1.course1 .lst {padding:15px 10px 15px 100px;margin-bottom:15px;}
	.program1list1.course1 .lst:before {width:42px;height:38px;top:calc(50% - 19px);left:30px;}
	.program1list1.course1 .lst .h1 {font-size:17px;font-weight:600;}
	.program1list1.course1 .lst .t1 li {font-size:14px;line-height:1.4}
	.program1list1.course1 .lst .more {top:calc(50% - 19px);right:10px;font-size:13px;width:100px;padding:8px 0}
	.program1list1.course1 .lst .more .ic1 {display:none}
}
@media all and (max-width:540px){
	.program1list1.course1 .lst {padding-left:80px}
	.program1list1.course1 .lst:before {top:20px;left:20px}
	.program1list1.course1 .lst .t1 li:after {margin:0 7px}
	.program1list1.course1 .lst .more {position:relative;top:auto;right:auto;padding:5px 0;margin:5px 0 0;}
}	

/* 코스정보상세 */
.cp20view1.trekking .dt {min-width:4.5em}
@media all and (min-width:640px){
	.cp20view1.trekking .dt {min-width:6em}
}