@charset "utf-8";
/* for styles */
@import url("default.css");
@import url("common.css");
@import url("layout.css");

#menubar {float:right;
	width: 600px; height: 82px; ;
}
#menubar-menus {text-align:right;
	margin: 0 auto; list-style: none; padding: 0; text-align: center; display: table;
}
#menubar-menus > li {width: 150px; 
	height: 82px; display: table-cell;  text-align: center; font-size: 17px;
}
#menubar-menus > li > a {width: 150px; 
	 display: table-cell; vertical-align: middle; height: 82px; text-decoration: none; color: #000;
	/* ¼­ºê ¸Þ´º ¿µ¿ªÀÌ °¡·Î ¹æÇâÀ¸·Î 100% º¸ÀÌ´Â °ÍÀ» ¿øÄ¡ ¾ÊÀ» ¶§ ¾Æ·¡ ¶óÀÎÀ» È°¼º */
	/*position: relative;*/}


/* #menubar-menus li¸¦ position: relative 󸮸¦ ÇÏ´Â °æ¿ì¿¡ ¾Æ·¡ hover »óŠ󸮸¦ ÁÖ¼® ó¸® ÇÒ °Í. */
#menubar-menus li:hover {
	border-bottom: solid 3px #000000;
}
#menubar-menus > li > div {
	position: absolute; background: #FFF; opacity:0.8; color: #000; left: 0; width: 100%; top: auto; display: none; text-align:center;
	padding: 13px 50px; z-index: 9999;font-family: ³ª´®°íµñ, NG,sans-serif, ;font-size: 14px;
}

/* top */

