@charset "UTF-8";

/* Page	Title */
 








#sub_vi  {width:100%; float:left; background-color:#e0e9f8; text-align:center; height:155px;}






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

.nav_top   {width:95%; float:left; background-color:rgba(91,120,212,.9); color:#fff;  padding-top:10px; 
            padding-bottom:10px;  padding-left:5%; color:#fff; font:normal 14px arial; line-height:20px; letter-spacing:0px; }
.nav_top  span  {  font-size:30px; font-weight:400; line-height:40px; color:#fff;  font-weight:600;  letter-spacing:-1px;   font-family:'나눔고딕',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif; } 

/*메뉴*/
.mn_p           {width:100%; font-size:13px; float:left; }


.mn_p  a {
	display:inline-block;
	 line-height:40px;
	padding-left:7px;
	width:100%;
	box-sizing:border-box;
 	border-bottom:1px dashed #ddd;

	
}


.mn_p a:link	{ background-color:#f9f9f9;  color:#333;}
.mn_p a:hover	{ background-color:#5b78d4;  color:#fff; font-weight:600; }
.mn_p a:active	{ background-color:#5b78d4;  color:#fff; font-weight:600;}
.mn_p a:visited	{background-color:#f9f9f9;  color:#333; }

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


.mn_p_ov  a {
	display:inline-block;
	 line-height:40px;
	padding-left:7px;
	width:100%;
	box-sizing:border-box;
  	border-bottom:1px dashed #ddd;


	}

.mn_p_ov a:link	{ background-color:#5b78d4;  color:#fff;  font-weight:600;}
.mn_p_ov a:hover	{ background-color:#5b78d4;  color:#fff; font-weight:600; }
.mn_p_ov a:active	{ background-color:#5b78d4;  color:#fff;font-weight:600; }
.mn_p_ov a:visited	{background-color:#5b78d4;  color:#fff;  font-weight:600;}

.s_mn  {padding-top:10px;padding-bottom:10px; width:100%; float:left; border-bottom:1px solid #ddd;}

.s_mn_p           {width:100%; font-size:13px; float:left; }


.s_mn_p  a {
	display:inline-block;
	 line-height:30px;
	padding-left:10px;
	width:100%;
	box-sizing:border-box;
 
	
}


.s_mn_p a:link	{ background-color:#fff;  color:#666;}
.s_mn_p a:hover	{ background-color:#fff;  color:#666; }
.s_mn_p a:active	{ background-color:#fff;  color:#666;}
.s_mn_p a:visited	{background-color:#fff;  color:#666; }

.s_mn_p_ov           {width:100%; font-size:13px;  float:left; }


.s_mn_p_ov  a {
	display:inline-block;
	 line-height:30px;
	padding-left:10px;
	width:100%;
	font-weight:600;
	box-sizing:border-box;
 

	}

.s_mn_p_ov a:link	{ background-color:#fff;  color:#3d64dd; }
.s_mn_p_ov a:hover	{ background-color:#fff;  color:#3d64dd; }
.s_mn_p_ov a:active	{ background-color:#fff;  color:#3d64dd; }
.s_mn_p_ov a:visited	{background-color:#fff;  color:#3d64dd; }




#article  {width:780px; float:right; margin-top:30px;  background-color:#fff; min-height:300px;}
#article  .guide  {width:100%; float:left; height:60px; border-bottom:1px solid #ddd;  margin-bottom:20px;  }
#article   .guide  .t1 {float:left;  font-size:27px; line-height:25px; font-weight:600; color:#111; }
#article   .guide  .t1 span {font-weight:400; color:#999; font-size:13px; line-height:13px;}
#article   .guide  .t2 {float:right;  font-size:12px; font-weight:400; color:#999; padding-top:35px;}
#article   .guide  .t2 span {font-weight:600; color:#3354b1;}
 






#article  .text_box_bg  {width:100%; float:left; background-color:#f6f8fd; border:1px solid #e0e9f8; color:#2e56d4; box-sizing:border-box;
                        border-radius:5px; font-size:14px; line-height:20px; padding:15px 10px 13px 10px;}





#article  .s_tt  { background:url('/common/img/common/s_tt_bg.png') no-repeat top left; padding-left:23px; height:30px; width:100%; 
                  float:left; font-size:17px; color:#111; line-height:18px; font-weight:600; box-sizing:border-box;}

#article  .s_tt2  {   height:30px; width:100%;   
                  float:left; font-size:20px; color:#333; line-height:20px; font-weight:600;}

#article  .s_tt3  {   width:100%; 
                  float:left; font-size:17px; color:#111; line-height:30px; font-weight:600; box-sizing:border-box;}
 
.box_100  {width:100%; float:left;}
.box_60  {width:60%; float:right;}
.box_50  {width:50%; float:left;}

.cooperator_wrap  {width:100%; float:left; }
.cooperator_wrap  .box  {width:190px; margin-right:4px; background-color:#ddd; float:left; border:1px solid #ddd;}
.cooperator_wrap  .box:nth(4)-child  {float:right; margin-right:0px;}
.cooperator_wrap .box  p  {width:100%; float:left; background-color:#111; color:#fff; text-align:center; font-size:14px; line-height:35px;}








.radius_box  {background-color:#2e56d4; font-size:17px; float:left; font-weight:600; color:#fff; line-height:30px; padding:0px 15px 0 15px; border-radius:20px;}
.no_bg  {background-color:#2e56d4; font-size:15px; float:left; font-weight:600; color:#fff; line-height:30px; width:30px; text-align:center;border-radius:5px;}
.no_bg2  {background-color:#fff; font-size:15px; float:left; font-weight:600; color:#5b78d4; line-height:30px; width:30px; text-align:center;border-radius:50%;}




.t_deco1  {font-size:18px; color:#111; font-weight:600; line-height:30px;}
.t_deco2  {font-size:13px; color:#6883d7;}






#article   .text_box  {font-size:14px; line-height:22px;   color:#555;  width:100%; float:left;}


#article   .text_box  strong {font-weight:600; font-size:18px; color:#111; line-height:30px;   }
#article   .text_box2  {font-size:10pt; line-height:22px; color:#555;  letter-spacing:-1px; width:100%; float:left; }
#article   .text_box2  span {font-size:16px; line-height:28px; color:#222; font-weight:600;  letter-spacing:-0.5px; }
 
.history_box  {width:70%; float:right; border-bottom:1px dashed #ddd; padding-top:5px; padding-bottom:5px;}
.history_box  table  {width:100%; float:left; }
.history_box td   {padding:5px;  background-color:#fff; }
 



  
.year  {vertical-align: top; text-align:left; font-size:16px; color:#3154ca; font-weight:600; width:15%; }
.mon  {vertical-align: top; text-align:left;  font-size:14px; color:#111; font-weight:600; width:10%;}
.text {vertical-align: top; text-align:left;  font-size:13px; color:#555; }



 


#article  .map_info  {position:relative; width:30%; float:right; background-color:rgba(0,0,0,0.7);  color:rgba(250,250,250,0.8); font-size:13px; 
          padding-top:50px; box-sizing:border-box; height:300px; line-height:22px; text-align:center; margin-top:-300px;}
#article  .map_info  span  {  font-weight:600; font-size:18px; line-height:50px; color:#fff;}





.info_box    {width:20%; float:left;  margin-right:7px; background-color:#5b78d4; 
              line-height:20px; padding:2%; border-radius:5px; text-align:center; }
.info_box:nth-child(4)    {float:right; margin-right:0px;}

.info_box .text  {font-size:14px; color:#fff; width:100%; float:left; text-align:center; margin-top:10px;}








.design_box  {width:230px; margin-right:20px; margin-top:10px; text-align:center; float:left;}
.design_box .one_bg {width:100%; line-height:40px; margin:0 auto; font-size:16px; color:#fff; background-color:#4f933c; text-align:center; border-radius:10px 0;
                   font-weight:600; }
.design_box .t_box  {width:100%; height:110px; border-radius:5px; border:1px solid #e5efe2; background-color:#f6f9f5; padding:7px; margin-top:10px;
                   box-sizing:border-box; font-size:10pt; color:#4f933c; line-height:23px; letter-spacing:-1px; }



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

#article  .history  {width:45%; float:left; margin-bottom:10px;}
#article  .history th {text-align:right;  font-size:18px; font-weight:600; color:#006db8; padding:6px; line-height:23px; vertical-align:top;} 
#article  .history td {text-align:right; font-size:14px; font-weight:400; color:#666; padding:6px; line-height:22px; vertical-align:top;}
#article  .history .date {font-size:16px;   font-weight:600; color:#111;  }
#article  .history .year  {color:#006db8; font-weight:800; font-size:25px;}

 
 
 #article  .bottom_border_wrap  {width:100%; float:left; padding-bottom:30px; border-bottom:1px solid #ddd;}


.product_total   {float:right; font-size:14px; color:#666; padding-top:10px;}

.textarea_check      {width:100%; float:left; margin-top:5px; background-color:#f9f9f9; border:1px solid #ddd; font-size:13px;  text-align:center; padding:10px 0 14px 0;}



.sitemap_box				{width:100%;  margin-bottom:20px; border:1px solid #5b78d4;   overflow:hidden; float:left; }
.sitemap_box .title				{width:100%;  background-color:#5b78d4; border-bottom:1px solid #ddd;  font-size:15px; font-weight:600; line-height:45px; overflow:hidden; 
                             float:left; text-align:center; color:#fff; } 
.sitemap_box li				{width:100%;  background-color:#fff; border-bottom:1px dashed #ddd;  font-size:13px;line-height:35px; overflow:hidden; 
                             float:left; text-align:center; color:#fff; } 
.sitemap_box li:last-child				{border-bottom:none; } 

.sitemap_box li a:link		{text-decoration:none; color:#5b78d4;  } 
.sitemap_box li a:hover		{text-decoration:none; color:#5b78d4; }
.sitemap_box li a:active	{text-decoration:none; color:#5b78d4;}
.sitemap_box li a:visited	{text-decoration:none;  color:#5b78d4;}
.sitemap_box .site_p  {background-color:#f1f1f1; }

.step  {width:100%; float:left; margin-top:10px;}
.step p  {width:130px; text-align:center; margin-bottom:10px; height:60px;  float:left; background-color:#50933a; padding:10px; box-sizing:border-box; font-size:10pt; color:#fff; line-height:20px; border-radius:5px;}
.step img  {float:left; margin:20px 10px 0 10px;}
.step span  {line-height:40px;}


#footer  {margin-top:50px; }