@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap					{position:relative;width:100%; }
.main_visual				{margin:0 auto; background:#deeef8;min-height:430px;} 
.visual01					{background:url('../image/main/main01.jpg') no-repeat center;height:430px;background-size:cover;}
.visual02					{background:url('../image/main/main02.jpg') no-repeat center;height:430px;background-size:cover;}
.visual03					{background:url('../image/main/main03.jpg') no-repeat center;height:430px;background-size:cover;}
.main_txt					{position:absolute;width:100%;top:0;text-align:center; animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards; z-index:11;}
.main_txt .tit01				{padding:75px 0 10px 0;font-size:1em;color:#fff;letter-spacing:2px;text-transform: uppercase;}
.main_txt  .tit02				{color:#fff;font-size:2.5em;line-height:130%; letter-spacing:-3px; font-family:"S-CoreDream-2ExtraLight";}
.main_txt  .tit02 strong				{color:#fff; font-size:1.05em; font-family:"S-CoreDream-7ExtraBold";}
 
.main_txt  .btn					{display:inline-block; padding:38px 0 0 0;   }
.main_txt  .btn a				{display:block;color:#fff;background:rgba(0,0,0,0.65);font-family:"S-CoreDream-5Medium";  font-size:1.1em; letter-spacing:-1px;line-height:48px;width:200px;}

.main_bn					{position:relative; padding:40px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; text-align:center;}
.main_bn li								{ text-align:center;border-right:1px solid #ddd;box-sizing:border-box;} 
.main_bn li	 img							{width:50px;}
.main_bn li:last-child			{ border-right:0px solid #fff; } 
.main_bn li .txt						{font-size:1.05em;color:#373737;padding:15px 0 5px 0;letter-spacing:-1.5px;font-family:"S-CoreDream-5Medium";}
.main_bn li .txt	p					{display:none;font-size:0.78em;color:#999;padding:0 0 0 0;letter-spacing:-0.5px;font-family:"Noto Sans KR";font-weight:200;text-transform: uppercase;}

.main_news_wrap					{position:relative;overflow:hidden;padding:0 0 60px 0; }
.main_news							{float:left;position:relative;width:calc(100% - 420px); background:#f6f6f8; } 
.main_news_tab_title			{ overflow:hidden; }  /*  공지사항 탭버튼에 사용 */ 	
.main_news_tab_title p		{float:left;width:calc(50% - 25px); text-align:center;cursor:pointer;box-sizing:border-box;} 
.main_news_tab_title p a	{display:block;color:#626262;font-size:1.1em;letter-spacing:-1px; line-height:50px; border:1px solid #ddd;background:#f6f6f8;font-family:"S-CoreDream-3Light";}
.main_news_tab_title p a.on	{color:#fff; line-height:50px; background:#1476dd;border:1px solid #1476dd;font-family:"S-CoreDream-5Medium";}
.main_news_tab_title .btn_more	{float:left; display:block;text-align:center;width:50px;color:#626262;font-size:1.1em;letter-spacing:-1px; line-height:50px; border:1px solid #ddd;background:#f6f6f8;border-left:0px; }
 
.main_company					{position:relative;float:right;width:370px; padding:0 0 25px 0; background:url('../image/main/company_bg.png')   0 0 #e8f4fa;}
.main_company_tit			{font-size:1.3em;color:#222;padding:30px 0 25px 0;letter-spacing:-1.5px;font-family:"S-CoreDream-4Regular";text-align:center;}
.main_company ul			{position:relative;padding:0 55px;}
.main_company ul li			{padding:0 0 4px 50px;line-height:37px;font-size:1.1em;color:#797979;font-family:"S-CoreDream-4Regular";letter-spacing:-1.5px;overflow:hidden;}
.main_company ul li span			{float:right;font-size:0.9em;}
.main_company ul li span b			{font-size:1.55em;color:#1476dd;border-bottom:1px solid #1476dd;font-family:"S-CoreDream-8Heavy";}
.main_company ul li.icon01			{background:url('../image/main/company_icon01.png') no-repeat 0 0;}
.main_company ul li.icon02			{background:url('../image/main/company_icon02.png') no-repeat 0 0;}
.main_company ul li.icon03			{background:url('../image/main/company_icon03.png') no-repeat 0 0;}
.main_company ul li.icon04			{background:url('../image/main/company_icon04.png') no-repeat 0 0;}
.main_company ul li.icon05			{background:url('../image/main/company_icon05.png') no-repeat 0 0;}
.main_company_txt							{text-align:right;padding:0 40px 0 0;font-size:0.9em;color:#777;}


 

.main_photo_wrap			{position:relative; padding:60px 0; overflow:hidden; background:#f6f6f8;}
.main_photo_wrap:after						{position:absolute; top:0; left:0; content:''; display:block; width:100%; height:400px; background:url('../image/main/main_video_bg.jpg') no-repeat center 0; background-size:cover;}
.main_photo_tit						{position:relative; z-index:1;text-align:center;font-size:2em;color:#fff; letter-spacing:-1.5px;font-family:"S-CoreDream-6Bold";}
.main_photo_txt					{position:relative;text-align:center;font-size:1.1em;z-index:1;color:#fff;padding:20px 0 35px 0;letter-spacing:-1px;font-family:"Noto Sans KR";font-weight:100;}
.main_photo_tab					{position:relative;z-index:1;padding:35px 0 49px 0 ;text-align:center;}
.main_photo_tab a					{display:inline-block;color:#fff; width:130px;line-height:50px; font-size:1.1em;font-family:"S-CoreDream-4Regular";}
.main_photo_tab a.on				{ border:2px solid #fff;font-family:"S-CoreDream-5Medium";}

 .main_photo_btn					{  }
.main_photo_btn p				{position:absolute; top:42%; width:30px; height:30px; cursor:pointer;}
.main_photo_btn .prev		{position:absolute; left:-85px;  width:60px; height:60px; opacity:0.4; z-index:2200;  cursor:pointer;  border:1px solid #fff; }
.main_photo_btn .prev:after		{content:''; position:absolute; top:24px; right:21px; border:solid #fff; border-width:2px 2px 0 0;  padding:6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} 
.main_photo_btn .next		{position:absolute; right:-85px;  width:60px; height:60px; opacity:0.4; z-index:2200;  cursor:pointer;  border:1px solid #fff; }
.main_photo_btn .next:after		{content:''; position:absolute; top:24px; right:25px; border:solid #fff; border-width:2px 2px 0 0;  padding:6px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} 
.main_photo_btn .prev:hover, .main_photo_btn .next:hover 					{opacity:1;}




.main_goods_wrap				{position:relative;overflow:hidden;background:#f6f6f8;text-align:center;padding:0 0  50px 0;}
.main_goods_tit						{font-size:2em;color:#2c303c;padding-top:15px;letter-spacing:-1.5px;font-family:"S-CoreDream-2ExtraLight";}
.main_goods_tit strong						{ font-family:"S-CoreDream-6Bold";}
.main_goods_txt						{font-size:1.05em;color:#414141;padding:20px 0 35px 0;letter-spacing:-1px;font-family:"Noto Sans KR";font-weight:100;}
/*
.main_goods_wrap ul				{position:relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 20px;}
.main_goods_wrap ul li				{}
*/
/* grid 수정 */
.main_goods_wrap li					{float:left; width:calc(25% - 20px); margin:0 10px;}
.main_goods_wrap li:last-child			{margin:0;}
.goods_list_slider						{overflow:hidden; }

.main_goods_wrap figure					{overflow:hidden; height:240px;} 
.main_goods_wrap figure img				{width:100%; height:100%; object-fit:cover; transition: all 0.5s ease;} 
.main_goods_wrap li:hover figure img		{transform: scale(1.05);}
.main_goods_wrap dl						{  padding:20px 0;text-align:center;}
.main_goods_wrap dl dt					{ letter-spacing:-1px; color:#2868bb;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.main_goods_wrap dl dd					{font-size:1.2em;padding:10px 0 20px 0; color:#333;  font-weight:500; letter-spacing:-1px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }

 .main_goods_btn					{  }
.main_goods_btn p				{position:absolute; top:45%; width:30px; height:30px; cursor:pointer;}
.main_goods_btn .prev		{position:absolute; left:-100px;  width:60px; height:60px; opacity:0.4; z-index:2200;  cursor:pointer;  border:1px solid #aaa; }
.main_goods_btn .prev:after		{content:''; position:absolute; top:24px; right:21px; border:solid #000; border-width:2px 2px 0 0;  padding:6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}

.main_goods_btn .next		{position:absolute; right:-100px;  width:60px; height:60px; opacity:0.4; z-index:2200;  cursor:pointer;  border:1px solid #aaa; }
.main_goods_btn .next:after		{content:''; position:absolute; top:24px; right:25px; border:solid #000; border-width:2px 2px 0 0;  padding:6px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} 
.main_goods_btn .prev:hover, .main_goods_btn .next:hover 					{opacity:1;}




.main_bnlist				{position:relative;height:60px;margin:30px 0;}


.famsite							{position:relative; padding:35px 0;}
.famsite ul							{overflow:hidden; width:calc(100% - 60px); margin:0 auto; text-align:center}
.famsite ul li						{display:inline-block; margin:0 1px;line-height:60px;}
.famsite ul li img					{max-width:180px;}
.famsite .arrow p					{position:absolute; top:40%; width:30px; height:30px; cursor:pointer;overflow:hidden;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 3px 3px 0;  padding:5px; margin:10px 0 0 10px;}
.famsite .arrow span:hover			{border-color:#555;}
.famsite .prev						{left:0; transform: rotate(135deg);}
.famsite .next						{right:0; transform: rotate(-45deg);}
.famsite .slick-list				{padding:0;}


/* screen 1200 */
@media screen and (max-width:1200px) { 
.main_visual					{min-height:380px;} 
.visual01							{ height:380px; }
.main_txt .tit01				{padding:65px 0 10px 0;font-size:0.9em; }
.main_txt  .tit02				{color:#fff;font-size:2.4em;} 


.main_news_wrap					{position:relative;overflow:hidden;padding:0 10px 80px 10px; }
.main_company_tit			{font-size:1.2em;padding:35px 0 30px 0; }
.main_company ul			{position:relative;padding:0 30px;}


.main_photo_btn p				{  top:50%; }
.main_photo_btn .prev		{  left:0;   }
.main_photo_btn .next		{  right:0;    }
 
.main_goods_btn .prev		{ left:0;  }
.main_goods_btn .next		{ right:0;    }

}



/* screen 1024px */
@media screen and (max-width:1024px) {
   
.main_visual					{min-height:350px;} 
.visual01							{ height:350px; }
.main_txt .tit01				{padding:55px 0 10px 0;font-size:0.85em; }
.main_txt  .tit02				{color:#fff;font-size:2.3em;}
.main_txt  .btn					{display:inline-block; padding:35px 0 0 0;   }
.main_txt  .btn a				{font-size:1em;  line-height:45px;width:180px;}


.main_news_wrap					{ padding:0 10px 60px 10px; }
.main_news							{float:left;position:relative;width:calc(100% - 330px); background:#f6f6f8; }  
.main_company					{ width:300px;  }
.main_photo_wrap:after						{  height:376px;  }

.famsite									{display:none; }

}

/* screen 820px */
@media screen and (max-width:820px) {
    
 
 
.main_bn li img						{width:40%;}
.main_bn li .txt						{font-size:1.05em; }
.main_bn li .txt	p					{font-size:0.75; padding-top:0; }


 
.main_news_wrap					{ padding:0 12px 50px 12px; }
.main_news							{float:none; width:100%; height:390px;  background:#fff; }  
.main_company					{ float:none;width:100%; padding:0 0 25px 0;  } 



}



/* screen 600px */
@media screen and (max-width:600px) {
    
.main_visual					{min-height:320px;} 
.visual01							{ height:320px;background-size:auto 100%; }  
.main_txt .tit01				{padding:50px 0 10px 0;font-size:0.8em; }
.main_txt  .tit02				{color:#fff;font-size:1.9em;} 
.main_txt  .btn					{display:inline-block; padding:30px 0 0 0;   }
.main_txt  .btn a				{font-size:0.95em;  line-height:40px;width:160px;}

.main_bn								{ padding:45px 0;  }  
.main_bn li .txt						{font-size:1em;padding:15px 0 0 0; }
.main_bn li .txt	p					{font-size:0.7; }




}

/* screen 420px */
@media screen and (max-width:420px) {

.main_bn li .txt						{font-size:0.95em; }
.main_bn li .txt	p					{display:none;}

}