@charset "UTF-8"; 

/**** 슬라이드 ****/
.slick-dots {position:absolute; left:0; bottom:20px; width:100%; margin:0 auto; text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots li button {width:9px; height:9px; margin-right:10px; border-radius:50%; background:#fff; text-indent:-9999px;}
.slick-dots li.slick-active button {background:#222;}


/**** main ****/
/* 메인비주얼 */
.main_s1 {position:relative; width:100%; z-index:90;}  
.main_txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; z-index:90;}
.main_txt span {font-size:28px; line-height:1.2;}
.main_txt>p {margin-top:10px; font-size:56px; color:#b7efaf; font-weight:600;  font-family: sans-serif;}
.downArrow{margin-top:50px;}
.downArrow i {display:block; width:49px; height:27px; margin:0 auto 20px; background:url(../images/main/scroll_down.png) no-repeat center 0;}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.main_visual {overflow:hidden; height:100vh;} 
.main_visual>img {
	width:100%;height:100vh;margin:0 auto;
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	-webkit-transition:transform 8000ms  ease-in-out ;
	-moz-transition:transform 8000ms ease-in-out ;
	-o-transition:transform 8000ms ease-in-out ;
	-ms-transition:transform 8000ms ease-in-out ;
	transition:transform 8000ms ease-in-out ;
}
.main_visual.on>img {
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* 휴관일 안내 */
.close_wrap {display:table; position:absolute; bottom:0; right:100px; background:rgba(0,0,0,.7);}
.close_wrap>div {display:table-cell; color:#fff; padding:35px; float:none;}
.close_wrap>div:first-child {padding-right:0;}
.close_wrap>div>h3 {margin-bottom:15px; font-size:18px; font-weight:400;}
.close_wrap p {font-weight:300;}
.close_wrap a {color:#a3d39c;}
.close_wrap .time_info {padding-left:60px; background:url("../images/main/info_time.png") no-repeat; background-size:43px;}
.close_wrap .time_info ul li {margin-bottom:3px;}
.close_wrap .time_info ul li:last-child {margin-bottom:0;}
.close_wrap .time_info ul li span {opacity:.5; font-weight:300;}


/* 메인섹션공통 */
#main section {padding:60px 0;}
.main_wrap {width: 85%; margin:0 auto;}
#main section.pro_carousel {background:url("../images/main/main_s2_bg.jpg") #2e382f left bottom; background-repeat: no-repeat;}
#main section.mnNews {background:url("../images/main/main_s3_bg.jpg");}
#main section.mnquick {background:url("../images/main/main_s4_bg.jpg");}
#main section .main_tit {color:#fff; margin-bottom:50px;}
#main section .main_tit p {font-size:20px; margin-bottom:10px; opacity:.6;}
#main section .main_tit h2 {font-size:48px;}


/* 교육&프로그램 */
.pro_tit {color:#fff;}
.pro_tit>span {font-size:18px; font-weight:300; line-height:1.3; opacity:.5;}
.pro_tit h2 {margin:40px 0 30px; font-size:48px;}
.pro_tit_wrap .more {display:inline-block; margin:30px auto 0; padding:12px 100px; font-size:16px; text-align:center; color:#fff; border:1px solid #fff;}
.pro_tit_wrap .more:hover {color:#4c4741; background:#fff;}

.pro_control a {float:left; display:inline-block; width:68px; height:68px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; opacity:.7; background-color:#022302; border-radius:50%; background-size:20px;}
.pro_control a:first-child {margin-right:10px;}
.pro_control a.btn_prev,
/* 하단퀵배너 */.mnbn_control a.btn_prev {background-image:url(../images/main/pro_carousel_prev.png);}
.pro_control a.btn_next,
/* 하단퀵배너 */.mnbn_control a.btn_next {background-image:url(../images/main/pro_carousel_next.png);}
.pro_control a:hover {opacity:1;}

.pro_con .carosel_in>a {display:block; margin:0 20px; box-shadow:5px 5px 5px rgba(0,0,0,.2) !important;}
.pro_con .carosel_in .program_info {padding:8%; background:#fff; text-align:left;}
.pro_con .carosel_in .program_info span.label {display:inline-block; margin-bottom:20px; padding:4px 8px;  font-size:13px; color:#fff;}
.pro_con .carosel_in .program_info .every {background:#4b771b;}
.pro_con .carosel_in .program_info .special {background:#009c99;}
.pro_con .carosel_in .program_info .program {background:#9c5f00;}
.pro_con .carosel_in .program_info h3 {margin-bottom:20px; font-size:22px; font-weight:500; color:#333;}
.pro_con .carosel_in .program_info p {font-size:15px; color:#666; margin-bottom:20px; height:42px;}
.pro_con .carosel_in .program_info span.date {font-size:13px; color:#999;}
.pro_con .carosel_in>a:hover .program_info .split {color:#01868f;}
.pro_con .carosel_in>a:hover .program_info p {text-decoration:underline;}

/* 메인뉴스 */
.mnNews .main_wrap>div {padding:0 20px;}
.mnNews .main_wrap>div>div {height:430px;}
/* 게시판 */
.mnBoard {padding:40px; background:#fff;}
.mnBoard h3 {margin-bottom:30px; font-size:22px; color:#333;}
.mnBoard h3 a {float:right; font-size:14px; color:#666; font-weight:300;}
.mnBoard h3 a:hover {color:#01868f;}
.mnBoard .none {position:absolute; top:-999em; width:0; height:0; font-size:1px; line-height:0; overflow:hidden}
.mnBoard .tab_list {position:relative; width:100%; float:left;}
.mnBoard .tab .tit_tab {float:left; width:50%; border:1px solid #ddd;}
.mnBoard .tab_list li:first-child .tab .tit_tab {border-right:0;}
.mnBoard .tab h4 a {display:block; padding:10px 15px; color:#999; text-align:center; font-weight:400;}
.mnBoard .tab .tit_tab_active,
.mnBoard .tab .tit_tab_active:hover {background:#000; visibility: visible;}
.mnBoard .tab .tit_tab_active a {color:#fff;}
.mnBoard .tab .conts {position:absolute; top:38px; bottom:0; left:0px; right:0;}
.mnBoard .tab .conts_inner {overflow:hidden;}
.mnBoard .tab .conts_inner li {padding:20px 0; border-bottom:1px solid #eee;}
.mnBoard .tab .conts_inner li>a {display:block;}
.mnBoard .tab .conts_inner li:hover {background:#f0faf9;}
.mnBoard .tab .conts_inner li:hover>a {color:#01868f;}
.mnBoard .tab .conts_inner li span {color:#555; font-size:15px; font-weight:200;}
/* 알림판 */
.mnNews .popup_wrap .mnSlide a {display:block;}
.mnNews .popup_wrap .mnSlide img {width:100%; height:430px;}


/* 하단 퀵배너 & 배너 */
.mnquick>div>div>h3 {margin-bottom:15px; text-align:center; color:#fff; font-size:20px;}
.mnquick .quick ul {margin-top:50px; text-align:center; font-size:0;}
.mnquick .quick li {display:inline-block; width:33.33333%;}
.mnquick .quick li a {display:block;}
.mnquick .quick li i {margin-bottom:25px;}
.mnquick .quick li p {width:80%; margin:0 auto; padding:5px 0; border:1px solid #fff; color:#fff; font-size:14px;}
.mnquick .quick li:hover p {background:#fff; color:#6e5e47;}
.mnquick .mnbn_wrap {position:relative; height:160px; padding:0 40px;}
.mnquick .mnbn_con {height:100%; margin:0 auto; background:#fff; overflow:hidden;}
.mnquick .mnbn_con>div {width:90%; margin:60px auto 0;}
.mnquick .mnbn_con .slick-slide>a {display:block;}
.mnquick .mnbn_con .slick-slide img {margin:0 auto;}
.mnbn_control a {position:absolute; top:50%; transform:translate(0,-50%); display:inline-block; width:45px; height:45px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; background-color:#333; border-radius:50%; background-size:10px; z-index:90;}
.mnbn_control a.btn_prev {left:16px;}
.mnbn_control a.btn_next {right:16px;}





/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* 메인비주얼 */
	.main_s1 {height:auto;}
	.main_visual,
	.main_visual>img {height:50vh;} 
	.main_txt span {font-size:24px;}
	.main_txt>p {font-size:36px;}
	.downArrow{display:none;}	

	/* 휴관일 안내 */
	.close_wrap {right:0;}
	.close_wrap>div {padding:20px;}
	.close_wrap>div>h3 {font-size:15px;}

	/* 메인섹션공통 */
	.main_wrap {width: 95%;}	
	#main section .main_tit h2 {font-size:36px;}


	/* 교육&프로그램 */
	.pro_tit>span {font-size:16px; display:inline-block; width:80%; word-break:keep-all;}
	.pro_tit h2 {margin:30px 0 20px; font-size:38px;}
	.pro_tit_wrap .more {padding:12px 70px; font-size:14px;}
	.pro_control a {width:50px; height:50px; background-size:10px;}
	.pro_con .carosel_in>a {margin:0 15px;}
	.pro_con .carosel_in .program_info span.label {margin-bottom:15px;}
	.pro_con .carosel_in .program_info h3 {margin-bottom:15px; font-size:20px;}
	.pro_con .carosel_in .program_info p {margin-bottom:15px;}


	/* 메인뉴스 */	
	.mnNews .main_wrap>div>div,	
	/* 알림판 */.mnNews .popup_wrap .mnSlide img {height:260px;}

	/* 게시판 */
	.mnBoard {padding:20px;}
	.mnBoard h3 {margin-bottom:20px; font-size:18px;}
	.mnBoard .tab h4 a {font-size:14px;}
	.mnBoard .tab .conts {top:50px;}
	.mnBoard .tab .conts_inner li {padding:10px 0;}
	.mnBoard .tab .conts_inner li>a {font-size:14px;}
	.mnBoard .tab .conts_inner li span {display:none;}
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.slideMsg {
		width:90%; margin:0 auto 10px; padding:7px 0 10px 25px; 
		font-size:14px; line-height:1.2; color:#a3d39c; text-align:left;
		background:url(../images/main/slide_tip_g.png) no-repeat left 9px; background-size:15px;
	}
	.slideMsg::after{content:"좌우로 드래그하시면 더 많은 프로그램을 보실 수 있습니다.";}
	
	/* 메인비주얼 */
	.main_visual {height:40vh;}
	.main_txt {width:80%; top:35%;}
	.main_txt span {font-size:16px;}
	.main_txt>p {font-size:28px;}
	
	/* 휴관일 안내 */	
	.close_wrap {position:relative; width:100%; background:#061d0a;}
	.close_wrap>div {display:block;}
	.close_wrap>div:first-child {border-bottom:1px solid rgba(255,255,255,.2);}
	
	/* 메인섹션공통 */
	#main section {padding:50px 0;}
	.main_wrap {width:100%;}
	#main section .main_tit {margin-bottom:20px;}
	#main section .main_tit p {font-size:16px; margin-bottom:10px; opacity:.6;}
	#main section .main_tit h2 {font-size:26px;}
	
	/* 교육&프로그램 */
	.pro_tit_wrap {width:90%; margin:0 auto; text-align:center; float:none;}
	.pro_tit>span {font-size:13px;}
	.pro_tit h2 {margin:20px 0 10px; font-size:28px;}
	.pro_tit_wrap .more {margin:10px auto; font-size:12px;}
	.pro_control {display:none;}	


	/* 하단 퀵배너 & 배너 */
	.mnquick>div>div:first-child {margin-bottom:30px;}
	.mnquick .quick ul {width:90%; margin:20px auto 0;}
	.mnquick .quick li {width:50%;}
	.mnquick .quick li a {margin-bottom:20px;}
	.mnquick .quick li i {margin-bottom:15px;}
	.mnquick .quick li p {font-size:12px;}
	.mnquick .mnbn_wrap {height:80px; padding:0 40px;}
	.mnquick .mnbn_con>div {margin:20px auto 0;}
	
}