@charset "UTF-8";

/* Page	Title */
body { padding:0px; margin:0px;  }


 #wrap  {width:1200px; margin:0 auto;}


#aside      {width:200px; float:left; margin-top:40px;}

.nav_top   {width:95%; float:left; background-color:#4b4b4b; color:#fff; padding-top:30px; 
            padding-bottom:30px;  padding-left:5%; font-size:30px; font-weight:600; line-height:40px;}
.nav_top  span  {color:#d8f0ff; font:normal 14px arial; letter-spacing:0px; line-height:16px;  } 
.nav_top  .span1  {color:#d8f0ff; font:normal 14px arial; letter-spacing:0px; line-height:16px;  } 

.mn_p           {width:100%; font-size:14px; float:left; font-weight:600;}


.mn_p  a {
	display:inline-block;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:7px;
	width:100%;
	height:100%;
	
}


.mn_p a:link	{ background:url('/common/img/common/mn_bg.gif') no-repeat; width:200px; height:100%; color:#777;}
.mn_p a:hover	{font-weight:bold; background:url('/common/img/common/mn_ov_bg.gif') no-repeat;   width:200px; height:100%;  color:#fff; }
.mn_p a:active	{font-weight:bold; background:url('/common/img/common/mn_ov_bg.gif') no-repeat;width:200px; height:100%;  color:#fff; }
.mn_p a:visited	{background:url('/common/img/common/mn_bg.gif') no-repeat;  width:200px; height:100%;  color:#777;  }

.mn_p_ov           {width:100%; font-size:14px;  float:left; }


.mn_p_ov  a {
	display:inline-block;
	padding-top:13px;
	padding-bottom:15px;
	padding-left:7px;
	width:100%;
	height:100%;
	color:#fff;
	font-weight:bold;

	}

.mn_p_ov a:link	{ background:url('/common/img/common/mn_ov_bg.gif') no-repeat; width:200px; height:100%; color:#fff; }
.mn_p_ov a:hover	{ background:url('/common/img/common/mn_ov_bg.gif') no-repeat;   width:200px; height:100%;  color:#fff;}
.mn_p_ov a:active	{ background:url('/common/img/common/mn_ov_bg.gif') no-repeat;width:200px; height:100%;  color:#fff;}
.mn_p_ov a:visited	{background:url('/common/img/common/mn_ov_bg.gif') no-repeat;  width:200px; height:100%;  color:#fff;}


h2  {width:100%;  float:left; font-size:30px; color:#111; line-height:30px; margin:0px 0 10px 0;  font-weight:800;}


h3  { background:url('/common/img/sub/bl.png') no-repeat; background-position:2px; width:100%; padding-left:25px;
       -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
	     float:left; font-size:18px; color:#111; line-height:30px; margin:0px 0 10px 0;  font-weight:600;}


h4  {width:100%;  float:left; font-size:16px; color:#333; line-height:24px; margin:0px 0px 10px 0;  font-weight:600;}


  

#article  {width:900px; float:right; margin-top:40px; }
#article  .guide  {width:100%; float:left; height:50px; border-bottom:1px solid #ddd; margin-bottom:30px;}
#article   .guide  p {float:left; font-size:32px; font-weight:800; color:#111; letter-spacing:-2px;}
#article   .guide  span {float:right; font-size:13px; font-weight:400; color:#999; padding-top:22px;}
#article  .guide img  {padding-top:2px;}

.span1  {font-size:24px; color:#111; line-height:30px; font-weight:600;}
.span2  {font-size:16px; font-weight:600; color:#2db0d5; line-height:22px;}
.span3  {font-size:27px; font-weight:600; color:#fff; background-color:#90b921; line-height:44px; padding:2px;}
.span4  {font-size:13px; color:#555; line-height:20px; font-weight:600;}
 
.text_box  {width:100%; float:left; font-size:13.3px; line-height:21px; color:#555;}
.text_box  b  {font-size:15px; line-height:23px; color:#555; font-weight:600;}
.com_text_box  {width:100%; float:left; font-size:14px;  font-weight:500; line-height:22px; color:#555;}
.com_text_box  b  {font-size:15px; line-height:23px; color:#111; font-weight:600;}
.text_box2  {width:100%; float:left; font-size:13.3px; line-height:19px; color:#555;}
.border_text_box  {width:100%; float:left; font-size:16px;  font-weight:600; line-height:21px; color:#555; padding:15px; text-align:center; 
                      border:3px solid #ddd; 
                  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   }


.box_p_100  {width:100%; float:left;}
.box_p_450  {width:450px;}

.img_box  {width:45%;  float:left; border:1px solid #ddd; text-align:center;}
.img_box img  {}

.border_wrap  {border-bottom:1px dashed #ddd; padding-bottom:30px; float:left; width:100%;}

.s_tt  {width:100%; float:left; font-size:18px; color:red; line-height:30px; margin-bottom:10px; font-weight:600;}

.customer_logo  {width:100%; float:left;  margin-top:-1px;}
.customer_logo  p  {width:178px; border:1px solid #ddd;  float:left; margin-left:-1px;}
.customer_logo_h3  {margin-top:20px;}
 
.box_wrap  {width:100%; float:left; border:1px solid #ddd; }

.box1  {width:20%;  border-right:1px solid #ddd; float:left; height:210px;   text-align:center;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
		 padding:10px; font-size:13px; color:#777; line-height:18px;}


.box1:last-child {border-right:none;}

.box1  .img {width:100%; text-align:center }
.box1  .img img {width:70px; margin-bottom:5px;  }


.product_list  {width:100%; float:left;}
.product_list  .box  {width:270px; float:left;  }
.product_list  .box:nth-child(2)  {margin-left:50px;}
.product_list  .box:nth-child(3)  {  float:right;  }

.product_list  .box  img {  width:100%;  float:left;}
.product_list  .box  .img {height:270px;  }
.product_list  .box  .t1 {width:100%; float:left; font-size:22px; font-weight:800; line-height:50px; color:#333;}
.product_list  .box  .t2 {width:100%; float:left;  font-size:13px; line-height:19px;   color:#777;}
.product_list  .box .btn  {float:right; margin-top:10px;}
 

.more_btn         {float:left; 	
  padding-right:20px;
padding-left:20px;
 line-height:28px;
background:url('/common/img/common/btn_bg.jpg') repeat-x top center;
border-radius:3px;
font-weight:600;
border:1px solid #ddd;  font-size:12px;  color:#555; 
}

.more_btn  a {
display:inline-block;

}

.more_btn a:link		{ text-decoration:none;}
.more_btn a:hover	    { text-decoration:none;}
.more_btn a:active	    { text-decoration:none;}
.more_btn a:visited	      { text-decoration:none;}






.product_list2  {width:100%; float:left; padding-bottom:30px; border-bottom:1px solid #ddd; }
.product_list2:last-child  {border:none;  padding-bottom:0px;}
.product_list2  .box  {width:550px; float:right;   }
 .product_list2   img {float:left; width:300px; }
.product_list2  .box  .t1 {width:100%; float:left; font-size:15px; font-weight:600; margin-top:5px; line-height:21px; color:#333;}
.product_list2  .box  .t2 {width:100%; float:left;  font-size:13px; line-height:19px;   color:#555; margin-top:5px;}
.product_list2  .box  ul {width:100%; float:left; margin-top:15px;}
.product_list2  .box  li {list-style:disc; width:95%; margin-left:5%; float:left;  font-size:13px; line-height:19px; padding-bottom:5px;   color:#777;}
 
.view_img_wrap  {width:320px; float:left;}
.view_img_wrap .plus_btn  {float:right; position:relative; }
.view_img  {width:320px; margin-top:-40px;  text-align:center; float:left;}
.view_img img  {max-width:320px;}
.view_info_wrap  {width:550px;  float:right;  }
.view_info_wrap .text {width:100%;  float:left; font-size:13.3px; line-height:21px; margin-bottom:10px; color:#555; }
.view_info_wrap .text b {  font-size:16px; font-weight:600; line-height:27px; color:#333;}
.view_info_wrap  .right_t  {width:450px; float:right;}


.map_info  {width:260px; height:260px; float:right; font-size:13px; text-align:center; line-height:22px; color:rgba(250,250,250,.8); background-color:#333; padding:20px;}
.map_info  b  {font-size:16px; font-weight:600; line-height:30px; color:#fff;}

.step_box  {width:205px; float:left; margin-right:20px;}
.step_box   .img  {text-align:center;}
.step_box    .t1  {font-size:16px; font-weight:600; border:1px solid #cde3f3; background-color:#f2f8fc; box-sizing:border-box; line-height:40px;  width:100%; 
                   color:#333; float:left; text-align:center;}
.step_box    .t2  {font-size:13px; font-weight:400; line-height:20px; color:#555; margin-top:13px; width:100%; float:left; text-align:center;}
.step_box    .t3  {font-size:14px; font-weight:600; line-height:21px; color:#777; margin-top:0; width:100%; float:left; text-align:center;}


.step_box2  {width:205px; float:left; margin-right:20px;}
.step_box2    .t1  {font-size:16px; font-weight:600;  box-sizing:border-box; line-height:40px;  width:100%; 
                   color:#333; float:left; text-align:center;}
.step_box2    .t2  {font-size:13px; font-weight:400; line-height:20px; color:#555; margin-top:13px; width:100%; float:left; text-align:center;}
.step_box2    .t3  {font-size:14px; font-weight:600; line-height:21px; color:#777; margin-top:0; width:100%; float:left; text-align:center;}


.step_box2  .one  { text-align:center;  background:url('/common/img/sub/one_bg.png') no-repeat top center;width:100%; height:190px; }
.step_box2  .one  .t1  {font-size:18px; font-weight:600; border:none; line-height:30px; padding-top:40px; width:100%; float:left;}
.step_box2  .one  .t2  {font-size:13px; font-weight:400; line-height:20px; margin-top:0px; color:#555;}

 .color1  {color:#2db0d5;}


.nb_box    {width:240px; margin-right:20px; border:1px solid #2db0d5; float:left;  border-radius:0px 20px; box-shadow:2px 2px #ddd;   }
.nb_box  .number {font-size:20px; background-color:#2db0d5; width:50px;   font-weight:600;  line-height:50px;  color:#fff;  text-align:center; border-radius:0px 0 0px 20px; float:left;}
.nb_box   .t  {font-size:15px; width:70%; font-weight:600; float:right;  line-height:50px;  color:#2db0d5; }
 
.nb_box2    {width:70%;  border:1px solid #8fb922; float:left;  border-radius:0px 20px; box-shadow:2px 2px #ddd;   }
.nb_box2  .number {font-size:20px; background-color:#8fb922; width:50px;   font-weight:600;  line-height:50px;  color:#fff;  text-align:center; border-radius:0px 0 0px 20px; float:left;}
.nb_box2   .t  {font-size:15px; width:90%; font-weight:600; float:right;  line-height:50px;  color:#8fb922; }
 


.haf_box  {width:400px; float:left; margin-right:20px; border:1px solid #8fb922; height:150px;}

.haf_box    .t1  {font-size:17px; font-weight:600; background-color:#8fb922; color:#fff; line-height:40px;  width:100%; float:left; text-align:center;}
.haf_box    .t2  {font-size:13px; font-weight:400; line-height:20px; color:#555; margin-top:13px; width:100%; float:left; text-align:center;}

.haf_box2  {width:90%; float:left; margin-right:20px; border:1px solid #2db0d5;  border-right:none;}

.haf_box2    .title  {font-size:17px; font-weight:600; background-color:#2db0d5; color:#fff;   width:100%; float:left;  
                      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   padding:12px;}
 .haf_box2    .box  {width:50%; float:left; font-size:13.3px; font-weight:400; line-height:20px; color:#555;  padding:15px;
                                    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-right:1px solid #2db0d5;  }
 



 

/*팝업*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999999999999999999999999999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width:500px; height:auto;  background-color:#fff; border: 5px solid #2eb0d5; z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {  float:right; padding-top: 10px; padding-bottom:20px;   }