@charset "utf-8";

/*-----------------------------------------------------------------------------------------------------------
메인
-----------------------------------------------------------------------------------------------------------*/
#mainWrap	{ width:100%; position:relative;/* background:url(/img/main/main_bg.jpg)no-repeat top center #f5f5f5; */  }

	.f1_con_wrap		{width:100%; margin:0px auto; clear:both; position:relative; padding-top: 100px; }

	.f2_con_wrap		{width:100%; margin:0px auto; clear:both; position:relative; padding-top: 65px;  }
 
 	
 	.f3_con_wrap		{ width:100%; clear:both; position:relative; padding-top: 99px; min-height:645px;   }
	
	.f4_con_wrap		{ width:100%; clear:both; position:relative; padding-top: 97px; min-height:603px;background:url(/img/main/bg1.jpg)no-repeat top center   }
  	.f5_con_wrap			{ width:100%; clear:both; height:111px;  }
	.f5_con_wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
		.f5_con_ex_box1		{ max-width:1260px; width:100%; margin:0 auto}
		
		 
	.PC	{}	
	.mobile	{ display:none}
	
	
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1259px) {
	 /*	.f1_con_box1	{ ; }
		.f1_con_box2	{width:41%; }
		.f2_con_box1	{width:59%; }
		.f2_con_box2	{width:41%; } */
		.f2_con_wrap		{ min-height:0px; height:auto;  padding-top: 25px;  }
		.f3_con_wrap		{  padding-top: 20px; min-height:0;   }
			.con_box_1	{width:60%;  float: left  }
			.con_box_2	{width:38%;  float: right  }
		.f4_con_wrap		{width:100%;   height:auto; }
		
		.f5_con_wrap			{ width:100%; }
			.f5_con_ex_box1		{ max-width:none;width:96%; margin:0 auto}
	
 
	}
 

	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
		.PC		{ display:none}	
		.mobile	{ display: block}	
		
		.f1_con_wrap		{ padding-top: 0px; border-bottom: 0px solid #ddd;}
		.f4_con_wrap		{width:100%; min-height:0px;padding-top: 40px;padding-bottom: 40px; height:auto; }
		.con_box_1,.con_box_2	{width:100%;  float: left  }
 
		 .f5_con_wrap			{ display:none}
		/*.f2_con_box3	{width:86%;    float: left; margin: 20px 3%; border-radius: 10px; padding: 2% 4%;  height:auto;background: #eb7358;}*/
 
	}


/*-----------------------------------------------------------------------------------------------------------
메인슬라이드
-----------------------------------------------------------------------------------------------------------*/

