@charset "UTF-8";

@import	url(common.css);

/* Page	Title */



#sub				   {background:url('/common/img/common/sub_ct_bg.jpg') repeat-y; width:1000px; float:left; padding-bottom:40px;}
#article           {width:750px; float:left;}
#article .sub_vi_bg         {background:url('/common/img/common/sub_vi.jpg') no-repeat; width:750px; height:150px;}
#article .sub_vi_bg       .t   {color:#808080;  font:normal 13px "Malgun Gothic","돋움"; width:750px; height:30px; padding-top:70px;}
#article .sub_vi_bg       .t_   {color:#808080;  font:normal 13px "Malgun Gothic","돋움"; width:750px; height:27px; padding-top:70px;}
#article .sub_vi_bg       img  {vertical-align:-2px;   font:bold 35px "arial";}
#article .sub_vi_bg       .img  {font:bold 35px "arial";}
#article .sub_vi_bg       .guide_t  {color:#1f5fb5; font-weight:bold; }

.#article .sub_vi_bg       .img   {}


/* 메뉴 */

#sub_mn           {width:250px; float:left; margin-top:0px;  }

.mn_p           {width:207px;   float:left;  height:37px;}


.mn_p  a {
	display:inline-block;
	padding-top:5px;
	padding-left:7px;
	width:100%;
	height:100%;


	
}


