@charset "utf-8";

/*-----------------------------------------------------------------------------------------------------------
메인
-----------------------------------------------------------------------------------------------------------*/
#mainWrap	{ width:100%; position:relative;padding-top: 93px; margin:0px auto ;}
#mainWrap:after		{content:'';display:block;clear:both; height:0;  visibility:hidden}	
 
.f1_con_wrap	{ width:100%; clear:both; margin:0 auto; position:relative; height:668px;  }
 

.f2_con_wrap	{ width:100%;  position:absolute;top: 123px;left: 50%; transform:translateX(-50%);  display: inline-block;  z-index: 1  }
.f2_con_box	{position:relative;  width: 1320px;   margin: 0px auto  ;      } 
	.f2_con_box1{ width:451px; float: left;margin-right: 12px   }
	.f2_con_box2{ width:475px; float: left;    }
	.f2_con_box3{ width:335px; float: right;   }


.f3_con_wrap	{  width:100%; position:relative;  margin:0px auto ;   height:587px;   }
.f3_con_box	{position:relative;  width: 1320px;   margin:70px auto  ;      } 
	.f3_con_box1{ width:789px; float: left;   }
	.f3_con_box2{ width:460px; float: right;   }
 
.f5_con_wrap	{ width:100%; clear:both; margin:0px auto ;/* display: inline-block;*/ height:500px; background:url(/img/main/bg.jpg) no-repeat center bottom ; }
.f6_con_wrap	{ width:100%; clear:both; margin:0px auto ;/* display: inline-block;*/ height:126px; /*border-top: 1px solid #ddd*/}	
	

.PC	{}	
.mobile	{ display:none}
	
 
 
 
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1319px) {
		.f1_con_wrap	{   height:auto ;/* display: inline-block;*/ display: inline-block; }
		
		.f2_con_wrap	{ margin:0px auto;  position:relative;top: 0px;margin-top:  -200px; /*top: -100px;*/    height:auto; display: inline-block;   }
			.f2_con_box	{  width: 96%;   margin: 0px 2%; height:auto; display: inline-block;  } 
				.f2_con_box1{ width:30%;   margin-right: 1% ;margin-bottom: 20px;  }
				.f2_con_box2{ width:41%; float: left;  }
				.f2_con_box3{ width:27%; float: right;   }
		
		.f3_con_wrap	{ clear:both;  height:auto; display: inline-block;   }
			.f3_con_box	{  width: 96%;   margin: 30px 2%;  padding-bottom: 30px;  display: inline-block;     } 
				.f3_con_box1{ width:60%;    }
				.f3_con_box2{ width:35%;    }	
		
		.f5_con_wrap	{ width:100%;  height:auto; }
		.f6_con_wrap	{ width:100%; margin:0px auto;  height:auto; }

	}
 	/* 테블릿 가로 해상도 */
	@media all and (max-width:1190px) {
		.f2_con_wrap	{  margin-top:  -100px;    }
 .f2_con_box	{     } 
				.f2_con_box1{ width:100%;   margin-right: 0px ;margin-bottom: 20px;  }
				.f2_con_box2{ width:54%;    }
				.f2_con_box3{ width:44%;    }
		
 

	}
	/* 모바일 해상도 */
	@media all and (max-width:998px) {	
	#mainWrap	{ padding-top: 0px;background: #fff }	
			
		.PC		{ display:none}	
		.mobile	{ display: block}
 
		
		.f1_con_wrap{  padding-top: 0px;  /*background:#219489; */ }
			.f1_con_box1{ width:100%;     }
			.f1_con_box2{ width:100%;float: left;     }
		
 
		
		.f3_con_wrap	{  }
			/*.f3_con_box1{ width:55%;    }
			.f3_con_box2{ width:45%;  float: left;  }*/
 
		.f5_con_wrap	{ width:100%;  margin:0px auto;  background-size:cover;   }
		.f6_con_wrap	{ display:none}	
	}
 
  	/* 테블릿 가로 해상도 */
	@media all and (max-width:800px) {
 
				.f2_con_box2{ width:100%; margin-bottom: 20px;   }
				.f2_con_box3{ width:100%; margin-bottom: 20px;   }
		
 

	}

  	/* 테블릿 가로 해상도 */
	@media all and (max-width:600px) {
 
				.f3_con_box1{ width:100%; margin-bottom: 30px;     }
			.f3_con_box2{ width:100%;  float: left; position: relative}
		
 

	}
/*-----------------------------------------------------------------------------------------------------------
메인이미지
-----------------------------------------------------------------------------------------------------------*/
 
	#main_roll{   }
	#main_roll:after{display:block; content:""; clear:both;}
	#main_roll .visual{/*float:left;*/ width:100%; height:615px;/*border-radius: 30px; border:1px solid #ddd;*/ /*overflow: hidden;*/ }
	#main_roll .visual img{width:100%!important; /*height:450px;*/ }
	/*#main_roll .r_ban{float:right;}
	#main_roll .r_ban p{margin-bottom:10px;}
	#main_roll .r_ban p:last-child{margin-bottom:0;}*/
 
