@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2023.07.14 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2023.07.14
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* 이미지 크게 보기 */
.imgzoom1 {position:relative;width:100%;display:block;}
.imgzoom1 img {max-width:100%;}
.imgzoom1 img.zoom {width:100%;}
.imgzoom1 .btn-zoom {position:absolute;bottom:0;right:0;display:block;width:36px;height:36px;background:url(../../img/lib2/ic46a1zoom1.png) no-repeat;z-index:100;background-size:contain;}
@media all and (min-width:600px){
	.imgzoom1 .btn-zoom {width:46px;height:46px;background-size:auto;}
}

/* 안내박스 */
.info1 {background:#f5f7fa;border-radius:10px;padding:20px 25px;font-size:16px;font-weight:400;color:#333;line-height:24px;}
.info1 .tel1 {position:relative;display:inline-block;vertical-align:top;padding-left:45px;}
.info1 .tel1:before {position:absolute;top:-3px;left:0;content:"";display:block;width:32px;height:32px;background:url(../../img/lib2/ic32a1tel.png) no-repeat;}

/* 반응형 테이블 스크롤 */
.table1scroll {position:relative;z-index:1}
.table1scroll>table {margin:0}
@media screen and (max-width:1259px){
	.table1scroll>table {min-width:1100px;}
}
@media screen and (max-width:999px){
	.table1scroll {overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.scroll1tablewrap {position:relative;overflow:hidden}
	.scroll1tablewrap:before, .scroll1tablewrap:after {position:absolute;content:"";display:block;top:0;bottom:0;width:50px;transition-duration:.1s;z-index:10}
	.scroll1tablewrap:before {left:0;opacity:0;background:linear-gradient(to right, #fff, transparent)}
	.scroll1tablewrap:after {right:0;opacity:1;background:linear-gradient(to left, #fff, transparent)}
	.scroll1tablewrap.scrolling:before {opacity:1}
	.scroll1tablewrap.scrollend:after {opacity:0;}
}

/* 래퍼.달력and1. 20180219 */
.wrap1timetable2and1{position:relative;}

/* 달력(셀클릭) 20180219 */
.timetable2 {position:relative;margin:auto;line-height:1.375;font-size:16px;text-align:center;}
.timetable2 .month {width:auto;display:inline-block;margin:0;padding:25px 0;}
.timetable2 .month .h1 {display:inline-block;vertical-align:top;font-size:20px;font-family:"HANAMDAUM_T", sans-serif;font-weight:400;color:#000;}
.timetable2 .month .h1 span {font-size:24px;margin-left:10px;}
.timetable2 .month a.b1 {position:relative;width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px;}
.timetable2 .month a.b1:before {position:absolute;top:50%;left:12px;margin-top:-7px;content:"";display:block;width:16px;height:16px;border:3px solid #000;transform:rotate(45deg);box-sizing:border-box;}
.timetable2 .month a.b1.prev:before {border-top:0;border-right:0}
.timetable2 .month a.b1.next:before {left:auto;right:12px;border-bottom:0;border-left:0}
.timetable2 .help {position:absolute;top:26px;right:0;overflow:hidden}
.timetable2 .help .remark {list-style:none;margin:0;padding:0;font-family:"S-CoreDream", sans-serif;}
.timetable2 .help .remark:after {content:"";display:block;clear:both;}
.timetable2 .help .remark li {position:relative;float:left;color:#000;margin-left:7px;font-size:14px;line-height:35px;width:70px;text-align:center;border-radius:10px;color:#fff;letter-spacing:-.05em;}
.timetable2 .help .remark li:first-child {margin-left:0}
.timetable2 .help .remark li.c1 {background-color:#420197;}
.timetable2 .help .remark li.c2 {background-color:#dd004c;}
.timetable2 .help .remark li.c3 {background-color:#02881d;}
.timetable2 .help .remark li.c4 {background-color:#2669c7;}
.timetable2 .help .remark li.c5 {background-color:#ad1bc6;}
.timetable2 table {table-layout:fixed;width:100%;margin:0;border:0;border-collapse:collapse;box-sizing:border-box;}
.timetable2 table th,
.timetable2 table td {	
	padding:0;border:0;
	vertical-align:top;
}
.timetable2 table thead th {padding:25px 0;
	color:#000;
	font-size:17px;
	text-align:center;
	font-weight:400;
	letter-spacing:0;border-top:1px solid #ede8e9;font-family:"HANAMDAUM_T", sans-serif;
}
.timetable2 table th:first-child, .timetable2 table td:first-child .date {color:#f41b5b}
.timetable2 table th:last-child , .timetable2 table td:last-child .date {color:#0060ff}
.timetable2 table td {position:relative;border:1px solid #ede8e9;}
.timetable2 table td .cell {display:block;
	/* position:relative; */
	min-height:7.5em;
	margin:-1px;
}
.timetable2 table td .cell.today .date {color:#2669c7}
.timetable2 table td .cell.today:before {content:'Today';
	display:block;
	position:absolute;left:10px;top:10px;
	background:#2669c7;
	color:#fff;
	font-size:12px;
	border-radius:20px;
	padding:2px 10px;
	letter-spacing:0;
	text-transform:uppercase;
	font-weight:400;
	font-family:"S-CoreDream", sans-serif;
}
.timetable2 table td .cell.today:after {position:absolute;top:0;left:0;bottom:0;right:0;border:3px solid #2669c7;box-sizing:border-box;content:"";display:block;}
.timetable2 table td .date {display:block;position:absolute;right:0;top:0;
	padding:.5em 1em;
	color:#000;
	font-size:1em;
	font-weight:400;text-align:right;font-family:"HANAMDAUM_T", sans-serif;
}
.timetable2 table td .date b {font-weight:400}
.timetable2 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;
}
.timetable2 table td a.a1 .a1t1 {display:block;
	font-family:"S-CoreDream", sans-serif;
	color:#010101;
	font-size:14px;font-weight:500;
	min-height:24px;margin:5px 0;padding-top:2px;
	max-height:39px;overflow:hidden;
	border:2px solid #fff;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	border-radius:8px;box-sizing:border-box;
}
.timetable2 table .sun,
.timetable2 table .sun a,
.timetable2 table .sun b{}
.timetable2 table .sat,
.timetable2 table .sat a,
.timetable2 table .sat b{}
.timetable2 table .today{}
.timetable2 table .cell a.a1:hover,
.timetable2 table .cell a.a1:focus {}
.timetable2 table .on .cell a.a1 {}
.timetable2 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}

/* 달력에 나오는 디자인/글자크기 조정 */

/* 달력에 나오는 디자인/글자크기 조정 */
.timetable2 table td a.a1 .a1t1[data-gubun='공식행사'] {border-color:#420197;}
.timetable2 table td a.a1 .a1t1[data-gubun='핵심사업'] {border-color:#dd004c;}
.timetable2 table td a.a1 .a1t1[data-gubun='기획사업'] {border-color:#02881d;}
.timetable2 table td a.a1 .a1t1[data-gubun='연계사업'] {border-color:#2669c7;}
.timetable2 table td a.a1 .a1t1[data-gubun='부대사업'] {border-color:#ad1bc6;}
.timetable2 table td a.a1 .a1t1 em {position:relative;display:inline-block;overflow:hidden;padding:0;text-indent:12px;margin-top:-2px;margin-right:3px;white-space:normal;vertical-align:middle;font-size:14px;color:#fff;width:50px;height:35px;box-sizing:border-box;text-align:center;line-height:35px;border-radius:0 8px 8px 0;background:#fff;}
.timetable2 table td a.a1 .a1t1 em:after {position:absolute;top:0;right:0;content:"";display:block;width:25%;height:100%;}
.timetable2 table td a.a1 .a1t1[data-gubun='공식행사'] em:after {background-color:#2c00b7;}
.timetable2 table td a.a1 .a1t1[data-gubun='핵심사업'] em:after {background-color:#dd004c;}
.timetable2 table td a.a1 .a1t1[data-gubun='기획사업'] em:after {background-color:#02881d;}
.timetable2 table td a.a1 .a1t1[data-gubun='연계사업'] em:after {background-color:#2669c7;}
.timetable2 table td a.a1 .a1t1[data-gubun='부대사업'] em:after {background-color:#ad1bc6;}
.timetable2 table td a.a1 .a1t1[data-gubun='공식행사'] em{background-color:#2c00b7;}
.timetable2 table td a.a1 .a1t1[data-gubun='핵심사업'] em{background-color:#dd004c;}
.timetable2 table td a.a1 .a1t1[data-gubun='기획사업'] em{background-color:#02881d;}
.timetable2 table td a.a1 .a1t1[data-gubun='연계사업'] em{background-color:#2669c7;}
.timetable2 table td a.a1 .a1t1[data-gubun='부대사업'] em{background-color:#ad1bc6;}
@media screen and (max-width:999px){
	.timetable2 .month {display:block;}
	.timetable2 .help {position:relative;top:auto;right:auto;text-align:right;margin-bottom:20px;}
	.timetable2 .help .remark li {float:none;display:inline-block;vertical-align:top}
	.timetable2 table thead th {padding:20px 0;font-size:16px;}
	.timetable2 table td a.a1 .a1t1 {max-height:35px;margin:3px 0;}
	.timetable2 table td a.a1 .a1t1 em {width:100%;height:33px;line-height:33px;border-radius:0;text-indent:0;text-align:center;}
	.timetable2 table td a.a1 .a1t1 em:after {display:none}
}
@media screen and (max-width:768px){
	.timetable2 table td .cell.today:before {left:5px;}
	.timetable2 table td .date {padding:.5em}
}
@media screen and (max-width:699px){
	.timetable2 {overflow-x:auto;}
	.timetable2 .month {padding-top:0;padding-bottom:20px}
	.timetable2 .help .remark li {font-size:13px;margin-left:0;width:63px;line-height:30px;}

	.timetable2 table thead th {font-size:15px;padding:15px 5px}
	.timetable2 table td .date {font-size:.875em}
	.timetable2 table td a.a1 .a1t1 {max-height:30px;}
	.timetable2 table td a.a1 .a1t1 em {font-size:13px;height:27px;line-height:27px}
}
@media screen and (max-width:599px){
	.timetable2 .month .h1 {font-size:18px;}
	.timetable2 .month .h1 span {font-size:20px}
	.timetable2 .month a.b1 {margin-top:-4px;}
	.timetable2 .help {text-align:center;}
	.timetable2 table {min-width:auto}
	.timetable2 table thead th {font-size:14px;padding:10px 5px;}
	.timetable2 table td .cell {min-height:50px;}
	.timetable2 table td .date {font-size:.75em}
	.timetable2 table td .cell.today:before {position:relative;top:auto;left:auto;width:25px;margin:30px auto -2em;content:"2day"}
	.timetable2 table td a.a1 {padding-top:1.5em}
	.timetable2 table td a.a1 .a1t1 {position:relative;text-indent:-9999px}
	.timetable2 table td a.a1 .a1t1 em {position:absolute;top:0;left:0;display:block;font-size:12px;width:100%;height:25px;line-height:25px;overflow:hidden;margin-bottom:-5px;text-indent:0}
}

.schedule2 {margin-top:65px}
.schedule2list1 .lst1 .li1 {position:relative;border-top:1px solid #e7e7e7}
.schedule2list1 .lst1 .li1:first-child {border-top:0}
.schedule2list1 .lst1 .li1 .wrap1 {position:relative;padding:40px 10px;}
.schedule2list1 .lst1 .li1 .wrap1:after {content:"";display:block;clear:both;}
.schedule2list1 .lst1 .li1 .timegroup1 {float:left;width:85px;text-align:center;font-family:"HANAMDAUM_T", sans-serif;}
.schedule2list1 .lst1 .li1 .timegroup1 .time {display:block;}
.schedule2list1 .lst1 .li1 .timegroup1 .time .t1, .schedule2list1 .lst1 .li1 .timegroup1 .time .t2 {display:block;line-height:1;font-weight:400}
.schedule2list1 .lst1 .li1 .timegroup1 .time .t1 {font-size:40px;color:#000;}
.schedule2list1 .lst1 .li1 .timegroup1 .time .t2 {font-size:15px;color:#555;margin-top:5px}
.schedule2list1 .lst1 .li1 .text {float:right;width:calc(100% - 105px);font-family:"S-CoreDream", sans-serif;}
.schedule2list1 .lst1 .li1 .text .group {display:inline-block;vertical-align:middle;width:70px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#fff;font-weight:400;margin:-6px 5px 0 0;border-radius:10px}
.schedule2list1 .lst1 .li1 .text .group[data-gubun='공식행사'] {background-color:#420197;}
.schedule2list1 .lst1 .li1 .text .group[data-gubun='핵심사업'] {background-color:#dd004c;}
.schedule2list1 .lst1 .li1 .text .group[data-gubun='기획사업'] {background-color:#02881d;}
.schedule2list1 .lst1 .li1 .text .group[data-gubun='연계사업'] {background-color:#2669c7;}
.schedule2list1 .lst1 .li1 .text .group[data-gubun='부대사업'] {background-color:#ad1bc6;}
.schedule2list1 .lst1 .li1 .text .t1 {font-size:20px;font-weight:500;color:#000}	
.schedule2list1 .lst1 .li1 .text .wrap1t2 {display:block;margin-top:5px}
.schedule2list1 .lst1 .li1 .text .wrap1t2 .t2 {position:relative;display:inline-block;vertical-align:middle;font-size:15px;font-weight:500;color:#555;margin-left:50px;padding-left:10px}
.schedule2list1 .lst1 .li1 .text .wrap1t2 .t2:first-child {margin-left:0}
.schedule2list1 .lst1 .li1 .text .wrap1t2 .t2:before {position:absolute;top:8px;left:0;content:"";display:block;width:4px;height:4px;background:#050409;border-radius:50%;}
.schedule2list1 .lst1 .li1 .a1.toggle {position:absolute;top:45px;right:0;width:50px;height:50px;border-radius:50%;border:1px solid #ccc9cb;box-sizing:border-box;text-indent:-9999px;z-index:1;opacity:1}
.schedule2list1 .lst1 .li1 .a1.toggle.on {opacity:0}
.schedule2list1 .lst1 .li1 .a1.toggle:before, .schedule2list1 .schedule2list1c .b1.close:before {position:absolute;top:50%;left:50%;margin:-10px -8px;content:"";display:block;width:16px;height:16px;border:4px solid #f75c00;border-radius:3px;box-sizing:border-box;border-right:0;border-top:0;transform:rotate(-45deg)}
.schedule2list1 .schedule2list1c {position:relative;display:none;background:#faf7fc;padding:30px 50px;font-family:"S-CoreDream", sans-serif;color:#555;}
.schedule2list1 .schedule2list1c.on {display:block;}
.schedule2list1 .schedule2list1c .b1.close {position:absolute;top:-95px;right:0;width:50px;height:50px;background:#fff;border:1px solid #ccc9cb;border-radius:50%;text-indent:-9999px;z-index:10;box-sizing:border-box}
.schedule2list1 .schedule2list1c .b1.close:before {transform:rotate(-225deg);margin-top:-5px;}
@media screen and (max-width:899px){
	.schedule2 {margin-top:30px;}
	.schedule2list1 .lst1 .li1 .wrap1 {padding-right:60px;}
	.schedule2list1 .lst1 .li1 .text .wrap1t2 .t2 {margin-left:30px;}
}
@media screen and (max-width:768px){
	.schedule2list1 .lst1 .li1 .wrap1 {padding-top:30px;padding-bottom:20px;}
	.schedule2list1 .lst1 .li1 .timegroup1 .time .t1 {font-size:32px;}
	.schedule2list1 .lst1 .li1 .timegroup1 .time .t2 {font-size:14px;}
	.schedule2list1 .lst1 .li1 .text .group {width:60px;height:30px;line-height:30px;font-size:13px;}
	.schedule2list1 .lst1 .li1 .text .t1 {font-size:18px;}
	.schedule2list1 .lst1 .li1 .text .wrap1t2 {margin-top:10px;}
	.schedule2list1 .lst1 .li1 .text .wrap1t2 .t2 {display:block;margin:2px 0;}
	.schedule2list1 .lst1 .li1 .a1.toggle {top:25px}
}
@media screen and (max-width:599px){
	.schedule2list1 .lst1 .li1 .wrap1 {padding:20px 15px}
	.schedule2list1 .lst1 .li1 .timegroup1 {float:none;width:100%;}
	.schedule2list1 .lst1 .li1 .timegroup1 .time {display:flex;flex-wrap:wrap-reverse;}	
	.schedule2list1 .lst1 .li1 .timegroup1 .time .t1 {font-size:14px;order:1;color:#555;}
	.schedule2list1 .lst1 .li1 .timegroup1 .time .t1:before {content:".";display:inline;margin:0 1px;}
	.schedule2list1 .lst1 .li1 .timegroup1 .time .t2 {margin-top:0;}
	.schedule2list1 .lst1 .li1 .text {display:block;float:none;width:100%;padding-top:10px;}
	.schedule2list1 .lst1 .li1 .a1.toggle {position:relative;top:auto;right:auto;display:block;width:100%;height:auto;border-radius:5px;margin-top:10px;border:0;background-color:#f6f7f8;padding:5px 0}
	.schedule2list1 .lst1 .li1 .a1.toggle.on {display:none}
	.schedule2list1 .schedule2list1c {padding:15px;font-size:15px;line-height:22px;}
	.schedule2list1 .schedule2list1c .b1.close {position:relative;top:auto;right:auto;display:block;width:100%;height:auto;border-radius:5px;margin-top:10px;}	
}

/* card1list */
.card1list {overflow:hidden}
.card1list .item {float:left;width:calc(50% - 20px);box-sizing:border-box;margin:0 0 40px 40px}
.card1list .item:nth-child(odd) {margin-left:0}
.card1list .item a {position:relative;display:block;height:460px;padding:30px 20px 30px 390px;border:1px solid #ebe7e8;border-bottom-right-radius:30px;overflow:hidden;box-sizing:border-box;}
.card1list .item a .f1 {position:absolute;top:30px;left:30px;width:330px;height:400px;overflow:hidden;background:#f6f7f8;border-bottom-right-radius:10px;}
.card1list .item a .f1 .f1p1 {position:absolute;top:0;left:0;width:100%;height:100%;}
.card1list .item a .f1 .f1p1 img {display:block;width:100%;height:100%;}
.card1list .item a .tg1 {margin-top:45px;margin-bottom:105px;}
.card1list .item a .tg1 .h1 {font-size:24px;font-family:"HANAMDAUM", sans-serif;color:#380285;line-height:1.1;font-weight:400}
.card1list .item a .tg1 .h1:after {content:"";display:block;width:27px;height:3px;background:#380285;border-radius:2px;margin:8px 0 12px;}
.card1list .item a .tg1 ul {font-size:18px;font-family:"S-CoreDream", sans-serif;font-weight:400;color:#000300}
.card1list .item a .tg1 ul li {position:relative;padding-left:46px;margin:8px 0}
.card1list .item a .tg1 ul li:last-child {padding-left:63px;}
.card1list .item a .tg1 ul li .t1  {position:absolute;top:0;left:0;}
.card1list .item a .tg1 ul li .t1:after {position:absolute;top:0;right:-8px;content:":";display:block;}
.card1list .item a .tg1 ul li .t2 {display:block;word-break:keep-all}
.card1list .item a .tg1 .b1.more {display:block;width:150px;height:46px;line-height:46px;background:#380285;border-radius:25px;color:#fff;font-family:"S-CoreDream", sans-serif;font-weight:500;text-align:center;margin-top:40px;}
.card1list .item a .tg1 .b1.more:after {content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;background:url(../../img/lib2/ic8a1c0plus1.png) no-repeat;margin-top:-4px;margin-left:25px}
@media screen and (max-width:1399px){
	.card1list .item a {padding-left:320px;height:390px}
	.card1list .item a .f1 {width:264px;height:320px;}
	.card1list .item a .tg1 {margin-top:40px;}
}
@media screen and (max-width:1259px){
	.card1list .item {float:none;width:100%;margin-left:0;margin-bottom:20px;}
}
@media screen and (max-width:768px){
	.card1list .item a {padding:25px;height:auto;overflow:hidden}
	.card1list .item a .f1 {float:left;position:relative;top:auto;left:auto;margin-right:30px;}
	.card1list .item a .tg1 {float:left;width:calc(100% - 294px);margin-top:30px;margin-bottom:50px;}
	.card1list .item a .tg1 .h1 {font-size:22px}
	.card1list .item a .tg1 ul {font-size:17px;}
	.card1list .item a .tg1 .b1.more {font-size:15px;width:130px;height:40px;line-height:40px;}
}
@media screen and (max-width:629px){
	.card1list .item a .f1 {float:none;display:block;margin:auto auto 30px;}
	.card1list .item a .f1 {width:100%;height:auto}
	.card1list .item a .f1 .f1p1 {position:relative;top:auto;left:auto;display:block;width:100%;height:0;padding-bottom:121.2%;overflow:hidden}
	.card1list .item a .f1 .f1p1 img {position:absolute;top:0;left:0;}
	.card1list .item a .tg1 {float:none;width:100%;margin-bottom:0}
	.card1list .item a .tg1 ul {font-size:16px;}
	.card1list .item a .tg1 .b1.more {margin:20px auto auto}
}
@media screen and (max-width:499px){
	.card1list .item a {padding:25px 20px;}
	.card1list .item a .tg1 .h1 {font-size:21px}
	.card1list .item a .tg1 ul {font-size:15px}
	.card1list .item a .tg1 .b1.more {font-size:14px;width:115px;}
	.card1list .item a .tg1 .b1.more:after {margin-left:15px;}
}

/* card1view */
#card1view .view1top {position:relative;border:1px solid #aac6d8;padding:30px 50px 30px 30px;border-bottom-right-radius:30px;overflow:hidden;z-index:1;margin-bottom:45px;}
#card1view .view1top:after {position:absolute;bottom:3px;right:0;content:"";display:block;width:174px;height:126px;background:url(../../img/lib2/card1view_sprite.png) no-repeat -28px 0;z-index:-1}
#card1view .view1top .f1 {position:relative;float:left;width:330px;height:400px;overflow:hidden;border-bottom-right-radius:10px;}
#card1view .view1top .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
#card1view .view1top .f1 .f1p1 img {display:block;width:100%;height:100%;}
#card1view .view1top .tg1 {float:left;width:calc(100% - 330px);padding-top:30px;padding-left:50px;box-sizing:border-box;}
#card1view .view1top .tg1 .h1 {font-family:"HANAMDAUM", sans-serif;font-size:30px;line-height:1.1;color:#2201a3}
#card1view .view1top .tg1 .h1:after {content:"";display:block;width:27px;height:3px;background:#380285;border-radius:2px;margin:8px 0 20px;}
#card1view .view1top .tg1 .t1 {font-size:18px;color:#000300;font-weight:400;margin-bottom:60px;}
#card1view .view1top .tg1 .info li {position:relative;font-size:18px;color:#000300;margin:12px 0;font-weight:400;padding-left:85px}
#card1view .view1top .tg1 .info li .t2 {position:absolute;top:0;left:0;padding-left:40px;}
#card1view .view1top .tg1 .info li .t2:before {position:absolute;top:-1px;left:0;content:"";display:block;width:26px;height:26px;background:url(../../img/lib2/card1view_sprite.png) no-repeat;}
#card1view .view1top .tg1 .info li .t2:after {position:absolute;content:":";display:block;top:0;right:-8px;}
#card1view .view1top .tg1 .info li[data-category=문의처] {padding-left:103px}
#card1view .view1top .tg1 .info li[data-category=기간] .t2:before {background-position:0 0}
#card1view .view1top .tg1 .info li[data-category=장소] .t2:before {background-position:0 -28px}
#card1view .view1top .tg1 .info li[data-category=주관] .t2:before {background-position:0 -56px}
#card1view .view1top .tg1 .info li[data-category=주최] .t2:before {background-position:0 -84px}
#card1view .view1top .tg1 .info li[data-category=문의처] .t2:before {background-position:0 -112px}
#card1view .view1top .tg1 .info li .t3 {display:block;}
#card1view .hb2.h2 {font-family:"HANAMDAUM_T", sans-serif;font-size:26px;color:#000;}
#card1view .info1list {display:table;width:100%;border-bottom:1px solid #a7aabc;}
#card1view .info1list:nth-of-type(1) {border-top:2px solid #1b1743;}
#card1view .info1list dt, #card1view .info1list dd {display:table-cell;vertical-align:middle;padding:20px 35px;box-sizing:border-box;}
#card1view .info1list dt {width:25%;background:#faf8f8;text-align:center;}
#card1view .info1list dd {width:75%;}
@media screen and (max-width:999px){
	#card1view .view1top {padding:30px}
	#card1view .view1top .f1 {width:264px;height:320px;}
	#card1view .view1top .tg1 {padding-left:40px;width:calc(100% - 264px)}
	#card1view .view1top .tg1 .h1 {font-size:28px;}
	#card1view .view1top .tg1 .t1 {font-size:17px;margin-bottom:30px}
	#card1view .view1top .tg1 .info li {font-size:16px;margin:8px 0}
}
@media screen and (max-width:768px){
	#card1view .view1top .f1 {float:none;display:block;margin:auto auto 20px;width:330px;height:400px;}
	#card1view .view1top .f1 .f1p1 {position:relative;top:auto;left:auto;width:100%;height:0;padding-bottom:121.2%;overflow:hidden;display:block;}
	#card1view .view1top .f1 .f1p1 img {position:absolute;top:0;left:0;}
	#card1view .view1top .tg1 {float:none;width:100%;padding-left:0;padding-top:20px;}
	#card1view .view1top .tg1 .h1 {text-align:center;font-size:26px;}
	#card1view .view1top .tg1 .h1:after {margin-left:auto;margin-right:auto}
	#card1view .view1top .tg1 .t1 {font-size:16px}
	#card1view .info1list {display:block;}
	#card1view .info1list dt, #card1view .info1list dd {display:block;width:100%;padding:15px 20px;}
}
@media screen and (max-width:549px){
	#card1view .view1top:after {width:139px;height:101px;background-size:162px auto;background-position:-22px 0;}
}
@media screen and (max-width:399px){
	#card1view .view1top {padding:25px 20px;margin-bottom:35px}
	#card1view .view1top .f1 {width:auto;height:auto;}
	#card1view .view1top .tg1 {padding-top:10px;}
	#card1view .view1top .tg1 .h1 {font-size:24px;}
	#card1view .view1top .tg1 .t1 {font-size:15px;}
	#card1view .view1top .tg1 .info li {font-size:15px;padding-left:75px}
	#card1view .view1top .tg1 .info li[data-category=문의처] {padding-left:88px}
	#card1view .view1top .tg1 .info li .t2 {padding-left:35px}
	#card1view .view1top:after {width:96px;height:69px;background-size:111px auto;background-position:-15px 0;}
}

#gallery1 {margin-top:80px;margin-bottom:80px}
#gallery1 .datalist .item {vertical-align:top;}
#gallery1 .datalist .item .f1 {position:relative;display:block;}
#gallery1 .datalist .slick-slide .item .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
#gallery1 .datalist .slick-slide .item .f1 .f1p1 img {display:block;width:100%;height:100%}
#gallery1 .datalist .item img {width:100%;}
#gallery1 .datalist .slick-arrow {position:absolute;top:calc(50% - 27.5px);width:55px;height:55px;background:#000;border-radius:50%;border:0;text-indent:-9999px;z-index:1}
#gallery1 .datalist .slick-arrow:before {position:absolute;top:calc(50% - 8px);content:"";display:block;width:16px;height:16px;border:3px solid #fff;box-sizing:border-box;transform:rotate(45deg);}
#gallery1 .datalist .slick-prev:before {border-top:0;border-right:0;left:42%}
#gallery1 .datalist .slick-next:before {border-bottom:0;border-left:0;right:42%}
#gallery1 .datalist .slick-prev {left:19.5%}
#gallery1 .datalist .slick-next {right:19.5%}
#gallery1 .menu .goPage {text-align:center;margin-top:20px;}
#gallery1 .menu .goPage ul li {display:inline-block;vertical-align:top;width:30px;height:26px;}
#gallery1 .menu .goPage ul li button {position:relative;border:0;background:transparent;text-indent:-9999px;width:100%;height:100%}
#gallery1 .menu .goPage ul li button:before {position:absolute;top:calc(50% - 5px);left:calc(50% - 5px);content:"";display:block;width:10px;height:10px;background:#000;border-radius:50%;transition:width .35s ease}
#gallery1 .menu .goPage ul li.slick-active {margin:0 10px}
#gallery1 .menu .goPage ul li.slick-active button:before {width:100%;left:0;border-radius:5px}
@media screen and (min-width:1260px){
	#gallery1 .datalist .slick-list {overflow:visible;}
	#gallery1 .datalist .slick-slide .item .f1 {position:relative;margin:60px 50px;width:calc(100% - 100px);height:0;padding-bottom:47%;overflow:hidden;transition:all .35s ease}
	#gallery1 .datalist .slick-slide .item .f1:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1;transition:all .35s ease}
	#gallery1 .datalist .slick-center .item .f1 {margin:0 50px;padding-bottom:60%;border-bottom-right-radius:60px;}
	#gallery1 .datalist .slick-center .item .f1:before {background:rgba(0,0,0,0)}
}
@media screen and (max-width:1259px){
	#gallery1 {max-width:768px;margin-left:auto;margin-right:auto;}
	#gallery1 .datalist .slick-list {overflow:hidden}
	#gallery1 .datalist .item .f1 {position:relative;border-bottom-right-radius:60px;height:0;padding-bottom:60%;overflow:hidden;}
	#gallery1 .datalist .slick-prev {left:-70px;}
	#gallery1 .datalist .slick-next {right:-70px;}
}
@media screen and (max-width:999px){
	#gallery1 {margin:60px auto 20px}
	#gallery1 .datalist .slick-prev {left:-28px;}
	#gallery1 .datalist .slick-next {right:-28px;}
}
@media screen and (max-width:768px){
	#gallery1 .datalist .slick-prev {left:-10px;}
	#gallery1 .datalist .slick-next {right:-10px;}
}
@media screen and (max-width:499px){
	#gallery1 {margin-top:40px;margin-bottom:0}
	#gallery1 .datalist .item .f1 {border-bottom-right-radius:30px}
	#gallery1 .datalist .slick-arrow {width:45px;height:45px;top:50%;margin-top:-22.5px}
}
