@charset "UTF-8";

/* Page	Title */
 
#article  {width:750px; float:right; margin-top:10px; background:url('/common/img/common/article_bg.jpg') no-repeat top right; min-height:300px;}
#article  .guide  {width:100%; float:left; height:140px; margin-top:70px;}
#article   .guide  .t2 {float:left; width:100%; font-size:30px; padding-top:10px; font-weight:600; color:#111; }
#article   .guide  .t1 span {font-weight:600; color:#555;}
#article   .guide  .t1 {float:left; width:100%; font-size:13px; font-weight:400; color:#999; padding-top:20px;}
#article  .guide img  {padding-top:2px;}

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



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



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



.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; }


#article   .text_box  {font-size:14px; line-height:24px; font-weight:600; color:#555;  width:100%; float:left;}
#article   .text_box  span {   }
#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; }
/*#article   .text_box3  {background-color:#f7f7f7; border:1px solid #ddd;  border-radius:5px; padding:15px; box-sizing:border-box; font-size:15px; line-height:24px; font-weight:600;color:#333;  letter-spacing:-1px; width:100%; float:left; }*/
#article   .text_box3  {  font-size:10pt; line-height:22px; font-weight:400; color:#555;  letter-spacing:-1px; width:100%; float:left; }
#article   .text_box3 span {  font-size:17px; line-height:30px; font-weight:600; color:#333;  letter-spacing:-1px; width:100%; float:left; }
#article   .text_box4  {font-size:14px; line-height:24px; font-weight:600; color:#555;  width:100%; float:left;}

.border_box  {width:100%; float:left; padding-bottom:20px; 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:220px;  border:1px solid #4f933c;  margin-right:45px;   overflow:hidden; float:left; }
.sitemap_box p				{width:220px;  background-color:#fff; border-bottom:1px solid #ddd;  font-size:13px;line-height:35px; overflow:hidden; 
                             float:left; text-align:center; color:#fff; } 

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


.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; }