@charset "utf-8";


.selected {display:block; position:absolute; top:0; left:0; width:0; height:0; text-indent:-999px; overflow:hidden;}
*:not(.on) > .selected {display:none;}

/*********************************************************
	통합검색/유휴공간 프로그램단 목록
*********************************************************/
.search-cont{ position: relative;}
.search-cont .cont-top{position: absolute;top: -5.8em;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;}
#container .search-cont .cont-top input[type="text"]{ width: 28em; margin: 0 0.2em 0; text-align: center; border: none; padding: 1.4em 1em; border-radius: 10px;}
#container .search-cont .cont-top .search-btn{ width: 2.6em; height: 2.6em; background: #078b67 url(../images/content/sub/ico_search.svg) no-repeat center; padding: 0; text-indent: -999px; border-radius: 10px;}

.search-cont .ctrl {position: absolute;top: -5.8em;right: 0;z-index: 1;}
.search-cont .ctrl-flip {color: #fff;font-size: 0.85em;padding: 0.6em  3em 0.7em 1.5em;border-radius:30px;font-weight:600;font-family: 'GmarketSans';background: #333;position:relative;}
.search-cont .ctrl-flip:after{content:'';width: 1.25em;height: 1.25em;position:absolute;top:50%;margin-top: -0.7em;right: 1em;background: url(../images/content/sub/ico_open.svg) no-repeat center;background-size: contain;}
.search-cont.open .ctrl-flip:after{transform: rotate(180deg);}

.cont-bottom .multi {background:#fff;display: block;}
.cont-bottom .multi dl {display:table;table-layout:fixed;width:100%;padding-top: 0.75em;padding-bottom: 0.75em;clear:both;border-top: 1px dashed #e3e3e3;}
.cont-bottom .multi dl:first-child{border-width: 0;}
.cont-bottom .multi dl > * {display:table-cell; vertical-align:middle;}
.cont-bottom .multi .label,
.cont-bottom .multi dt {font-size: 1em;box-sizing:border-box;}
.cont-bottom .multi dl > dt {width: 7rem;text-align: left;font-weight: 600;font-family: 'TTWanjudaedunsancheB';}
.cont-bottom .multi dl > dt label{vertical-align: baseline;}
.cont-bottom .multi dl dd{position:relative;font-size: 0.9em;color: #6b6a6a;text-align:left;}
.cont-bottom .multi dl dd label {margin-right: 0.6em;}
.cont-bottom .multi dl dd .small {width:8rem !important;}
.cont-bottom .multi dl dd input[data-v-input-type="num"] {max-width:100px;}
.cont-bottom .multi dl dd .selDateBtn .small { min-width: 2rem !important; border-color: #003583; color: #003583; }
.cont-bottom .multi dl dd .selDateBtn .small:hover,
.cont-bottom .multi dl dd .selDateBtn .small:FOCUS{ background-color: #003583; color: #fff; }
.cont-bottom .multi dd a {display:inline-block;min-width:11rem;vertical-align:middle; height:4rem; line-height:3.8rem; text-align:left; padding:0 2rem 0 1rem; border-radius:.3rem; border:1px solid #c5c9d6; color:#333; font-size:1em; margin:5px .5rem 5px 0 !important;}
.cont-bottom .multi dd a.on {border-color:#216cda; background:#216cda; color:#fff;}
.cont-bottom .multi dd a:before {content:""; display:inline-block; vertical-align:middle; width:1.7rem; height:1.1rem; margin-right:.5rem; background:url(../img/board/ico_check.png) no-repeat 50% 0; opacity:.3; background-size:cover;}
.cont-bottom .multi dd a.on:before {background-position:50% 100%;opacity:1;}
.cont-bottom .multi dl dd .multi-btn{font-family:'Gmarketsans';font-size:1em;color: #87898E;padding: 0.5em 1em;border-radius: 5em;}
.cont-bottom .multi dl dd .multi-btn.on{display:inline-block;font-weight: 600;color:#fff;background: linear-gradient(335deg, #00887F 0%, #33D373 100%);}
.cont-bottom .btn-box{text-align:center;padding:1em;position:relative;width:100%;background:#F5FAF9;margin: 0.5em 0;border-radius: 20px;}

.search-cont .cont-bottom.toggle {display:none;}
.search-cont.open .cont-bottom.toggle {display: block;position:relative;}
.search-cont.open .cont-bottom.toggle:after{content:'';width:6.5em;height:9.9em;display:block;position:absolute;right:0;bottom:0;background: url(../images/content/sub/bg_obj03.png) no-repeat center;animation: ani2 3s infinite alternate;-webkit-animation: ani2 1.5s infinite alternate;}

@keyframes ani2 { 
	0% {transform: translateY(0.5em); -webkit-transform: translateY(0.5em); }
	100% {bottom: 1em; transform: translateY(0); -webkit-transform: translateY(0); }
}


@media all and (min-width:1025px) {
	.cont-bottom .multi dl.half {width:50%;float:left;clear:none;}
	.cont-bottom .multi::after{content:''; display:block; clear:both;}
}
@media (max-width: 1024px) {
	.search-cont.open .cont-bottom.toggle:after{display:none;}
	.search-cont .ctrl{top:-2.5em; z-index:1;}
}
@media (max-width: 768px) {
	#container .search-cont .cont-top input[type="text"]{width: calc(100% - 4em);}	
}

.list-cont{padding-top:1em}
.page-num{text-align:right;  font-size:0.9em; }
.page-num .total{color:#666; position:relative;}
.page-num .total::after{content:''; display:inline-block; width:1px; height:1.1em; background:#E4E4E4; margin:0 1em; vertical-align:middle; }
.page-num .total em{color:#018f79; font-weight:700;}


/* 통합검색 리스트 */
.search-list {display: block;padding: 20px 0; position:relative;}
.search-list::after{content:''; display:block; clear:both;}
.search-list > li{float: left;width: 25%;padding: 0.75em;}
.search-list > li.no_data{float:none; width:100%; border-top: 1px solid #ddd;}
.search-list > li > a{position: relative;display: block;padding: 1.5em 1.4em;transition: all 0.3s;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);border: 1px solid #ffffff;}
.search-list > li > a:hover {border-radius: 30px 30px 0px 30px;border: 1px solid #00887f;}
.search-list > li > a .title{color: #333;font-size: 1em;height: 2.5em;overflow: hidden;margin: 0 0 0.75em;font-weight: 600;}
.search-list > li > a .title span{border: 1px solid #333;padding: 0.2em 0.3em;border-radius:0.4em;font-size:0.8em;margin-right:0.5em;font-family: 'TTWanjudaedunsancheB';}
.search-list > li > a .detail {min-height:3em;}
.search-list > li > a .detail li{position:relative;width: 100%;font-size: 0.8em;color: #444;line-height: 1.8;overflow: hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;padding-left: 4.5em;}
.search-list > li > a .detail li strong{position:absolute;left: 0;width: 4em;color: #666;font-weight: 500;}
.search-list > li > a .state{ margin-top: 0.5em;}
.search-list > li > a .state span{font-size: 0.9em;display:block;width:100%;text-align:center;padding:0.4em;border-radius:2em;color:#fff;position:relative;}
.search-list > li > a .state span i{font-size: 0.75em;position:absolute;right: 0.5em;top: 50%;transform: translateY(-50%);padding: 0.4em 0.8em;background: #005d57;border-radius: 5em;}
.search-list > li > a .state .ing{background:#00887f;}
.search-list > li > a .state .end{background:#666;}
.search-list > li > a .state .wait{background:#005F88;}


/* 공간검색 리스트 */
.place-list {display: block;overflow: hidden;padding: 20px 0;}
.place-list::after{content:''; display:block; clear:both;}
.place-list > li{float: left;width: 25%;padding: 0.75em;}
.place-list > li a{position: relative;display: block;transition: all 0.3s;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);border: 1px solid #ffffff;overflow: hidden;}
.place-list > li a:hover {border-radius: 30px 30px 0px 30px;border: 1px solid #00887f;}

.place-list > li.no_data{float: none; width: 100%;border-radius:0.5em; border:1px dashed #ddd;}

.place-list > li a .thumb {display:block;background: #f5faf9;position:relative;overflow:hidden;padding: 0 0 65.945%;z-index:0;}
.place-list > li a .thumb figure {display:block;position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;margin: 0;}
.place-list > li a .thumb img {width:auto; margin:0 auto;display: block; max-height:100%;  transition:1s; height:100%;}

.place-list > li a .cont{padding: 1.5em;position: relative;}
.place-list > li a .cate{padding: 0.3em 0.8em;font-size: 0.9em;margin-right:0.5em;font-family: 'TTWanjudaedunsancheB';position:absolute;top: -1em;right: 1em;border-radius: 2em 2em 0 2em;background: #ff9900;color: #ffffff;letter-spacing: 0;}
.place-list > li a .title{color: #333;font-size: 1em;height: 1.5em;overflow: hidden;margin: 0 0 0.75em;-o-text-overflow: ellipsis;white-space: nowrap;text-overflow: ellipsis;font-weight: 600;}
.place-list > li a .detail {min-height: 4.4em;}
.place-list > li a .detail li{position:relative;width: 100%;font-size: 0.8em;color: #444;line-height: 1.8;overflow: hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;padding-left: 4.5em;}
.place-list > li a .detail li strong{position:absolute;left: 0;width: 4em;color: #666;font-weight: 500;}


@media all and (max-width:1024px) {
	.search-list > li{ width:50%;}
	.place-list > li{ width:33.3%;}
}

@media (max-width: 768px) {
	.search-list > li{width:100%;float:none;padding: 0.5em 0;}
	.place-list > li{width:50%;}
	.place-list > li a .cont{padding: 1em;}
	.place-list > li a .title{ margin-bottom: 0.5em;}
	
}

@media (max-width: 540px) {
	.place-list > li{width:100%; float:none;padding: 0.5em; }
	.search-list > li > a .detail, 
	.place-list > li a .detail{min-height:auto;}
	
}



/*********************************************************
	유휴공간 프로그램단 상세화면
*********************************************************/

.place-view .top-cont {background: #F6FAF9 url('../images/content/sub/appWrap_bg.png') no-repeat center bottom -2em;padding: 3em 2.5em;display: table;width: 100%;}
.place-view .top-cont .cont{display: table-cell;vertical-align: middle;padding-left: 2em;}

.place-view .top-cont .thumb {width: 40%;text-align: center;overflow: hidden;display: table-cell;position: relative;}
.place-view .photo_box {position:relative;}
.place-view .photo_box .bigphoto {text-align:center;height: 14em;display:block;position:relative;border-radius: 0.5em;overflow: hidden;margin: 0 0.25em;background: #ddd;}
.place-view .photo_box .bigphoto img {width:auto;margin:0 auto;display: block;max-height:100%;transition:1s;height:100%;}
.place-view .photo_box .slider {overflow:hidden;padding: 0.5em 0 0;}
.place-view .photo_box .slider:after {content:''; display:block; clear:both;}
.place-view .photo_box .slider li {float:left;padding: 0.25em;width: 33.3%;}
.place-view .photo_box .slider li:last-child {margin-right:0;}
.place-view .photo_box .slider li a {display:block;height: 5em;overflow:hidden;opacity:.6;transition:opacity .3s;position:relative;border-radius: 0.5em;background: #ddd;}
.place-view .photo_box .slider li a:hover {opacity:1;}
.place-view .photo_box .slider li a.on {border: 3px solid #ff9a03;opacity:1;background: #fff;}
.place-view .photo_box .slider li a img {width:auto;max-width:none !important;height: 100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.place-view .photo_box .slideCont {position:absolute; padding:0 .29em; background:#fff; border-radius:30px; box-shadow:0 4px 16px rgba(0,0,0,.08); bottom:-1.58em; left:50%; margin-left:-4.15em; overflow:hidden;}
.place-view .photo_box .slideCont:before {content:''; display:block; width:1px; height:12px; background:#e6e6e6; position:absolute; top:50%; margin-top:-6px; left:50%;}
.place-view .photo_box .slideCont button {display:inline-block; width:4.41em; height:3.17em; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.place-view .photo_box .slideCont .prev {background:url(../img/sub01/arr_slide_left.svg) no-repeat 50% 50%;}
.place-view .photo_box .slideCont .next {background:url(../img/sub01/arr_slide_right.svg) no-repeat 50% 50%;}

.place-view .top-cont .s-tit{font-family: 'TTWanjudaedunsancheB';font-size: 1.6em;color: #00887f;margin-bottom: 0.5em;line-height: 1.2;}
.place-view .top-cont .desc{margin:10px 0;}
.place-view .top-cont .desc li{position:relative;width: 100%;font-size: 0.85em;color: #444;line-height: 1.4;padding-left: 90px;}
.place-view .top-cont .desc li + li{padding-top: 0.3em;}
.place-view .top-cont .desc li strong{position:absolute;left: 0;width: 80px;color: #666;font-weight: 500;}

.place-view .detail{ margin: 50px 0; }
.place-view .detail .title{ font-size: 26px; padding-bottom: 20px; color: #000; }
.place-view .detail .txt-wrap{ font-size: 16px; line-height: 2; padding: 30px 20px; color: #444; border-top: 1px solid #000; border-bottom: 1px solid #bbb; }
.place-view .detail .txt-wrap *{line-height: 1.8;}

.bottom-cont {width: 100%;margin-top: 2em;}
.bottom-cont .tabs li {width:auto; display:inline-block;}
.bottom-cont .tabs li button {padding: 0.6em 1.75em;background: #eeeeee;font-size:1em;margin:0;border-radius: 0.5em 0.5em 0 0;font-family: 'GmarketSans';color: #666;margin-right: 0.5em;letter-spacing: -0.04em;}
.bottom-cont .tabs li button.on { background: linear-gradient(150deg, #33D373 0%, #00887F 100%); color: #fff; position: relative; bottom: -2px;}
.bottom-cont .tabs li button .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.bottom-cont .tabs li button.on .selected {display:block;}
.bottom-cont .tab-content{ border-top: 1px solid#ddd; border-bottom: 1px solid #ddd; padding: 2em;}
.bottom-cont .tab-con {display:none;}
.bottom-cont .tab-con.on {display:block;}

.cal-box::after{content:''; display:block; clear:both; }
.cal-box .left{float:left;width: 62%;}
.cal-box .left .calendar table{border-top: 2px solid #333; border-left:0; }
.cal-box .left .calendar td{height: 5em;}
.cal-box .left .calendar thead th{background: #ffffff;font-size: 0.9em;padding: 0.75em;height: auto;border: #ffffff 1px solid;border-bottom: 1px solid #ddd;line-height: 1.4;}
.cal-box .left .calendar thead th span{font-size:0; }
.cal-box .left .calendar tbody td{text-align:center;}
.cal-box .left .calendar td:last-child{border-right:0;}
.cal-box .left .calendar .today{background:#fafffe;}
.cal-box .left .calendar .check{border: 3px solid #018f79;background: #fff;font-weight: 500;}
.cal-box .left .calendar td .possible{color: #fff!important;background: #018f79;padding: 0.25em 0;border-radius: 1em;display: block;font-weight: 500;}
.cal-box .left .calendar td .impossible{color: #888!important;background: #eeeeee;padding: 0.25em 0;border-radius: 1em;display: block;font-weight: 500;}
.cal-box .left .calendarHead {position:relative;}
.cal-box .left .calendarHead a.month{width:2em;height: 2em;text-indent:-9999px;border-radius:50%;overflow:hidden;cursor:pointer;top:50%;box-shadow:5px 5px 20px rgba(0,0,0,.05);vertical-align: middle;border: 0!important;margin: 0 0.75em;}
.cal-box .left .calendarHead a:hover {border:1px solid #ddd; }
.cal-box .left .calendarHead a.prev {background: url(../images/content/sub/ico_arrow_prev.svg) no-repeat center;}
.cal-box .left .calendarHead a.next {background-position:17px -133px; right:0; background: url(../images/content/sub/ico_arrow_next.svg) no-repeat center;}

.cal-box .right{float: right;width: 35%;}
.cal-box .right .tbl-box {position:relative;display: block; max-height: 20em;overflow:auto;}
.cal-box .right .tbl-box .possible{border: 2px solid #ff9a03;}

@media screen and (max-width:1024px) {

	.place-view .top-cont {display:block!important;width:100%;padding: 1.5em;}
	.place-view .top-cont .cont{display:block;width:100%;padding: 0;}
	.place-view .top-cont .thumb{display:block;width: 70%;margin: 0 auto;margin-bottom:2em;}
	
	.cal-box .left,
	.cal-box .right{float:none;width: 100%;height: auto;margin-top: 1em;}
	.cal-box .right .tbl-box{max-height:100%;}
}

@media screen and (max-width:768px) {
	.place-view .top-cont .thumb{width: 100%;}
	.place-view .photo_box .slider li{width:33.3%;height: 100%;}
	
	.bottom-cont .tab-content{padding: 1em;}

}

@media screen and (max-width:420px) {
	.place-view .top-cont .thumb{width: 100%; margin-bottom: 1em;}
	.place-view .photo_box .bigphoto{height:10em;}
	.bottom-cont .tab-content{padding: 2em 0;}
}

/*********************************************************
	사용자단 프로그램
*********************************************************/

 
.top-box {padding:2em 3em; background:#F6FAF9 url('../images/content/sub/appWrap_bg.png') no-repeat 50% 120%; overflow:hidden;}
.top-box .txt {width: 100%;display: table;margin-bottom: 2em;}
.top-box .txt > *{display:table-cell;}
.top-box .txt .s-tit {font-family:'TTWanjudaedunsancheB'; color:#333333; font-size:1.6em;}
.top-box .txt span {display:block; color:#018F79;}
.top-box .tab {float:right; width:50%;}
.top-box .tab ul li {display:table; width:33.33%;}
.top-box .tab ul li a {display:table-cell; padding:0.75em 1em; background:#fff; border:2px dashed #ddd; box-sizing:border-box;}
.top-box .tab ul li a > span {display:block; padding:0.25em 2em; background:#F6FAF9; color:#018F79; border-radius:2.5em; text-align:center; font-weight:700;}
.top-box .tab ul li a > span > em {font-size:1em;}
.top-box .tab ul li a > p {color:#555555;}
.top-box .tab ul li a.on {background: linear-gradient(335deg, #00887F 0%, #33D373 100%); color:#fff; border-radius:0.5em; border:0;}
.top-box .tab ul li a.on > span {display:none;}
.top-box .tab ul li a.on > p {color:#fff; font-weight:700;}
.top-box .tab ul li a.on:before {content:''; display:block; }

.tab-app .tabs ul:after {content:""; display:block; clear:both;}
.tab-app .tabs li {width: calc(100% / 6);float:left;display: table;padding: 0.4em 0.25em;box-sizing: border-box;}
.tab-app .tabs li div{display:table-cell;vertical-align: bottom;transition:.3s all;-webkit-transition:.3s all;margin: 0.5em;}
.tab-app .tabs li.tab-active div{transform: translateY(-10px);}
.tab-app .tabs li a {display:block;position:relative;text-align: center;padding: 3em 0em 1.25em;background: #fff;border-radius: 10px;}
.tab-app .tabs li a > p{background:#F6FAF9;position:absolute;color: #018f79;font-weight:600;padding: 0.25em 1em;border-radius:50px;left:50%;top: 1em;transform: translateX(-50%);}
.tab-app .tabs li a span{font-size: 0.9em;color: #555;}
.tab-app .tabs li .on {background: linear-gradient(335deg, #00887F 0%, #33D373 100%);}
.tab-app .tabs li .on p{display:none;}
.tab-app .tabs li .on span{ color:#fff;}
.tab-app .tabs li .on span:after{content:'';width: 2.5em;height: 2.3em;display:block;position:absolute;top: 0.9em;left:50%;margin-left: -1.25em;background: url(../images/content/sub/icon_tab_on.svg) center no-repeat;background-size: contain;}
.tab-app .tab-con {display:none;}
.tab-app .tab-con.on {display:block;}

.tab-app .tabs li a .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-app .tabs li .on .selected {display:block;}

/* 대체텍스트 */
.tab-app .blind{border: 0;clip: rect(0, 0, 0, 0); height: 1px; margin: -1px !important; overflow: hidden; padding: 0; position: absolute; width: 1px}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#07937d; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}
.goto-control.pos-top {bottom:auto; top:0; width:auto; font-size:1em; right:auto;}

/* 강의분야 텍스트 슬라이드 */
.class-box {position:relative;}
.class-box .class-list {padding: 1em 0;margin: 0 4em 0 5em;overflow:hidden;}
.class-box .class-list li {width: auto;min-width: 5em;}
.class-box .class-list a {display:block; position:relative; padding: 0.5em 1em;font-size: 0.9em;color: #87898E;text-align:center;border-radius:50px;}
.class-box .class-list a.on {font-weight:600;color:#fff;background: linear-gradient(335deg, #00887F 0%, #33D373 100%);}
.class-box .cont-box {position:absolute;left: 0;right: 0;top: 0;bottom: 0;z-index:1;}
.class-box .cont-box button {display: block;width:3.5em;height:3.5em;text-indent:-9999px;border-radius:50%;overflow:hidden;cursor:pointer;position: absolute;top:50%;transform: translateY(-50%); box-shadow:5px 5px 20px rgba(0,0,0,.05);}
.class-box .cont-box button:hover {border:1px solid #ddd; }
.class-box .cont-box .prev {left:0; background: url(../images/content/sub/ico_arrow_prev.svg) no-repeat center;}
.class-box .cont-box .next {background-position:17px -133px; right:0; background: url(../images/content/sub/ico_arrow_next.svg) no-repeat center;}
.class-box .cont-box >div.swiper-button-disabled{ opacity: 0.5;}

/* 학습동아리 이미지 슬라이드 */
.img-box {position:relative;}
.img-box .img-list {padding: 1em 0;margin: 0 4em 0 4em;overflow:hidden;}
.img-box .img-list li {background:#f5f6f6;height:10em;text-align:center;position: relative;overflow:hidden;}
.img-box .img-list li img{width:100%; transform: translate(-50%, -50%); top:50%; left:50%; position:absolute; z-index:1;}
.img-list .cont-box {position:absolute;left: 0;right: 0;top: 0;bottom: 0; z-index:1;}
.img-list .cont-box button {display: block;width: 3.5em;height: 3.5em;text-indent:-9999px;border-radius:50%;overflow:hidden;cursor:pointer;position: absolute;top:50%;transform: translateY(-50%);box-shadow: 12px 12px 20px rgba(0,0,0,.1);}
.img-list .cont-box button:hover {border:1px solid #ddd; }
.img-list .cont-box .img-prev {left:0; background: url(../images/content/sub/ico_arrow_prev.svg) no-repeat center;}
.img-list .cont-box .img-next {background-position:17px -133px; right:0; background: url(../images/content/sub/ico_arrow_next.svg) no-repeat center;}
.img-list .cont-box >div.swiper-button-disabled{ opacity: 0.5;}



#container .search-wrap {padding: 1em;border: 1px solid #ddd;border-radius: 10px;margin: 0 0 1.5em;text-align:center;font-size: 0.9em;}
#container .search-wrap input[type="text"]{display: inline-block;height: 2em;padding: 1.15em 1em;width: 18em;border: 1px solid #ddd;border-radius:5px;font-size: 0.9em;color: #06917e;position: relative;box-sizing: border-box;}
#container .search-wrap .button{border-radius:5px;padding: 0.7em 1.5em;background: #333!important;border: none!important;}
#container .search-wrap .button.down{background: #00887F url(../images/content/sub/w_down.svg) no-repeat right 10px center !important; padding-right:2.5em;}
#container select{border-radius:5px; font-size:0.9em;}
#container select{padding:0.5em 0.6em;border: 1px solid #ddd;margin: 0.2em;}


td[colspan="7"],
.no_data {padding: 2em 0 2em!important;position:relative;}
td[colspan="7"]:before,
.no_data::before{content:'';display:block;font-size:20px;width: 2em;height: 2em;background: url('../images/content/sub/icon_nodata.svg') no-repeat center;margin: 0 auto 1em;}

.btn-box{margin: 2em 0 1em;}

.bod_wrap *,
.bod_list * {font-family:'Pretendard';}
.bod_list tbody td {padding-top:15px;}

/* 개인정보수집동의 */
.agree-box {max-height: 11.5em;padding: 1em 1.5em;border:1px solid #ddd;overflow-y:auto;}


@media screen and (max-width:1024px) {
	.top-box {padding: 2em;}
	.top-box .txt {width:100%;display: block;}
	.top-box .txt > *{display:block; padding-bottom:0;}
	.tab-app .tabs li {width: 33.3%;}
	.tab-app .tabs li.tab-active div{transform: translateY(0); }
	.tab-app .tabs li a {padding: 3em 0 0.5em;}
}

@media all and (max-width:768px) {
	.class-box .class-list {margin: 0 3.5em;}
	.search-wrap {text-align:left;}
	.search-wrap select{width: calc(50% - 0.6em);margin: 0.5%;}
	#container .search-wrap input[type="text"]{width:100%;margin:0;}
	#container .search-wrap .button{width: 100%;text-align:center;padding: 0.8em;margin:0.2em 0;}
}

@media all and (max-width:630px){
    .bod_list tbody td{display:inline-block; font-size:1em;}
}

@media screen and (max-width:640px) {
	#container .design-box{padding: 120px 20px 20px; background-position:top 20px center; }
	#container .design-box .tit{color:#000; font-size:20px;}
	.btn-table{font-size: 13px}
	.top-box {padding: 1.5em 1.2em;}
	.tab-app .tabs li {width: 33.3%;padding: 0.3em;}
	.tab-app .tabs li a > p{font-size:0.7em; padding:0.5em 1em;}
}

@media screen and (max-width:420px) {
	.tab-app .tabs li div{ height: 2em; }
	.tab-app .tabs li a{padding: 3em 0 0.5em;}
	.tab-app .tabs li a i{ background: none !important; }
	
}

/*********************************************************
	평생학습축제
*********************************************************/
.festival-box {border-top:3px solid #222; border-bottom:1px solid #DFE4EF;}
.festival-box > ul > li {overflow:hidden;padding: 1.5em 0; position: relative;}
.festival-box > ul > li + li{border-top:1px solid #ddd;}
.festival-box > ul > li:hover .tit{color:#018f79;}
.festival-box li a {display:block; overflow:hidden; color:inherit; text-decoration:none;}
.festival-box .thumb {display:block;position:relative;float:left;width:15.12em;overflow:hidden;text-align:center;background: #f5f6f6;border-radius: 20px;}
.festival-box .thumb > figure {position:relative; height:0; padding-bottom:68.4%;}
.festival-box .thumb > figure span {position:absolute; top:0; left:0; width:100%; height:100%;}
.festival-box .thumb img {width:auto; max-width:100%; margin:0 auto; display:inline-block; max-height:100%; vertical-align:top; -webkit-transition:1s; -o-transition:1s; transition:1s; height:100%;}
.festival-box li a:hover .thumb img,
.festival-box li a:focus .thumb img {-webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
.festival-box li .state{position:absolute; width:5em; height:5em; line-height:5em; background:#018F79; right:0; top:50%; transform: translateY(-50%); text-align:center; font-size:0.9em; border-radius:50px; color:#fff;}
.festival-box li .state.end{background-color: #666;}
.festival-box li .state.wait{background-color: #005F88;}
.festival-box .cont {display:block; position:relative; overflow:hidden; margin-left:15.12em; padding-left:3.33em;}
.festival-box .cont > span {display:block;}
.festival-box .cont .tit {display:block;position:relative;font-size: 1.5em;color:#222;font-weight:700;line-height: 1.2em;height: 1.3em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;font-family: 'TTWanjudaedunsancheB';margin-bottom: 1em;}
.festival-box .cont i {display:block;position:absolute;top:0;left:0;font-size: 0.9em;line-height: 2em;font-weight: 700;}
.festival-box .cont li {position:relative;box-sizing:border-box;padding-left:5em;}
.festival-box .cont li:after {content:""; display:block; clear:both;}
.festival-box .cont li span {display:block;font-size: 0.9em;line-height: 2em;float:left;color: #666;text-align:center;}
.festival-box .cont li.full {display:block;clear:both;width:auto;}
.bod_view h4 {border-top:3px solid #3F5580; border-bottom:1px solid #C7CCDD; text-align:left; font-size:1.334em; color:#222; font-weight:700; padding:.834em 1em .834em 1.667em; margin:0;}


.festival-view{border: 1px solid #ddd;border-radius:50px;padding: 1em 2em 2em;}
.festival-view h4{text-align:center;margin: 0.8em 1.5em 0.8em;}
.festival-view .view-info {display:block;position:relative;padding: 1em;/* border-bottom: 1px solid #ddd; */border-radius: 0.5em;background: #f3f7f7;font-size: 0.9em;text-align: center;}
.festival-view .view-info li {display:inline-block;position:relative;vertical-align:middle;font-size:.945em;margin-right:3em;}
.festival-view .view-info li span {display:inline-block;position:relative;color:#888;vertical-align:middle;padding-right: 0.6em;margin-right: 0.6em;}
.festival-view .view-info li span:after {content:""; display:block; position:absolute; right:0; width:1px; height:.82em; top:50%; margin-top:-.41em; background:#e1e1e1;}
.festival-view .view-cont {padding: 1.5em;padding-bottom: 2.5em;font-size: .9em;}

.festival-view .view-file {display:table;position:relative;width:100%;table-layout:fixed;padding: 1.5em;background: #f5f6f6;border-radius: 0.5em;font-size: 0.9em;}
.festival-view .view-file > * {display:table-cell;vertical-align:middle;box-sizing:border-box;}
.festival-view .view-file dt{width:6em;}
.festival-view .view-file .no-file {color:#888;}

.clFix::after{content:''; clear:both; display:block;}

@media all and (min-width:1024px) {
	.festival-box .cont li {display:inline-block; width:49%; vertical-align:top;}
	.festival-box .cont i {left: 0;}
}

@media all and (max-width:1024px) {
	.festival-box .cont {padding-left:2em;}
	
	.festival-view{padding:0;overflow:hidden;border-radius: 1em;}
	.festival-view .view-file { border-radius:0;}
	.festival-view .view-info{border-radius:0;}
}
@media all and (max-width:768px) {
	.festival-box .thumb {float:none;margin: 0 auto 1.5em;width:15em;max-width:100%;}
	.festival-box .cont {margin-left:0;padding-left:0;}
	.festival-box .cont .tit {height:auto;margin-bottom:0.5em;font-size: 1.4em;}	
	.festival-box .cont li{padding-left:4em;}
	.festival-box li .state{top:1em; transform:translateY(0);}
	
}


@media all and (max-width:640px) {
	.festival-view h4{text-align:center;margin: 0.5em 1em 0.5em;}
	.festival-view .view-file {display:block;width:auto;padding: 1.5em 1em;}
	.festival-view .view-file > * {display:block;}
	.festival-view .view-cont{padding:1.5em 1em;}
	.festival-view .view-file dt {padding:0;width:auto;margin-bottom: 0.5em;}
	.festival-view .view-info li{margin:0;}
	.festival-view .view-info{text-align:left;}
}


/*********************************************************
	레이어팝업
*********************************************************/
.layerPopup{display: none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999;}
.layerPopup:after {content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,.2);z-index: 9999;}
.layerPopup .pop-box {position: fixed;z-index: 9999999;top: 50%;left:50%;background: #fff;border-radius: 0px;overflow:hidden;box-shadow: 0 10px 25px rgba(28,35,45,.1);width: 900px;transform: translate(-50%, -50%);}
.layerPopup .pop-top {display:block;position:relative;background:  linear-gradient(335deg, #00887F 0%, #33D373 100%);color:#fff;padding: 0.7em 1em;min-width:200px;overflow:hidden;}
.layerPopup .pop-top .s-tit {font-size: 1.5em;font-weight:600;font-family: 'TTWanjudaedunsancheB';}
.layerPopup .pop-top .pop-close {display:block; position:absolute; top:50%; margin-top:-1em; right:1em; width:2.25em; height:2.25em; background:transparent; overflow:hidden; text-indent:-999px;}
.layerPopup .pop-top .pop-close:before {content:"⨯";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;line-height: 0.5em;text-indent:0;color:#fff;font-size:3em;}

.layerPopup .pop-tit{padding: 1em 4em 1em 1.4em;position:relative;background: #333;}
.layerPopup .pop-tit i.type01{padding: 0.3em 0.5em;border: 1px solid #fff;color: #fff;border-radius:10px;margin-right: 0.5em;font-size:0.8em;background: #333;}
.layerPopup .pop-tit p{font-family: 'TTWanjudaedunsancheB';font-size: 1.4em;display:inline-block;color: #fff;}

.layerPopup .pop-tit .state{position:absolute;right: 1.6em;font-size: 0.8em;top: 2em;font-family: 'GmarketSans';font-weight: 500;}
.layerPopup .pop-tit .state span{padding:0.5em 0.8em;background:#333;border-radius:30px;color:#fff;}
.layerPopup .pop-tit .state span.ing{background-color:#018F79;}
.layerPopup .pop-tit .state span.end{background-color:#666;}
.layerPopup .pop-tit .state span.wait{background-color:#005F88;}
.layerPopup .pop-tit .state span i{display:inline-block; background:#005e50;padding: 0.1em 0.6em; border-radius:50px; font-size:0.9em; margin-left:0.5em;}

.layerPopup .pop-con {position:relative;height:calc(100% - 90px) !important;padding: 1em 1.5em;overflow-y:auto;max-height: 700px;font-size: 0.9em;}
.layerPopup .pop-con .btnL {text-align:left;}
.layerPopup .pop-con .btnC {text-align:center;}
.layerPopup .pop-con .btnR {text-align:right;}


@media screen and (max-width:1024px) {
	.layerPopup .pop-box{width:98%;}
	.layerPopup .pop-con{padding: 1em 1em 1em;max-height: 600px;}
}

@media screen and (max-width:640px) {
	.layerPopup .pop-tit{padding-right: 1.2em;}
	.layerPopup .pop-tit p{display:block;margin-top: 0.5em;}
	.layerPopup .pop-tit .state{top:1.4em;}
	.layerPopup .pop-con{max-height:500px;}
}


/*레이어팝업*/
.popup {position: absolute; top:2px; z-index: 999999;}
.popup > a {background:none; padding:0; display:inline; }
.popup .btn_close { display: inline-block; width:45px; height:45px; background:url('../img/main/btn_close_box.png') 0 0 no-repeat; text-indent:-9999px; position: absolute; right:0px; top:0px;}
.popup .btn_close2 { display: inline-block; width:45px; height:45px; background:url('../img/main/btn_close_box.png') 0 0 no-repeat; text-indent:-9999px; position: absolute; right:-40px; top:0px;}

.pop01{top: 0;width:500px;left:50px;}
.pop01 .btn_more,
.pop02 .btn_more{width:70px; height:70px; background:#fff; border-radius:50px; position:absolute; text-align:center; font-weight:600; padding-top:20px; box-sizing:border-box; top:210px; ; right:40px; ; line-height:17px; color:#ed4766; box-shadow:1px 1px 4px rgb(237, 71, 102); }
.pop02{top:15%; width:400px; height:auto; left:560px;}
.pop03{top:15%; width:400px; height:auto; left:970px;}
.popup img{width:100%; display:block;}

.popup .pop_foooter {display:block; height:35px; width:100%; background-color:#31312f; color:#ffffff;}
.popup .pop_foooter .btn_close3 { position:relative; float:right; margin:3px 10px 3px 0; border:1px solid #ffffff; color:#ffffff; padding:3px 5px; cursor:pointer;}
.popup .pop_foooter .pop_check_box { position:relative; float:left; margin-left:10px; line-height:35px; }
.popup .pop_foooter #pop_check {vertical-align: text-bottom;}
@media screen and (max-width:1024px){
	.popup {left:50%; margin-left:-250px; max-width:100%;}
}
@media screen and (max-width:768px){
	/*팝업*/
	.pop01 .btn_more,
	.pop02 .btn_more{font-size:0; top:20px; left:20px; width:30px; height:30px;  }
	.pop01 .btn_more::after,
	.pop02 .btn_more::after{content:'+'; font-size:20px;position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-6px;}
}
@media screen and (max-width:500px){
	.popup {left:auto; margin-left:0;}
}



.layerPop {display:none; position:fixed; z-index:99; top:10px; left:10px; background:#fff; border:1px solid #000; overflow:hidden;}
.layerPop .pop-con {position:relative;}
.layerPop .pop-control {display:block; position:relative; background:#000; color:#fff; padding:10px 40px 10px 10px; font-size:11px; min-width:200px; height:40px; overflow:hidden;}
.layerPop .pop-control .dayCloseCheck {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-9999; height:0 !important; width:0 !important;}
.layerPop .pop-control .dayCloseCheck + label {display:inline-block; position:relative; line-height:20px; padding:0; cursor:pointer;}
.layerPop .pop-control .dayCloseCheck + label:before {content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; background:#fff; border:3px solid #fff; border-radius:100%; margin-right:.5em; box-sizing:border-box;}
.layerPop .pop-control .dayCloseCheck:focus + label {text-decoration:underline;}
.layerPop .pop-control .dayCloseCheck:checked + label:before {background:#0089ff;}
.layerPop .pop-control .pop-close {display:block; position:absolute; top:10px; right:10px; width:20px; height:20px; background:transparent; overflow:hidden; text-indent:-999px;}
.layerPop .pop-control .pop-close:before {content:"⨯"; display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; line-height:20px; text-indent:0; color:#fff; font-size:2em;}

@media screen and (min-width:1025px){
#layer01 {top:20%; left:50%; margin-left:-200px;}
#layer02 {top:20%; left:70%; margin-left:-200px;}
}


/*********************************************************
	설문조사
*********************************************************/

.bod_list.poll {margin-top:1em !important;}

#container .pollView h4 {text-align:center !important; border-bottom:1px solid #888; margin:0 !important; padding:.75em 1em !important;}
.pollViewInfo {display:table; position:relative; table-layout:fixed; width:100%;}
.pollViewInfo > * {display:table-cell; vertical-align:top; position:relative;}
.pollViewInfo .thumb {width:15em; padding-top:1em; padding-right:1em;}

.pollViewInfo dl {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #ddd; font-size:.95em;}
.pollViewInfo dl > * {display:table-cell; vertical-align:middle; padding:.8em .5em; text-align:left;}
.pollViewInfo dl dt {font-weight:700; width:8em;}
.pollViewCont {display:block; position:relative; overflow:hidden; margin-top:1em !important; padding:1.5em; word-break:keep-all; background:#fafafa;}

.poll_Qlist dt { border-radius:.2em; padding:10px;}
.poll_Qlist .tit {border-radius:.2em; background:#018F79; font-size:.9em; font-weight:400; padding-top:.4em;}

@media all and (max-width:1024px) {
	.bod_list.poll,
	.bod_list.poll tbody,
	.bod_list.poll tbody tr,
	.bod_list.poll tbody th,
	.bod_list.poll tbody td {display:block; position:relative;}
	.bod_list.poll caption,
	.bod_list.poll thead {display:none !important;}
	
	.bod_list.poll tr {border-bottom:1px solid #ddd; padding:1em 6.5em 1em 1em; text-align:left;}
	.bod_list.poll tbody td {display:inline-block; border:none; padding:0;}
	.bod_list.poll tbody td.list_survey_name {display:block; font-weight:700; font-size:1.1em; margin-bottom:.3em;}
	.bod_list.poll tbody td.list_survey_btn {position:absolute; top:50%; right:1em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.bod_list.poll tbody td.list_survey_date {text-align:left !important; padding-right:.8em !important; margin-right:.5em;}
	.bod_list.poll tbody td.list_survey_date:after {content:""; display:block; position:absolute; top:50%; right:0; height:.9em; width:1px; background:#ddd;  transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.bod_list.poll tbody td.list_survey_date,
	.bod_list.poll tbody td.list_survey_state {opacity:.7;}
	
	.pollViewInfo .detail {padding:.5em 0 !important;}
	.pollViewInfo dl:after {content:""; display:block; clear:both;}
	.pollViewInfo dl,
	.pollViewInfo dl > * {display:block;}
	.pollViewInfo dl {border-bottom-width:0px;}
	.pollViewInfo dl > * {float:left; padding-top:.3em !important; padding-bottom:.3em !important;}
	.pollViewInfo dl dt {width:30%;}
	.pollViewInfo dl dd {width:70%;}
}
@media all and (max-width:780px) {
	.pollViewInfo,
	.pollViewInfo > * {display:block; position:relative;}
	.pollViewInfo .thumb {margin:1em auto; padding:0 !important; width:30em; max-width:100%;}
}
@media all and (max-width:640px) {
	.bod_list.poll tr {padding-right:1em;}
	.bod_list.poll tbody td.list_survey_btn {display:block; position:relative; top:auto; right:auto; transform:none; -webkit-transform:none;}
	.bod_list.poll tbody td.list_survey_btn a {width:100%; text-align:center;}
}
@media all and (max-width:440px) {
	.pollViewInfo .detail {border-top:1px solid #ddd;}
	.pollViewInfo dl > * {width:auto !important; float:none !important; padding-left:0; padding-right:0;}
	.pollViewInfo dl dt {padding-top:1em !important;}
	.pollViewInfo dl dd {border-bottom:1px solid #ddd; padding-bottom:1em !important; padding-top:0 !important;}
}

#apply input[type="text"],
#apply input[type="passward"] {height:auto !important; padding:0.5em 0.6em;}

.pollLast {display:block; position:relative; margin:2em 0; border-top:1px solid #ddd; padding:1.5em 0;}
.pollLast .tit {font-size:1.1em; font-weight:700; margin-bottom:.2em;}