.t-line        {width:100%; height:45px; background-color:#233855;}
.lg			   {text-align:right; width:1070px;  margin: 0 auto; color:#b3b3b3;border:solid 0px #e42618;padding-top: 11px;}
.lg	  a		   {color:#b3b3b3;}
.lg	  a:hover  {color:#b3b3b3;}

.logo          {float:left; width:320px; height:85px; background:url("../../image/top/logo.jpg") no-repeat left top; margin: 0 auto; }
.top           {text-align:right; }

/* main */
.m-img1         {width:100%; height:640px; background:url("../../image/main/m1.jpg") no-repeat left top; margin: 0 auto; }
.m-img2         {width:100%; height:640px; background:url("../../image/main/m2.jpg") no-repeat left top; margin: 0 auto; }
.m-img3         {width:100%; height:640px; background:url("../../image/main/m3.jpg") no-repeat left top; margin: 0 auto; }
.m-img4         {width:100%; height:640px; background:url("../../image/main/m4.jpg") no-repeat left top; margin: 0 auto; }
.icon-back		{width:100%; height:110px; background-color:#dbcbb5; text-align:center; margin: 0 auto;}

.table-nt           {width: 100%; border: 1px solid #ccc5bd; text-align: left; color:#363636; font-size: 13px; vertical-align: middle; line-height: 28px; padding: 25px 30px 25px 30px; } 
.table-nt  th       {text-align:left; vertical-align: middle;}
.table-nt  td       {vertical-align: top;}
.table-nt  a		{text-decoration:none; color:#363636;}
.table-nt  a:hover  {border-bottom:solid 1px #363636; color:#363636; text-decoration:none;}
.table-nt .tt       {font-size: 18px; font-weight: 600; height:50px; color:#000000; background:url("../../image/main/m_arrow.jpg") 280px 5px no-repeat ;vertical-align:top; cursor:pointer;}

.table-ll           {width: 100%; border: 1px solid #ccc5bd; text-align: center; vertical-align: middle; }



/* sub */
.sub-company         {width:100%; height:225px; background:url("../../image/company/company.jpg") no-repeat left top; margin: 0 auto; }
.sub-brand		     {width:100%; height:225px; background:url("../../image/brand/brand.jpg") no-repeat left top; margin: 0 auto; }
.sub-recruit         {width:100%; height:225px; background:url("../../image/recruit/recruit.jpg") no-repeat left top; margin: 0 auto; }
.sub-community       {width:100%; height:225px; background:url("../../image/community/community.jpg") no-repeat left top; margin: 0 auto; }
.position			 {float:right;width:350px; text-align:right; height:40px; padding-top:10px; padding-left:20px;  }
.title				 {clear:both; width:100%; text-align:center; height:30px; padding-bottom:15px; margin-bottom:50px; border-bottom:solid 1px #cbcbcb;font-size:23px;color:#414141;font-weight:bold;}
.stitle				 {clear:both; width:100%; text-align:left; padding-bottom:15px; font-size:17px;color:#414141;font-weight:bold;}
.pointt				 {width:100%; text-align:left; padding-bottom:30px;  color:#363636;line-height: 26px;}

.ts           {width: 100%; text-align: left; color:#363636; font-size: 14px; vertical-align: top; line-height: 26px; } 
.ts  a		  {text-decoration:none; color:#363636;}
.ts  a:hover  {text-decoration:none; color:#363636; }

.ts  .tt      {width: 100%; text-align: left; color:#363636; font-size: 22px; vertical-align: top; line-height: 26px; } 
.ts  .tp      {width: 100%; text-align: left; color:#4577a0; vertical-align: top; line-height: 26px;font-weight:bold; } 


/* company */
.banner			{position: relative; width: 455px; height: 315px;  margin:0 auto; padding:0; overflow: hidden; border:solid 1px #cbcbcb;}
.banner ul		{position: absolute; margin: 0px; padding:0; list-style: none; }
.banner ul li   {float: left; width: 455px; height: 315px; margin:0; padding:0;}

.ceo-table        {width: 100%; text-align: center; color:#363636; font-size: 14px; vertical-align: top; line-height: 26px;  } 
.ceo-table th     {font-size:22px;font-weight:normal;line-height: 26px; padding-bottom:40px;}
.ceo-table td     {font-size:13px;background:url("../../image/company/ceo-img.jpg") no-repeat right bottom; margin: 0 auto; height:520px;vertical-align:top;}
.ceo-table  .tt   {width: 100%; } 
.ceo-table  .tp   {width: 100%; color:#4577a0; font-weight:bold; } 


/* recruit */
/* ¸®½ºÆ® Å×À̺í */
.top-table2        { padding:0; border-bottom:1px solid #000000; border-top:1px solid #000000;text-align:center;}
.top-table2 th     { background-color:#f5f5f5; padding-top:20px; padding-bottom:20px; font-weight:bold; font-size:14px;}
.top-table2 td     { border-top:1px solid #cecece;  background-color:#ffffff; padding:20px 10px 20px 10px;}
.top-table2 th.n   { border-right:0px solid #cecece; }
.top-table2 td.n   { border-right:0px solid #cecece; }
/* ÀÔ»çÁö¿ø Å×À̺í */
.wr-table         { padding:0; border-top:1px solid #000000; border-bottom:1px solid #000000; text-align:left;}
.wr-table  th     { border-top:1px solid #e0e0e0; background-color:#f5f5f5; padding-top:20px; padding-bottom:20px; font-weight:bold; font-size:14px; }
.wr-table  td     { border-top:1px solid #e0e0e0;  background-color:#ffffff; padding:0px 10px 0px 20px;}
.wr-table  th.n   { border-right:0px solid #cecece; }
.wr-table  td.n   { border-right:0px solid #cecece; }
/* ¾÷¹«È¯°æ ¹× º¹ÁöÁ¦µµ Å×À̺í */
.ev-table         { text-align:left; vertical-align:top;  line-height:25px;}
.ev-table th	  { text-align:left; padding:33px 10px 20px 0px;  border-bottom:solid 1px #cacaca; vertical-align:top;}
.ev-table th.n	  { text-align:left;  border-bottom:solid 0px #cacaca; vertical-align:top;}
.ev-table td	  { padding:20px 10px 33px 135px;  vertical-align:top;font-size:14px;}
.ev-table .tt     { font-size:50px; padding:20px 0px 0px 0px; font-weight:bold;color:#4577a0;}
.ev-table .ts     { font-size:21px; padding:20px 0px 0px 0px; font-weight:normal; color:#4577a0;vertical-align:bottom;}

.man-table        {width: 100%; text-align: center; color:#363636; font-size: 14px; vertical-align: top; line-height: 26px;  } 
.man-table th     {font-size:22px;font-weight:normal;line-height: 26px; padding-bottom:40px;}
.man-table td     {font-size:13px;background:url("../../image/recruit/recruit-man.jpg") no-repeat right bottom; margin: 0 auto; height:400px;vertical-align:top;}
.man-table  .tt   {width: 100%; } 
.man-table  .tp   {width: 100%; color:#4577a0; font-weight:bold; } 


/* ¿À½Ã´Â±æ */
.location_map {border:1px solid #ddd; border-bottom:2px solid #e0e0e0;}
.location_map iframe {width:100%; height:472px; border:0;}
.location_map p {width:100%; padding:22px 20px; border-top:1px solid #ddd;  color:#555; line-height:26px; background:#f9f9f9; text-align:center; box-sizing:border-box;}
.location_map p img {margin-right:6px; vertical-align:middle;}
.location {margin-top:40px;}
.location dt {font-size:17px;color:#414141; line-height:26px;}
.location dt img {margin-right:15px; vertical-align:middle;}
.location dd {margin:0px 0 0 55px; color:#555; line-height:24px;}
.location ul:after {clear:both; content:''; display:block;}
.location ul li {float:left;}
.location ul li:first-child {margin-right:70px;}
.subway , .bus { line-height:24px;}
.subway_5 {background:#8938dd;color:#fff; margin-right:4px;padding:1px 3px 1px 3px;}
.subway_9 {background:#bf9e44;color:#fff; margin-right:4px;padding:1px 3px 1px 3px;}
.branch_g {background:#4d9e30;color:#fff; margin-right:6px;;padding:1px 2px 1px 2px;}
.branch_b {background:#395cb4;color:#fff; margin-right:6px;;padding:1px 2px 1px 2px;}





/* left-menu */
.leftmenu						{width:200px; text-align:left; float:left; margin:0px; padding:0px;}
.leftmenu dl dt					{border-bottom:solid 2px #303030; padding:10px 0 25px 0;  font-size:30px; color:#000000; font-family: sans-serif, ³ª´®°íµñ, NG; }
.leftmenu dl dd					{margin-top:5px;}
.leftmenu dl dd ul li			{border-bottom:solid 1px #dadada; font-size:15px; line-height:39px; width:200px; height:45px; padding-top:10px;}
.leftmenu dl dd ul li a			{text-decoration:none; height:45px; }
.leftmenu dl dd ul li a:hover,
.leftmenu dl dd ul li a:focus	{border-bottom:solid 1px #e42618; color:#d3050d; text-decoration:none; width:200px; background:url("../../image/btn/icon_menu.png") 191px 14px no-repeat; display:inline-block;}
.leftmenu dl dd ul li.on		{border-bottom:solid 1px #e42618; color:#d3050d; text-decoration:none; width:200px; background:url("../../image/btn/icon_menu.png") 191px 24px no-repeat; display:inline-block;}
.leftmenu dl dd ul li.on a		{border-bottom:solid 1px #e42618; color:#d3050d; text-decoration:none; width:200px;display:inline-block;}
.leftmenu dl dd ul li.noborder	{border:none;}


/* right-menu */
.rightmenu						{float:right;width:860px; text-align:left;}

.m-title						{float:left; width:100%; text-align:left; border-bottom:solid 2px #303030; padding:10px 0 25px 0; margin-bottom:0px;}
.m-title						{font-size:30px; color:#000000; font-family:sans-serif, ³ª´®°íµñ, NG;  }

.ms-title						{float:left; width:100%; text-align:left; border-bottom:solid 1px #cacaca; padding:0 0 20px 0; margin-bottom:10px;}
.ms-title						{font-size:14px; }

.m-list	 						{ width:100%; height:100%; padding:0 0 30px 0; border-bottom:solid 1px #000000; text-align:left; margin-bottom:20px;}

.list-text	 					{font-size:11px; width:100%; text-align:right; margin-bottom:15px; }
.list-text .pt 					{color:#8e8e8e;}

.main-text							{clear:both;font-size:16px; line-height:23px; padding-top:30px; padding-bottom:20px;}
.ms-text							{font-size:14px; line-height:23px; padding-bottom:20px;}
.main-point						    {font-size:20px; line-height:30px; border-bottom:1px solid #cecece; color:#000000;padding-top:60px;padding-bottom:15px; margin-bottom:0px;font-weight:bold;}
.main-point2						{font-size:20px; line-height:30px; color:#000000;padding-top:60px;padding-bottom:15px; margin-bottom:0px;}

.ceo-text							{font-size:14px; line-height:23px;}
.ceo-text .pt						{font-size:16px; line-height:30px; color:#000000;}

.foot-text							{clear:both;font-size:13px; line-height:23px; padding-top:30px; padding-bottom:20px;}
.foot-text .pt						{font-size:16px; line-height:30px; color:#000000;font-weight:bold; }

.history-table        { text-align:left; vertical-align:top; font-size:14px; line-height:25px;}
.history-table td	  { padding:33px 10px 33px 10px;  border-bottom:solid 1px #cacaca;vertical-align:top;}
.history-table td.n   { border-bottom:0px solid #cecece; }


.meeting-table        { border-top:1px solid #cecece; text-align:left; vertical-align:top; font-size:14px; line-height:30px;}
.meeting-table td	  { padding:33px 10px 33px 10px;  border-bottom:solid 1px #cacaca;vertical-align:top;}
.meeting-table td.n   { border-bottom:0px solid #cecece; }


.client-table         { border:1px solid #cecece; text-align:center; vertical-align:top; font-size:14px;}
.client-table td	  { padding:20px; vertical-align:top; line-height:90px;}


/* -------------------------board---------------------------- */

/* ÁÖ¿ä°í°´»ç Å×À̺í */
.gallery_list{position:relative; width:900px; overflow:hidden; }
.gallery_list:after {display:block;visibility:hidden;clear:both;content:""}
.gallery_list ul{width:900px; }
.gallery_list ul li{float:left; margin:5px 30px 20px 0px ; position:relative; border:1px solid #cacaca;}
.gallery_list ul li:hover{border-color:#ea1c1e}


/*ÆäÀÌÁö ³Ñ¹ö*/
.paging {clear:both; padding:50px 0 20px 0;text-align:center;font-size:14px;}
.paging .pageNum {margin:0 5px;}
.paging img {margin:1px 0 0 0;vertical-align:middle;padding:0 15px 0 15px;}
.paging .pageNum a {color:#777777; padding:4px 7px 4px 7px; margin:0 10px 0 10px;}
.paging .pageNum a.on {color:#ffffff; border: 1px solid #8d8d8d ;font-weight:bold; background-color:#8d8d8d;}


/* btn */
.btn       {clear:both; text-align:center; padding:40px 0 0 0  }

.btn_blue  {cursor:pointer; width:200px;   border:solid 1px #2f62cb; ; padding:15px; 0 15px; 0 ; font-weight:bold; background-color:#ffffff;color:#2f62cb}
.btn_2t    {cursor:pointer; width:60px; height:30px;  border:solid 1px #cacaca; ; padding:0 0 0 0 ; font-weight:bold; background-color:#ffffff;margin-left:5px;}
.btn_3t    {cursor:pointer; width:70px; height:30px;  border:solid 1px #cacaca; ; padding:0 0 0 0 ; font-weight:bold; background-color:#ffffff;}

.btn_wr    {cursor:pointer; width:60px; height:30px;color:#ffffff; border: 1px solid #8d8d8d; font-weight:bold; background-color:#8d8d8d;margin-left:5px;}
.btn_serch {cursor:pointer; width:70px; height:27px;  border:solid 1px #a9a9a9; ; padding:0 0 0 0 ;  background-color:#ffffff;margin-left:5px;}
.btn_serch2 {cursor:pointer; width:60px; height:21px;  border:solid 1px #707070; ; padding:0 0 0 0 ;  background-color:#ffffff;margin-left:5px;color:#000000;} 





/*input*/
.input1         {height:25px; border:1px solid #a9a9a9; width:90%; background-color:#ffffff; padding:0px 0 0px 10px;}
.textarea1      {width:88%;height:200px; line-height:15px;border:solid 1px #a9a9a9; padding:10px 10px 10px 10px;margin:20px 0 20px 0;}
.textarea2      {width:98%;height:110px; font-size:11px; line-height:15px;border:solid 1px #cccccc; padding:5px 0 5px 5px;}


/*search_box*/
.search_box     {width:600px;height:25px; background-color:#ffffff; text-align:center;margin:0 auto 0 auto;}
.search_input   {height:19px; width:200px; border:1px solid #707070; background-color:#ffffff; padding:0px 0 0px 5px;}


/* -------------------------board end---------------------------- */





/*footer*/
.bb-contents			 {width:1100px; height:140px; margin:0 auto 0 auto; vertical-align:bottom; padding-top:5px; padding-bottom:10px; color:#a3a3a3}
.bb-contents a			 {width:1100px; height:140px; margin:0 auto 0 auto; vertical-align:bottom; padding-top:5px; padding-bottom:10px; color:#a3a3a3}
.bb-contents a:hover     {width:1100px; height:140px; margin:0 auto 0 auto; vertical-align:bottom; padding-top:5px; padding-bottom:10px; color:#a3a3a3}
.blogo					 {width:1100px; height:40px; background:url("../../image/bottom/b_logo.jpg") 0px 20px no-repeat ; padding-top:25px; padding-left:250px;  }
.btext					 {clear:both;width:1100px;  padding-bottom:10px; font-size:13px; }