@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.03.06 | 문영신 | 최초 등록
 * 2020.03.16 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2020.03.25 | 송현정 | 요구반영. .cp28card1 .g1.s  색상추가
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2020.03.06
 *
 * @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 ◆◆◆ */


/* 색상 20200316 */
.bgcf3f4f6{background-color:#f3f4f6 !important;}
.bgc-v1{background-color:#eff1f8;}
[class].em11{color:#048;}


/* 폼콘트롤 20190905 */
[class][class] input[disabled]{
	border-color:transparent;
	background:#f7f7f7;
}


/* 불릿아이콘목록 20190905 */
.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 18px;
}
.bi1 .li1{
	background:url(../../img/lib2/ic40a8c1info1.png) no-repeat 0 .25em;
	background-size:13px;
}


/* 버튼 | 독립아이콘 ~20200316 */
.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{vertical-align:top;margin:5px 5px 0 0;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);}
/* ☆ */
.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);
}
/* ☆ 20200316 /lib2/ 추가 */
.ic1.indy.ic24home1{width:24px;height:24px;background-image:url(../../img/lib2/ic24a1c0home1.png);}
.ic1.indy.ic28search1{
	width:28px;height:28px;
	margin:-4px 0;
	background-image:url(../../img/lib2/ic28a1c0search1.png);
}
.ic1.indy.ic100paper1check1{width:100px;height:100px;background-image:url(../../img/lib2/ic200a1c1paper1check1.png);}
.ic1.indy.b1w150h4slash1{display:block;
	width:150px;
	height:4px;
	background-image:url(../../img/lib2/b1slash1.png);
	opacity:.26;
}

/* 추가버튼.글1픽1배1 20200313 */
.button.t1ic1b1{display:inline-block;
	width:auto;
	height:auto;
	padding:7px 52px 7px 16px; /* (36+16) */
	border-color:#d7d7d7;
	border-radius:0;
	background-color:#fff;
	color:#555;
	white-space:normal;
	text-align:left;
}
.button.t1ic1b1 .t1{
	display:block;
	font-size:14px;
	line-height:20px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.button.t1ic1b1 .ic1{
	position:absolute;right:0;top:0;bottom:0;
	width:36px;
	height:auto;
	margin:-1px;
	background:#000 url() no-repeat center center;
}
.button.t1ic1b1 .ic1.link{background-color:#06c;background-image:url(../../img/lib2/ic20a1newwin1.png);}
.button.t1ic1b1 .ic1.download{background-color:#e61664;background-image:url(../../img/lib2/ic20a1download1.png);}


/* 블럭버튼.글1픽1 20190905 */
.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);}


/* 패널 20200117 */
[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);}
/* ☆ */
[class*='panel']>[class*='deco11']{
	width:80px;height:80px;
	margin:0 50px 0 30px;
}
[class*='panel']>.deco11megaphone1talk1{background-image:url(../../img/lib2/ic160a2c2megaphone1talk1.png);}
/* ☆ */
[class*='panel']>[class*='deco12']{
	width:104px;height:104px;
	margin:0 20px 0 10px;
}
[class*='panel']>.deco12clipboard1ckeck1{background-image:url(../../img/lib2/ic208a1c2clipboard1ckeck1.png);}


