@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:#6267a1; border:3px solid #6267a1;}

.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;}

/* 타이틀 */
.main_tit {font-size:30px; color:#232323; text-align:center; font-family:'GyeonggiTitle'; margin-bottom:30px;}
.main_tit > span {display:block; font-size:30px; color:#232323; font-weight:bold; font-family:'GyeonggiTitle';}

/* 퀵메뉴 */
.quick_wrap {width:100%; max-width:1200px; margin:0 auto;}
.quick_ul {text-align:center; width:100%;}
.quick_ul > li {display:inline-block; width:100%; max-width:365px; height:255px; margin:10px; text-align:center; border-radius:10px; overflow:hidden;}
.quick_ul > li:nth-child(1) {background:url('/_img/quick_01.png') no-repeat center center;}
.quick_ul > li:nth-child(2) {background:url('/_img/quick_02.png') no-repeat center center;}
.quick_ul > li:nth-child(3) {background:url('/_img/quick_03.png') no-repeat center center;}
.quick_ul > li:nth-child(4) {background:url('/_img/quick_04.png') no-repeat center center;}
.quick_ul > li:nth-child(5) {background:url('/_img/quick_05.png') no-repeat center center;}
.quick_ul > li:nth-child(6) {background:url('/_img/quick_06.png') no-repeat center center;}
.quick_ul > li > a {}
.quick_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:110px; font-weight:bold; font-family:'GyeonggiTitle';}
.quick_ul > li > a > span:hover, .quick_ul > li > a:focus > span {background:url('/_img/quick_hover.png') no-repeat center center; transition: all ease 1.5s 0s;}

/* 공지 & 포토갤러리 탭 */
.notice_wrap {width:100%; max-width:1200px; margin:0 auto; background:#fff; height:240px; padding:40px 0px;}
.notice {width:50%; float:left; padding:0px 20px;}
.gall {width:50%; float:left; padding:0px 20px;}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;*zoom:1;}
.tab.list > ul{height:48px;}
.tab.list ul:after{content:"";display:block;clear:both;}
.tab.list li{float:left;margin-bottom:-1px;}
.tab.list li a{position:relative;float:left; text-decoration:none; color:#fff;}
.tab.list li a span {color:#666; display:inline-block; cursor:pointer; font-size:30px; font-weight:bold; padding-right:20px; text-align:center; font-family:'GyeonggiTitle';}
.tab.list li a span:hover {color:#6267a1;}
.tab.list li a span:after {content:"/"; display:inline-block; font-size:30px; color:#666; margin-left:20px;}
.tab.list li:last-child a span:after {content:"";}

/* 탭평소 스타일 */
.tab.list li ul{width:100%;position:absolute;top:45px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;}
.tab.list li ul:after{content:"";display:block;clear:both;}
.tab.list li li {border-bottom:1px solid #ddd; float:none;position:relative;padding:13px 0;text-align:left;}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#555;font-weight:normal;background:transparent;letter-spacing:normal; color:#555; display:inline-block; width:calc( 100% - 80px ); line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; padding-bottom:0 !important;}
.tab.list li li.more a {width:100%;}
.tab.list li li:first-child {padding-top:23px;}

.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#6267a1; font-weight:bold;}
.tab.list li li .time{position:absolute;top:13px;right:0;color:#666; font-size:15px; font-weight:normal;}
.tab.list li li:first-child .time {top:23px;}
.tab.list li li.more{padding-left:0px; width:30px; height:33px; position:absolute; top:-50px; right:0px; border:0 !important;background:transparent;}
.tab.list li.active a{background:transparent; padding-bottom:7px;}
.tab.list li.active a span{color:#232323;}

/* 활동사진 */
.gall .tab.list li .gall_ul li {display:inline-block; margin:0; border-bottom:0; padding:0;}
.gall .tab.list .gall_ul li a {width:100%; overflow:hidden;}
.gall .tab.list .gall_ul li a img {width:177px; transform:scale(1.0); transition: transform .5s; vertical-align:top;}
.gall .tab.list .gall_ul li a img:hover, .gall .tab.list .gall_ul li a:focus img {transform:scale(1.3); transition: transform .5s;}
.gall .tab.list li .gall_ul {margin-top:25px; text-align:center;}
.gall .tab.list li li.more {top:-60px;}
.gall .tab.list li li.more a img {width:100%;}

/* 배너 */
.banner_wrap {width:100%; border-top:1px solid #ccc; margin-top:50px; padding:70px 0;}
.banner_ul {width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.banner_ul > li {width:24%; display:inline-block;}
.banner_ul > li > span {width:85px; height:85px; display:inline-block; vertical-align:middle; margin-right:10px; border-radius:35px; text-align:center; padding-top:20px;}
.banner_ul > li:nth-child(1) > span {background:#6267a1;}
.banner_ul > li:nth-child(2) > span {background:#8162a1;}
.banner_ul > li:nth-child(3) > span {background:#ab67aa;}
.banner_ul > li:nth-child(4) > span {background:#cc58ad;}
.banner_ul > li > span > img {}
.banner_ul > li > .banner_con {vertical-align:middle; width:calc( 100% - 100px ); display:inline-block; text-align:left;}
.banner_ul > li > .banner_con > .banner_tit {color:#232323; font-size:17px; margin-bottom:8px;}
.banner_ul > li > .banner_con > .banner_tel {color:#232323; font-size:24px; font-weight:bold;}
.banner_ul > li > .banner_con > .banner_fax {color:#555; font-size:17px; letter-spacing:-0.5px;}


/* 반응형 적용부분 */
@media screen and (max-width:1230px) {
	.slider-wrap {display:none;}
	
	.main_tit {padding-top:90px;}

	.quick_ul {padding:10px;}
	.quick_ul > li {margin:0 0 10px 0;}
	
	.banner_wrap {padding:30px 20px;}
	.banner_ul > li {width:49%;}
}

@media screen and (max-width:1200px) {
	.notice_wrap {height:auto;}
	.notice, .gall {width:100%; margin-bottom:20px; float:none;} 
}

@media screen and (max-width:610px) {
	.banner_ul > li {width:100%; max-width:288px; margin-bottom:10px;}
}

@media screen and (max-width:600px) {
	.gall_ul > li:nth-child(3) {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: scroll;}
}

@media screen and (max-width:460px) {
	.tab.list li a span {padding:5px 10px;}
}

@media screen and (max-width:420px) {
	.gall_ul > li:nth-child(2) {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: scroll;}
}