.mn_p a:link	{ font:bold 13px "Malgun Gothic","arial";  text-decoration:none;  width:100%; height:100%; color:#666;}
.mn_p a:hover	{ font:bold 13px "Malgun Gothic","arial"; text-decoration:none;  background:url('/common/img/common/mn_ov_bg.jpg') no-repeat;   width:100%; height:100%;  color:#fff; }
.mn_p a:active	{ font:bold 13px "Malgun Gothic","arial"; text-decoration:none;  background:url('/common/img/common/mn_ov_bg.jpg') no-repeat;width:100%; height:100%;  color:#fff; }
.mn_p a:visited	{ font:bold 13px "Malgun Gothic","arial"; text-decoration:none; width:100%; height:100%;   }

.mn_p_ov           {width:207px; font:bold 13px "Malgun Gothic","arial";    float:left;  height:37px;}


.mn_p_ov  a {
	display:inline-block;
	padding-top:5px;
	padding-left:7px;
	width:100%;
	height:100%;

	}

.mn_p_ov a:link	{text-decoration:none; font:bold 13px "Malgun Gothic","arial";  background:url('/common/img/common/mn_ov_bg.jpg') no-repeat; width:100%; height:100%; color:#fff; }
.mn_p_ov a:hover	{text-decoration:none;  font:bold 13px "Malgun Gothic","arial";   background:url('/common/img/common/mn_ov_bg.jpg') no-repeat;   width:100%; height:100%;  color:#fff;}
.mn_p_ov a:active	{text-decoration:none; font:bold 13px "Malgun Gothic","arial";    background:url('/common/img/common/mn_ov_bg.jpg') no-repeat;width:100%; height:100%;  color:#fff;}
.mn_p_ov a:visited	{text-decoration:none; font:bold 13px "Malgun Gothic","arial";    background:url('/common/img/common/mn_ov_bg.jpg') no-repeat;  width:100%; height:100%;  color:#fff;}



.b_mn_p           {width:170px;   float:left; margin-bottom:10px;}


.b_mn_p  a {
	display:inline-block;
	padding-top:5px;
	padding-left:7px;
	width:100%;
	height:100%;



	
}


.b_mn_p a:link	{text-decoration:none; font:bold 16px "Malgun Gothic","arial";   width:100%; height:100%; color:#111; }
.b_mn_p a:hover	{ text-decoration:none; font:bold 16px "Malgun Gothic","arial";   width:100%; height:100%; color:#2c53b0;  }
.b_mn_p a:active	{ text-decoration:none; font:bold 16px "Malgun Gothic","arial";   width:100%; height:100%; color:#2c53b0; }
.b_mn_p a:visited	{ text-decoration:none; font:bold 16px "Malgun Gothic","arial";   width:100%; height:100%; color:#111;    }

 



.article_img  {float:left; margin-top:30px;}
#article_wrap  {float:left; margin-top:30px; margin-bottom:20px;}

.text_box_350     { font:normal 13px Malgun Gothic;  color:#444; float:left; width:350px; }
.text_box_480     { font:normal 13px Malgun Gothic;  color:#444; float:left; width:380px; }
.text_box_700     { font:normal 13px Malgun Gothic;  color:#444; float:left; width:700px;}
.text_box     { font:normal 13px Malgun Gothic;  color:#444; float:left; }

/*버튼*/


.btn_bg         {float:left; }

.btn_bg  a {
	display:inline-block;
   float:left; 
padding-top:2px;
padding-right:20px;
padding-left:20px;
padding-bottom:6px;	
}

.btn_bg a:link		{border:1px solid #ddd; font:bold 13px Malgun Gothic;   color:#777;  text-decoration:none;}
.btn_bg a:hover	    {border:1px solid #ddd;  font:bold 13px Malgun Gothic; color:#777;  text-decoration:none;}
.btn_bg a:active	    {border:1px solid #ddd; font:bold 13px Malgun Gothic; color:#777;  text-decoration:none;}
.btn_bg a:visited	      { border:1px solid #ddd; font:bold 13px Malgun Gothic;   color:#777;  text-decoration:none;}


.btn_bg2         {}

.btn_bg2  a {
display:inline-block;
padding-top:7px;
padding-right:40px;
padding-left:40px;
padding-bottom:10px;		
}

.btn_bg2 a:link		{background-color:#2fc6b8; font:bold 13px Malgun Gothic;   color:#fff;  text-decoration:none;}
.btn_bg2 a:hover	    {background-color:#2fc6b8; font:bold 13px Malgun Gothic; color:#fff;  text-decoration:none;}
.btn_bg2 a:active	    {background-color:#2fc6b8; font:bold 13px Malgun Gothic; color:#fff;  text-decoration:none;}
.btn_bg2 a:visited	      { background-color:#2fc6b8; font:bold 13px Malgun Gothic;   color:#fff;  text-decoration:none;}

.btn_bg3         {}

.btn_bg3  a {
display:inline-block;
padding-top:7px;
padding-right:40px;
padding-left:40px;
padding-bottom:10px;	
}

.btn_bg3 a:link		{background-color:#cd5884; font:bold 13px Malgun Gothic;   color:#fff;  text-decoration:none;}
.btn_bg3 a:hover	    {background-color:#cd5884; font:bold 13px Malgun Gothic; color:#fff;  text-decoration:none;}
.btn_bg3 a:active	    {background-color:#cd5884; font:bold 13px Malgun Gothic; color:#fff;  text-decoration:none;}
.btn_bg3 a:visited	      { background-color:#cd5884; font:bold 13px Malgun Gothic;   color:#fff;  text-decoration:none;}


.btn_bg4         {}

.btn_bg4  a {
display:inline-block;
padding-top:10px;
padding-right:50px;
padding-left:50px;
padding-bottom:13px;	
}

.btn_bg4 a:link		{background-color:#388dce; font:bold 13px Malgun Gothic;   color:#fff;  text-decoration:none;}
.btn_bg4 a:hover	    {background-color:#388dce; font:bold 13px Malgun Gothic; color:#fff;  text-decoration:none;}
.btn_bg4 a:active	    {background-color:#388dce; font:bold 13px Malgun Gothic; color:#fff;  text-decoration:none;}
.btn_bg4 a:visited	      { background-color:#388dce; font:bold 13px Malgun Gothic;   color:#fff;  text-decoration:none;}


/*회사연혁*/

.history_l        {width:750px; float:left;padding-top:15px; }
.history_l       ul   {float:left; width:350px;  text-align:right; font:normal 13px Malgun Gothic; color:#666; line-height:20px;}
.history_r        {width:750px; float:left;  padding-top:15px;}
.history_r       ul   {float:right; width:350px; font:normal 13px Malgun Gothic;  color:#666; line-height:20px;}


.history_data       {color:#454c5f; font-size:20px; font-weight:bold; line-height:30px;}

/*현황*/



#article_wrap  .list         {width:750px; float:left; }


#article_wrap  .list 					  td{font:normal 13px Malgun Gothic; height:24px; text-align:center; border-bottom:1px solid #ddd; 
                                          padding:5px; color:#747474;  }

#article_wrap  .list 					  th{font:bold 13px Malgun Gothic; height:24px; border-top:1px solid #044167; border-bottom:1px solid #ddd;  
                                          padding:5px; color:#333;  background-color:#f9f9f9; }



#article_wrap   .step            {width:144px; float:left; margin-top:10px; }
#article_wrap   .step        .step_n    {background-color:#2c53ae; border:1px solid #2c53ae; color:#fff; text-align:center; padding:5px 0px 7px 0px; font:bold 15px Malgun Gothic;}
#article_wrap   .step        .step_t    {background-color:#454c5f; border:1px solid #454c5f;color:#fff; text-align:center; padding:7px 0px 9px 0px; font:bold 13px Malgun Gothic;}
#article_wrap   .step        .step_p    {color:#333;  padding:7px; border:1px solid #ddd; border-top:none; text-align:center; font:normal 13px Malgun Gothic;}


#article_wrap  .btn_wrap  {width:750px; margin-top:40px; float:left; text-align:center;}

#article_wrap  .authentication  {width:100%; float:left;  display: flex;}
#article_wrap  .authentication  li  {width:32%; float:left; margin-bottom:20px; text-align:Center;  font:normal 14px Malgun Gothic; color:#333; margin-right:2%;}
 #article_wrap  .authentication  img {border:1px solid #ddd; width:100%; height:330px; margin-bottom:10px;}



#article_wrap  .product_t { float:left; width:100%;  padding-bottom:10px; margin-top:20px;
                             font:bold 19px "Malgun Gothic","arial";  color:#2c53ae; 
                             background-color:#fff;   }
#article_wrap  .product .r_line   {border-right:1px solid #dedede;}

#article_wrap  .product_img   {text-align:center; float:left;  width:170px; margin-right:17px;}

#article_wrap  .product    { float:left; border-top:1px solid #3a7ab8; }


#article_wrap  .product   th {padding:6px; text-align:center; font:bold 13px Malgun Gothic;  color:#444444;  
                               background-color:#f8f9fb; border-bottom:1px solid #dedede;}
#article_wrap  .product   td { padding:6px; font:normal 13px Malgun Gothic;  color:#666; line-height:18px; 
                               border-bottom:1px solid #dedede}


#article_wrap .product_b_img  {width:750px; text-align:center; border-top:1px solid #ddd; margin-top:30px;  padding-top:20px; float:left;}


#article_wrap   .logo   {width:170px; margin:0px 8px 20px 8px; float:left; text-align:center; font:normal 13px Malgun Gothic; line-height:30px;  }
#article_wrap   .logo  img {border:1px solid #ddd;}


.bg_tt   {background-color:#388dcf;   float:left; padding:3px; color:#fff;}


dl.basic {width:100%; float:left; }
dl.basic dt  { font:bold 16px Malgun Gothic; line-height:1em; background-color:#388dcf;   float:left; padding:10px 10px; margin-bottom:5px; color:#fff;}
dl.basic dd  { font:normal 13px Malgun Gothic; line-height:1.3em; width:100%; float:left; padding-top:3px;} 


.organization_wrap  {width:100%; float:left; margin-top:40px; background:url('/eng/img/company/organization_bg.jpg') no-repeat top center;}
.organization_wrap dl  {width:23%; display:inline-block;  vertical-align:top; margin-right:14px; font:normal 13px Malgun Gothic; color:#555;}
.organization_wrap dl:nth-child(4)  {float:right; margin-right:0px;}

 .organization_wrap dt  {width:100%; float:left;  padding:10px 5px; box-sizing:border-box; text-align:center; background-color:#1fb5a2; color:#fff; font-size:14px; font-weight:600;  }

.organization_wrap dd  {width:100%; float:left; padding:10px 5px; box-sizing:border-box; background-color:#f5f5f5;  border-bottom:1px solid #fff;  text-align:center;  }

.box_100  {width:100%; float:left;}

 .layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100100100100100100100;}
 .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 #3571B5; z-index: 999999;}	
 .pop-layer .pop-container {width:100%; float:left; padding: 20px 25px; box-sizing:border-box;}
 
	a.cbtn {display:inline-block; float:right; padding:3px 20px; border:1px solid #304a8a; background-color:#3f5a9d; font:normal 15px Malgun Gothic !important; color:#fff !important; line-height:1em; }	
 

 h3 {font:bold 21px Malgun Gothic;  }