*   {margin:0px; padding:0px; font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif; }
body	{padding:0; margin:0; height:100% }
a			{selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img		{selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */
img         {border:0px;}
table  		{border-collapse:collapse;}
li {list-style:none}
 
 html  { width:100%; height:100%;   }

#main {height:100%; width:100%;   }
#sub {height:100%; width:100%;   }


.main_vi {width:100%; float:left;  height:910px; border-bottom:1px solid #ddd; margin-top:0px;}

#top {width:100%; min-width:1240px; background-color:#c3d69b;
 display:inline-block; position:relative;
padding:30px 0; box-sizing:border-box;
   z-index:99999999999999999999999999;
 border-bottom:1px solid #ddd;
 }

#top  p  {width:200px; float:left; margin-left:3%;}
#top  p  img {width:100%;}
#top ul {width:80%; float:right; position:absolute; bottom:30px; right:3%;  text-align:right;  }
#top  ul li {display:inline-block; font-size:18px; font-weight:500; line-height:30px; letter-spacing:1px; padding-left:50px;}
#top ul li a {color:#fff !important;}

#top div {width:80%; float:right; position:absolute; bottom:80px; right:3%;  text-align:right;  }
 

 

a.basic_btn {width:210px; line-height:56px; display:inline-block; background-color:#1a7bd7; color:#fff !important;  font-size:18px; border-radius:3px; font-weight:600; }

.wrap {width:100%; padding:50px 0 ; box-sizing:border-box; display:inline-block; min-width:1240px; 
 }

.wrap_bg1 { 
    
     }
 

section.company  {width:100%; margin-top:80px }
section.project  {width:100%;   }
section.product  {width:100%; }



 div.box_wrap {width:1240px; margin:0 auto; display:flex; justify-content :space-between }
 div.box_wrap .t_box {width:37%;  box-sizing:border-box; padding:0; }
 div.box_wrap .t_box h3 {font-size:25px; text-transform:uppercase ; font-weight:800; color:#333; width:100%;  }
 div.box_wrap .t_box p {font-size:17.5px; font-weight:300; color:#888; width:100%;  display:inline-block; margin:30px 0; }
 div.box_wrap .t_box span {width:30px; height:1px; background-color:#333; display:inline-block; margin-top:30px;}
 div.box_wrap .t_box a {font-size:13px; font-weight:400; color:#888 !important;  padding:0 40px; line-height:38px; border:1px solid #ddd;  display:inline-block; }

 div.box_wrap .img_box {width:60%; box-sizing:border-box;  }
 div.box_wrap .img_box img {width:100%}

h2.guide {width:1240px; margin:0 auto;    text-align:Center; margin-top:100px; font-size:40px; font-weight:700; color:#333; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; }


#sub section.company  {  margin-top:-20px; }

#sub  div.box_wrap {flex-wrap:wrap}
#sub div.box_wrap .t_box {width:100%; }
#sub div.box_wrap .img_box {width:100%; height:350px; overflow:hidden;}
#sub div.box_wrap .img_box  img {margin-top:-30px}
/**/

a.fixed_top {width:65px; line-height:65px; text-align:center;  background-color:#555;  color:#fff !important; border-radius:3px; font-size:15px; display:inline-block; position:fixed; bottom:10%; right:2%;}

footer {width:100%; margin-top:100px;  border-top:1px solid #ddd; padding-top:30px;  float:left; }
footer div {min-width:1240px; max-width:1400px; margin:0 auto;}
#sub footer div {width:1240px; margin:0 auto;}


footer div p {width:100%;  text-align:Center; float:left; font-size:14.5px; color:#777; line-height:1.5em; padding-top:10px}
footer div img {float:right;}
footer div p span {color:#999; font-size:0.9em}

.tab {width:100%; float:left; margin-top:30px;  }
.tab li {width:50%; float:left; text-align:center; line-height:50px; font-size:20px; background-color:#f9f9f9 }
.tab li.ov {background-color:#333;}
.tab li a {width:100%; display:inline-block; color:#333 !important}
.tab li.ov a {color:#fff !important}