@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.08.06 | 문영신 | 최초 등록
 * 2019.08.12 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.08.22 | 문영신 | 요구반영
 * 2019.09.11 | 문영신 | 요구반영
 * 2019.10.25 | 문영신 | disable & checked 상태 이미지 CSS 추가
 * 2019.11.07 | 송현정 | .cp20pick1time1 min-height:추가
 * 2019.11.12 | 문영신 | .cp20calendar1table1 .a1.st1 cursor 변경. 토글꾸밈 추가
 * 2019.12.04 | 김효진 | .cp20view1 .g1 상태 추가
 * 2019.12.05 | 문영신 | .cp20menu1 추가 .cp20card1.list 추가
 * 2020.02.21 | 김효진 | .cp20edulist1 추가 .spc4map1 특화맵 추가
 * 2025.03.28 | 김효진 | 화정생활문화센터 시설대관 css 추가
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.07.24
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

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

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

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


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


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





.login1box1{display:block;max-width:620px;
	text-align:center;
	font-size:20px;
	margin:0 auto;
}
.login1box1:before{content:'';display:block;
	width:111px;height:111px;
	background:url(../../img/lib2/ic160deco1bulb111.png) no-repeat;
	margin:0 auto 10px;
}
.login1box1 .t2{font-size:18px;margin:20px 0 0;}



.zi10{z-index:10 !important;}