/* 조회(선택1~3.입력1.겹친버튼1(아이콘)) 20190927 */
[class*='search2select']{position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 0 -.5%;
	padding:0 44px 0 0;
	overflow:hidden;
}
[class*='search2select'] fieldset{}
[class*='search2select'] [class*='select']{
	float:left;
	width:30%;
	height:44px;
	margin-left:.5%;margin-right:.5%;
	border:1px solid #ccc;
	border-radius:5px;
}
[class*='search2select'] .text1{float:left;
	width:67.5%;
	height:44px;
	margin-left:.5%;margin-right:1%;
	border:1px solid #ccc;
	border-radius:5px;
}
[class*='search2select'] .submit{float:left;
	width:44px;
	height:44px;
	margin-left:0;
	margin-right:-44px;
	padding:0;
	border:1px solid transparent;
	border-radius:5px;
	background:#21409a;
	text-align:center;
}
[class*='search2select'] .submit .t1{display:inline-block;
	position:absolute;left:-9999px;
	width:auto;
	margin:0 0 0 .5em;
	overflow:hidden;
	vertical-align:middle;
}
[class*='search2select'] .submit .ic1{display:inline-block;
	width:28px;
	height:100%;
	background:url(../../img/lib2/ic28a1c0search1.png) no-repeat center center;
	vertical-align:middle;
}

