@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.05.13 | 문영신 | 최초 등록
 * 2020.05.21 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2020.07.09 | 문영신 | 강사안내 목록 추가 (.cp31lecturer1 .lst1)
 * 2020.07.27 | 문영신 | 본문(체육시설) 추가
 * 2020.07.29 | 문영신 | 본문(대형폐기물) 추가
 * 2020.08.04 | 문영신 | 본문(현수막게시대) 추가
 * 2020.09.23 | 김효진 | cp31reserve1calendar1, cp31facilities1, .cp31edu1view1 반응형 수정
 * 2020.09.25 | 김효진 | .cp31calendar1table1 table 스타일 추가
 * 2020.09.28 | 김효진 | .cp31attach2 .hg1 반응형 수정, tour2map1 반응형
 * 2020.09.28 | 송현정 | .cp31dlist2 check추가
 * 2020.10.26 | 송현정 | .1106줄 주석
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2020.05.06
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! CSS Library v0.3. 20170608~. 20190905. 20200521. |
 * 공유 콘텐츠 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;
}


/* 버튼 | 독립아이콘 ~20200417 */
.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.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.ic100paper1check1{width:100px;height:100px;background-image:url(../../img/lib2/ic200a1c1paper1check1.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);
}
/* ☆ /lib2/ 추가확인 20200521~20200729 */
.ic1.indy.ic130person1say1{width:130px;height:130px;background-image:url(../../img/lib2/ic260a1c2persion1say1.png);}
.ic1.indy.ic125toys1{width:125px;height:125px;background-image:url(../../img/lib2/ic250a1c2toys1.png);}
.ic1.indy.ic125notebook1{width:125px;height:125px;background-image:url(../../img/lib2/ic250a1c2notebook1.png);}
.ic1.indy.ic125notebook2{width:125px;height:125px;background-image:url(../../img/lib2/ic250a1c2notebook2.png);}
.ic1.indy.ich27mapmarker1{width:17px;height:27px;background-image:url(../../img/lib2/ich54a1c2mapmarker1.png);}
.ic1.indy.ic196check1{width:196px;height:196px;background-image:url(../../img/lib2/ic392a1c2check1.png);}
.ic1.indy.ic125chart1{width:125px;height:125px;background-image:url(../../img/lib2/ic250a1c2chart1.png);}


/* 추가버튼.글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);}


/* 토글스위치 20200521 */
.toggle.switch1{}
.toggle.switch1 .t1{}
.toggle.switch1 .ic1{
	width:16px;
	height:20px;
	min-width:0;min-height:0; /* ☆ */
	background-image:url(../../img/lib2/ic11a1c0down1.png);
	background-size:auto;
	transition:.2s;
}
.toggle.switch1.on .ic1{
	transform:rotate(180deg);
}


/* 패널 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;
}
/* ◇◆ */
@media all and (min-width:768px){
	[class*='search2select']{
		padding:0 112px 0 0;
	}
	[class*='search2select'] .submit{
		width:112px;
		margin-right:-112px;
	}
	[class*='search2select'] .submit .t1{
		position:static;
	}
}


/* 달력날짜선택기 20200521. 20200730.
 * 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;
	padding-left: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:767px){
	img.ui-datepicker-trigger{
		padding:6.5px 4px;
	}
	.fsxd img.ui-datepicker-trigger{
		padding:5.5px 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. 20200521 */