/* 테블릿 가로 해상도 */
	@media all and (max-width:1319px) {

		#main_roll .visual{ width:100%;height:auto; }

	}
	@media (max-width: 980px){
		#main_roll{  /*padding-top: 5px; padding-bottom: 50px;*/  }
		#main_roll .visual{float: inherit; width:130%;margin-left: -14%;   /*border-radius:  20px;*/ /* border-radius:  20px 20px 0px 0px; */ border:0px solid #ddd; }
		#main_roll .visual img{ height:auto;        }
		#main_roll{width:100%;}
		/*#main_roll .r_ban{float: inherit; width:100%; margin-top:10px;margin-bottom:20px;}
		#main_roll .r_ban img{width:100%; }*/

	}
	@media (max-width: 480px){
 
		#main_roll .visual img{ height:130px;/*width: 130%!important  */   }
 
	}

 
 /*-----------------------------------------------------------------------------------------------------------
메인_팝업이미지
-----------------------------------------------------------------------------------------------------------*/	
  	
.popupzone_wrap	{/* width:335px;*/float: left; position:relative; position: relative; 
    flex-basis: 33.3%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;  }
.popupzone_wrap h2 {
    font-size: 20px;
    height: 50px;
    line-height: 40px;padding-top: 10px;
    padding-left: 20px;
    display: inline-block;    font-family: 'NanumSquareB';box-sizing: border-box;
    font-weight: bold;
} 
.main_slide{width:100%  }
	.main_slide > ul > li a {display:block; height:428px;}
	.main_slide > ul li a img, .main_slide > ul li > img {/*height:100%;*/   }
	.main_slide .con_ctrl {position:absolute; right:10px;top:10px;z-index:10;  }
	.main_slide .con_ctrl > span {display:block; float:left; height:30px; padding:0 20px; color:#000; font-size:14px; font-family:arial; line-height:30px;  font-weight:bold; }
	.main_slide .con_ctrl > button,.main_slide .con_ctrl > a{display:block; float:left; width:27px; height:30px; background: url(/img/main/pop_arr.png) no-repeat; color:#fff;border: 0px; text-indent:-9999px; line-height:30px;   }
	.main_slide .con_ctrl > button.pop_prev {background-position:0px 0px; }
	.main_slide .con_ctrl > button.pop_stop {background-position:-120px 0px; }
	.main_slide .con_ctrl > button.pop_play {background-position:-120px 0px; }
	.main_slide .con_ctrl > button.pop_next {background-position:-93px 0px;}

 
/* 테블릿 세로 해상도 */
@media all and (max-width:1319px) {
	.popupzone_wrap	{  width:100%;}
	.main_slide{ width:100%;     }
	/*.main_slide > ul > li a { height:auto;}*/
}

/* 테블릿 세로 해상도 */
@media all and (max-width:800px) {
	.popupzone_wrap	{ width:100%;     }	
/*	h3.pop_tt { display: none}
	.main_slide{border-radius: 0px;box-shadow: none; width:100%; height:auto;  top:auto; right: none;left: 50%;transform: translateX(-50%);position:relative; z-index:0; }
	.main_slide > ul > li a {height:auto;}
	.main_slide > ul li a img, .main_slide > ul li > img {   width:100%;height:auto;  }*/
		
/*	.main_slide .con_ctrl { right:0px; top:auto; bottom: 0px; }
	.main_slide .con_ctrl > span {  background:#ee6856; color:#fff;  padding:0 10px; margin-left: 1px; border-radius:5px;  }
	.main_slide .con_ctrl > button,.main_slide .con_ctrl > a{  background:rgba(255, 255, 255, 0.6) url(/img/main/pop_arr.png) no-repeat ; border-radius:5px;   margin-left: 1px; }
 
	.main_slide .con_ctrl > button.pop_prev {background-position:-3px 0px; }
		.main_slide .con_ctrl > button.pop_stop {background-position:-120px 0px; }
		.main_slide .con_ctrl > button.pop_play {background-position:-120px 0px; }
		.main_slide .con_ctrl > button.pop_next {background-position:-95px 0px;}*/
}

	/* 테블릿 세로 해상도 */
/*	@media all and (max-width:500px) {
		.popupzone_wrap	{ float: none;  }	
}
*/
 
@media all and (max-width:998px) {
	 
		.popupzone_wrap	{ display: inline-block;  margin-bottom: 20px!important  }	
		.main_slide > ul > li a {display:block; height:auto;}
	.main_slide > ul li a img, .main_slide > ul li > img {/*height:100%;*/ width:100%;  height:100%;display: inline-block}
.visual_img img{width: 100%!important;  }
}
/*-----------------------------------------------------------------------------------------------------------
메인_사진
-----------------------------------------------------------------------------------------------------------*/

 .basic_btn {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/img/main/ico_more.png) no-repeat 0 center;
    font-size: 15px;
    padding-left: 20px;
}


/*** Main Visual ***/
#mainVisual { position:relative; height: 615px;}
#mainVisual .swiper-container{width: 100%; height: 100%;}
#mainVisual .swiper-wrapper .slide01{background:url(/img/main/main_visual01.jpg) no-repeat center 0;}
#mainVisual .swiper-wrapper .slide02{background:url(/img/main/main_visual01.jpg) no-repeat center 0;}
#mainVisual .swiper-wrapper .slide03{background:url(/img/main/main_visual01.jpg) no-repeat center 0;}
#mainVisual .swiper-pagination{width: 100%; text-align: center; bottom: 148px; z-index: 9 !important;}

/*** Main Contents ***/
#mainContents h2{font-size: 24px; line-height: 130%; font-family: 'NanumSquareB'; font-weight:500; }
#mainContents .m_quick_menu{position: absolute; width: 100%; top: -225px; z-index: 9;}
#mainContents .quick_list{display: flex; justify-content: space-between; height: 144px; padding: 20px 30px; background: url(/img/main/bg_quick.png);}
#mainContents .quick_list li{flex-basis: 12.5%; text-align: center;}
#mainContents .quick_list li p{ margin-top: 12px; font-family: 'NanumSquareB'; letter-spacing: -0.05em; font-size: 17px;}
#mainContents .quick_list li a:hover{text-decoration: underline;}

#mainContents .m_content{padding: 45px 0 55px;box-sizing: border-box; }
#mainContents .m_cont_top,
#mainContents .m_cont_bottom {display: flex; justify-content: space-between;}
#mainContents .m_news{ width: 66.6%; display: flex;box-sizing: border-box; }
#mainContents .m_news .news_title{width: 275px;height: 484px; padding: 30px; background: #00b6bd url(/img/main/bg_news.png) no-repeat 90% bottom; border-radius: 10px; overflow: hidden; color: #fff;box-sizing: border-box; }
#mainContents .m_news .news_title p{font-size: 24px; line-height: 130%;}
#mainContents .m_news .news_title span{display: block;font-size: 24px; line-height: 130%;}
#mainContents .m_news .news_title h2{font-size: 46px; font-weight: 500;}
#mainContents .m_news .news_wrap{position: relative; width: calc(100% - 345px); margin: 0 35px 0 25px;}
#mainContents .m_news .news_wrap .tab_style{height: 50px; line-height: 50px; border-bottom: 1px solid #ddd;}
#mainContents .m_news .news_wrap .tab_style a{ display: inline-block; height: 50px; line-height: 50px; font-size: 19px; padding:0 15px; color: #888;font-weight: 400; }
#mainContents .m_news .news_wrap .tab_style a.on{border-bottom: 2px solid #00b6bd; color: #00b6bd; font-family: 'NanumSquareB';font-weight: 500;  }
#mainContents .m_news .news_list{height: 434px;width: 100%;display: inline-block;box-sizing: border-box;/*display: flex; justify-content: space-between;*/ padding: 30px 15px; border-bottom: 2px solid #222;}
#mainContents .m_news .news_list .news_item{/*flex-basis: 48%;*/ width: 48%;margin: 1% 1% 30px 1%;box-sizing: border-box;float: left;}
#mainContents .m_news .news_list .news_item .tit{font-size: 20px;line-height: 30px; min-height: 100px; margin-bottom: 20px; font-family: 'NanumSquareB'; word-wrap:break-word; font-weight: 400;}
#mainContents .m_news .news_list .news_item .txt{margin: 22px 0 20px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
#mainContents .m_news .news_list .news_item .date{font-size: 14px; color: #888;}
#mainContents .m_news .news_list .news_item a:hover .tit{text-decoration: underline;}
#mainContents .m_news .news_list .basic_btn{top:12px;}

.m_popup_zone{position: relative; flex-basis: 33.3%; display: block; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.m_popup_zone h2{font-size: 20px!important;padding-top: 10px; height: 50px; line-height: 40px; padding-left: 20px; display: inline-block;box-sizing: border-box}
.m_popup_zone .swiper-pagination{position: absolute; right: 15px; top:15px;}
.m_popup_zone .swiper-pagination .swiper-pagination-bullet{background: #ddd;}
.m_popup_zone .swiper-pagination .swiper-pagination-bullet-active{width: 12px; background: #00b6bd;}
.btn_popup{display: inline-block; font-size: 12px; border: 1px solid #ccc; margin-left: 8px; padding: 2px 5px 0px;}

.m_cont_bottom {width: 100%; margin-top: 55px;}
.m_left{flex-basis: 32%; margin-right: 35px;box-sizing: border-box;}
.m_left .m_reserv{width: 100%; height: 228px!important; border-radius: 10px; overflow: hidden;}
.m_left .m_reserv a{display: inline-block; width: 100%; height: 100%; background: #ffecd0 url(/img/main/bg_reserv.png) no-repeat right bottom; padding: 40px; background-size: auto 100%;box-sizing: border-box; }
.m_left .m_reserv a h2{font-size:32px!important; color: #ff7400; font-family: 'NanumSquare'; font-weight: normal; font-weight:400!important;}
.m_left .m_reserv a h2 strong{font-family: 'NanumSquareB'; display: block; font-weight:500!important;}
.m_left .m_reserv a p{width: 60%; margin-top: 15px; color: #444; font-size: 0.92em;}
.m_left .m_reserv:hover{box-shadow: 0px 5px 15px 0px rgba(2, 2, 2, 0.25);}
.m_left .m_reserv:hover h2{text-decoration: underline;}

.m_sns{display: flex; justify-content: space-between; margin-top: 30px;}
.m_sns h2{margin: 10px 30px 0 0;font-size: 24px; line-height: 130%; font-family: 'NanumSquareB'; font-weight: bold;color: #222}
.m_sns h2 span{display: block;font-size: 24px; line-height: 130%; font-family: 'NanumSquareB'; font-weight: bold;color: #222}
.m_sns .sns_link{display: flex;}
.m_sns .sns_link li{margin:0 10px;}
.m_sns .sns_link a{display: inline-block; text-align: center; margin: 0 15px;}
.m_sns .sns_link a p{margin-top: 12px;}


.m_gallery{ flex-basis: 66.6%;box-sizing: border-box; display: block; position: relative; background: #f4f6fa; padding: 35px 40px; border-radius: 10px; overflow: hidden;}
.m_gallery h2{margin-bottom: 20px;color: #222}
.m_gallery .gallery_list{display: flex; justify-content: space-between;}
.m_gallery .gallery_list .gallery_item{flex-basis: 30%;}
.m_gallery .gallery_list .gallery_item .thum{font-size: 17px; margin-top: 20px; font-family: 'NanumSquareB'; font-weight:400;}
.m_gallery .gallery_list .gallery_item .tit{font-size: 17px; margin-top: 20px; font-family: 'NanumSquareB'; font-weight:400;}
.m_gallery .gallery_list a:hover .tit{text-decoration: underline;}
.m_gallery .basic_btn{top: 40px; right: 40px;}

	 /*테블릿 세로 해상도  */
	@media all and (max-width:998px) {	
		#mainContents .m_news .news_title{width: 275px;height: auto;   }
.m_sns h2 span{            font-size: 18px;}
		 .m_left .m_reserv{width: 100%; height: auto!important;   }
.m_left .m_reserv a h2{font-size:20px!important;  }
.m_left .m_reserv a p{width: 100%;   font-size: 0.8em;}
		 
	}
@media screen and (max-width: 1400px) {
    .m_left .m_reserv a {
        padding: 30px;
    }
}

@media screen and (max-width: 640px) {
.m_left .m_reserv {
        height: auto;
    }
}
@media screen and (max-width:480px){
 .m_left .m_reserv a{padding: 20px; background-size: 32%;}
}
/*-----------------------------------------------------------------------------------------------------------
메인_대관현황
-----------------------------------------------------------------------------------------------------------*/
.main_rental{width: 451px; height: 429px;float: left;position: relative;display: inline-block;box-sizing: border-box;padding: 33px 30px; background:  rgba(11,31,51, 0.95); }
.main_rental p.tt{font-size: 26px; color: #fff;font-family: 'Busan';}
.main_rental p.day{font-size: 24px;line-height: 98px; color: #fff;font-family: 'S-CoreDream-5Medium'; text-align: center}
.main_rental p.more	{ top: 30px; right:40px; position:absolute; width:29px; height:29px;/* background:url(/img/main/more.png) no-repeat;*/font-size: 0px }

ul.txtbox{width:95%;height: 230px;padding-right: 5%; overflow-y: scroll; text-align: left}
ul.txtbox li.title{background: rgba(238, 238, 238, 0.14);color: #fff;padding: 10px;margin: 15px 0 10px ; font-family: 'S-CoreDream-5Medium'; font-size: 18px;}
ul.txtbox li.title:first-child{ margin: 0px 0 10px ;}

ul.txtbox li.list_1{position: relative;width:100%;color: #fff;padding: 5px 0;font-family: 'S-CoreDream-4Regular'; font-size: 15px;}
ul.txtbox li.list_1 span.btn1{width: 70px;border-radius: 4px; background: #d70b8c;color: #fff;display: inline-block;padding:3px 0px ;font-family: 'S-CoreDream-5Medium'; font-size: 14px;text-align: center;margin-right: 5px;}
ul.txtbox li.list_1 span.btn2{ width: 70px;border-radius: 4px;background: #317d07;color: #fff;display: inline-block;padding:3px 0px ;font-family: 'S-CoreDream-5Medium'; font-size: 14px;text-align: center;margin-right: 5px;}

	/* 테블릿 세로 해상도 */
	@media all and (max-width:1319px) {
	.main_rental{width:100%;     }	 
		
		
}
	/* 테블릿 세로 해상도 */
	@media all and (max-width:1190px) {
	.main_rental{ height: auto;   }	 
		
		
}
	/* 테블릿 세로 해상도 */
	@media all and (max-width:998px) {
	.main_rental p.tt{font-size: 21px;  }
.main_rental p.day{font-size: 21px;line-height: 58px;  }
 
ul.txtbox p{ padding:5px 10px;margin: 10px 0 10px ;  font-size: 16px;font-family: 'S-CoreDream-4Regular';}
		
		
}
/*-----------------------------------------------------------------------------------------------------------
메인아이콘
-----------------------------------------------------------------------------------------------------------*/
ul.main_bn{width: 228px; height: 206px;float: left;position: relative;display: inline-block;box-sizing: border-box;padding: 40px 30px;font-size:16px; color: #494949;background-position: right bottom; transition: all .6s;}

ul.main_bn li.tt{font-size: 24px; color: #000;font-family: 'Busan';}
ul.mbg2 li.tt{ color: #fff;  }
/*ul.mbg3 li.tt{ color: #fff;  }*/

ul.main_bn li.st{margin-top: 15px; font-size:16px;margin-bottom: 30px}
ul.main_bn li.btn{width: 28px; height:8px;background:url(/img/main/main_bn_off.png) no-repeat left 90% }
ul.mbg1 li.btn,
ul.mbg4 li.btn{ background:url(/img/main/main_bn_on.png) no-repeat left 90% }
ul.mbg3 li.btn{ background:url(/img/main/main_bn_on.png) no-repeat left 90% }

ul.mbg1{background:url(/img/main/bn_icon1.png) no-repeat 90% 90% rgba(255,255,255, 0.95); margin-right: 12px;margin-bottom: 16px;border: 1px solid #d70b8c}
ul.mbg2{background:url(/img/main/bn_icon2_on.png) no-repeat 90% 90% rgba(215,11,140, 0.95); margin-bottom: 16px;color: #fff!important;border: 1px solid #d70b8c}
ul.mbg3{background:url(/img/main/bn_icon5.png) no-repeat 90% 90% rgba(203,224,145, 0.95);color: #000 ; margin-right: 12px;border: 1px solid #cbe091}
ul.mbg4{background:url(/img/main/bn_icon4.png) no-repeat 90% 90%  rgba(255,255,255, 0.95);border: 1px solid #d70b8c }

 
ul.mbg1:hover{background:url(/img/main/bn_icon1_on.png) no-repeat 90% 90% rgba(215,11,140, 0.95); color: #fff; }
ul.mbg2:hover{background:url(/img/main/bn_icon2_on.png) no-repeat 90% 90% rgba(8,118,189, 0.95); color: #fff; border: 1px solid #0876bd}
ul.mbg3:hover{background:url(/img/main/bn_icon5_on.png) no-repeat 90% 90% rgba(215,11,140, 0.95); color: #fff;border: 1px solid #d70b8c }
ul.mbg4:hover{background:url(/img/main/bn_icon4_on.png) no-repeat 90% 90% rgba(215,11,140, 0.95); color: #fff; }


ul.main_bn:hover li.tt{ color: #fff; }
ul.main_bn:hover li.btn{ background:url(/img/main/main_bn_off.png) no-repeat left 90%  }

 	/* 테블릿 가로 해상도 */
	@media all and (max-width:1319px) {
 ul.main_bn{width: 48%; height: 206px;float: left;position: relative;display: inline-block;box-sizing: border-box;padding: 40px 30px;font-size:16px; color: #494949;background-position: right bottom; transition: all .6s;}

	}

 	/* 테블릿 가로 해상도 */
	@media all and (max-width:1190px) {

	}

/* 테블릿 세로 해상도 */
	@media all and (max-width:998px) {
	
		
}
	/* 테블릿 세로 해상도 */
	@media all and (max-width:800px) {
	 ul.main_bn{width: 48.7%; }
		
		
}
	/* 테블릿 세로 해상도 */
	@media all and (max-width:500px) {
	 ul.main_bn {width: 48%;  padding: 20px 4%; }
		ul.main_bn li.st {  font-size:15px; }
		ul.main_bn li.st br{ display: none}
}
/*--------------------------------------------------------------------
	메인-공지240801
---------------------------------------------------------------*/	
 
    .notice{   position:relative; width:100%; box-sizing:border-box; float:left; border-radius:  0 0 }
 	.notice_con a{width: 100%;  box-sizing: border-box; float: left; border-top: 0;/* margin-top: 20px; */ position: relative; }
 
 

    .tabs {  /*overflow: hidden; */ }
    .tabs a{width:170px; height: 58px; border: 1px solid #ddd;border-right: 1px solid #ddd; float:left; text-align: center; font-size: 18px; color:#2a2a2a; line-height: 58px; cursor: pointer; margin-right: 0px; background: #fff; font-family: 'S-CoreDream-5Medium';  } 
	.tabs a:first-child {  border-left: 1px solid #ddd;    } 
    .tabs a:hover {  color: #d70b8c;  }      
    .tabs a:first-child.current{    border-left: 1px solid #d70b8c;     }
	.tabs a.current {  background: #d70b8c; height: 58px; color:#fff; float:left; font-size: 19px; border: 1px solid #d70b8c; cursor: pointer;   }
 
    
    .tabs_con{width: 100%; height: 275px; float: left; border-top: 0; position: relative; }
 
    .tab-content{ display: none; width: 100%;  }    
    .tab-content.current{ display: inherit; float: left;}
	 

	.tab_menu_more			{top: -40px; right:0px; position:absolute; width:18px; height:18px; background:url(/img/main/more.png) no-repeat;font-size: 0px }
/*	.tab_menu_more img { text-align: center;vertical-align: middle;padding-top: 20px;  }*/

@media all and (max-width:1399px) {
 
	
.notice{   width:40%; } 
	
	/*.notice_new ul{width:70%;} */
ul.tabs li{width:30%;    } 
/*
.notice_new ul span.board_new2{ display: none}
	ul.board li .board_data	{ display: none}*/
}

@media all and (max-width:1160px) {
	.notice{   width:55%; } 
	.tabs a{width:40%;    } 
	/*.tabs a:nth-child(2){width:34%;    } */
	/*.notice_new ul span.board_new2{ display:block}*/
	
	.tab_menu_more			{   width:10%; }
}

	/* 테블릿 세로 해상도 */
	@media all and (max-width:998px) {
	.notice{    width:100%; margin: 0px 0% 50px; display: inline-block}
	.notice_con{  padding-top: 0px; display: inline-block;/*background: #fafafa; */}
	.tabs a{ font-size: 15px; letter-spacing: -1px;  } 
	.tabs a.current {  font-size: 15px;letter-spacing: -1px;    }
		
	.tabs_con{  height: auto;  }	
		
			.notice_con a{  margin-top: 0px;padding-top: 0px; }
 
		
		.tab_menu_more			{  border-radius: 0 0px 0 0;  }
	}
  
/*-----------------------------------------------------------------------------------------------------------
 공지사항
-----------------------------------------------------------------------------------------------------------*/
.board_box	{  position:relative; width:100%;     display: inline-block; }

h3.main_tt	{ position:relative;color:#000; font-size:30px; font-family: 'S-CoreDream-5Medium'; height: 65px; text-align: left}

.board{position:relative;margin:0px  0px; border-top:2px solid #000;  }		
.board a ul	{ width: 100%; height:60px;  padding:  25px 0 30px;  border-bottom:1px solid #dddddd; display: inline-block }
 
.board a ul li	{ width: 100%;  }
.board a ul li.txt{float:right; width: 82%; color:#222; text-overflow:ellipsis; overflow:hidden; font-size:19px; font-family: 'S-CoreDream-5Medium';line-height: 24px; }
.board a ul li.txt span{ text-align: left;margin-top: 6px; clear: both;color:#666666;   overflow:hidden; font-size:16px; line-height: 18px!important ; }
.board a ul li.txt img{ padding-bottom: 5px;  }
.board a ul li.day{float:left; width:15%; text-align:center; color: #414141; padding-top:5px; font-family: 'S-CoreDream-5Medium'; font-size: 15px; line-height: 24px;}
.board a ul li.day span{width:100%; text-align: center;color: #000; font-family: 'Busan'; font-size: 42px; line-height: 24px; }

.board a ul:hover li	{ color: #d70b8c; }
.board a ul:hover li.day span 	{color: #d70b8c }

.board_more	{ top: 20px; right:0px; position:absolute; width:18px; height:18px; background:url(/img/main/more.png) no-repeat;font-size: 0px }

 
@media all and (max-width:1080px) {

.board a ul	{  height:auto;  padding:  33px 0 22px;   }
	
}
 
@media all and (max-width:998px) {
	
	h3.main_tt	{ font-size: 24px;padding-bottom: 20px; height: auto;}
	.board_more	{ top:  10px;   }
	
	.board a ul li.day{  width:16%;  font-size: 0px; }
	.board a ul li.txt{ width: 80%; font-size:17px; line-height: 30px; }
	.board a ul li.txt span{ line-height: 21px!important; display: none}
 
}

 
 
/*-----------------------------------------------------------------------------------------------------------
포토갤러리
-----------------------------------------------------------------------------------------------------------*/

h3.gallery_tt		{position:relative;color:#000; font-size:30px; font-family: 'S-CoreDream-5Medium'; height: 65px;  text-align: left}
.gallery_box{position:relative; margin: 0px 0px; height: 340px;width: 100%;overflow: hidden;}
.gallery_box a ul li.txt{ height: 340px;width: 100%;display: inline-block}
.gallery_box a ul li.txt img{  height: 340px;width: 100%;}
.gallery_more	{ top: 20px; right:0px; position:absolute; width:18px; height:18px; background:url(/img/main/more.png) no-repeat;font-size: 0px }
 
.p_mask{ position:absolute; bottom: 0px; width:100%; height:60px ; line-height: 60px; padding-left: 5%;box-sizing: border-box; background:rgba(0, 0, 0, 0.9); color: #fff; font-size: 18px; text-align: left;z-index: 9;  }
	
/* 테블릿 세로 해상도 */
@media all and (max-width:1319px) {
.gallery_box{ position:relative; margin: 0px 0px; height: auto; }
	
}

@media all and (max-width:998px) {	
	
h3.gallery_tt		{  font-size: 24px; padding-bottom: 20px; height: auto;/*margin-bottom:  0px; */ }
.gallery_more	{ top: 10px;  }
.gallery_box{ height: auto; }
.gallery_box img{ height: auto; min-height: 244px;max-height: 344px; width: 100%; }
 
	}
 

/*-----------------------------------------------------------------------------------------------------------
애니메이션
-----------------------------------------------------------------------------------------------------------*/
 
 	[data-js="aos"] {
		position: relative;
		opacity: 0;
		top:30px;
	} 

/*-----------------------------------------------------------------------------------------------------------
배너
-----------------------------------------------------------------------------------------------------------*/
	/*.divWrap	{ background:#fff;  height:134px; }*/
 
	.nav		{margin-top:50px; width:50px; float:left;}
	.nav button{width:28px; height:28px; background:url(/img/common/com_img.png); border:1px solid #ddd; border-radius:50%}
	.nav button.prev{background-position: -10px -231px;}
	.nav button.next{background-position: -44px -231px;}
	.nav button.stop{background-position: -80px -231px;}
	/*.nav button.play{background-position: -115px -231px;}*/
	
	.nav button:hover{background:url(/img/common/com_img.png) #db2e9b; border:1px solid #db2e9b;}
	.nav button:hover.prev{background-position: -10px -259px;}
	.nav button:hover.next{background-position: -44px -259px;}
	.nav button:hover.stop{background-position: -80px -259px;}
	/*.nav button:hover.play{background-position: -115px -259px;}*/
		
	.nav2		{margin-top:50px; width:100px; float:right;}
	.nav2 button{width:28px; height:28px; background:url(/img/common/com_img.png); border:1px solid #ddd; border-radius:50%}
	.nav2 button.prev{background-position: -10px -231px;}
	.nav2 button.next{background-position: -44px -231px;}
	.nav2 button.stop{background-position: -80px -231px;}
	/*.nav button.play{background-position: -115px -231px;}*/
	
	.nav2 button:hover{background:url(/img/common/com_img.png) #db2e9b; border:1px solid #db2e9b;}
	.nav2 button:hover.prev{background-position: -10px -259px;}
	.nav2 button:hover.next{background-position: -44px -259px;}
	.nav2 button:hover.stop{background-position: -80px -259px;}


	.RollDiv{width:1260px; height:57px; float:left; margin-top:36px}  
	.RollDiv > div{/*overflow-x:hidden;*/height:57px;/*width:3014px*/}
	.RollDiv > div > a{ float:left; display:block;width: 181px;height:45px;border: 1px solid #ddd;background: #fff;padding: 5px;border-radius: 5px; margin: 0 8px;} 
	.RollDiv > div > a > img{width: 100%;  }
	
	 /*테블릿 세로 해상도  */
	@media all and (max-width:1319px) {	
		
		.nav{ display:none}
		.RollDiv{width:90%; float:none; margin:10px auto}  
	}		
	 /*테블릿 세로 해상도  */
	@media all and (max-width:998px) {	
		
		.divWrap{ display:none}
		 
	}

/*-----------------------------------------------------------------------------------------------------------
입주기관
-----------------------------------------------------------------------------------------------------------*/

h3.bd_tt		{ position:relative; text-align:center;  padding-top: 55px;margin-bottom: 30px; font-size: 30px; line-height: 48px; color: #fff;font-family: 'S-CoreDream-6Bold';}
 
.bd_more	{ top:70px; left:55%; position:absolute; width:17px; height:18px; background:url(/img/main/photo_more.png) no-repeat;font-size: 0px }
 
@media all and (max-width:998px) {	
	
h3.bd_tt		{  padding-top: 50px; font-size: 24px; line-height: 24px;margin-bottom:  0px; font-family: 'S-CoreDream-5Medium';}
h3.bd_tt br,
h3.bd_tt span{display: none}
.bd_more	{ top:40px; right:10px; position:absolute; width:39px; height:39px; background:url(/img/main/photo_more.png) no-repeat;background-position: -10px -10px ; border-radius: 50%}
	}
 

.section { position: relative; } 
.section4 { width: 100%;   } 
 
.section4 .inner {width:86%; /* max-width: 1320px;*/ padding: 0px 7%; margin: 0 auto; position: relative; } 
.section4 .slide {/* overflow: hidden; */ /*box-shadow: 8px 10px 8px 4px rgb(0,0,0, .2) */} 
.section4 .slide .item { float: left; /*width: 21.3%; */  } 

.section4 .slide .item a { display: inline-block; margin:20px 6%; width: 350px; height: 240px; position: relative;  background: #fff; text-align: center!important } 
 
.section4 .slide .item a p.tit { display: block;position: relative;   height: 71px ;line-height: 71px; padding:0 20px;  color: #1d1d1d; text-align: center; max-width: 100%; font-size: 18px; font-family: 'S-CoreDream-6Bold'; letter-spacing: -0.5px; transition:all 0.3s ease-out 0s; background: #f3f3f3}  
.section4 .slide .item a .new img { display: block; position: absolute; top:0%; left:0%;    font-size: 0px; width: 40px; height: 40px;  }
 
.section4 .slide .item a .more { display: block; position: absolute; top:50%; left:50%;transform: translate(-50% ,-50%);  color: #fff;text-align: center;width: 100%; height: 100%; opacity: 0; transition:all 0.5s ease-out 0s;background:rgba(215, 11, 140, 0.85)  ; z-index: 99}

.section4 .slide .item a .more:before,.section4 .slide .item a .more:after { display: block; content: ""; position: absolute; top:0px; left:0px;   } 

div.more p.tt {  padding:50px 30px 10px;font-size:24px;line-height: 30px;height: 70px; color: #fff;text-align: center;  font-family: 'S-CoreDream-5Medium';word-break: break-all;display: inline-block;}
div.more span.btn { margin-top: 25px; padding: 7px 20px; color: #fff;text-align: center;border: 1px solid #fff;font-family: 'S-CoreDream-5Medium';font-size:16px;  }
 
.section4 .slide .item a:hover .more,
.section4 .slide .item a:focus .more { opacity: 1; /*transform: translate(-50% ,-50%) rotate(0); */ }  
.section4 .slide .item a .square { /*width: calc(100% - 40px); height: calc(100% - 40px);*/ /*display:block; position: absolute; left:0px; right: 0; top: 0px; bottom: 0;*//*border: 1px solid #ddd *//* background: #db2e9b*/ } 
 

.section4 .slide .item a:hover{box-shadow: 1px 1px 8px 4px rgb(0,0,0, .1) ; /*border-bottom: 2px solid #ff2a00!important ;*/}
.section4 .control {/* margin-top: 0px; text-align: center; padding-bottom: 30px;*/display: none} 

.section4 .prev,
.section4 .next { position: absolute; top:45%; transform: translateY(-50%); width: 47px; height: 47px; border: 1px solid #fff; transition: all .3s; background: #fff;/* border-color: #878787;*/border-radius: 50% ;box-shadow: 1px 1px 4px 2px rgb(0,0,0, .1) } 
.section4 .prev:hover,.mvsual .prev:focus,
.section4 .next:hover,.mvsual .next:focus { border-color: #862f5e; background: #862f5e; } 
.section4 .prev:hover:before,.mvsual .prev:focus:before,
.section4 .next:hover:before,.mvsual .next:focus:before { border-color: #fff}
.section4 .prev:before,.mvsual .prev:before,
.section4 .next:before,.mvsual .next:before { border-color: #862f5e;}
.section4 .prev { left:2% } 
.section4 .next { right:2% } 

 
.section4 .prev:focus,
.section4 .next:focus{ outline:2px dashed #fff!important ;margin: 5px; border: 2px solid #000; /* z-index: 9999;border: 2px*/}

button.button {width: 36px;height: 36px;font-size: 0;vertical-align: top;position: relative;display: inline-block;z-index: 3;background: none}
button[data-control="play"] { display: none; }
button[data-control]:before,
button[data-control]:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
button[data-control="prev"]:before,
button[data-control="next"]:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width: 2px; border-style: solid; border-color: #333; transform: rotate(45deg); }
button[data-control="prev"]:before { right: -5px; border-width: 0 0 3px 3px; }
button[data-control="next"]:before { right: 5px; border-width: 3px 3px 0 0; }
button[data-control="prev"]:before,
button[data-control="next"]:before { width: 11px; height: 11px; border-color: #15989f; }
button[data-control="play"]:before { right: -3px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #15989f; border-style: solid; width: 0; height: 0; }
button[data-control="stop"]:before { width: 3px; height: 9px; box-shadow: -3px 0 #15989f, 3px 0 #15989f; }


.dot { display: inline-block; }
.slick-dots { display: inline-block; }
.slick-dots li { display: inline-block; height: 20px; margin: 0 5px; }
.slick-dots li button { display: inline-block; width: 10px!important; height: 12px;border-radius: 50%; font-size: 0; background: #c5ccce; vertical-align: bottom; }
.slick-dots li.slick-active button { background: #3cb247;}
 

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.slick-slide{float:right}
.slick-slide img{display:block;max-height: 244px;}
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/*.slick-slide img {display: block;width: 100%; }*/

/*테블릿 세로 해상도  */
/*@media all and (max-width:1425px) {	
	.section4 .prev { left:3% } 
.section4 .next { right:3% } 
}*/

/*테블릿 세로 해상도  */
/*@media all and (max-width:1445px) {	
.section4 .prev {  left:13% }
.section4 .next {  right:13% }
}*/

@media all and (max-width:1280px) {	
.section4 .slide .item a { width:90%;  height:  auto; } 	
.section4 .slide .item a img { width:100%;    } 
}
	
/*테블릿 세로 해상도  */
@media all and (max-width:998px) {	
.section4 .inner {  width: 96%; padding: 0px 2%;  } 
	
.section4 .prev { display: none!important;left:0px}
.section4 .next { display: none!important;right:0px}
 
	
.section4 .slide .item a {  height:  auto; } 	
/*.section4 .slide .item a span.tit { height: auto;padding: 20px 10px;  } */	
.section4 .slide .item a p.tit { display: block;position: relative;    line-height: 30px;height: auto;padding: 20px 10px;  color: #1d1d1d; text-align: center; max-width: 100%; font-size: 16px;  } 
	
	
.section4 .slide .item a .more { display: none;  }
	
}
 



 

.notice ul.list {
    position: relative;
   /* height: 209px;*/
}

.notice ul.list > li {
    float: left;
}

.notice ul.list > li > button {
    display: block;
    position: relative;
    /*width: 155px;
    box-sizing: border-box;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #d8d8d8;
    padding: 16px 0 17px;
    line-height: 20px;
    text-align: center;
    color: #5b5b5b;
    font-size: 18px;
    letter-spacing: -0.03em;
    transition-property: border-color, color, box-shadow;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;*/width:170px; height: 58px; border: 1px solid #ddd;border-right: 1px solid #ddd; float:left; text-align: center; font-size: 18px; color:#2a2a2a; line-height: 58px; cursor: pointer; margin-right: 0px; background: #fff; font-family: 'S-CoreDream-5Medium'; 
}

.notice ul.list > li:last-child > button {
    border-width: 1px;
}

.notice ul.list > li.active > button, .notice ul.list > li > button:hover, .notice ul.list > li > button:focus {
    /*border-color: #000;
    color: #222222;
    box-shadow: rgba(0, 0, 0, 0.09) 3px 4px 5px;*/
}

.notice ul.list > li > button:hover {
    text-decoration: none;background: #d70b8c; height: 58px; color:#fff; float:left; font-size: 19px; border: 1px solid #d70b8c; cursor: pointer;   
}

/*.notice ul.list > li.active + li > button, .notice ul.list > li:hover + li > button {
    border-left-color: #000;
}
*/
.notice ul.list .tabcontent {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%;background: #fff
} 

/* button.tabs {width:170px; height: 58px; border: 1px solid #ddd;border-right: 1px solid #ddd; float:left; text-align: center; font-size: 18px; color:#2a2a2a; line-height: 58px; cursor: pointer; margin-right: 0px; background: #fff; font-family: 'S-CoreDream-5Medium';  } 
 a.tabs:first-child {  border-left: 1px solid #ddd;    } 
 a.tabs:hover {  color: #d70b8c;  }      
 a.tabs:first-child.current{    border-left: 1px solid #d70b8c;     }
 a.tabs.current {  background: #d70b8c; height: 58px; color:#fff; float:left; font-size: 19px; border: 1px solid #d70b8c; cursor: pointer;   }*/

/*.notice ul.list > li button.current {  background: #d70b8c; height: 58px; color:#fff; float:left; font-size: 19px; border: 1px solid #d70b8c; cursor: pointer;   }*/
.notice ul.list li button.current {  background: #d70b8c; height: 58px; color:#fff; float:left; font-size: 19px; border: 1px solid #d70b8c; cursor: pointer;   }