/* dl 리스트 */
.dl1list1{display:block;width:100%;margin:1.4em 0;border-top:1px solid #000;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.dl1list1>.wrap1{padding:1.2em 0;border-top:1px solid #e5e5e5;}
.dl1list1>.wrap1:first-child{border-top:none;}
.dl1list1 .dt1{display:inline-block;width:100%;
	vertical-align:top;
	font-size:1.125em;
	color:#000;
	letter-spacing:-1px;
	font-family: 'Noto Sans',NanumSquare,'Nanum Square','맑은 고딕','Malgun Gothic';
}
.dl1list1 .dt2{display:inline-block;width:100%;
	vertical-align:top;font-weight:600;
	font-size:1.385em;color:#000;

}
.dl1list1 .dd1{display:inline-block;
	vertical-align:top;
    color:#555;
}

.body_content :first-child.dl1list1,
[class*='panel'] + .dl1list1{border-top:0;margin-top:0;}
.body_content :first-child.dl1list1>.wrap1:first-child{padding-top:0;}


/* ◇◆ */
@media all and (min-width:768px){
	.dl1list1 .dt1{width:20%;}
	.dl1list1 .dt2{width:25%;}
	.dl1list1 .dd1{width:80%;margin-left:2%;
	box-sizing:border-box;
	margin:0 -.25em 0 0;
	}
	
	[class*='search2select']{
		padding:0 112px 0 0;
	}
	[class*='search2select'] .submit{
		width:112px;
		margin-right:-112px;
	}
	[class*='search2select'] .submit .t1{
		position:static;
	}
}


/* 달력날짜선택기 20190905
 * 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,
.fsxd 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;
}
/* ◇◆ */
@media all and (max-width:639px){
	.fsxd img.ui-datepicker-trigger{
		padding:5.75px 4px;
	}
}


/* 복합배치 20190812 */
/* .hybrid2row1>.column1>.ic1{
	background-image:url(../../img/lib2/ic17a1c2!.png);
	background-size:auto;
} */


/* 이미지 크게 보기 앵커 20190905 */
.a-view-larger{display:block;
	position:relative;
	height:0;
}
.a-view-larger .t1{display:inline-block;
	position:absolute;right:0;bottom:0;
	width:40px;height:40px;
	border:1px dotted transparent;
	border-radius:8px 0 0 0;
	background:#000;
	overflow:hidden;
	text-indent:-9999px;
	opacity:.5;
}
.a-view-larger .ic1{display:inline-block;
	z-index:10;
	position:absolute;right:0;bottom:0;
	width:24px;height:24px;
	margin:6px;
	border-radius:9999px;
	border:2px solid #fff;
	overflow:hidden;
}
.a-view-larger .ic1:before{content:'';display:inline-block;
	position:absolute;left:50%;top:50%;
	width:14px;height:2px;
	margin:-1px -7px;
	background:#fff;
	overflow:hidden;
}
.a-view-larger .ic1:after{content:'';display:inline-block;
	position:absolute;left:50%;top:50%;
	width:2px;height:14px;
	margin:-7px -1px;
	background:#fff;
	overflow:hidden;
}
/* ☆ */
.a-view-larger:focus .t1{
	border-color:#fff;
	opacity:1;
}


/* (디자인폼) 팬시콘트롤 ( 라디오 | 체크박스 ) 20200316 */
.fcontrol3{
	line-height:1.375;
}
.fcontrol3 .item{
	display:inline-block;
	/* min-width:9em; */
	padding:5px 0;
	overflow:hidden;
}
.fcontrol3 .item input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.fcontrol3 .item .ic1{float:left;
	width:20px;height:20px;
	margin:.0625em .375em 0 0;
	background:url() no-repeat center center;
}
.fcontrol3 .item .t1{display:block;
	color:#000;
	overflow:hidden;
}
.fcontrol3 .item input[type='radio'] + .ic1{
	background-image:url(../../img/lib2/ic20form1radio1off1.png);
}
.fcontrol3 .item input[type='radio']:checked + .ic1{
	background-image:url(../../img/lib2/ic20form1radio1on1.png);
}
.fcontrol3 .item input[type='radio']:disabled + .ic1{
	background-image:url(../../img/lib2/ic20form1radio1disabled.png);
}
.fcontrol3 .item input[type='radio']:checked:disabled + .ic1{
	background-image:url(../../img/lib2/ic20form1radio1on1disabled.png);
}
.fcontrol3 .item input[type='checkbox'] + .ic1{
	background-image:url(../../img/lib2/ic20form1check1off1.png);
}
.fcontrol3 .item input[type='checkbox']:checked + .ic1{
	background-image:url(../../img/lib2/ic20form1check1on1.png);
}
.fcontrol3 .item input[type='checkbox']:disabled + .ic1{
	background-image:url(../../img/lib2/ic20form1check1disabled.png);
}
.fcontrol3 .item input[type='checkbox']:checked:disabled + .ic1{
	background-image:url(../../img/lib2/ic20form1check1on1disabled.png);
}
/* ☆ */
.fcontrol3 input:focus + .ic1{
	outline:1px dotted #000;
}
.fcontrol3 input ~ *{
	cursor:default;
}
.fcontrol3 input:disabled ~ *{
	cursor:not-allowed;
}



/* ◇◆ Added to This Project, Content Styles to Share ◇◆◇◆◇◆◇◆◇◆ */



/* 목록카드.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;
}



/* 상세내용 .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;
}
.cp20view1 .menu{display:block;margin:20px 0 0;text-align:center;}
.cp20view1 .menu .m{display:inline-block;position:relative;
	border:0;padding:0;margin:0;
	width:30px;height:30px;
	background:#777;
	vertical-align:middle;
	border-radius:100%;
}
.cp20view1 .menu .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:15px;height:15px;
	margin:-7.5px;
	background:url() no-repeat 0 0 /contain;
}
.cp20view1 .menu .m.prev:before{background-image:url(https://www.gimhae.go.kr/_res/edu/img/lib/ic40a1left1.png)}
.cp20view1 .menu .m.next:before{background-image:url(https://www.gimhae.go.kr/_res/edu/img/lib/ic40a1right.png)}
.cp20view1 .menu .mPage{display:inline-block;margin:0 10px}

/* ◇◆ */
@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;
}
.cp20dlist1 .dd a[class*='a1']{display:inline-block;
	width:30px;height:30px;
	position:relative;
	background:#046fd9;
	border-radius:100%;
	vertical-align:middle;
}
.cp20dlist1 .dd a[class*='a1']:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat 0 0 / contain;
}
.cp20dlist1 .dd a.map:before{background-image:url(/_res/edu/img/lib2/ic40a1c0mapmarker1.png)}
.cp20dlist1 .dd a.call:before{background-image:url(/_res/edu/img/lib2/ic40a1c0phone1.png)}