/* 메인이미지 */	
	#main_roll{     }
	#main_roll:after{display:block; content:""; clear:both;}
	#main_roll .visual{float:left; width:100%; height:auto; overflow: hidden }
	#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:1259px) {
		#main_roll .visual{  width:100%;}

	}
	@media (max-width: 980px){
		#main_roll{  padding-top: 0px;  }
		#main_roll .visual{float: inherit; width:100%;}
		#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%;}

	}
	
 
 /*-----------------------------------------------------------------------------------------------------------
메인 팝업창
-----------------------------------------------------------------------------------------------------------*/
/* 팝업창 */	
	.popupzone_wrap	{  width: 400px; height:439px;float:right; position:relative;  }
		.main_slide > ul > li a {display:block; }
		.main_slide > ul li a img, .main_slide > ul li > img { width:100%; border-radius: 15px }
		.main_slide .con_ctrl {position:absolute; left:50%;transform: translateX(-50%);bottom:-1px;z-index:10;}
		.main_slide .con_ctrl > span {display:block; float:left; height:29px; padding:0 10px; color:#fff; font-size:14px;  line-height:29px; vertical-align:middle; font-weight:400;background: #91c846; text-align: center;}
		.main_slide .con_ctrl > button,.main_slide .con_ctrl > a{display:block; float:left; width:29px; height:29px; margin-left:1px; background:rgba(0, 0, 0, 0.6) url(/img/common/com_img.png) no-repeat; color:#fff; text-indent:-9999px; line-height:29px; vertical-align:middle;}
		.main_slide .con_ctrl > button.pop_prev {background-position:-10px -257px;}
		.main_slide .con_ctrl > button.pop_stop {background-position:-79px -257px;}
		.main_slide .con_ctrl > button.pop_play {background-position:-116px -257px;}
		.main_slide .con_ctrl > button.pop_next {background-position:-45px -257px;}
		
 

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

		.popupzone_wrap	{ max-width:none; width:92%; height:auto;margin: 4%; }	
		.main_slide > ul li a img, .main_slide > ul li > img { height:auto; }
}
 /*-----------------------------------------------------------------------------------------------------------
메인 컨텐츠
-----------------------------------------------------------------------------------------------------------*/

	ul.main_bn { position:relative; width:100%; margin:0 auto;  display: table}
 
	ul.main_bn li	{  display: table-cell}
 
 
/*바로가기  */
	ul.m_btn_bs li			{  width:100%;   }
	ul.m_btn_bs li div:before{position:absolute;top:210px;left: 0px;content: "" ; width:220px;  height: 23px ; border-radius: 50%;  margin:0 auto;transition: all 0.6s;  background: #f5f5f5;z-index: -1 }
	ul.m_btn_bs li div{position:relative; height:220px; width:220px;border: 1px solid #ddd; border-radius: 50%;margin:0 auto;transition: all 0.6s; background: #fff;}

	ul.m_btn_bs li p.main_bn_box	{ position:absolute; width:111px; height:111px; top:25px; left:50%; transform: translateX(-50%);   border-radius:50%;  transition: all 0.6s;text-align: center}
	ul.m_btn_bs li:hover div:before	{ top:220px;background: #f2fafc;  }
	ul.m_btn_bs li:hover div	{  margin-top:-20px; transition: all 0.6s;  border: 1px solid #00aeef; }
	ul.m_btn_bs li:hover p.main_bn_box	{   margin-top:5px;  }

	ul.m_btn_bs li p.tt			{   clear:both; padding-top:155px; text-align:center; font-size:21px; line-height: 17px; font-family: 'S-CoreDream-5Medium'; color:#333; letter-spacing: -0.5px; font-stretch: condensed}
	 
	ul.m_btn_bs li:hover p.tt 	{ color:#000}

 

	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
	 
	ul.main_bn { display: block;width: 96%;margin: 0 2%; }
	ul.main_bn li	{float: left; display: inline-block;width:46%; margin: 2%; height:auto;  }
		
	ul.m_btn_bs li			{  display:  block;width:100%;  height:auto;  }
	ul.m_btn_bs li div:before	{display: none}
	ul.m_btn_bs li div	 {  position:relative;   height:170px; width:100%; border-radius: 10px;      }
 
	ul.m_btn_bs li p.main_bn_box	{ position:relative;   width:100%; height:auto; top:0px; left:0%; transform:none;   border-radius:0px;  transition: all 0.6s;text-align: center;display: inline-block}
 	ul.m_btn_bs li:hover div:before	{display: none}
	ul.m_btn_bs li:hover div	{   margin-top:0px;}
	ul.m_btn_bs li:hover p.main_bn_box	{   }

		
	ul.m_btn_bs li p.tt			{    padding-top:5px;padding-bottom:25px;  font-size:16px; }
 
	
}
 /*-----------------------------------------------------------------------------------------------------------
메인_뉴스
-----------------------------------------------------------------------------------------------------------*/
    .notice {  position: relative;float: left;     width:806px;height:439px; border: 1px solid #ddd;border-radius: 15px;}
 
	.board_wrap		{  position:relative; width:100%; margin: 0 auto;  padding-top: 20px;}
 
	.board_box		{  position:relative; width: 96%;margin: 0 2%;    float:left; border-bottom: 1px solid #f4f4f6; background:url(/img/main/more.png) no-repeat 98% 50%;  transition: all 0.6s; }
	.board_box_none{border-bottom:0px;}
/*	.board_point:before  {
    position: absolute;
    top: -25px;
    left: 40px;
	width: 27px;height: 25px;
    content: " ";  background:url(/img/main/notice_bg.png) no-repeat;
    display: block;
    z-index: -1;transition: all 0.6s; 
}*/
	 
	.board_box:hover		{     background:url(/img/main/more_on.png) no-repeat 98% 50%; }	
	/*.board_box:hover:before { top: 0px;left: 10px;}*/
 
	
	.board_box li{   padding:20px 0px ; height: 70px ; }
	.board_box li.day	{ float: left;width: 14%;padding-right: 2%; text-align: center;color:#000;  letter-spacing:0px;  font-size:16px; font-weight:300;line-height: 21px; }
	.board_box li.day span	{   font-size:46px;line-height: 46px; color:#000;font-weight:700;display: inline-block;}
	.board_box li.txt	{ float: left; width: 77%; }
	.board_box li.txt p.tt	{ float: left; width: 100%; color:#333; font-size:19px;/*height: 60px;*/ line-height:37px; font-weight:500;text-overflow:ellipsis; overflow:hidden;word-break: break-all;}
	.board_box li.txt p.st	{ float: left; width: 100%;   padding-top:5px; color:#666666; text-overflow:ellipsis; overflow:hidden;   font-size:16.5px; font-weight:300;line-height: 26px; word-break: break-all;}
 	 
 
/*	.tab_board_more	{ top:-68px; left:120px; position:absolute; width:32px; height:32px;  background:url(/img/main/more.jpg) no-repeat; font-size:0}
	.tab_board_more2 { top:-68px; left:90px; position:absolute; width:32px; height:32px;  background:url(/img/main/more.jpg) no-repeat; font-size:0}*/
	
 

    ul.tabs { position:relative; margin: 0 auto  ;float: left; /*text-align:center;*/height: 69px;    background: #f5f5f5; border-radius: 15px 15px 0 0;width: 100%;display:table}
	
    ul.tabs li {position:relative; display:table-cell; width:50%; height: 69px;  text-align: center; font-size: 19px; color:#000; line-height: 69px; cursor: pointer;   font-weight: 500;border-bottom: 1px solid #ddd; } 
	ul.tabs li:nth-child(1) {  border-radius: 15px 0px 0 0; border-right:1px solid #ddd;}
	ul.tabs li:nth-child(2) {  border-radius: 0px 15px 0 0;  }
/*	ul.tabs:before {  position: absolute;
    top: 21px;
    right: 0px;
	width: 650px; height: 1px;background: #f5f5f5;
    content: " ";   
    display: block; z-index: -1} */

    ul.tabs li:hover {  color: #000;background: #fff; border-bottom: 1px solid #fff   }      
	ul.tabs li.current {  background: #fff ;     color:#000;    cursor: pointer; border-bottom: 1px solid #fff;  }
    ul.tabs a{ display: none;}
    ul.tabs a.current { display: block;}
    
    .tabs_con{width: 100%;   border-top: 0;  position: relative; }
    .tab-content{ display: none; width: 100%;  }    
    .tab-content.current{ display: inherit; float: left;}
	 
 

  /* 테블릿 세로 해상도 */
@media all and (max-width:1299px) {	
  .notice {  width:100%   ;}
	.board_wrap		{ width:100%; margin-top: 30px   }
		.board_box		{ width:30%; height:auto; }
	ul.tabs:before { display: none} 
}


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

 
	
	 /*공지사항*/ 
 	.board_wrap		{ width:100%;  height:auto; margin-top: 60px;margin-bottom: 10px;    }
/*	.board_tt		{   width:100%;    height:auto; }
		h3.b_tt		{ width:100%;  margin-top: 0px;  font-size:24px;  text-align: center; }
 */

	.board_box		{ width:100%; height:auto; margin-top: 4px;}
	.board_box:hover		{ width:100%; height:auto; }	
/*	.board_box.on		{ width:100%; height:auto;  }	*/
	
	.board_box li{   padding:28px 24px  ;   }
	.board_box li p.tt	{    color:#333; font-size:16px; line-height: 24px; height: auto; font-weight:500;text-overflow:ellipsis; overflow:hidden;   }
	.board_box li p.st	{  display: none}
 	 ul.tabs {  text-align: center;  }
	ul.tabs:before { display: none} 
	.tab_board_more,.tab_board_more2 { top:-35px; left:50%;   transform: translateX(-50%); }
	/*.tab_board_more	{ display: none}*/
/*	ul.news_box	   { width:47%;margin:20px 1% 0px; }*/
	
	/*ul.tabs li     {min-width:150px; } 
	
	.tab_menu_more { top:55px; left:50%; transform: translateX(-50%);  }
			*/
	}

 
 

	/* 테블릿 세로 해상도 */
	@media all and (max-width:1259px) {
 
/*	.board_box		{  width:100%;    }*/


}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
			
	/*	#mainWrap	{ padding-bottom:0}*/
/*모바일 공지사항*/
.board_box4		{   position:relative; width:100%;  box-sizing:border-box;   margin:0 auto ; margin-bottom: 20px;    }
h3.b_tt { color:#000; font-size:21px; font-family: 'S-CoreDream-6Bold';position:relative;   margin:0 auto ;  margin-top: 30px; width:100%; text-align: center;}
.nt_box		{  min-height:25px; max-width:80%;  margin:10px auto ;  background:#f4f4f4 ; text-align:left; padding:10px 20px ; color: #000; font-size: 16px; border-radius: 20px; line-height: 24px;font-weight: 400;word-break: break-all}
.nt_box p		{  min-height:20px;   text-align:right;  color: #555; font-size: 14px; line-height: 21px;padding-top: 0px; }

 
		
	}

 
 /*--------------------------------------------------------------------
	메인-포토갤러리
---------------------------------------------------------------*/	
	h3.board_tt		{ color:#000; font-size:36px;  position:relative; text-align: center; font-family: 'S-CoreDream-6Bold';margin-bottom:50px; }
 	h3.board_tt2		{ color:#000; font-size:36px;  position:relative; text-align: center; font-family: 'S-CoreDream-6Bold';margin-bottom:90px; }
	.photo_more	{top:160px;    left:48.5%; font-size:0px;   position:absolute; width: 42px;height: 42px;  border: 1px solid #ddd; border-radius: 50%; text-align: right;background:url(/img/main/p_more.png) no-repeat ;transition: all 0.6s;  }

	.photo_more:hover 	{    border: 1px solid #ddd; background:url(/img/main/p_more.png) no-repeat #fff; -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);  }

	ul.board_photo		{ position:relative;  width: 85%;  margin:0px auto;   box-sizing:border-box; }
	ul.board_photo li	{ position:relative;   width: 22.4%;margin: 0 1.1%; height: 350px;display: inline-block;/*display:table-cell; */border:1px solid #f7f3f0; vertical-align: top; border-radius: 10px;background: #fff; }
 
	ul.board_photo li img{ /*width: 100%; */height:240px; vertical-align: top;border-radius: 9px 9px 0 0; }
	ul.board_photo li p.tt	{ width:90%;margin: 24px auto 0px;  font-weight: 400; font-size: 19px; line-height: 36px; word-break: break-all; text-align: center}
	ul.board_photo li p.st	{ width:90%; margin: 0px auto ;  font-weight: 400; font-size: 14px; line-height: 24px; word-break: break-all; text-align: center;color: #8e8e8e;}
 
	ul.board_photo li a{ color:#000}	
	ul.board_photo li:hover{  clear:both;    font-weight: 400; border:1px solid #eb1459;box-shadow:2px 2px 5px rgba(0,0,0,.2);}	
	 
 
	ul.board_photo li p.new{top:0px; right:0px;  padding:0%;position:absolute; width:30px; height:30px; background: #ed7100; font-size: 16px ; font-weight: 700; color: #fff;text-align: center;border-radius: 0px 9px 0 0; }
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:1459px) {
 
	 	ul.board_photo		{ width:96%;  clear:both;box-sizing:none; margin-left: 2%; margin-right:2%;}
 
		
 
	}
	@media all and (max-width:1259px) {
 
	 	ul.board_photo		{ width:96%;  clear:both;box-sizing:none; margin-left: 2%; margin-right:2%;}
		ul.board_photo li	{ width:47%;margin-bottom: 20px }
		ul.board_photo li img{ width:100%;  }	 
		
 
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
	h3.board_tt			{ color:#000; font-size:21px;  position:relative; text-align: center;  }
	h3.board_tt2		{ color:#000; font-size:21px;  position:relative; text-align: center;   }
	.photo_more	{ top:40px; left:50%; transform: translateX(-50%);margin-left: 0;  width:43px; height:43px; background:url(/img/main/p_more.png) no-repeat;margin-top: 60px;  }
	ul.board_photo		{ width:92%; height:auto;clear:both;box-sizing:none; margin-left: 4%; margin-right:4%;  }
	ul.board_photo li	{ width:99%; height:auto;padding-bottom: 20px;}
	ul.board_photo li:nth-child(2),ul.board_photo li:nth-child(3),ul.board_photo li:nth-child(4)	{ display: none}
	/*ul.board_photo:nth-child(1) 	{ margin-left:0%; }
	ul.board_photo:nth-child(2) 	{display: none}	*/
		
	ul.board_photo li img { width:100%; height:auto}	
	ul.board_photo li p.tt	{   }
	}

 

 
 
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
			
 	h3.board_tt		{ display:none;}
 
	}

/*--------------------------------------------------------------------
	메인-배너
---------------------------------------------------------------*/	
 
	.divWrap	{ width:1260px;   height:44px;padding:35px 0 0;  }
	h3.bn_tt{width: 150px;  font-family: 'S-CoreDream-6Bold';color: #000; font-size: 18px;letter-spacing: -0.5px; line-height: 44px;text-align: left;float: left}
	.nav		{margin-top:7px;margin-left:15px; width:55px;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) #f66d4b; border:1px solid #f66d4b;}
	.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;}
		
	.RollDiv{width:960px; height:44px;border:0px solid #ccc;overflow:hidden; float:left;  }  
	.RollDiv > div{overflow:hidden;height:44px;width:3014px}
	.RollDiv > div > a{ float:left; display:block;}  
	.RollDiv > div > a > img{ margin-right:15px; vertical-align: top}
	
	.nav2		{margin-top:7px; width:45px;float:right;}
	.nav2 button{width:28px; height:28px; background:url(/img/common/com_img.png); border:1px solid #ddd; border-radius:50%}
	.nav2 button.next{background-position: -44px -231px;}

	.nav2 button:hover{background:url(/img/common/com_img.png) #f66d4b; border:1px solid #f66d4b;}
	.nav2 button:hover.next{background-position: -44px -259px;}		

	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {	
		
		.nav,.nav2{ display:none}
		.RollDiv{width:96%; float:none; margin:10px auto}  
	}