@charset "utf-8"; 
 
 
  
/* 메인 디자인 관련  ===================================================================================== */
#main_wrap					{position:relative; width:100%; min-height:550px;  }
.visual_wrap				{margin:0 auto;background:#666;} 
.visual01					{height:800px; background:url('../image/main/visual01.jpg') no-repeat center; }
.visual02					{height:800px; background:url('../image/main/visual02.jpg') no-repeat center; }
.visual03					{height:800px; background:url('../image/main/visual03.jpg') no-repeat center; }
.main_txt					{position:absolute; top:200px; margin:0 auto; left:0; right:0; text-align:center;}
.main_txt	img				{width:500px; }

.main_contwrap				{width:100%; margin-top:-250px; }
.main_contwrap02			{width:100%; margin:0 0 60px 0; }
.main_contbox				{overflow:hidden; font-size:15px; }
.main_box_arr img			{margin:35px 0 0 0;}

.main_box01					{float:left; overflow:hidden; width:500px; height:250px; background:url('../image/main/main01_bg.png') no-repeat center #064a9a; }
.main_box01 a				{float:left; width:50%; height:68px; line-height:68px; text-indent:60px; color:#fff; background:url('../image/main/main01_icon.png') no-repeat left; }
.main_box01 a:first-child	{background:none; font-size:16px; text-indent:0;}
.main_box01 ul				{padding:25px 35px; }
.main_box02					{float:left; height:250px; width:250px; text-align:center; background:#fff; }
.main_box03					{float:left; height:250px; width:250px; text-align:center; background:url('../image/main/main03_bg_m.png') no-repeat center; }
.main_box04					{float:left; overflow:hidden; width:500px; height:250px; background:#fff; }
.main_box05					{float:left; height:250px; width:250px; text-align:center; background:url('../image/main/main05_bg.png') repeat center top; }
.main_box06					{float:left; height:250px; width:250px; text-align:center; background:#1d778f; }
.main_contbox .main_box_txt		{position:absolute; text-align:center; padding:0; color:#fff; bottom:25px; width:inherit;}
.main_contbox .main_box_txt span{color:#555;}

.main_news					{position:relative;float:left; width:84%; margin:8%;}
.main_news_tab				{float:left; margin:0 20px 15px 0; padding:0 0 5px 0; }
.main_news_tab a			{color:#d23f45; padding:0 0 5px 0; border-bottom:2px solid #d23f45; }
.main_news_tab a:hover		{color:#d23f45; padding:0 0 5px 0; border-bottom:2px solid #d23f45; }
.main_news_wrap				{padding:35px 0;overflow:hidden; }
.main_news_wrap .main_title	{font-size:16px;color:#343434;padding-bottom:13px;border-bottom:2px solid #33373e;}
.main_news_wrap .more		{float:right; font-size:12px;}
.main_news_wrap .more a		{color:#888;}



/* screen 1024 */
@media screen and (max-width:1024px) {

.visual01					{height:50%; background:url('../image/main/visual01.jpg') no-repeat 50% 15%; }
.visual02					{height:50%; background:url('../image/main/visual02.jpg') no-repeat 50% 15%; }
.visual03					{height:50%; background:url('../image/main/visual03.jpg') no-repeat 50% 15%; }
.main_txt	img				{width:50%; }

.main_contwrap				{margin-top:0px;}
.main_contwrap02			{margin:0; }

.main_box01					{width:100%; height:170px; padding:3%; }
.main_box01 a				{height:58px; line-height:58px; }
.main_box01 ul				{padding:0 2%; }
.main_box02					{width:50%; }
.main_box03					{width:50%; }
.main_box04					{width:100%; background:#f1f1f1; }
.main_box05					{width:50%; }
.main_box06					{width:50%; }

.main_news					{width:90%; margin:35px 5% 4% 5%;}
}



/* mobie screen 780 */
@media screen and (max-width:780px) {

.main_contwrap {margin-top:0px;}
.main_box_arr img			{width:30%; margin:5% 0 0 0;}

.main_box01 a:first-child	{font-size:14px;}

.main_news_wrap				{padding:20px 10px;}
.main_news_wrap .main_title	{font-size:1.1em;}
.main_news_wrap .more a		{font-size:0.9em;}
.la_news_list .list01 a		{font-size:1em;}

}


/* mobie screen 620 */
@media screen and (max-width:620px) {

.main_contbox .main_box_txt	{bottom:3%; font-size:14px;}

}


/* mobie screen 480 */
@media screen and (max-width:480px) {

.la_news_date				{display:none;}

}


/* mobie screen 320 */
@media screen and (max-width:320px) {

.main_box01 li				{font-size:13px; }
.main_box04					{font-size:13px; }
.main_contbox .main_box_txt	{font-size:12px;}

}
