@charset "UTF-8";

/* Page Title */

body { width:100%; height:100%; padding:0px; margin:0px;   }
 
.sub_vi  {width:100%; float:left; background:url('/common/img/sub/sub_vi_bg.png') no-repeat top left; height:290px; }
 .sub_vi  img {margin-bottom:20px;}

 .sub_vi  .sub_vi_text  {width:100%; float:left;    margin-top:100px; text-align:center;  }
 .sub_vi  .line  {width:200px; height:4px;}


 
h2  {font-weight:600;  font-size:1.9em; line-height:1.2em;   margin:0px; padding-bottom:10px; color:#333;}
h3  {font-weight:600;  font-size:1.5em; line-height:1.3em;   margin:0px; padding-bottom:10px; color:#333;   }
h4  {font-weight:600;  font-size:1.3em; line-height:1.2em;   margin:0px; padding-bottom:10px; color:#333; width:100%; float:left; }


.bg_h  {background-color:#f9f9f9; border-top:1px solid #fcd704; color:#555; padding:1.1%; box-sizing:border-box; font-size:1.4em; }

 
#sub_wrap {width:100%; float:left; padding:70px 0;  background-color:#fff; }
#company2   { width:100%; float:left; border-top:1px solid #ddd;  }
#company3   { width:100%; float:left; border-top:1px solid #ddd;  }
#company4   { width:100%; float:left; border-top:1px solid #ddd;  }
#article  {width:1125px; margin:0 auto;  }

#article .guide  {width:300px;   float:left;  position:relative;}
#article .guide span  {  font-weight:600; font-size:1em; line-height:1.3em; color:#9c9c9c;}
#article .guide h2  {  font-weight:800;  font-size:2.2em; line-height:1.3em; padding:3px 0px;  margin:0px; color:#333; }
#article .guide img  { float:left; margin-bottom:2px; width:50px; height:4px;}

.content  {  width:100%; float:left;   margin-top:-75px; }
 #product  {  width:100%; float:left;  margin-top:10px;  }

.border_top  {border-top:1px solid #ddd;}
.bg_gray  {background-color:#f9f9f9; }
 .red  {color:red;}


.img_border  {border:1px solid #ddd;}


.box_100  {width:100% ! important; float:left;}
.box_20  {width:20% ! important; float:left;}
.box_30  {width:30% ! important; float:left;}
.box_33  {width:33.33333333% ! important; float:left;}
.box_40  {width:40% ! important; float:left;}
.box_45  {width:45% ! important; float:left;}
.box_50  {width:50% ! important; float:left;}
.box_60  {width:60% ! important; float:left;}
.box_70  {width:70% ! important; float:left; }
.box_80  {width:80% ! important; float:left;}

.box_border {width:100%; float:left; border:1px solid #ddd; padding:2%; box-sizing:border-box;}
 


.s_tt_line  {width:100%; float:left; font-size:1.4em; line-height:1em; color:#333; font-weight:600; padding-bottom:20px; letter-spacing:-1.5px;}
.s_tt_line  span  {   text-decoration:underline; color:#054f98;}
.text_box  {width:100%; float:left; font-size:0.95em; color:#666; line-height:1.6em;}
.text_box strong {  font-weight:600; font-size:1.1em; color:#333; line-height:1.8em;}
.span1  {width:100%; float:left; font-size:1em; color:#3b7cc2;  line-height:1.4em; font-weight:600; }


.top_line  {background:url('/common/img/sub/title_top_line_bg.png') no-repeat top left; padding-top:5px;}


/*연혁*/

 
table.history   {width:70%; float:right;  margin-top:-25px; }
table.history  tr   { border-bottom:1px solid #ddd;}
table.history  tr:last-child   { border-bottom:none;}
table.history  th   { padding:25px; text-align:left; width:20%; font-size:1.8em; font-weight:800; color:#787878;  }
table.history  th img  { width:70px; height:4px; }
table.history  td   {padding:25px;  vertical-align:middle; font-size:1em; line-height:1.6em;  color:#777; }
table.history  tr:last-child td  {padding-bottom:0px;}
table.history  tr:last-child th  {padding-bottom:0px;}
 
/**/

.ci_info {width:100%; float:left;}
.ci_info div {width:33.33333%; float:left;}
.ci_info dl   {width:70%; float:right;}
.ci_info dl dt   { font-weight:600;  font-size:1.1em;  line-height:1.5em; color:#333; }
.ci_info dl  dd   {padding:4px 0px; box-sizing:border-box;    font-size:0.95em; line-height:1.5em;  color:#777;  }

.ci_info .color_box  {width:50px;  float:left; height:50px;  }
 
.color1 {background-color:#015dad}
.color2 {background-color:#18afbd}
.color3 {background-color:#f04d2a}

 /**/
 .achievement_wrap  {width:100%; float:left; margin-top:40px;}
.achievement_wrap:first-child  { margin-top:0px; }

.achievement  {width:70%; float:right;}
.achievement li  {width:20%; float:left; margin-top:-1px; text-align:Center; font-size:1em; font-weight:600; line-height:1.3em}
.achievement li img  {width:100%; margin-bottom:5px;}
 
 
/*제품*/

.product_wrap  {width:100%; float:left; margin:20px 0px;  }
.product_wrap:last-child {margin-bottom:10px;  }
.product_wrap .product_box  {width:250px; float:left;   margin-right:40px}
.product_wrap .product_box:nth-child(4)  {float:right;  margin-right:0px;}
.product_wrap .product_box  .img  {width:100%; height:220px; float:left;   margin-bottom:20px;}
.product_wrap .product_box  .img  img {width:100%; } 
.product_wrap .product_box  .btn  {width:100%; float:left; margin-top:10px;  }

.product_wrap .product_box  .more_btn {float:right; position:relative; margin:10px; z-index:999999999999999999999999;}

.product_wrap .product_box  .t1   {width:100%;   float:left; font-size:1.3em; line-height:1.2em; font-weight:600; color:#333;}
.product_wrap .product_box  .t2   {width:100%; float:left; font-size:0.95em; color:#999;  line-height:1.2em; font-weight:600; padding-top:10px;}



/*사이트맵*/
.sitemap  {width:100%; float:left; margin-bottom:30px;}
.sitemap .sitemap_box  {width:19%; float:left;   margin-right:1%; border:1px solid #0e539d;}
.sitemap .sitemap_box:last-child {margin-right:0px;}
.sitemap .sitemap_box li {width:100%; float:left; line-height:2.5em; padding-left:10px; box-sizing:border-box; font-size:0.93em; color:red; border-bottom:1px solid #ddd; }
.sitemap .sitemap_box .title {  background-color:#0e539d; color:#fff; font-weight:600; font-size:1.1em;}

.sitemap .sitemap_box a:link		{text-decoration:none; color:#555;}
.sitemap .sitemap_box a:visited	{ text-decoration:none; color:#555;}
.sitemap .sitemap_box a:hover		{ text-decoration:none; color:#111;}
.sitemap .sitemap_box a:active	{text-decoration:none; color:#111;}



.down_bg  {width:100%; float:left; border:1px solid #ddd; padding:2% 2%; box-sizing:border-box;
                   /*background:url('/common/img/sub/down_bg.png') no-repeat top right; */
                   background-size:20%; 
                
				   background-color:#f9f9f9; }


.map  {width:100%; position:relative; float:right;  height:560px; background:url('/common/img/sub/map_img.png') no-repeat top center; }

.map  dl {width:360px;  background-color:#fff;  float:left;  position:absolute; }
.map  dt {font-size:1.4em; line-height:1.5em; color:#333; font-weight:600;  }
.map  dd {font-size:0.91em; line-height:1.6em; color:#777;  margin-top:7px; }


.partner_wrap  {width:100%; float:left; margin:10px 0;}
.partner_wrap:last-child  {margin-bottom:0px;}

.partner_box   {width:45%; float:left;}
.partner_box:nth-child(2)   {float:right;}
.partner_box img   { float:left;}
.partner_box  dl {width:280px;  background-color:#fff;  float:right;  }
.partner_box  dt {font-size:1.4em; line-height:1.5em; color:#333; font-weight:600;  }
.partner_box  dd {font-size:0.91em; line-height:1.4em; color:#777;  margin-top:7px; }