/* BG */
.bgcf3f4f6{background-color:#f3f4f6 !important;}


/* 버튼 | 독립아이콘 */
.ic1.indy.ic80bulb1{width:80px;height:80px;background-image:url(../../img/lib2/ic160deco1bulb1.png);}
.ic1.indy.ic80poll1{width:80px;height:80px;background-image:url(../../img/lib2/ic160a1c1poll1.png);}
.ic1.indy.ic20info1{width:20px;height:20px;background-image:url(../../img/lib2/ic40a8c1info1.png);}
.ic1.indy.ic20info2{width:20px;height:20px;background-image:url(../../img/lib2/ic40a8c2info1.png);}
/* ☆ */
.ic1.indy.ic20plus1{width:20px;height:20px;background-image:url(../../img/lib/ic40a3c1plus1.png);}
.ic1.indy.ic20download1{width:20px;height:20px;background-image:url(../../img/lib/ic40a3c1download1.png);}
/* ☆ */
.ic1.indy.ic111speech1{width:111px;height:111px;background-image:url(../../img/lib2/ic222a1c2speech1.png);}
/* ☆ */
.ic1.indy.ic11plus1{width:11px;height:11px;background-image:url(../../img/lib2/ic11a1c1plus1.png);}
/* ☆ */
.ic1.indy.icw150person1check1{width:150px;height:100px;background-image:url(../../img/lib2/icw300a1c2person1check1.png);}
.ic1.indy.icw150person1leaves1{width:150px;height:100px;background-image:url(../../img/lib2/icw300a1c2person1leaves1.png);}
.ic1.indy.icw150earth1airplane1{width:150px;height:100px;background-image:url(../../img/lib2/icw300a1c2earth1airplane1.png);}
.ic1.indy.icw150person3{width:150px;height:100px;background-image:url(../../img/lib2/icw300a1c2person3.png);}
/* ☆ */
.ic1.indy.icw200pc1check1{width:200px;height:110px;background-image:url(../../img/lib2/icw400a1c2pc1check1.png);}
.ic1.indy.icw200schedule1check1{width:200px;height:110px;background-image:url(../../img/lib2/icw400a1c2schedule1check1.png);}
/* ☆ */
.ic1.indy.ic140toy1{width:140px;height:140px;background-image:url(../../img/lib2/ic280a1c2toy1.png);}
.ic1.indy.ic140toy2{width:140px;height:140px;background-image:url(../../img/lib2/ic280a1c2toy2.png);}


/* 블럭버튼.글1픽1 */
.button.block1t1ic1{display:block;
	width:100%;
	height:auto;
	padding:8px 50px 8px 16px; /* (30+12+8) */
	border-color:#ddd;
	background-color:#fff;
	color:#666;
	white-space:normal;
	text-align:left;
}
.button.block1t1ic1:after{content:'';
	display:inline-block;
	height:30px;
	vertical-align:middle;
}
.button.block1t1ic1 .t1{
	display:inline-block;
	width:98%;
	font-size:15px;
	line-height:1.375;
	vertical-align:middle;
	/* text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; */
}
.button.block1t1ic1 .ic1{
	position:absolute;right:12px;top:8px;
	width:30px;height:30px;
	background-image:url(../../img/lib2/ic60a2c2opennew1.png);
}
.button.block1t1ic1 .ic1.link{background-image:url(../../img/lib2/ic60a2c2opennew1.png);}
.button.block1t1ic1 .ic1.download{background-image:url(../../img/lib2/ic60a2c2download1.png);}


/* ☆~20191205 */
.toggle .ic1.triangle1{display:inline-block; /* ▽ */
	width:0;height:0;
	border:0 solid transparent;
	border-top-color:#000;
	border-width:8px 6px 0 6px;
	transition:.2s;
}
.toggle.on .ic1.triangle1{
	transform:rotate(180deg);
}
/* ☆ 20191205 */
.toggle.switch1{
	width:115px;
	background:#789;
	border:0;
	transition:0s;
}
.toggle.switch1 .t1{display:inline-block;
	width:4em;
	font-size:14px;
	line-height:22px;
	text-align:right;
}
.toggle.switch1 .ic1{
	width:17px;height:17px;
	min-width:0;min-height:0; /* ☆ */
	background-image:url(../../img/lib2/ic17a3c0down1.png);
}
.toggle.switch1.on{
	border:1px solid #ccc;
	background:#fff;
	color:#333;
}
.toggle.switch1.on .ic1{
	background-image:url(../../img/lib2/ic17a3c1up1.png);
	opacity:.42;
}


/* 패널 */
[class*='panel']>.size100px{
	width:100px;height:100px;
}
/* ☆ */
[class*='panel']>.deco6trophy1{background-image:url(../../img/lib2/ic200a1c1trophy1.png);}
[class*='panel']>.deco6note1pencil1{background-image:url(../../img/lib2/ic200a1c1note1pencil1.png);}
/* ☆ */
[class*='panel']>[class*='deco7']{
	width:114px;height:114px;
}
[class*='panel']>.deco7bulb1{background-image:url(../../img/lib2/ic228a1c1bulb1.png);}
[class*='panel']>.deco7recycle1{background-image:url(../../img/lib2/ic228a1c1recycle1.png);}
/* ☆ */
[class*='panel']>[class*='deco8']{
	width:90px;height:90px;
	margin:0 35px 0 25px;
}
[class*='panel']>.deco8megaphone1{background-image:url(../../img/lib2/ic180a1c1megaphone1.png);}
[class*='panel']>.deco8monitor1talk1{background-image:url(../../img/lib2/ic90a1c1monitor1talk1.png);}
/* ☆ */
[class*='panel']>[class*='deco10']{
	width:111px;height:111px;
	margin:0 30px 0 0;
}
[class*='panel']>.deco10speech1{background-image:url(../../img/lib2/ic222a1c2speech1.png);}
/* ☆ */


/* 달력날짜선택기 20190812
 * jquery-ui.css 를 차후에 불러오는거 대비 우선순위 높여줌.
 */
img.ui-datepicker-trigger{
	width:20px;height:20px;
	margin:.375em 0 .375em -1px;
	padding:9px 4px; /* ((40-20-1*2)/2) () */
	border:1px solid #bbb;
	background:#fff;
}
/* ☆ */
.fs15px img.ui-datepicker-trigger{
	padding:7.75px 4px;
}
/* 레이어.달력 */
.ui-datepicker[class][class]{
	font-size:14px;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
}
.ui-datepicker[class][class] select{
	height:24px;
	width:40%;
	margin:0 2%;
	padding-top:0;
	padding-bottom:0;
	border-radius:2px;
	vertical-align:baseline;
}
.ui-datepicker[class] .ui-datepicker-prev,
.ui-datepicker[class] .ui-datepicker-next{
	box-sizing:border-box; /* ☆ */
	position:absolute;
	top:50%;
	width:24px;
	height:24px;
	margin:-12px 3px;
	border-width:1px;
}
.ui-datepicker[class] td span,
.ui-datepicker[class] td a {
	text-align:center;
}


/* 복합배치 20190812 */
/* .hybrid2row1>.column1>.ic1{
	background-image:url(../../img/lib2/ic17a1c2!.png);
	background-size:auto;
} */


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


/* 불릿아이콘목록 20190812 :: 확장하려면 불릿 요소를 분리한다 */
.bi1{display:block;
	list-style:none;margin-left:0;padding:0;
	line-height:1.375;
	text-align:left;
}
.bi1 .li1{display:block;
	margin:.375em 0;
	padding:0 0 0 24px;
	background:url(../../img/lib2/ic17a1c2!.png) no-repeat 0 .125em;
	background-size:17px;
}
/* ☆ */
.bi1.type2 .li1{background:url(../../img/lib2/ic17a1c3!.png) no-repeat 0 .125em;}
/* ☆ */
.bi1.type3 .li1{
	padding:1px 0 1px 30px;
	background:url(../../img/lib2/ic48a2c2star1.png) no-repeat;
	background-size:24px;
	font-size:18px;
}


/* 라인배경 20190911 */
.line4t1slash1{display:block;
	clear:both;
	height:4px;
	background:url(../../img/lib2/b1c1slash1g3.png) center center;
}


/* 글따옴표 20190911 */
.cp20quote1{display:block;
	position:relative;
	margin:0 auto 40px;
	padding:35px 0 0;
	text-align:center;
}
.cp20quote1:before{content:'';display:inline-block;
	width:68px;
	height:57px;
	margin:-35px 12px 12px; /* (24*1.375-68) (24/2) (24/2) */
	background:url(../../img/lib2/b1quote1.png) no-repeat center center;
	vertical-align:middle;
}
.cp20quote1 .tg1{display:inline;
	color:#000;
	font-weight:400;
	font-size:24px;
	letter-spacing:-.0625em;
	vertical-align:middle;
}


/* 목록()표 20190812 */
/* ◇◆ 표를 목록으로 변환 */
@media all and (max-width:767px){
	/* 게시물목록표 */
	.cp20list2table2>table{
		display:block;
		padding:1px 0;
	}
	.cp20list2table2>table>*{
		display:block;
	}
	.cp20list2table2>table>*>tr{display:block;
		padding:.75em 0;
		border-top:1px solid #ddd;
	}
	.cp20list2table2>table>*>tr:first-child{
		border-top:0;
	}
	.cp20list2table2>table>thead>tr{display:block;
		position:absolute;left:-9999px;
		border-top:0;
		background:#eee;
		text-align:center;
	}
	.cp20list2table2>table>*>tr>th,
	.cp20list2table2>table>*>tr>td{
		display:inline-block;
		margin:1px .25em 1px 0;
		padding:.25em;
		border:0;
		background:transparent;
		text-align:left;
	}
	.cp20list2table2>table .title{
		display:block;
	}
	/* 양식표 */
	.cp20list2table2>.writeform1>*>tr{display:block;
		padding:0;
		border-top:0;
	}
	.cp20list2table2>.writeform1>*>tr>th{
		clear:both;
		float:left;
		width:5em;
		padding:.25em .75em .25em 0;
	}
	.cp20list2table2>.writeform1>*>tr>td{
		display:block;
		width:auto;
		overflow:hidden;
	}
	.cp20list2table2>.writeform1>*>tr>td .form-static1{
		padding-left:.5em;
	}
}


/* 토글꾸밈 20191112 */
.button.toggle.on .deco1{
	z-index:10;
	position:absolute;left:50%;top:100%;
	margin:13px 16px;
}
/* chevron △ */
.button.toggle.on .deco1:before{content:'';display:inline-block;
	position:absolute;right:0;top:0;
	width:0;height:0;
	margin:-1px 0;
	border:16px solid transparent;
	border-top:0;
	border-bottom-color:#000;
}
.button.toggle.on .deco1:after{content:'';display:inline-block;
	position:absolute;right:0;top:0;
	width:0;height:0;
	margin:0;
	border:16px solid transparent;
	border-top:0;
	border-bottom-color:#fff;
}


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


/* 목록카드.card(카드형) 20190812 20191205 */
.cp20card1{display:block;
	position:relative;
	margin:0 0 1.5em 0;
	line-height:1.375;
}
.cp20card1 .a1{display:block;
	position:relative;
	border:1px solid #ccc;
	text-decoration:none;
}
.cp20card1 .a1:focus{
	outline:1px dotted #000;
}
.cp20card1 .f1{display:block;
	position:relative;
	margin:-1px -1px 0; /* ☆ */
	overflow:hidden;
}
.toy.cp20card1 .f1 {margin:0} /* 장난감은행 템플릿용 */
.cp20card1 .f1p1{display:block;
	position:relative;
	padding:0 0 66.666%;
	background:#eee;
	overflow:hidden;
}
.cp20card1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp20card1 .tg1{
	padding:18px;
	overflow:hidden;
}
.cp20card1 .g1{display:inline-block;
	position:absolute;left:0;top:0;
	margin:-1px -1px 0; /* ☆ */
	padding:.5em .75em;
	text-align:center;
	background:#888;
	color:#fff;
	font-weight:400;
	font-size:14px;
}
/* s1 접수중 s2 홍보중 s3 접수마감 s4 정원마감 */
.cp20card1 .g1.s1{background-color:#12a975;}
.cp20card1 .g1.s2{background-color:#a916c7;}
.cp20card1 .g1.s3{}
.cp20card1 .g1.s4{background-color:#3b4c57;}
.cp20card1 .t1{display:block;
	padding:0 0 8px;
	color:#000;
	font-weight:400;
	font-size:20px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp20card1 .lst1{
	list-style:none;margin:0;padding:0;
	overflow:hidden;
}
.cp20card1 .li1{display:block;
	box-sizing:border-box; /* ☆ */
	margin:.375em 0;
	padding:0 0 0 12px;
	background:url(../../img/lib2/bu1.png) no-repeat 2px .5em;
	color:#666;
	font-weight:400;
	font-size:15px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
/* 목록카드.list(목록형) 20191205 */
.cp20card1.list .even-grid{
	border-top:1px solid #d7d7d7;
}
.cp20card1.list .column{
	width:100%;
	padding:0;
}
.cp20card1.list .a1{
	padding:20px 0;
	border:0;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
}
.cp20card1.list .f1{
	float:left;
	width:26.087%; /* (240/920) */
	margin:0 1.522% 0 0; /* (14/920) */
}
.cp20card1.list .tg1{
	padding:0 0 0 14px;
	zoom:.875; /* ☆ */
}
.cp20card1.list .g1{
	float:left;
	margin:0 .5625em .375em 0;
	position:relative;
}
.cp20card1.list .t1{
	display:inline-block;
	padding:.1875em 0 .5em;
	white-space:normal;
}
.cp20card1.list .li1{
	white-space:normal;
}
/* RWD ◇◆ */
@media all and (min-width:1000px){
	.cp20card1.list .tg1{
		zoom:1;
	}
	.cp20card1.list .li1{
		float:left;
		width:50%;
	}
}


/* 상세내용 .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 예약완료 | st4 예약확인 */
.cp20timetable1 .a1.st1 .ic1{background:#fe5051;}
.cp20timetable1 .a1.st2 .ic1{background:#1e78d0;}
.cp20timetable1 .a1.st3 .ic1{background:#727781;}
/*.cp20timetable1 .a1.st4 .ic1{background:#12a975;}*/
.cp20timetable1 .a1.st4 .ic1{background:#fe5051;}

/* 범례 없다 */
.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:.625em 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;
	padding:30px 20px; /* (30/370) */
	background:#f7f7f9;
	line-height:1.375; 
}
/* ☆ */
.cp20pick1time1 .hg1{display:block;
	margin:0 0 14px;
	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:#1b4694 url(../../img/lib2/ic40a10c0calendar1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp20pick1time1 .hg1.hh1{padding:60px 0px 0 10px;}
.cp20pick1time1 .hg1 .ic1.t1{width:80px;height:80px;background:#fff url(../../img/lib2/ic40a10c0mouse1.png) no-repeat center center;}
.cp20pick1time1 .t11{list-style: none;min-height:120px;margin: 0 0 12px;padding: 20px 0; font-weight:600;}
.cp20pick1time1 .hg1 .h1{display:inline-block;
	margin:0;
	color:#1b4694;
	font-weight:600;
	font-size:26px;
	vertical-align:middle;
}
/* ☆ */
.cp20pick1time1 .lst1{
	list-style:none;
	min-height:238px; /* (화면확인) */
	margin:0 0 12px;
	padding:20px 0;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
.cp20pick1time1 .lst2{
	list-style:none;
	min-height:238px; /* (화면확인) */
	margin:0 0 12px;
	padding:9px 0;
	border-bottom:2px solid #ccc;
}
.cp20pick1time1 .li1{
	margin:0;
	padding:0;
}

.cp20pick1time1 ul.lst1 ul{list-style:none;margin: 0;padding:0;}
.cp20pick1time1 ul.lst2 ul{list-style:none;margin: 0;padding:0;}

.cp20pick1time1 .a1{display:block;
	margin:4px 0;
	padding:0 0 0 12px;
	background:url(../../img/lib2/bu1.png) no-repeat 2px .625em;
	overflow:hidden;
}
.cp20pick1time1 .a2{display:inline-block;
	margin:0;
	padding:0 0 0 12px;
	background:url(../../img/lib2/li2bg.png) no-repeat 1px .35em;
	overflow:hidden;
}
.cp20pick1time1 .a3{display:inline-block;
	margin-left:100px;
	padding:0 0 0 12px;
	background:url(../../img/lib2/li2bg.png) no-repeat 1px .35em;
	overflow:hidden;
}
.cp20pick1time1 .a2 .t1{
	float:left;
	padding:3px 0;
	color:#666;
	font-size:14px;
}
.cp20pick1time1 .a3 .t1{
	float:left;
	padding:3px 0;
	color:#666;
	font-size:14px;
}
.cp20pick1time1 label{
	cursor:default;
}
.cp20pick1time1 .a1 .t1{
	float:left;
	padding:3px 0;
	color:#666;
	font-size:14px;
}
.cp20pick1time1 .a1 .fg1{
	float:right;
	text-align:right;
}
.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 */
.cp20price1{display:block;
	position:relative;
	font-size:18px;
	line-height:1.375;
	overflow:hidden;
}
.cp20price1 .t1{
	float:left;
	margin:10px 0;
}
.cp20price1 .t1ic1{display:inline-block;
	width:26px;height:26px;
	margin:0 4px 0 0;
	background:url(../../img/lib2/ic26a1c2won1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}

.cp20price1 .t1ic2{display:inline-block;
	width:20px;height:20px;
	margin:0 4px 0 0;
	background-image: url(../../img/lib2/ic17a1c2check.png);}
	vertical-align:middle;
}

.cp20price1 .t1t1{display:inline-block;
	color:#333;
	vertical-align:middle;
}
.cp20price1 .t2{
	float:right;
	color:#f50;
}
.cp20price1 .t2t1{
	font-size:30px;
}
.cp20price1 .t2t2{}


/* 디자인폼 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;
	}
}


/* 목록(픽1분류2글2정의목록1) 복합 .hybrid1row1 : 공연·전시, .. 20190812 */
.cp20f1list1{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
.cp20f1list1 a{color:#000;}
.cp20f1list1 .a1[href]:focus .f1{outline:1px dotted #000;}
.cp20f1list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-bottom:1px solid #ddd;
}
.cp20f1list1 .li1{
	border-top:1px solid #ddd;
	overflow:hidden;
}
/* .hybrid1row1 재정의 */
.cp20f1list1 .li1>.w1.hybrid1row1{
	padding:30px 0 10px; /* ☆ */
}
.cp20f1list1 .li1 .column1{
	width:240px;
	margin:0 auto 20px; /* ☆ */
}
.cp20f1list1 .li1 .column2{
	height:auto; /* = .column1 자식 높이 */
	padding:0 0 20px;
}
/* 내용 */
.cp20f1list1 .li1 .figs{display:block;
	margin:0 20px; /* ☆ */
}
.cp20f1list1 .li1 .texts{display:block;
	margin:auto;
}
.cp20f1list1 .li1 .f1{display:block;
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0 0 145%; /* (290/200) */
	background:#eee;
	overflow:hidden;
}
.cp20f1list1 .li1 .f1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.cp20f1list1 .li1 .f1 img{display:block;position:relative;
	width:auto;height:100%;min-width:33.4%;max-width:100%;
	margin:0 auto;
}
.cp20f1list1 .li1 .texts{
	text-align:left;
}
.cp20f1list1 .li1 .texts .g1{display:inline-block;
	margin:0 .25em 0 0;
	padding:.25em .75em;
	border-radius:3px;
	border:2px solid transparent;
	background:#ed145b;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}
.cp20f1list1 .li1 .texts .g1.s1{background:#ed145b;}
.cp20f1list1 .li1 .texts .g1.s2{background:#4a0;}
.cp20f1list1 .li1 .texts .g1.s3{}
.cp20f1list1 .li1 .texts .g2{display:inline-block;
	margin:0 .25em 0 0;
	padding:.25em 1em;
	border-radius:3px;
	border:2px solid #363940;
	color:#363940;
	font-weight:600;
	font-size:14px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}
.cp20f1list1 .li1 .texts>.t1{display:inline-block;
	margin:.5em 0;
	color:#333;
	font-weight:600;
	font-size:22px;
	overflow:hidden;
	vertical-align:middle;
}
.cp20f1list1 .li1 .texts .t2{display:block;position:relative;
	max-height:72px; /* (24*3) */
	margin:10px 0 20px;
	color:#555;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
}
.cp20f1list1 .li1 .texts .t2:after{content:'…';display:block;
	position:absolute;right:0;bottom:0;
	width:3em;
	height:24px; /* (24*3) */
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp20f1list1 .li1 .figs{
		margin:0 40px 0 0; /* ☆ */
	}
}


/* 정보정의목록 20190812 */
.cp20dlist2{position:relative;
	font-size:.875em;
	line-height:1.375;
}
.cp20dlist2 .dl1{
	position:relative;
	list-style:none;
	margin:10px 0 0;
	padding:10px 0 0;
	text-align:left;
}
.cp20dlist2 .dl1:before{content:''; /* ─ */
	display:block;
	position:absolute;left:0;top:0;
	width:24px;
	height:0;
	margin:0 2px;
	border-top:1px solid #d7d7d7;
}
.cp20dlist2 .di{display:block;
	margin:2px 0;
	overflow:hidden;
}
.cp20dlist2 .dt{display:inline-block;
	float:left;
	margin:2px 0;
}
.cp20dlist2 .dt .t1{display:inline-block;
	padding:2px 0;
	font-weight:400;
	vertical-align:middle;
}
.cp20dlist2 .dd{display:block;
	padding:4px 0 0 4px;
	overflow:hidden;
}


/* 절차 20190822 */
.cp20process1{position:relative;
	line-height:1.375;
	text-align:center;
}
.cp20process1 .lst1{
	position:relative;
	list-style:none;
	margin:auto;
	padding:0;
	font-size:0;
}
.cp20process1 .m{display:inline-block;
	margin:0;
	vertical-align:middle;
}
.cp20process1 .m .ic1{display:inline-block;
	width:40px;height:40px;
	margin:10px 20px;
	background:url(../../img/lib2/ic80a1c2right1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp20process1 .m:first-child .ic1{
	display:none;
}
.cp20process1 .a1{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:140px;
	height:140px;
	border-radius:9999px;
	background:#00529b;
	color:#fff;
	font-weight:600;
	text-align:center;
	vertical-align:middle;
}
.cp20process1 .m .t1{display:inline-block;
	font-weight:600;
	font-size:20px;
	text-align:center;
	vertical-align:middle;
}
.cp20process1 .m .ic2{display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
/* ☆ */
.cp20process1 .on .a1{
	border:3px solid #00529b;
	background:#fff;
	color:#00529b;
}
.cp20process1 .on .ic2{display:block;
	width:50px;height:50px;
	margin:18px auto 10px;
	background:url(../../img/lib2/ic100a1c2paper1pen1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* ◇◆ */
@media all and (max-width:639px){
	.cp20process1 .lst1{
		width:140px;
	}
	.cp20process1 .m{
		margin:auto;
	}
	.cp20process1 .m .ic1{
		transform:rotate(90deg);
	}
}
@media all and (min-width:640px){
	.cp20process1{
		zoom:.64; /* 화면확인 */
	}
}
@media all and (min-width:768px){
	.cp20process1{
		zoom:.78; /* 화면확인 */
	}
}
@media all and (min-width:1000px){
	.cp20process1{
		zoom:1;
	}
}


/* 절차 20190911 */
.cp20process2{position:relative;
	line-height:1.375;
	text-align:center;
}
.cp20process2 .lst1{
	position:relative;
	list-style:none;
	margin:auto;
	padding:0;
	border:1px solid #ccc;
	font-size:0;
}
.cp20process2 .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:33.333%;
	height:90px;
	vertical-align:middle;
}
.cp20process2 .m .ic1{
	z-index:10;
	position:absolute;right:0;top:0;bottom:0;
	width:0;
}
.cp20process2 .m:last-child .ic1{
	display:none;
}
.cp20process2 .m .ic1:before{content:'';display:inline-block; /* ▷ */
	position:absolute;right:0;top:50%;
	width:0;height:0;
	margin:-45px -30px;
	border:0 solid transparent;
	border-left-color:#ccc;
	border-width:45px 0 45px 30px;
}
.cp20process2 .m .ic1:after{content:'';display:inline-block; /* ▷ */
	position:absolute;right:0;top:50%;
	width:0;height:0;
	margin:-45px -29px;
	border:0 solid transparent;
	border-left-color:#fff;
	border-width:45px 0 45px 30px;
}
/* ☆ */
.cp20process2 .a1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-1px 0;
	padding:20px 20px 20px 40px;
	text-align:left;
	overflow:hidden;
}
.cp20process2 .m:last-child .a1{
	margin-right:-2px;
}
.cp20process2 .m:first-child .a1{
	padding-left:20px;
}
.cp20process2 .m .ic2{display:block;
	float:left;
	width:50px;height:50px;
	margin:0 2px 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp20process2 .m1 .ic2{background-image:url(../../img/lib2/ic100a2c2paper1check1.png);}
.cp20process2 .m2 .ic2{background-image:url(../../img/lib2/ic100a2c2paper1pen1.png);}
.cp20process2 .m3 .ic2{background-image:url(../../img/lib2/ic100a2c2person1check1.png);}
.cp20process2 .m1.on .ic2{background-image:url(../../img/lib2/ic100a2c2paper1check1on.png);}
.cp20process2 .m2.on .ic2{background-image:url(../../img/lib2/ic100a2c2paper1pen1on.png);}
.cp20process2 .m3.on .ic2{background-image:url(../../img/lib2/ic100a2c2person1check1on.png);}
.cp20process2 .m .g1{display:block;
	float:left;
	margin:14px 0;
	color:#434756;
	font-weight:600;
	font-size:16px;
	overflow:hidden;
}
.cp20process2 .m .t1{display:block;
	height:50px;
	color:#888;
	font-size:16px;
	text-align:right;
	overflow:hidden;
}
.cp20process2 .m .t1:before{content:'';display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
.cp20process2 .m .t1t1{display:inline-block;
	vertical-align:middle;
}
/* 활성 */
.cp20process2 .m.on .a1{
	z-index:5; /* z < .cp20process2 .m .ic1 */
	background:#3875c1;
}
.cp20process2 .m.on .ic1:before{
	border-left-color:#3875c1;
	/*border-left-color:#143991;*/
}
.cp20process2 .m.on .ic1:after{
	border-left-color:transparent;
}
.cp20process2 .m.on .g1,
.cp20process2 .m.on .t1{
	color:#fff;
}
/* ◇◆ */
@media all and (max-width:767px){
	.cp20process2 .m{
		display:block;
		width:auto;
	}
	.cp20process2 .a1[class][class]{
		margin:-1px;
		padding:20px;
		border-bottom:1px solid #ccc;
	}
	.cp20process2 .m .ic1{
		display:none;
	}
	.cp20process2 .m.on .a1{
		border:0;
	}
}
@media all and (min-width:640px){
	.cp20process2{
		zoom:.8;
	}
}
@media all and (min-width:1000px){
	.cp20process2{
		zoom:1;
	}
}


/* 로그인. 20190911. [JS]jQtabCont2() */
.cp20login1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:620px;
	margin:auto;
	padding:2.5% 8.333%; /* (20/1200) (100/1200) */
	border:1px solid #ddd;
	background:#fcfcfc;
	/* text-align:center; */
}
.cp20login1>.wrap1{
	padding:30px 0;
}
.cp20login1 .h1{
	margin:0;
	text-align:center;
}
.cp20login1 .h1ic1{display:inline-block;
	width:22px;height:22px;
	background:url(../../img/main/ic44a3c1lock1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp20login1 .h1t1{display:inline-block;
	margin:0 .25em 0 0;
	color:#000;
	font-size:22px;
	vertical-align:middle;
}
/* 로그인전 */
.cp20login1 .w1.before{position:relative;
	padding:56px 0 0 0;
}
/* ☆ */
.cp20login1 .tab{display:table;
	z-index:10;
	position:absolute;left:0;right:0;top:0;
	width:50%;
	height:50px;
	margin:0 -1px 0 0;
	border:1px solid #ccc;
	background:#fcfcfc;
	font-size:15px;
}
.cp20login1 .tab:nth-of-type(1){left:0%;}
.cp20login1 .tab:nth-of-type(2){left:50%;}
.cp20login1 .tab>a{display:table-cell;
	padding:0 .5em;
	color:#333;
	font-weight:400;
	line-height:1.25;
	text-align:center;
	vertical-align:middle;
}
.cp20login1 .tab>a:hover,
.cp20login1 .tab>a:focus{text-decoration:none;}
.cp20login1 .tab.on{
	z-index:20;
	border-color:transparent;
	background:#00173b;
}
.cp20login1 .tab.on>a{
	color:#fff;
}
/* 내용물 */
.cp20login1 .cont{display:none;
	padding:8px 0 0;
	position:relative;
}
/* ☆ */
.cp20login1 .item label{
	min-width:4em;
}
.cp20login1 .item input[type='text'],
.cp20login1 .item input[type='password']{
	width:100%;
	height:40px;
}
.cp20login1 .b1{
	display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:100%;
	height:50px;
	padding:.8125em;
	border:0;
	background:#033075;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.cp20login1 .submit{
	margin:.75em 0;
}
.cp20login1 .submit + .item{
	float:left;
	color:rgba(0,0,0, .6);
	font-size:13px;
}
.cp20login1 .link{
	float:right;
	margin:.3125em 0;
	color:rgba(0,0,0, .6);
	font-size:13px;
	letter-spacing:-.075em;
}
.cp20login1 .link .a1{
	color:inherit;
	letter-spacing:-.075em;
	vertical-align:middle;
}
.cp20login1 .link .sep{
	color:inherit;
	font-size:.5em;
	margin:0 .5em;
	vertical-align:middle;
}
.cp20login1 .b2{
	display:block;
	clear:both;
	width:100%;
	margin:10px 0 0;
	border:1px solid #d0d9e7;
	background:#f6f7f9;
	color:#333;
	font-size:0;
	text-align:center;
}
.cp20login1 .b2t1{
	display:inline-block;
	margin:.625em 1.25em;
	color:#333;
	font-size:15px;
	vertical-align:middle;
}
.cp20login1 .b2ic1{display:inline-block;
	width:22px;height:22px;
	background:url(../../img/main/ic44a3c2people1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp20login1 .b2ic2{display:inline-block;
	width:28px;height:13px;
	background:url(../../img/main/icw28a1c1right1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
/* 로그인후 */
.cp20login1 .w1.after{}
.cp20login1 .w1.after .h1ic1{
	background-image:url(../../img/main/ic44a3c1lock1open1.png);
}
.cp20login1 .t1{
	display:block;
	margin:14px 0;
}
.cp20login1 .t1t1,
.cp20login1 .t1t2{
	display:block;
	color:#666;
	font-size:26px;
	line-height:1.375;
	text-align:center;
}
.cp20login1 .t1t1{
	color:#284a7e;
	font-weight:600;
	font-size:32px;
}
.cp20login1 .t2{
	display:block;
	margin:1em 0;
	overflow:hidden;
}
.cp20login1 .t2t1,
.cp20login1 .t2t2{
	display:inline-block;
	color:#555;
	font-size:15px;
	vertical-align:middle;
}
.cp20login1 .t2t1{
	font-size:13px;
}
.cp20login1 .t2ic1{display:inline-block;
	width:14px;height:14px;
	margin:0 4px 0 0;
	background:url(../../img/main/ic14a3c1clock1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* 회원박스(비밀번호찾기..) 20190911 */
.cp20member1box1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:620px;
	margin:auto;
	padding:2.5% 8.333%; /* (20/1200) (100/1200) */
	border:1px solid #ddd;
	background:#fcfcfc;
	/* text-align:center; */
}
.cp20member1box1>.wrap1{
	padding:30px 0;
}
.cp20member1box1 .h1{display:block;
	margin:0 0 .375em;
	color:#000;
	font-size:40px;
	letter-spacing:-.075em;
}
.cp20member1box1 input[type='text'],
.cp20member1box1 input[type='password'],
.cp20member1box1 select{
	height:50px;
	border:1px solid #ddd;
	background:#fff;
}
.cp20member1box1 .btns{
	margin:4px 0;
}
.cp20member1box1 .lg1{
	margin:30px 0 0;
	font-size:18px;
	text-align:center;
	overflow:hidden;
}
.cp20member1box1 .lg1 .a1{display:block;
	position:relative;
	margin:0 -1px 10px 0;
	padding:0 1.25em;
	color:#000;
}
.cp20member1box1 .lg1 .a1:before{content:''; /*│*/
	display:block;
	position:absolute;right:0;top:50%;
	width:0;
	height:16px;
	margin:-8px 0;
	border-left:1px solid #e4e4e4;
}
@media all and (min-width:768px){
	.cp20member1box1 .lg1 .a1{
		display:inline-block;
	}
	.cp20member1box1 .lg1 .a1:last-child:before{
		display:none;
	}
}


/* 관심정보설정 20190911 */
.cp20interest1set1{
	margin:30px 0;
	padding:0 0 0 1px;
}
.cp20interest1set1 .tg1{
	margin:0 0 0 -1px;
	padding:8px;
	border-left:1px solid #111;
	background:#353541;
	color:#fff;
	text-align:center;
}
.cp20interest1set1 .column:first-child .tg1{
	border-left:0;
}
.cp20interest1set1 .fcontrol2{
	margin:0 0 0 -1px;
	padding:15px 20px;
	border:1px solid #ddd;
	border-top:0;
	background:#f7f7f9;
	font-size:15px;
}


/* 목록형태선택메뉴 20191205 */
.cp20menu1{
	z-index:0;
	position:relative;
	font-size:0;
}


.infomenu1 .right .dd {
    float: left;
    left: 130px;
    display: block;
    margin: -2px 0 0 0;
    }

.cp20menu1 .b1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:36px;height:36px;
	margin:0 0 0 -1px;
	border:1px solid #ccc;
	border-radius:0;
	background:#fff;
	vertical-align:middle;
}
.cp20menu1 .b1:first-child{
	border-radius:3px 0 0 3px;
}
.cp20menu1 .b1:last-child{
	border-radius:0 3px 3px 0;
}
.cp20menu1 .b1 .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:16px;height:16px;
	margin:-8px;
	background:url() no-repeat center center;
	opacity:.27;
}
.cp20menu1 .b1.card .ic1{background-image:url(../../img/lib2/ic16a3c1cards1.png);}
.cp20menu1 .b1.list .ic1{background-image:url(../../img/lib2/ic16a3c1list1.png);}
/* ☆ */
.cp20menu1 .b1:hover .ic1,
.cp20menu1 .b1:focus .ic1,
.cp20menu1 .b1.on .ic1{
	opacity:1;
}
/* ☆ */
.cp20menu1 .b1.on{
	z-index:10;
	border-color:transparent;
	background:#666;
}

.cp20menu1 .b1.on.card .ic1{background-image:url(../../img/lib2/ic16a3c0cards1.png);}
.cp20menu1 .b1.on.list .ic1{background-image:url(../../img/lib2/ic16a3c0list1.png);}

/* cp20edulist1 월별강좌목록 - 2020.2.21 추가  */
.cp20edulist1 {border-top:1px solid #555;margin-top:30px;}
.cp20edulist1 .even-grid {margin:0}
.cp20edulist1 .even-grid>.column {display:block;}
.cp20edulist1 .column.small-2, .cp20edulist1 .column.small-10 {width:100%;padding-bottom:0}
.cp20edulist1 .h1, .cp20edulist1 ul {margin:0;}
.cp20edulist1 .h1 {display:inline-block;position:relative;font-family:"Open Sans";font-size:20px;letter-spacing:0;line-height:1;text-align:left;color:#175fa5;padding-top:20px;}
.cp20edulist1 .h1 .ym {display:inline-block;vertical-align:top;}
.cp20edulist1 .h1 .date {display:inline-block;vertical-align:top;}
.cp20edulist1 .h1 .date:before {content:".";display:inline-block;vertical-align:top}
.cp20edulist1 .column.small-10 {border-bottom:1px solid #ddd;}
.cp20edulist1 ul {list-style:none;overflow:hidden;transition:all .3s ease;padding-left:0;min-height:80px;padding-right:30px;}
.cp20edulist1 .scroll1 ul {height:258px}
.cp20edulist1 .column.over ul {height:auto;}
.cp20edulist1 ul li {padding:10px 0;border-bottom:1px solid #eee;font-size:14px}
.cp20edulist1 ul li:first-child {padding-top:0}
.cp20edulist1 ul li:last-child {border:0}
.cp20edulist1 ul li a {display:block;color:#555;letter-spacing:-.06em;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp20edulist1 ul li a .cate {color:#000}
.cp20edulist1 .btns {display:none;position:absolute;bottom:9px;right:0;width:45px;height:25px;border:0;background:#f3f7ff;border-radius:5px;margin:0;font-size:12px;padding:0 3px;;}
.cp20edulist1 .scroll1 .btns {display:block;}
.cp20edulist1 .scroll1 .btns .num {display:inline-block;vertical-align:middle;}
.cp20edulist1 .scroll1.over .btns .num {display:none;}
.cp20edulist1 .btns:after {content:"";display:inline-block;vertical-align:middle;width:0;border-width:5.5px;border-style:solid;border-color:#555 transparent transparent transparent;margin-left:3px;margin-top:7px;}
.cp20edulist1 .over .btns:after {position:absolute;top:50%;margin:-7px -6px 0 0;transform:rotate(-180deg);right:50%;}
@media all and (min-width:480px){
	.cp20edulist1 .scroll1 ul {height:270px}
	.cp20edulist1 ul li {font-size:15px}	
}
@media all and (min-width:640px){
	.cp20edulist1 .even-grid>.column {display:inline-block;}
	.cp20edulist1 .column.small-2 {width:13%}
	.cp20edulist1 .column.small-10 {width:87%}
	.cp20edulist1 .column.small-10:after {position:absolute;bottom:-1px;left:-14.8%;content:"";display:block;width:100%;height:1px;background:#ddd;}
	.cp20edulist1 .h1, .cp20edulist1 .h1 {text-align:center;}
	.cp20edulist1 .h1 {display:block;padding-top:48px;font-size:15px;color:#555;margin-top:20px}
	.cp20edulist1 .h1 .ym {border-top:1px solid #d9d9d9;padding-top:8px}
	.cp20edulist1 .h1 .date {position:absolute;top:0;left:0;width:100%;font-size:42px;color:#175fa5;font-weight:700}
	.cp20edulist1 .h1 .date:before {display:none;}
	.cp20edulist1 ul {margin:18px 0;padding-left:30px;padding-right:60px;border-left:1px solid #eee;}
	.cp20edulist1 .scroll1 ul {height:380px}
	.cp20edulist1 ul li {padding:19px 0;font-size:17px}
	.cp20edulist1 ul li:first-child {padding-top:8px}
	.cp20edulist1 .btns {bottom:18px;right:10px;font-size:14px;width:50px;height:30px;}
}


/* 특화맵 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/lib2/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/lib2/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/lib2/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/lib2/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/lib2/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/lib2/ic260a1c1course1.png) no-repeat center center;
	background-size:contain;
}
.spc4box1 .deco1.schedule{
	background-image:url(../../img/lib2/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;
	overflow:hidden;
}
.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/lib2/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) */

/* 공공체육시설 현황 */
table .spc4map1marker1 {position:relative;top:auto;left:auto;margin:0;vertical-align:middle;width:27px;height:44px;background-position:center 40%;}



/* 이미지슬라이드(풀사이즈, 새창) */
#popupImage1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	background:#000;
	overflow:hidden;
}
#popupImage1 .wrap1{
	position:relative; /* (( 자식 absolute 요소에 border-radius, overflow 영향 주기 */
	overflow:hidden;
}
#popupImage1 .w1mView{
	position:relative;
	padding:0;
	z-index:0;
	overflow:hidden;
}
#popupImage1 .mView{z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#popupImage1 .mCont{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;}
#popupImage1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
#popupImage1 .mContC:first-child {z-index:2;opacity:1}
#popupImage1 .mContC.on{display:block;}
#popupImage1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#popupImage1 .mContC .a1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#popupImage1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#popupImage1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#popupImage1 .mContC .f1p1 img{display:block;width:auto;height:100%;margin:auto;}

/* 고도화 */
#popupImage1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
#popupImage1 .mContC .a1:focus .f1{margin:-1px;}
#popupImage1 .mContC.on .a1{}
#popupImage1 .mContC.off .a1{}
#popupImage1 .mContC.prev-on .a1{}
#popupImage1 .mContC.next-on .a1{}
/* 메뉴 */
#popupImage1 .menu{display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	font-size:0;
	overflow:hidden;
}
#popupImage1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:url(../../img/main/b.png);
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
#popupImage1 .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;
	overflow:hidden;
}
/* 제어 */
#popupImage1 .mControl{display:block;}
#popupImage1 .mControl .m{
	position:absolute;top:50%;
	width:70px;
	height:70px;
	background:#000;
	background-color:rgba(0,0,0, .42);
	margin:-35px 0 0;
}
#popupImage1 .mControl .prev{left:0}
#popupImage1 .mControl .next{right:0}
#popupImage1 .mControl .m .ic1{width:50px;height:50px;margin:-25px;}
#popupImage1 .mControl .prev .ic1{background-image:url(../../img/lib2/ic100a1left1.png);}
#popupImage1 .mControl .next .ic1{background-image:url(../../img/lib2/ic100a1right1.png);}
@media all and (max-width:1259px){
	#popupImage1 .mContC .f1p1 img{width:100%;height:auto;}
	#popupImage1 .mControl{
		width:80px;height:40px;
		margin:10px auto 0;
		text-align:center;
		border-radius:20px;
		overflow:hidden;
		background:#000;
		background-color:rgba(0,0,0, .42);
	}
	#popupImage1 .mControl .m{display:inline-block;position:relative;
		width:30px;height:30px;
		margin:0;
		background:none;
		top:50%;
		margin:-15px 0 0;
	}
	#popupImage1 .mControl .m .ic1{width:20px;height:20px;margin:-10px;}
	
}


/* YYYYMMDD.Writer. ◇◆ */



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




/* 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 .element {pointer-events: none;}

.spc4pic1gallery1 .figure .p1{
	position:relative;
	min-height:160px;
	overflow:hidden;
}
.spc4pic1gallery1 .figure .p1 img{display:block;
	width:auto;max-width:100%;height:290px;;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(https://www.gimhae.go.kr/_res/portal/img/lib2spc4/ich53a1c0left1.png);}
.spc4pic1gallery1 .mControl .b.next .ic1{background-image:url(https://www.gimhae.go.kr/_res/portal/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;}
@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 .figure .p1 img{height:500px;
}
	.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) */


/* 화정생활문화센터 시설대관 */
.hj .cp20pick1time1 .lst1 {min-height:auto;}
.hj .cp20pick1time1 .lst1 input[type=checkbox] {margin:.5em 5px .5em 0}
.hj .cp20pick1time1 .lst1 input[type=checkbox]:disabled {opacity:0}
.hj .cp20pick1time1 .lst1 input[type=checkbox]:disabled + label {color:#898989}
.hj .cp20pick1time1 .lst1 input[type=checkbox]:checked + label {font-weight:bold;color:#000}
.hj + .md-42pct.column {margin-top:-30px;padding-top:0}
.hj + .md-42pct.column.show-if-have-item {float:right;}
.hj + .md-42pct.column .cp20pick1time1 {padding-top:0}
.hj + .md-42pct.column .cp20pick1time1 .hb1.h4 {margin-bottom:10px}
.hj + .md-42pct.column .cp20pick1time1 .hb1.h5 {font-size:1.05em;background:none;color:#1b4694;font-weight:bold;padding-left:16px;margin-top:15px;margin-bottom:10px;background-image:none !important;}
.hj + .md-42pct.column .cp20pick1time1 .hb1.h5:before {position:absolute;top:10px;left:2px;content:"";display:block;width:5px;height:5px;background:#1b4694;border-radius:100%;}
.hj + .md-42pct.column .cp20pick1time1 .lst3 {list-style:none;margin:0;padding:0}
.hj + .md-42pct.column .cp20pick1time1 .lst3 li {position:relative;padding-left:16px;margin:7px 0}
.hj + .md-42pct.column .cp20pick1time1 .lst3 li:before {position:absolute;top:10px;left:2px;content:"";display:block;width:6px;height:2px;background:#555;}
.hj + .md-42pct.column .cp20pick1time1 dl.dl1 {margin:0}
.hj + .md-42pct.column .cp20pick1time1 dl.dl1 dt {position:relative;font-size:1.05em;background:none;color:#1b4694;font-weight:bold;padding-left:16px;margin-top:15px;margin-bottom:5px;}
.hj + .md-42pct.column .cp20pick1time1 dl.dl1 dt:before {position:absolute;top:10px;left:2px;content:"";display:block;width:5px;height:5px;background:#1b4694;border-radius:100%;}
.hj + .md-42pct.column .cp20pick1time1 dl.dl1 dd {margin-left:16px}
.hj + .md-42pct.column .cp20pick1time1 .btns {margin-top:20px}