@charset "utf-8";

/*-----------------------------------------------------------------------------------------------------------
메인
-----------------------------------------------------------------------------------------------------------*/
#mainWrap	{ width:100%; position:relative;  }
	#mainWrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}	

	.f1_con_wrap			{ width:100%; margin:0 auto; position:relative; height:630px;background:url(/img/main/bg.png) center bottom;display: inline-block;padding-bottom: 60px;  }
 		.f1_con_ex_box1		{ width:100%;max-width: 80%; margin:40px auto 0}
		.f1_con_ex_box2		{width:1260px; position:relative;   margin:0 auto}
	.f1_con_ex_box2:before		{width:107px;height:107px; position:absolute; content:''; left:-20%;top:-54px; background:url(/img/main/bg1_2.png)no-repeat; }
	.f1_con_ex_box2:after		{width:28px;height:28px; position:absolute; content:''; right:-140px;top:194px; background:url(/img/main/bg2_2.png)no-repeat; }

	.f2_con_wrap			{ width:1260px; margin:65px auto 0;height:295px; clear:both;}
		.f2_con_ex_box1		{ width:325px;margin-right: 52px; float:left; position:relative;  }
		.f2_con_ex_box2		{  width:325px; float:left;position:relative;  }
		.f2_con_ex_box3		{  width:500px; float:right; position:relative;  }
		
	.f3_con_wrap			{ max-width:1260px;width:100%;  margin:75px auto 0;clear:both; height:237px;  }
	/*.f3_con_wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}*/
		/*.f3_con_ex_box1		{ max-width:1300px; width:100%; margin:0 auto;padding-top: 60px;}*/
		
	.f4_con_wrap			{ max-width:1260px; width:100%; margin:63px auto 52px;height:100px; clear:both;}
		

	.f5_con_wrap			{  width:100%;margin:0 auto;  clear:both; height:576px; background:url(/img/main/main_con_bg.jpg)  center top #f7f3f0; }
 		.f5_con_ex_box1		{ max-width:1260px; width:100%; margin:0 auto;padding-top: 25px;}

		
	.f6_con_wrap			{   width:100%; height:96px;border-top: 1px solid #ddd;margin:0 auto; clear:both;}
	.f6_con_wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
		.f6_con_ex_box1		{max-width:1260px; width:100%; margin:0 auto}
 
	#main_roll{}
	#main_roll:after{display:block; content:""; clear:both;}
	#main_roll .visual{float:left; width:100%;/*height: 600px;*//* height:auto;*/overflow: hidden}
	#main_roll .r_ban{float:right;}
	#main_roll .r_ban p{margin-bottom:20px;}
	#main_roll .r_ban p:last-child{margin-bottom:0;}
	
 
/*--------------------------------------------------------------------
	메인-버튼2개
---------------------------------------------------------------*/	
.main_btn_box{height: 138px; border: 1px solid #e1e1e1;}
.main_btn_box p{border-radius:50%;width: 90px; height: 90px;float: left;background:rgba(255, 255, 255, 0.2); margin: 25px 25px 0 25px}
ul.main_btn_bg1{   border-radius: 60px 20px 20px 20px; background: url(/img/main/btn_bg_01.png) no-repeat #fd7e95;transition: all 0.6s; }
ul.main_btn_bg2{margin-top: 15px; border-radius: 20px 20px 60px 20px; background: url(/img/main/btn_bg_02.png) no-repeat #535a9b;transition: all 0.6s;}
ul.main_btn_box li{/*float: left;*/padding-left: 120px;padding-top: 50px; color: #fff;  font-family: 'S-CoreDream-5Medium';font-size: 20px;letter-spacing: -0.5px}
ul.main_btn_box li span.st{  opacity: 0.5 ;padding-top: 20px; font-size: 16px;line-height: 30px}
 
ul.main_btn_bg1:hover{background: url(/img/main/btn_bg_01.png) no-repeat #2c95d9}
ul.main_btn_bg2:hover{background: url(/img/main/btn_bg_02.png) no-repeat #2c95d9}
/*--------------------------------------------------------------------
	메인-행사일정
---------------------------------------------------------------*/	

 
.board_day{ border: 1px solid #e1e1e1; border-radius: 20px 20px 0px 20px;height: 295px;}
.board_day p.tt{font-size: 21px;font-family: 'S-CoreDream-6Bold';padding: 20px 25px 10px;height: 32px } 
.board_day p span.day_y{font-size: 16px; font-weight: 500;margin-left: 115px } 
.board_day p span.day_m{font-size: 28px;  font-weight: 700; } 
	ul.day_list{background: #f4f4f4;height: 203px;width:273px; border-radius: 0px 0px 0px 20px;display: inline-block;padding: 10px 25px 20px;}
	ul.day_list li{border-bottom: 1px solid #fff;padding: 15px 0 }
	ul.day_list li:last-child{border-bottom: 0px solid #fff;  }
	ul.day_list li span.day_txt{border-radius: 50%;width: 40px; height: 30px;display: inline-block;background: #fff;font-size: 17px; font-weight: 500; color: #3f68b2;text-align: center;padding-top: 10px}
	ul.day_list li span.txt{color: #000;padding: 10px 0px 0 10px;color: #666666;font-size: 17px; font-weight: 400;}
.board_day_more{position:absolute; right:20px; top:20px;z-index:10;width: 29px; height:29px; background: #fff;}



	ul.day_list li span.tt	{    padding-top:5px; color:#333333; font-size:20px;height: 70px; line-height: 32px; font-weight:500;text-overflow:ellipsis; overflow:hidden;word-break: break-all;letter-spacing: -1px;display: inline-block;box-sizing: border-box;width: 100%}
	ul.day_list li span.st	{ letter-spacing: -1px;  padding-top:0px; color:#666666 ;height: 87px; text-overflow:ellipsis; overflow:hidden;   font-size:16px; font-weight:300;line-height: 24px; word-break: break-all;;display: inline-block;box-sizing: border-box;width: 100%}
	ul.day_list li span.day	{    color:#909090; text-overflow:ellipsis; overflow:hidden; text-align: right; padding-top:10px;font-size:14px; font-weight:300;line-height: 21px; ;display: inline-block;box-sizing: border-box;width: 100%}
/*--------------------------------------------------------------------
	메인-팝업
---------------------------------------------------------------*/	
 
	/* 알림 - 비쥬얼슬라이드 */
	.popupzone_wrap			{margin-top: -188px;z-index: 9; width:500px; height:480px; box-shadow:5px 5px 10px 0px #ddd;border:1px solid #ddd;border-radius:0px 20px 60px 20px; background:#fff; position:relative}
	.main_slide > ul > li a {display:block;}
	.main_slide > ul li a img, .main_slide > ul li > img {height:100%; border-radius:0px 20px 60px 20px; height:480px;}
	.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:30px; padding:0 10px; background:rgba(64, 102, 207, 0.8); color:#fff; font-size:14px; font-family:arial; line-height:30px; vertical-align:middle; font-weight:bold;}
	.main_slide .con_ctrl > button,.main_slide .con_ctrl > a{display:block; float:left; width:30px; height:30px; margin-left:1px; background:rgba(0, 0, 0, 0.8); background:rgba(0, 0, 0, 0.6) url(/img/main/con_ctrl.png) no-repeat; color:#fff; text-indent:-9999px; line-height:30px; vertical-align:middle;}
	.main_slide .con_ctrl > button.pop_prev {background-position:0 0;}
	.main_slide .con_ctrl > button.pop_stop {background-position:-30px 0;}
	.main_slide .con_ctrl > button.pop_play {background-position:-90px 0;}
	.main_slide .con_ctrl > button.pop_next {background-position:-60px 0;}
	
	
 

/*--------------------------------------------------------------------
	켄턴츠-공지사항 
---------------------------------------------------------------*/	
    .notice {  position: relative;/*float: left; */      }
 
	 
 
/* 공지사항 */	
	.board_wrap		{  position:relative;  width:1260px; }
	.board_tt		{  position: absolute;content: ""; top: 0px;left: -220px;         }
		h3.b_tt		{ position:relative;   color:#000;   font-size:30px; font-weight: 700; letter-spacing: -1px;   }
		h3.b_tt span		{ position:relative;   color:#1c86ca;   font-size:30px; font-weight: 700; letter-spacing: -1px;  }
	h3.b_tt:after{position:absolute;top:50px;left:0px;width:50px;height:3px;content:'';background:#000;}
 	.board_tt p.tt  {  font-size:19px; font-weight:500;  color:#212121 ;line-height : 36px; letter-spacing: -1px; }
 
	.board_tt p.b_more a		{ position:relative;float: left; display: inline-block;margin-top: 120px; width:80px; height:40px; border-radius: 20px;   background:#f4f4f4; font-size:13px; color: #68b2f1!important;line-height: 40px;padding:0 15px; font-weight:500; transition: all 0.6s; }
	.board_tt p.b_more a span.board_more2	{ /*top: 178px; left:-222px;*/  margin-left: 10px; position:absolute;  width:71px; height:31px;margin-top: 5px ;border-radius: 20px;transition: all 0.6s; z-index: 1  }
	.board_tt p.b_more:hover a span.board_more2 	{ margin-left: 20px;}
	.board_tt p.b_more:hover a		{  width:100px;   }

	.board_box		{float:left;    position:relative; display: inline-block;   }
	.board_box:last-child{margin-right:0px;}
 
 
 	 
	
	.board_box li{   padding:20px;width: 196px; height: 193px; margin-left: 18px;  position:relative;border: 2px solid #f4f4f4;border-radius: 10px;background:#f4f4f4;color:#333333; font-size:21px;line-height: 28px; word-break: break-all ;font-weight: 400;}
	.board_box li p.tt	{    padding-top:5px; color:#333333; font-size:20px;height: 60px; line-height: 32px; font-weight:500;text-overflow:ellipsis; overflow:hidden;word-break: break-all;letter-spacing: -1px}
	.board_box li p.st	{ letter-spacing: -1px;  padding-top:15px; color:#666666 ;height: 77px; text-overflow:ellipsis; overflow:hidden;   font-size:16px; font-weight:300;line-height: 24px; word-break: break-all;}
 	.board_box li p.day	{    color:#909090; text-overflow:ellipsis; overflow:hidden; text-align: right; padding-top:10px;font-size:14px; font-weight:300;line-height: 21px; }
 	.board_box p.new		{ top:0px;right: 0px;  position:absolute; width:18px; height:18px;  font-size:0;z-index: 8}

 
 
	
 	.board_box li:hover		{  background: #fff;border: 2px solid #6d6d6d; }	
 
    ul.tabs { position:relative;width:222px; float: left;margin-top: 120px ;z-index: 5   }
	
    ul.tabs li {position:relative; display: inline-block; height: 40px;padding-right:30px;  margin: 0 5px; border-radius: 25px;/* border: 1px solid #ddd;*/ text-align: center; font-size: 18px; color:#797979; line-height: 40px; cursor: pointer; font-weight: 500;/*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);  */} 
 	ul.tabs li:first-child:before {  position: absolute;
    top: 13px;
    right: -8px;
	width: 1px; height:16px;background: #acacac;margin:0 20px;
    content: " ";   
    display: block; z-index: -1}  

    ul.tabs li:hover { /* color: #fff;background: #d83b39 ; border: 1px solid #d83b39;*/  color:#000;   }      
	ul.tabs li.current { /* background: #d83b39 ; border: 1px solid #d83b39;   */   color:#000;    cursor: pointer;   }
    ul.tabs a{ display: none;}
    ul.tabs a.current { display: block;}
    
    .tabs_con{  position: relative;  width:1033px;  float:right; display: inline-block; }
    .tab-content{ display: none; width: 100%;  }    
    .tab-content.current{ display: inherit; float: left;}
	 
 
/*--------------------------------------------------------------------
	켄턴츠-포토갤러리
---------------------------------------------------------------*/	
	 
	.gallery_box	{ min-height:305px; position:relative; width:1260px; box-sizing:border-box; float:left;text-align: center}
	ul.board_photo		{ /*padding:20px 30px 0;*/ margin-top: 40px}
	ul.board_photo li	{ float:left; width:23.2%;height:305px; margin-right:2%; /*padding-bottom:.5px;*/ border:1px solid #ddd; background: #fff; }
	ul.board_photo li:last-child 	{margin-right:0;}
	ul.board_photo li img{ width:100%; height:200px ;box-sizing:border-box}
	ul.board_photo li p.tt	{ clear:both; padding:10px 20px; color:#000; word-break: break-all;height: 48px; font-size: 17px;line-height: 24px;font-weight: 400; text-align: left}
	ul.board_photo li p.txt	{ clear:both; padding:0px 20px;text-align: right;font-size: 14px;color: #8e8e8e;  }
	ul.board_photo li a{ color:#555}	
	h3.gallery_tt		 { color:#000; font-size:36px; position: relative; margin:20px 0 20px 0;  font-family: 'S-CoreDream-5Medium';padding-top:18px}
	p.gallery_st		 { color:#828282; font-size:16px; position: relative; margin:20px 0 30px 0;font-weight: 400;  padding-top:0px}
 	ul.board_photo li:hover	{   border:1px solid #f66d4b; /*background: #497136;*/box-shadow:4px 4px  4px #ddd;}
/*	ul.board_photo li:hover p.tt	{  color:#fff;  }
	ul.board_photo li:hover p.txt	{  color: #fff;opacity: 0.6  }*/
/*	ul.board_photo li:hover a{ color:#fff}	
*/
	 /*.photo_more	{   background:url(/img/main/g_more.png) no-repeat;  width:29px; height:29px; font-size:0; top:0px; right:0; position:absolute;  }*/


 	/*사업 바로가기 		
	ul.bs_txt	{position:relative;     height:360px; width:30%;  float: left}
	ul.bs_txt li	{ float:left; width:100%;  box-sizing:border-box; text-align: left}
	ul.bs_txt li.t1	{ color: #000;   font-size: 36px; font-weight: 700; margin-top: 10px;margin-left: 5px;}
	ul.bs_txt li.t2	{ color: #000;   font-size: 48px; font-weight: 700; margin-top: 10px; margin-left: 5px;}
	ul.bs_txt li.t3	{ color: #515151;font-size: 16px; font-weight: 500;line-height: 24px; margin-top: 70px; margin-left: 5px;letter-spacing: -0.5px}

	ul.bs_icon	{position:relative;    float:right; height:360px;  width:68%;  }
	ul.bs_icon li	{ float:left; width:30%;margin:0 1.6%; text-align:center;height:360px; box-sizing:border-box;background: #fff;border-radius: 10px;box-shadow:4px 4px 10px rgba(6, 6, 6, 0.2);font-family: 'S-CoreDream-5Medium';font-size: 24px;color: #000;padding-top: 45px;transition: all 0.6s;}
	ul.bs_icon li.tel	{ float:right; width:30%;margin:0 0%; text-align:center;  box-sizing:border-box;background: #ff7d1d;border-radius: 10px;color: #fff!important; }
	ul.bs_icon li.icon1 	{display:inline-block; vertical-align:middle; background:url(/img/main/icon_01.png) no-repeat #fff ;}
	ul.bs_icon li.icon2 	{display:inline-block; vertical-align:middle; background:url(/img/main/icon_02.png) no-repeat #fff; }
	ul.bs_icon li.tel span.icon	{display:inline-block;margin: 10px auto 20px; vertical-align:middle;background:url(/img/main/icon_03.png) no-repeat;}
	ul.bs_icon li span.btn{display:inline-block;width: 100px; height: 33px; background: #979797; border-radius: 10px; color: #fff;line-height: 33px;text-align: center;font-family: 'S-CoreDream-5Medium';font-size: 14px;margin-top: 30px}
	ul.bs_icon li:hover span.btn{  background: #ff7d09;  }
	ul.bs_icon li:hover	{ margin-top: -20px}

	ul.bs_icon li.tel p.tel1{color:#fff; font-size:33px; position: relative; text-align: center; font-weight:700; }
	ul.bs_icon li.tel p.tel2{color:#fff; font-size:14px; position: relative; text-align: left; font-weight:400;  margin:20px 0 10px 30px; }
	ul.bs_icon li.tel p.tel2 span.cl_1{display: inline-block;color:#fff;background:#1ab785;font-size:14px; width: 53px;height: 25px;line-height: 25px; border-radius: 2px; position: relative; text-align: center; font-weight:500; margin-top: 3px; margin-right: 7px;}
	ul.bs_icon li.tel p.tel2 span.cl_2{display: inline-block;color:#fff;background:#83c022; font-size:14px; width: 53px;height: 25px;line-height: 25px;border-radius: 2px;position: relative; text-align: center; font-weight:500;margin-top: 3px; margin-right: 7px; }
	*/
 
/*--------------------------------------------------------------------
	메인-버튼4개
---------------------------------------------------------------*/	
	ul.link_icon	{ clear:both;  height:100px;  width:1260px; margin:0 auto}
		ul.link_icon li	{ float:left; width:25%;  text-align:center;height:100px; box-sizing:border-box;border: 1px solid #dddddd;  background: #fff; transition: all 0.6s;}
		ul.link_icon li:nth-child(1),ul.link_icon li:nth-child(2),ul.link_icon li:nth-child(3)	{ border-right: 0px solid #dddddd; }
		ul.link_icon li a	{display:inline-block; vertical-align:middle;  width:90%; padding-top: 30px; padding-left: 30px;letter-spacing:-1px; line-height:30px;color:#000;font-size: 24px;text-align: left; font-weight: 500; }
		ul.link_icon li .icon	{display:inline-block; vertical-align:middle; width:60px; height:60px;margin-right: 32px;  overflow:hidden; 
		background:url(/img/main/bn_icon.png) no-repeat; transition: all 0.6s;float: left;margin-top: -10px}
		ul.link_icon li a.bn1 .icon	{background-position:0 0;}
		ul.link_icon li a.bn2 .icon	{background-position:-60px 0;}
		ul.link_icon li a.bn3 .icon	{background-position:-120px 0;}
		ul.link_icon li a.bn4 .icon	{background-position:-180px 0;}
 
		ul.link_icon li:hover	{ color:#fff; background: #ec1c5f}
		ul.link_icon li:hover a		{ color:#fff; }
 		ul.link_icon li:hover a.bn1 .icon	{background-position:0 -60px;}
		ul.link_icon li:hover a.bn2 .icon	{background-position:-60px -60px;}
		ul.link_icon li:hover a.bn3 .icon	{background-position:-120px -60px;}
		ul.link_icon li:hover a.bn4 .icon	{background-position:-180px -60px;}	
 
 
/*--------------------------------------------------------------------
	메인-배너
---------------------------------------------------------------*/	
 
	.divWrap	{ width:1260px;   height:42px;padding:27px  0 0;  }
	/*h3.bn_tt{width: 100px; font-family: 'S-CoreDream-6Bold';color: #000; font-size: 21px;line-height: 53px;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:1120px; height:42px;border:0px solid #ccc;overflow:hidden; float:left;  }  
	.RollDiv > div{overflow:hidden;height:42px;width:3014px}
	.RollDiv > div > a{ float:left; display:block;}  
	.RollDiv > div > a > img{ margin-right:20px;width: 150px;border:1px solid #e1e1e1;}
	
	.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;}