@charset "utf-8";
/* 인사말 */
.greetings{background:url('../images/company/ceo_pic.jpg') no-repeat 600px 216px;padding-bottom:100px;}
.greetings dl{margin-top:58px;}
.greetings dl dd{margin:12px 0 34px; line-height:20px;}
.greetings .ceo{text-align:right; margin:-30px 290px 0 0; }

/* 비전 */
.vision{text-align:center;}
.vision .v_slogan{padding:42px 0 34px;}
.v_wrap{overflow:hidden; margin-left:8px;}
.v_wrap:after{content:""; display:block; clear:both;}
.v_wrap dl{float:left; width:262px; margin-left:12px;}
.v_wrap dl dt{padding:11px 0 10px; background:#f3f2f0; border-top:2px solid #655d5a; border-bottom:1px solid #c7bdb4;}
.v_wrap dl dd{height:230px; border-bottom:1px solid #c7bdb4;}
.v_wrap dl dd.v01{background:url('../images/company/vision_dd01.gif') no-repeat 50% 50%;}
.v_wrap dl dd.v02{background:url('../images/company/vision_dd02.gif') no-repeat 50% 50%;}
.v_wrap dl dd.v03{background:url('../images/company/vision_dd03.gif') no-repeat 50% 50%;}
.v_wrap dl dd ul{position:absolute;left:-9999px; overflow:hidden;}

/* 연혁 */
.tab_history li{width:212px;}
.histoy_cont div{width:848px; height:451px;overflow:hidden; border-top:1px solid #413734;}
.histoy_cont div.h01{background:url('../images/company/history01.jpg') no-repeat 50% 50%;}
.histoy_cont div.h02{background:url('../images/company/history02.jpg') no-repeat 50% 50%;}
.histoy_cont div.h03{background:url('../images/company/history03.jpg') no-repeat 50% 50%;}
.histoy_cont div.h04{background:url('../images/company/history04.jpg') no-repeat 50% 50%;}
/* 조직도 */
/* 2014-01-07 수정 
.org_wrap{padding-top:37px;width:829px; height:560px; background:url('../images/company/organization.gif') no-repeat 0 bottom;}
.org_wrap ul{position:absolute; left:-9999px; overflow:hidden;}
*/
.org_wrap{padding-top:0px;width:828px; height:560px; background:url('../images/company/organization.gif') no-repeat 0 bottom;}
.org_wrap ul{position:absolute; left:-9999px; overflow:hidden;}

/* 기술연구소 */
.tab_research li{width:33.3%;}
.rcon{padding-top:35px;}
.r01{overflow:hidden;}
.r01:after{content:""; display:block; clear:both;}
.r01_left{float:left;}
.r01_txt{padding:37px 0 60px;}
.r01_desc{line-height:19px;}
.r01_list{overflow:hidden; padding-top:23px; width:322px;}
.r01_list:after{content:""; display:block; clear:both;}
.r01_list li{float:left; width:50%; height:9px; padding-bottom:16px;background:none;}
.r01_map{float:right;position:relative;width:418px; height:463px; margin:24px 30px 0 0;}
.r01_map img.r_map00 {z-index:1;position:absolute;left:45px;top:79px;}
.r01_map img.r_map01 {z-index:2;position:absolute;left:0px;top:289px;}
.r01_map img.r_map02 {z-index:2;position:absolute;left:305px;top:289px;}
.r01_map img.r_map03 {z-index:2;position:absolute;left:151px;top:0px;}
.r_list{overflow:hidden; margin:30px 0 0 -21px;}
.r_list:after{content:""; display:block; clear:both;}
.r_list li{float:left; width:180px; height:329px; padding:0 21px; border-left:1px solid #e8e4e1; background:none;}
.r_list li.last-item{padding-right:0px;}
.r_list li strong{display:block; margin:40px 0 15px;}
.r_list li p{line-height:19px;}
.team01{margin:52px 0 35px; width:813px; height:143px; background:url('../images/company/r_team01.gif') no-repeat 0 0;}
.team02{width:647px; height:143px; background:url('../images/company/r_team02.gif') no-repeat 0 0;}
.team01 table, .team02 table{position:absolute; left:-9999px; overflow:hidden;}

/* 오시는길 */
.tab_contact li{width:50%;}
.contact .contact_con{padding-top:0px;} /* 2013-12-26 탭히든시키면서 padding 71 에서 0 으로 수정 */
.contact .contact_con:after{content:"";display:block; clear:both;}
.contact .contact_con p.map_img{float:left;overflow:hidden;margin-right:40px;}
.contact .contact_con .info{float:right; width:290px;}
.contact .contact_info{padding:27px 0 26px;border-top:2px solid #827f7d;border-bottom:1px solid #c2bdba;}
.contact .contact_info p{margin-bottom:7px;}
.contact .contact_info span.tel{color:#db222a; margin-right:20px;}
.contact .contact_info span.tel strong{color:#726357;}
.contact .info .public_transit{margin:40px 0 10px;}
.contact .contact_info .transit{display:block; margin-bottom:2px;}
.contact .contact_info .transit img{margin-top:-1px;vertical-align:middle;}
.contact .contact_info .desc{margin-bottom:20px;display:block;}
.info .map_btn{padding-top:20px;}
.info .map_btn a{display:inline; overflow:visible; height:18px; border-left:none !important; text-align:left; }
.info .map_btn a img{margin-top:0 !important;}