@charset "utf-8";
/* 슬라이드 */
.variable-width {visibility: hidden; opacity: 0; transition: opacity 0.1s;}
.variable-width.slick-initialized {visibility: visible; opacity: 1;}
.variable-width  {display: none;}
.variable-width:first-child {display: block; visibility: hidden;} 
.variable-width.slick-initialized {display: block; visibility: visible!important;}

.slider-wrap {position:relative; padding-top:96px;}
.slick-list {height:453px;}
.slick-slide {position:relative; margin:0 50px;}
.slick-slide img {width:100%; height:453px;}
.slider-wrap .slick-dots {position:relative; max-width:1200px; margin:-120px auto 158px auto; padding-left:50px; text-align:left;}

.slider-wrap .slick-dots li button:before {content:" "; display:inline-block; opacity:1; border-radius:20px; border:3px solid #555; width:20px; height:20px;}
.slick-dots li button:focus:before, .slick-dots li button:hover:before, .slider-wrap .slick-dots li.slick-active button:before {background:#4765a2; border:3px solid #4765a2;}

.btn_wrap {margin: 0 auto;position: absolute;left: calc(50% - 388px);top: 452px;width: 25px;height: 23px;}
.play, .pause {background:none; border:0; position:absolute; bottom:0; right:38px; top:0px;}
.play {display:none;}

/* 공지사항 */
.bbs_wrap {width:100%; padding:40px 20px; background:#fff; margin-top:-59px;}
.bbs_con {width:100%; max-width:1200px; margin:0 auto;}

.notice_wrap {width:calc( 100% - 435px ); padding-right:30px; display:inline-block; vertical-align:top;}
.notice_tit {font-family:'GyeonggiTitle'; font-size:30px; color:#232323; font-weight:bold;}
.bbs_more {float:right; margin-top:-35px;}
.bbs_more:focus {border:2px solid #4765a2; border-radius:30px;}

.bbs_ul {}
.bbs_ul > li {border-bottom:1px solid #ddd; padding:15px 0px;}
.bbs_ul > li:last-child {border-bottom:0;}
.bbs_ul > li > .bbs_date {vertical-align:middle; margin-right:20px; display:inline-block; width:60px; font-size:15px; font-family:'GyeonggiTitle'; color:#555; text-align:center;}
.bbs_ul > li > .bbs_date > span {font-size:39px; font-family:'GyeonggiTitle'; color:#232323; font-weight:bold; width:100%; display:inline-block; height:40px;}
.bbs_ul > li > .notice_post {width:calc( 100% - 85px ); display:inline-block; vertical-align:middle;}
.bbs_ul > li > .notice_post:hover, .bbs_ul > li > .notice_post:focus {background:url('/_img/bbs_hover.png') no-repeat right center;}
.bbs_ul > li > .notice_post > a {}
.bbs_ul > li > .notice_post > a > .notice_sub {font-size:17px; color:#232323; width:calc( 100% - 60px ); display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_ul > li > .notice_post > a > .notice_sub > span {background:#4765a2; color:#fff; padding:0px 10px; border-radius:20px; text-align:center; margin-right:3px; display:inline-block; font-size:15px;}
.bbs_ul > li > .notice_post > a > .notice_con {font-size:17px; color:#555; width:calc( 100% - 60px ); display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_ul > li > .notice_post:hover > a > .notice_sub, .bbs_ul > li > .notice_post:hover > a > .notice_con, .bbs_ul > li > .notice_post:focus > a > .notice_sub, .bbs_ul > li > .notice_post:focus > a > .notice_con {text-decoration:underline;}

/* 후원신청 */
.bank_wrap {width:430px; display:inline-block; vertical-align:top;}
.bank_con {margin-top:15px; width:100%; height:280px; display:inline-block; border-radius:10px; border:1px solid #ccc; padding:30px; background:url('/_img/bank_bg.png') no-repeat right bottom; background-color:#f5f5f3;}
.bank_name {color:#fff; background:#8162a1; display:inline-block; padding:0 15px; border-radius:20px; font-size:20px; font-family:'GyeonggiTitle'; font-weight:bold;}
.bank_num {color:#232323; width:100; margin:10px 0px; display:inline-block; padding-left:10px; font-size:30px; font-weight:bold; font-family:'GyeonggiTitle';}
.bank_ceo {padding-left:10px; color:#232323; font-size:17px;}

/* 사업소개 */
.business_wrap {width:100%; max-width:1200px; margin:0 auto; margin:40px auto 0 auto;}
.business_ul {text-align:center; width:100%;}
.business_ul > li {display:inline-block; width:100%; max-width:260px; height:220px; margin:18.7px; text-align:center; border-radius:10px; overflow:hidden;}
.business_ul > li:nth-child(1) {background:url('/_img/business_01.png') no-repeat center center;}
.business_ul > li:nth-child(2) {background:url('/_img/business_02.png') no-repeat center center;}
.business_ul > li:nth-child(3) {background:url('/_img/business_03.png') no-repeat center center;}
.business_ul > li:nth-child(4) {background:url('/_img/business_04.png') no-repeat center center;}
.business_ul > li > a {}
.business_ul > li > a > span {color:#fff; text-align:center; font-size:26px; background:rgba(0,0,0,0.5); transition: all ease 1.5s 0s; width:100%; height:100%; display:inline-block; padding-top:80px; font-weight:bold; font-family:'GyeonggiTitle';}
.business_ul > li > a > span:hover, .quick_ul > li > a:focus > span {background:url('/_img/business_hover.png') no-repeat center center; transition: all ease 1.5s 0s;}

/* 이달의 일정 */
.cal_wrap {background:#f5f5f5; padding:40px 20px;}
.cal_con {width:100%; max-width:1200px; margin:0 auto;}
.cal_con > .notice_tit {vertical-align:middle;}
.cal_con > .bbs_more {margin-top:0;}
.cal_days {width:calc( 100% - 170px ); display:inline-block; vertical-align:middle; padding:0px 30px;}
.cal_days > li {display:inline-block; text-align:center;}
.cal_days > li > a {color:#232323; font-size:18px; font-family:'GyeonggiTitle';}
.cal_days > li.on > a {color:#fff; background:#8162a1; width:30px; height:30px; display:inline-block; border-radius:30px; text-align:center; padding-top:3px; margin-top:-3px;}

.cal_today {border-radius:10px; overflow:hidden; background:#fff; margin-top:20px;}
.cal_month {color:#fff; background:#8162a1; font-size:19px; font-family:'GyeonggiTitle'; font-weight:bold; text-align:center; width:150px; display:inline-block; padding:30px;}
.cal_month > span {font-size:39px; width:100%; display:inline-block; margin-top:-15px;}

.cal_todo {width:calc( 100% - 155px ); display:inline-block; padding:35px 35px 35px 0; text-align:left;}
.cal_todo > li {display:inline-block; width:49%; text-align:left; padding-left:35px;}
.cal_todo > li:nth-child(2) {border-left:1px solid #ccc;}
.cal_todo > li > a > .todo_tit {color:#232323; font-size:20px; margin-bottom:5px;}
.cal_todo > li > a > .todo_con {color:#555; font-size:17px;}

/* 포토갤러리 */
.photo_wrap {width:100%; padding:40px 20px;}
.photo_con {width:100%; max-width:1200px; margin:0 auto;}
.photo_ul {text-align:center;}
.photo_ul > li {text-align:left; border:1px solid #ddd; background:#fafafa; border-radius:20px; padding:10px; display:inline-block; width:100%; max-width:275px; margin:20px 10px;}
.photo_ul > li > a {}
.photo_ul > li > a > .photo_img {overflow:hidden; border-radius:10px;}
.photo_ul > li > a > .photo_img > img {width:100%; margin-bottom:10px; border-radius:10px; transform:scale(1.0); transition: transform .5s;}
.photo_ul > li > a > .photo_img > img:hover, .photo_ul > li > a > .photo_img > img:focus {transform:scale(1.3); transition: transform .5s;}
.photo_ul > li > a:hover > .photo_img > img, .photo_ul > li > a:focus > .photo_img > img {transform:scale(1.3); transition: transform .5s;}
.photo_ul > li > a > .photo_tit {margin-left:10px; width:calc( 100% - 20px ); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#232323; font-size:20px;}
.photo_ul > li > a > .photo_con {margin-left:10px; width:calc( 100% - 20px ); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555; font-size:17px; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:15px;}
.photo_ul > li > a > .photo_name {margin-left:10px; color:#555; font-size:17px; margin-bottom:10px;}
.photo_ul > li > a > .photo_name > .photo_btn {color:#fff; font-size:15px; display:inline-block; padding:0px 5px; border-radius:20px; float:right; margin-right:10px;}
.photo_ul > li:nth-child(2n+1) > a > .photo_name > .photo_btn {background:#4765a2;}
.photo_ul > li:nth-child(2n) > a > .photo_name > .photo_btn {background:#8162a1;}

/* 반응형 적용부분 */
@media screen and (max-width:1230px) {
	.slider-wrap {display:none;}
	.bbs_wrap {padding-top:110px;}
	.cal_days {width:100%; margin-top:10px; padding:0;}
}

@media screen and (max-width:980px) {
	.cal_todo {text-align:left;}
	.cal_todo > li:first-child {border-right:0; width:100%;}
	.cal_todo > li:nth-child(2) {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: scroll;}	
}

@media screen and (max-width:900px) {
	.notice_wrap, .bank_wrap {width:100%; padding-right:0;}
	.bank_num {font-size:25px;}
	.bbs_ul > li > .notice_post:hover {background:none;}
	.bbs_ul > li > .notice_post > a > .notice_sub, .bbs_ul > li > .notice_post > a > .notice_con {width:100%;}
	.cal_days > li {width:25px !important;}
}

@media screen and (max-width:600px) {
	.cal_month {width:100%; padding:20px;}
	.cal_todo {width:100%; padding:20px;}
	.cal_todo > li {padding:0;}
}

@media screen and (max-width:450px) {
	.bank_con {background:#f5f5f3; height:auto;}
}