.fcontrol3{}
.fcontrol3 .item{
	display:inline-block;
	vertical-align:middle;
}
.fcontrol3 .item input{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.fcontrol3 .item .ic1{display:inline-block;
	/* float:left; */
	width:20px;height:20px;
	margin:.75em .375em .75em 0;
	background:url() no-repeat center center;
	vertical-align:middle;
}
.fcontrol3 .item .t1{display:inline-block;
	color:#000;
	vertical-align:middle;
	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;
}
/* ☆글2줄이상대비 */
.fcontrol3 .item .ic1.fl{
	float:left;
}
.fcontrol3 .item .t1.dpb{
	display:block;
	margin:.75em 0;
	line-height:1.375;
}
/* 중앙정렬2줄대비 */
.fcontrol3.tac .item .ic1{
	margin:.375em;
}


/* ◇◆ Added to This Project, Content Styles to Share ◇◆◇◆◇◆◇◆◇◆ */


/* 버튼 스타일 추가 20200521 */
.button.cp31b1{
	height:auto;
	padding:.25em .5em;
	border:1px solid #c3c3c3;
	border-radius:0;
	background:#f4f4f4;
	color:#666c71;
	/* font-size:.9375em; */
	white-space:normal;
}
.button.cp31b1.s1{border-color:#9fc6e7;background:#ebf3fd;color:#1566a2;}
.button.cp31b1.s2{border-color:#c2caea;background:#fff;color:#1566a2;}
/* ☆ */
.button.cp31b1[href]:hover,
.button.cp31b1[href]:focus{
	border-color:rgba(0,128,256, .58);
	box-shadow:inset 0 0 999px 0 rgba(0,128,256, .2);
}
.button.cp31b1.disabled:hover,
.button.cp31b1.disabled:focus{
	box-shadow:none;
}


/* 탭1패널콘텐츠.활성반전 20200521 */
.tabs1{z-index:0;position:relative;
	margin:1.375em 0;
	border:1px solid #ccc;
	background:url(../../img/inc/b1c1o10p1.png);
	line-height:1.375;
}
.tabs1[class] ul{ /* .even-grid.collapse 보다 높은 우선순위 */
	list-style:none;
	margin:0 -1px -1px 0;
	padding:0;
	font-size:0; /* ☆ */
}
.tabs1 ul:before,
.tabs1 ul:after{content:'';display:table;clear:both;}
.tabs1 li{display:inline-block;
	position:relative;
	padding:0;
	vertical-align:top;
}
.tabs1 li a{display:block;
	height:1.375em;
	margin:-1px 0 0 -1px;
	padding:.6875em .75em;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:16px;
	text-decoration:none !important;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.tabs1 li a:hover,
.tabs1 li a:focus{position:relative;
	z-index:20;
	border:1px solid #000;
}
.tabs1 li.on a{position:relative;
	z-index:10;
	border-color:transparent;
	background:#004993;
	color:#fff;
	font-weight:600;
	cursor:default;
	text-decoration:underline !important;
}
.tabs1 li.on a:hover,
.tabs1 li.on a:focus{}
/* 패널콘텐츠 */
.tabs1cont {margin:25px 0;}
.tabs1pane{}
/* ◇◆ */
@media all and (min-width:768px){
	.tabs1cont {margin:40px 0}
}
@media all and (min-width:1000px){
	.tabs1{border:0;border-bottom:1px solid #000;}
	.tabs1 li a{border-bottom:1px solid #000;text-decoration:none}
	.tabs1 li.on a{border-width:2px 1px 0;text-decoration:none !important}
	.tabs1 li.on:before{content:''; /* ▽ */
		float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
		margin:-9px;
		border:9px solid transparent;border-top-color:#004993;border-bottom:0;
		overflow:hidden;text-indent:100%;
	}
}


/* ContentBlockName YYYYMMDD.Writer ◇◆ */


/* 교육강좌목록. 20200521 */
.cp31edu1list1{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
.cp31edu1list1 a[href]{
	text-decoration:none;
}
.cp31edu1list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.cp31edu1list1 .li1{
	position:relative;
	margin:0;
	padding:30px 0;
	border-top:1px solid #ddd;
}
.cp31edu1list1 .w1{overflow:hidden;}
.cp31edu1list1 [class*='w1c']{display:block;
	box-sizing:border-box; /* ☆ */
	overflow:hidden;
}
.cp31edu1list1 .w1c1{}
.cp31edu1list1 .w1c2c1{
	padding:16px 0;
}
.cp31edu1list1 .w1c2c2{display:none; /* ☆ */
	padding:16px 0 0;
	border-top:1px dashed #ccc;
	text-align:center;
}
.cp31edu1list1 .w1c2c1+.w1c2c2{
	display:block;
}
/* ☆ */
.cp31edu1list1 .figs{display:block;}
.cp31edu1list1 a.figs:focus{ /* 초점 */
	border:1px dotted #666;
}
.cp31edu1list1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 69.231%; /* (180/260) */
	background:#eee;
	border-radius:6px;
	text-align:center;
	overflow:hidden;
}
.cp31edu1list1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;}
.cp31edu1list1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp31edu1list1 .texts{display:block;}
.cp31edu1list1 .texts .tg1{display:block;
	margin:0 0 12px;
}
.cp31edu1list1 .g1{display:inline-block;
	margin:6px 6px 6px 0;
	min-width:4em;
	padding:.375em .75em;
	border-color:transparent;
	border-radius:3px;
	background:#789;
	color:#fff;
	font-weight:400;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}
.cp31edu1list1 .g1.s1{background:#ee4d97;}
.cp31edu1list1 .g1.s2{background:#2b405b;}
.cp31edu1list1 .g1.s3{background:#0a8;}
.cp31edu1list1 .g1.s4{background:#789;}
.cp31edu1list1 .g1.s5{background:#09c;}


.cp31edu1list1 .g1.open{background:#ee4d97;} 			/** 접수중 */
.cp31edu1list1 .g1.force_close{background:#2b405b;}		/** 접수마감 */
.cp31edu1list1 .g1.capa_close{background:#2b405b;}		/** 정원마감 */
.cp31edu1list1 .g1.wait_open{background:#0a8;}			/** 대기접수 */
.cp31edu1list1 .g1.wait_close{background:#789;}			/** 대기접수마감 */
.cp31edu1list1 .g1.date_close{background:#789;}			/** 접수마감 */
.cp31edu1list1 .g1.hongbo{background:#09c;}				/** 홍보중 */


/**/
.cp31edu1list1 .tg1 .t1{display:inline-block;
	margin:3px 0;
	color:#000;
	font-weight:400;
	font-size:24px;
	letter-spacing:-.0625em;
	vertical-align:middle;
}
/* ☆ */
.cp31edu1list1 .g2s{
	margin:0 -6px;
}
.cp31edu1list1 .g2{display:inline-block;
	margin:6px;
	min-width:3em;
	padding:1em .75em;
	border-color:transparent;
	border-radius:3px;
	background:#005fca;
	color:#fff;
	font-weight:400;
	font-size:13px;
	text-align:center;
}
.cp31edu1list1 .g2.disabled{
	background:#acb5bf;
	opacity:1;
	cursor:not-allowed;
}
.cp31edu1list1 .g2[href]:hover,
.cp31edu1list1 .g2[href]:focus{
	box-shadow:inset 0 0 999px 0 rgba(0,0,0, .42);
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp31edu1list1 .w1c1{
		float:left;
		width:41.6%;
		padding:0 30px 0 0;
	}
	.cp31edu1list1 .w1c2{}
	.cp31edu1list1 .w1c2c1{
		padding:0 0 16px;
	}
	.cp31edu1list1 .w1c2c2{
		text-align:left;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp31edu1list1 .lst1{
		border:0;
	}
	.cp31edu1list1 .li1{
		padding:24px;
		border:1px solid #ddd;
		border-radius:5px;
	}
	.cp31edu1list1 .li1~.li1{
		margin-top:30px;
	}
	.cp31edu1list1 .w1c1{
		width:33.333%;
	}
	.cp31edu1list1 .w1c2{display:table;
		float:right;
		width:66.666%;
	}
	.cp31edu1list1 .w1c2c1{display:table-cell;
		width:9999px;
		padding:0 24px 0 0;
		vertical-align:top;
	}
	.cp31edu1list1 .w1c2c1+.w1c2c2{display:table-cell;
		margin:0;
		padding:0 0 0 24px;
		border:0;
		border-left:1px dashed #ccc;
		text-align:center;
		vertical-align:middle;
	}
}


/* 교육강좌상세. 20200521. 20200604 */
.cp31edu1view1{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
.cp31edu1view1 a[href]{
	text-decoration:none;
}
.cp31edu1view1 .w1{
	position:relative;
	margin:0;
	padding:30px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.cp31edu1view1 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp31edu1view1 .w1c1{}
.cp31edu1view1 .w1c2{
	padding:16px 0 0;
	border-top:1px dashed #ccc;
}
/* ☆ */
.cp31edu1view1 .hg1{display:block;
	margin:0 0 12px;
}
.cp31edu1view1 .g1{display:inline-block;
	margin:6px 6px 6px 0;
	min-width:4em;
	padding:.375em .75em;
	border-color:transparent;
	border-radius:3px;
	background:#789;
	color:#fff;
	font-weight:400;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}
.cp31edu1view1 .g1.s1{background:#ee4d97;}
.cp31edu1view1 .g1.s2{background:#2b405b;}
.cp31edu1view1 .g1.s3{background:#0a8;}
.cp31edu1view1 .g1.s4{background:#789;}
.cp31edu1view1 .g1.s5{background:#09c;}

.cp31edu1view1 .g1.open{background:#ee4d97;} 			/** 접수중 */
.cp31edu1view1 .g1.force_close{background:#2b405b;}		/** 접수마감 */
.cp31edu1view1 .g1.capa_close{background:#2b405b;}		/** 정원마감 */
.cp31edu1view1 .g1.wait_open{background:#0a8;}			/** 대기접수 */
.cp31edu1view1 .g1.wait_close{background:#789;}			/** 대기접수마감 */
.cp31edu1view1 .g1.date_close{background:#789;}			/** 접수마감 */
.cp31edu1view1 .g1.hongbo{background:#09c;}				/** 홍보중 */

/**/
.cp31edu1view1 .h1{display:inline-block;
	margin:0;
	padding:0;
	color:#000;
	font-weight:400;
	font-size:24px;
	letter-spacing:-.0625em;
	vertical-align:middle;
}
/* ☆ */
.cp31edu1view1 .figs{display:block;}
.cp31edu1view1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 70%; /* ((260/370) */
	background:#eee;
	border-radius:6px;
	text-align:center;
	overflow:hidden;
}
.cp31edu1view1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;}
.cp31edu1view1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp31edu1view1 .g2s{
	margin:14px -1%;
	font-size:0;
}
.cp31edu1view1 .g2{display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:31.333%;
	margin:0 1%;
	padding:1em .75em;
	border-color:transparent;
	border-radius:3px;
	background:#005fca;
	color:#fff;
	font-weight:400;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}
.cp31edu1view1 .g2.disabled{
	background:#acb5bf;
	opacity:1;
	cursor:not-allowed;
}
.cp31edu1view1 .g2[href]:hover,
.cp31edu1view1 .g2[href]:focus{
	box-shadow:inset 0 0 999px 0 rgba(0,0,0, .42);
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp31edu1view1 .w1{
		padding:34px;
		border:1px solid #ddd;
		border-radius:5px;
	}
	.cp31edu1view1 .w1c1{
		float:left;
		width:43.529%; /* (370/850) */
		margin:0 4.706% 0 0; /* (40/850) */
	}
	.cp31edu1view1 .w1c2{
		padding:0;
		border:0;
	}
}


/* 강사안내. 20200521. 20200709 */
.cp31lecturer1{
	position:relative;
	line-height:1.375;
}
.cp31lecturer1 .w1{
	position:relative;
	padding:0 0 30px;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
}
.cp31lecturer1 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp31lecturer1 .w1c1{
	max-width:160px;margin:0 auto 1em
}
.cp31lecturer1 .w1c2{}
/* ☆ */
.cp31lecturer1 .hg1{display:block;
	margin:0 0 12px;
	text-align:center;
}
.cp31lecturer1 .h1{display:inline-block;
	margin:0;
	padding:0;
	color:#000;
	font-weight:400;
	font-size:1.5em; /* (24/16) */
	letter-spacing:-.0625em;
	vertical-align:middle;
}
/* ☆ */
.cp31lecturer1 .figs{display:block;}
.cp31lecturer1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 131.818%; /* (290/220) */
	background:#eee;
	border-radius:14px;
	text-align:center;
	overflow:hidden;
}
.cp31lecturer1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;}
.cp31lecturer1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* 목록 */
.cp31lecturer1 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #888;
	font-size:.9375em;
}
.cp31lecturer1 .li1{
	margin:0;padding:0;
}
.cp31lecturer1 .li1 .w1{
	padding:20px 0;
}
.cp31lecturer1 .li1 .w1c1{
	width:90px;
	margin:0 calc(10px + 2.174%) 0 1.087%; /* (10 + 20/920) (10/920) */
}
/* ☆ */
.cp31lecturer1 .li1 .cp31dlist1 .dl1 .dt .t1{
	display:inline-block;
	width:4em;
	vertical-align:top;
}
.cp31lecturer1 .li1 .cp31dlist1 .dl1 .dt .sep{}
@media all and (min-width:640px){
	.cp31lecturer1 .w1c1 {float:left;width:23.913%; /* (220/920) */
	margin:0 calc(20px + 2.174%) 0 0; /* (20/920) */max-width:none;}
	.cp31lecturer1 .hg1 {text-align:left;}
}

/* 시설안내. 20200521 */
.cp31facilities1{
	position:relative;
	line-height:1.375;
}
.cp31facilities1 .w1{
	position:relative;
	padding:0 0 30px;
	/* border-bottom:1px solid #ddd; */
	overflow:hidden;
}
.cp31facilities1 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp31facilities1 .w1c1{
	width:100%; /* (340/920) */
	margin:auto auto 1em;
	max-width:270px;
}
.cp31facilities1 .w1c2{}
/* ☆ */
.cp31facilities1 .hg1{display:block;
	margin:0 0 12px;
}
.cp31facilities1 .h1{display:inline-block;
	margin:0;
	padding:0;
	color:#000;
	font-weight:400;
	font-size:1.5em; /* (24/16) */
	letter-spacing:-.0625em;
	vertical-align:middle;
}
/* ☆ */
.cp31facilities1 .figs{display:block;}
.cp31facilities1 .f1{display:block;position:relative;
	margin:auto;
	padding:0 0 70.588%; /* (240/340) */
	background:#eee;
	border-radius:14px;
	text-align:center;
	overflow:hidden;
}
.cp31facilities1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;}
.cp31facilities1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
@media all and (min-width:550px){
	.cp31facilities1 .w1c1 {float:left;margin:0 calc(20px + 2.174%) 0 0; /* (20/920) */;max-width:none;width:36.957%; /* (340/920) */}
}


/* 정의목록(제목:내용) 20200521. 20200709 */
.cp31dlist1{display:block;
	position:relative;
	color:#666;
	line-height:1.375;
	font-size:.9375em;
}
.cp31dlist1 .dl1{list-style:none;
	margin:0 0 -.375em;
	padding:0;
}
.cp31dlist1 .dl1 .di{display:block;
	margin:0 0 .375em;
	overflow:hidden;
}
.cp31dlist1 .dl1 .dt{float:left;
	margin:0 .375em 0 0;
	padding:0 0 0 1em;
	background:url(../../img/lib2/bu1.png) no-repeat .25em 50%;
	font-weight:400;
}
.cp31dlist1 .dl1 .dd{display:block;
	overflow:hidden;
}
.cp31dlist1 .dl1 .dt .t1{}
.cp31dlist1 .dl1 .dt .sep{}
/*
	))) 정의제목 폭 맞춤
	<b class="dt"><span class="t1 dpib w4em vat">정의제목</span> <i class="sep">:</i></b>
*/


/* 정의목록(아이콘제목:내용) 20200604 */
.cp31dlist2{display:block;
	position:relative;
	color:#333;
	line-height:1.375;
	font-size:.9375em;
}
.cp31dlist2 .dl1{list-style:none;
	margin:0 0 -.375em;
	padding:0;
}
.cp31dlist2 .dl1 .di{display:block;
	margin:0 0 .375em;
	overflow:hidden;
}
.cp31dlist2 .dl1 .dt{float:left;
	margin:0 .375em 0 0;
	font-weight:400;
}
.cp31dlist2 .dl1 .dd{display:block;
	overflow:hidden;
}
.cp31dlist2 .dl1 .dt .t1{display:inline-block;
	margin:.375em 0;
	vertical-align:middle;
}
.cp31dlist2 .dl1 .dd.dd3t1{clear:both;padding-left:30px;}

.cp31dlist2 .dl1 .dd .t2{display:inline-block;
	margin:.375em 0;
	vertical-align:middle;
}
.cp31dlist2 .dl1 .dt .sep{}
.cp31dlist2 .dl1 .dt .ic1{display:inline-block;
	width:22px;height:22px;
	margin:0 .25em 0 0;
	background:url(../../img/lib2/ic44a1c2star1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp31dlist2 .dl1 .facilities .ic1{background-image:url(../../img/lib2/ic44a1c2star1.png);}
.cp31dlist2 .dl1 .curriculum .ic1{background-image:url(../../img/lib2/ic44a1c2pin1.png);}
.cp31dlist2 .dl1 .edu .ic1{background-image:url(../../img/lib2/ic44a1c2folder1star1.png);}
.cp31dlist2 .dl1 .target .ic1{background-image:url(../../img/lib2/ic44a1c2person1.png);}
.cp31dlist2 .dl1 .receipt .ic1{background-image:url(../../img/lib2/ic44a1c2calendar1.png);}
.cp31dlist2 .dl1 .period .ic1{background-image:url(../../img/lib2/ic44a1c2sandglass1.png);}
.cp31dlist2 .dl1 .dayhour .ic1{background-image:url(../../img/lib2/ic44a1c2clock1.png);}
.cp31dlist2 .dl1 .selection .ic1{background-image:url(../../img/lib2/ic44a1c2gear1.png);}
.cp31dlist2 .dl1 .quota .ic1{background-image:url(../../img/lib2/ic44a1c2person2.png);}
.cp31dlist2 .dl1 .application .ic1{background-image:url(../../img/lib2/ic44a1c2bargraph1.png);}
.cp31dlist2 .dl1 .tuition .ic1{background-image:url(../../img/lib2/ic44a1c2won1.png);}
.cp31dlist2 .dl1 .reception .ic1{background-image:url(../../img/lib2/ic44a1c2mapmarker1.png);}
.cp31dlist2 .dl1 .check .ic1{background-image:url(../../img/lib2/ic44a1c2check1.png);}
/* ☆ */
.cp31dlist2 .dl1 .series .ic1{background-image:url(../../img/lib2/ic44a1c2star1.png);}
.cp31dlist2 .dl1 .category .ic1{background-image:url(../../img/lib2/ic44a1c2pin1.png);}
.cp31dlist2 .dl1 .genre .ic1{background-image:url(../../img/lib2/ic44a1c2folder1star1.png);}
.cp31dlist2 .dl1 .age .ic1{background-image:url(../../img/lib2/ic44a1c2person1.png);}


/* 정의목록(인라인블럭) 20200724 */
.cp31dlist3{display:block;
	position:relative;
	color:#333;
	line-height:1.5;
	font-size:.9375em;
}
.cp31dlist3 .dl1{list-style:none;
	margin:0 0 -.375em;
	padding:0;
}
.cp31dlist3 .dl1 .di{display:block;
	margin:.375em 0;
	padding:0 0 0 1em;
	background:url(../../img/lib2/bu1.png) no-repeat .25em .6875em;
	overflow:hidden;
}
.cp31dlist3 .dl1 .dt{display:inline-block;
	margin:0 .375em .375em 0;
	font-weight:400;
	vertical-align:top;
}
.cp31dlist3 .dl1 .dd{display:inline-block;
	margin:0 0 .375em;
	vertical-align:top;
}
/* .cp31dlist3 .dl1 .di~.di .dd{ /* 2째줄~ 블럭 */ 
/*	display:block;
/* }*/
.cp31dlist3 .dl1 .dt .t1{}
/* type2 (모두 인라인) */
.cp31dlist3.type2 .dl1 .di~.di .dd{
	display:inline-block;
}


/* 첨부. 20200521 */
.cp31attach1{
	position:relative;
	margin:30px 0;
	padding:10px;
	border:1px solid #ddd;
	background:#f7f7f7;
	line-height:1.375;
	overflow:hidden;
}
.cp31attach1 .w1{
	padding:10px;
}
.cp31attach1 .hg1{}
.cp31attach1 .h1{
	margin:0;padding:0;border:0;background:none;
	color:#333;
	font-size:1.125em;
}
.cp31attach1 .w2{
	position:relative;
	margin:0 10px;
	padding:10px 0;
	border-top:1px dashed #ccc;
	overflow:hidden;
}
.cp31attach1 .w2 p{
	margin:9px 0;
}
.cp31attach1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp31attach1 .li1{
	margin:0;padding:0;
}
.cp31attach1 .filename{display:inline-block;
	margin:0 .25em 0 0;
	border-bottom:1px dashed transparent;
	color:#555;
	vertical-align:middle;
	text-decoration:none;
}
.cp31attach1 .filename[href]:hover,
.cp31attach1 .filename[href]:focus{
	border-color:#888;
}
/* ☆ */
.cp31attach1 .b1s{display:inline-block;
	margin:5px 0;
	vertical-align:middle;
}
.cp31attach1 .b1{display:inline-block;
	position:relative;
	width:30px;
	height:30px;
	padding:0;
	vertical-align:middle;
	overflow:hidden;text-indent:-9999px;
}
.cp31attach1 .b1 .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	margin:-15px;
	background:url() no-repeat;
	background-size:contain;
}
.cp31attach1 li .b1.download .ic1{background-image:url(../../img/lib2/ic60a2c2download1.png);}
.cp31attach1 li .b1.quickview{
	animation:fx1blink1 2s infinite linear;
}
.cp31attach1 li .b1.quickview[href]{
	animation:none;
}
.cp31attach1 li .b1.quickview .ic1{background-image:url(../../img/lib2/ic60a2c2opennew1.png);}
.cp31attach1 li .b1.quickview[href] .ic1{opacity:1;}
@keyframes fx1blink1{
	0%{opacity:.2;}
	50%{opacity:1;}
	100%{opacity:.2;}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp31attach1 .w1{
		float:left;
		padding:10px 40px 10px 30px;
	}
	.cp31attach1 .w2{
		padding:2px 20px;
		border:0;
		border-left:1px dashed #ccc;
	}
}

/* 첨부 .cp31attach1 변형 */
.tabs1pane .cp31attach1.type2 {box-sizing:border-box;}
.tabs1pane .tabs1text + .cp31attach1.type2 {margin-left:0;}
@media all and (min-width:500px){
	.tabs1pane .cp31attach1.type2 {display:inline-block;vertical-align:top;width:calc(50% - 7px);margin-left:10px;}
}


/* 첨부. 20200521 */
.cp31attach2{
	position:relative;
	margin:calc(20px + 3.333%) 0;
	padding:16px 20px;
	border:1px solid #ccc;
	background:#f7f9fa;
	line-height:1.375;
	overflow:hidden;
}
.cp31attach2 .w1{}
.cp31attach2 .hg1{position:relative;padding-left:65px;
	color:#333;
}
.cp31attach2 .h1 {}
.cp31attach2 .hg1 .ic1{position:absolute;top:calc(50% - 25px);left:0;display:block;
	width:50px;
	height:50px;
	margin:0 4px 0 0;
	background:url(../../img/lib2/ic100a2c2download1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.cp31attach2 .hg1 .t1{display:inline-block;
	color:inherit;
	vertical-align:middle;
}
.cp31attach2 .w2{
	position:relative;
	overflow:hidden;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp31attach2 .w1{
		margin:-4px 0;
		padding:0 10px;
		float:left;
	}
	.cp31attach2 .w2{
		text-align:right;
	}
	.cp31attach2 .w2 .button{
		margin-left:.375em;
	}
}


/* 지도맵 20200521 */
.cp31map1{
	position:relative;
	z-index:0;
	height:0;padding-bottom:48.91%;
	margin:auto;
	border-radius:0;
	background:#d1d7db;
	overflow:hidden;
}
.cp31map1 img{max-width:none;}
.cp31map1 #daum_map,
.cp31map1 .map{ /* ★ 맵API 보정 */
	position:absolute !important;left:0;right:0;top:0;bottom:0;width:100%;height:100%;
}
/* ◇◆*/
@media all and (min-width:768px){
}


/* 지도맵푸터그룹 20200521 */
.cp31map1fg1{
	position:relative;
	margin:auto;
	background:#f7f7f7;
	line-height:1.375;
	letter-spacing:-.03125em;
}
/* ☆ */
.cp31map1fg1 .b1{display:inline-block;
	position:absolute;right:0;top:-35px;
	box-sizing:border-box; /* ☆ */
	height:35px;
	background:rgba(0,0,0, .7);
	color:#fff;
	font-weight:400;
	font-size:0;
	vertical-align:middle;
}
.cp31map1fg1 .b1t1{display:inline-block;
	position:relative;
	padding:0 1em;
	color:inherit;
	font-size:13px;
	vertical-align:middle;
}
.cp31map1fg1 .b1ic1{display:inline-block;
	width:45px;
	height:100%;
	background:#005fca url(../../img/lib2/ic14a1c0plus1.png) no-repeat center center;
	vertical-align:middle;
}
.cp31map1fg1 .b1:hover,
.cp31map1fg1 .b1:focus{
	border-color:rgba(0,0,0, .42);
	box-shadow:inset 0 0 999px 0 rgba(0,0,0, .42);
}
@media all and (min-width:640px){	
	.cp31map1fg1 .b1 {top:-45px;height:45px;}
	.cp31map1fg1 .b1t1 {padding-left:2em;padding-right:2em;font-size:14px}
}

/* 대형전광판 20200724 */
.cp31jumbotron1{
	position:relative;
	margin:1.375em 0;
	padding:6.25% 6.25% 7.143%; /* (20/280) (20/320) */
	border:1px solid #f7f7f7;
	background:#f7f7f7;
	letter-spacing:-.075em;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp31jumbotron1 .ic1{} /* ))) .ic1.indy */
.cp31jumbotron1 .tg1{}
.cp31jumbotron1 .t1{display:block;
	margin:.5em 0 0;
	color:#333;
	font-weight:500;
	font-size:2.125em; /* (34/16) */
	line-height:1.25;
}
.cp31jumbotron1 .t2{display:block;
	margin:.75em 0 0;
	color:#666;
	font-size:1.1875em; /* (19/16) */
	line-height:1.5;
}
.cp31jumbotron1 .btns{
	margin:1.5em 0 0;
}
/* ◇◆ */
@media all and (max-width:639px){
	.cp31jumbotron1{
		font-size:.875em;
	}
}


/* 달력.예약일시선택.(버튼클릭) 20200521 */
.cp31reserve1calendar1{
	position:relative;
	width:100%;
	margin:.5em auto 1.25em;
}

.cp31reserve1calendar1 .even-grid .column.medium-2 {display:none;}
.cp31reserve1calendar1 .month{position:relative;
	width:4em;
	margin:0 auto .375em;
	padding:0 1.375em;
	font-size:2.25em;
	line-height:1.375;
	text-align:center;
}
.cp31reserve1calendar1 .month .h1{
	margin:0;padding:0;background:transparent;
	color:#000;
}
.cp31reserve1calendar1 .month .em1{color:#05a;}
.cp31reserve1calendar1 .month a.b1{float:left;
	position:absolute;top:50%;
	width:36px;height:36px;
	margin:-18px 0 0 0;
	border-radius:9999px;
	background:#888;
	line-height:1;vertical-align:middle;
}
.cp31reserve1calendar1 .month a.prev{left:0;}
.cp31reserve1calendar1 .month a.next{right:0;}
.cp31reserve1calendar1 .month a.b1 .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	margin:-15px;
	background:url() no-repeat center center;
	background-size:contain;
}
.cp31reserve1calendar1 .month a.prev .ic1{background-image:url(../../img/lib/ic60a1left1.png);}
.cp31reserve1calendar1 .month a.next .ic1{background-image:url(../../img/lib/ic60a1right1.png);}
.cp31reserve1calendar1 .month .today{
	position:absolute;right:-4em;top:50%;
	height:auto;
	margin:-1em 0 0;
	font-size:13px;
}
/* ☆달력 */
.cp31calendar1table1{
	clear:both;
	width:100%;
	margin:0;border:0;border-collapse:collapse;
	line-height:1.375;
}
.cp31calendar1table1>*>tr>th,
.cp31calendar1table1>*>tr>td{
	width:14.286%;
	padding:0;
	border:1px solid #ccc;
	background:#f7f7f7;
	color:#333;
	vertical-align:top;
}
.cp31calendar1table1>*>tr.day>th{padding:.75em .5em;text-align:center;}
.cp31calendar1table1 tbody>tr:first-child>td{border-top-color:#000;}
.cp31calendar1table1>*>tr.day .sat,
.cp31calendar1table1>*>tr .sat .date{color:#00b;}
.cp31calendar1table1>*>tr.day .sun,
.cp31calendar1table1>*>tr .sun .date,
.cp31calendar1table1>*>tr.day .hol,
.cp31calendar1table1>*>tr .hol .date{color:#e00;}
.cp31calendar1table1>*>tr>td{background:#fff;}
.cp31calendar1table1>*>tr>td .cell{display:block;
	position:relative;
	min-height:40px;
	padding:0 2px 1em;
}
.cp31calendar1table1>*>tr>td .cell:before,
.cp31calendar1table1>*>tr>td .cell:after{content:'';display:table;clear:both;}
.cp31calendar1table1>*>tr>td .cell.on{
	/* background:#def; */
}
/* chevron △ */
.cp31calendar1table1>*>tr>td .cell .deco1{float:left;
	z-index:10;
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:0 -10px;
	border:0 solid transparent;
	border-width:0 10px 10px 10px;
	border-bottom-color:#05a;
}
.cp31calendar1table1>*>tr>td .cell .deco1:before{content:'';float:left;
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:-13px -10px;
	border:0 solid transparent;
	border-width:0 10px 10px 10px;
	border-bottom-color:#fff;
}
/* ☆ */
.cp31calendar1table1>*>tr>td .date{float:left;
	margin:.375em;
	color:#333;
	font-size:1em;
}
.cp31calendar1table1>*>tr>td .btns{float:left;width:100%;text-align:center;}
.cp31calendar1table1>*>tr>td .cont{display:none; /* ☆ */
	clear:both;
	position:relative;
	margin:-1px;
	padding:4% 5%; /* (46/920) */
	border:2px solid #05a;
	background:#fff;
	line-height:1.375;
	overflow:hidden;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
}
.cp31calendar1table1>*>tr.target td .cont{
	display:block;
}
/* ☆ */
.cp31calendar1table1 .button.toggleCont{
	background:#05a;
}
.cp31calendar1table1 .button.toggleCont.disabled2{
border-color:#567;background-color:#678;color:#fff;
}
.cp31calendar1table1 .button.disabled{
	opacity:1;
}
.cp31calendar1table1>*>tr>td .cont {padding:4% 3%}
.cp31calendar1table1 table.t3>*>tr>th, .cp31calendar1table1 table.t3>*>tr>td {padding:.5em;}
.cp31calendar1table1 .button.cp31b1 {font-size:.875em;line-height:1.2;width:45px;display:block !important;margin:auto;}
.cp31calendar1table1 table thead>tr>th:first-child {width:33%}
.cp31calendar1table1 table thead>tr>th:nth-child(2) {width:24%}
.cp31calendar1table1 table thead>tr>th:nth-child(3) {width:16%}
.cp31calendar1table1 table thead>tr>th:nth-child(4) {width:23%}
.cp31calendar1table1 table.expg1 thead>tr>th:first-child {width:31%}
.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(2) {width:20%}
.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(3) {width:20%}
.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(4) {width:13%}
.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(5) {width:16%}

@media all and (min-width:768px){
	.cp31reserve1calendar1 {margin-top:1.25em;}
	.cp31calendar1table1 table.t3>*>tr>th, .cp31calendar1table1 table.t3>*>tr>td {padding:.75em}
	.cp31calendar1table1 .button.cp31b1 {font-size:.938em;margin-left:.5em;width:auto;display:inline-block !important;}
	.cp31calendar1table1 table thead>tr>th:first-child, 
	.cp31calendar1table1 table thead>tr>th:nth-child(2), 
	.cp31calendar1table1 table thead>tr>th:nth-child(3), 
	.cp31calendar1table1 table thead>tr>th:nth-child(4), 
	.cp31calendar1table1 table.expg1 thead>tr>th:first-child, 
	.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(2), 
	.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(3), 
	.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(4), 
	.cp31calendar1table1 table.expg1 thead>tr>th:nth-child(5) {width:auto;}
}



/* 목록카드 20200604 */
.cp31card1{display:block;
	position:relative;
	margin:0 0 1.5em 0;
	font-size:.9375em;
	line-height:1.375;
}
.cp31card1 ul.even-grid{}
.cp31card1 li.column{}
.cp31card1 .w1{display:block;
	position:relative;
}
.cp31card1 .a1{display:block;
	position:relative;
	border:1px solid #ccc;
	border-radius:5px;
	color:inherit;
	text-decoration:none;
	overflow:hidden;
	transition:.2s;
}
.cp31card1 .a1:hover{
	border-color:#000;
}
.cp31card1 .a1:focus{
	outline:1px dotted #000;
}
.cp31card1 .f1{display:block;
	position:relative;
	/* margin:-1px -1px 0; */ /* ☆ */
	overflow:hidden;
}
.cp31card1 .f1p1{display:block;
	position:relative;
	padding:0 0 66.666%;
	background:#eee;
	overflow:hidden;
}
.cp31card1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp31card1 .tg1{
	margin:0 0 4em;
	padding:1em;
	text-align:center;
	overflow:hidden;
}
.cp31card1 .t1{display:block;
	margin:0 0 .5em;
	color:#000;
	font-weight:400;
	font-size:1.125em; /* (18/16) */
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp31card1 .tg2{display:block;}
.cp31card1 .t2{display:inline-block;
	font-size:.875em; /* (14/16) */
	margin:0 .375em;
}
.cp31card1 .t2t1{display:inline-block;
}
.cp31card1 .t2t2{display:inline-block;
	color:#ba2129;
}
.cp31card1 .btns{
	position:absolute;left:0;right:0;bottom:2.5em;
	height:0;
	margin:1px;
}
.cp31card1 .b1{display:block;
	width:7.5em;
	margin:-1.25em auto;
	background:#005fca;
	color:#fff;
	vertical-align:middle;
}
.cp31card1 .b1.disabled{
	background:#acb5bf;
	opacity:1;
}


/* 상세(장난감은행). 20200604 */
.cp31view2{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
	overflow:hidden;
}
.cp31view2 a[href]{
	text-decoration:none;
}
.cp31view2 .w1{
	position:relative;
	margin:0;
	padding:30px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.cp31view2 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp31view2 .w1c1{}
.cp31view2 .w1c2{
	padding:16px 0 0;
}
/* ☆ */
.cp31view2 .figs{display:block;}
.cp31view2 .f1{display:block;position:relative;
	margin:auto;
	/* background:#eee; */
	border-radius:6px;
	text-align:center;
	overflow:hidden;
}
.cp31view2 .f1p1{}
.cp31view2 .f1 img{}
/* ☆ */
.cp31view2 .texts{display:block;}
.cp31view2 .hg1{display:block;
	margin:0 0 1em;
	border-bottom:1px dashed #ccc;
}
.cp31view2 .h1{display:inline-block;
	margin:0 0 .5em;
	padding:0;
	color:#000;
	font-weight:400;
	font-size:1.75em; /* (28/16) */
	letter-spacing:-.0625em;
	vertical-align:middle;
}
.cp31view2 .texts>.t2{display:block;
	margin:0 0 1em;
	line-height:1.625;
}
/* ◇◆ */
@media all and (min-width:640px){
	.cp31reserve1calendar1 .even-grid .column.medium-2 {display:block;}
}
@media all and (min-width:768px){
	.cp31view2 .w1{
		padding:34px;
		border:1px solid #ddd;
		border-radius:5px;
	}
	.cp31view2 .w1c1{
		float:left;
		width:38.353%; /* (326/850) */
		margin:0 4.706% 0 0; /* (40/850) */
	}
	.cp31view2 .w1c2{
		padding:0;
		border:0;
	}
}


/* 상세(찾아오시는 길). 20200604 */
.cp31view3{
	position:relative;
	margin:0 auto 2.25em;
	line-height:1.375;
	overflow:hidden;
}
.cp31view3 a[href]{
	text-decoration:none;
}
.cp31view3 .w1{
	position:relative;
	overflow:hidden;
}
.cp31view3 [class*='w1c']{display:block;
	overflow:hidden;
}
.cp31view3 .w1c1{}
.cp31view3 .w1c2{
	padding:16px 0 0;
}
/* ☆ */
.cp31view3 .figs{display:block;}
.cp31view3 .f1{display:block;position:relative;
	margin:auto;
	/* background:#eee; */
	border-radius:6px;
	text-align:center;
	overflow:hidden;
}
.cp31view3 .f1p1{}
.cp31view3 .f1 img{}
/* ☆ */
.cp31view3 .texts{display:block;}
.cp31view3 .hg1{display:block;
	margin:0 0 1em;
}
.cp31view3 .hb1{
	margin-top:0;
}
.cp31view3 .texts>.t2{display:block;
	margin:0 0 1em;
	line-height:1.625;
}
/* ◇◆ */
@media all and (min-width:640px){
	.cp31view3 .w1c1{
		float:left;
		width:46.774%; /* (290/620) */
		margin:0 4.839% 0 0; /* (30/620) */
	}
	.cp31view3 .w1c2{
		padding:0;
		border:0;
	}
}


/* 패널(찾아오시는 길). 20200604 */
.cp31box1{
	position:relative;
	padding:calc(10px + 3.261%); /* (10+(30/920)) */
	border:1px solid #eee;
	border-radius:5px;
	background:#eee;
	text-align:center;
}
.cp31box1 input.text1{
	width:100%;
	max-width:290px;
	height:50px;
	border:1px solid #ccc;
	border-radius:6px;
	color:#888;
	text-align:center;
}
.cp31box1 input.text1:focus{
	color:#000;
}


/* 절차(대형폐기물) 20200729 */
.cp31flow1{
	position:relative;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp31flow1 .w1{
	position:relative;
	margin:0 0 -1px;
	padding:16px;
	border:1px solid #ddd;
	border-radius:1em;
	vertical-align:top;
}
.cp31flow1 .w1:after{content:'';display:table;clear:both;}
.cp31flow1 li .w1:before{
	float:left;
	width:1.375em;
	height:1.375em;
	margin:0 .5em 0 0;
	padding:.375em;
	border-radius:9999px;
	background:#4a0;
	color:#fff;
	font-size:.875em;
	text-align:center;
}
.cp31flow1 li:nth-child(1) .w1:before{content:'01'}
.cp31flow1 li:nth-child(2) .w1:before{content:'02'}
.cp31flow1 li:nth-child(3) .w1:before{content:'03'}
.cp31flow1 li:nth-child(4) .w1:before{content:'04'}
.cp31flow1 li:nth-child(5) .w1:before{content:'05'}
.cp31flow1 li:nth-child(6) .w1:before{content:'06'}
.cp31flow1 li:nth-child(7) .w1:before{content:'07'}
.cp31flow1 li:nth-child(8) .w1:before{content:'08'}
.cp31flow1 li:nth-child(9) .w1:before{content:'09'}
.cp31flow1 li:nth-child(10) .w1:before{content:'10'}
.cp31flow1 .w1 .t1{display:block;
	padding:.25em 0 0;
	overflow:hidden;
}

.cp31flow1 .w1 .t2{display:block;
}
/* ☆ */
.cp31flow1 li~li .w1 .ic1{float:left;
	z-index:10;
	position:absolute;left:2em;top:-1px;
	width:0;height:0;
	margin:0 -10px;
	border:0 solid transparent;
	border-width:10px 10px 0 10px;
	border-top-color:#ccc;
}
.cp31flow1 li~li .w1 .ic1:before{content:'';float:left;
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:1px -10px;
	border:0 solid transparent;
	border-width:10px 10px 0 10px;
	border-top-color:#fff;
}
/* ◇◆ */
@media all and (min-width:640px){
	.cp31flow1 .w1{
		margin:0 0 0 -1px;
	}
	.cp31flow1 .w1 .t1{
		min-height:4.125em; /* (1.375*3) */
	}
	.cp31flow1 li~li .w1 .ic1{
		position:absolute;left:0;top:1.5em;
		margin:0 -6px;
		transform:rotate(-90deg);
	}
}


/* 라이트박스. 20200804 */
/* 공통 */
.cp31layer2lightbox1{display:none;
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	overflow:hidden;
	overflow-y:auto;
}
.cp31layer2lightbox1>.wrap1{display:block;
	height:100%;
	padding:0 10px;
	font-size:0; /* ☆ */
	text-align:center;
}
.cp31layer2lightbox1>.wrap1:after{content:'';display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}
.cp31layer2lightbox1 .lightbox{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:98%; /* ☆ */
	max-width:790px;
	margin:3% 0;
	background:#fff;
	color:#333;
	font-size:16px; /* ☆ */
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
	box-shadow:0 0 10px 0 rgba(0, 0, 0, .5);
}
.cp31layer2lightbox1 .b1.close{float:left;
	position:absolute;right:0;top:0;
	width:64px;height:64px;
	background:#00668c;
}
.cp31layer2lightbox1 .b1.close>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:26px;height:26px;
	margin:-12px;
	background:url(../../img/lib2/ic26a1c0x1.png) no-repeat center center;
	text-indent:-9999px;overflow:hidden;
}
.cp31layer2lightbox1 .hg1{
	min-height:64px;
	background:#08b;
	color:#fff;
	overflow:hidden;
}
.cp31layer2lightbox1 .hg1 .h1{
	margin:0;
	padding:19px;
	font-weight:600;
	font-size:20px;
	line-height:26px;
}
/* 내용 */
.cp31layer2lightbox1 .cont{
	padding:30px calc(3.797%); /* ☆ */
}
.cp31layer2lightbox1 .fcontrol1{ /* even-grid */
	position:relative;
	border-top:1px solid #444;
	border-bottom:1px solid #ddd;
	font-size:15px;
	white-space:nowrap;
	overflow:hidden;
}
.cp31layer2lightbox1 .fcontrol1:after{
	position:absolute;left:0;right:0;bottom:0;
	width:100%;height:1px;
	background:#fff;
	margin:0;
}
.cp31layer2lightbox1 .w1{} /* column */
.cp31layer2lightbox1 .dl1{
	margin:-1px 0 0;
	padding:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.cp31layer2lightbox1 .dt1{
	clear:both;
	float:left;
	box-sizing:border-box; /* ☆ */
	width:50%;
	margin:0;
	padding:8px 10px;
	background:#f7f7f7;
	color:#222;
	text-align:center;
}
.cp31layer2lightbox1 .dd1{
	float:left;
	box-sizing:border-box; /* ☆ */
	width:50%;
	margin:0;
	padding:2px 10px;
}
.cp31layer2lightbox1 .item{display:inline-block;}
/* 스크롤박스 */
.cp31layer2lightbox1 .scrollbox1{
	overflow:auto;
	margin:0 -30px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp31layer2lightbox1 .scrollbox1{
		margin:auto;
	}
}


/* 이전다음포토. 현재/전체. 섬네일. 20200804. [JS]jQchangePic4(…); */
.cp31pic1gallery1{
	position:relative;
	z-index:0;
	margin:auto;
	line-height:1.375;
}
.cp31pic1gallery1 *{list-style:none;margin:0;padding:0;border:0;}
.cp31pic1gallery1 .figure{
	position:relative;
	z-index:0;
	border:6px solid #eee;
	background:#eee;
}
.cp31pic1gallery1 .figure .p1{
	position:relative;
	min-height:100px;
	overflow:hidden;
}
.cp31pic1gallery1 .figure .p1 img{display:block;
	width:auto;
	max-width:100%;
	height:auto;
	/* max-height:500px; */
	margin:auto;
}
.cp31pic1gallery1 .figure .p1 img.loaded{
	z-index:20;
	position:relative;
}
/* 메뉴 */
.cp31pic1gallery1 .menu{
	position:relative;
	margin:20px 0 0;
}
/* 순번 섬네일 */
.cp31pic1gallery1 .mNum{
	position:relative;
	height:64px;
	overflow:hidden;
}
.cp31pic1gallery1 .mNum .mCont{position:absolute;left:0;top:0;
	width:10000px; /* ☆ .ms 폭을 빨리 계산하기 위해  */
	height:100%;
	margin:auto; /* ☆ */
	transition:.8s;
}
.cp31pic1gallery1 .mNum .ms{float:left;
	margin:0 -4px;
	overflow:hidden;
}
.cp31pic1gallery1 .mNum .m{float:left;
	width:64px;
	height:64px;
	margin:0 4px;
}
.cp31pic1gallery1 .m a{display:block;position:relative;height:100%;text-decoration:none;}
.cp31pic1gallery1 .m a .f1{display:block;position:relative;width:100%;height:100%;margin:0 auto;text-align:center;overflow:hidden;}
.cp31pic1gallery1 .m a .f1 img{position:absolute;left:0;top:0;width:auto;max-width:100%;height:auto;max-height:100%;vertical-align:top;}
.cp31pic1gallery1 .m .deco{display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp31pic1gallery1 .m a:focus{outline:1px dotted #888;}
.cp31pic1gallery1 .m.on a .deco{border:4px solid #f80;}
.cp31pic1gallery1 .m a:hover .deco,
.cp31pic1gallery1 .m a:focus .deco{
	border:4px solid rgba(0,0,0, .5);
}
/* 최초 */
.cp31pic1gallery1 .menu{
	visibility:hidden;
}
.cp31pic1gallery1 .mNum .mCont{
	position:relative;
}
/* 1이하 */
.cp31pic1gallery1.lte1item .menu{
	display:none;
}
.cp31pic1gallery1.lte1page .mNum .mCont{
	position:relative;
}
.cp31pic1gallery1.lte1page .menu{
	padding:0 24px 0 32px; /* (화면중앙위치확인) */
}
/* 1초과 */
.cp31pic1gallery1.gt1item .menu{
	display:block;
	visibility:visible;
}
.cp31pic1gallery1.gt1page .mNum .mCont{
	position:absolute;
}

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

.tour2map1 {position:relative;width:100%;height:0;padding-bottom:58.6956%;overflow:hidden;}
.tour2map1 .map {position:absolute;top:0;left:0;width:100%;height:100% !important;}

/* 품목별수수로 */
#listForm>br {display:none}

/* ContentBlockName YYYYMMDD.Writer ◇◆ */





/* 숙박예약 추가 */

.timetable1schedule1.reservation .month .today{right:-6em}


.timetable1schedule1.reservation .menu li>a .ic1{position:relative;font-size:11px;text-indent:-22px;letter-spacing:-1px;overflow:hidden;}
.timetable1schedule1.reservation .menu li>a.st1 .ic1{background:#00a651}
.timetable1schedule1.reservation .menu li>a.st2 .ic1{background:#f7941d}
.timetable1schedule1.reservation .menu li>a.st3 .ic1{background:#aaa}
.timetable1schedule1.reservation .menu li>a.st4 .ic1{background:#9e0b0f}

.timetable1schedule1.reservation .menu li>a[data-progress='예약가능'] .ic1{background:#00a651}
.timetable1schedule1.reservation .menu li>a[data-progress='결제대기'] .ic1{background:#f7941d}
.timetable1schedule1.reservation .menu li>a[data-progress='예약불가'] .ic1{background:#aaa}
.timetable1schedule1.reservation .menu li>a[data-progress='예약완료'] .ic1{background:#9e0b0f}
.timetable1schedule1.reservation .menu li>a .ic1:before{content:'';
	position:absolute;left:0;top:0;bottom:0;
	width:3px;
}
.timetable1schedule1.reservation .menu li>a[data-progress='예약가능'] .ic1:before{background:#00a651;width:4px;}
.timetable1schedule1.reservation .menu li>a[data-progress='결제대기'] .ic1:before{background:#f7941d;}
.timetable1schedule1.reservation .menu li>a[data-progress='예약불가'] .ic1:before{background:#aaa;}
.timetable1schedule1.reservation .menu li>a[data-progress='예약완료'] .ic1:before{background:#9e0b0f;}
.timetable1schedule1.reservation .calendar1table1 .menu li>a:hover[data-progress='예약가능'] .ic1:before,
.timetable1schedule1.reservation .calendar1table1 .menu li>a:hover[data-progress='결제대기'] .ic1:before,
.timetable1schedule1.reservation .calendar1table1 .menu li>a:hover[data-progress='예약불가'] .ic1:before,
.timetable1schedule1.reservation .calendar1table1 .menu li>a:hover[data-progress='예약완료'] .ic1:before{background:#000;}


.timetable1schedule1.reservation table.calendar1table1 td .cell{padding:0 0.25em}
.timetable1schedule1.reservation table.calendar1table1 td .date{margin:0.25em 0.375em 0;}
.timetable1schedule1.reservation table.calendar1table1 td .menu{margin:0.5em 0.4em;}
.timetable1schedule1.reservation .menu li>a{padding:0}


.timetable1schedule1 table.calendar1table1 tr [data-day='일요일'],
.timetable1schedule1 table.calendar1table1 tr [data-day='공휴일']{color:#e00;}
.timetable1schedule1 table.calendar1table1 tr [data-day='토요일']{color:#00b;}

.timetable1schedule1 table.calendar1table1 tr [data-day='일요일'] .date, 
.timetable1schedule1 table.calendar1table1 tr [data-day='공휴일'] .date{color:#e00;}

.timetable1schedule1 table.calendar1table1 tr [data-day='토요일'] .date{color:#00b;}





/* 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){
}