@charset "UTF-8";

@import	url(common.css);

/* Page	Title */



h2, p {margin:0 ; padding:0;}


#wrap{width:1000px; margin:0 auto; min-width:1000px;}

#article         {width:1000px; float:left;  }     

#article   .sub_vi   {width:1000px;float:left; }   
.sub_vi{height:285px; margin-top:110px}  

.sub_bg{background:url('/common/img/common/sub_bg.jpg') no-repeat 50% 0; margin:0 auto; width:100%;overflow:hidden}
.top_bg{width:1000px; margin:0 auto;}
.sub_visual{background:url('/common/img/common/sub_visual01.jpg') no-repeat 50% 150px; height:350px }
.sub_visual02{background:url('/common/img/common/sub_visual02.jpg') no-repeat 50% 150px; height:350px }
.sub_visual03{background:url('/common/img/common/sub_visual03.jpg') no-repeat 50% 150px; height:350px }
.sub_visual04{background:url('/common/img/common/sub_visual04.jpg') no-repeat 50% 150px; height:350px }


.contents{width:750px; margin:0 0 0px 50px; float:left; font-family:"malgun gothic"; min-width:750px; }

 

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

#aside   .sub_mn_top   {width:200px; height:26px;  float:left; padding-bottom:15px; border-bottom:5px solid #5f5f5f;} 
#aside   .sub_mn_top img   {float:left; position:relative; left:15.5%} 

#aside   .sub_mn 

a {
	display:inline-block;
	width:180px;
	height:35px;
	margin-bottom:5px;
	padding:10px 0 0px 20px;
	font-family:"맑은 고딕","Malgun Gothic";
	float:left;
	
	
 }


#aside   .sub_mn  a:link	{ font-size:16px; text-decoration:none; color:#3c3c3c; } 
#aside   .sub_mn  a:hover	{font-weight:bold;  font-size:16px; text-decoration:none; color:#fff;  background-color:#989896;}
#aside   .sub_mn  a:active	{font-weight:bold;  font-size:16px; text-decoration:none; color:#fff; background-color:#989896;}






#aside   .sub_mn_ov   

a {
	display:inline-block;
	width:180px;
	height:35px;
	margin-bottom:5px;
	padding:10px 0 0px 20px;
	font-family:"맑은 고딕","Malgun Gothic";
	float:left;
	
 }


#aside   .sub_mn_ov    a:link		{font-weight:bold;  font-size:16px; text-decoration:none; color:#fff;  background-color:#989896; } 
#aside   .sub_mn_ov    a:hover		{font-weight:bold;  font-size:16px; text-decoration:none; color:#fff;  background-color:#989896; }
#aside   .sub_mn_ov    a:active	     {font-weight:bold;  font-size:16px; text-decoration:none; color:#fff;  background-color:#989896; }
#aside   .sub_mn_ov    a:visited	{font-weight:bold;  font-size:16px; text-decoration:none; color:#fff;  background-color:#989896; }



#aside   .sub_mn_bn    {width:200px; padding-top:10px;  float:left; }

#aside02     {width:100%;float:left; margin-bottom:20px;}

#aside02   .sub_mn_top   {height:26px;  float:left; padding-bottom:30px; border-bottom:5px solid #5f5f5f;} 
#aside02  .sub_mn_top img   {float:left; position:relative; left:50%} 

#aside02   .sub_mn 

a {
	display:inline-block;
	width:130px;
	height:35px;
	margin:0 10px 5px 0;
	padding-top:10px;
	font-family:"맑은 고딕","Malgun Gothic";
	float:left;
	text-align:center;

	
	
 }


#aside02   .sub_mn  a:link	{ font-size:16px; text-decoration:none; color:#c3c3c3; border-bottom: 5px solid #c3c3c3;} 
#aside02   .sub_mn  a:hover	{font-weight:bold;  font-size:16px; text-decoration:none; color:#989896;border-bottom: 5px solid #989896; }
#aside02   .sub_mn  a:active	{font-weight:bold;  font-size:16px; text-decoration:none; color:#999; border-bottom: 5px solid #999;}
#aside02   .sub_mn  a:visited	{font-size:16px; text-decoration:none; color:#c3c3c3; border-bottom: 5px solid #c3c3c3; }






