@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.04.06 | 김소화 | 최초 등록
 * 2020.04.09 | 김소화 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 디자인팀 김소화
 * @since 2020.04.02
 *
 * @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
 */




.cp20card1{}
.cp20card1 .a1{display:block;
	position:relative;
	border-radius:20px;
	background:#f6f9ff;
	overflow:hidden;
	text-decoration:none !important;
}

.cp20card1 .a1 .f1{display:block;border-radius:20px 20px 0 0;height:200px;overflow:hidden;}
.cp20card1 .a1 .f1 img{display:block;width:100%;height:auto}
.cp20card1 .a1 .tg1{display:block;
	padding:20px 30px 30px;
}
.cp20card1 .a1 .g1{position:absolute;top:20px;left:20px;
	background:#000;
	border-radius:20px;
	color:#fff;
	font-size:13px;
	padding:3px 10px
}
.cp20card1 .a1 .tg1 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:20px;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.cp20card1 .a1 .tg1 ul{list-style:none;padding:0;margin:10px 0 0;}
.cp20card1 .a1 .tg1 ul>li{font-size:15px;color:#555}
.cp20card1 .a1 .tg1 ul>li:before{content:'';
	display:inline-block;
	width:4px;height:4px;
	background:#555;
	border-radius:100%;
	vertical-align:middle;
	margin:0 5px 0 0;
}


/* s_color1 접수중 s_color2 홍보중  s_color3 접수마감  s_color4 정원마감 s_color5 대기자 접수중*/
.s_color1{background-color:#12a975 !important;}
.s_color2{background-color:#a916c7 !important;}
.s_color3{background-color:#dde0e5 !important;}
.s_color4{background-color:#3b4c57 !important;}
.s_color5{background-color:#4575ca !important;}





/* 래퍼.달력and1. 20180219 */
.wrap1timetable1and1{position:relative;}

/* 달력(셀클릭) 20180219 */
.timetable1{position:relative;margin:auto;line-height:1.375;font-size:16px}
.timetable1 .month{position:relative;text-align:center;background:#eceff6;padding:20px 0;border-radius:20px}
.timetable1 .month .h1 {display:inline-block;vertical-align:middle;margin:0 15px;padding:0;background:transparent;font-size:24px;font-weight:500;color:#000;line-height:1}
.timetable1 .month .h1 span {font-weight:600;font-size:32px}
.timetable1 .month .em1{color:#07a;}
.timetable1 .month a.b1 {display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat:no-repeat;background-size:contain;margin-top:4px}
.timetable1 .month a.b1.prev {background-image:url(../../img/lib2/ic40a1arr1prev.png)}
.timetable1 .month a.b1.next {background-image:url(../../img/lib2/ic40a1arr1next.png)}
.timetable1 .help {position:absolute;top:26px;right:40px;overflow:hidden}
.timetable1 .help .remark {list-style:none;margin:0;padding:0}
.timetable1 .help .remark li {position:relative;float:left;color:#000;margin-left:25px;padding-left:18px}
.timetable1 .help .remark li:first-child {margin-left:0}
.timetable1 .help .remark li:before {position:absolute;top:3px;left:0;content:"";display:block;width:15px;height:15px;}
.timetable1 .help .remark li.c1:before {background:#2193ca}
.timetable1 .help .remark li.c2:before {background:#1d907a}
.timetable1 .help .remark li.c3:before {background:#ec008c}
.timetable1 .help .remark li.c4:before {background:#f6332a}
.timetable1 table{table-layout:fixed;width:100%;margin:0;border:0;border-collapse:collapse;box-sizing:border-box;}
.timetable1 table th,
.timetable1 table td{	
	padding:0;border:0;
	vertical-align:top;
}
.timetable1 table thead th{padding:25px 0;
	color:#000;
	font-size:16px;
	text-align:center;
	font-weight:600;
	letter-spacing:0
}
.timetable1 table .sat, .timetable1 table .sat .date {color:#0060ff}
.timetable1 table .sun , .timetable1 table .sun .date {color:#d60065}

.timetable1 table td {border:1px solid #ddd;}
.timetable1 table td .cell {display:block;
	position:relative;
	min-height:7.5em;
	margin:-1px;
}
.timetable1 table td .cell.today:before{content:'Today';
	display:block;
	position:absolute;left:10px;top:10px;
	background:#918dfb;
	color:#fff;
	font-size:11px;
	border-radius:20px;
	padding:2px 10px;
	letter-spacing:1px;
	font-weight:500
}
.timetable1 table td .date {display:block;position:absolute;right:0;top:0;
	padding:.5em;
	color:#000;
	font-size:1em;
	font-weight:400;
}
.timetable1 table td a.a1{position:relative;display:block;
	z-index:10;
	margin:-2px;padding:2.3em .5em .25em;
	border:2px solid transparent;
	background:url(../../img/lib/b.png); /* [~IE10]fix) */
	overflow:hidden;
	min-height:7.5em;box-sizing:border-box;
	text-decoration:none !important;
}
.timetable1 table td a.a1 .a1t1 {display:block;
	color:#fff;
	font-size:14px;font-weight:400;
	min-height:24px;
	max-height:43px;
	padding:2px;
	margin-top:3px;overflow:hidden;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	border-radius:5px;
}
.timetable1 table .sun,
.timetable1 table .sun a,
.timetable1 table .sun b{}
.timetable1 table .sat,
.timetable1 table .sat a,
.timetable1 table .sat b{}
.timetable1 table .today{}
.timetable1 table .cell a.a1:hover,
.timetable1 table .cell a.a1:focus {}
.timetable1 table .on .cell a.a1 {}
.timetable1 table .on .cell:after {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;border:3px solid #415eab;box-sizing:border-box}

/* 달력에 나오는 디자인/글자크기 조정 */
.timetable1 table td a.a1 .a1t1[data-gubun='센터행사'] {background-color:#2193ca;}
.timetable1 table td a.a1 .a1t1[data-gubun='일반대관'] {background-color:#1d907a;}
.timetable1 table td a.a1 .a1t1[data-gubun='동아리대관'] {background-color:#ec008c;}
.timetable1 table td a.a1 .a1t1[data-gubun='휴관'] {background-color:#f6332a;}
.timetable1 table td a.a1 .a1t1 em {display:inline-block;
	overflow:hidden;
	padding:0 5px;
	white-space:normal;
	vertical-align:middle;
	font-size:13px;
	width:40px;height:25px;
	box-sizing:border-box;
	text-align:center;
	line-height:25px;
	background:#fff;
	margin-right:3px;
	border-radius:5px;
}
.timetable1 table td a.a1 .a1t1[data-gubun='센터행사'] em{color:#2193ca}
.timetable1 table td a.a1 .a1t1[data-gubun='일반대관'] em{color:#1d907a}
.timetable1 table td a.a1 .a1t1[data-gubun='동아리대관'] em{color:#ec008c}
.timetable1 table td a.a1 .a1t1[data-gubun='휴관'] em{color:#f6332a}

@media screen and (max-width:999px){
	.timetable1 .month {padding:15px;text-align:left;}
	.timetable1 .month .h1 {font-size:20px}
	.timetable1 .month .h1 span {font-size:24px}
	.timetable1 .help {top:10px;right:20px;}
	.timetable1 .help .remark{margin-top:5px;}
	.timetable1 .help .remark li {font-size:14px;float:none;margin-left:5px;display:inline-block;}
}
@media screen and (max-width:767px){
	.timetable1 table td .cell.today:before{font-size:9px;}
	.timetable1 table td a.a1 .a1t1 {position:relative;height:20px;min-height:auto;text-indent:-9999px}
	.timetable1 table td a.a1 .a1t1 em {
		position: absolute;left:0;right:0;
		height:20px;
		line-height: 130%;
		padding: 3px 0;
		font-size:12px;
		text-indent:0;
		margin-top:0;
		width: 100%;
		box-sizing:border-box;
	}
	.timetable1 table td a.a1 .a1t1[data-gubun='센터행사'] em{color:#fff;background:#2193ca;}
	.timetable1 table td a.a1 .a1t1[data-gubun='일반대관'] em{color:#fff;background:#1d907a}
	.timetable1 table td a.a1 .a1t1[data-gubun='동아리대관'] em{color:#fff;background:#ec008c;}
	.timetable1 table td a.a1 .a1t1[data-gubun='휴관'] em{color:#fff;background:#f6332a}
}
@media screen and (max-width:682px){
.timetable1 table td a.a1 .a1t1 em{padding: 3px 15px;}
.timetable1 table td a.a1 .a1t1[data-gubun='동아리대관'] em{padding:3px 0}
}
@media screen and (max-width:679px){
	.timetable1 table td .cell.today:before{display:none}
	.timetable1 .month{text-align:center;padding: 15px 15px 50px;}
	.timetable1 .help{top:50px;left:0;right:0;text-align:center;}
}
@media screen and (max-width:499px){
	.timetable1 table td a.a1 .a1t1 em{padding:3px 5px}
}



/* 목록(열3.날짜2표찰1글2버튼토글1).내용.아코디언 20180219 */
.schedule1{margin:1em auto 1.75em;overflow:hidden;}
.schedule1 .h1{display:block;
	padding:.75em 0;
	font-weight:400;
	font-size:1.25em;
	border-bottom:1px solid #313131;
	color:#000;
}
.schedule1 .schedule1list1{margin:0 0 1.5em;overflow:hidden;font-size:16px;}
.schedule1list1 .lst1{list-style:none;margin:0;padding:0;overflow:hidden;}
.schedule1list1 .li1{display:block;margin:0;padding:0;border-bottom:1px solid #e7e7e7;}
.schedule1list1 .li1 a.a1{display:block;position:relative;
	padding:30px 20px 25px 105px;
	text-decoration:none;
	overflow:hidden;color:#333;
}
.schedule1list1 .li1 .timegroup1{float:left;
	width:70px;
	margin:0 0 0 -105px;
	text-align:center;
}
.schedule1list1 .li1 .timegroup1 .time{display:block;}
.schedule1list1 .li1 .timegroup1 .time .t1{display:block;font-size:42px;line-height:1;color:#000;font-weight:700;}
.schedule1list1 .li1 .timegroup1 .time .t2{display:block;font-size:15px;line-height:1;color:#555;margin-top:4px;}
.schedule1list1 .li1 .group {display:block;width:50px;height:25px;float:left;
	background:#e93658;
	font-size:13px;
	color:#fff;
	text-align:center;line-height:25px;box-sizing:border-box;margin-right:10px;
	border-radius:20px;
	padding:0 10px
}
.schedule1list1 .li1 .group[data-gubun="센터행사"]{background:#2193ca;}
.schedule1list1 .li1 .group[data-gubun="일반대관"]{background:#1d907a;}
.schedule1list1 .li1 .group[data-gubun="동아리대관"]{background:#ec008c;}
.schedule1list1 .li1 .group[data-gubun="휴관"]{background:#f6332a;}

.schedule1list1 .li1 .text{display:block;
	padding:.25em 0 0;
	line-height:1.375;
	overflow:hidden;
}
.schedule1list1 .li1 .text .t1{	margin:0 0 .5em;
	color:#000;
	font-size:20px;font-weight:500;
}
.schedule1list1 .li1 .text .wrap1t2 {display:block;
	color:#666;
	overflow:hidden;
	clear:both;padding-top:7px;
}
.schedule1list1 .li1 .text .t2 {position:relative;float:left;margin:1px 0 1px 34px;padding:0 0 0 34px;font-weight:400;font-size:15px;}
.schedule1list1 .li1 .text .t2:first-of-type{margin-left:-1px;padding-left:0}
.schedule1list1 .li1 .text .t2:before {position:absolute;top:4px;left:0;content:"";display:block;width:1px;height:13px;background:#e3e8ee}
.schedule1list1 .li1 .ic1 {position:absolute;top:35px;right:5px;width:50px;height:50px;background-repeat:no-repeat;background-size:contain;}
.schedule1list1 .li1 a .ic1 {background-image:url(../../img/lib2/ic100a1down1.png)}
.schedule1list1 .li1 a.on .ic1 {background-image:url(../../img/lib2/ic100a1up1.png)}



.schedule1list1 .schedule1list1c{
	padding:30px;
	background:#f5f7f9;
	overflow:hidden;
	border-top:1px solid #e7e7e7;
}
.schedule1list1c .f1{margin:4% auto;text-align:center;}
.schedule1list1c .t1{}
@media screen and (max-width:767px){
	.schedule1list1 .li1 .text .t2{float:none;display:block;
		margin:0;
		padding:0;
	}
	.schedule1list1 .li1 .text .t2:before{display:none;}
}