@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap					{position:relative; width:100%; height:300px; }
.main_visual_wrap			{height:450px; background:url("../image/main/main_img_bg.png") no-repeat center bottom #9dc814; }
.main_visual				{margin:0 auto; max-width:1100px; padding:0;} 
.main_visual img			{margin:0 auto; max-width:1100px; padding:0;} 

.main_cont_wrap				{padding:40px 0 0 0; height:100%; }
.main_bn					{float:left; width:52%; }
.main_bn01					{height:115px; border-bottom:1px solid #e7e7e7; }
.main_bn01 .icon			{float:left; margin:0 30px 0 0; padding:12px 20px; background:#efefef; border-radius:10px; }
.main_bn01 .title			{padding:8px 0 15px 0; color:#333; font-size:22px; font-weight:bold; }
.main_bn01 .title	span	{color:#ff8400; }
.main_bn01 .title	img		{line-height:20px;}
.main_bn01 .txt				{color:#888; word-break:keep-all; }
.main_bn02					{float:left; width:45%;}
.main_bn02 .title			{margin:25px 0 0 0; color:#333; font-size:16px; font-weight:bold; line-height:25px; }
.main_bn02 .txt				{color:#888; }
.main_bn02 .btn				{overflow:hidden; padding:10px 0;}
.main_bn02 .btn a			{float:left; width:45%; line-height:22px; border:1px solid #ddd; font-size:0.95em; color:#555; text-indent:20px; margin-right:8px; background:url('../image/main/main_bn02_arrow.png') no-repeat 10px 50%;}
.main_bn02 .btn a:hover		{border:1px solid #ddd; background:url('../image/main/main_bn02_arrow.png') no-repeat 10px 50% #f5f5f5;}
.main_bn03					{float:right; width:48%; background:url('../image/main/main_custumer.png') no-repeat right;}
.main_bn03 .title			{margin:25px 0 15px 0;  color:#333; font-size:16px; font-weight:bold;  }
.main_bn03 .no				{margin:0 0 7px 0;  color:#ff8400; font-size:25px; font-weight:bold; letter-spacing:-0.5px;}
.main_bn03 .txt				{color:#888; }

.main_news_wrap				{position:relative; overflow:hidden; float:right; width:42%; }
.main_news					{float:left;width:100%; height:220px; background:#fff;border:1px solid #ddd;}
.news_wrap					{padding:15px 20px 18px 20px; }
.main_news_tab_title		{width:100%;height:42px;border-bottom:1px solid #dadada;}  /*  공지사항 탭버튼에 사용 */ 	
.main_news_tab_title p		{float:left;font-size:14px;text-align:center;cursor:pointer;}
.main_news_tab_title p a	{display:block;color:#777;font-size:15px;padding:0 25px;line-height:38px;min-height:38px;border-top:3px solid #fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa;}
.main_news_tab_title p a.on	{color:#111;font-weight:bold;line-height:39px;min-height:39px;border-bottom:1px solid #fff;border-top:3px solid #9dc814; background:#fff;}
.main_news_tab_title .btn_more	{float:right; width:42px; height:42px; line-height:42px;}


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

#main_wrap					{position:relative; width:100%; height:100%; min-height:270px; }
.main_visual_wrap			{height:10%; background:#9dc814; }
.main_visual_wrap img		{width:90%; margin:0 auto; }
.main_cont_wrap				{height:100%; margin:0 20px 30px 20px;}
.main_news_wrap				{position:relative; overflow:hidden; float:right; width:42%; padding:0 0 40px 0; }
.main_bn02 .txt				{letter-spacing:-1px; }
.main_bn02 .btn a			{letter-spacing:-1px; }

}


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

.main_cont_wrap				{padding:30px 0 0 0;  }
.main_bn					{float:none; width:100%; }
.main_news_wrap				{float:none; width:100%; padding:20px 0 0 0; }

}


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

.main_bn02					{float:none; width:100%; padding:0 0 15px 0; border-bottom:1px solid #e7e7e7; }
.main_bn02 .title			{margin:20px 0 0 0;}
.main_bn02 .txt				{letter-spacing:0; }
.main_bn02 .btn a			{width:48%; letter-spacing:0; }
.main_bn02 .btn a:last-child	{float:right; margin:0; }
.main_bn03					{float:none; width:100%; background:url('../image/main/main_custumer.png') no-repeat top right;}

}


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

.main_bn01 .title			{padding:4px 0 12px 0; font-size:20px; }
.main_bn01 .txt				{font-size:12px; line-height:150%; letter-spacing:-1px; word-break:break-all; }
.main_bn01 .txt span		{display:none; }

}