#aside02   .sub_mn_ov   

a {
	display:inline-block;
	width:130px;
	height:35px;
	margin:0 10px 5px 0;
	padding-top:10px;
	font-family:"맑은 고딕","Malgun Gothic";
	float:left;
	text-align:center;
 }


#aside02   .sub_mn_ov    a:link		{font-weight:bold;  font-size:16px; text-decoration:none; color:#989896;  border-bottom: 5px solid #989896;} 
#aside02  .sub_mn_ov    a:hover		{font-weight:bold;  font-size:16px; text-decoration:none; color:#999;  border-bottom: 5px solid #999;}
#aside02   .sub_mn_ov    a:active	     {font-weight:bold;  font-size:16px; text-decoration:none; color:#999;  border-bottom: 5px solid #989896;}
#aside02   .sub_mn_ov    a:visited	{font-weight:bold;  font-size:16px; text-decoration:none; color:#999;  border-bottom: 5px solid #989896; }



#aside02   .sub_mn_bn    { padding-top:10px;  float:left; }







#article             {width:750px; float:left; margin:50px 0 0 50px; }


#article   .guide   {width:100%; float:left; height:50px; border-bottom:1px solid #e4e4e4; margin-bottom:40px; }
#article   .guide_img   {float:left;}
#article	.guide_img span	{font-size:13px; color:#666; position:relative; top:10px;}
#article   .guide_t   {float:right;  font:normal 13px "malgun gothic","맑은고딕"; color:#959595; padding-top:20px; }
#article    .guide_t  strong  {color:#555;}

#article  table.info  {width:100%; float:left; border-top:1px solid #707070; border-bottom:1px solid #707070;}
#article   .info  th   { float:left; padding:7px; color:#3c3c3c; text-align:left;   font:normal 13px "맑은 고딕","Malgun Gothic";}
#article   .info  td   {float:left; padding:7px; color:#7b7b7b;  font:normal 13px "맑은 고딕","Malgun Gothic";}
#article   .info  tr   {border-bottom:1px solid #dbdbdb;}

#article   .info tr:last-child  {border-bottom:none;}

#article  .article_box   {width:800px; float:left;}

#article   .text_01{font:24px bolder "맑은 고딕","Malgun Gothic"; color:#1e3c88;}
#article   .text_02{font:normal 20px "맑은 고딕","Malgun Gothic"; color:#1e3c88;}
#article   .text    {font:normal 14px "맑은 고딕","Malgun Gothic"; line-height:21px; color:#555; margin-top:20px }
#article   .text_b    {font:bold 15px "맑은 고딕","Malgun Gothic"; line-height:23px; }
#article   .text_s_t    {font:normal 13px "맑은 고딕","Malgun Gothic";  color:#666; }
#article   .text_s_t2    {font:bold 32px "맑은 고딕","Malgun Gothic"; letter-spacing:-3px; color:#333;}

#article  .company01   li  {padding-top:5px; line-height:20px; float:left; width:113px;  text-align:center; font:normal 14px "맑은 고딕","Malgun Gothic";}


#article  .com3_box  {width:232px; color:#fff; float:left; padding:10px 0 15px 0; text-align:center; font:normal 14px "맑은 고딕","Malgun Gothic"; 
                       line-height:20px;}


#article  .com3_box2  {width:220px; float:left; font:bold 15px "맑은 고딕","Malgun Gothic"; 
                       line-height:23px;}


#article  .com2_box_ceo  {width:230px; color:#fff;  padding:10px 0 15px 0; text-align:center; 
                          font:bold 15px "맑은 고딕","Malgun Gothic";  line-height:20px; background:url('/common/img/company/ceo_bg.gif') no-repeat top center;}

#article  .com2_box  { width:160px; color:#fff; float:left; text-align:center; }

#article  .com2_box  .li_1 {height:67px;}

#article  .com2_box  .li_2 {letter-spacing:0px; width:160px; color:#fff; float:left; padding:7px 0 12px 0; text-align:center; 
                          font:normal 15px "맑은 고딕","Malgun Gothic";  line-height:20px; background-color:#b44f95;}