/* 시간표(날짜선택) 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:.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;
	}
}



/* 카드목록 20200316 */
.cp28card1{display:block;
	position:relative;
	padding:10px 0 0;
	border-top:2px solid #333;
	line-height:1.375;
}
.cp28card1 .w1{
	position:relative;
}
.cp28card1 .a1{display:block;
	padding:36px 20px 20px;
	border:1px solid #e7e7e7;
	color:inherit;
	text-decoration:none;
	transition:.2s;
}
/* s1 접수중 s2 홍보중 s3 접수마감 */
.cp28card1 .g1{display:inline-block;
	position:absolute;right:0;top:0;
	box-sizing:border-box; /* ☆ */
	min-width:100px;
	padding:.25em 12px;
	background:#579;
	color:#fff;
	font-weight:400;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
/*.cp28card1 .g1.s1{background:#3086c9;}
.cp28card1 .g1.s2{background:#05a;}
.cp28card1 .g1.s3{background:#405e60;}*/

/* s1 접수중 s2 홍보중 s3 접수마감  s4 정원마감 5 대기자 접수중*/
.cp28card1 .g1.s1{background-color:#12a975 !important;}
.cp28card1 .g1.s2{background-color:#a916c7 !important;}
.cp28card1 .g1.s3{background-color:#dde0e5 !important;}
.cp28card1 .g1.s4{background-color:#3b4c57 !important;}
.cp28card1 .g1.s5{background-color:#4575ca !important;}


.cp28card1 .f1{display:block;
	float:left;
	position:relative;
	width:30%; /*	 ((133/418) */
	margin:0 15px 15px 0;
	padding:0 0 30%; /* ((133/133)*30) */
	background:#eee;
	overflow:hidden;
}
.cp28card1 .f1p1{display:block;position:absolute;left:-100%;right:-100%;top:0;bottom:0;overflow:hidden;}
.cp28card1 .f1 img{display:block;position:relative;width:auto;height:100%;min-width:33.4%;max-width:100%;margin:auto;}
.cp28card1 .tg1{display:block;}
.cp28card1 .t1{display:block;
	position:relative;
	margin:0 0 .25em;
	color:#046fd9;
	font-size:.875em; /* (14/16) */
	overflow:hidden;
}
.cp28card1 .t1t1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:100%;
	padding:0 1em 0 0;
	background:#fff;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp28card1 .t1:before{content:'';display:block;
	position:absolute;left:0;right:0;top:50%;
	height:4px;
	margin:-2px 0;
	background:url(../../img/lib2/b1slash1.png) 100% 0;
	opacity:.26;
}
.cp28card1 .t2{display:block;
	position:relative;
	max-height:52px;
	margin:0 0 .5em;
	color:#000;
	font-weight:400;
	font-size:1.25em; /* (20/16) */
	line-height:26px;
	overflow:hidden;
}
.cp28card1 .t2:after{content:'…';display:block;
	position:absolute;right:0;
	top:26px;
	width:3em;
	height:26px;
	overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255, 0) 0, #fff 100%);
}
.cp28card1 .dl1{
	clear:both;
	list-style:none;margin:0;padding:0;
	color:#777;
	font-size:.875em; /* (14/16) */
}
.cp28card1 .di{
	margin:0 0 .25em;
	overflow:hidden;
}
.cp28card1 .dt{
	float:left;
	margin:0 .25em 0 0;
}
.cp28card1 .dd{
	display:block;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
.cp28card1 .a1:hover,
.cp28card1 .a1:focus{
	border:1px solid #000;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp28card1 .tg1{
		overflow:hidden;
	}
}


/* 박스 20200316 */
.cp28box1{
	position:relative;
	padding:4px 20px;
	background:#eff1f8;
}


/* 지도 20200316 */
.cp28map1{display:block;
	z-index:0;
	position:relative;
	margin:auto;
	overflow:hidden;
	overflow-x:auto;
}
.cp28map1 .wrap1{}
.cp28map1 .w1{display:block;
	position:relative;
	width:489px;
	height:458px; /* (458+여유) */
	margin:0 auto 10px;
}
.cp28map1 .w1map .w1 img{display:block;
	position:relative;
}

/* 지도요소 */
.cp28map1 .z{display:inline-block;
	position:absolute;
	width:0;height:0;
}
.cp28map1 .z .a1{display:inline-block;
	position:absolute;
	/* background:rgba(0,255,255, .5); */
	line-height:1;
	white-space:nowrap;
}
.cp28map1 .z .t1{display:inline-block;
	z-index:10; /* ☆ */
	position:relative;
	bottom:4px;
	color:#666;
	font-weight:600;
	font-size:13px;
	line-height:1.125;
}
.cp28map1 .z7~.z .t1{ /* 동 */
	font-size:12px;
}
.cp28map1 .z .ic1{display:inline-block;
	visibility:hidden; /* ☆ */
	z-index:30; /* ☆ */
	position:absolute;left:0;bottom:0;
	width:63px;height:48px;
	margin:4px -16px;
	background:url(../../img/lib2/map1/map1marker1@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
.cp28map1 .z .f1{display:inline-block;
	visibility:hidden;
	z-index:5; /* ☆ */
	position:absolute;
	opacity:0;
	transition:.0s;
}
.cp28map1 .z .f1 img{
	max-width:none; /* ☆ */
}
.cp28map1 .z .t2{display:inline-block;
	visibility:hidden;
	z-index:20; /* ☆ */
	position:absolute;left:-6px;top:-.5em;
	padding:.375em .75em .375em 2.75em;
	border-radius:9999px;
	background:#122a6f;
	color:#fff;
	font-weight:600;
	font-size:14px;
	opacity:0;
	transition:.0s;
}
/* 존(기준위치) */
.cp28map1 .z1{left:50px;top:185px;} /* 진영읍 */
.cp28map1 .z2{left:174px;top:279px;} /* 주촌면 */
.cp28map1 .z3{left:79px;top:281px;} /* 진례면 */
.cp28map1 .z4{left:158px;top:157px;} /* 한림면 */
.cp28map1 .z5{left:228px;top:114px;} /* 생림면 */
.cp28map1 .z6{left:323px;top:143px;} /* 상동면 */
.cp28map1 .z7{left:396px;top:255px;} /* 대동면 */
.cp28map1 .z8{left:288px;top:253px;} /* 동상동 */
.cp28map1 .z9{left:276px;top:290px;} /* 회현동 */
.cp28map1 .z10{left:250px;top:329px;} /* 부원동 */
.cp28map1 .z11{left:234px;top:300px;} /* 내외동 */
.cp28map1 .z12{left:247px;top:225px;} /* 북부동 */
.cp28map1 .z13{left:213px;top:370px;} /* 칠산서부동 */
.cp28map1 .z14{left:312px;top:301px;} /* 활천동 */
.cp28map1 .z15{left:314px;top:237px;} /* 삼안동 */
.cp28map1 .z16{left:359px;top:325px;} /* 불암동 */
.cp28map1 .z17{left:165px;top:367px;} /* 장유 1동 */
.cp28map1 .z18{left:82px;top:396px;} /* 장유 2동 */
.cp28map1 .z19{left:161px;top:413px;} /* 장유 3동 */
/* 존(맵) */
.cp28map1 .z1 .f1{left:-50px;top:-74px;} /* 진영읍 */
.cp28map1 .z2 .f1{left:-43px;top:-59px;} /* 주촌면 */
.cp28map1 .z3 .f1{left:-42px;top:-86px;} /* 진례면 */
.cp28map1 .z4 .f1{left:-76px;top:-100px;} /* 한림면 */
.cp28map1 .z5 .f1{left:-73px;top:-118px;} /* 생림면 */
.cp28map1 .z6 .f1{left:-58px;top:-95px;} /* 상동면 */
.cp28map1 .z7 .f1{left:-52px;top:-107px;} /* 대동면 */
.cp28map1 .z8 .f1{left:-219px;top:-64px;} /* 동상동 */
.cp28map1 .z9 .f1{left:-207px;top:-101px;} /* 회현동 */
.cp28map1 .z10 .f1{left:-181px;top:-140px;} /* 부원동 */
.cp28map1 .z11 .f1{left:-165px;top:-111px;} /* 내외동 */
.cp28map1 .z12 .f1{left:-178px;top:-36px;} /* 북부동 */
.cp28map1 .z13 .f1{left:-144px;top:-181px;} /* 칠산서부동 */
.cp28map1 .z14 .f1{left:-243px;top:-112px;} /* 활천동 */
.cp28map1 .z15 .f1{left:-245px;top:-48px;} /* 삼안동 */
.cp28map1 .z16 .f1{left:-290px;top:-136px;} /* 불암동 */
.cp28map1 .z17 .f1{left:-96px;top:-178px;} /* 장유 1동 */
.cp28map1 .z18 .f1{left:-13px;top:-207px;} /* 장유 2동 */
.cp28map1 .z19 .f1{left:-92px;top:-224px;} /* 장유 3동 */
/* 존(점) */
.cp28map1 .z7~.z .a1:before{ /* 동 */
	content:'';display:inline-block;
	z-index:10; /* ☆ */
	position:absolute;
	width:8px;height:8px;
	border-radius:9999px;
	background:#122a6f;
}
.cp28map1 .z8 .a1:before{left:11px;top:15px;} /* 동상동 */
.cp28map1 .z9 .a1:before{left:10px;top:15px;} /* 회현동 */
.cp28map1 .z10 .a1:before{left:36px;top:4px;} /* 부원동 */
.cp28map1 .z11 .a1:before{left:12px;top:-14px;} /* 내외동 */
.cp28map1 .z12 .a1:before{left:19px;top:13px;} /* 북부동 */
.cp28map1 .z13 .a1:before{left:23px;top:-14px;} /* 칠산서부동 */
.cp28map1 .z14 .a1:before{left:3px;top:16px;} /* 활천동 */
.cp28map1 .z15 .a1:before{left:17px;top:16px;} /* 삼안동 */
.cp28map1 .z16 .a1:before{left:-3px;top:-11px;} /* 불암동 */
.cp28map1 .z17 .a1:before{left:-12px;top:2px;} /* 장유 1동 */
.cp28map1 .z18 .a1:before{left:34px;top:-12px;} /* 장유 2동 */
.cp28map1 .z19 .a1:before{left:-13px;top:0px;} /* 장유 3동 */
/* 효과 */
.cp28map1 .z .a1:hover .ic1,
.cp28map1 .z .a1:focus .ic1,
.cp28map1 .z.on .a1 .ic1{
	visibility:visible;
	background:url(../../img/lib2/map1/map1marker1@2x.png);
	background-size:contain;
	animation:kf1ymv2 .6s ease-in-out infinite both;
}
/* .cp28map1 .z .a1:focus .ic1{outline:1px dotted #000;} */
/* .cp28map1 .z .a1:hover .f1,
.cp28map1 .z .a1:focus .f1, */
.cp28map1 .z.on .f1,
.cp28map1 .z .a1:hover .t2,
.cp28map1 .z .a1:focus .t2,
.cp28map1 .z.on .t2{
	visibility:visible;
	opacity:1;
}
/* 동 선택 */
.cp28map1.dong .z7~.z .t1{
	color:#fff;
}
.cp28map1.dong .z7~.z16 .t1{ /* 불암동 */
	color:#122a6f;
}
/* ◇◆ */
@media all and (max-width:639px){
	.cp28map1{
		margin-left:-20px;
		margin-right:-20px;
	}
}
@media all and (max-width:999px){
	.cp28map1 .w1{
		zoom:.75;
	}
}


/* 검색폼 20200316 */
.cp28search1{
	position:relative;
	font-size:.9375em;
}
.cp28search1 .tg1{
	position:relative;
	margin:0 20px 0 0;
	font-size:.9375em;
}
.cp28search1 .h1{
	color:#000;
	min-height:33px;
	margin:0 0 0 -4px;
	padding:2px 0 0 33px;
	background:url(../../img/lib2/ic66a1c2mapmarker1.png) no-repeat;
	background-size:33px 33px;
	font-size:1.6em; /* (24/15) */
}
.cp28search1 .fieldset{
	max-width:320px;
}
.cp28search1 label{display:inline-block;
	width:4.5em;
	padding:0 0 0 8px;
	background:url(../../img/lib2/bu2.png) no-repeat 0 50%;
	color:#222;
}
.cp28search1 select,
.cp28search1 input[type='text'],
.cp28search1 .button.search{
	width:232px;
	height:44px;
}
.cp28search1 .btns{display:block;
	border-top:1px solid #fff;
	margin:1em 0 0;
	padding:1.5em 0 0;
	text-align:center;
}
.cp28search1 .button.search{
	font-weight:600;
	font-size:16px;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp28search1{
		margin:40px 0 0;
	}
}



.sharing1{margin:0 auto;max-width:740px;text-align:center;}
.sharing1 .h1{color:#000;font-size:40px}
.sharing1 .column>.w1{display:block;border:1px solid #ddd;border-radius:20px;
	padding:30px;
	box-sizing:border-box;
	height:370px;
	text-align:center
}
.sharing1 .column>.w1 .h2{color:#000;font-size:30px;}
.sharing1 .column>.w1:before{content:'';
	display:block;margin:0 auto;
	background:url() no-repeat 0 0 / contain;
	width:105px;height:90px;
}
.sharing1 .m1>.w1:before{background-image:url(/_res/edu/img/lib2/ic105a1paper1.png)}
.sharing1 .m2>.w1:before{background-image:url(/_res/edu/img/lib2/ic105a1setting.png)}


.ok1box1{position:relative;}
.ok1box1:before{content:'';
	display:block;
	width:100px;height:100px;
	margin:0 auto;
	background:url(/_res/edu/img/lib2/ic100a1paper1.png) no-repeat;
}
.ok1box1 p:nth-of-type(1):before{content:'';
	width:180px;height:5px;
	display:block;margin:20px auto;
	background:url(/_res/edu/img/lib2/b.000000.opacity.20.pattern4slash1.png);
}


button.ui-datepicker-trigger{box-sizing:border-box;width:50px;height:40px;margin:0 0 0 5px;border:0;background:#678 url(/_res/edu/img/lib2/ic20calendar.png) no-repeat 50% 50%;;text-indent:-99999px;}
/* 레이어.달력 */
.ui-datepicker[class][class]{
	font-size:14px;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
	width:210px;
}
.ui-datepicker[class][class] select{
	display:inline-block;
	float:left;
	margin:0 5px 5px 0;
	vertical-align:top;
	padding:0 10px;
	height:24px;
}
.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;
	text-indent:-9999px;
}
.ui-datepicker-calendar{border-color:#333}
.ui-datepicker-calendar th{border:0 !important}
.ui-datepicker-calendar td{}
.ui-datepicker-calendar th{background:#333;color:#fff;}
.ui-datepicker[class] td span,
.ui-datepicker[class] td a {
	display:block;width:100%;height:100%;
	text-align:center;
	color:#333;
	text-decoration:none !important;
}


/* ContentBlockName 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){
}


/* @keyframes [IE10+] 20200316 */
@keyframes kf1ymv1{
	50%{transform:translate3d(0, -20%, 0);}
}
@keyframes kf1ymv2{
	50%{transform: translateY(2px);}
}
.kf1ymv2{animation:kf1ymv2 .6s ease-in-out infinite;}