.slogan{height:175px;padding-bottom:25px; border-bottom:1px solid #e4e4e4; }
.slogan li{float:left;}
.slogan_text{margin:10px 50px 0 50px;}
.brand{margin-top:50px; padding-bottom:50px; border-bottom:1px solid #e4e4e4;font-family:"malgun gothic"; width:750px;height:100px; overflow:hidden}
.brand h2{float:left; margin:0 40px 0 0px; height:200px;font-size:30px; color:#383838;}

.brand strong{font-weight:bold; color:#777; }
.brand span{font-size:12px}
.brand_text{font-size:20px; color:#8e8e8e; line-height:36px; float:left; width:550px;}


.brand02{margin:50px 0; padding-bottom:50px; border-bottom:1px solid #e4e4e4; font-family:"malgun gothic"; width:750px; height:150px; float:left;}
.brand02 h2{float:left; margin:0 40px 0 0px; height:200px;font-size:30px; color:#383838;}
.brand02 strong{font-weight:bold; color:#777; }
.brand02 span{font-size:12px}
.brand_text02{font-size:20px; color:#8e8e8e; line-height:36px;height:250px; float:left; width:550px;}


.b2c{margin-top:100px;}
.b2c h2{margin-bottom:50px;}
.b2c li{margin-left:77px;}

.b2b{margin-top:100px;}
.b2b h2{margin-bottom:50px;}
.b2b li{margin-left:95px;}

/*오시는길*/

.companymap{width:750px; margin:0 0 0 50px; float:left; }
.companymap h2{color:#666;}
.companymap li{line-height:36px;}

.companytext{margin:35px 0 0 0px; font-family:"malgun gothic";}
.companytext h2{margin-bottom:35px; font-size:34px;}
.companytext  img   {padding-top:5px;}
.companytext ul{float:left; width:730px; color:#707070; }
.companytext li{float:left;margin-bottom:10px ;font-size:16px;}
.companyimg{margin:3px 20px 0 0;  float:left;}
.com_text{float:left;}


/*연혁*/

.history{background:url('/common/img/company/history_img01.jpg') no-repeat 545px 0px; width:750px;  height:100%;  font-size:14px; overflow:hidden;}
.history_in01{padding:45px 0; border-bottom:1px solid #dedede; height:100%; float:left; width:740px; overflow:hidden}
.history_in01 h2{float:left; margin:0 0 0 35px ; }
.history_in01 ul{float:left; float:left; width:350px;}
.history_in01 li{width:500px; margin-left:95px; font-size:14px; line-height:36px; color:#666; float:left;}

.history_in{padding:45px 0; border-bottom:1px solid #dedede; height:100%; float:left; }
.history_in h2{float:left; margin:5px 0 0 35px }
.history_in ul{float:left; width:400px; margin-left:75px;}
.history_in li{width:400px;  font-size:14px; line-height:36px; color:#666; }




/*갤러리*/

#article02			{width:1000px;}
#article02   .guide   {width:100%; float:left; height:30px; margin-top:60px; }
#article02   .guide_img   {float:left;}
#article02   .guide_t   {float:right;  font:normal 13px "맑은 고딕","Malgun Gothic"; color:#959595; padding-top:5px;}
#article02    .guide_t  strong  {color:#555;}


#table_wrap		{font-size:14px; text-align:left;}
#table_wrap span	{color:#ff3c00;}
#table_wrap table	{margin-bottom:30px;}
#table_wrap	 tr	{height:40px; border-top:1px solid #ccc}
#table_wrap  th	{ background-color:#efefef; text-align:center;}
#table_wrap  td	{padding-left:10px;}
#table_wrap  p	{margin-bottom:15px;}
#table_wrap textarea	{width:700px; height:200px; resize:none}

.table1			{margin-top:30px;}

.notice01		{line-height:26px;}


.gallery_search_wrap	{float:right; padding-top:20px;}
.gallery_search			{border:1px solid #ccc; padding:5px; height:20px; width:150px; float:left; margin-right:5px;}

/* faq */
#opinion	li			{width:100%;  font:normal 12px Malgun Gothic; color:#999; }
.faqno					{width:10%; float:left; padding:10px 0 0 0 ; text-align: center;}
.faqtlt					{width:90%; float:left; padding:10px 0 6px 0; line-height:18px; }
.faqline				{width:100%; height:1px; overflow:hidden; border-bottom:1px solid #ddd; clear: both;}